@charset "UTF-8";
/* CSS Document */

/* yahoo css reset  -  start*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, label { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul, li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* yahoo css reset  -  end*/
/*type*/

body {
	font-family: 'Lucida Grande', sans-serif;
	font-size:9pt;
	line-height: 15pt;
	color:#777;
	text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
	margin-top:1%;
	color:#555;
	font-weight: bold;
}
h1 {
	font-size:20pt;
	line-height: 25pt;
}
h2 {
	font-size:19pt;
	line-height: 24pt;
}
h3 {
	font-size:18pt;
	line-height: 23pt;
}
h4 {
	font-size:17pt;
	line-height: 22pt;
}
h5 {
	font-size:16pt;
	line-height: 21pt;
}
h6 {
	font-size:15pt;
	line-height: 20pt;
}
p {
	margin-top:7px;
	line-height: 15pt;
}
a:link, a:active, a:visited {
	text-decoration: none;
	color:#00A8E2;
	border-bottom: 1px solid #f9f9f9;
}
a:hover {border-bottom: 1px solid #999;}

strong {
	font-weight:bold;
}
strong strong {
	font-weight:bold;
}
em {
	font-style: italic;
}
strong em, em strong {
	font-weight:bold;
	font-style: italic;
}
blockquote {
	background-color:#f2f2f2;
	color:#444;
	font-size:14pt;
	line-height:20pt;
	margin:20px;
	padding:20px;
	text-align:center;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.section ul li, .aside ul li {
	list-style-position:inside;
	list-style-type:disc;
	list-style-image:none;
}
.section ol li, .aside ol li {
	list-style-position:inside;
	list-style-type: decimal;
	list-style-image:none;
	margin-top: 5px;
}

.section ol li, .section ul li, .aside ol li, .aside ul li {
	margin-left:10px;
}
hr {color:#f9f9f9; margin: 25px 25%; clear:both;}

/*type end*/

/*form start*/
fieldset {
	border:1px solid #F2F2F2;
	margin:20px 0;
	padding:1%;
}
legend {
	font-size:12pt;
	font-weight:bold;
}
textarea {
	width:94%;
	color:#444;
	font-family:Verdana, sans-serif;
	font-size:9pt;
	border: 1px inset;
	height:120px;
	}
	#content textarea {
		margin-top: 10px;
	}
	textarea.pre {
		border:0 none;
		font-family:monospace;
		font-size:10px;
		height:auto;
		margin:30px 0;
	}
input {
	color:#444444;
	padding:7px 0;
	width:100%; 
}
.aside input, input[type=text],input[type="password"], textarea {
	width:100%; 
	border: 1px solid #E1E1E1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
input[type="checkbox"] {width:20px;}
.dark input, .dark textarea {
	background-color:#444444;
	margin: 3% 0;
	color:#ccc;
	border:0 none;
}
.submit, #submit {
	text-align:center;
}
#contact-form .field {
}
label {
	width:100%;
	float:left;
}
#contact-form .error {
	background: #e9b2b7 url(images/error.png) top right no-repeat ;
	border: 4px solid #444;
	padding: 25px;
	margin: 10px 0;
	color:#444;
	font-size:12pt;
}
#simple-contact-form .error {
	color:#444;
}
#simple-contact-form .error input, #simple-contact-form .error textarea {
	border:1px solid #444; 
	background: #e9b2b7 url(images/error.png) top right no-repeat ;
	color:#444;
}
#simple-contact-form form {
	width:175px;
}
#simple-contact-form textarea, #simple-contact-form input, #simple-contact-form label {
	margin-left: 20px;
}
#simple-contact-form .submit {
	margin:0;
	width:220px;
}
p.thankyou {
	margin:0;
	padding:0 60px 0 20px;
	color:#009900;
	font-size:12pt;
}
.subject_div {display:none;}
form div, form .half {
	width: 100%;
	float:left;
	display:inline;
}
form .half {
	width:48%;
}
.editable, input.editable {
	border:0 none;
}	

/*form end*/


/*table start*/

table {
	border-collapse:collapse;
	width:100%;
	border:0 none;
	text-align:center;

}

th {
	padding: 10px;
}



thead {	border-bottom:1px solid #ccc;}
tfoot {font-size:20pt; border-top:1px solid #ccc;}
th {}
.odd {
	background:none repeat scroll 0 0 #f9f9f9;
}
tr:hover {}
thead tr:hover {
	background-color:transparent;
	color: inherit;
}
td div.fakecheck_breakjs {
	margin: 0 auto;
	float: none;
	overflow:hidden;
	text-indent:-200px;
}

dl.table-display
{
width: 100%;
margin: 0;
padding: 0;
clear:both;
}

.table-display dd, .table-display dt
{
float: left;
width: 45%;
margin: 0 0 0 0;
padding: 10px;
border-top: 1px solid #f0f0f0;
}

.decimal {
	text-align:right;
}
tr.expired td, tr.failed td  {background: #FFD8D5;}
tr.accepted td  {background: #D7E8BC;}
/*table end*/

/* Menu */
.adv_menu {
	float:right;
}.adv_menu li {
	float:left;
	display:inline;
}.adv_menu li a {
	padding:7px;
	border:0 none;
	color:#ccc;
}

.nav { left: 1%; bottom:0; line-height: 1; position:absolute; z-index: 101; }
.nav, .nav * { list-style: none; margin-left: 0; }
.nav li { float: left; padding: 0; position: relative; }
.nav ul li { width: 100%; }

.nav a { display: block; position: relative; padding: 8px 10px; border: none; line-height: 11pt; background:#ccc; color:#444;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px; }
.nav a.active, .nav a:hover {background: #fff; color:#444;}
.nav ul a { background: rgb(255,255,255);background: rgba(255,255,255,0.7); border: 2px solid #fff;}
/* Hides items under top menu */
.nav ul { position: absolute; top: -9999em; /* left offset of submenus need to match (see below) */ }

/* Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul { left: -1px; top: 29px; /* match top ul list item height */ z-index: 99; }

/* Hides all sub items (4 levels deep) */
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul { top: -999em; }

/* On :hover, displays all sub items (4 levels deep) */
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul { left: 0em; /* match .nav ul width */ top: 0px; }

/*Layout*/

/* default layout - same as using a column & column width, but less markup adding a '*width*' class overrides these */
#site {width:98%;display:inline;float:left;padding:1%;position:relative;}

/*Robs column class - ask for details*/
.one {width:8%;}.two {width:18%;}.three {width:28%;}.four {width:38%;}.five {width:48%;}.six {width:58%;}.seven {width:68%;}.eight {width:78%;}.nine {width:88%;}.ten {width:98%;}.half{width:48%;}.third{width:31.3%;}.quarter{width:23%;}
.col {display:inline;float:left;padding:1%;position:relative;}
.clear {clear:both;}.right{float:right;}.left {float:left;}
.pad {padding:50px;}

.dark {background:#444;}.dark + h4 {color:#fff;}

#header {
	height:65px;
	background:#444;
	width:100%;
	position:relative;
}
#header h2 {
	top:17px;
	color:#999999;
	font-size:16pt;
	left:225px;
	position:absolute;
	margin:0;
	padding:0;
}
#logo {
	background:url("images/logos.png") no-repeat scroll 0 -75px transparent;
	display:block;
	height:40px;
	left:10px;
	overflow:hidden;
	position:absolute;
	text-indent:-500px;
	top:10px;
	width:185px;
	margin:0;
	padding:0;
}
.banner {
	background: transparent url(images/banner_bg.png) center 0 no-repeat;
	height: 400px;
	padding:0 1%;
}
.box {
	outline: 1px solid #f2f2f2;
	padding:0.5%;
	margin:0.5%;
}
.dark .box {background:#fff;}

/*javascript dep*/

.show_ul {cursor:pointer;}
.show_ul span.btn {
	display:block;
	float:left;
	margin:-2px 2px;
	padding:2px;
	text-align:center;
	width:15px;
}
.section ul.snazy {
	margin:30px 0;
}
.snazy li {
	padding:7px 1%;
	background:#f1f1f1;
	margin: 1%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	list-style: none;
	border:1px solid #E1E1E1;
}
.section .snazy li, .aside .snazy li {list-style: none;}
.fakecheck, .fakecheck_breakjs {
	text-decoration: none;
	outline: none;
	background: url(images/checkbox.png) no-repeat -21px 0;
	height: 21px;
	width: 21px;
	margin-top:-4px;
	display: block;
	float: left;
	color: #666666;
}
.fakechecked {
	background: url(images/checkbox.png) no-repeat 0px 0;
}
/*slider start*/
#s3slider {
   width: 900px; /* important to be same as image width */
   height: 400px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin:0 auto;
}

#s3sliderContent {
   width: 900px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   padding: 10px 1%;
   width: 98%;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
.slider1Image span strong {
    font-size: 14pt;
}
.s3sliderImage span.left {
	top: 0;
    left: 0;
	width: 100px !important;
	height: 380px;
}
.s3sliderImage span.right {
	right: 0;
	bottom: 0;
	width: 100px !important;
	height: 380px;
}
ul { list-style-type: none;}
/*slider end*/
/*Actions*/

.btn, a.btn {
	background-color:#F7F7F7;
	border: 0 none;
	outline: 1px solid #e1e1e1;
	-moz-outline-radius:5px;
	-webkit-outline-radius:5px;
	outline-radius:5px;
	padding:4px 1%;
	margin: 10px 0 0 0;
	color:#555;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	font-size:9pt;
	font-weight: normal;
	border-bottom:2px solid #999999;
	border-top:1px solid #FFFFFF;
}
.btn:active {
	background-color:#f2f2f2;
	border-bottom:2px solid #fff;
	border-top:1px solid #999;
}
.submit.btn {
	width:auto;
}
.aside li {
	padding: 1%;
}


/*images*/
.good { background: #D7E8BC url(images/icons.png) 15px -885px no-repeat; border: 5px solid #8BC53F;}
.bad { background: #FFD8D5 url(images/icons.png) 15px -585px no-repeat; border: 5px solid #990000;}
.ugly { background: #FFFFCC url(images/icons.png) 15px -1185px no-repeat; border: 5px solid #FFFF00;}
.tip { background: #D0F0FC url(images/icons.png) 15px -3285px no-repeat; border: 5px solid #26A9E0;}
.secure {padding-left: 35px; background: transparent url(images/icons.png) 0px 0px no-repeat;}
.logo_small {display: block; width:115px; height: 45px; background: transparent url(images/logos.png) 0px 0px no-repeat;overflow: hidden; text-indent:150px;}
a.btn.close, button.btn.close {display: block; width:30px; height: 30px; background: transparent url(images/icons.png) 0px -300px no-repeat;overflow: hidden; text-indent:150px; position:absolute; top:-10px; right:0px; border: 0 none; outline:none; padding:0;}
a.btn.add {display: block; background: #F7F7F7 url(images/icons.png) 0px -1500px no-repeat; padding: 5px 10px 5px 40px;}
a.btn.edit { background: #F7F7F7 url(images/icons.png) 5px -1811px no-repeat; padding: 6px 8px 6px 20px;}
#to_top.btn { background: #F7F7F7 url(images/icons.png) 0px -2104px no-repeat; padding-left: 25px;}
a.btn.selected { background: #F7F7F7 url(images/icons.png) 0px -2404px no-repeat; padding-left: 25px;}
a.btn.plus { background: #F7F7F7 url(images/icons.png) -2px -2704px no-repeat; padding-left: 25px;}
a.btn.more { background: #F7F7F7 url(images/icons.png) 75px -3000px no-repeat; padding-right: 25px;}
a.btn.pdf, button.btn.pdf { background: #F7F7F7 url(images/icons.png) 3px -3603px no-repeat; padding-left: 32px;}
a.btn.print, button.btn.print { background: #F7F7F7 url(images/icons.png) 3px -3903px no-repeat; padding-left: 32px;}
a.btn.email, button.btn.email { background: #F7F7F7 url(images/icons.png) 3px -4203px no-repeat; padding-left: 32px;}
a.btn.pay, button.btn.pay { background: #F7F7F7 url(images/icons.png) 3px -4503px no-repeat; padding-left: 32px;}
a.btn.switch, button.btn.switch { background: #F7F7F7 url(images/icons.png) 3px -4803px no-repeat; padding-left: 32px;}

@media print {
#header, .footer, .btn, .col{ display: none;}
.to_print {display: block; width:98%}
}