﻿body{ 
    font-family: Tahoma, Arial; font-size: 11px; 
    background-color: #dfddd9;
    }

.copyright
{ 
    font-size: 10px; color: Gray; height: 30px;
}

/*Design 1 - School theme*/
#display
{
	width: 100%;
	background: url(images/bg_blue_2.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #EEEEEE;
}

#sidebar {
	FLOAT: left; WIDTH: 250px
}
#sidebar .fortune {
	BACKGROUND: url(images/fortune.gif) no-repeat 0px 0px; background-position: center; background-repeat: no-repeat; WIDTH: 250px; HEIGHT: 40px; PADDING-TOP: 30px;
}

.sticky 
{
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #f6f06a; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #67482e 3px solid; width: 240px;
}
.sticky .title 
{
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 100%; BACKGROUND: #ddd85f; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
.sticky A {
	FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; COLOR: #000
}
.sticky A:hover {
	COLOR: #c33
}

#sticktab {
	BACKGROUND: url(images/header_bg.gif) no-repeat 0px 0px; FONT: bold 10px Verdana, Arial, sans-serif; TEXT-TRANSFORM: uppercase; WIDTH: 250px; COLOR: #fff; PADDING-TOP: 10px; HEIGHT: 20px; text-align: center; border-bottom: solid 5px gray;
}
#sticktab A {
	FONT-WEIGHT: bold; COLOR: #fff
}
#sticktab A:hover {
	COLOR: #000
}
#sticktab2 {
	BACKGROUND: url(images/header_bg_bottom.gif) no-repeat 0px 0px; FONT: bold 10px Verdana, Arial, sans-serif; TEXT-TRANSFORM: uppercase; WIDTH: 250px; COLOR: #fff; PADDING-TOP: 10px; HEIGHT: 20px; text-align: center; border-top: solid 5px gray;
}
#sticktab2 A {
	FONT-WEIGHT: bold; COLOR: #fff
}
#sticktab2 A:hover {
	COLOR: #000
}

#main-content {
	FLOAT: right; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px;
}
.memowrap {
	BORDER-RIGHT: #fff 5px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 5px solid; PADDING-LEFT: 1px; BACKGROUND: url(images/dotted_bg.gif) #fff; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 5px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #fff 5px solid
}

.memo {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND: url(images/paper_bg.gif) #fff; PADDING-BOTTOM: 10px; LINE-HEIGHT: 200%; PADDING-TOP: 10px; WIDTH: 610px
}
.memo .staples {
	BACKGROUND: url(images/staples-pushpin.gif) no-repeat 0px 0px; background-position: center; background-repeat: no-repeat; WIDTH: 550px; HEIGHT: 40px
}
.memo .paging {
    border-right: #ff9933 1px solid; border-top: #ff9933 1px solid; border-left: #ff9933 1px solid; border-bottom: #ff9933 1px solid; background-color: #ffffcc; text-align: right;
}
.memo .dtvProfileView td {
    border-top: #e9e9e9 1px solid;
}
.memo .dtvProfileView th {
    border-top: #ffffff 1px solid; background-color: #e9e9e9; font-weight: normal; color: #990000; width: 26%;
}
.memo .dtvProfileView {
    border: solid 1px #e9e9e9;
}
.memo .dtvProfileView .banner {
    background: url(images/upper_bg.jpg); text-align: center; font-weight: bold; color: #0F000F;
}

#ControlPanel #Table1
{
    width: 100%; border-top-style: none; border-right-style: none;
    border-left-style: none; border-collapse: collapse; border-bottom-style: none
    
}

h5
{
	margin-bottom:.3em; margin-top: .5em;
}

hr
{
	border: none 0; 
	border-top: 1px dotted #DCDCD9;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}


/* rounded buttons */
.round {
	cursor:pointer; 
	cursor:hand; 
	line-height:22px;
	background:url(images/button.gif) no-repeat right top; 
	padding-right:20px; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
}

.round span { 
	background:url(images/button.gif) no-repeat left top; 
	height:22px;
	display:block;
	display:inline-block;
	padding-left:20px; line-height:22px;
}

	a.round:hover {background-position:right -160px;}
	a.round:hover span {background-position:left -160px;}
	
	/*button tag*/
	
	button {border:0; border:none; background:transparent; width:1; overflow:visible; white-space:nowrap; padding:0 2px; cursor:pointer; cursor:hand;}
	
/* end rounded buttons */


.txtBox
{
	BORDER-RIGHT: #ffba14 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ffba14 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 10pt; PADDING-BOTTOM: 1px; BORDER-LEFT: #ffba14 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #ffba14 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #ffffff
}


.coolmenu
{
	background-image: url('images/nav.gif');
	background-position: right;
	text-align: center;
	text-decoration: none;
}

.coolMenuSelected
{
	background-image: url('images/nav.gif');
	background-position: left;
	text-align: center;
}

.betweenline20
{
	line-height: 20px;
}

.recentlylogin
{
	background-color: #82CAFF;

}

