/* 
Blutique CSS Document
Author: Marcel Trenchard
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
body {
  background: #F4F4F4;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: auto;
  margin: 0; 
  padding:  0; 
  text-align: center; 
}
h1 {
  color: #172D5F;
  font-size: 24px;
  font-weight: normal;
  line-height: 14px;
  margin:4px 0 42px 0;
}
h2 {
  color: #172D5F;
  font-size: 20px;
  font-weight: normal;
  line-height: 26px;
}
h3 {
  color: #172D5F;
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
}
a img { border:none }
a,  a:link {
  color: #4B8200;
}
a:visited {
  color: #4B8200;
}
a:hover {
  text-decoration: none;
}
#outerWrapper {
  background: url("/i/ui/bg_outwrap.gif") top no-repeat;
  margin: 33px auto 0 auto; 
  text-align: left; 
  width: 954px;
}
#outerWrapper #header {
  font-size: 18px;
  font-weight: bold;
  line-height: 15px;
  padding: 15px 32px 10px 32px;
}
#outerWrapper #header #trial { float:right; }
#outerWrapper #header #questions{
  color:#666;
  float:right;
  font-size:12px;
  font-weight:normal;
  text-align:right;
}
#outerWrapper #nav {
  background: url("/i/ui/bg_nav.png") top repeat-x;
  margin:0 24px 0 24px;
  padding:3px 0 0 3px;
  letter-spacing:1px;
}
#outerWrapper #nav ul { margin:0;padding:0;list-style-type:none;height:36px; }
#outerWrapper #nav ul li { float:left; }
#outerWrapper #nav ul li a, #outerWrapper #nav ul li a:link {
  font-size:12px;
  font-weight:normal;
  display:block;
  padding: 10px 10px 12px 10px;
  text-decoration:none;
  text-transform:uppercase;
  color:#fff;
}
#outerWrapper #nav ul li a:hover {
 background:#DFEFD0;
 color:#8CC655;
 text-decoration:none;
}
#outerWrapper #nav ul li a.current ,#outerWrapper #nav ul li a.current:link, #outerWrapper #nav ul li a.current:hover{
  background:#fff;
  color:#8CC655;
}
#outerWrapper #nav ul li.last {
  float:right;
}
#outerWrapper #nav ul li.last a, #outerWrapper #nav ul li.last a:link {
  background:url("/i/ui/bg_login.gif") no-repeat;
  text-decoration:none;
  text-indent: 16px;
}
 #outerWrapper #nav ul li.last a:hover {
  text-decoration:underline; 
}
#outerWrapper #nav ul li.last a:hover {
  color:#fff;
  text-decoration:underline;
}
#outerWrapper #nav ul li a.trial {
	background:#FFDE5C;
	color:#000;
}
#outerWrapper #nav ul li a.trial:hover {
	background:#FFEEA9;
	color:#000;
}
#outerWrapper #contentWrapper {
  background-image: url("/i/ui/bg_contentwrap.gif");
  background-repeat: repeat-y;
  padding:22px 22px 22px 24px;
  height:100%;
}
#outerWrapper #contentWrapper #sidebar {
  float: right;
  padding: 0 0 10px 0; 
  width: 220px;
  margin-right:6px;
}
#outerWrapper #contentWrapper #content {
  background: url("/i/ui/bg_content.png") repeat-x;
  margin: 0 240px 0 0; 
  padding: 18px; 
}
#outerWrapper #contentWrapper #content p.intro {
  font-size:14px;
}
#outerWrapper #contentWrapper .clearFloat {
  clear: right;
  display: block;
}
#outerWrapper #footer {
  background: url("/i/ui/bg_footer.gif") top no-repeat;
  color:#ccc;
  font-size:10px;
  text-align:center;
  padding: 28px 10px 10px 10px; 
}
#outerWrapper #footer a, #outerWrapper #footer a:link {
  color:#666;
  font-weight:normal;
  padding:4px;
  text-decoration:none;
}
#outerWrapper #footer a:hover {
  text-decoration:underline;
}

/*ancillary styles*/

hr {display:none;}
.button {color:#fff;}
a.button, a.button:link, a.button:active, a.button:visited {
  border:1px solid #fff;
  padding:6px 22px 6px 12px;
  text-align:center;
  text-transform:uppercase;
  color:#fff;
  outline:2px solid transparent;
  text-decoration:none;
  margin:4px 12px 8px 0;
} 
a.button:hover {
  text-decoration:none;
  outline:2px solid #7CC144; 
}
.primary {
  background:#619E1C url(/i/ui/bg_bn.gif) top right repeat-x;
  color:#fff;
}
.secondary {
  background:#868485 url(/i/ui/bg_bn_secondary.gif) top right repeat-x;
  color:#fff;
}
table {border:none;}
td, th { vertical-align: top;padding:4px;}
th { background: #efefef;color:#336600;}
/* rate table styless */
#outerWrapper #contentWrapper #sidebar .ratepromo label { width:auto }
#outerWrapper #contentWrapper #sidebar .ratepromo td { border:0 }
.ratepromo td { 
  border-right:18px solid #fff;
  font-size:11px;
  vertical-align:middle;
  padding:6px;
  white-space: nowrap; }
.ratepromo label { float:left;font-size:12px;width:165px;} 
.ratepromo .zebra { background:#EFEFEF; }
.cdr td { border-right:none;font-size:11px;vertical-align:middle;padding:6px; }
.cdr th { background:#fff }
.cdr .zebra { background:#EFEFEF; }

/* forms */
input[type="submit"], input[type="submit"].buttonDefault, input[type="button"].buttonDefault {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-size:11px;
  border:1px solid #fff;
  padding:4px 18px 6px 12px;
  text-align:center;
  text-transform:uppercase;
  color:#fff;
  outline:2px solid transparent;
  text-decoration:none;
  margin:4px 12px 8px 0;
  background:#619E1C url(/i/ui/bg_bn.gif) top right repeat-x;
  cursor:pointer;
  height:27px;
  letter-spacing:1px;
  vertical-align: middle;
}
input[type="submit"].buttonDefault:hover, input[type="button"].buttonDefault:hover {
  outline:2px solid #7CC144;
}
input[type="submit"].buttonDefaultSmall, input[type="button"].buttonDefaultSmall {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-size:11px;
  border:1px solid #fff;
  padding:4px;
  text-align:center;
  text-transform:uppercase;
  color:#fff;
  outline:2px solid transparent;
  text-decoration:none;
  margin:4px ;
  background:#619E1C;
  cursor:pointer;
  letter-spacing:1px;
  vertical-align: middle;
}
fieldset {border:0;margin:0;padding:0;}
label {float:left;vertical-align: top;width:150px;}

input[type="text"], input[type="select"], input[type="password"], textarea { 
  /*background:url("/i/ui/bg_input.gif") no-repeat;*/
  margin-bottom:6px;
  padding:4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  clear:right;
  outline:2px solid transparent; 
}
input[type="text"]:focus,  input[type="password"]:focus, textarea:focus { outline:2px solid #BAE88C; }
.drop {margin-bottom:6px; 
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;}
.formhelp { color:#FF0000 }

.alert {
  background:#ff0000;
  color:#ffffff;
  font-weight:bold;
  width:287px;
}
.account_index_alert {
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
	font-size: 14px;
	margin-bottom: 12px;
	border-color: #c99;
	color: #fff;
	background: url(/i/alertbad_icon.gif) #c00 left no-repeat;
}
#accountfunctions input[type="text"] {
 margin:2px 2px 2px 0;
 padding:2px;
 font-size:10px;
 clear:none;
}
a.formlink { 
  padding:4px;
  background:#619E1C;
  color:#fff; 
  border:1px solid #619E1C;
  text-decoration:none;
}
a.formlink:hover { 
  color:#619E1C;
  border:1px solid #619E1C;
  background:#fff;
}