/* HR Benchmarker - developed by Troy Brophy (troy@bitspark.com) */

body { 
    margin: 57px 0 25px 0;
    font-size: 100%;
    font-family: Arial,Helvetica,sans-serif;
    color: #555;
    background-color: #fff; 
}



/* template */
div#container { width: 920px; margin: 0 auto; }
div#header { border-bottom: 1px solid #BFC8CB; }
div#navigation ul { margin: 5px 0 -14px 0; padding: 0; list-style-type: none; list-style-position: outside; font-size: .75em; }
div#navigation ul li,
 div#footer ul li { display: inline; padding: 0 8px 0 12px; background: #fff url(../images/nav_separator.gif) no-repeat left;}
    li.first { padding-left: 0 !important; background-image: none !important; }
div#banner { margin: 0 0 47px 0; }
div#banner img { width: 920px; height: 72px; }
div#content { }

div.mainCol h1 {font:bold 18px Arial;color:#00a9e0;text-transform:uppercase;margin:0px;padding:0px;}
div.mainCol h2 {font:bold 14px Arial;color:#00a9e0;text-transform:uppercase;margin:0px;padding:0px;}
div.mainCol h3 {font:bold 12px Arial;color:#00a9e0;text-transform:uppercase;margin:0px;padding:0px;}
div.mainCol h4 {font:bold 12px Arial;color:#00a9e0;text-transform:uppercase;margin:0px;padding:0px;}

    div.mainCol { float: left; width: 600px; margin-left: 25px; }
    div.mainCol h3 { margin: 0 0 24px 0; font-family: 'Arial Black',Arial,Helvetica,sans-serif; font-size: 1.2em; color: #00A1E3; font-weight: bolder; text-transform: uppercase; }
        div.mainCol h3 img { width: 500px; height: 30px; }
    div.mainCol h4 { margin: 0 0 -20px 0; font-family: Arial,Helvetica,sans-serif; font-size: .9em; color: #00A1E3; clear: left; }
    div.mainCol p { margin: 30px 0; padding: 0; font-size: .8em; line-height: 1.3em; }
    div.mainCol ul { margin-left: 0; margin-top: -8px; padding-left: 0; list-style-type: none; position: relative; }
    div.mainCol ul li { margin-left: 15px; margin-bottom: 4px; padding-left: 16px; background: transparent url(../images/li_bullet.gif) no-repeat 0 9px; font-size: .8em; position: relative; }
     div.mainCol ol li { margin-left: 15px; margin-bottom: 4px; padding-left: 16px; font-size: .8em; position: relative; }
     
     .radiobutton { margin-left: 15px; margin-bottom: 4px; padding-left: 16px;  font-size: .8em; position: relative; }
     
    div.sideCol { margin: 0 0 0 655px; }
        div.spacer { height: 34px; }
        div.cloudBox { width: 210px; margin: 0 0 25px 0; border: 1px solid #ccc; padding: 24px 11px 11px 17px; background: #fff url(../images/sidebar_bg.gif) no-repeat top; }
        div.cloudBox h4 { margin: 0 0 28px 0; font-size: .9em; color: #fff; text-transform: uppercase; }
        div.cloudBox p { margin: 0 0 6px 0; padding: 0; font-size: .8em; line-height: 1.1em; }
        div.openBox { width: 240px; margin: 0 0 25px 0; padding: 0 }
        div.openBox h4 { margin: 0 0 14px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 6px 10px; font-size: .8em; color: #00A1E3; }
        div.openBox h5 { margin: 0 0 8px 10px; font-size: .75em; color: #00A1E3; }
        div.openBox p { margin: 0 0 5px 10px; padding: 0; font-size: .75em; }
        div.openBox div { margin: 0 0 14px 10px; padding: 0 0 0 12px; background: #fff url(../images/li_vbullet.gif) no-repeat 0 4px; font-size: .75em; }
        div.openBox ul { margin-top: 5px; margin-left: 0; padding-left: 0; list-style-type: none; position: relative; }
        div.openBox li { margin: 2px 0 2px 10px; padding-left: 10px; background: transparent url(../images/li_bullet.gif) no-repeat 0 10px; position: relative;}

.smaller
        {
        	font-size:11px;
        }
        
        
div#footer { margin: 5px 0 0 0; clear: left; color: #999; }
div#footer p { margin: 0; padding: 4px 0 0 0; font-size: .65em; }
div#footer div { float: right; }
div#footer ul { margin: 0; padding: 0; padding-top: 3px; list-style-type: none; list-style-position: outside; font-size: .65em; }

/* survey & order reports */

div.surveyCol { margin: 0 25px; }
div.surveyCol h1 {font:bold 18px Arial;color:#00a9e0;text-transform:uppercase;margin:0px;padding:0px;}
div.surveyCol h3 { margin: 0 0 18px 0; font-family: 'Arial Black',Arial,Helvetica,sans-serif; font-size: 1.2em; color: #00A1E3; font-weight: bolder; text-transform: uppercase; }
div.surveyCol hr { width: 100%; height: 1px; color: #ccc; }
span.surveyTitle { display: block; margin: 0 0 12px 0; font-size: .8em; font-weight: bold; color: #00A1E3; }
div.surveyIntro p { margin: 6px 0; font-size: .8em; }


table#userInfo { width: 600px; margin: 30px 0; }
table#userInfo td { width: 300px; padding: 4px 0; }
table#userInfo td label { font-size: .75em; }
table#userInfo i { font-size: .7em; }
table#userInfo p { margin: 7px 0 0 0; font-size: .7em; }
table#userInfo b { }
table#userInfo .textInput  { width: 270px; font-family: Monospace; }
table#userInfo .headcount { width: 80px; }
table#userInfo select { width: 280px; }

table#surveyBody { width: 830px; margin: 30px 0; }
table#surveyBody th { text-align: left; font-size: .75em; }
table#surveyBody th i { font-size: .8em; }
table#surveyBody .fullCol { width: 450px; }
table#surveyBody .halfCol { width: 180px; padding-right: 10px; }
table#surveyBody td { padding: 4px 0; }
table#surveyBody label { font-size: .75em; display: block; border-bottom: 1px dotted #efefef; }
table#surveyBody label i { font-size: .8em; }
table#surveyBody input { width: 60px; }

table#orderBody { width: 600px; margin: 30px 0; }
table#orderBody td { padding: 4px 0; }
table#orderBody th { font-size: .75em; color: #00A1E3; font-weight: bold; text-align: left; }
table#orderBody td { font-size: .75em; border-top: 1px dotted #efefef; }
table#orderBody td i { font-size: .75em; font-style: normal; }
table#orderBody p { margin: 7px 0 0 0; font-size: .7em; }
table#orderBody b { }

input.submitBtn { height: 20px; margin-top: 9px; border: 0; background-color: #666; color: #fff; font-size: .75em; cursor: pointer; }

/* validation */
span.validation { display: inline; font-size: .7em; font-weight: bold; color: #ff2200; }
div.validation { font-size: .7em; font-weight: bold; color: #ff2200; }
span.sentAnnounce { display: inline; font-size: .7em !important; font-family: Arial,Helvetica,sans-serif; font-weight: bold; color: #f20; }



/* contact */
div.contact { float: left; width: 280px; margin: 0 0 20px 0; }
div.contact h4 { margin: 0 0 5px 0; font-size: .8em; font-weight: bold; color: #00A1E3; }
div.contact p { margin: 0; padding: 0; font-size: .75em; }
div.contact b { display: block; }

/* site map */
div.mapList { float: left; width: 300px; margin: -20px 0 0 0; }
div.mapList h4 { margin: 20px 0; }
div.mapList ul { margin: -10px 0 20px 0 }

/* forums */
/*div.boilerplate { margin: 25px 0 0 0; border-top: 1px solid #d6d6d6; font-size: .9em; color: #777; } */

/* links */
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

#navigation a:link, #navigation a:visited,
 #footer a:link, #footer a:visited { color: #999; text-decoration: underline; }
#navigation a:hover, #footer a:hover { color: #00A1E3; }
#navigation a:active{color: #00A1E3}

.mainCol a { color: #00A1E3; }
.cloudBox a { display: block; margin: 6px 0; font-size: .75em; line-height: 1em; font-weight: bold; color: #00A1E3; }
.openBox li a { margin: 6px 0; font-size: .75em; color: #00A1E3; }
.openBox div a { display: block; margin: 4px 0 0 0; font-size: .8em; color: #00A1E3; font-weight: bold }
a.orderNow { display: block; margin: -20px 0 20px 0; font-size: .95em; font-weight: bold; }

/* images */
img { border: 0; }
#header img,
#banner img { width: 920px; height: 69px; }
img.dla { width: 240px; height: 148px; padding-bottom: 11px; border-bottom: 1px dotted #d6d6d6; margin-bottom: 10px; }
img.dlaUK { width: 240px; height: 160px; }
img.inlineArt { width: 156px; height: 110px; float: left; margin: 36px 20px 70px 0; }

.hosted {
	font-size:10px;
	color: rgb(153, 153, 153);
	text-decoration:none;
	font-weight:normal;
}
.hosted a, .hosted a:hover {
	font-size:10px;
	color: rgb(153, 153, 153);
	text-decoration:none;
	font-weight:normal;
}