/*
-----------------------------------------------------------
Vesess - http://vesess.com
Main Stylesheet

Basic styling : initial.css
IE Hacks      : ie_hacks.css

----------------------------------------------------------- */


body { font-size: 100%; color: #333; background: url(body_bk.png) #F0F0F0 repeat-x top left; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }

a, a:link { color: #235C96; }
a:visited { color: #5190D6; }
a:hover { color: #1B3A4B; text-decoration: none; }
a img { border: 0; }

h1, h2, h3, h4 { font-weight: normal; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; font-weight: bold; }
h5 { font-size: 90%; }
h6 { font-size: 80%; text-transform: uppercase; font-weight: normal; }
code, kbd { font-size: 120%; }
hr { height: 1px; border: #BFDCA0 1px solid; background-color: #BFDCA0; }
dt { font-weight: bold; }

/* Helper classes */
.hide { display: none; }
.hidden { visibility: hidden; }
.clear { clear: both; }
.hidden { display: none; }
hr.hidden { margin: 0; padding: 0; border: 0; height: 1px; }
span.explain { border-bottom: #111 1px dotted; }
hr.separator { margin: 1em 0 0 0;  height: 1px; border: #FFF 1px solid; background-color: #FFF; clear:both; }
.align_right { text-align: right; }
.margin_top { margin-top: 1em; }
.margin_bottom { margin-bottom: 1em; }
.no_margin_top { margin-top: 0; }
.no_margin_bottom { margin-bottom: 0; }

div#container { }
	div#header { position: relative; height: 31px; }
		div#logo { position: absolute; top: 5px; }
		div#logo a { font-size: 15px; color: #FFF; font-weight: bold; text-decoration: none; }
		ul#status { margin: 0; position: absolute; top: 5px; right: 0; }
		ul#status li { float: left; list-style: none; color: #E1EFFB; font-size: 11px; }
		ul#status li a { color: #E1EFFB; text-decoration: none; }
			ul#status li a:hover { color: #FFF; text-decoration: underline; }
		
	div#wrapper { }
	div#content { margin: 20px 0; padding: 20px; border: 1px solid #E1E1E1; background-color: #FFF; min-height: 560px; }
		div#content h2 { margin-top: 0; padding: 12px 15px; color: #333; font-weight: bold; font-size: 20px; border: 1px solid #E1EFFB; background-color: #F2F8FD; }
		div.heading h2 span { font-size: 20px; color: #999; font-weight: bold; }
		div#content h3 { margin-bottom: 0; color: #235C96; font-weight: bold; font-size: 15px; }
		div#content p.description { margin-bottom: 0; }

	div#navigation { margin-top: 40px; }
		ul.menu { margin: 0; background: url(menu_bk.png) no-repeat top right; }
			ul.menu li { margin: 0; list-style: none; font-size: 15px; background: url(menu_bk.png) no-repeat bottom right; }
			ul.menu li a { padding: 10px; display: block; text-decoration: none; }
			ul.menu li a.active { color: #333; }
			ul.menu li a:hover { color: #333; }
			ul.menu a:visited { color: #235C96; }

		ul.menu ul { margin: 0; padding-bottom: 15px; background: url(menu_bk.png) no-repeat bottom right; }
		ul.menu ul li { margin: 0; background: none; font-size: 12px; font-weight: bold; }
		ul.menu ul li a { padding: 3px 10px 3px 20px; }
		ul.menu li.collapsed a { background: url(collapsed_bk.png) no-repeat 130px center; }
		ul.menu li.collapsed li a { background: none; }

	div#extra { }

	div#footer { clear: both; }

/* LG: Layout 34 */
div#container{ width: 1024px; margin: 0 auto; }
div#content{ float: right; width: 800px; }
div#navigation{ float: left; width: 180px; }
div#extra{ float: left; clear: left; width: 180px; }
div#footer{ clear: both; width: 100%; }



/* table styling */

table {	margin: 1em auto; width: 100%; border-collapse: collapse; }
table a { text-decoration: none; }
table a:hover { text-decoration: underline; }
table caption { color: #9ba9b4; margin:1em 0 0 0; padding:0; caption-side: top; text-align: center; }	
table tr.odd td { background:#F9F9F9; }
table tr.odd .column1	{ background:#F9F9F9; }
table .column1 { background:#F9F9F9; }
table td { color: #333; padding:.7em 1em; text-align: left; }	
table td.align_right { text-align: right; }				
table th { font-weight :normal; color: #333; border-bottom: 1px solid #E1E1E1; padding:.3em 1em; }							
table td.action, table th.action { width: 15px; }	
table thead th { background: #FFF; text-align: left; color:#333; font-weight: bold; font-size: 12px; text-transform: uppercase; }
table thead th.align_right { text-align: right; }
table tfoot th { text-align:center; background:#f4f9fe; }	
table tfoot th strong { margin:.5em .5em .5em 0; color:#66a3d3; }		
table tfoot th em { color:#f03b58; font-weight: bold; font-size: 1.1em; font-style: normal; }


table.blueline { border-top:1px solid #e5eff8; border-right:1px solid #e5eff8;border-collapse:collapse; }
table.blueline, table.blueline a { color: #333; }
table.blueline caption { color: #9ba9b4; font-size:.94em; letter-spacing:.1em; margin:1em 0 0 0; padding:0; caption-side:top; text-align:center; }	
table.blueline tr.odd td { background:#f7fbff; }
table.blueline tr.odd .column1	{ background:#f4f9fe; }
table.blueline .column1 { background:#f9fcfe; }
table.blueline td { color:#666; border-bottom:1px solid #e5eff8; border-left:1px solid #e5eff8; padding:.3em 1em; text-align:center; }				
table.blueline th { font-weight:normal; color: #678197; text-align:left; border-bottom: 1px solid #e5eff8; border-left:1px solid #e5eff8; padding:.3em 1em; }							
table.blueline thead th { background: #F2F8FD; text-align:center; color:#66a3d3; font-weight: bold; font-size: 110%; }	
table.blueline tfoot th { text-align:center; background:#f4f9fe; }	
table.blueline tfoot th strong { margin:.5em .5em .5em 0; color:#66a3d3; }		
table.blueline tfoot th em { color:#f03b58; font-weight: bold; font-size: 1.1em; font-style: normal; }

/*
table.summary { }
table.summary, table.summary a {  }
table.summary caption { color: #9ba9b4; font-size:.94em; letter-spacing:.1em; margin:1em 0 0 0; padding:0; caption-side:top; text-align:center; }	
table.summary tr.odd td { background:#FFF; }
table.summary tr.odd .column1	{ background:#FFF; }
table.summary .column1 { background:#FFF; }
table.summary td { padding: 1em 1em 0 1em; text-align: center; color: #73A43E; vertical-align: top;  }				
table.summary td strong { font-size: 25px; font-weight: bold; color: #73A43E; }				
table.summary td span { font-size: 90%; }				
table.summary th { color: #888; font-size: 90%;text-transform: none; vertical-align: bottom; }							
table.summary thead th {  padding:.3em 1em; font-weight:normal; background: #FFF; color:#888; text-align: center; }	
*/

table.reports { }
table.reports thead th { background: #F2F8FD; text-align:left; color:#66a3d3; font-weight: bold; font-size: 110%;}	
table.reports td { color:#666; border-bottom: 1px solid #e5eff8; padding:.3em 1em; text-align:left; }
table.reports td strong { font-weight: bold; color: #66a3d3; }

/* Form styles */
form, fieldset { margin: 0; padding: 0; font-size: 100%; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }

div.form-container { margin: 1em 0; background-color: #FFF; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

/*
div.errors, div.error { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p, div.error p { margin: 0; }
div.errors p em, div.error p em { color: #C00; font-style: normal; font-weight: bold; }
*/

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 155px; font-size: 90%; color: #666; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #E1E1E1 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; display: none; }
div.form-container form fieldset div { padding: 0.4em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; margin-top: 4px; padding-right: 10px; width: 135px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container fieldset input { padding: 6px 5px; border: none; }
div.form-container input.small_input { width: 60px; background: url(long_input_bk.png) no-repeat left center; }
div.form-container input.long_input { width: 290px; background: url(long_input_bk.png) no-repeat left center; }
div.form-container input.middle_input { width: 170px; background: url(middle_input_bk.png) no-repeat left center; }
div.form-container input.error { }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	}
div.form-container textarea { padding: 5px; width: 290px; height: 70px; border: none; background: url(textarea_bk.png) no-repeat left center;	}
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 155px; }
div.form-container div.buttonrow { margin-top: 20px; }
p.buttonrow { margin-top: 10px; }

/* Materials page */
input#materials_link, textarea.materials_image { padding: 5px; border: 1px solid #E1E1E1; color: #999; } 
div.materials { float: left; width: 100%; border-bottom: 1px solid #F2F2F2; }
div.last { border-bottom: none; }
div.link { border-bottom: none; }
div.last p { margin-bottom: 0; }
div.materials span { float: right;  }
div.materials span textarea { margin-bottom: 1em; font-size: 14px; width: 400px; overflow: visible; }
div.materials img { border: 1px solid #CCC; }

#flash { clear:both; border-left: none; border-right: none; margin: 0 -20px 15px; }
.errors { margin: 0 -20px 20px -20px; padding: 0; color: #8C3F3F; border-top: 1px solid #F0C6C6; border-bottom: 1px solid #F0C6C6; background-color: #FFF0F0; }
.errors em { padding: 10px 45px; display: block; font-style: normal; font-size: 15px; color: #8C3F3F; background: url(billing_process/error_bk.png) #FFE5E5 no-repeat 20px 10px; }
.notice em { padding: 10px 45px; display: block; font-style: normal; font-size: 15px; color: #468C3F; background: url(billing_process/notice_bk.png) #E1FFD1 no-repeat 20px 13px; }

.errors ol, div.errors ul { list-style-position: inside; }
.errors ul, div.form-container .errors p { margin: 10px 20px; }
.errors ol li, div.errors ul li { margin: 0 0 5px; }

#coupon_code {}
  #coupon_code .toggle_display {}
  #coupon_code #coupon_form_wrapper {margin-top: 10px}