/*
Copyright © 2010 Inflection LLC

CSS Styling Format:
Dimensions > Background > Color > Margin > Padding > Align > Border > Font > Float > Display > Position > Etc 
*/

/* CORE - - - - - - - - - - - - - - - - - - - - - - - - */
/* Structure */
body, html {height:100%; margin:0px; padding:0px;}
html {overflow-y:scroll;}
body {min-width:800px; background:#fff; color:#111; font-size:12px; font-family:Arial, sans-serif;}

/* Fonts */
a {color: #1b76ec;}
a:hover {color: #111;}
h1 {font-size:22px;}
h2{margin: 0px; font-size: 16px;}
h3 {margin: 0px; font-size:14px;}
h4 {font-size:13px;}

/* Elements */
img {border: 0px;}
input[type="image"] {border:0px;}
p {margin: 10px 0; padding:0px;}
table {width: 100%; border-collapse: collapse;}
form {margin:0px; padding:0px;}

/* MODIFIERS - - - - - - - - - - - - - - - - - - - - - - - - */
/* Colors / Fonts */
.greyfont {color:#888;}
.greenfont {color: #09a744;}
.redfont {color:#c00;}
.brightredfont {color:#f00;}
.bluefont {color:#1B76EC;}
.required {color:#aaa; font-size:11px;}
.dottedtop {margin-top:10px; padding-top:10px; border-top:1px dotted #ccc;}
.environment {background:#111; color:#fff; font-weight:bold; font-size:14px; position:absolute; top:9px; margin-left:4px; padding:3px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* Positioning */
.left {float: left;} /* All general floats should have width defined css or inline */
.right {float: right;} /* All general floats should have width defined css or inline */
.alignleft {text-align: left;}
.aligncenter {text-align: center;}
.alignright {text-align:right;}
.aligntop td {vertical-align:top;}

/* Boxes */
.bluebox {background:#ecf5ff; padding:10px;}
.greybox {background:#fafafa; padding:10px;}


/* SHARED - - - - - - - - - - - - - - - - - - - - - - - - */
/* Superstructure */
.container {width: 770px; margin: auto; padding: 0 15px; overflow:hidden;} /* All content must stay within these horizontal boundaries */
#all {min-height:100%; height:auto !important; height:100%; position:relative;} /* Set height allows for bottom footer to stay rooted, must be relative */
#content {padding: 20px 0 60px 0;} /* Bottom padding must match be equal or larger than footer height */

/* Header */
#header {height:30px; background:#3165b1 url(../images/core/Header.jpg) top center; padding:8px 0 2px 0;}
#header a.signin {color:#fff; margin-top:6px; font-size:11px; font-weight:bold; text-decoration:none;}
#header.resultsheader {position:fixed; width:100%;}

/* Navigation */
#navigation {background: #2a84f0 url(../images/core/Navigation.gif) repeat-x; border-top: 1px solid #7fb5f6; position:relative; font-family:Arial, sans-serif; line-height:28px; height:28px;}
#navigation a {font-size:11px; font-weight:bold; text-decoration:none; color:#fff; margin:0 10px; float:left;}
#navigation a:hover {text-decoration:underline;}
#navigation a.active {text-decoration:underline;}
#navigation a.first {margin-left:0px;}

/* Infobar */
#infobar {min-height:20px; height:auto !important; height:20px; background: #4a96f2 url(../images/core/Navigation.gif) repeat-x; color:#fff; padding-top:8px; border-top: 1px solid #7fb5f6; font-size:11px; font-weight:bold;}
#infobar a {color:#fff; text-decoration:none;}

/* Footer - Must have set height equal or smaller than content/home padding-bottom and absolute positioning */
#footer {width:100%; background:#f2f2f2; color:#888; margin-top:20px; padding:10px 0; display:block; text-align:left; font-size: 11px; font-style:italic; position:absolute; bottom:0;}
#footer a {color:#888; text-decoration: none; margin-left: 10px;}

/* PAGES - - - - - - - - - - - - - - - - - - - - - - - - */
/* Hompage - bottom padding must match be equal or larger than footer height */
#home {padding-bottom:60px;}
#home .headline {margin:20px 0 20px 0; font-size:30px; font-weight:bold; text-align:center;}
#home .headlinehomepage {margin:10px auto 10px auto; text-align:center; padding:20px 0;}
#home .headlinehomepage h1 {margin:0px; font-size:34px; letter-spacing:-1px;}
#home .headlinehomepage h2 {margin:0px; font-size:18px; font-weight:normal;}
#home .description {margin: 40px 0 30px 0; color:#888;}
#home .description h3 {display:inline; font-size:14px;}
#home .description ul {margin:10px 0; padding:0px; list-style:none;}
#home .description li {width:370px; margin:5px 10px 5px 0; float:left;}
#home .description img {margin-right:10px; float:left;}
#home ul.homepageul h2 {font-size:18px; color:#222; font-weight:normal;}
#home ul.homepageul {list-style:none; margin:40px 0 10px 0; padding:0px;}
#home ul.homepageul li {width:auto; margin:0 8px; float:left; clear:none; width:240px;}
#home ul.homepageul img {margin-right:10px; float:left;}
#home .bluebox {float:left; width:100%;}
#home .phonebox {width:400px; display:block; margin:auto; float:none;}
#home .emailbox {width:480px; display:block; margin:auto; float:none;}
#home .required {display:block; clear:both;}
#home #screening {color:#222; margin:10px 0; padding-bottom:10px; border-bottom:1px dashed #ccc;}
#home #screening h3 {display:inline; margin-right:8px;}
#home #screening ul {margin:10px 0 25px 0; padding:0px; list-style:none;}
#home #screening li {float:none; width:auto;}
#home .buttonselect {height:15px; padding:10px 0px; margin:10px auto; display:block;}


/* Sitemap */
#sitemap h1 {margin:0 0 20px 0;}
#sitemap .greybox {width:750px; float:left; display:inline; padding:10px;}
#sitemap .link {width:200px; color:#888; margin:8px 20px; float:left; }
#sitemap h3 {margin-bottom:4px;}