/* ------- GENERAL SITE ------- */
html {
margin: 0px;
padding: 0px;
}
body {
height: 100%;
width: 100%;
margin-left: 0%;
margin-top:0%;
padding: 0px;
background: white;
font-size:16;
font-family:Arial, Sans-Serif, Helvetica;
}
h3 {color: #333;}
hr {
border: none 0;
border-top: 1px solid #D1D1C7;
height: 1px;
}
a {
margin: 7px;
}
a img{
border: none;
}
ul {
list-style-type: none; /* suppression of useless elements */
width: 100%; /* precision for Opera */
}
li { float: left;} /* lists aligned to the left */

a {text-decoration:none}
a:link {color: #000 }
a:visited {color: #000;}
a:hover {color: #000; }
a:active {color: rgb(0, 96, 255) }
a.print {color: #75A1D0; font-family: arial; font-size: 12;}
a.list {color: #0F62BE; font-family: arial; font-size: 14;}
a.listred {color: #339900; font-family: arial; font-size: 14;}
a.list:active {color: #FFF; }

/* -------------------- CONTAINERS ------------------- */
div.main_body {
	border-top: 4px solid #ddd;
}

div.content{
margin:0 auto;
width:900px;
text-align: left;
height: 600px;
background: #FFF;
border:3px solid #333;
border-top:none;
padding-top: 15px;
padding: 5px;
}
div.left_cont{
float: left;
width: 45%;;
border: dotted 1px #ccc;
border-top: solid 3px #999;
padding: 5px;
margin-bottom: 10px;
}
div.right_cont{
float: right;
width: 45%;
background: #FFF url(../../Resources/top.jpg) top repeat-x;
border: dotted 1px #ccc;
border-top: solid 3px #999;
padding: 5px;
margin-bottom: 5px;
}
#leftpanel{
float: left;
border: none;
width: 220px;
background: #FFF;
padding: 5px;
margin-left: 0px;
}
#rightpanel{
float: left;
background: #FFF;
padding: 5px;
width: 600px;
border: none;
margin-left: 0px;
}
div.login{
background: #E8E8E8;
margin: 10px;
padding: 10px;
width: 500px;
border: solid 1px #CCC;
}

div.login_content{
float: center;
background: #FFF;
padding: 2px;
border: solid 1px #CCC;
width: 700px;
}


/* ------- TOP BAR ------- */
.TopBar {background-position: left bottom; text-align: center; padding-bottom: 1px; }
.TopBar .Header { width: 820px; margin-top: 0px; margin-right: auto; margin-left: auto; }

span.right_title{
text-align: right;
margin-left: 300px;
}
span.left_title{
text-align: left;
margin-left: 10px;
margin-right: 300px;
}

/* ------- FORM INPUT -------*/
input {
background-color: #FFF;
border: solid 1px #CCC;
color: black;
font-family: arial, verdana, ms sans serif;
font-size: 9pt;
text-align: left;
}
input.comments {
background-color: #FFFF99;
border: solid 1px #FFFF00;
color: black;
font-family: arial, verdana, ms sans serif;
font-size: 9pt;
text-align: left;
}

input.button {
background-color: #FFCC99;
border: solid 2px #9966CC;
color: black;
font-family: arial, verdana, ms sans serif;
font-size: 11pt;
}
textarea {
background-color: #FFF;
border: solid 1px #CCC;
color: black;
font-family: arial, verdana, ms sans serif;
font-size: 11pt;
font-weight: normal
}
fieldset {
margin-top: 2em;
border: 1px solid #CCCCCC;
padding: 1em;
background-color: #EEE;
}


/* ------- MENUS ------- */
.menu a {
margin: 0 2px;
width: 100px; /* definition of menu button size */
height: 20px;
float: left;
display: block;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #FFF;
}

.menu a:hover {
background: #ccc;
border: 1px solid gray;
}

.menu a:active {
background: gray;
border: 1px solid gray;
color: #fff;
}


/* ------- NOTES -------*/
div.note{
background: #99CCFF;
border: 1px solid #336;
font-family: arial, verdana, ms sans serif;
padding: 5px;
}

div.note2{
background: #FFFF99;
border: 1px solid #FC6;
font-family: arial, verdana, ms sans serif;
padding: 5px;
}
div.note_gray{
background: #F8F8F8;
border: 1px solid #DDD;
font-family: arial, verdana, ms sans serif;
padding: 5px;
}
div.note_mid_gray a{
font-size: 12px;
}

div.note_gray .note{
	font-size: 12px;
}

div.note_mid_gray{
background: #D3D3D3;
border: 1px solid #939393;
font-family: arial, verdana, ms sans serif;
padding: 5px;
}
div.note_dark_gray{
background: #737373;
border: 1px solid #636363;
font-family: arial, verdana, ms sans serif;
padding: 5px;
}
div.note_green{
background: #CCEEBB;
border: 1px solid #363;
font-family: arial, verdana, ms sans serif;
padding: 5px;
}
div.note_clear{
background: #FFF;
border: none;
font-family: arial, verdana, ms sans serif;
padding: 5px;
}
div.billboard{
background: #F9F9F9;
border: none;
font: 100% georgia, sans-serif;
border: 1px solid #DDD;
color: #555; 
padding: 5px;
margin-bottom: 5px; 
}
div.error{
background: #FFCC99;
border: 1px solid #FF9966;
font-family: arial, verdana, ms sans serif;
padding: 5px;
color: #FF3300;
}
h1.billboard_title{
        color: #111;
	font-size: 100%;
}
p.billboard{
        padding: none;
        padding-left: 20px;
}




.side{
empty-cells:show;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FFF;
color: #000;
border: none;
}
TD.side {
empty-cells:show;
padding:0px;
spacing: 0px;
border-spacing: 0px;
border: none;
text-align: right;
}
h4.rubberhdr {
height: 100px;
width: 100%;
margin: 0;
padding: none;
background: url("../../Resources/logo_back.jpg") top left repeat-x;
border: 1px solid black;
border-bottom: 1px solid black;
font: bold 12px/1 sans-serif;
}
span.menu_title{
width: 100%;
text-align:right;
font: 12px/1.5 Geneva, Arial, Helvetica, sans-serif;
color: red; 
}
div.student{
border: solid 1px #FFFF99;
background: #FFFFCC;
padding-bottom: 3px;
}
div.student_left{
align: left;
color: #0F62BE;
font-family: arial;
font-size: 14;
}
div.student_right{
align: right;
font-family: arial;
font-size: 14;
}
div.top_menu{
color: #FFF;
/*color: #2B3856;*/
font: 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
height: auto;
background: #333 /* url(../../Resources/top_bar.png) bottom left repeat-x */;
border-bottom: 2px solid #111;
width:100%;
padding: 5px 10px;

}
div.separator{
border: none;
width: 30px;
background: #FFF;
}

.delete{
	visibility: hidden;
}
div.center_column{
	margin:0 auto;
	width:720px;
	text-align: left;
	height: 100%;
  	background:  #222;
	border:3px solid #333;
	border-top:none;
}

#payment_list {
	font-size: 8pt;
}