/*
#3A6AAD Blue 1
#5184D2 Blue 2
#A8CBF7 Blue 3
#D6E4F3 Blue 4
#E8EEFA Blue 5
#FF6D06 Orange
#EDEDF2 Grey
*/

/* common elements */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, submit, p, blockquote, th, table, tr, td{ margin: 0; padding: 0;}
body, input, select, textarea{ font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 12px;}
body{}
h1, h2, h3{ color: #3A6AAD;}
img{ border: 0px;}
a{ color: #3A6AAD;}
a:link, a:visited{ text-decoration: none;}
a:hover, a:active{ text-decoration: underline;}
a.linkButton:link, a.linkButton:visited{ border: 1px solid #999; color: #333; background-color: #eee; text-decoration: none; padding: 1px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block;}
a.linkButton:hover, a.linkButton:active{ border: 1px solid #333; color: #333; background-color: #eee; text-decoration: none; padding: 1px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block;}
a.linkButtonPremium:link, a.linkButtonPremium:visited{ border: 1px solid #999; color: #333; background-color: #FFFADD; text-decoration: none; padding: 1px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block;}
a.linkButtonPremium:hover, a.linkButtonPremium:active{ border: 1px solid #333; color: #333; background-color: #FFFADD; text-decoration: none; padding: 1px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block;}
a.largeButton { padding: 3px 20px!important;}
#bodyContainer{ width: 960px; margin: 0px auto; display: block;}

/* header */
#headerContainer {margin: 5px 0px 0px 0px; width: 100%; overflow: hidden; float: left;}
#headerContainer #logo { float: left; display: block;}
#headerContainer #logo a{ text-decoration: none;}
#headerContainer #topQuickLinks{ float: right; display: inline; margin: 5px 5px 0px 0px; vertical-align: top; text-align: right; line-height: 200%;}
#siteNav{ clear:both; float:left; width:100%; margin:10px 0px 0px 0px; height:32px; background: linear-gradient(to bottom, #5184D2 0%, #3A6AAD 100%); border-radius: 4px;}
/*#siteNav ul li{ float:left; display:block; width:192px; height:32px; list-style-type:none; text-align:center;}
/*#siteNav ul li{ float:left; display:block; width:240px; height:32px; list-style-type:none; text-align:center;}*/
#siteNav ul li{ float:left; display:block; width:320px; height:32px; list-style-type:none; text-align:center;}
#siteNav ul li a{ margin:0px auto 0px auto; display:block;  text-align:center; line-height:200%; color:#FFF; font-weight:bold; font-size:15px;  text-decoration:none;}
#siteNav ul li a:hover{ background: rgba(255,255,255,0.15); border-radius: 4px;}

#navContainer ul li a.activeSiteNav{ /*background:#EDEDF2; color:#FF6D06;*/}

/* main */
#mainContainer {clear: both; float:left; width:100%;}
#textContainerTop{float:left;height:10px;width:960px;margin:20px 0px 0px 0px; background: linear-gradient(to bottom, #5184D2 0%, #3A6AAD 100%); border-radius: 8px 8px 0 0;}
#textContainerBottom{float:left;display:none;}
#textContainerOuter{ float:left; width:958px; border-left:1px solid #3A6AAD; border-right:1px solid #3A6AAD; border-bottom: 1px solid #3A6AAD; border-radius: 0 0 8px 8px; background: #fff;}
#textContainer{ float:left; width:898px; margin:10px 30px 30px 30px; min-height:400px;}

#textContainer .textContent { line-height: 170%;}
#textContainer .textContent ul {margin: 0px 20px}

/* footer */
#footerContainer{ clear:both; float:left; border-top:1px solid #3A6AAD; padding: 10px 0px; width:100%; text-align:center;}

/* popup window */
#popupContainer{}

/* Styles for validation helpers */
.field-validation-error{color: #ff0000;font-weight: bold;}
.field-validation-valid{display: none;}
.input-validation-error{border: 1px solid #ff0000;background-color: #ffeeee;}
.validation-summary-errors{font-weight: bold; color: #ff0000;}
.validation-summary-valid{display: none;}
.field-validation-error a { color: red; text-decoration: underline}

/* plans & pricing page */
#plansInfo .tagline {font-size:20px; font-weight:normal; color:#FF6D06;}
table.plansTable {border-collapse: collapse;}
table.plansTable tr.colorA {background: #F0F0F0;}
table.plansTable tr.colorB {background: #F4F4F4;}
table.plansTable td {border: 3px solid #fff; padding:0px 0px;height: 35px; text-align: center;}
table.plansTable tr.header { font-weight: bold;font-size: 14px;color: #333;}
table.plansTable td.first { text-align: left;padding: 0px 0px 0px 20px;width: 140px;}
table.plansTable td.price { font-weight: bold;color: #3A6AAD;font-size: 15px;width: 140px;}
table.plansTable td .linkButtonPremium { padding: 5px 0px;width: 100px;font-weight: bold;color:#3A6AAD;font-size: 13px;margin: 15px 0px;}

/* home page */
#homeFeatures { float:left; width:690px; min-height:300px; margin:15px 0px 30px 0px; /*border:1px solid #A8CBF7;*/ background:#FFF;}
#homeFeatures h1 {font-size:24px; font-weight:normal; color:#FF6D06; margin:0px 15px;}
#homeFeatures img {width: 350px;height: 200px; border:3px solid #D6E4F3;}
#homeFeatures table#tblFeatures { margin: 15px; color: #3A6AAD;}
#homeFeatures #tblFeatures td { vertical-align:top; padding-bottom:10px;}
#homeFeatures #tblFeatures td.line { border-top: 1px solid #FFB57D;}
#homeFeatures #tblFeatures ul{ margin: 0px 0px 0px 25px; line-height: 150%; font-size: 14px;}
#homeFeatures #tblFeatures .featureName{ margin: 0px 0px 0px 10px; line-height: 150%; font-size: 16px; color:#FF6D06;}

#homeLoginBox{ float:right; width:250px;margin:15px 0px 0px 0px;/*border:1px solid #666;*/background:#FFF;text-align:center;}
#homeLoginBox input{padding:1px 2px;}
#homeLoginBox .userType{font-size:14px;font-weight:bold;color:#3A6AAD;}
#homeLoginBox .label{text-align:right;}
#homeLoginBox .button, #homeLoginBox .input{text-align:left;}
#homeLoginBox td{padding:3px;vertical-align:top;}
#homeLoginBox #signup {width:195px; height:38px; border:0px; cursor:pointer; margin:10px 0px 20px 0px; font-size:13px; font-weight:bold; color:#fff; background-image:url(/content/images/btn_getstartednow.png)}
#homeLoginBox #newUser {border:1px solid #A8CBF7;}
#homeLoginBox #newUserInner {margin:1px;background-color:#E8EEFA;}
#homeLoginBox #continue {width:210px; height:40px; margin:0px 0px 20px 0px; font-size:13px; font-weight:bold;}
#homeLoginBox input[type=text], #homeLoginBox input[type=password]  {width:150px;}

.sampleLinksTable textarea { width: 520px; font-family: monospace;}
.sampleLinksTable td { padding-right: 10px;}