/* 
some browsers (IE 6.0) will add line-height to inline images to accomodate for letters such as j and p 
use img vertical-align:bottom
*/

img {vertical-align:bottom}



body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 0 0 10px 0;
	padding: 0;
	line-height:150%;
	background-image: url('../images/mainBackground.gif');
	background-repeat:repeat-x;
	
}

.clear {
	
	clear:both;
	
}

/*
------------------------------------------------------
Links
------------------------------------------------------
*/

a:link, a:visited, a:Active { 
color:#006699; 
text-decoration:none;
}

a:Hover {
color:#004567;
text-decoration:underline;
}


/*
------------------------------------------------------
Home Page Elements
------------------------------------------------------
*/


#homeContainer {
	margin:0 auto;
	width: 896px !important; width:899px;
}

#bannerContainer {
	height:126px;
	background-image:url('../images/bannerback.gif');
	background-repeat:repeat-x;
	
}

#bodyContainer {
	background-color:#fff;
}

#footerContainer{
	background-color:#fff;
}


#bannerLeft {
	height:126px;
	width:221px;
	float:left;
	margin:0 0 0 0;
	padding:0;

}

#bannerRight {
	background-image:url(../images/headerHome.gif);
	background-position:right;
	background-color:#fff;
	height:126px;
	width:675px;
	top:0px;
	margin: 0 0 0 221px;
	padding:0 0 0 0;
	
}

#bodyLeft {
	background-image:url(../images/homeLeftPeople.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	height: 298px;
	width:205px;
	float:left;
	padding:0 0 0 0;
}

#bodyRight {
	background-image:url(../images/middleBackground.gif);
	background-repeat:repeat-x;
	text-align:left;
	height: 298px;
	width:675px;
	margin: 0 0 0 221px;
	/*need the position: relative in order for the bodyBottom to be aligned to the bottom */
	position: relative;
}

#bodyMiddleLeft{
	float:left;
	width:180px;
	padding: 0 0 0 60px;
}

#bodyMiddleRight{
	padding:0 0 0 10px;
	margin: 0 0 0 250px;
	width:200px;
}

#bodyBottom{
	background-image:url(../images/homeMainBottom.jpg);
	background-repeat:no-repeat;
	height: 15px;
	width:675px;
	/*these 3 attributes allow the image to align to the bottom  */
	position: absolute;
	bottom: 0;
	right:0;
}

#footerLeft {
	background-color:white;
	width:221px;
	float:left;
}

#footerRight {
	background:white;
	width:655px;
	height:600px;
	margin: 0 0 0 221px;
	padding:10px 10px 10px 10px;
}


.loginBox {
	border:2px solid #005478;
	width:180px;
	padding:0 0 5px 3px;
	margin: 0px 0px 8px 0px;
}


/*
------------------------------------------------------
top Navigation
------------------------------------------------------
*/

#navigation {
	width:484px;
	padding-top:50px;
	margin:0 0 0 125px;
}
#navigation ul {
	padding:0 0 0 0;
	margin:0;
	list-style:none;

}

#navigation li {
	list-style:none;
	float:left;
	text-decoration:none;
}

/*
------------------------------------------------------
Internal Elements
------------------------------------------------------
*/

#headerContainer
{
	background-image:url(../images/headertopLeftbackground.jpg);
	height:100px;
}

#headerLeft{
	background-image:url(../images/headertopLeftbackground.jpg);
	height: 100px;
	width:221px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display: inline;
	clear:both;

}

#headerRight{
	background-image:url(../images/headerInternal.jpg);
	background-repeat:no-repeat;
		background-color:#ff9213;
	height: 100px;
	width:675px;
	margin: 0 0 0 221px;
	/*need the position: relative in order for the bodyBottom to be aligned to the bottom */
	position: relative;

}

#mainContainer{
	
	height:auto;
	background-color:white;
}

#internalBodyLeft{
	background-color:#fff;
	width:201px;
	float:left;
	height:auto;
	min-height:400px;
	padding: 10px 10px 10px 10px;

}

#internalBodyRight{
	background-color:#fff;
	width:655px;
	margin: 0 0 0 221px;
	/*need the position: relative in order for the bodyBottom to be aligned to the bottom */
	position: relative;
	height: auto;
	min-height:400px;
	padding: 10px 10px 10px 10px;
}
/*
------------------------------------------------------
DataGrid Elements
------------------------------------------------------
*/

.datagridGeneric {
	border:1px #6899BA solid;
	width:95%;
	border-collapse:collapse;
	
}

.tableHeader
{
	height: 30px;
	background-color:#99CCFF;
}
.tableAlt{
	background-color:#E5E9EF;
}

/*
------------------------------------------------------
Left Navigation
------------------------------------------------------
*/

ul.leftNavigation
{
margin: 0;
padding: 0;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
}

ul.leftNavigation li 
{
border-bottom:1px solid #ECECEC;
}

ul.leftNavigation a
{
background:#F1F1F1 none repeat scroll 0 0;
display:block;
padding:3px 10px;
}

/*
------------------------------------------------------
Headers
------------------------------------------------------
*/


h1{
	color:#316391;/* CUSTOMISE */
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:20px;
	font-weight:400;
	display:inline;
}

h2{
	color:#316391;/* CUSTOMISE */
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:20px;
	font-weight:400;
	display:inline;
	margin-bottom: 20px;	
	display: block;
}



h3{
	color:#316391;/* CUSTOMISE */
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	display:inline;
	margin-bottom: 20px;	
	display: block;
}


/*
------------------------------------------------------
Step System
------------------------------------------------------
*/

#steps {
	
	/*border:thin lime solid;*/
	padding:0 0 0 0;
	margin: -10px 0 0 281px;
	position:absolute;
	
}


#steps ul {
	list-style:none;

}

#steps li {
	list-style:none;
	float:left;
	text-decoration:none;
	
}



/*
------------------------------------------------------
Form Elements
------------------------------------------------------
*/

.buttonSmall {
    border: none;
    background: url('../images/buttonSmallBackground.gif') no-repeat top left;
    padding: 2px 8px;
    width:63px;
    cursor:pointer;
    height:23px;
   	font-size:x-small;
}
.buttonSmall:hover {
    border: none;
    background: url('../images/buttonSmallBackgroundOver.gif') no-repeat top left;
    padding: 2px 8px;
    width:63px;
    cursor:pointer;
    height:23px;
   	font-size:x-small;
}


.button {
    border: none;
    background: url('../images/buttonBackground.gif') no-repeat top left;
    padding: 2px 8px;
    width:109px;
    cursor:pointer;
    height:23px;
   	font-size:x-small;
}
.button:hover {
    border: none;
    background: url('../images/buttonBackgroundOver.gif') no-repeat top left;
    padding: 2px 8px;
    width:109px;
    cursor:pointer;
    height:23px;
   	font-size:x-small;
}

.buttonOrange {
    border: none;
    background: url('../images/buttonOrangeBackground.gif') no-repeat top left;
    padding: 2px 8px;
    width:109px;
    cursor:pointer;
    height:23px;
   	font-size:x-small;
}
.buttonbuttonOrange:hover {
    border: none;
    background: url('../images/buttonOrangeBackgroundOver.gif') no-repeat top left;
    padding: 2px 8px;
    width:109px;
    cursor:pointer;
    height:23px;
   	font-size:x-small;
}

.buttonLarge {
    border: none;
    background: url('../images/buttonLargeBackground.gif') no-repeat top left;
    padding: 2px 8px;
    width:227px;
    cursor:pointer;
    height:23px;
   	font-size:x-small;
}
.buttonLarge:hover {
    border: none;
    background: url('../images/buttonLargeBackgroundOver.gif') no-repeat top left;
    padding: 2px 8px;
    width:227px;
    cursor:pointer;
    height:23px;
   	font-size:x-small;
}

.input {
    border: 1px solid #878496;
    background: #EAEEF3;
   	padding:3px 3px 3px 3px;
   	font-size:x-small;
   	width:200px;
}

.inputLarge {
    border: 1px solid #878496;
    background: #EAEEF3;
   	padding:3px 3px 3px 3px;
   	font-size:x-small;
   	width:300px;
}

.input.small {
    width: 40px;
}

.inputClear {
    border: 1px solid #878496;
    background: white;
   	padding:3px 3px 3px 3px;
   	font-size:x-small;
   	width:200px;
}

.required 
{
	color:#FF3300;
	padding:3px 3px 3px 3px; 
	font-size:x-small; 
	vertical-align:middle;
	
}

/* NOTES ADD */

#notesAdd 
{
width: 650px;
padding-top: 20px;
}

#notesAdd .input 
{
margin-top: 10px;	
width: 650px;	
height: 50px;
}

#notesAdd #button
{
margin-top: 10px;	
width: 650px;	
text-align: right;
}

/* Study Plan */

#studyPlanDocuments 
{
	padding-top: 20px;
	padding-bottom: 20px;
}

#studyPlanDocuments #studyPlanDocumentUpload 
{
	padding-top: 20px;	
}

#studyPlansButtons 
{
	padding-top: 20px;
	padding-bottom: 20px;
}

#studyPlanCourses 
{
	padding-top: 20px;
	padding-bottom: 20px;	
}

/* VALIDATION */

.validation 
{
background: #F5F5F5;
padding: 10px;
border: 1px solid #EEEEEE;
margin-bottom: 10px;
font-size: 13px;
margin-top: 10px;
}

.validation ul 
{
padding:0;
margin: 0;
list-style: inside;
}

.validation ul li 
{
padding-top: 5px;
}

.buttonsRight
{
	text-align: right;
}

/* Fees Summary Page */

.feeRegion 
{
padding-top: 20px;
}

#feeTotal 
{
text-align: right;
padding-top: 30px;
padding-bottom: 30px;
font-size: 12px;
}

#adjustmentAddPanel 
{
}

/* Messagebox styling */

.messageBox 
{
background: #F5F5F5;
padding: 10px;
border: 1px solid #EEEEEE;
margin-bottom: 10px;
font-size: 13px;
}

.messageBox.information 
{
color: #009900;
}

.messageBox.warning 
{	
color: #ffd201;
}

.messageBox.error 
{
color: #ea0303;
}

/* Forgot password link */

a.forgotPasswordLink 
{
color: #ffffff;
}

/* Other items */
.box
{
 margin:-10px 0 0 420px;
 border: black 1px dashed;
 padding: 15px;
 background-color:#FEFC82;
 text-align:center;
 width:190px;
 position:absolute;
}

.textOrange
{
color:Orange;
}


.buttonRight {
	
	/*border:thin lime solid;*/
	padding:0 0 0 0;
	margin: -23px 0 0 500px;
	position:relative;
	
}