/* Global styles for the new work experience website */

html {padding:0px; margin:0px; height:100%;}
body {background: url(/images/global/Bg/MainBg2.gif) no-repeat top center; padding:0px; margin:0px; text-align:center; font-family:verdana, arial, san-serif; color:#666; font-size:10pt; background-color:#B7D4DC; height:auto; font-family:Arial, Helvetica, sans-serif;}

a:link, a:visited {color:#01ABD6;}
a:hover {color:#666;}

p {margin:0px; line-height:150%;}
.txt1 {font-size:8pt;}
.txt2 {font-size:11pt;}
.SubHead {font-size:12pt;}
.blue {color:#01ABD6;}
.blue2 {color:#01ABD6; font-size:12pt;}
.yell2 {color:#f3ad01; font-size:12pt;}
.red {color:#c00;}
.grey {color:#666;}
.grey2 {color:#666; font-size:12pt;}
.green {font-size:12pt; color:#009900;}

h1 {color: #01ABD6; font-size:18pt; font-weight:normal; margin:10px 0px 10px 0px;}
h2 {color: #01ABD6; font-size:14pt; font-weight:normal; margin:10px 0px 5px 0px;}
h3 {background-color:#01abd6; color:#fff; padding:3px 0px 3px 5px; font-weight:bold; font-size:10pt; margin:0px;}
h4 {color: #01ABD6; font-size:12pt; font-weight:bold; margin:10px 0px 5px 0px; border-bottom:1px dotted #01ABD6;}


img {border:none;}
.ipl {float:left; margin-right:5px;}
.ipr {float:right; margin-left:5px;}
form {margin:0px;}


/*Position the overall container */
#Container {Margin:0px auto 0px auto; position:relative; background-color:#fff; width:780px; text-align:left; height:100%;}

/*Position the side nav column */
#Side {position:absolute; display:inline; top:120px; left:15px; width:175px; float:left; margin:0px 10px 0px 0px; padding:0px; height:100%;}
#SideIndex {position:absolute; display:inline; top:290px; left:15px; width:175px; float:left; margin:0px 10px 0px 0px; padding:0px; height:80%;}


/*Position the main content part */
#Main {width:563px; padding:0px 0px 0px 0px; display:inline; margin:0px 15px 0px 0px; float:right; height:100%;}

/*Position the main content on a page with no side column */
#MainWide {width:745px; padding:15px; margin:0px; height:100%;}

/*Position and style the footer */
#Footer {clear:both; text-align:center; margin:20px 0px 10px 0px; padding:10px 0px 10px 0px; border-top:1px solid #999; font-size:8pt;}

/*Styling the top navigation */
#TopNav {background: url(/images/global/tel.gif) no-repeat right; background-color:#f3ad01; width:750px; height:20px; padding:4px 0px 4px 0px; margin:0px 0px 5px 15px; font-size:9pt;}
#TopNav a:link, #TopNav a:visited {font-weight:bold; display:inline; color:#fff; text-decoration:none; padding:0px 10px 0px 10px; border-right:1px solid #fff;}
#TopNav .last:link, #TopNav .last:visited {border-right:none;}
#TopNav a:hover {text-decoration:underline;}

/*Styling the side navigation.......*/
#SideNav {width:100%; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px;  }
#SideNav a:link, #SideNav a:visited {Background: url(/images/global/Nav.gif) no-repeat left; background-color:#e8f6f9; border:1px solid #ccc; display:block; border-bottom:1px solid #ccc; color:#01abd6; padding:4px 3px 4px 15px; text-decoration:none; font-size:9pt;}
#SideNav a:hover {text-decoration:underline;}
#SideNav p.Header {Background: url(/images/global/SecNavHeader.gif) no-repeat left; width:100%; padding:0px 0px 0px 5px; font-weight:bold;}

/*Two coloumn layout where the first column is slightly larger, as used on the home page */
#Col1 {float:left; width:375px; margin:0px 0px 0px 0px;}
#Col2 {float:right; width:173px; margin:0px; background-color:#e8f6f9; padding:3px;}

/*Resource right hand coloumn */
#RCol {float:right; width:173px; margin:0px 0px 10px 6px; background-color:#e8f6f9; padding:3px;}
#RCol p.Header {Background: url(/images/global/Resources.gif) no-repeat left; width:100%; padding:0px 0px 0px 0px; font-weight:bold; height:25px; width:173px;}
#RCol ul {margin:20px 0px 0px 20px; padding:0px;}
#RCol ul li {color:#01abd6; list-style-type:disc;}
#RCol ul li a:link, #RCol ul li a:visited {color:#666; text-decoration:none; }
#RCol ul li a:hover {text-decoration:underline;}

/*Split main into two columns */
#ColA {float:left; width:269px; margin:0px 10px 0px 0px;}
#ColB {float:right; width:269px; margin:0px;}

#WhiteBox {border:1px solid #ccc; padding:10px; width:95%; line-height:120%; }


/*Styling the list links ex used on the home page and other index pages */
#LinkList a:link, #LinkList a:visited {Background: url(/images/global/BlueArrowDblOnWhite.gif) no-repeat left; display:block; padding:2px 2px 3px 20px;}

/*Styling the breadcrumbs */
#Bread {Margin:3px 0px 3px 0px; color:#f3ad01; font-size:8pt;}
#Bread .Bread:link, #Bread .Bread:visited {background: url(/images/global/SmallGreyArrows.gif) no-repeat right; padding-right:15px; text-decoration:none; }


/*Styling buttons */
.Submit{height:25px; width:95px; border:none; background: transparent url("/images/global/Submit.gif") no-repeat;}
.LogIn{height:25px; width:95px; border:none; background: transparent url("/images/global/LogInBtn.gif") no-repeat;}
.NewCustomer{height:25px; width:150px; border:none; background: transparent url("/images/global/NewCustomer.gif") no-repeat;}
.BookNow{height:25px; width:150px; border:none; background: transparent url("/images/global/BookNow.gif") no-repeat;}
.BookOnce{height:25px; width:150px; border:none; background: transparent url("/images/global/BookNowOneClick.gif") no-repeat;}
.FindSchool{height:25px; width:95px; border:none; background: transparent url("/images/global/FindSchool.gif") no-repeat;}
.Save{height:30px; width:170px; border:none; background: transparent url("/images/global/Save.gif") no-repeat;}
.SubmitApp{height:40px; width:170px; border:none; background: transparent url("/images/global/AppSubmit.gif") no-repeat;}
.PrintApp{height:30px; width:170px; border:none; background: transparent url("/images/global/AppPrint.gif") no-repeat;}
.ConApp{height:30px; width:170px; border:none; background: transparent url("/images/global/ContinueApp.gif") no-repeat;}

ul {}
ul li {list-style-type:square; margin:0px 0px 15px 0px;}

#PrintOnly {display:none;}

#SideBox {width:200px; float:right; margin:0px 0px 0px 10px; border:1px solid #ccc; padding:5px;}
#SideBoxLeft {width:180px; float:Left; margin:0px 10px 0px 0px; padding:5px;}

#Borderbox {padding:10px; border:2px solid #000;}
#GreyBox {border:1px solid #999; padding:3px; background-color:#efefef;}
#RedBox {border:5px solid #c00; padding:15px; font-size:12pt; line-height:150%;}
#BlueBox {border:5px solid #b7d4dc; padding:15px;}