@charset "UTF-8";
/* CSS Document */

/* Browser reset styles
------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;font-weight:normal;}
fieldset,img, img a {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal}
caption,th {text-align:left}
q:before,q:after {content:''}
abbr,acronym {border:0}

/* Layout styles
------------------------------------------------------ */

html {margin:0;padding:0;}
body {
	font: 13px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align:center;
	margin:0;
	padding:0;
	background:url(/images/tile_bck.gif) repeat-x #b0b0b0;
}
.plain {
	font: 13px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align:left;
	margin:0;
	padding:0;
	background: none;
}
p {
	font: 13px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 5px 5px 5px 10px;
}
p#about {
	font: 13px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 10px 0px 0px 0px;
}
ul#about {
	padding: 0px 0px 0px 20px;
}
li#about {
	padding: 20px 0px 0px 0px;
	float: none;
}
p#aboutHeader {
	font: 13px Arial, Helvetica, sans-serif;
	color: #4f709f;
	padding: 10px 0px 0px 0px;
}
b#aboutHeader {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4f709f;
	padding: 10px 0px 0px 0px;
}
h3 {font-size: 16px;
    font-weight:bold;
}
h3#aboutHeader {
	color: #4f709f;
	padding: 25px 0px 0px 0px;
}
h3#terms {font-size: 15px;
    font-weight:bold;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color:#666666;
	background: #cad9e7;
	padding: 5px 5px 5px 10px;
	border: 1px solid #cccccc;
}
h2#notes {
	font-size: 15px;
	font-weight: bold;
	font-color:#666666;
	background: #cde3ad;
	padding: 5px 5px 5px 10px;
	border: 1px solid #cccccc;
}

.classHeader {
	font-size: 14px;
	font-weight: bold;
	color:#666666;
}
h2#bookmark {
	font-size: 15px;
	font-weight: bold;
	font-color:#8f7f5d;
	background: #fddf9c;
	padding: 0px 5px;
	border: 1px solid #cccccc;
}
#blog {
	background-color: #CAD9E7;
	color: #666666;
	font-size: 13px;
	padding: 7px;
}
#blog a {
	text-decoration:underline;
}
.boldText {
	font-weight: bold;
}
h1 {
	font-size: 20px;
}

a {color: #666666; outline: none}
div#container {text-align:left}
div#content {padding: 0 20px 20px 20px;}
div#content p {line-height:21px;}

td#admin{text-align:left; padding: 5px;}
th#admin{font-weight:bold; text-align:left; padding: 5px;}

/*
div#content a:hover {background: #004E7D; color: #fff}
*/

div#foot{clear:both;width:100%}

/* Page styles
------------------------------------------------------ */
.login {font-size: 16px;  font-family:Arial, Helvetica, sans-serif; color: #FFFFFF;} 

#searchButton {
	width: 43px;
  	height: 27px;
  	border: 0;
  	text-indent: 9999em;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}

.text {
	font: 13px Arial, Helvetica, sans-serif;
	color: #666666;
}
.breadcrumb {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
}

.error {
	font: 13px Arial, Helvetica, sans-serif;
	color: red;
}
.searchText {
	font: 17px Arial, Helvetica, sans-serif;
	color: #4f709f;
}
#nextPrevText {
	font: 13px Arial, Helvetica, sans-serif;
	color: #4f709f;
	text-decoration:none;
}
a:hover#nextPrevText {
	text-decoration:underline;
}
#pageText {
	font-weight: bold;
	color: #4f709f;
	text-decoration:none;
}
a:hover#pageText {
	text-decoration:underline;
}
.selectedText {
	color: #666;
	font: 15px Arial, Helvetica, sans-serif;
}
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
}
.admin {
	font: 24px Arial, Helvetica, sans-serif;
	color: red;
}
.loginText {
	font: 15px Arial, Helvetica, sans-serif;
	color: #6a9130;
}
.rememberMeText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #6a9130;
	padding: 0px 20px 0px 20px;
}
.blueText {
	color: #4f709f;
}
.lastLogin {
	font: 13px Arial, Helvetica, sans-serif;
	color: #4f709f;
}
.bookmark {
	font: 13px Arial, Helvetica, sans-serif;
	color: #8f7f5d;
}

div#content p {
	line-height:21px;
}


.whiteText {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}
.testColor {
	color: #e9eef2;
}
#notes-wrapper{
	width: 450px;
	height: 287px;
	clear:left;
	background: #e9eef2;
	padding: 10px;
}
#student-wrapper{
	width: 430px;
	clear:left;
	background: #e9eef2;
	padding: 10px;
}


.notesHeader{
	background: #FFFFFF url(/images/tp_bxcurve.gif) no-repeat top center;
	height:10px
}

.notesFooter{
	background: url(/images/btm_bxcurve.gif) no-repeat bottom center;
	height:10px;
}


#notes {
	background: #FFFFFF;
	
}


.box {
	padding: 6px;
}
li.box {
	text-align: left;
	margin-left: 30px;
}

#main {
	width: 900px;
	float: center;
	background: #e9eef2;
	padding: 3px;
	margin-left: 10px;
}


#mainBox{
	width: 890px;
	clear:left;
	background: #e9eef2;
	padding: 5px;
}

.mainHeader{
	background: url(/images/tp_content.gif) no-repeat top center;
	height:10px;
}

.mainFooter{
	background: url(/images/btm_content.gif) no-repeat bottom center;
	height: 10px;
}
.content{
	background: #FFF;
	display:table;
	width: 890px;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.test {
	width: 620px;
	vertical-align: top;
	padding: 20px 20px 0px 0px;
	text-align: left;
	display: table-cell;
	float: left;
	min-height: 380px;
}
.ads{
	width: 150px;
	vertical-align: top;
	text-align: center;
	padding: 295px 27px 0px 0px;
	border-width: 0px 0px 0px 0px;
}

.easyNav {
	float:left;
	padding: 5px 5px 5px 30px;
}
.nav {
	float: right;
	padding-top: 2px;
	padding: 5px 30px 5px 5px;
}

#school {
	background: #FFFFFF;
	display:table;
	width: 500px;
	padding: 5px 5px 5px 5px;
	color: #000000;
}
.row {
	display: table-row;
}
.row div {
	display: table-cell;
}
.header {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}
.header div {
	display: table-cell;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.schRow {
	width: 260px;
	vertical-align: top;
	text-align: left;
	display: table-cell;
}
.cityRow {
	width: 160px;
	vertical-align: top;
	text-align: left;
	display: table-cell;
}
.schAddRow {
	width: 80px;
	vertical-align: top;
	text-align: left;
	display: table-cell;
}
#section {
	background: #FFFFFF;
	display:table;
	width: 600px;
	padding: 5px 5px 5px 5px;
	color: #000000;
}
.section {
	background: #FFFFFF;
	width: 600px;
	padding: 5px 5px 5px 5px;
	color: #000000;
}
#comment {
	background: #FFFFFF;
	display:table;
	width: 600px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #cdd5df #cdd5df #cdd5df #cdd5df;
}
#ratingMain {
	background: #FFFFFF;
	display:table;
	width: 600px;
	padding: 0px 0px 0px 0px;
	color: #000000;
}
#rating {
	display:table;
	width: 270px;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #cdd5df #cdd5df #cdd5df #cdd5df;
}
.rating {
	width: 270px;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #cdd5df #cdd5df #cdd5df #cdd5df;
	vertical-align: top;
}
#fileRatingTbl {
	display:table;
	width: 270px;
	border-width: 0px 0px 0px 0px;
}
.fileRatingRow {
	border-width: 0px 0px 0px 0px;
	display: table-row;
}
.fileRatingRow div {
	display: table-cell;
}
#ratingNoBotBorder {
	display:table;
	width: 270px;
	border-width: 1px 1px 0px 1px;
	border-style: solid solid solid solid;
	border-color:  #cdd5df #cdd5df #FFFFFF #cdd5df;
}
#ratingNoTopBorder {
	display:table;
	width: 270px;
	border-width: 0px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color:  #FFFFFF #cdd5df #cdd5df #cdd5df;
}
.ratingNoBorder {
	width: 270px;
}
.ratingRow {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-color: #cdd5df #cdd5df #cdd5df #cdd5df;
	-moz-border-radius: 0px 0px 0px 0px;
	display: table-row;
	font-weight: bold;
	float: left;
}
.flagRow {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-color: #cdd5df #cdd5df #cdd5df #cdd5df;
	font-weight: bold;
	vertical-align: top;
}
.ratingRow1 {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-color: #cdd5df #cdd5df #cdd5df #cdd5df;
	background-color: #e9eef2;
	-moz-border-radius: 0px 0px 0px 0px;
	font-weight: bold;
}
.ratingRow2 {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-color: #cdd5df #cdd5df #cdd5df #cdd5df;
	background-color: #e9eef2;
	-moz-border-radius: 0px 0px 0px 0px;
}
.flag {
	display:table-row;
	vertical-align: center;
}
.commentRow {
	border-width: 1px;
	padding: 5px;
	border-color: #cdd5df;
	background-color: #e9eef2;
	-moz-border-radius: 0px;
	font-weight: bold;
}
.noteRow {
	padding: 5px;
	background-color: #e7f2d7;
	-moz-border-radius: 0px;
	font-weight: bold;
}
.noteRow2 {
	padding: 5px;
	background-color: #e7f2d7;
	border-color: #cde3ad;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: right;
}
.commentRow2 {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-color: #cdd5df #cdd5df #cdd5df #cdd5df;
	background-color: #e9eef2;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: right;
}
.commentInner {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-color: #cdd5df #cdd5df #cdd5df #cdd5df;
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
}
.commentInner div {
	display: table-cell;
}
.commentRow div {
	display: table-cell;
	font-weight: bold;
}
#ratings {
	background: #FFFFFF;
	display:table;
	width: 300px;
	padding: 5px 5px 5px 5px;
	color: #000000;
}

#ads {
	background: #FFFFFF;
	display:table;
	width: 150px;
	padding: 20px 5px 5px 5px;
	color: #000000;
	border:0px;
	vertical-align: top;
	text-align: center;
}

.button {
	border: 1px 1px 1px 1px;
	border-color: #c0cee8;
	background: #4e6e9d;
	font: 13px Arial, Helvetica, sans-serif;
	color: #c0cee8;
}
.sortable {
	border: 3px 3px 3px 3px;
	padding: 0px 0px 0px 0px;
}
.sortable th{
	background: #cde3ad;
	font-weight: bold;
}

#noteBox {
	border: 1px;
	border-color: #cccccc;
	border-style: solid;
	border-collapse: separate;
	padding: 0px;
	border-spacing: 2px;
}
#noteBox th{
	background: #e1f6c3;
	padding: 5px 0px 5px 5px;
}

#noteBox tr{
	border: 1px;
	border-color: #cccccc;
	border-style: solid;
}
#noteBox td{
	border: 1px;
	border-color: #cccccc;
	border-style: solid none none none;
}

#noteBox2 {
	border: 1px;
	border-color: #cccccc;
	border-style: solid;
	border-collapse: separate;
	padding: 0px;
}
#noteBox2 th{
	background: #e1f6c3;
	padding: 5px 0px 5px 5px;
}

#blueBox th{
	background: #e9eef2;
	padding: 5px 0px 5px 5px;
}

#box {
	border: 1px;
	border-color: #cccccc;
	border-style: solid;
	border-collapse: separate;
	padding: 0px;
}
#box th{
	padding: 5px 0px 5px 5px;
}

#box tr{
	border: 1px;
	border-color: #cccccc;
	border-style: solid;
}
#box td{
	border: 1px;
	border-color: #cccccc;
	border-style: solid none none none;
}

.line {
	position: relative;
	bottom: -20px;
	
}
#innerNoteBox {
	padding: 0px;
}
#innerNoteBox td{
	padding: 0px;
	border: 0px;
}
#innerNoteBox tr{
	outline-width: 0px;
}
.sortable td{
	padding: 5px 0px 5px 5px;
}
.notSortable {
	padding: 0px;
	border: 1px;
	border-color: #cccccc;
	border-style: solid;
	border-collapse: separate;
}
.notSortable th{
	background: #e9eef2;
	font-weight: bold;
	padding: 5px 0px 5px 5px;
}
.notSortable td{
	padding: 5px 5px 5px 5px;
}
#bookmark {
	border: 1px;
	padding: 0px;
	border-color: #cccccc;
	border-style: solid;
	border-collapse: separate;
}
#bookmark th{
	background: #fef2d7;
	font-weight: bold;
	font-color: #8f7f5d;
	padding: 5px 0px 5px 5px;
	border-collapse: separate;
}
#bookmark td{
	padding: 5px 5px 5px 5px;
	font-color: #8f7f5d;
	border-collapse: separate;
}
.notSortableBookmark {
	border: 1px;
	padding: 0px;
	border-color: #cccccc;
	border-style: solid;
	border-collapse: separate;
}
.notSortableBookmark th{
	background: #fef2d7;
	font-weight: bold;
	font-color: #8f7f5d;
	padding: 5px 0px 5px 5px;
	border-collapse: separate;
}
.notSortableBookmark td{
	padding: 5px 5px 5px 5px;
	font-color: #8f7f5d;
	border-collapse: separate;
}
.newClass {
	padding: 0px;
	border-width: 1px 1px 0px 1px;
	border: 1px;
	border-color: #cccccc;
	border-style: solid;
	border-collapse: separate;
}
.newClass td{
	padding: 15px;
	border-width: 0px 0px 1px 0px;
	border-color: #cccccc;
	border-style: solid;
}
.innerBox {
	padding: 0px;
	border-width: 0px;
	border: 0px;
}
.innerBox td{
	padding: 0px;
	border-width: 0px;
}
.horizontalcssmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
	position: relative;
	display: inline;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	background: #cad9e7;
	border-collapse: collapse;
}

#settings {
	background: #4f709f;
}
#settings a:hover{
	background: #cad9e7;
	color:  #666666;
}
#settings ul li a{
	background: #cad9e7;
	color:  #666666;
}
#settings ul li a:hover{
	background: #4f709f;
	color:  #FFFFFF;
}
#upload {
	background: #e1f6c3
}
#upload a:hover{
	background: #b1ce83
}
#upload ul li a{
	background: #b1ce83
}
#upload ul li a:hover{
	background: #e1f6c3
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
	display: block;
	width: 70px; /*Width of top level menu link items*/
	padding: 2px 8px;
	border-left-width: 0;
	text-decoration: none;
	color:  #FFFFFF;
	border: 1px solid #cccccc;
}

.notepad {
	border: 1px solid #e8c374;
}

.horizontalcssmenu ul li a:hover{
	background: #a8bed6;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
	left: 0;
	top: 0;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 500;
	background: #e9eef2;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
	display: inline;
	float: none;
	z-index: 500;
}

/*#uploadFile a{
	background-color:#70a621;
}

#uploadFile a:hover{
	background-color:#acd078;
	color:#666666;
}*/
#uploadFile a{
	background-color:#f9cf73;
	color:#666666;
}

#uploadFile a:hover{
	background-color:#f8e3b3;
	color:#666666;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
	width: 77px; /*width of sub menu levels*/
	font-weight: normal;
	padding: 2px 5px;
	background: #e9eef2;
	border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li ul li a:hover{
	background: #c9d9e8;
}

.horizontalcssmenu .arrowdiv{
	position: absolute;
	right: 0;
}
.welcomeNote {
	color:#666666;
	background: #cad9e7;
	padding: 5px 5px 5px 10px;
	border: none;
}
.welcomeNote h2 {
	border: none;
	padding: 0px;
}
.notSortable h2 {
	padding: none;
	border: none;
	background: #FFFFFF;
}
#info {
	display: inline;
}

.schoolText {
	font: 13px Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
}
.noshow {display: none;}