/*
Title: Interfleet Website Stylesheet - IE7, Firefox 2, Opera etc
Author: Craig Wilsoncroft
Date: 6 August 2008
*/

/******************************  Html  ************************************************/

html
{
font-size: 1em;
font-family: "Arial", Verdana, sans-serif;
color:#333;
}

/******************************  Body  ************************************************/

body
{
background-image:url(../Images/main_bkgnd.jpg);
background-repeat:repeat-x;
margin:10px 0px 0px 0px;
}

/******************************  Wrapper  ************************************************/

#wrapper
{
margin:0 auto;
width:993px;
height:768px;
background-color: transparent;
border:0px solid #bababa;
padding:0px 0px 0px 0px;
}

/******************************  Links  ************************************************/
a:link
{
color:#0066cc;
text-decoration:none;
}
a:visited
{
color:#0066cc;
text-decoration:none;
}
a:hover
{
color:#ff6600;
text-decoration:none;
}

/******************************  header  ************************************************/

.header
{
height:82px;
width:993px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.headerbase
{
background-image:url(../Images/banner_base.gif);
background-repeat:repeat-x;
height:2px;
width:993px;
}


.PrintLogo
{
display:none;
}

/******************************  cleaner  ************************************************/

.cleaner
{
clear:both;
}

/******************************  Homepage - Multimedia Panel ************************************************/

.multimediaPanel
{
margin: 0px 0 0 0px;
width:993px;
height:265px;
border:0px solid #ffffff;
}

/******************************  Homepage - Content Panels ************************************************/

.homepageContentPanel
{
margin: 0px 0 0 0px;
width:993px;
height:211px;
background-color:#ccc;
border-top:1px solid #ffffff;
}


.boxScheme
{
margin:10px 0px 0px 9px;
float:left;
height:195px;
width:241px;
background-image:url(../Images/box_Scheme.jpg);
background-repeat:no-repeat;
}

.boxScheme img
{
padding:0px;
border:0px;
float:left;
}

.boxScheme h1
{
font-size:0.8em;
font-weight:bold;
color:#00694e;
margin:11px 0px 0px 10px;
float:left;
clear:both;
}

.boxScheme a
{
color:#00694e;
text-decoration:none;
}
.boxScheme a:visited
{
color:#00694e;
text-decoration:none;
}
.boxScheme a:hover
{
color:#ff6600;
text-decoration:none;
}


.boxEvents
{
margin:10px 0px 0px 4px;
float:left;
height:195px;
width:241px;
background-image:url(../Images/box_Events.jpg);
background-repeat:no-repeat;
}

.boxEvents img
{
padding:0px;
border:0px;
float:left;
}

.boxEvents h1
{
font-size:0.8em;
font-weight:bold;
color:#00694e;
margin:11px 0px 0px 10px;
float:left;
clear:both;
}

.boxEvents a
{
color:#00694e;
text-decoration:none;
}
.boxEvents a:visited
{
color:#00694e;
text-decoration:none;
}
.boxEvents a:hover
{
color:#ff6600;
text-decoration:none;
}


.boxMeetGraduates
{
margin:10px 0px 0px 4px;
float:left;
height:195px;
width:241px;;
background-image:url(../Images/box_MeetGraduates.jpg);
background-repeat:no-repeat;
}

.boxMeetGraduates img
{
padding:0px;
border:0px;
float:left;
}

.boxMeetGraduates h1
{
font-size:0.8em;
font-weight:bold;
color:#00694e;
margin:11px 0px 0px 10px;
float:left;
clear:both;
}

.boxMeetGraduates a
{
color:#00694e;
text-decoration:none;
}
.boxMeetGraduates a:visited
{
color:#00694e;
text-decoration:none;
}
.boxMeetGraduates a:hover
{
color:#ff6600;
text-decoration:none;
}



.boxApply
{
margin:10px 0px 0px 4px;
float:left;
height:195px;
width:241px;
background-image:url(../Images/box_Apply.jpg);
background-repeat:no-repeat;
}

.boxApply img
{
padding:0px;
border:0px;
float:left;
}

.boxApply h1
{
font-size:0.8em;
font-weight:bold;
color:#00694e;
margin:11px 0px 0px 10px;
float:left;
clear:both;
}

.boxApply a
{
color:#00694e;
text-decoration:none;
}
.boxApply a:visited
{
color:#00694e;
text-decoration:none;
}
.boxApply a:hover
{
color:#ff6600;
text-decoration:none;
}


.boxTxt
{
margin:90px 0 0 0px;
height:37px;
width:235px;
padding-top:5px;
padding-bottom:9px;
}

.boxTxt p
{
height:45px;
margin:0px 10px 0px 10px;
padding:0px;
font-size:0.7em;
line-height:1em;
color:#666666;
text-align:left;
overflow:hidden;
}

.boxTxt a:link
{
color:#0066cc;
text-decoration:none;
}
.boxTxt a:visited
{
color:#0066cc;
text-decoration:none;
}
.boxTxt a:hover
{
color:#ff6600;
text-decoration:none;
}

.boxLinks
{
margin:1px 0 0 5px;
height:40px;
width:230px;
padding-top:3px;
float:left;
}

.boxLinks p
{
width:215px;
float:right;
height:12px;
margin:0px 5px 0px 0px;
padding:0px 0px 2px 0px;
font-size:0.7em;
color:#666666;
text-align:left;
overflow:hidden;
}

.boxLinks img
{
float:left;
margin:2px 5px 0px 0px;
}


/******************************  Content Layout - Main Panel ************************************************/

.ContentLayoutPanel
{
margin: 0px 0px 0px 0px;
width:993px;
height:474px;
background-color:#fff;
}


/******************************  Content Layout - Left Panel ************************************************/

.ContentLeftPanel
{
margin: 0px 0px 0px 0px;
width:267px;
height:474px;
background-color:#fff;
float:left;
clear:both;
}



.ContentRightPanel
{
margin: 0px 0px 0px 0px;
width:726px;
height:474px;
background-color:#fff;
float:right;
}

.PageTitle
{
margin: 0px 0px 0px 0px;
width:726px;
height:53px;
background-color:#fff;
background-image:url(../Images/PageTitle_Bkgnd.gif);
background-repeat:no-repeat;
}

.breadcrumb
{
width:330px;
background-color:#fff;
margin:0px 0px 0px 10px;
}

.breadcrumb p
{
font-size:0.75em;
font-weight:normal;
color:#333333;
padding:10px 0px 0px 0px;
margin:0px 0px 0px 0px;
overflow:hidden;
}

.PageTitle h1
{
font-size:1.3em;
font-weight:normal;
color:#00694e;
padding:9px 0px 0px 10px;
margin:0px;
float:left;
background-color:#fff;
width:332px;
}

.PageFunction
{
height:50px;
font-size:0.7em;
font-weight:normal;
color:#333;
padding:0px 10px 0px 0px;
margin:0px;
float:right;
background-color:#fff;
width:322px;
display:block;
text-align:right;
}

.PageFunctionIcon img
{
background-color:#fff;
margin:13px 3px 0px 0px;
float:right;
}

.PageFunctionLink p
{
background-color:#fff;
margin:18px 0px 0px 0px;
float:right;
}


.MainContentPanelScheme
{
margin: 10px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:726px;
height:404px;
background-color: transparent;
float:right;
}


.MainContentPanelScheme h1
{
font-size:1.0em;
font-weight:normal;
color:#00694e;
padding:0px 0px 0px 0px;
margin:0px;
}

.MainContentPanelScheme h2
{
font-size:0.8em;
font-weight:bold;
color:#333;
padding:0px 0px 0px 0px;
margin:10px 0px 5px 10px;
}

.MainContentPanelScheme p
{
height:404px;
font-size:0.75em;
font-weight:normal;
color:#333;
padding:0px 10px 0px 0px;
margin:0px 0px 0px 10px;
background-color:transparent;
text-align:justify;
overflow:auto;
}


.MainContentPanel
{
margin: 10px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:726px;
height:404px;
background-color:#fff;
float:right;
}

.MainContentPanel h1
{
font-size:1.0em;
font-weight:normal;
color:#00694e;
padding:0px 0px 0px 0px;
margin:0px;
}

.MainContentPanel h2
{
font-size:0.8em;
font-weight:bold;
color:#333;
padding:0px 0px 0px 0px;
margin:10px 0px 5px 10px;
}

.MainContentPanel p
{
height:404px;
font-size:0.75em;
font-weight:normal;
color:#333;
padding:0px 10px 0px 0px;
margin:0px 0px 0px 10px;
background-color:#fff;
text-align:justify;
overflow:auto;
}


img.floatLeft { float:left;clear:left; margin:0px 10px 0px 0px;}

img.floatRight { float:right;clear:right; margin:0px 0px 0px 10px;}



.MainContentPanelTable
{
margin:0px;
padding:0px;
float:left;
width:100%;
}

.MainContentPanelTable h1
{
font-size:0.75em;
font-weight:normal;
color:#333;
text-align:center;
margin-top:10px;
padding:0px
}

.MainContentPanelTable Table
{
font-size:0.75em;
font-weight:normal;
color:#333;
padding:0px 10px 0px 0px;
margin:0px 0px 0px 10px;
}




/******************************  footer ************************************************/

.footer
{
height:23px;
width:993px;
border:0px solid #d7d6d5;
margin:0px 0 0 0px;
background-image:url(../Images/footer_bkgnd.gif);
background-repeat:repeat-x;
}

.footercontentLeft
{
width:495px;
height:23px;
float:left;
}

.footercontentLeft p
{
margin-top:0px;
height:20px;
font-size:0.7em;
color:#fff;
text-align:left;
padding:4px 0px 0px 5px;
}

.footercontentLeft a:link
{
color:#fff;
text-decoration:none;
}
.footercontentLeft a:visited
{
color:#fff;
text-decoration:none;
}
.footercontentLeft a:hover
{
color:#ff6600;
text-decoration:none;
}


.footercontentRight
{
width:495px;
height:23px;
float:right;
}

.footercontentRight p
{
margin-top:0px;
height:20px;
font-size:0.7em;
color:#fff;
text-align:right;
padding:4px 5px 0px 0px;
}


.footercontentRight a:link
{
color:#fff;
text-decoration:none;
}
.footercontentRight a:visited
{
color:#fff;
text-decoration:none;
}
.footercontentRight a:hover
{
color:#ff6600;
text-decoration:none;
}



/***********************************************/
/* Reg Office                                  */
/***********************************************/

.RegOffice
{
width:993px;
margin:0px 0 0 0px;
float:none;
}


.RegOffice p
{
margin-top:0px;
font-size:0.6em;
color:#999;
text-align:center;
padding:0px 0px 0px 0px;
margin:5px 0px 0px 0px;
}

.RegOffice a:link
{
color:#0066cc;
text-decoration:none;
}
.RegOffice a:visited
{
color:#0066cc;
text-decoration:none;
}
.RegOffice a:hover
{
color:#ff6600;
text-decoration:none;
}

/***************** Standard Lightbox ****************/

.modalBackground 
{
    z-index: 10;
    padding-left: 0px;
    margin-left: 0px;
    background-color:black;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup 
{
    background-color:#ECECEC;
    padding:0px;
    z-index: 10;
    border: solid 10px #b9b9b9;
    overflow:auto;
}

.modalPopup h1
{
font-size:0.9em;
font-weight:bold;
color:#00694e;
margin-left:3px;
}

.modalPopup p
{
font-size:0.75em;
font-weight:normal;
padding:0px 5px 0px 0px;
margin:0px 0px 5px 5px;
text-align:justify;
}

.close a:link
{
font-size:0.75em;
color:#0066cc;
text-decoration:none;
}

.close a:visited
{
font-size:0.75em;
color:#0066cc;
text-decoration:none;
}

.close a:hover
{
color:#ff6600;
text-decoration:none;
}

.Validation
{
font-size:0.75em;
color:red;
text-decoration:none;
}

.modalPopup li
{
font-size:0.75em;
font-weight:normal;
padding:0px 5px 0px 0px;
margin:0px 0px 5px 5px;
text-align:justify;
}
/***************** Job Application ****************/

.JobApplication
{
margin: 0 10px 10px 10px;
width:700px;
height:640px;
background-color:#ECECEC;
overflow:auto;
}

.JobApplication h1
{
font-size:0.9em;
font-weight:bold;
color:#00694e;
padding:0px 0px 11px 10px;
margin:0px;
}

.JobApplication h2
{
font-size:0.8em;
font-weight:bold;
color:#333;
padding:0px 0px 0px 0px;
margin:5px 10px 0px 10px;
}

.JobApplication h3
{
font-size:0.8em;
font-weight:bold;
color:#333;
padding:0px 0px 0px 0px;
margin:10px 10px 0px 10px;
}

.JobApplication p
{
font-size:0.8em;
font-weight:normal;
color:#333;
text-align:justify;
}

.JobApplicationHeader
{
font-size:0.8em;
font-weight:bold;
color:#333;
text-align:left;
}

.JobApplication table
{
margin:0px 0px 0px 10px;
width:650px;
}

/******************************  Content Layout - Form Elements ************************************************/

.textbox
{
	font-size:0.7em;
	height:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#333;
	border:1px solid #cfcfcf;
	padding:0px 0px 0px 3px;
}

.textarea
{
	font-size:0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#333;
	border:1px solid #cfcfcf;
	padding:0px 0px 0px 3px;
}

.listbox
{
	font-size:0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#333;
	border:1px solid #cfcfcf;
	padding:0px 0px 0px 3px;
}

.lblFilter
{
	font-size:0.7em;
	font-weight: bold;
	color:#333;
}

/****************************** form buttons ************************************************/
 
A.btn
{
   color:#333;
   font-family:'verdana',helvetica,sans-serif;
   font-size:0.6em;
   font-weight:bold;
   background-image:url(../Images/btn_bkgnd.jpg);
   background-repeat:repeat-x;
   border:1px solid;
   border-top-color:#006a4f;
   border-left-color:#006a4f;
   border-right-color:#006a4f;
   border-bottom-color:#006a4f;
   padding:0px 10px 0px 10px; 
}
 
A.btnhov
{
	color:#333;
	   font-size:0.6em;
   font-weight:bold;
   background-image:url(../Images/btn_bkgnd_over.jpg);
   border-top-color:#006a4f;
   border-left-color:#006a4f;
   border-right-color:#006a4f;
   border-bottom-color:#006a4f;
   color:#FFFFFF;
    padding:0px 10px 0px 10px; 
}