/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font:normal 12px Arial, sans-serif;
	color: #000; 
	background:#685c43 url(/site/images/bg.jpg) center repeat-y;
	text-align: center;
}

.menuoption {
	width:100%; padding:8px 20px; background-color:#FFE001;
	font-size:15px; font-weight: bold;
	border-bottom:1px solid #fff;
	text-align:left;
}
.menuoption a { 
	color: #c14900;
	text-decoration: none;
	border-bottom: 1px dashed #FFEE72;
}
.menuoption a:hover {
	color: #000;
	border-bottom: 1px dashed #ff6000;
}

table {
	border: 0;
	padding: 0; margin: 0;
}

span.bold {
	font-weight: bold;
}
span.small {
	font:normal 11px Arial,sans-serif;
	color: #777777;
}
img.vertmiddle {
	vertical-align: middle;
}


/* headers */
h1, h2, h3 {
	font-family: Arial, sans-serif;
	margin:0; padding:0; 
}
h1 { font-size: 21px; color: #192C53; } 
h2 { font-size: 17px; font-weight:bold; color: #2C529E; }
h3 { font-size: 14px; font-weight:bold; color: #5a6c93;}


/* links */
a { 
	color: #005AFF;
}
a:hover {
	color: #013BA6;
}

a.under { 
	color: #ff4e00;
	text-decoration: none;
	border-bottom: 1px dashed #ffc7ae;
}
a.under:hover {
	color: #805340;
	border-bottom: 1px dashed #bcb0aa;
}

a.menubot { 
	color: #F3F7FF;
	text-decoration: none;
}
a.menubot:hover {
	color: #CADBFE;
}

a.lang { 
	color: #F3F7FF;
	text-decoration: none;
}
a.lang:hover {
	color: #CADBFE;
}

a.login { 
	font: normal 13px Arial, Sans-serif;
	color: #C8D7F5;
	text-decoration: none;
}
a.login:hover {
	color: #CADBFE;
}

a.validation { 
	font: normal 9px Arial, Sans-serif;
	color: #647EAF;
	text-decoration: none;
}
a.validation:hover {
	color: #3E79E8;
}

a.plusoption { 
	color: #21458E;
	text-decoration: none;
}
a.plusoption:hover {
	color: #0054FF;
}


/* faq */
.handcursor{
cursor:hand;
cursor:pointer;
}

div.faq {
	border-bottom: 1px solid #eee;
	padding: 0px 0 7px 0;
	margin-bottom: 7px;
}	

/* images */
img {
	border: 0;
}
img.no-border {
	border: none;
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #000;
}

ul.normal {
	margin: 0;
	margin-left: 30px;
	padding: 0 0 0 0;
	color: #000;
}
ul.normal li {
	padding-bottom: 10px;
}

/* form elements */
form {
	margin: 0; padding: 0;
}
input, textarea, select {
	vertical-align: middle;
 	font-family: Arial, sans-serif; 
	font-size: 13px;
	color: #413d2b;
	padding: 2px 5px;
	border: #ebe0ae 1px solid;
    background-color: #fef9e3;
}


/* home register box */
#registerboxhome {
}
#registerboxhome ul{
margin: 0;
padding: 0px 0 0 0;
float: left;
font: normal 15px Arial, sans-serif;
width: 100%;
}
* html #registerboxhome ul{ /*IE only rule, reduce menu width*/
width: 100%;
}
#registerboxhome ul li{
height: 37px;
display: inline;
}
#registerboxhome ul li a {
float: left;
color: #fff;
text-decoration: none;
}
#registerboxhome ul li a:hover{
color: #fff;
}

/* right register banner */
a.registerbanner{
background: transparent url('/site/images/layout_banner_register.jpg') no-repeat top center;
display: block;
font: bold 15px Arial, sans-serif; /* Change 13px as desired */
line-height: 31px; 
width: 191px;
height: 68px;
text-decoration: none;
cursor: pointer;
}
a:link.registerbanner, a:visited.registerbanner, a:active.registerbanner{
color: white; /*button text color*/
}
a.registerbanner span.text1{
color: #ffebce;
}
a.registerbanner span.text2{
font-weight:normal;
color: #613700;
}
a.registerbanner:hover span.text1{
color: #613700;
}
a.registerbanner:hover span.text2{
font-weight:normal;
color: white;
}
a.registerbanner:hover{ /* Hover state CSS */
background-position: bottom left;
}

/* error form */
ul.errorform {
	list-style: none;
 	font-family: 'trebuchet ms',Verdana, Arial, sans-serif; 
	font-size: 11px;
	color: #FFFFFF;
	vertical-align: top;
	padding-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #C41F1F;
	border-style:dashed;
	border-color: #FF0000;
	border-width: thin;
}
ul.errorform li {
	color: #FFFFFF; 
}
.titleerrorform {
 	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px;
	font-weight: bold;	
	color: #FFD200;
}

/* ul ok */
ul.ok {
	list-style: none;
	margin:0; padding:0;
}
ul.ok li {
	margin-bottom: 10px;
	font-weight:normal;
	font-size: 14px; 
	color: #0C0C0B;
}

/* sidebar */
#sidebar {
	width: 100%;
	margin: 0;	padding: 0;
	display: inline;		
}
#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0px 10px 8px;
	padding:0;		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #fff;
}
#sidebar ul.sidemenu img {
	vertical-align: middle;
	padding-right: 5px;
}
#sidebar ul.sidemenu a {
	text-align:left;
	display:block;
	font:bold 13px Arial, sans-serif;
	color: #2e4a84;	
	text-decoration:none;	
	padding:5px 5px 7px 11px;
	background: #E9ECF4 url('/images/submenu-bg.gif');
	border-left:4px solid #CDD1DD;	
	border-bottom-color: #CCC;	
	min-height:18px;
}
* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	background: #C6D9FF;
	color: black;
	border-left:4px solid #6B8AC9;
}

#sidebar ul.sidemenu li.diff a {
	text-align:left;
	display:block;
	font: bold 12px Arial,'Trebuchet MS', Verdana, sans-serif;
	color: #333;	
	text-decoration:none;	
	padding:4px 5px 3px 10px;
	background: #FFD5AE;
	border-left:4px solid #FE7C02;	
	border-bottom-color: #FE7C02;	
	min-height:18px;
}
* html body #sidebar ul.sidemenu li.diff a { height: 18px; }

#sidebar ul.sidemenu li.diff a:hover {
	background: #FE7C02;
	color: white;
	border-left:4px solid #FFD5AE;
}


#sidebar ul.sidemenu li.diff2 a {
	text-align:left;
	display:block;
	font: bold 12px Arial,'Trebuchet MS', Verdana, sans-serif;
	color: #1F5703;	
	text-decoration:none;	
	padding:4px 5px 3px 10px;
	background: #A0E07F;
	border-left:4px solid #339900;	
	border-bottom-color: #339900;	
	min-height:18px;
}
* html body #sidebar ul.sidemenu li.diff2 a { height: 18px; }

#sidebar ul.sidemenu li.diff2 a:hover {
	background: #339900;
	color: white;
	border-left:4px solid #A0E07F;
}


/* steps */
table.steps {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	border: 1px solid #e2e6ef;
}
table.steps tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a8b2c5;
	background-color: #f3f6fb;
	width:33%;
	text-align:center;
	margin: 0px;
	padding: 2px 0px 2px 8px;
	border-bottom: 3px solid #e6eefa;
}
table.steps tr td.txtStep {
	border-bottom: 3px solid #b8c8e1;
	background-color: #d4dff2;
}
table.steps tr td img {
	filter:alpha(opacity=25); 
	-moz-opacity:.25;opacity:.25;
	padding-right:5px;
}
table.steps tr td img.txtStep {
	filter:alpha(opacity=100); 
	-moz-opacity:1;opacity:1;
}
span.txtStep { color: #192c53; }


/* list table */
table.list {
	border-collapse: collapse;
}
table.list tr td {
	padding: 3px 12px;
	border: 1px solid white;
	font: normal 10px Verdana, sans-serif;
	text-align: right;
}
table.list tr td span.ref {
	font: normal 10px Arial, sans-serif;
	color: #505c75;
}
table.list tr td.title {
	color: #446099;
	font: bold 12px Arial, sans-serif;
	background-color: #cbd8f2;
	border-top: 2px solid #C3D1F1;
	letter-spacing: 1px;
}
table.list tr td.head {
	color: white;
	font: bold 11px Arial, sans-serif;
	background-color: #375695;
	border-top: 2px solid #C3D1F1;
	text-align: center;
	padding: 4px 0px;
}
table.list tr.linehead td {
	border-bottom: 2px solid #C3D1F1;
}
table.list tr td.dataplus {
	color: #36486d;
	font: bold 12px Arial, sans-serif;
	text-align: center;
}
table.list tr td.data {
	color: #36486d;
	font: normal 12px Arial, sans-serif;
	text-align: center;
}
table.list tr td.price {
	color: #0f2c65;
	font: bold 14px Arial, sans-serif;
	text-align: center;
}
table.list tr.detail td {
	background-color: #F7FAFF;
}
table.list tr.detail2 td {
	background-color: #EDF3FF;
}

/* list coverage table */
table.listcoverage {
	border-collapse: collapse;
}
table.listcoverage tr td {
	padding: 3px 15px;
	border: 1px solid white;
	font: normal 10px Verdana, sans-serif;
	text-align: left;
	vertical-align:top;
}
table.listcoverage tr.head td {
	color: white;
	font: normal 11px Arial, sans-serif;
	background-color: #375695;
	border-top: 2px solid #C3D1F1;
	padding: 3px 15px;
}
table.listcoverage tr td.network {
	color: #36486d;
	font: normal 10px Arial, sans-serif;
	text-align: left;
}
table.listcoverage tr.detail td {
	background-color: #F7FAFF;
}
table.listcoverage tr.detail2 td {
	background-color: #EDF3FF;
}

/* info */
table.info {
   border-collapse: collapse;
}
table.info tr td {
   background-color: #FFFFFF;
   padding: 5px 5px;
   border: 1px solid #e5e3d0;
   border-top-width: 0;
   border-right-width: 0;
   text-align: left;  
   font: normal 12px Arial,sans-serif; 
   vertical-align: top;
}
table.info tr td.void {
   border:0;
}
table.info tr td.enhance {
   color: #7b5335;
   font-weight: bold;	
}
table.info tr td.bold {
   font-weight: bold;	
}
table.info tr td span.small {
   font-size: 11px;
   color: #777777;
}
table.info tr td span.disabled {
   color: #791c00;
   font-weight: bold;	
}
table.info tr td span.field-markneed {
	background: url(/images/icons/field-markneed.png) no-repeat top right;
	padding-right: 17px;
}
table.info tr.head td {
  background-color: #E1D8C0;
  font-size: 10px;
  color: #7C6935;
}
table.info tr.detail td {
  background-color: #FDF5EC;
}
table.info tr td.important {
  background-color: #FFDC61;
}
table.info tr td.field {
  border: 4px solid white;
  background: #f3f2e8 url('/images/tableinfo-fieldleft.gif') top left no-repeat;
  color: #57501c;
  padding: 5px 10px 5px 15px;
  font-size: 12px;
  vertical-align: top;
  font-weight: normal;
}
table.info tr td.center {
  text-align: center;
}
table.info tr td.help {
  font: normal 11px "trebuchet ms",Arial, sans-serif;
  color: #666666;
}
table.info tr.title td {
  border: 1px solid #FFF;
  font: normal 20px "trebuchet ms",Arial, sans-serif;
  color: #89823C;
  padding: 10px 0 1px 4px;
}


/* selected image rounded */
div.ovalbutton{
background: transparent url('/images/ovalselbutton-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Arial, sans-serif; /* Change 13px as desired */
color: #746a3e;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
margin-right: 5px;
text-decoration: none;
}
div.ovalbutton span.ovalimg{
background: transparent url('/images/ovalselbutton-right.gif') no-repeat top left;
display: block;
float: left;
padding: 4px 6px 4px 0; /* 4px 11px 4px 0; Set 11px below to match value of 'padding-left' value above*/
}
div.ovalbutton span.ovaltext{
background: transparent url('/images/ovalselbutton-right.gif') no-repeat top right;
display: block;
float: left;
padding: 4px 15px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

/* button image rounded */
a.ovalbutton{
background: transparent url('/images/ovalbutton-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Arial, sans-serif; /* Change 13px as desired */
color: #192c53;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
margin-right: 5px;
text-decoration: none;
cursor: pointer;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #192c53; /*button text color*/
}

a.ovalbutton span.ovalimg{
background: transparent url('/images/ovalbutton-right.gif') no-repeat top left;
display: block;
float: left;
padding: 4px 6px 4px 0; /* 4px 11px 4px 0; Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton span.ovaltext{
background: transparent url('/images/ovalbutton-right.gif') no-repeat top right;
display: block;
float: left;
padding: 4px 15px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span.ovalimg{ /* Hover state CSS */
background-position: bottom left;
}
a.ovalbutton:hover span.ovaltext{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

/* med button image rounded */
a.ovalmedbutton{
background: transparent url('/images/ovalmedbutton-left.gif') no-repeat top left;
display: block;
float: right;
font: bold 12px Arial, sans-serif; /* Change 13px as desired */
color: white;
line-height: 24px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 30px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
margin-right: 5px;
text-decoration: none;
cursor: pointer;
}

a:link.ovalmedbutton, a:visited.ovalmedbutton, a:active.ovalmedbutton{
color: white;
}

a.ovalmedbutton span.ovalimg{
background: transparent url('/images/ovalmedbutton-right.gif') no-repeat top left;
display: block;
float: left;
padding: 7px 15px 7px 0; /* 4px 11px 4px 0; Set 11px below to match value of 'padding-left' value above*/
}

a.ovalmedbutton span.ovaltext{
background: transparent url('/images/ovalmedbutton-right.gif') no-repeat top right;
display: block;
float: left;
padding: 3px 23px 3px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalmedbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalmedbutton:hover span.ovalimg{ /* Hover state CSS */
background-position: bottom left;
}
a.ovalmedbutton:hover span.ovaltext{ /* Hover state CSS */
background-position: bottom right;
color: white;
}

/* max button image rounded */
a.ovalmaxbutton{
background: transparent url('/images/ovalmaxbutton-left.gif') no-repeat top left;
display: block;
float: right;
font: bold 15px Arial, sans-serif; /* Change 13px as desired */
color: white;
line-height: 24px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 30px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
margin-right: 5px;
text-decoration: none;
cursor: pointer;
}

a:link.ovalmaxbutton, a:visited.ovalmaxbutton, a:active.ovalmaxbutton{
color: white; /*button text color*/
}

a.ovalmaxbutton span.ovalimg{
background: transparent url('/images/ovalmaxbutton-right.gif') no-repeat top left;
display: block;
float: left;
padding: 7px 15px 7px 0; /* 4px 11px 4px 0; Set 11px below to match value of 'padding-left' value above*/
}

a.ovalmaxbutton span.ovaltext{
background: transparent url('/images/ovalmaxbutton-right.gif') no-repeat top right;
display: block;
float: left;
padding: 3px 23px 3px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalmaxbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalmaxbutton:hover span.ovalimg{ /* Hover state CSS */
background-position: bottom left;
}
a.ovalmaxbutton:hover span.ovaltext{ /* Hover state CSS */
background-position: bottom right;
color: white;
}

.maxbuttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden;
width: 100%;
}