/* Global Elements */

* {
	margin : 0px;
	padding: 0px;
}

body {
	font-family: Arial, Verdana;
	font-size  : 14px;

}



.tmenu {
  font-family: Arial, Verdana;
  position: relative;
  float: left;
  font-size:16px;
  height:21px;
  background-color:#FFD;
  border-top: 1px solid #ffffff;
  padding: 5px 5px 5px 5px;
  text-align:center;
  color: #000088;
  margin-right:10px;
}

.tmenu a:hover {
	background-color:#EEC;
	text-decoration:underline;
}

.tmenu a {
  text-decoration: none;
  color: #000088;
  cursor:pointer;
}

.mmenu {
  font-family: Arial, Verdana;
  position: relative;
  float: left;
  font-size:14px;
  height:18px;
  background-color:#DDB;
  border-top: 1px solid #ffffff;
  padding: 2px 0px 2px 0px;
  text-align:center;
  color: #000088;
}

.mmenu a:hover {
	background-color:#EEC;
	text-decoration:underline;
}

.mmenu a {
	text-decoration: none;
  color: #000088;
  cursor:pointer;
}

.mainmenu {
	display:none;
	position:absolute;
	top:33px;
	
}

.mainmenu .tmenu {
	font-size:14px;
}



.textin {
	font-family: Calibri, Andale Mono, Arial;
	font-size  : 10px;
}

a {
	text-decoration: underline;
	color:#03C
	cursor         : pointer;	
}

a:hover {
	text-decoration: underline;	
}

a.dark {
	color: #CCCCCC;
}

/* Buttons */

.button {
	border     : 1px solid #999999;
	background : #FFFFFF;
	font-weight: bold;
	font-size  : 12px;
	padding    : 4px 10px;
	cursor     : pointer;	
}

.button3 {
	border     : 1px solid #999999;
	background : #FFFFFF;
	font-weight: bold;
	font-size  : 12px;
	padding    : 4px 10px;
	cursor     : pointer;
	width:180px;
}

.button3:hover {
	background: #CCCCCC;	
}

.button:hover {
	background: #CCCCCC;	
}

.button2 {
	border     : 1px solid #999999;
	background : #FFFF99;
	font-weight: bold;
	font-size  : 12px;
	padding    : 4px 10px;
	cursor     : pointer;
}

.button2:hover {
	background: #444444;	
}

/* Container */

#container {
	position    : relative;
	margin-left : auto;
	margin-right: auto;
	padding-top : 10px;
	width       : 1200px;
	background:#FFF;
	z-index:0;
}

#topmenu {
	position:absolute;
	top:73px;
	z-index:900;
	background-color:#FFF;
	width:1200px;
}

#information {
	position	: absolute;
	top:0px;
	background-color:#FFF;
	width	:1180px;
	font-size:14px;
	color:#663;
	float:left;
	padding-left:20px;
	padding-top:20px;
	z-index: -1;

}

#information a {
	cursor : pointer;
}
/* Elements Outside Of Main */

#head {
	position: relative;
	float   : left;
	width   : 1200px;
	height  : 63px;
	background:url('../images/hmenu.jpg') repeat-x;
}

#menublock {
	position:absolute;
	top:73px;
	left:0px;
	width:900px;
	height:32px;
	background:#cccccc;
	display:none;
	opacity:0.6;
}

#footer {
	position: relative;
	margin-left : auto;
	margin-right: auto;
	width:1200px;
	height:20px;
	color:#FFF;
	font-size:10px;
	line-height:20px;
	text-align:right;
	background:url('../images/bkgfoot.png') repeat-x;
}

#head #logo {
	position   : relative;
	float      : left;
	margin-left: 0px;
	height     : 60px;
	width      : 320px;
	background : url('../images/hvlogo.png') no-repeat;
}

#head div {
	position     : relative;
	float        : right;
	height       : 60px;
	padding-top	 : 14px;
	font-size 	 : 16px;
	padding-right: 10px;
	line-height  : 26px;
	color        : #FFFFFF;
	text-align   : right;
}

#head div a {
	color:#FFF;
	cursor:pointer;
}

/* Main Area */

#main {
	position  : relative;
	float     : left;
	border    : 1px solid #999999;
	background:url(../images/hgc.jpg) no-repeat left;
	background-size: 100% 100%;
	width     : 1000px;
	height    : 576px;
	overflow: hidden;
}

/* Sidebar Menu */

#menu {
	position    : relative;
	float       : left;
	width       : 330px;
	height      : 576px;
	margin-left: -330px;
}

#menu #dropdowns {
	position      : relative;
	float         : left;
	width         : 164px;
	margin-top    : 15px;
	padding-left  : 15px;
	padding-bottom: 10px;
	border-bottom : 1px solid #AAAAAA;
}

#menu #dropdowns select {
	padding      : 2px;
	width        : 150px;
	margin-bottom: 5px;
	height       : 22px;
}

#menu #pupils {
	position: relative;
	float   : left;
	width   : 179px;
	height  : 496px;
	overflow: auto;
}

#menu #pupils #class-options {
	position     : relative;
	float        : left;
	width        : 179px;
	height       : 90px;
	line-height  : 30px;
	text-align   : center;
	border-bottom: 1px solid #AAAAAA;
	cursor       : pointer;
	margin-top   : -93px;
}

#menu #pupils #class-options div {
	position: relative;
	float   : left;
	width   : 100%;
	height  : 30px;
}

#menu #pupils #class-options #register { background: url('../images/register.png'); border-bottom: 1px solid #AAAAAA; }
#menu #pupils #class-options #assign   { background: url('../images/assign.png'); }
#menu #pupils #class-options #markclass   { background: url('../images/markclass.png'); }

#menu #pupils #class-options div:hover, #menu #pupils #class-options div:active {
	background-position: bottom !important;
	color              : #FFFFFF;
}

#menu #pupils ul li {
	position     : relative;
	float        : left;
	width        : 170px;
	height       : 30px;
	line-height  : 30px;
	font-size    : 13px;
	border-bottom: 1px solid #AAAAAA;
	padding-left : 9px;
	cursor       : pointer;
}

#menu #pupils ul li.last {
	border-bottom: none;	
}

#menu #pupils li:hover {
	background: url('../images/pupil-hover.png') repeat-x bottom;
	color     : #FFFFFF;
}

#menu #pupils li.active {
	background: url('../images/pupil-hover.png') repeat-x top;
	color     : #FFFFFF;
}

/* Content Tabs */

#tabs {
	position: relative;
	float   : left;
	width   : 668px;
	height  : 30px;
	display	: none;
}

#tabs ul {
	width       : 440px;
	margin-left : auto;
	margin-right: auto;
	height      : 25px;	
}

#tabs ul li {
	position    : relative;
	float       : left;
	list-style  : none;
	display     : inline;
	height      : 25px;
	width       : 100px;
	cursor      : pointer;
	background  : url('../images/tab.png') no-repeat bottom;
	text-align  : center;
	color       : #FFFFFF;
	line-height : 24px;
	margin-right: 10px;
}

#tabs ul li:hover,#tabs ul li.active {
	background-position: top;
}

/* Main Content Area */

#content {
	position: relative;
	float   : left;
	width   : 624px;
	height  : 600px;
	padding-left : 20px;
	padding-top: 2px;

}

#information fieldset {
	padding      : 6px;
	border       : 1px solid #AAAAAA;
	margin-bottom: 6px;
	width:1000px;
	height:516px;
	overflow:auto;
}

#information #results-area fieldset {
	padding      : 6px;
	border       : 1px solid #AAAAAA;
	margin-bottom: 6px;
	width:640px;
	height:350px;
	overflow:auto;
}


#information fieldset legend {
	padding-left : 30px;
	padding-right: 30px;
	font-size:20px;
	color:#000;
}

#information fieldset select {
	padding: 3px;
}

#information table input, #information table select {
	padding    : 3px;
	width      : 20px;
	margin-left: 20px;
}

/* Tables */

table thead  {
	background   : #dddddd;
	color        : #000;
	text-align   : left;
	border-bottom: 1px solid #AAAAAA;
}

table thead th {
	height       : 20px;
	padding-left : 5px;
	padding-right: 5px;
	font-size	 : 14px;
}

table thead th.center, table td.center {
	text-align: center;	
}

table tr.highlight {
	background: #DDDDDD;	
}

table td {
	height       : 20px;	
	padding-left : 5px;
	padding-right: 5px;
}

table thead a {
	text-decoration	: none;	
	color			: #0000ff;
}

table thead a:hover {
	text-decoration : underline;
	color:#666;
	
}

table td a {
	text-decoration	: none;	
	color			: #000;
}

table td a:hover {
	text-decoration : underline;
	color:#666;
	
}

table tr.thin td {
	height: 20px !important;
}

table td.border {
	border-bottom: 1px solid #BBBBBB;
}

.todrag {
    display: inline-block;
    width: auto;
    overflow: hidden;
	padding-left: 3px;
}

.notodrag {
	 display: inline-block;
    width: auto;
    overflow: hidden;
	float:left;
}

.todrag div {
    display: block;
    float:left;
	height: 18px;
	margin-top:1px;
	margin-bottom:1px;
	background : #eee;
}
.notodrag div {
    display: block;
    width: 20px;
	height: 18px;
	background : #eee;
}

.highlight {
    padding: 5px;
    border: 2px dotted #fff09f;
    background: #fffef5;
}​
.button2 {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 8px 15px;
    border: 1px solid #ccc;
    text-align: center;
    background: #eee;
}
.row {
    display: block;
    width: 100%;
    height: auto;
}