/*
	SCHEMESERVE PUBLIC CSS v1.01
	Style used only when user not signed in.
	(c) 2012-2015 admNetwork
*/

/* SHARED FOR ALL PUBLIC PAGES */

/* set basics for public pages */
body { font-size: 12px; font-family: 'Graphik','Lucida Grande','Segoe UI',Arial,Helvetica,Sans-serif; }

/* header, logo and login button */
body header div.logo{margin:15px;display:block;float:left;}
/*body header div.logo img{max-height:65px;width:100%;} /* important force resize of logo  <-- Need this but is breaking sites right now. each site needs to be checked. */
body header div.logo img{max-height:150px;}
body header div.login{display:block;padding:10px 10px 0 0;float:right}
body header div.login a{padding:5px 12px 5px 12px;color:#fff;border-radius:8px;background-color:#405BB5;text-decoration:none;}
body header div.login a:hover,
body header div.login a:active{background-color:#4462C8;}

body header div.helplinenumber { float:right; padding: 10px 8px 3px 3px; z-index: -1}

/* when on BETA or LABS, there is a label saying so */
body header div.deployment{display:block;float:left;margin-left:-4px;}
body header div.deployment a{text-decoration:none;font-size:16px;font-weight:bold;}
body header div.deployment .Beta { background:#ffefef; padding:4px 10px 4px 10px; border:3px solid #ff3333; border-radius:12px; -moz-border-radius:12px; color:#ff3333;}
body header div.deployment .Labs { background:#fff; padding:4px 10px 4px 10px; border:3px #555 solid; border-radius:12px; -moz-border-radius:12px;}
body header div.deployment .Labs  .L{font-size:16px;color:#0066cc;}
body header div.deployment .Labs  .A{font-size:16px;color:#FF9900;}
body header div.deployment .Labs  .B{font-size:16px;color:#FF0000;}
body header div.deployment .Labs  .S{font-size:16px;color:#339933;}

/* navigation bar */
body nav{color:#000;padding:10px 0;margin:0;}
body nav ul.menu{list-style-type:none;margin:0;padding:10px 0 0 10px;}
body nav li{display:inline;margin:0 0 0 8px !important;}

/* all tabs */
body nav li a,
body nav li a:visited  {border-top-left-radius:8px;border-top-right-radius:8px;margin:0;padding:10px;color:#fff !important;font-weight:normal !important;font-size:14px;text-decoration:none;}

/* currently selected tab */
body nav li a.selected:link,
body nav li a.selected:visited{color:#000000 !important;font-size:14px;font-weight:bold;text-decoration:none;background-color:#fff;}

/* other tabs, hovering or clicking */
body nav li a:hover,
body nav li a:active{color:#fff;font-weight:bold;font-size:14px;text-decoration:none;}

/* gradient background for nav bar, support for specific browsers */
body nav{background: #000077;} /* Old browsers */
body nav{background: -moz-linear-gradient(45deg,  #000077 0%, #405BB5 100%);} /* FF3.6+ */
body nav{background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#000077), color-stop(100%,#405BB5));} /* Chrome,Safari4+ */
body nav{background: -webkit-linear-gradient(45deg,  #000077 0%,#405BB5 100%);} /* Chrome10+,Safari5.1+ */
body nav{background: -o-linear-gradient(45deg,  #000077 0%,#405BB5 100%);} /* Opera 11.10+ */
body nav{background: -ms-linear-gradient(45deg,  #000077 0%,#405BB5 100%);} /* IE10+ */
body nav{background: linear-gradient(45deg,  #000077 0%,#405BB5 100%);} /* W3C */
body nav{filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000077', endColorstr='#405BB5',GradientType=1 );} /* IE6-9 fallback on horizontal gradient */

/* main content between the header and gooter areas */
body article{padding:10px 20px 10px 20px;}

/* footer at bottom of site */
body footer{display:block;background-color:#000044;color:#fff;margin-top:50px;width:auto;border-top:#0000aa 4px solid;padding:10px 15px 30px 15px;margin-bottom:0px;text-align:center;}
body footer a{padding:5px;color:#fff !important;}
body footer a:hover,footer a:active{color:#fff;background-color:#405BB5;text-decoration:none;}
body footer div.left { float: left; }
body footer div.right { float: right; }

body img { border: none;}

.menu { list-style-type: none; }
.menu li { display: inline; margin-left: 1em; }
.login, .right { float: right; }
.left { float: left; }

/* CONTACT US PAGE */
#contact_form #fields { width:650px; border: solid 1px #000; margin: 15px; padding: 30px; }
#contact_form #fields label { width:200px;font-weight:bold; clear:both !important; margin-right:6px; padding-top:4px; float:left; }
#contact_form #fields textarea,.fixed_width { width:280px; }
#contact_form #fields select.fixed_width { width:286px; }
#contact_form #fields input, #contact_form #fields select, #contact_form #fields textarea { margin:2px 0px; border:#bbb 1px solid; }
#contact_form #fields input.save_error, #contact_form #fields select.save_error, #contact_form #fields textarea.save_error {  }
#contact_form #fields .asterisk { margin-left:5px; color: #ee0000; }
#contact_form #fields .right { font-weight:bold; float:right; }
#contact_form #fields #hc_options { width:565px; border: solid 1px #ddd; margin: 25px 0px 0px 0px; padding:0 15px 15px 15px; }
#contact_form #fields #pf_options { width:565px; border: solid 0px #ddd; margin: 25px 0px 0px 0px; padding:0 0px 0px 0px; }

.contactus-ui h1 {float:left;margin-top:-20px;margin-left:15px;}
.contactus-ui input[type="submit"]  {margin-left:15px;}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
@media screen and (max-width: 910px) {
    body header div.helplinenumber {}
}
 
@media screen and (max-width: 450px) {
    body footer div.right {float: left;margin-top: 10px;}
    body footer {padding: 10px 15px 52px 15px;}
}
 
