body {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
	border-style: none;
    border-color: inherit;
    
    
}

input[type=image] { border:none;}	
#nav {
	width: 200px;
	margin: 10px;
	margin-top: 20px;
	
	}
	
ul#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
ul#menu li a:link, ul#menu li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(../media/menu.gif);
	padding: 8px 0 0 10px;
	}
	
ul#menu li a:hover {
	color: #FF9834;
	background:  url(../media/menu.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
ul#menu .active  
    {
    color: #FF9834;
	background: transparent url(../media/menu.gif) 0 -32px !important;
	padding: 8px 0 0 10px;
	font-weight: bold;
	}
	
	
#tabs {
	float:right;
	width:100%;
	background:#efefef;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:right;
	background:url("../media/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}

#tabs a span {
	float:right;
	display:block;
	background:url("../media/tabright.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#FFF;
	}

#tabs a:hover {
	background-position:0% -42px;
	}
  	

#tabs a:hover span {
	background-position:100% -42px;
	}
.main-content
	{width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
	
.header-breadcrumbs { border-bottom: solid 1px silver; width:900px; height: 70px;}


.header-top {width:900px; height:80px; background:rgb(240,240,240) url(../media/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitelogo {width:60px; height:40px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url(../media/bg_head_top_logo.jpg); }
.sitename {width:400px; height:45px; position:absolute; z-index:1; margin:20px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:150%; color:rgb(42,90,138); font-family: Verdana, Arial; }

/********************/
/*  FOOTER SECTION  */
/********************/
.footer { clear: both; text-align: center; background-image: url(../media/background.gif); background-repeat:repeat-x; background-position:right; }
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-size:90%; font-family: Candara, Arial; }
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none;  color:Green;}
.footer a:visited {color:rgb(0,0,0);}

.left-nav
{
    width: 22%;
    padding: 4px;
    float: left;
}
.body-content
{
    width: 75%;
    padding: 2 4 4 5;
    float: right;
    margin-top: 1px;
    margin-right: 5px;
}


input, select, textarea 

{
    border: solid 1px #999999;
    font-family: sans-serif, Arial,Helvetica;
    font-size: 1em;
    line-height: normal;
       
}

input, textarea 

{
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}
inputbox:focus,input:focus,select:focus,textarea:focus{background-color:#FFC;color:#000;}


input.button
{
    background-position: #93B715 url(../media/chg.gif) repeat-x;
    font-weight: bold;
    width: 67px;
    height: 25px;
    background: #93B715 url(../media/chg.gif) repeat-x;
    color: #333300;
}

button:hover, input.button:hover 

{
cursor: pointer;
}

button.primary, input.button.primary
{
border: solid 1px;
border-top-color: #d5bd98;
border-left-color: #d5bd98;
border-right-color: #935e0d;
border-bottom-color: #935e0d;
background-color: #ffa822;
background: #ffa822 url(../image/header_back.gif) repeat-x scroll left; 
}

.calendar
{
  background-image: url(../media/cal.gif);
  background-position: center;
  height:16px;
  width: 16px;
  border: none;
  vertical-align: middle;
  
} 
.calender a{ border: none;}  

.details
    {
        margin-left: 5px;
        width: 90%;
        font-family: Tahoma, Arial, Helvetica;
	    font-size: 12px;
	    font-weight: normal;
	    color: #003366;
        border-collapse: collapse;
    }
.details th{border: solid 1px silver; border-collapse: collapse; background-image:url(../media/table-header-bg.gif); background-repeat: repeat-x; color: #003366; font-weight: normal; line-height:16px; }
.details td
    {
        /*text-align: left; */
        padding-left: 5px;
        line-height: 25px;
        font-family: arial, verdana;
        font-size: 12px;
        width: auto;
        border: solid 1px silver;
        border-collapse: collapse;
        
    }
    /* the sort header link */
.details th a 
{
    display:block;
    text-decoration:none;
    color:maroon;
}


/* alternating row style */
.details .alt-data-row { background-color:#E5F1F4; }

/* mouseover row style */
.details .row-over
{
    background-color: #66FF33;
}

/* mouseover row style */
.details .row-select 
{ 
    background:#BCE774;
    color:#555;
}
.login td
{
        line-height: 25px;
        font-family: arial, verdana;
        font-size: 12px;
 }
 .login_error
 {
     font-family: Tahoma, Arial, Helvetica;
	font-size: 13px;
	font-weight: normal;
	color:Red;
	line-height: 20px;
	text-align: left;
	border: solid 0.08em #c1dd31;
	margin: 2px 10px 2px 10px;
	width: 300px;
 }
.login_error ul { list-style:none}
.login_error ul li
{
    padding-left: 35px;
	line-height: 20px;
	background:transparent url(../media/arrow.png) no-repeat 18px 4px;
	
}

/* Use for input form */
.entryForm
    {
        
        width: 90%;
        font-family: Tahoma, Arial, Helvetica;
	    font-size: 12px;
	    font-weight: normal;
	    color: #003366;
        
    }
.entryForm th{ }
.entryForm td
    {
        /*text-align: left; */
        
        line-height: 25px;
        font-family: arial, verdana;
        font-size: 12px;
        width: auto;
        
    }
.datafield
    {
        font-family: Tahoma, arial; font-size: 1.2em !important; color: #CC6600;
    }
fieldset
{
    padding:10px;
}
    
.vSummary
{
    font-family: Tahoma, Arial, Helvetica;
	font-size: 13px;
	font-weight: normal;
	color:Red;
	line-height: 20px;
	text-align: left;
	padding: 5px 4px 3px 5px;
	border: solid 0.08em #c1dd31;
	margin: 2px 10px 2px 10px;
	
	
}
.vSummary ul {
	list-style: none;}
.vSummary ul li {
	padding-left: 35px;
	line-height: 20px;
	background:transparent url(../media/arrow.png) no-repeat 18px 4px;
 
}


.task {width:100%;
    margin: 0px 1px 1px 2px;
    font-family: Tahoma, Arial, Century Gothic;
    border: none;
    vertical-align: middle;
    text-align: center;
     }
 .task td
     { width: 200px;
       padding: 2px;
       height: 80px;
     }
.task a, .task a:visited{ 
    text-decoration:none;
    padding:0.2em 0.6em;
    border-right:1px solid white;
    font-family: Tahoma, Arial; color:Black; }
    
.task a:hover{ border-bottom:dotted thin silver; color:Green; }

.rsummary
    {
        font-size: 2.8 em;
        font-family: Tahoma, Arial, Verdana;
        padding: 3px;
        font-weight: bold;
        color: #003366;
        margin-bottom: 10px;
        vertical-align: middle;
        border: solid 0.1em silver;
    }
.mandatory
    {color:#FF0000; font-size:1.2em; font-weight:bold;}

 /* The following modifies the controls in the list table footer */
tr.footer td
{
    background: #dbddff;
    height: 1.5em;
}

/* The following modifies the selected row in the list table */
tr.selected td
{
    background: #fdffb8;
}

/* End: Tables */

/* The following modifies the page number control which exists under the main table */
div.pager
{
    padding: 0px;
    padding-left: 6px;
    padding-right: 6px;
}
span.results1
{
    float:left;
}
span.results2
{
    float:right;
}
/* The following modifies the results per page control which exists under the main table */
div.results
{
    display: inline;
    position: relative;
    padding: 0px;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: -1.75em;
    float:right;
}
/* Set's the appearance of the drop down control*/
.droplist
{
    padding: 0px;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: .95em;
    color: #666666;
}
/* Bottom hyperlink design*/
div.bottomhyperlink
{
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 100%;
    margin-top: -3px;
}
div.bottomhyperlink a:link,
div.bottomhyperlink a:visited
{
    color: #839ce7;
    text-decoration: none;

    font-family: Tahoma, Arial, Sans-Serif;

    font-size: 100%;

    margin-top: -3px;
}
div.bottomhyperlink a:hover
{

    color: #000099;

    text-decoration: underline !important;

    font-family: Tahoma, Arial, Sans-Serif;

    font-size: 100%;
}
div.bottomhyperlink img
{
    position: relative;
    top: 0em;
    padding-right: .4em;
    border: none;
}


/* Nifty corners used here */
div#nifty{ margin: 10px 5px;background: #E0F5EE; min-height:400px; }

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}  

.info
{border: dotted 1px maroon; color:Red; padding: 5px 0 0 40px; width: 90%; line-height:18px; margin: 0 10px 0 10px;
    -moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	background-image: url(../media/lightbulb_48.png);
	background-position: left;
	background-repeat:no-repeat;
	min-height:40px;
	vertical-align: middle;	 
}

.sideSummary{ border: solid 1px silver; padding: 4px;}   

div.messageBox.error {border-color:#ffcc00; padding-left:80px; background:#ffffcc url('/en_US/i/icon/icon_critalert.gif') no-repeat 20px 14px; color:#c60000;}
.controlPanel{ line-height:22px; vertical-align: middle;  padding-left:19px; background-image:url(../media/wheel.png); background-position: left; background-repeat: no-repeat;}

.autoCom
{
    margin: 8px 0px 0px 7px;
    border: 1px solid #FF99FF;
    padding: 1px 0px 1px 3px;
}

.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(media/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}
.feeSummary
{
    background-image:url(../media/03_16x16.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left:18px;
    line-height: 16px;
    
}
.library
{
    background-image:url(../media/file.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left:18px;
    line-height: 16px;
}
.studentInfo
{
    background-image:url(../media/user1.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left:18px;
    line-height: 16px;
    
}
.currentEnrolment
{
    background-image:url(../media/details.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left:18px;
    line-height: 16px;
 }
.prevEnrolment
{
    background-image:url(../media/prev_enrol.png);
    background-repeat: no-repeat;
    background-position: lef;
    padding-left:18px;
    line-height: 16px;
    
}
.attendance
{
    background-image:url(../media/checkname.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left:18px;
    line-height: 16px;
}

.ajax__tab_panel, .ajax__tab_outer, .ajax__tab_inner
{
    background-color:#E0F5EE;
    font-family: Tahoma, Arial, Helvetica;
	font-size: 1em;
	font-weight: normal;
	border: none;
}
.ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
    margin-top:10px;
    margin-right:0;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
    margin-top:10px;
    margin-right:0;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}
.printPanel
{
    text-align: left;
    padding:3px;
    margin-right:0;
    width: 30%;
    float:right;
    
}

.clear { clear: both;}
.announceTitle
{
    color: Maroon;
    padding-left: 25px;
    background: url(../media/21.png) no-repeat left center;
        
}
.meta {
	border-top: 1px dotted #CCCCCC;
	text-align: right;
	color: Gray;
	font-size: 9px;
}
.meta .comments
{
   padding-left: 15px;
	background: url(../media/02.png) no-repeat left center; 
}
.meta .user
{
   padding-left: 15px;
	background: url(../media/40.png) no-repeat left center; 
}