/*
Colours in Use
~~~~~~~~~~~~~~
White			#FFFFFF
Medium Blue		#328DB4
Blue			#52B5E0
Light Blue		#D4ECF7
DarkBlue		#224D9C
Black			#000000
Red:			#FF3333
Purple			#9097FF
Plum			#902ESF
Grey:			#797979
Yellow			#FDB413
*/


/************************************************************************ Master   */

body
{
	background-color: #ffffff;
	font-family: Tahoma;
	font-size: 80%;	
	color: #000000;
	padding: 0px 0px 0px 5px;
	margin: 10px 0px 0px 5px;
}

td, th
{
	font-family: Tahoma;
	color:#000000;	
}

h1, h2
{
	color: #25328B;
}

h3, h4, h5, h6
{

}

table
{
	
}

p
{	

}

form, div
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

img
{	
	border-style: none;
}

a
{
	color: #5262D1;
}

a:hover
{
	color: #25328B;
}

a:visited
{
	color: #25328B;
}

tr > td, tr > th
{
	/*override for non-IE/Win browsers*/
	font-size: inherit;
}

/* Specific ID Based Styles*/
#container
{
	width: 762px;
}
	
.lowerCase
{
	text-transform: lowercase;
}


#content
{
	
}

#mainCol
{		
	
}

.left
{
	width: 512px;
	float: left;
}

.right
{
	width: 532px;
	float: right;	
}

#rightCol
{
	width: 239px;
	float: right;
}

#leftCol
{
	width: 210px;
	float: left;
	border-style: solid;
	border-width: 1px;
	border-color: #FF3333;
	margin: 0px 0px 5px 0px;
}




/***************************************************************************************** Header */

#header
{
	
}

#header h4
{
	display: none;	
}
#skipNav
{
	display: none;
}

#logos
{
	float: left;
}

#logos img
{
	margin: 0px 10px 0px 0px;
}

/******************************************************************************************** Nav */
#nav
{
	clear: both;	
}

/******************************************************************************** Functional Nav  */
#funcNav
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: right;
	clear: both;
}

#funcNav ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#funcNav ul li
{
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 0px;
	font-weight: bold;
}

#funcNav ul li.help
{
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 5px;
	border-color: #5262D1;
	border-style: solid;
	border-width: 1px;
}

#funcNav ul li span.help
{
	margin: 0px 0px 0px 5px;
	padding: 2px 7px 2px 7px;
	border-left-color: #5262D1;
	border-left-style: solid;
	border-left-width: 1px;
	color: #ff3333;
	font-family: Tahoma;
	font-weight: normal;
}

#funcNav ul li a
{	
	color: #797979;
}

#funcNav ul li.help a
{
	color: #000000;	
	text-decoration: none;
}

/************************************************************************************** Main Nav  */
#mainNav
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 2px 0px;
	clear: both;	
}

#mainNav ul
{
	width: 762px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;	
}

#mainNav ul li
{
	display: inline;
	background-color: #5262D1;
	background-image: url(../img/tab.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px 3px 2px 0px;
	float: left;
}

#mainNav ul li:hover
{
	background-color: #25328B;	
}

#mainNav ul li a
{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 3px 17px 3px 10px;	
	display: block;
}

hr
{
	height: 5px;
	width: 762px;	
	color: #25328B;
	background-color: #25328B;
	border-style: solid;
	clear: both;
	margin: 0px 0px 5px 0px;
}

.hrsmall
{
	height: 5px;
	width: 530px;	
	color: #25328B;
	background-color: #25328B;
	border-style: solid;
	clear: both;
	margin: 0px 0px 5px 0px;
}

/***************************************************************************************** Footer */
#footer
{	
	margin: 10px 0px 0px 0px;	
	width: 762px;	
}

#footerLeft
{
	float: left;	
}

#footerRight
{
	float: right;	
}

#footer img
{
	border-width: 0px 0px 0px 0px;
}
	
#footer h4
{
	display: none;
}

#footer a
{
	color: #000000;	
	font-weight: bold;
}

#footerMainNav ul, #footerFuncNav ul
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}

#footerMainNav ul li, #footerFuncNav ul li
{
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#version
{
	clear: both;
}

/***************************************************************************************** Global Style */

/* Welcome */
#welcome
{
	border-style: solid;
	border-width: 1px;
	height:170px;
	border-color: #5262D1;	
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 0px 0px;
	clear: left;
}

#welcome .left
{
	float: left;
}

#welcome .right
{
	float: right;
}

#welcome img
{
	float: left;
	border-right-color: #5262D1;
	border-right-width: 16px;
	border-right-style: solid;
	margin: 0px 15px 0px 0px;	
}

#welcome h1
{
	font-family: Tahoma;
	font-size: 160%;
	margin: 4px 0px 4px 0px;
	color: #5262D1;
}

#welcome h1 span.grey
{
	color: #797979;
}
#welcome span.left
{
      width:35%;
      float:left;
}
#welcome span.right
{

      width:65%;
      text-align:left;
}

#welcome h2
{
	font-family: Tahoma;
	font-size: 120%;
	margin: 4px 0px 4px 0px;	
}

#welcome p
{
	margin: 4px 0px 4px 0px;
}
/* welcome pilot*/

#welcomepilot
{
	border-style: solid;
	border-width: 1px;
	border-color: #5262D1;	
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 0px 0px;
	clear: left;
}

#welcomepilot h2
{
	font-family: Tahoma;
	font-size: 120%;
	margin: 4px 0px 4px 0px;
	padding: 15px 5px 0px 15px;	
}

#welcomepilot p
{
	margin: 4px 15px 4px 15px;
}

/* School Select */
.schoolSelect
{
	width: 215px;
	float: right;
	border-style: solid;
	border-width: 1px;	
	border-color: #5262D1;	
}

.schoolSelect h3
{
	border-bottom-style: solid;
	border-bottom-width: 1px;	
	border-bottom-color: #5262D1;
	background-color: #CED2F2;
	color: #25328B;	
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	font-size: 95%;
	text-transform: uppercase;
}

.schoolSelect p
{
	margin: 0px 0px 0px 0px;
	color: #25328B;	
	font-weight: bold;
	padding: 0px 5px 5px 5px;
	font-size: 95%;
}

.schoolSelect p a
{
	color: #25328B;
	font-weight: bold;
}

/* School Select Reduced */
.schoolSelectSingleLine
{
	width: 762px;
	float: right;
	text-align: right;	
}

.schoolSelectSingleLine h3
{
	color: #25328B;
	font-size: 95%;
	display: inline;
	font-weight: bold;	
}

.schoolSelectSingleLine p
{
	color: #25328B;
	font-size: 95%;
	display: inline;
	padding: 0px 0px 0px 5px;
}

.schoolSelectSingleLine p a
{
	color: #25328B;
	display: inline;
}

/* Latest News */
#latestNews
{
	border-style: solid;
	border-width: 1px;
	border-color: #5262D1;
	margin: 0px 0px 5px 0px;
}


#latestNews h3
{
	margin: 0px 0px 0px 0px;
	padding: 2px 6px 4px 6px;
	background-color: #5262D1;
	color: #ffffff;
}

#latestNews h3 a
{
	text-decoration: none;
	color: #ffffff;
}

#latestNews ul
{
	padding: 0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
}

#latestNews ul li, li.item
{
	list-style-type: none;
	padding: 8px 0px 8px 0px;
	border-bottom-width: 1px;
	border-bottom-color: #797979;
	border-bottom-style: solid;
}

#latestNews ul li.last
{
	border-bottom-style: none;
	border-bottom-color: #ff0000;
}

#latestNews ul li a
{
	color: #5262D1;
	font-weight: bold;
}

#latestNews ul li a:hover
{
	color: #25328B;
}

#latestNews ul li a:visited
{
	color: #25328B;
}

/* Latest News */
.divLatestNews
{
	border-style: solid;
	border-width: 1px;
	border-color: #5262D1;
	margin: 0px 0px 5px 0px;
}


.divLatestNews h3
{
	margin: 0px 0px 0px 0px;
	padding: 2px 6px 4px 6px;
	background-color: #5262D1;
	color: #ffffff;
}

.divLatestNews h3 a
{
	text-decoration: none;
	color: #ffffff;
}

.divLatestNews ul
{
	padding: 0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
}

.divLatestNews ul li, li.item
{
	list-style-type: none;
	padding: 8px 0px 8px 0px;
	border-bottom-width: 1px;
	border-bottom-color: #797979;
	border-bottom-style: solid;
}

.divLatestNews ul li.last
{
	border-bottom-style: none;
	border-bottom-color: #ff0000;
}

.divLatestNews ul li a
{
	color: #5262D1;
	font-weight: bold;
}

.divLatestNews ul li a:hover
{
	color: #25328B;
}

.divLatestNews ul li a:visited
{
	color: #25328B;
}

/* Crumb Trail */
#crumbTrailNavigation
{	
	padding:0px 0px 5px 0px;	
	margin: 0px 0px 3px 0px;				
	border-bottom: solid 1px #328DB4;	
	height:20px;
}

#crumbtrail
{
	float: left;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	font-weight: bold;		
}

#crumbtrail li
{
	color: #25328B;
	display: inline;
	margin: 0;
	padding: 0;
}

#crumbtrail li a
{
	color: #25328B;
	text-decoration: none;
}

#crumbtrail li a:hover
{
	color: #25328B;
	display: inline;
	text-decoration: underline;
}

/* Left Col */
#leftCol h1
{
	margin: 0px 0px 0px 0px;
	padding: 2px 6px 4px 6px;
	background-color: #FF3333;
	color: #ffffff;
	font-size: 120%;
}

#leftCol p
{
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 0px 0px;
}

#leftCol ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#leftCol ul li
{
	list-style-type: none;
	padding: 4px 6px 4px 6px;	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FF3333;
}

#leftCol ul li:hover
{
	background-color: #CED2F2;
}

#leftCol ul li.last
{
	border-bottom-style: none;
}

#leftCol ul li a
{
	color: #5262D1;
	font-weight: bold;
}

#leftCol ul li a:visited
{
	color: #25328B;
}

.datagridTable
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #25328B;
	border-collapse: collapse;
	margin: 0px 0px 5px 0px;
}


.schoolselectgridTable
{
	width: 100%;
	margin: 0px 0px 5px 0px;
}

.datagridHeaderStyle td
{
	border-style: solid;
	border-width: 1px;
	border-color: #25328B;
	background-color: #CED2F2;	
	border-collapse: collapse;
	color: #25328B;
	padding: 4px 6px 4px 6px;
	font-weight: bold;
}

.datagridItemStyle td
{
	border-style: solid;
	border-width: 1px;
	border-color: #25328B;
	border-collapse: collapse;
	vertical-align: top;
	padding: 4px 6px 4px 6px;
}

.datagridAlternatingItemStyle td
{
	border-style: solid;
	border-width: 1px;
	border-color: #25328B;
	border-collapse: collapse;
	vertical-align: top;
	padding: 4px 6px 4px 6px;
}

.datagridPageStyle td
{
	background-color: #CED2F2;
	border-style: solid;
	border-width: 1px;
	border-color: #25328B;
	border-collapse: collapse;
	padding: 4px 6px 4px 6px;
	color: #25328B;
}

.schoolselectgridPageStyle td
{
	padding: 4px 6px 4px 6px;
}

.datagridPageStyle td a
{
	color: #25328B;
}

.buttonColumn
{
	width: 75px;
}

.buttonLongColumn
{
	width: 150px;
}

.buttonShortColumn
{
	width: 20px;
}

/* Generic Input */
.button, .buttonColumn input
{
	background-color: #ffffff;
	color: #5262D1;
	border-color: #5262D1;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	width: 75px;
	font-family: Tahoma;
}

.button:hover, .buttonColumn input:hover
{
	background-color: #5262D1;
	color: #ffffff;
}

.buttonLong, .buttonLongColumn input
{
	background-color: #ffffff;
	color: #5262D1;
	border-color: #5262D1;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	width: 180px;
	font-family: Tahoma;
}


.button:hover, .buttonColumn input:hover
{
	background-color: #5262D1;
	color: #ffffff;
}

.buttonShort, .buttonShortColumn input
{
	background-color: #ffffff;
	color: #5262D1;
	border-color: #5262D1;
	border-width: 1px;
	border-style: solid;
	font-weight: normal;
	width: 20px;
	font-family: Tahoma;
}

.buttonShort:hover, .buttonShortColumn input:hover
{
	background-color: #5262D1;
	color: #ffffff;
}

.inputText
{
	width: 250px;
}

.inputMultiline
{
	width: 250px;
	height: 100px;
}

.inputMultilineLarge
{
	width: 532px;
	height: 100px;
}

.inputMultilinefeedbak
{
	width: 532px;
	height: 250px;
}

/* textField */

div.row 
{	
	clear:both;	
	width:99%;
	padding-top:2px;
	margin:5px 5px 5px 0px;			
}
div.searchrow 
{	
	clear:both;	
	width:10%;
}

div.row span.errorMessage
{	
	vertical-align:top;
}

label.inputLabel span
{	
	float:left;
	width:25%;
	text-align: right;
	margin:0px;
	padding:0px;	
}

label.inputUserLabel span
{	
	float:left;
	width:25%;
	text-align: right;
	margin:0px;
	padding-right:10px;	
}

label.inputUserPrintLabel span
{	
	float:left;
	width:12%;
	text-align: left;
	margin:0px;
	padding-right:10px;	
}

label.adminLabel span
{	
	width:25%;
	text-align: left;
	margin:0px;
	padding:0px;	
}

div.row label span.adminLabel
{
	float: left;
	width: 35%;
	text-align: left;
}

div.row label.labelBold
{
	font-weight:bold;
}

div.row span.formInput 
{
	float:right;
	text-align: left;
	margin:0 0 0 2px;
	width:70%;
}

div.row span.longInputfield 
{
	float:right;
	text-align: left;
	margin:0 0 0 2px;
	width:100%;
}
div.row span.usersearchleft
{
	float:right;
	text-align: left;
	margin:0 0 0 2px;
	width:10%;
}

div.row span.usersearchright
{
	float:right;
	text-align: left;
	margin:0 0 0 2px;
	width:50%;
}

div.row span.longInputfield 
{
	float:right;
	text-align: left;
	margin:0 0 0 2px;
	width:100%;
}

div.row input, div.row select, div.row textarea
{
	padding:0;
	margin:0;
	font-size:100%;	
} 

/* help /tutorial element style*/
div.ceText
{
	float:left;
	text-align: left;
	margin:0 0 0 2px;
}
div.ceLeftAlignText
{
	text-align: left;
	margin:0 0 0 2px;
}

div.ceRightAlignText
{
	text-align:right;
	margin:0 0 0 2px;
}

div.ceCenterText
{
	float:left;
	text-align:center;
	margin:0 0 0 2px;
}

div.ceJustifyText
{
	float:left;
	text-align:justify;
	margin:0 0 0 2px;
}
div.ceImageFloatLeft
{
	float:left;
	margin:0 0 0 2px;
}

div.ceImageFloatLeft img
{
	float:left;
	border:solid 1px #000000;
}

div.ceImageFloatRight
{
	float:right;
	margin:0 0 0 2px;
}

div.ceImageFloatRight img
{
	float:right;
	border:solid 1px #000000;
}

div.ceImageAndTextLeftAlignFloatLeft
{
	text-align:left;
	margin:0 0 0 2px;
}

div.ceImageAndTextLeftAlignFloatLeft img
{
	float:left;
	border:solid 1px #000000;
}

div.ceImageAndTextRightAlignFloatLeft 
{
	text-align:right;
	margin:0 0 0 2px;
}

div.ceImageAndTextRightAlignFloatLeft img
{
	float:left;
	border:solid 1px #000000;
}

div.ceImageAndTextCenterFloatLeft
{
	text-align:center;
	margin:0 0 0 2px;
}

div.ceImageAndTextCenterFloatLeft img
{
	float:left;
	border:solid 1px #000000;
}

div.ceImageAndTextJustifyFloatLeft
{
	text-align:justify;
	margin:0 0 0 2px;
}

div.ceImageAndTextJustifyFloatLeft img
{
	float:left;
	border:solid 1px #000000;
}

div.ceImageAndTextLeftAlignFloatRight
{
	text-align:left;
	margin:0 0 0 2px;
}

div.ceImageAndTextLeftAlignFloatRight img
{
	float:right;
	border:solid 1px #000000;
}

div.ceImageAndTextRightAlignFloatRight
{
	text-align:right;
	margin:0 0 0 2px;
}

div.ceImageAndTextRightAlignFloatRight img
{
	float:right;
	border:solid 1px #000000;
}

div.ceImageAndTextCenterFloatRight
{
	text-align:center;
	margin:0 0 0 2px;
}

div.ceImageAndTextCenterFloatRight img
{
	float:right;
	border:solid 1px #000000;
}

div.ceImageAndTextJustifyFloatRight
{
	text-align:justify;
	margin:0 0 0 2px;
}

div.ceImageAndTextJustifyFloatRight img
{
	float:right;
	border:solid 1px #000000;
}

.textField
{
	width: 510px;	
	background-color: white;
	color:#000000;	
	border:solid 1px #7f9db9;
}

.textArea
{
	width: 510px;	
	height:150px;
	background-color: white;
	color:#000000;	
	border:solid 1px #7f9db9;
	
}

/* Rich Edit Field*/
#bodyDiv
{
	border-right: #7f9db9 1px solid;
	border-top: #7f9db9 1px solid;
	overflow: auto;
	border-left: #7f9db9 1px solid;
	width: 510px;
	color: black;
	border-bottom: #7f9db9 1px solid;
	height: 300px;
	background-color: white;
	margin-top:5px;	
}


/* Error Message */
.errorMessage
{
	color: #ff0000;
}

.ks1
{
	display: none;
}
.textAreaHidden
{
	visibility:hidden;
}
/**********************************************************************/
#printleftCol
{
	width: 210px;
	float: left;
	margin: 0px 0px 5px 0px;
}

#leftbox
{
	width: 210px;
	float: left;
	
}

#printleftCol ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#printleftCol ul li
{
	list-style-type: none;
	/*padding: 4px 6px 4px 6px;	*/
	padding: 2px 6px 4px 6px;
}

#printleftCol ul li a
{
	color: #5262D1;
	font-weight: bold;
}
#printcontainer
{

}