/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Unit Export
Author : Darren Lynch / darren.lynch@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet Unit Export site

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { width:855px; margin:0 auto; text-align:left; font-size:110%; }   
#printHeader { display:none;}
#header { width:855px; height:85px; position:relative;}
#header #logo { width:95px; height:58px; position:relative; top:16px;}
#header #search { position:absolute; top:45px; left:651px;}
#header #search .search { float:left;}
#header #search .searchInput { border: 1px solid #acacac; width:113px; padding:2px 3px 1px 3px;}
#header #search .searchGo { border:none; background:#cb0013; width:23px; margin-left:-2px; height:19px; color:#FFFFFF; font-weight:bold;}
#main { margin: 0 0 4px 0; height:232px; width:855px;}
#divider { margin:2px 0 0 0;}
#jumps { height:148px; width:855px; margin-top:5px;}
#jumps #storySoFar { float:left; width:208px; height:148px; margin-right:8px;}
#jumps #projectExamples { float:left; width:208px; height:148px; margin-right:8px;}
#jumps #statementIntegrity { float:left; width:208px; height:148px; margin-right:7px;}
#jumps #contactUs { float:left; width:208px; height:148px;}
#cisLogo { width:89px; height:115px; float:right; margin: 0 0 0 50px; }
#homeContent { min-height:140px;}
#homeContent .padding { padding:10px 25px 30px 18px;}
#internalContent {}
#internalContent .padding  { padding:23px 10px 30px 18px; line-height:130%;}
#internalContent .internalImage { float:right; margin: 0 0 25px 30px;}
#contactDetails { float:right; width:220px;}
#contactDetails .flag { position:absolute; top:2px; left:-45px;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.standardList { margin:0; padding: 0 0 0 18px; list-style:disc;}
.standardList li { padding: 3px 0; list-style:disc;}

/* ----- DEFAULT LIST ----- */
#list {}
#list ul { margin:0 0 20px 0; padding:0; list-style:none;}
#list li { padding:13px 0 10px 0; border-bottom:1px solid #cccccc; width:855px; min-height:140px;}
#list .listTitle { font-weight:bold; display:block; padding:6px 0 12px 0;}
#list .listDetails { display:block; padding-right:20px; line-height:130%;}
#list .listImage { float:left; margin: 0 20px 10px 16px;}
#list .last { background:none;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- TOP NAVIGATION ----- */
#topNav { width:855px; height:27px;}
#topNav ul { margin:0; padding:0; list-style:none;}
#topNav li { display:inline; display:block; float:left; padding-right:3px;}
#topNav a { text-decoration:none; display:block; float:left;}
#topNav a span { padding:1px 13px 3px 15px; display:block;}
#topNav a:hover { text-decoration:none; background:url(../images/layup/topNavRight.gif) top right no-repeat; color:#ffffff;}
#topNav a:hover span { background:url(../images/layup/topNavLeft.gif) top left no-repeat;}
#topNav .active a { text-decoration:none; background:url(../images/layup/topNavRight.gif) top right no-repeat; color:#ffffff;}
#topNav .active a span {background:url(../images/layup/topNavLeft.gif) top left no-repeat;}


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 10px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#pageTop { border-bottom:1px solid #cccccc; height:70px; width:855px; position:relative;}
#breadcrumbs { position:absolute; top:8px; left:18px;}
#breadcrumbs a { text-decoration:none; font-weight:normal;}
#breadcrumbs a:hover { text-decoration:underline;}
#breadcrumbs .currentPage { font-weight:bold;}
#pageTitle { position:absolute; top:32px; left:16px; color:#003081; font-size:20px;}
.pagination { position:absolute; bottom:8px; right:0px;}
.pagination ul { margin:0; padding:0; list-style:none;}
.pagination li { display:inline;}
.pagination a { text-decoration:none; padding:0px 3px 0 4px;}
.pagination a:hover { color:#FFFFFF; background:#cb0013;}
.pagination .active a { color:#FFFFFF; background:#cb0013;}

/* ----- FOOTER ----- */
#footer { width:855px; height:34px; background:#336daf url(../images/layup/footerBg.gif) top left no-repeat; color:#FFFFFF;}
#footer .padding { padding: 8px 23px 0 18px;}
#footer p { padding:0 !important;}
#footer a { font-weight:normal; text-decoration:none; color:#FFFFFF;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#cb0013;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:67px; height:21px; border:none;}

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #336daf; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #336daf; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }