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

Title : 
Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd

Type: Print

Description : Screen and projection stylesheet for Share a Container site

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

#accessibility
{ display:none; }


/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: url(../images/layup/bodyBg.jpg) repeat-x; 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:650px; margin:0 auto; text-align:left; font-size:110%; }   
#printHeader { display:block;}
#header,
#primaryNavigation,
#footer,
#searchBox,
.box,
.countryContainer { display: none; }
#mainContent { display: block; float: left; width: 650px; }


#mainContent { background: #FFF; }
#primaryContent { width: 650px; }

#internalList { margin: 20px 0px 0px 0px; }

/* ----- COUNTRY IDS FOR REMAINING SPACE GRAPHS ON HOMEPAGE ----- */
#australiaSpaceLeft { display: block; height: 45px; width: 0px; background:url(../images/layup/spaceLeftBg.gif) top right no-repeat; }
#usaSpaceLeft { display: block; height: 45px; width: 0px; background:url(../images/layup/spaceLeftBg.gif) top right no-repeat; }
#canadaSpaceLeft { display: block; height: 45px; width: 0px; background:url(../images/layup/spaceLeftBg.gif) top right no-repeat; }
#newZealandSpaceLeft { display: block; height: 45px; width: 0px; background:url(../images/layup/spaceLeftBg.gif) top right no-repeat; }
#southAfricaSpaceLeft { display: block; height: 45px; width: 0px; background:url(../images/layup/spaceLeftBg.gif) top right no-repeat; }

/* ----- 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;}
.tagHeading { position: relative; width: 457px; height: 31px; padding: 2px 0px 0px 38px; background: url(../images/layup/tagHeadingBg.gif) no-repeat; }
.country { font-weight: bold; font-size: 20px; color: #FFF; }
.locations { float: right; font-weight: bold; font-size: 11px; color: #FFF; padding: 9px 23px 0px 0px; }
.tag { position: absolute; top: 10px; left: -50px; }
.containerSpaceLeft { margin: 11px 0px 0px 50px; position: relative; }
.spaceLeftContent{ width: 400px; height: 45px; background: #85bc4a; }
.spaceLeftText { position: absolute; top: 5px; left: 15px; color: #FFF; font-size: 20px; }
.details { padding: 7px 0px 0px 41px; }
.detailsContent { width: 453px; }
.details .departs { width: 112px; float: left; }
.details .arrival { width: 112px; float: left; }
.details .availableSpace { width: 112px; float: left; }
.details .ends { width: 112px; float: left; }
.buttons { width: 266px; float: right; height: 23px; padding: 5px 45px 0px 0px; }
.btnViewMore { padding-right: 6px; float: left; }
.countryContainer { background: #f3f6f9; margin-bottom: 15px; margin-top: 4px; float: left; width: 494px; }
.datePicker { margin: -6px 0px 0px 0px; float: left; }
.box { margin-bottom: 18px; }
.box .padding { padding: 10px 24px 26px 24px !important; background: #f3f7fa; }
.blueText { font-size: 11px; color: #3e8ad5; }

/* ----- IMAGE FRAMES ----- */
#internalList a { cursor:pointer; text-decoration:none; }
#internalList span { display:block; }
#internalList .listItem { background: url(../images/layup/frame108x81.gif) no-repeat; float:left; height:115px; padding-right:10px; width:116px; }
#internalList .lastItem { background: url(../images/layup/frame108x81.gif) no-repeat; float:left; height:115px; padding-right:0px; width:116px; }
#internalList .frame { padding: 4px 0px 0px 4px; }
#internalList .noImage { background: url(../images/layup/noImage108x81.jpg) no-repeat; height:81px; width:108px; }
#internalList .itemHeading { padding:3px 0px 0px 10px; }

#internalImage { background: url(../images/layup/frame240x180.gif) no-repeat; float:right; height:190px; margin:0px 0px 15px 20px; position:relative; width:250px; }
#internalImage .frame { padding: 5px 0px 0px 5px; }
#internalImage .noImage { background: url(../images/layup/noImage240x180.jpg) no-repeat; height: 180px; width: 240px; }

/* ----- DEFAULT LIST ----- */
#list {}
#list ul { margin:0 0 0 18px; padding:0; list-style:none;}
#list li { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding:15px 20px 20px 0;}
#list .listTitle { font-weight:bold; display:block; padding-bottom:6px;}
#list .listDetails {}
#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;}

#primaryContent h1 { width: 477px; height: 27px; background: url(../images/layup/h1Bg.gif) no-repeat; padding: 6px 0px 0px 18px; margin: 0px; color: #FFF; font-weight: bold; font-size: 14px; }

/* ----- 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 11px no-repeat; padding:6px 0 5px 15px;}


/* ----- 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; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#3e8ad5;}
.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;}
#btnSubmit { width:96px; height:23px; border:none;}
#frmFindContainer select { width: 170px; border: 1px solid #225b8a; margin-top: 7px; }
#frmFindContainer #day { width: 30px; float: left; margin-top: 4px; margin-right: 5px; }
#frmFindContainer #month { width: 30px; float: left; margin-top: 4px; margin-right: 5px; }
#frmFindContainer #year { width: 50px; float: left; margin-top: 4px; margin-right: 5px; }
#frmFindContainer label { width: 170px !important; float: none !important; padding-top: 4px; }
#frmFindContainer #btnFindSpace { width: 96px; height: 23px; margin-top: 2px; }

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; 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: #9fb2c2; color : #FFF; font-weight: bold; }

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