html, body {padding:0; margin:0; height:100%; font-family: 'Droid Sans', sans-serif;}

body {font-family: "Helvetica-Light", sans-serif; font-weight: normal; }

.NewsGothic {font-family: "NewsGothicMTPro", sans-serif; }


body {cursor:default;}
body {
	background: #FeFeFe ;
	text-align:justify;
}

#container
{
background:white;

	position:relative;
	top:20px;
	left:0px;
	
width: 80%;
height:auto !important;
/*height:100%;*/
min-height:100%;
margin: 0px auto;
padding:0;
color: #333;
line-height: 130%;
}

#top_bar
{
	height:10px;
	width:100%;
	background-color: rgb(255,225,68); /*#FFF5BF;*/
	background-image: linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%);
	background-image: -o-linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%);
	background-image: -moz-linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%);
	background-image: -webkit-linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%);
	background-image: -ms-linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(155,125,38)),color-stop(0.6, rgb(255,225,68)));
	left:0;
	top:0;
}

#top_bar_section
{
	float:right;
	height:10px;
	width:11.11%;
	background-color: #FFF5BF;
	background-image: linear-gradient(bottom, rgb(155,125,38) 0%, #FFF5BF 60%);
	background-image: -o-linear-gradient(bottom, rgb(155,125,38) 0%, #FFF5BF 60%);
	background-image: -moz-linear-gradient(bottom, rgb(155,125,38) 0%, #FFF5BF 60%);
	background-image: -webkit-linear-gradient(bottom, rgb(155,125,38) 0%, #FFF5BF 60%);
	background-image: -ms-linear-gradient(bottom, rgb(155,125,38) 0%, #FFF5BF 60%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(155,125,38)),color-stop(0.6, #FFF5BF));
	top:0;	
}

#top
{
padding: 0;
margin:0;
height:106px;
background-color: white;/*#FFF9DB;*/ /*#FFF5BF;*/ /*#FFE144;*/
color:#008887;
text-align:left;
overflow:hidden;

}

#top #Top_ICLEILogo {
	display:inline-block;
	float:left;
	padding:0;
	margin:0;
	top:0;
	padding-left:20px;
	height:100%;
	overflow:hidden;
}

#top #Top_ICLEILogo img { width: 111px; height: 76px; margin: 0 0 0 0; }


#top #Top_ICLEIBanner {
	display:inline-block;
	float:left;
	padding:0;
	margin:0;
	top:0;
	left:0;
	height:96px;
	width:270px;
	/*padding-left:20px;*/
	overflow:hidden;
}

#top #Top_ICLEIBanner img { width: 270px; height: 96px; margin: 10px 0 0 0; }

#top .Top_bar_CRV_container
{
	margin-top:15px;
	display:inline-block;
	/*float:right;*/
	position:fixed;
	top:20px;
	left:91%;
	background: white;
	
	height:90px;
	width:8%;
	max-width:80px;
	border-radius:10px;
	padding:5px;
	overflow:hidden;
	text-align:center;
	border:1px solid #008887;
}

#top .Top_bar_CRV_container img { width: 80px; height: 80px; margin: -5px 0 0 0; border-radius:10px }
#top .Top_bar_CRV_container p { padding:0; margin: -6px 0 auto auto; font-size:xx-small; color:#008887; }

#top #Top_PageTitle
{
	display:inline-block;
	display:none;
	position:relative;
	text-align:left;
	padding: 0;
	padding-left: 40px;
	top:10px;
	margin: 0;
	height:100%;
	color:black;
}

#top #Top_PageTitle #Top_PageTitle_title 
{ 
	position:relative;
	font-size:x-large; 
}

#top #Top_PageStat
{
	display:inline-block;
	display:none;
	position:relative;
	float:right;
	padding: 0 1%;
	margin: 0;
	top:10px;
	height:100%;
}

#top #Top_Greeting
{
	display:inline-block;
	position:relative;
	top:35px;
	float:right;
	padding: 0 1%;
	margin: 0;
	height:100%;
	text-align:right;
}

#top #Top_Greeting #LoginInfoTable
{
	position:relative;
	top:9px;
	font-size:x-small;	
}

#top #Top_Greeting #LoginInfoTable input
{
	font-size:90%;	
}

#top #Top_Greeting #LoginInfoTable #LoginInputButton
{
	font-size:xx-small;	
	position: absolute; 
	height: 0px; 
	width: 0px; 
	border: none; 
	padding: 0px;
}


#top #Top_Greeting #Top_Greeting_name
{
	font-size:large;
	padding-right:5px;
}

#top #Top_Greeting #logout a
{
	color:#008887;
	position:relative;
	top:-20px;
}

#top #Top_Greeting #logout
{
	padding-right:5px;
	font-size:x-small;
}


#top_nav
{
	/* position: absolute; top:-20px; left:0; right:0; */
	
	
padding: 0;
background-color: #FFF5BF;/*#FFF5BF;*/ /*#FFE144;*/
/*
background-image: linear-gradient(bottom, rgb(155,125,38) 0%, #FFF5BF 60%);
background-image: -o-linear-gradient(bottom, rgb(155,125,38) 0%, #FFF5BF 60%);
background-image: -moz-linear-gradient(bottom, rgb(155,125,38) 0%, #FFF5BF 60%);
background-image: -webkit-linear-gradient(bottom, rgb(155,125,38) 0%, #FFF5BF 60%);
background-image: -ms-linear-gradient(bottom, rgb(155,125,38) 0%, #FFF5BF 60%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(155,125,38)),color-stop(0.6, #FFF5BF));
*/
}

#top_nav table 
{	
	width:100%;
	text-align:center;	
	table-layout:fixed;
}

#top_nav table tr { height:20px; }

#top_nav table td {
	overflow:hidden;
	white-space:nowrap;
	border:1px solid transparent; 
	width:11.11%;
	font-size:x-small;
	text-transform:uppercase;
	height:20px;
	margin:0;
	padding:0;
	}

#top_nav table td a {
		display:block;
		height:100%;
		width:100%;
		color:black;
		color:inherit;
		text-decoration: none;
		cursor: pointer;
		}


#top_nav table td:hover {
	color:#008887;
	text-decoration: underline;
	cursor: pointer;
	}

#top_nav table td.selected{
	background: rgb(255,225,68);
/*	background-image: linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%);
	background-image: -o-linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%);
	background-image: -moz-linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%);
	background-image: -webkit-linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%);
	background-image: -ms-linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(155,125,38)),color-stop(0.6, rgb(255,225,68)));
*/	color:black;
	text-decoration: none;
	cursor: default;
	
	}


#rightnav
{
	display:block;
	float: right;
	width: 160px;
	min-height:100px;
	height:100%;
	border: 0px solid black;
	margin: 20px;
	/*margin-top:40px;*/
	padding: 1em;
	background:rgb(227,223,227);
	background-image: linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -o-linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -moz-linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -webkit-linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -ms-linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(161,161,161)),color-stop(0.6, rgb(227,223,227)));
	background: #fbe2a9 url(../images/body-bg.jpg) repeat-x 440px top;
}

#rightnav table
{
	font-size:0.8em;
}

#rightnav a
{
	color:black;
}
#rightnav a:hover
{
	color:#008887;
}


#bottomNav
{
	display:block;
	/*margin-top:40px;*/
	border-top:1px solid grey;
	border-bottom:1px solid grey;
	width:100%;
	background:rgb(227,223,227);
	background-image: linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -o-linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -moz-linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -webkit-linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -ms-linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(161,161,161)),color-stop(0.6, rgb(227,223,227)));
	background: #fbe2a9 url(../images/body-bg.jpg) repeat-x 440px top;
}
#bottomNav h3 {display:inline; padding-left:10px;}

#bottomNav table
{
	font-size:0.8em;
}

#bottomNav a
{
	color:black;
}
#bottomNav a:hover
{
	color:#008887;
}


#content
{
display:block;
margin-right: auto;
margin-left:auto;
padding: 1em;
max-width: 100%;
min-width: 300px;
min-height:300px;
padding:30px;
}

#content h2.content_heading 
{
	position:relative;
	display:inline-block;
}
#content h2 { color: #008887; } 
#content p { color:black; }

img.img_content_banner 
{
	width:100%;
}


#footer
{
clear: both;
margin: 0;
bottom:0;
padding: .5em;
height:10px;
color: #333;
padding-bottom:25px;
padding-right:50px;
}

#footer #content_leftbutton
{
	cursor:pointer;
	position:fixed;
	top:40%;
	left:-8%;
	margin-left:10%;
	display:inline-block;
	float:left;
	opacity:0.5;
	width: 0; 
	height: 0; 
	border-top: 70px solid transparent;
	border-bottom: 70px solid transparent;	
	border-right: 30px solid black;
	z-index:5001;
}

#footer #content_leftbutton_text
{
	position:relative;
	display:none;
	padding-left:30px;
	height:100%;
	color:white;
	padding-right:10px;
	top:10px;
	text-align:center;
}

#footer #content_rightbutton
{
	cursor:pointer;
	position:fixed;
	top:40%;
	right:-8%;
	margin-right:10%;
	display:inline-block;
	float:right;
	opacity:0.5;
	width: 0; 
	height: 0; 
	border-top: 70px solid transparent;
	border-bottom: 70px solid transparent;	
	border-left: 30px solid black;
	z-index:5001;
}

#footer #content_rightbutton_text
{
	position:relative;
	display:none;
	padding-right:30px;
	color:white;
	padding-left:10px;
	top:10px;
	text-align:center;
}

#footer a { color:white; text-decoration: none; }

#footer #content_leftbutton .twolines
{
	top:0px !important;
}
#footer #content_rightbutton .twolines
{
	top:0px !important;
}

#footer .button_notActive
{
	display:none !important;
}


#bottomBar
{
	position:relative;
	top:4px;
	height:16px;
	width:100%;
	background:#008887;
	background-image: linear-gradient(bottom, black 0%, #008887 60%);
	background-image: -o-linear-gradient(bottom, black 0%, #008887 60%);
	background-image: -moz-linear-gradient(bottom, black 0%, #008887 60%);
	background-image: -webkit-linear-gradient(bottom, black 0%, #008887 60%);
	background-image: -ms-linear-gradient(bottom, black 0%, #008887 60%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, black),color-stop(0.6, #008887));
	padding: 0;
	overflow: hidden;
}

#bottomBar #bottomBar_content
{
	color:lightgrey;
	position:relative;
	display:inline;
	float:right;
	padding: 0 20px;
	margin:0;
	top:-0.2em;
	overflow:hidden;
}

#bottomBar span { font-size:x-small; }

#bottomBar a
{
	color:white;
	text-decoration: none;
	cursor: pointer;	
}

#FloatOnTop_container 
{
	position:fixed;
	display:none;
	margin:0;
	padding:0;
	top:50%;
	left:0;
	height:100%;
	width:100%;
	margin-top:-25%;
	float:left;
	text-align:center;
}


.FloatOnTop_info
{
	display:inline-block;
	display:none;
	margin:0;
	padding:0;
	width:50%;
	height:50%;
	background:green;
	color:white;
	border:1px solid black;
}

.smallfont { font-size: small !important; }
.mediumfont { font-size: medium !important; }
.largefont { font-size: large !important; }
.xsmallfont { font-size: x-small !important; }
.xxsmallfont { font-size: xx-small !important; }
.xlargefont { font-size: x-large !important; }

.circle {
	position:absolute;
    background: #FFE144;
    width: 22px;
    height: 22px;
	top:10px;
	left:30px;
    border-radius: 50%;
}

.circle_heading {
	position:absolute;
	display:inline-block;
    background: #FFE144;
    width: 22px;
    height: 22px;
	top:-8px;
	left:-10px;
    border-radius: 50%;
	z-index:50;
}

.circle_subheading {
	position:absolute;
	display:inline-block;
    background: #FFE144;
    width: 16px;
    height: 16px;
	top:-5px;
	left:-7px;
    border-radius: 50%;
	z-index:50;
}

.circle_bullet
{
	position:relative;
	top:0px;
	display:inline-block;
    background: #FFE144;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.onTop {
	z-index:100;
	display:inline-block;
	position:relative;
}

.shiftright {
	padding-left:3em !important;
}

.shiftright_circle {
	margin-left:3em !important;
}

#footer .shiftleft {
	padding-right:160px;
}

#container .shiftdown 
{
	margin-top:40px;
}

.center { text-align:center; }

.leftfont {	text-align:left; }

.nomargin { margin:0; }

.p_nomargin p {	margin:0; }

.maxwidth400px { max-width:400px; margin:auto; }
.maxwidth500px { max-width:500px; margin:auto; }
.maxwidth600px { max-width:600px; margin:auto; }

a.a_nothingspecial 
{ 
	text-decoration: none; 
	cursor:pointer;
}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center; width:100%;}
#bottomBar .shiftleft {
	padding-right:30px;
}

.greenblack_Background
{
	background:#008887 !important;
	background-image: linear-gradient(bottom, black 0%, #008887 60%) !important;
	background-image: -o-linear-gradient(bottom, black 0%, #008887 60%) !important;
	background-image: -moz-linear-gradient(bottom, black 0%, #008887 60%) !important;
	background-image: -webkit-linear-gradient(bottom, black 0%, #008887 60%) !important;
	background-image: -ms-linear-gradient(bottom, black 0%, #008887 60%) !important;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, black),color-stop(0.6, #008887)) !important;
}

.lightgreenblack_Background
{
	background:lightgreen !important;
	background-image: linear-gradient(bottom, #008887 0%, lightgreen 60%) !important;
	background-image: -o-linear-gradient(bottom, #008887 0%, lightgreen 60%) !important;
	background-image: -moz-linear-gradient(bottom, #008887 0%, lightgreen 60%) !important;
	background-image: -webkit-linear-gradient(bottom, #008887 0%, lightgreen 60%) !important;
	background-image: -ms-linear-gradient(bottom, #008887 0%, lightgreen 60%) !important;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #008887),color-stop(0.6, lightgreen)) !important;
}

.GREENblack_Background
{
	background:green;
	background-image: linear-gradient(bottom, black 0%, green 60%) !important;
	background-image: -o-linear-gradient(bottom, black 0%, green 60%) !important;
	background-image: -moz-linear-gradient(bottom, black 0%, green 60%) !important;
	background-image: -webkit-linear-gradient(bottom, black 0%, green 60%) !important;
	background-image: -ms-linear-gradient(bottom, black 0%, green 60%) !important;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, black),color-stop(0.6, green)) !important;
}

.darkredblack_Background
{
	background:darkred !important;
	background-image: linear-gradient(bottom, black 0%, darkred 60%) !important;
	background-image: -o-linear-gradient(bottom, black 0%, darkred 60%) !important;
	background-image: -moz-linear-gradient(bottom, black 0%, darkred 60%) !important;
	background-image: -webkit-linear-gradient(bottom, black 0%, darkred 60%) !important;
	background-image: -ms-linear-gradient(bottom, black 0%, darkred 60%) !important;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, black),color-stop(0.6, darkred)) !important;
}

.yellowbrown_background
{
	background-color: rgb(255,225,68) !important;
	background-image: linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%) !important;
	background-image: -o-linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%) !important;
	background-image: -moz-linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%) !important;
	background-image: -webkit-linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%) !important;
	background-image: -ms-linear-gradient(bottom, rgb(155,125,38) 0%, rgb(255,225,68) 60%) !important;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(155,125,38)),color-stop(0.6, rgb(255,225,68))) !important;
}

.lightgreydarkgrey_background
{
	background-color: lightgrey !important;
	background-image: linear-gradient(bottom, darkgrey 0%, lightgrey 60%) !important;
	background-image: -o-linear-gradient(bottom, darkgrey 0%, lightgrey 60%) !important;
	background-image: -moz-linear-gradient(bottom, darkgrey 0%, lightgrey 60%) !important;
	background-image: -webkit-linear-gradient(bottom, darkgrey 0%, lightgrey 60%) !important;
	background-image: -ms-linear-gradient(bottom, darkgrey 0%, lightgrey 60%) !important;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, darkgrey),color-stop(0.6, lightgrey)) !important;	
}

.darkgreydarkgrey_background
{
	cursor: default;
}
.turquiosegrey_background
{
	background-image: linear-gradient(bottom, rgb(0,223,227) 0%, rgb(100,243,247) 60%) !important;
	background-image: -o-linear-gradient(bottom, rgb(0,223,227) 0%, rgb(100,243,247) 60%) !important;
	background-image: -moz-linear-gradient(bottom, rgb(0,223,227) 0%, rgb(100,243,247) 60%) !important;
	background-image: -webkit-linear-gradient(bottom,rgb(0,223,227) 0%, rgb(100,243,247) 60%) !important;
	background-image: -ms-linear-gradient(bottom, rgb(0,223,227) 0%, rgb(100,243,247) 60%) !important;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(0,223,227)),color-stop(0.6,rgb(100,243,247) )) !important;
}

.greyblack_background
{
	background-image: linear-gradient(bottom, black 0%, grey 60%) !important;
	background-image: -o-linear-gradient(bottom, black 0%, grey 60%) !important;
	background-image: -moz-linear-gradient(bottom, black 0%, grey 60%) !important;
	background-image: -webkit-linear-gradient(bottom, black 0%, grey 60%) !important;
	background-image: -ms-linear-gradient(bottom, black 0%, grey 60%) !important;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, black),color-stop(0.6,grey )) !important;
}

.silvergrey_background
{
	background-image: linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -o-linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -moz-linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -webkit-linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -ms-linear-gradient(bottom, rgb(161,161,161) 0%, rgb(227,223,227) 60%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(161,161,161)),color-stop(0.6, rgb(227,223,227)));
}


.NOSELECT
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.width100percent {width:100%}
.width80percent {width:80%}
.padding20px {padding:20px}

.hideobject {display: none !important;}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

.loginfail
{
	display:inline-block;
	position:fixed;
	z-index: 5000;
	right:5%;
	top:5%;
	background:white;
	border:1px solid #008887;
	border-radius:5px;
	padding:5px;
	font-size:medium;
}
.textJustify{text-align:justify;}
.sidemenuSR
{
	position:fixed;
	left:1%;
	width:8%;
	height:30px;
	font-size:small;
	border:1px solid #008887;
	color:black;
	border-radius:10px;	
	background:#FFE144;
	cursor:pointer;
}
.sidemenu1{bottom:250px;}
.sidemenu2{bottom:200px;}
.sidemenu3{bottom:150px;}
.sidemenu4{bottom:100px;}
.sidemenu5{bottom:50px;}

.changedtext {color:red;}
.userdetailsbutton {background: lightyellow; display:inline-block; padding:2px 5px; color:black; cursor:pointer; margin:0 10px; border:1px solid lightgrey;}
.userdetailsbutton:hover {background:#DE9B00;}
.addYear:hover {background:lightgreen;}