trhtml, body{ 
 margin:10px; 
 padding:0; 
 text-align:center;
 font-family:Verdana, serif; 
} 


h1, h3 {
    font: bold 20px/20px Verdana, sans-serif;
	margin:0px;
	padding:0px;
	color:#12341b;
	margin-bottom:5px;
	}

h2 {
	font: 12px/20px Verdana, sans-serif;
	margin:0px;
	padding:0px;
	color:#000000;
	margin-top:8px;
	margin-top:8px;
	margin-left:20px;
}


h4
{
    font: bold 16px/16px Verdana, sans-serif;
	margin:0px;
	padding:0px;
	color:#12341b;
	text-decoration: underline;
	margin-top:20px;

}


h5 {
	margin:0px;
	padding:0px;
	color:#12341b;
	text-decoration: underline;
}

h6 {
	font: 12px/20px Verdana, sans-serif;
	margin:0px;
	padding:0px;
	color:#12341b;
}


 #subbar{ 
 margin-top:20px;
 margin-bottom:40px;
 height:23px; 
 border-bottom: 1px solid #AA4769;

 }

 #splbar{ 
 }

.body {
	margin:0px;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:22px;
	font: normal 11px Verdana, sans-serif;
}

.body1 {
	margin:0px;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:22px;
	font: normal 13px Verdana, sans-serif;
}

.indextitles {
	margin-top: 0px;
	margin-left: 6px;
	font: bold 13px Verdana, sans-serif;
	color: #12341b;
}

#ibox{ 
 height: 20px;
 font-size: 12px
 }

#indexlinks  {
	margin-top:0px;
	font: bold 13px Verdana, sans-serif;
	color: #12341b;
}


#indexlinks li {
	margin-bottom:4px;
	list-style-type: none;
	}
	

.message {
	margin: 100px;
	padding: 40px;
	font: normal 11px/24px Verdana, sans-serif;
	border: 1px dotted #666666;
	background-color: #FFFBD9;
	width: 60%;
}

.login {
	padding: 15px;
	font: normal 11px/24px Verdana, sans-serif;
	border: 1px dotted #666666;
	background-color: #FFFBD9;
	width: 300px;
	margin: 20px 0 100px 195px;
}

.login .instructions {
	font: normal 12px/18px Verdana, sans-serif;
	color: #12341b;
}

.info {
	margin-bottom:10px;
	padding:0;
	font: bold 11px Verdana, sans-serif;
}

/* HELP */
.messagehelp {
	margin: 10px;
	padding: 10px;
	font: normal 11px/24px Verdana, sans-serif;
	border: 1px dotted #666666;
	background-color: #FFFBD9;
	width: 85%;
}

#outerhelp{ 
 background-color:#d6e6db; /* center column colour */
 border-right: 1px solid #336699; 
 border-left: 1px solid #336699;
 border-top: 1px solid #336699; 
 border-bottom: 1px solid #336699;
 width: auto; 
 height: 500px; 

 } 


/* START - second example */

 /* set millions of background images */
#secondexample .rbroundbox    { 
	background: url(/images-sas/mnbx_bg.gif) repeat; 
	}

#secondexample .rbtop         { 
	background: url(/images-sas/mnbx_top.gif) repeat-x; 
}

#secondexample .rbtop div     { 
	background: url(/images-sas/crnr_mn_tl.gif) no-repeat top left; 
}

#secondexample .rbtop div div { 
	background: url(/images-sas/crnr_mn_tr.gif) no-repeat top right; 
}

#secondexample .rbbot         { 
	background: url(/images-sas/mnbx_bot.gif) repeat-x; 
}

#secondexample .rbbot div     { 
	background: url(/images-sas/crnr_mn_bl.gif) no-repeat top left; 
	}
	
#secondexample .rbbot div div { 
background: url(/images-sas/crnr_mn_br.gif) no-repeat top right; 
}

#secondexample .rbcontentwrap { 
	background: url(/images-sas/mnbx_l.gif) repeat-y; }

#secondexample .rbcontent     { 
	background: url(/images-sas/mnbx_r.gif) repeat-y right; 
}

 
 /* height and width stuff, width not really nessisary. */
#secondexample .rbtop div, #secondexample .rbtop, #secondexample .rbbot div, #secondexample .rbbot {
	width: 100%;
	height: 9px;
	font-size: 1px;
}

#secondexample .rbcontent  { 
	padding: 7px; 
	margin: 0px; 
	}
	
#secondexample .rbroundbox { 
	width: 300px; 
	margin: 1em auto;  
	}


/*  END  - second example */




/*-Boxes-------------------------------------------*/ 



.boxes {
	width: 310px; 
	padding: 0px;
	margin: 10px 0 10px 15px;
	float: left;
}


a.indexbox-left {
	background: #99CCCC;
	font-size: 15px;
	line-height: 18px;
	color: #FFFFFF;
	display: block;
	padding: 10px;
	margin: 0px 0px 30px 0px;
	border: 1px solid #009999;
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;
	width: 203px;	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 183px;
	height: 45px; 
}

html>body a.coursebox-left { 
	width: 183px; /* ie5win fudge ends */ 
}

a.indexbox-right {
	background: #FFCC66;
	font-size: 15px;
	line-height: 18px;
	color: #FFFFFF;
	display: block;
	padding: 10px;
	border: 1px solid #CC9900;
	margin: 0px 0px 30px 0px;
	text-decoration: none;
	text-align: left;
	width: 203px;	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 183px; 
	height: 45px;
}

html>body a.coursebox-right { 
	width: 183px; /* ie5win fudge ends */ 
}

a.indexbox-lowleft {
	background: #8AB8E6;
	font-size: 15px;
	line-height: 18px;
	color: #FFFFFF;
	display: block;
	padding: 10px;
	border: 1px solid #6699CC;
	margin: 0px 0px 30px 0px;
	text-decoration: none;
	text-align: left;
	width: 203px;	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 183px;
	height: 45px; 
}

html>body a.coursebox-lowleft { 
	width: 183px; /* ie5win fudge ends */ 
}

a.indexbox-lowright {
	background: #CC99CC;
	font-size: 15px;
	line-height: 18px;
	color: #FFFFFF;
	display: block;
	padding: 10px;
	border: 1px solid #996666;
	margin: 0px 0px 30px 0px;
	text-decoration: none;
	text-align: left;
	vertical-align: text-bottom;
	width: 203px;	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 183px;
	height: 45px; 
}

html>body a.coursebox-lowright { 
	width: 183px; /* ie5win fudge ends */ 
}

a.coursebox-left:hover, a.coursebox-middle:hover, a.coursebox-right:hover,a.coursebox-lowleft:hover, a.coursebox-lowmiddle:hover, a.coursebox-lowright:hover { background-color: #FFFFFF; color: #333333; }

/*-End Boxes-------------------------------------------*/ 

.formnotes {
	margin-bottom:10px;
	margin-left:160px;
	padding:0;
	font: normal 11px Verdana, sans-serif;
	color: #666666;
}

.selector {
	margin:0px;
	font: normal 11px Verdana, sans-serif;
	text-align: right;
}

.columnhead {
	padding:10px;
	font: bold 11px Verdana, sans-serif;
	background-color:#d6e6db;
	color:#333333;
}

.formheader {
	margin-left: 80px;
	margin-right: 80px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px;
	background-color: #FDF3A5;
	font: bold 11px Verdana, sans-serif;
	width:500px;
}

.formdetails {
	margin-left: 80px;
	margin-right: 80px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px;
	background:#F3F3E7;
	font: normal 11px/24px Verdana, sans-serif;
	width:500px;
}


.formcolumn {
	margin: 20px 0 20px 70px;
	text-align: left;
	width:578px;
}

.formcolumn .header {
	font: bold 17px Verdana, sans-serif;
	color: #12341b;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #666666;
	border-left: 0;
	padding: 0 0 5px 0;
}

.formcolumn .subheader {
	font: bold 12px Verdana, sans-serif ;
	background-color: #CCCCCC;
	border-top: 1px solid #999999;
	padding: 10px 5px 10px 20px;
	text-align: left;
	color: #333333;	
}

.formcolumn .apply {
	font: bold 12px Verdana, sans-serif ;
	background:#FFFBD9;
	padding: 10px 12px 10px 10px;
	text-align: right;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #999999;
	color: #333333;	
}

.formcolumn blockquote.first { 
	margin: 0; 
	padding: 0px 5px 15px 0;
	}
	
.formcolumn blockquote.grey { 
	margin: 0; 
	padding: 10px 5px 15px 0;
	background-color: #F3F3F3;
	font: normal 11px Verdana, sans-serif;	
	}
	
.formcolumn blockquote.blank { 
	margin: 0; 
	padding: 10px 5px 15px 0; 
	font: normal 11px Verdana, sans-serif;	
	}
	
.formcolumn blockquote.intro { 
	margin: 0; 
	padding: 10px 5px 15px 20px;
	background-color: #F3F3F3;
	font: normal 11px/18px Verdana, sans-serif;	
	color: #333333;
	}


#infocolumn {
	margin-left: 60px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0 0 15px 0;
	width: 538px;
	border-top: 2px solid #669900;
	border-bottom: 2px solid #669900;
	border-left: 0px;
	border-right: 0px;
	overflow: auto;
	position: relative;
	background-color: #F3F3F3;
}

#infocolumn .header {
	font: bold 11px Verdana, sans-serif;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #666666;
	border-left: 0;
}

#infocolumn .left {
	float: left;
	width:140px;
	text-align: right;
	font: normal 11px Verdana, sans-serif;
}

#infocolumn .right {
	float: left;
	width: 350px;
	font: bold normal 12px Verdana, sans-serif;
}

.statustext {
	color: #CC6600;
	font: bold 11px Verdana, sans-serif;
}


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

a:link
        {
    color: #CC3300;
    text-decoration: none;
    font: bold 11px Verdana, sans-serif;
    line-height: 14px;
}


a:visited
        {
    color: #CC3300;
    font: bold 11px Verdana, sans-serif;
	text-decoration: none;    
}


a:hover
        {
    color: #663333;
    text-decoration: none;
    font-weight: bold;
    text-decoration: underline;
}

a:active
        {
    color: #663333;
    text-decoration: none;
    font-weight: bold;
    text-decoration: underline;
}

a.contentlink:link{
color: #CC3300;
text-decoration: underline;
font-weight:normal;
font-size: 12px;
}

a.contentlink:active{
color: #CC3300;
font-weight:normal;
text-decoration:underline;
font-size: 12px;
}

a.contentlink:visited{
color: #CC3300;
font-weight:normal;
text-decoration: underline;
font-size: 12px;
}

a.contentlink:hover{
color: #CC3300;
font-weight:normal;
text-decoration: none;
font-size: 12px;
}

 
#pagewidth{ 
 width:760px; 
 text-align:left; 
 border: 0px #fff solid;
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
  
} 


/*-Form Styles-------------------------------------------*/ 

.formbutton { 
	font-size: 11px; 
	color: #CC0000; 
	font-weight: bold;
	width:53px;
	height:20px; 
	font-family: Verdan, sans serif; 
	background: url(/images-sas/btn_frm_bg.gif) no-repeat;
	text-decoration: none; 
}

 
/*-Header-------------------------------------------*/ 
 
#header{ 
 height:65px; 
 width:760px;
 background: url(/images-sas/header_hw.jpg) no-repeat; 
 }

 #header1{ 
 height:65px; 
 width:760px;
 background: url(/images-sas/header_hws.jpg) no-repeat; 
 }

 #header2{ 
 height:65px; 
 width:760px;
 background: url(/images-sas/header_hwm.jpg) no-repeat; 
 }

  #header3{ 
 height:65px; 
 width:760px;
 background: url(/images-sas/header_hwr.jpg) no-repeat; 
 }

/*-Header-search-------------------------------------------*/ 
 
#header-search{ 
 height:65px; 
 width:760px;
 background: url(/images/header-search.gif) no-repeat; 
 }
/*-Header STUDENT-------------------------------------------*/ 
 
#header_stu{ 
 height:65px; 
 width:760px;
 background: url(/images-sas/header_stu.jpg) no-repeat; 
 }
/*-Header TEACHER-------------------------------------------*/ 
 
#header_tea{ 
 height:65px; 
 width:760px;
 background: url(/images-sas/header_tea.jpg) no-repeat; 
 }
/*-Header REGISTRATION-------------------------------------------*/ 
 
#header_reg{ 
 height:65px; 
 width:760px;
 background: url(/images-sas/header_reg.jpg) no-repeat; 
 }
 
/*-Box-------------------------------------------*/   
 
#outer{ 
 background-color:#d6e6db; /* center column colour */
 border-right: 1px solid #12341b; 
 border-left: 1px solid #12341b;
 width: auto; 
 } 

 
/*-Footer-------------------------------------------*/ 
 
#footer{
 height:30px; 
 width:760px;
 background: url(/images-sas/footer.jpg) no-repeat; 
} 
 
#inner{margin:0; width:758px; }




/*-Main Tabs-------------------------------------------*/ 
 
#maintabcontainer {
	position: relative;
	width: 758px;
	height: 37px;
	padding: 0;
	margin: 0;
	background: #C3D5E6 url(/images-sas/bg_nav.gif) bottom repeat-x;	
	}

#maintab {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 37px;
	display: inline;
	overflow: hidden;
	width: 758px;
	}
	
#maintab li {
	margin: 0; 
	padding: 0;
	display: inline;
	font: bold 8px Verdana, sans-serif;
	list-style-type: none;
	}

#maintab a {
	float: left;
	padding: 37px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:37px; /* for IE5/Win */
	}
	
#maintab a:hover, #maintab a:active  {
	background-position: 0 -37px;
	}

#maintab a.selected  {
	background-position: 0 -74px;
	}
	
#thome a  {
	width: 78px;
	background: url(/images-sas/tab_home.gif) top left no-repeat;
	}
	
#tgroup a  {
	width: 113px;
	background: url(/images-sas/tab_grpmngmnt.gif) top left no-repeat;
	}

#tuser a  {
	width: 113px;
	background: url(/images-sas/tab_usrmngmnt.gif) top left no-repeat;
	}

#tclass a  {
	width: 108px;
	background: url(/images-sas/tab_clsmngmnt.gif) top left no-repeat;
	}

#trequest a  {
	width: 120px;
	background: url(/images-sas/tab_rqstmngmnt.gif) top left no-repeat;
	}
	
#tupsk a  {
	width: 81px;
	background: url(/images-sas/tab_upsk.gif) top left no-repeat;
	}	

#tlogout a  {
	width: 88px;
	background: url(/images-sas/tab_logout.gif) top right no-repeat;
	float: right;
	}

/*-End Main Tabs-------------------------------------------*/ 




/*-Main Layout-------------------------------------------*/
 
#maincol{ 
 float: left; 
 width: 718px; 
 position: relative;
 margin-top:20px;
 margin-bottom:30px;
 margin-right:10px;
 margin-left:10px;
 padding:0px;
 }

/*-End Main Layout-------------------------------------------*/ 




/*-Data Layout-------------------------------------------*/
 
#datacontainer{ 
 float: left; 
 width: 700px; 
 position: relative;
 border-left: 1px solid #999966;
 border-right: 1px solid #999966;
 border-bottom: 1px solid #999966;
 background:#FFF;
 }

/*-End Data Layout-------------------------------------------*/ 




/*-Data Label Layout-------------------------------------------*/
 
#datalabel{ 
 background-color:#E6E6C3;
 height:25px;
 width: 700px;
 }

/*-End Data Label Layout-------------------------------------------*/ 




/*-Data Status Layout-------------------------------------------*/
 
#datastatus{ 
 background-color:#F3F3E7;
 height:25px;
 width: 700px;
 border-top: 1px solid #999966;
 border-bottom: 1px solid #999966;
 }

/*-End Data Status Layout-------------------------------------------*/ 




/*-Data Navigator-------------------------------------------*/ 
 
#datanav{ 
 background-color:#FFF;
 width: 660px;
 margin:20px;
 font-size: 11px;
 }
 
#datanav .left{
 width: 235px; 
 float: left;
 text-align: left;
 margin:0;
 padding: 0px 0px 20px 15px;
 }
 
#datanav .midleft{
 width: 60px; 
 float: left;
 text-align: left;
 margin:0;
 padding: 0px 0px 20px 15px;
 }
 
#datanav .midright{
 width: 60px; 
 float: left;
 text-align: right;
 margin:0;
 padding: 0px 15px 20px 0;
 }
 
#datanav .right{
 width: 235px; 
 float: left;
 text-align: right;
 margin:0;
 padding: 0px 15px 20px 0;
 }

/*-End Data Navigator-------------------------------------------*/  




/*-Section Tabs-------------------------------------------*/ 
 
#sectiontab
{
padding: 3px 0;
margin: 0;
border-bottom: 1px solid #999966;
font: bold 11px Verdana, sans-serif;
width: 702px;
}

#sectiontab li
{
list-style: none;
margin: 0;
display: inline;
}

#sectiontab li a
{
padding: 6px 0.5em;
margin-left: 2px;
border: 1px solid #999966;
border-bottom: none;
background: #FFF;
text-decoration: none;
}

#sectiontab li a:link { color: #CC3300; }
#sectiontab li a:visited { color: #CC3300; }

#sectiontab li a:hover
{
color: #12341b;
background: #F3F3E7;
border-color: #999966;
}

#sectiontab li a#current
{
color: #12341b;
background: #E6E6C3;
border-bottom: 1px solid #E6E6C3;
}

/*-End Section Tabs-------------------------------------------*/ 




/*-Data Header-------------------------------------------*/ 
 
TABLE.dataheader
  { 
     font: bold 12px Verdana, sans-serif;
     background-color:#FFF;
     width:660px;
     border:0;
     margin:20px;
  }

  TH.dataheader
  {
     font: bold 12px Verdana, sans-serif;
     color: #12341b;
     background-color:#FFF;
     text-align:left;
     padding:0;
     height: 6px;
  }

  TD.dataheader
  {  
     font: normal 12px Verdana, sans-serif;
     color: #333333;
     padding:0;
     height: 6px;
  }

  
/*-End Data Header-------------------------------------------*/

/*-Data Table-------------------------------------------*/ 
 
TABLE.datatableSubject
  {
	font: bold 12px "Verdana", "sans-serif";
	background-color:#FFF;
	width:578px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
  }

/*-Data Table-------------------------------------------*/ 
 
TABLE.datatableTime
  {
	font: normal 12px "Verdana", "sans-serif";
	background-color:#FFF;
	width:578px;
	/*border-top: 1px solid #999999;*/
	border-bottom: 1px solid #999999;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
  }


/*-Data Table-------------------------------------------*/ 
 
TABLE.datatableT
  { 
     font: bold 12px Verdana, sans-serif;
     background-color:#FFF;
     width:540px;
     border-top: 1px solid #999999;
     border-bottom: 1px solid #999999;
     margin:0px;
  }


/*-Data Table-------------------------------------------*/ 
 
TABLE.datatable
  { 
     font: bold 12px Verdana, sans-serif;
     background-color:#FFF;
     width:660px;
     border-top: 1px solid #999999;
     border-bottom: 1px solid #999999;
     margin:20px;
  }

  TH.datatable
  {
     font: bold 12px/20px Verdana, sans-serif;
     color: #333333;
     background-color:#FDF3A5;
     padding:8px;
  }
  
  TR.datatablelabels
  { 
     background: #CCCCCC;
	 font: bold 12px Verdana, sans-serif;
  }


  TR.datatable1
  { 
     vertical-align:center;
     background:#F3F3E7;
	 font: normal 12px Verdana, sans-serif;
	 padding-top: 5px;
  }
  
  TR.datatable2
  { 
     vertical-align:center;
     background:#F3F3F3;
	 font: normal 12px Verdana, sans-serif;
	 padding-top: 5px;
  }
  
    TR.datatable3
  { 
     vertical-align:center;
     background:#F6BE76;
	padding-top: 5px;

  }
  
    TR.datatable4
  { 
     vertical-align: left;
     background:#F3F3F3;
	 font: normal 12px Verdana, sans-serif;
	 padding-top: 5px;
  }
  
  TR.datatableApply
  { 
     vertical-align:center;
     background:#FFFBD9;
  }

  TD.datatable
  {  
     font: normal 12px Verdana, sans-serif;
     color: #333333;
     padding:8px;
  }
  
  TD.datatable_1
  {  
     font: bold 12px Verdana, sans-serif;
     padding:5px;
	 text-align: center;
  }

  TD.datatable_2
  {  
     font: normal 12px Verdana, sans-serif;
     padding:3px;
	 text-align: left;

	 
  }
  TD.datatablelabels
  {  
     font: bold 12px Verdana, sans-serif;
     color: #333333;
     padding: 8px;
  }
  
  TD.datatableApply
  {  
     font: normal 12px Verdana, sans-serif;
     color: #333333;
     padding:12px;
     text-align: right;
  }

  
/*-End Data Table-------------------------------------------*/



/*-Time Sheet Navigator-------------------------------------------*/ 
 
#timesheetnav{ 
 background-color:#FFF;
 width: 390px;
 margin:10px;
 font-size: 11px;
 }
 
#timesheetnav .left{
 width: 105px; 
 float: left;
 text-align: left;
 margin:0;
 padding: 0px 0px 10px 10px;
 }
 
#timesheetnav .midleft{
 width: 50px; 
 float: left;
 text-align: left;
 margin:0;
 padding: 0px 0px 15px 15px;
 }
 
#timesheetnav .midright{
 width: 50px; 
 float: left;
 text-align: right;
 margin:0;
 padding: 0px 15px 15px 0;
 }
 
#timesheetnav .right{
 width: 105px; 
 float: left;
 text-align: right;
 margin:0;
 padding: 0px 15px 10px 0;
 }

/*-End Time Sheet Navigator-------------------------------------------*/  



/*-Time Sheet Header-------------------------------------------*/ 
 
TABLE.timesheetheader { font: bold 12px Verdana, sans-serif; background-color:#FFF; width:660px; border:0; margin:20px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; } TH.timesheetheader { font: bold 12px Verdana, sans-serif; background-color:#FFF; text-align:left; padding-left : 10px; height: 24px; background-color:#FDF3A5; } TR.timesheetheader3 { vertical-align:center; background:#FFFBD9; } TR.timesheetheader2 { vertical-align:center; background:#F3F3E7; } TR.timesheetheader { vertical-align:center; background:#F3F3F3; } TD.timesheetheader { font: bold 12px Verdana, sans-serif; color: #333333; padding: 5px; height: 24px; text-align: right; } TD.timesheetheader2 { font: bold 12px Verdana, sans-serif; color: #333333; padding: 5px; height: 24px; text-align: right; background-color:#E6E6E6; }

  
/*-End Time Sheet Header-------------------------------------------*/




/*-Time Sheet Table-------------------------------------------*/ 
 
TABLE.timesheettable
  { 
     font: normal 12px Verdana, sans-serif;
     background-color:#FFF;
     width:400px;
     border-top: 1px solid #999999;
     border-bottom: 1px solid #999999;
     margin:20px;
  }

  TH.timesheettable
  {
     font: bold 12px Verdana, sans-serif;
     color: #333333;
     background-color:#FDF3A5;
     text-align:left;
     padding:8px;
  }


  TR.timesheettable1
  { 
     vertical-align:center;
     background:#F3F3E7;
  }
  
  TR.timesheettable2
  { 
     vertical-align:center;
     background:#F3F3F3;
  }
  
  TR.timesheettableApply
  { 
     vertical-align:center;
     background:#FFFBD9;
  }

  TD.timesheettable
  {  
     font: normal 12px Verdana, sans-serif;
     color: #333333;
     padding:8px;
  }

  
/*-End Time Sheet Table-------------------------------------------*/
  
#floatleft { 
width: 400px;
float: left; 
padding-right: 20px; 
} 
#floatright {  
width: 220px; 
} 


#outer>#inner 
  { 
  	 border-bottom: 1px solid #FFFFFF; 
  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/