/* 
 * Standard style-sheet for Sundial Services web-site.  Copyright (C)2007-2008 Sundial Services.
 */

html {
    height: 100%;
}

body { 
    background-color: 	#2155c0;
    margin: 			0px;
    padding: 			0px;
    height: 			100%;
	font-family:		sans-serif;
	font-size:			10pt;
}

#header {
    /* border-bottom: 		1px solid #9aa1ff; */
	background-color:	#2155c0;
	background-image:	url("/static/images/titlebar_gradient.png");
}

#header_menuwrapper_div {
	position:			relative;
	height:				150px;
}

#header_topmenu_div {
	position:			absolute;
	right:				0px;
	top:				0px;
}

#header_mainmenu_div {
	position:			absolute;
	left:				0px;
	bottom:				0px;
	text-align:			left;
}


#topmenu_list {
	display:			inline;
	margin: 			2em;
	width: 				80%;
	padding: 			5px;
	font-family: 		sans-serif;
	vertical-align:		top;	
}
#topmenu_list a {
	color:				#dcd566;
	text-decoration:	none;
	padding-left:		0.25em;
	padding-right:		0.25em;
}
#topmenu_list ul, #topmenu_list li {
	display: 			inline;
	margin: 			0;
	padding: 			0;
	font-size:	 		12pt;
	font-weight: 		normal;
	border-bottom:		2px solid #dddddd;
	border-left:		1px solid #dddddd;
	border-right:		1px solid #dddddd;
}

#mainmenu_list {
	display:			inline;
	margin: 			2em;
	width: 				80%;
	padding: 			5px;
	font-family: 		sans-serif;
	vertical-align:		bottom;	
}
#mainmenu_list a {
	color:				#dcd566;
	text-decoration:	none;
	padding-left:		0.25em;
	padding-right:		0.25em;
}
#mainmenu_list ul {
	display: 			inline;
	margin: 			0;
	padding: 			0;
	font-size:	 		14pt;
	font-weight: 		bold;
}
#mainmenu_list li {
	display: 			inline;
	margin: 			0;
	padding: 			0;
	font-size:	 		14pt;
	font-weight: 		bold;
	border-bottom:		2px solid #dddddd;
	border-left:		1px solid #dddddd;
	border-right:		1px solid #dddddd;
}


#footer {
    text-align: 		center;
    border-top: 		1px solid #6aa1ff;
    bottom: 			0;
    left: 				0px;
    width: 				100%;
    padding: 			4px;
	font-family:		sans-serif;
	font-size:			6pt;
	color:				#d5fcea;
	background-color: 	#4175e0;
}

#footer a {
	color:				#d5fcea;
	text-decoration:	underline;
}

#content {
    padding: 			10px;
	position:			relative;	/* CSS magic-foo to cause floats 'in' here not to wander 'outside' */
	background-image:	url("/static/images/sandbg.png");
}

.page_title {
    padding: 			4px;
    margin: 			0px;
}

.message {
    color: 				#7b6e32;
}

.error {
    color: 				#7b6e32;
}

.footnote {
	font-size:			smaller;
}


#boilerplate_container {
}

.breadcrumbs_container {
	clear:				both;
	width:				100%;
	font-family:		sans-serif;
	color:				#9696f6;
	background-color:	#bed2d8;
	font-size:			9pt;	
}

.breadcrumbs_item {
	color:				#9696f6;
}

.breadcrumbs_item a {
	color:				#9696f6;
}

.breadcrumbs_youarehere {
	color:				#7474d4;
	font-weight:		bold;
}
.breadcrumbs_lastitem {
	color:				#8585e5;
	font-weight:		bold;
}

.sidebar_container {
	float:				right;
	clear:				left;
	width:				12em;
	margin-left:		1em;
	margin-bottom:		1em;
	padding-left:		0.25em;
	padding-right:		0.25em;
	padding-top:		0.25em;
	padding-bottom:		0.25em;
	font-family:		sans-serif;
	background-color:	lightblue;
	border-style:		outset;
	border-width:		3px;
}

.sidebar_item {
}

.sidebar_hotlink {
}

.sidebar_nonlink {
	font-weight:		bold;
}

.sidebar_caption {
	color:				yellow;
	background-color:	blue;
	margin-bottom:		0.5em;
}

#boilerplate_container {
	font-family:		sans-serif;
	color:				black;
}

.shop_image {
	float:				left;
	margin-left:		1em;
	margin-bottom:		1em;
	margin-right:		1em;
}

.shop_storename {
	font-size:			14pt;
}

.shop_buyitbox {
	width:				75%;
	clear:				both;
	margin:				auto;
	border-color:		blue;
	border-left:		2px;
	border-bottom:		4px;
	border-right:		4px;
	border-top:			2px;
	padding-left:		1em;
	padding-bottom:		0.5em;
	padding-right:		1em;
	padding-top:		0.5em;
	color:				blue;
	font-family:		serif;
	font-style:			italic;
}

.body_box {
	position:			relative;		/* CSS float-container voodoo */
	margin-top:			0.5em;
	margin-bottom:		0.5em;
	clear:				both;
}

#product_info_div {
	width:				85%;
	margin:				auto;
}

#product_info_table {
	width:				100%;
	border-style:		groove;
	border-width:		3px;
	border-color:		#dddddd;
}

#product_info_table tr td {
	background-color:	#fee3b6;
	padding:			0.5em;
	vertical-align:		top;
}

.floatleft_noclear; {
	float:				left;
}

.floatright_noclear; {
	float:				right;
}

.floatleft_image {
	float:				left;
	clear:				left;
	margin-left:		0.25em;
	margin-top:			1em;
	margin-right:		1em;
	margin-bottom:		1em;
}
.floatright_image {
	float:				right;
	clear:				right;
	margin-left:		1em;
	margin-top:			1em;
	margin-right:		0.25em;
	margin-bottom:		1em;
}
.floatright_image_topaligned {
	float:				right;
	clear:				right;
	margin-left:		1em;
	margin-top:			0;
	margin-right:		0.25em;
	margin-bottom:		1em;
}
.image_caption {
	margin:				auto;
	text-align:			center;
	color:				#446655;
	font-size:			7pt;
	font-style:			italic;
	font-weight:		bold;
	clear:				both;
}

/* Oh, you are so wonderful ... */

.customer_praise {
	clear:				both;
	width:				70%;
	margin:				auto;
	padding-top:		0.25em;
	padding-left:		0.50em;
	padding-bottom:		0.25em;
	padding-right:		0.50em;
	border-top:			solid 1px blue;
	border-left:		solid 1px blue;
	border-bottom:		solid 3px blue;
	border-right:		solid 3px blue;
	font-family:		serif;
	font-style:			normal;
	font-size:			normal;
	color:				blue;
}

.cp_dropcap {
	font-family:		serif;
	font-style:			normal;
	font-size:			larger;
	font-weight:		bold;
	color:				blue;
}
	
.cp_actual {
	clear:				left;
	font-family:		serif;
	font-style:			italic;
	font-size:			small;
	color:				blue;
	text-align:			right;
}

/* Show me the money ... */

.buyit_container {
	clear:				both;
	width:				80%;
	margin:				auto;
	border-top:			outset 2px #fddb9b;
	border-left:		outset 2px #fddb9b;
	border-bottom:		outset 4px #fddb9b;
	border-right:		outset 4px #fddb9b;
	background-color:	#fbe6b7;
}

.buyit_element {
	clear:				both;
	width:				95%;
	margin:				auto;
	padding-top:		0.25em;
	padding-left:		0.50em;
	padding-bottom:		0.25em;
	padding-right:		0.50em;
	margin-top:			0.25em;
	margin-left:		0.50em;
	margin-bottom:		0.25em;
	margin-right:		0.50em;	
	border-top:			inset 2px #fddb9b;
	border-left:		inset 2px #fddb9b;
	border-bottom:		inset 4px #fddb9b;
	border-right:		inset 4px #fddb9b;
	background-color:	#fbe6b7;
}



.buyit_buttonarea {
	clear:				both;
	float:				right;
	padding-top:		0.25em;0.25
	padding-left:		0.50em;
	padding-bottom:		0.25em;
	padding-right:		0.50em;
	margin-top:			0.25em;
	margin-left:		0.5em;
	margin-bottom:		0.25em;
	margin-right:		0.5em;	
	border-top:			inset 2px blue;
	border-left:		inset 2px blue;
	border-bottom:		inset 4px blue;
	border-right:		inset 4px blue;
	width:				35%;

}

.buyit_title {
	font-family:		sans-serif;
	font-size:			larger;
	color:				blue;
}

.buyit_couponnote {
	font-family:		serif;
	font-size:			smaller;
}

.buyit_price {
	font-family:		sans-serif;
	font-size:			larger;
	color:				blue;
}

.buyitnow_button {
	margin-right:		1em;
	display:			inline-block;
}
.addtocart_button {
	margin-left:		1em;
	margin-right:		1em;
	display:			inline-block;
}
.viewcart_button {
	margin-left:		1em;
	margin-right:		1em;
	display:			inline-block;
}

/* Who uses this?  (Mongo jumbo CSS-transparency tricks!  "Woot! Woot!") */

.whouses_customers {
	color:				#66abc4;
	font-size:			11pt;
	font-family:		sans-serif;
	width:				100%;
	z-index:			0;
}
.whouses_customer_footnote {
	clear:				both;
	color:				#448ba4;
	font-size:			8pt;
	font-family:		serif;
	width:				100%;
	margin-top:			0.25em;
	z-index:			0;
}

.whouses_overlay {
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			1;
	width:				60em;			/* to keep it from overlapping the sidebar ... */
}

.whouses_shadow {						/* so you can still see the background AND still read the text */
	background-color:	#fddb9b;
	padding:			1em;
	width:				inherit;
	filter:alpha(opacity=50);
	-moz-opacity:		0.5;
	-khtml-opacity: 	0.5;
	opacity: 			0.5;	
}

.whouses_shouttext {
	color:				black;
	font-size:			16pt;
	font-weight:		bold;
	font-family:		sans-serif;
	filter:alpha(opacity=100);
	-moz-opacity:		1.0;
	-khtml-opacity: 	1.0;
	opacity: 			1.0;	
}
.whouses_normaltext {
	color:				black;
	font-size:			normal;
	font-weight:		bold;
	font-family:		serif;
	filter:alpha(opacity=100);
	-moz-opacity:		1.0;
	-khtml-opacity: 	1.0;
	opacity: 			1.0;		
}

.whouses_textbox1 {
	clear:				left;
	background-color:	transparent;
	position:			relative;
	top:				+1em;
	left:				+1em;
	width:				22em;
}
.whouses_textbox2a {
	clear:				left;	
	background-color:	transparent;
	position:			relative;
	top:				+1em;
	left:				+4em;
	width:				47em;	
}
.whouses_textbox3 {
	background-color:	transparent;
	clear:				left;
	position:			relative;
	top:				+2em;
	left:				+6em;
	width:				10em;
}
.whouses_textbox4a {
	clear:				left;	
	background-color:	transparent;
	position:			relative;
	top:				+1em;
	left:				+8em;
	width:				47em;
}
.whouses_textbox4b {
	clear:				left;	
	background-color:	transparent;
	position:			relative;
	top:				+0.5em;
	left:				+8em;
	width:				47em;
}
.whouses_textbox5 {
	background-color:	transparent;
	clear:				left;
	position:			relative;
	top:				+2em;
	left:				+10em;
	width:				35em;
}
.whouses_textbox6a {;	
	background-color:	transparent;
	clear:				left;	
	position:			relative;
	top:				+1em;
	left:				+12em;
	width:				47em;
}
.whouses_textbox6b {
	color:				#3a4c68;
	font-size:			normal;
	font-weight:		bold;
	font-family:		serif;
	clear:				left;	
	background-color:	transparent;
	position:			relative;
	top:				+0.5em;
	left:				+12em;
	width:				50em;	
}
.whouses_textbox7 {
	color:				black;
	font-size:			16pt;
	font-weight:		bold;
	font-family:		sans-serif;
	background-color:	transparent;
	clear:				left;
	position:			relative;
	top:				+1em;
	left:				+14em;
	width:				11em;
}

dl.jobeditor_list {
}

dl.jobeditor_list dt {
	font-weight:		bold;
	font-style:			normal;
	margin-bottom:		0.5em;
	margin-top:			2.0em;	
}

dl.jobeditor_sublist dt {
	font-weight:		normal;
	font-style:			normal;
	margin-bottom:		0.5em;
	margin-top:			1.0em;
}
	
p.jobeditor_footnote {
	font-size:			smaller;
}

/* An ordinary block-quote */

.ordinary_blockquote {
	clear:				both;
	width:				80%;
	margin:				auto;
	padding-top:		0.25em;
	padding-left:		0.50em;
	padding-bottom:		0.25em;
	padding-right:		0.50em;
	border-top:			solid 1px #fddb9b;
	border-left:		solid 1px #fddb9b;
	border-bottom:		solid 3px #fddb9b;
	border-right:		solid 3px #fddb9b;
	font-family:		serif;
	font-size:			normal;
	font-style:			normal;
	font-weight:		normal;
	color:				#444444;
}

.yeah_right {
	font-style:			italic;
	color:				#666688;
}

.whine_table {
	border-left:		1px solid #888888;
	border-top:			1px solid #888888;
	border-right:		3px solid #888888;
	border-bottom:		3px solid #888888;
	width:				80%;
}

.whine_before {
	font-family:		serif;
	font-style:			normal;
	vertical-align:		top;
	padding-left:		0.5em;
	width:				50%;
}
.whine_text_before {
	font-size:			smaller;
}

.honey_whimper {
	color:				#666666;
}

.whine_after {
	font-family:		serif;
	font-style:			normal;
	vertical-align:		top;
	border-left:		2px solid #888888;
	padding-left:		1em;
	padding-right:		0.5em;
	width:				50%;
}
.whine_text_after {
	font-size:			smaller;
}

.quote_block {
	margin-left:		2em;
	margin-right:		2em;
	margin-bottom:		2em;
	border-style:		outset;
	border-width:		4px;
	font-size:			smaller;
	width:				60%;
	padding-left:		1em;
	padding-right:		1em;
}

.article_sidebar {
	float:				right;
	clear:				left;
	width:				40%;
	margin-left:		1em;
	margin-bottom:		1em;
	margin-top:			1em;
	margin-bottom:		1em;
	padding-left:		0.25em;
	padding-right:		0.25em;
	padding-top:		0.25em;
	padding-bottom:		0.25em;
	font-family:		sans-serif;
	background-color:	lightyellow;
	color:				blue;
	font-family:		sans-serif;
	font-size:			smaller;
	font-weight:		normal;
	font-style:			italic;
	border-style:		outset;
	border-width:		3px;
}

.teletype {
	font-family:		courier;
}