/*Colors:
#233B52 - dark blue background
#5794CD - fancy blue for ribbon
#B1D95C - fancy green for topnav and borders
#FC5F00 - bright orange
#F4FFE0 - light green for backgrounds (#E7FAC5 - a bit darker)
#FFF9E0 - light orange for backgrounds
#DEEDFC - light blue for backgrounds
*/
/*
 
Move (or copy) the block below to the start of your style sheet (for customization)
The rest of this file is supposed to stay unchanged
 
*/
 
/*for dev only*/
.bgcolor, .bgcolor0 {background-color:#efe;}
.bgcolor1 {background-color:#fee;}
.bgcolor2 {background-color:#eef;}
.bgcolor3 {background-color:#ded;}
.bgcolor4 {background-color:#dde;}

/*layout*/
.container{width:960px;background-color:#fff;} /*Also can be 840, 720, 600...*/
.adminPage .container{width:1200px;} /*col30*/
.containerWrap {margin: 72px auto 0; width:970px;}
body .adminPage{width:1210px}

/* customize colors */
body{color:#000; background:#fff;}
fieldset, .padborder, .padvborder, .padhborder, .sidenote {border:1px solid #aaa;}
a{text-decoration:underline;}
a:link{color:#008;}
a:visited{color:#3D3D88;}
a:hover,a:active{color:#00d;}
fieldset dt{color:#333;}
.highlight{background-color:#ffa;}
.quiet, .comment, .comment a{color:#666;}
table.nice tr:hover{background-color:#ffc;}
label span{color:#f00;}

/* font-family (sizes are set earlier) */
body,legend{font-family:Arial, sans-serif;}
select,input,textarea,fieldset{font-family:Tahoma,Verdana,Arial,sans-serif;}
.comment {font-family:Arial,helvetica,sans-serif;}
pre,code{font-family:"Courier New",Courier,mono;}
textarea {font-size: 12px;}

.header ul.nav, .ribbon, .topline,  h1, h2,h3,h4, h5{font-family:Arial, sans-serif;}

/*Nav*/

.header ul.nav{list-style:none; margin:0; white-space:nowrap;line-height:4em; height:4em}

.header ul.nav li {margin:0;display:block;float:left;font-size:14px}
.header ul.nav li {background: url(../images/sep.png) no-repeat right 0;}
.header ul.nav li.last {background:none}

.header ul.nav li a {display:block;text-align:center;text-decoration:none;padding:0 18px 0 18px; font-weight:bold;}
.header ul.nav li a {background:#79ab0f url(../images/back.png) repeat-x 0 0;color:#233b52;margin:0 4px 0 0;}
.header ul.nav li.last a {margin:0}
.header ul.nav li a:hover {background: url(../images/backhover.png) repeat-x 0 0;color:#fff}

.footer {padding: 1em 0;}
.footer ul.nav{overflow:hidden;}
.footer ul.nav li {display:inline; margin:0 1em 0 0;}
.footer {text-align:center;}
.footer ul.nav{margin:0 auto;}
.footer ul.nav a {text-decoration:none;}
.footer ul.nav a:hover {text-decoration:underline;}
.footer ul.nav a.active {color:#fff;}


/*Header*/
.login {position:absolute; right:0; top:-2.2em; line-height:1.8em;}
.login{color:#fff;}
.login a:link, .login a:visited, .login a:hover, .login a:active{color:#fff;text-decoration:underline;}
/*ribbon*/
.ribbon, body .topline {color:#fff;overflow:hidden;font-family: Tahoma, Arial, sans-serif;}
.ribbon a:link, .ribbon a:active, .ribbon a:hover, .ribbon a:visited {color:#fff;} /*need this extra junk for IE6*/


/*Borders*/
.border, .borderR, .borderB, .borderL {border:4px solid #eee;}
.borderR {border-width: 0 4px 0 0;}
.borderL {border-width: 0 0 0 4px;}
.borderB {border-width: 0 0 4px 0;}


/*Sidebars*/
#sideL, #sideR{border:0 solid #eee; padding:9px 20px;}
#sideL img, #sideR img{margin:18px auto;}
#sideL{border-right-width:4px;}
#sideR{border-left-width:4px; }
h1, h2, h3{color: #5D7331;} /*7F9C42*/
h2, h3, h4{border-bottom:4px solid #F4FFE0; padding-bottom:4px; margin-bottom:6px;}
html body h4.margintop{margin-top:36px;}
#sideL h4, #sideR h4, .box h4, h3{margin-top:36px;}
#sideL h4.first, #sideR h4.first{margin-top:0}
.testimonials cite{display:block; text-align:right; margin-bottom:18px;}
.social {margin:0!important;display:inline}

/*box with colors similar to sidebars (can be used instead of pad)*/
.box{border:4px solid #eee; padding:9px 10px;}
/*Common*/
.block {display:block;}

table.prices th div {font-size:.92em; font-family:Arial, Helvetica, sans-serif; color:#666}
table.prices th, table.prices td {padding:4.5px 0; border-bottom:1px solid #eee;}
table.interests th, table.interests td, table.boothcount th, table.boothcount td  {padding:2px 0 0; border-bottom:1px solid #eee;}
table.2col tr:hover{background-color:#ffc;}


/*Colors*/
body, .topline{color:#000; background:#233B52;}

a.logo {position:absolute;left:25px;top:-72px; z-index:10; display:block; background:url(../images/SqlBakLogo.png) no-repeat; width:127px; height:122px;}
a.title{position:absolute;left:159px;top:-48px; z-index:50; display:block; color:#fff; font:24px Helvetica, Arial; text-decoration:none;}

.topnav{background-color:#B1D95C;background: url(../images/back.png) repeat-x 0 0;}
    
.ribbon {font-size:12px; background-color:#5794CD;}
.registerNowText {margin-top: 48px;}
a.registerButton {display: block; margin-top: 65px; background: url(../images/RegisterNowButton.png) no-repeat; width:146px; height:45px;}

.content{background:#fff url(images/twocolbg.gif) top left repeat-y; float:left;}

#sideL, #sideR, .box {background-color:#F4FFE0; border-color:#E7FAC5;}
#sideL h4, #sideR h4, .box h4{border-bottom-color:#E7FAC5;}
p a:hover, p a:active{background-color:#F4FFE0;}
.altBorder {border-color:#E7FAC5;}
.footer ul.nav a, .footer {color:#F4FFE0;}
.border, .borderR, .borderB, .borderL {border-color:#F4FFE0}
.footer {background-color:#233B52;}


/*SqlBackupAndFTP elements*/
.topline{font-size:11px;}
td.ch {background:transparent url(images/iconSuccessSmall.png) no-repeat scroll 50% 50%;}
td.unch {background:transparent url(images/iconCancelSmall.png) no-repeat scroll 50% 50%;}
td.ch div, td.unch div {color:#666; font:.9em Arial; padding-top:32px; width:100%; text-align:center;}
.Q, .A {font-weight:bold; color: #FC5F00;}
p.Question {font-weight:bold; color:#333; margin-bottom:0;}
a.scs, span.scs {background:transparent url(images/success.png) no-repeat left top; padding-left: 18px}
a.fail, span.fail {background:transparent url(images/failure.png) no-repeat left top; padding-left: 18px}


/*Table style for forms*/
.form_table{border: none;width: 100%;}
.form_table td{border: none;}

.inactive{color:GrayText}
.grayed {color:#777}
.red {color:Red}
.green {color:#02A317}

.textColumn span.highlight{background-color: yellow; font-weight:bold;}
.hyperlinkColumn a span.highlight{background-color: yellow;text-decoration: underline;font-weight:bold;}
.sale {color:Red}

.details {border-collapse: collapse;border: none;margin: 15px;margin-left: 0px}
.details td{border: none}

/*upgrade page*/
.boxpr {border-bottom:#FFF 1px solid;padding:15px}
.boxs{border-bottom:#E7FAC5 2px solid;padding:10px;padding-top:0}
.boxs-last{border:none}

#new-license .boxpr .left {width:485px;float:left}
#update-license .boxpr .left {width:560px;float:left}


/*.boxs .left {width:510px;float:left}*/

.boxpr-selected, .boxs-selected{background-color:#F4FFE0;border-bottom:#E7FAC5 1px solid}
.extended,.updates{padding:10px}
.extended{margin-top:5px}
.extended .left,.updates .left{}
.extended .info,.updates .info{padding:0 25px}
.license-key{float:left;padding:10px 10px 0 20px}
.promo{float:right;text-align:right}
.promo a{font-size:.8em;color:#777!important}

.price, .price-per-item span, .price-total span {font-weight:bold}

.total-label{float: left; text-align: right; width: 465px; padding-right: 5px}
.price-per-item{float: left; width: 100px; text-align: right}
.price-per-item input {text-align:right}
.price-total{float: left}