/*General settings */
/*Body tag predefines body font size and color*/
BODY {
font-size : 12px; 
font-family : arial, verdana, Helvetica, sans-serif; 
color : #003300
} 

/*Default font setting*/
FONT {
font-size : 12px; 
font-family : arial, verdana, Helvetica, sans-serif; 
color : #003300;
} 

/*Default link setting */
A {
color : #003300; 
font-weight : bold;
text-decoration : underline;
; margin-top: 0px; margin-bottom: 2px
} 
A:hover {
color : #5DAB5D; 
} 

/*Default table cell font and size */
td {
color : #003300;
font-family : arial, verdana, Helvetica, sans-serif; 
font-size : 12px; 
; line-height: normal
}

/*Default table header font and size */
th {
color : #003300;
font-family : arial, verdana, Helvetica, sans-serif; 
font-size : 12px; 
; line-height: normal
}

/*Default form font */
FORM {
	font-family : arial, verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;

}

/*Default option setting*/
OPTION {
font-size : 9px; 
color : #003300; 
; font-variant: normal
}

/* Default paragraph setting, avoids blak line after enter, please do not change */
p { 
margin-top: 0px; 
margin-bottom: 0px;
line-height: 120%
}

/* Every tab has its style class if you are adding a new tab please add new tab class */
/* By default tab class is empty  */

.personal{

} 

.grading{

} 

.register{

} 

.account{

}

.admin{

}

.cart{

}

/* lighter shades */
.perslight{

} 

.gradlight{

} 

.reglight{

} 

.acclight{

}

.adminlight{

}

.errortitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.gradelighttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #e9d7c7;
}

/* Overriding P tag for tab classes */
/* Usage - use if you want backround color to mach tab color */
 
P.personal{
background-color: #a5c3a5;
} 

P.grading{
background-color: #d8baa0;
} 

P.register{
background-color: #a4bace;
} 

P.account{
background-color: #d5b2b2;
}
 
P.perslight{
background-color: #B6D0B6;
} 

P.gradlight{
background-color: #e9d7c7;
} 

P.reglight{
background-color: #c5d6e5;
} 

P.acclight{
background-color: #e7d1d1;
}

P.adminlight{
background-color: #f9e7a9;
}

P.admin{
background-color: #edd78b;
}

P.cart{
background-color: #BFD7FB;
}

/* Overriding TD tag for tab classes */
/* Usage - use if you want backround color to mach tab color */
 
td.personal{
background-color: #a5c3a5;
} 

td.grading{
background-color: #d8baa0;
} 

td.register{
background-color: #a4bace;
} 

td.account{
background-color: #d5b2b2;
}
 
td.perslight{
background-color: #B6D0B6;
} 

td.gradlight{
background-color: #e9d7c7;
} 

td.reglight{
background-color: #c5d6e5;
} 

td.acclight{
background-color: #e7d1d1;
}

td.adminlight{
background-color: #f9e7a9;
}

td.admin{
background-color: #edd78b;
}

td.cart{
background-color: #BFD7FB;
}

td.errortitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

td.gradelighttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #d8baa0;
}

/* Overriding TH tag for tab classes */
/* Usage - use if you want backround color to mach tab color */
 
th.personal{
background-color: #a5c3a5;
} 

th.grading{
background-color: #d8baa0;
} 

th.register{
background-color: #a4bace;
} 

th.account{
background-color: #d5b2b2;
}
 
th.perslight{
background-color: #B6D0B6;
} 

th.gradlight{
background-color: #e9d7c7;
} 

th.reglight{
background-color: #c5d6e5;
} 

th.acclight{
background-color: #e7d1d1;
}

th.adminlight{
background-color: #f9e7a9;
}

th.admin{
background-color: #edd78b;
}

th.cart{
background-color: #BFD7FB;
}


th.errortitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

th.gradelighttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #d8baa0;
}


/* Defining table vith border in color of tab */

table.personal {  
border: thin #a5c3a5 solid
}

table.grading {  
border: thin #d8baa0 solid
}
table.register{  
border: thin #a4bace solid
}
table.account {  
border: thin #d5b2b2 solid
}
table.perslight{
border: thin #B6D0B6 solid
} 

table.gradlight{
border: thin #e9d7c7 solid
} 

table.reglight{
border: thin #c5d6e5 solid
} 

table.acclight{
border: thin #e7d1d1 solid
}

table.adminlight{
border: thin #f9e7a9 solid
}

table.admin{
border: thin solid #800000
}

table.cart{
border: thin solid #BFD7FB
}

/* Error font */
.errorfont {  font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #800000; 
font-weight: bold
}

/* Error font */
.errorlight {  font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #800000; 
font-weight:
}

/* Error font */
.errorlightsmall {  font-family: Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #800000; 
font-weight:normal
}
.transfont {  font-family: Courier; font-size: 12px; font-weight: normal}
.bigfont {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold}
.smallfont { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal}
.invisible {  font-size: 9px; color: #ffffff}

/*Default link invisible setting */
A.invisible {
color : #ffffff; 
margin-top: 0px; margin-bottom: 2px
} 
A.invisible:hover {
color : #ffffff; 
} 
.helptitle {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFD9;
}
td.help {
	background-color: #FFFFD9;
}
table.help {
	border: thin solid #FFFFD9;
}

td.radio {
	padding: 5px;
}