html, body, form {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background: #f0f0f0;
}

.ValidationError {
	color: #FF0000;
}

html, body {
	font-size: 11px;
	font-family: "Verdana", Sans-Serif;
}

h1 {
	font-size: 16px;
	margin: 10px 0 8px 0;
}

h2 {
	font-size: 13px;
	margin: 8px 0 5px 0;
}

p {
	margin: 6px 0 6px 0;
}

ul {
	margin-top: 5px;
	margin-bottom: 5px;
}

li {
	margin-bottom: 12px;
}

a:link, a:visited, a:active, a:hover {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

.PageTitle {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
.PageTitle td {
	padding: 0;
	margin: 0;
}

/***** Login *****/
body.Login {
	background: #8ebcd3 url('Images/Login/Background.gif') repeat-x top left;
}

.Login #Page {
	margin-top: 91px;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	background-color: #f0f0f0;
}

.Login #Header {
	background: url('Images/Login/HeaderBackground.gif') repeat-x top left;
}
.Login #HeaderLeft {
	background: url('Images/Login/HeaderLeft.gif') no-repeat top left;
}
.Login #HeaderRight {
	background: url('Images/Login/HeaderRight.gif') no-repeat top right;
}

.Login #HeaderCustomization {
	background: url(Images/Login/HeaderCustomization.gif) no-repeat 50% 10px;
	height: 105px;
}

.Login #ContentLeft1 {
	background: url('Images/Login/ContentLeftBackground.gif') repeat-y top left;
}
.Login #ContentRight1 {
	background: url('Images/Login/ContentRightBackground.gif') repeat-y top right;
}
.Login #ContentLeft2 {
	background: url('Images/Login/ContentLeft.gif') no-repeat top left;
}
.Login #ContentRight2 {
	background: url('Images/Login/ContentRight.gif') no-repeat top right;
}

.Login #Content {
	padding: 10px 40px 10px 40px;
	height: 290px;
}

.Login h1 {
	text-align: center;
}

.Login #Footer {
	background: url('Images/Login/FooterBackground.gif') repeat-x top left;
}
.Login #FooterLeft {
	background: url('Images/Login/FooterLeft.gif') no-repeat top left;
}
.Login #FooterRight {
	background: url('Images/Login/FooterRight.gif') no-repeat top right;
	height: 39px;
}


/***** Default Page *****/
body.Default {
	background: #8ebcd3 url('Images/Default/Background.gif') repeat-x top left;
}

.Default #Page1 {
	background-color: #f0f0f0;
	height: 100%;
	width: 100%;
	border-collapse: collapse;
}
.Default #Page2 {
	padding: 0;
	vertical-align: top;
}
.Default #Page3 {
	padding: 0;
	vertical-align: bottom;
}

.Default #Header {
	background: #ffffff url('Images/Default/HeaderBackground.gif') repeat-x top left;
}
.Default #HeaderLeft {
	background: url('Images/Default/HeaderLeft.gif') no-repeat top left;
}
.Default #HeaderRight {
	background: url('Images/Default/HeaderRight.gif') no-repeat top right;
	height: 113px;
	position: relative;
}

.Default #Menu {
	position: absolute;
	top: 92px;
	left: 30px;
	width: 800px;
}

#PersonalMenu {
	position: absolute;
	top: 23px;
	left: 450px;
	width: 300px;
	height: 80px;
}

#LoggedinUsername, #LogoutLink {
	position: absolute;
}
#LoggedinUsername {
	height: 30px;
	font-size: 9pt;
	font-variant: small-caps;
	overflow: hidden;
	text-overflow: ellipsis;
	left: 8px;
	top: 0;
}
#LogoutLink {
	left: 0;
	top: 26px;
}

.Default .LeftBackground {
	background: url('Images/Default/ContentLeftBackground.gif') repeat-y top left;
}
.Default .RightBackground {
	background: url('Images/Default/ContentRightBackground.gif') repeat-y top right;
}
.Default #Content1 {
	background: url('Images/Default/ContentLeft.gif') no-repeat top left;
	width: 100%;
	border-collapse: collapse;
}
.Default #Content2 {
	padding: 0;
	vertical-align: top;
	background: url('Images/Default/ContentRight.gif') no-repeat top right;
	padding: 10px 40px 10px 40px;
	height: 250px;
}

.Default #Footer {
	background: url('Images/Default/FooterBackground.gif') repeat-x top left;
}
.Default #FooterLeft {
	background: url('Images/Default/FooterLeft.gif') no-repeat top left;
}
.Default #FooterRight {
	background: url('Images/Default/FooterRight.gif') no-repeat top right;
	height: 32px;
}
.Default #FooterContent {
	padding-top: 6px;
	text-align: center;
	color: #999999;
	font-size: 7pt; 
}


/***** Popup *****/
.PopupPage {
	padding: 20px;
}


/***** Fancy LinkButtons *****/
.LinkButtons {
	border-width: 0;
	border-collapse: collapse;
}

.LinkButtons td {
	padding: 0 0 0 6px;
	white-space: nowrap;
}

.LinkButtons td.AjaxLoader {
	padding: 0 0 0 6px;
	height: 20px;
}

.SingleLinkButton td {
	padding: 0 0 0 0;
}

.LinkButtons a:link, .LinkButtons a:visited, .LinkButtons a:active, .LinkButtons a:hover {
	font-family: 'Tahoma', 'Arial', 'Helvetica', sans-serif;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	display: block;
	color: #111111;
}

.LinkButtons a:link, .LinkButtons a:visited, .LinkButtons a:active, .LinkButtons a:hover {
	background: #ffffff url('Images/LinkButtons/ContentRoundLeft.gif') no-repeat top left;
}

.ItemList .LinkButtons a:link, .ItemList .LinkButtons a:visited, .ItemList  .LinkButtons a:active, .ItemList .LinkButtons a:hover {
	background: url('Images/LinkButtons/ContentRoundLeft.gif') no-repeat top left;
}

#Header .LinkButtons a:link, #Header .LinkButtons a:visited, #Header .LinkButtons a:active, #Header .LinkButtons a:hover {
	background: url('Images/LinkButtons/HeaderRoundLeft.gif') no-repeat top left;
}

.LinkButtons a:hover {
	background: #00CCFF url('Images/LinkButtons/ContentRoundLeft.gif') no-repeat top left;
}
.ItemList .LinkButtons a:hover {
	background: #00CCFF url('Images/LinkButtons/ContentRoundLeft.gif') no-repeat top left;
}
#Header .LinkButtons a:hover {
	background: #00CCFF url('Images/LinkButtons/HeaderRoundLeft.gif') no-repeat top left;
}


.LinkButtons a span.s {
	display: block;
	height: 19px;
	overflow: hidden;
}
.LinkButtons a span.s {
	background: url('Images/LinkButtons/ContentRoundRight.gif') no-repeat top right;
}
.LinkButtons a span.s span {
	cursor: pointer;
	display: block;
	padding: 3px;
}


.ItemListSelectedRow .LinkButtons a:link, .ItemListSelectedRow .LinkButtons a:visited, .ItemListSelectedRow  .LinkButtons a:active, .ItemListSelectedRow .LinkButtons a:hover {
	background: url('Images/LinkButtons/SelectedItemRoundLeft.gif') no-repeat top left;
}
.ItemListSelectedRow .LinkButtons a:hover {
	background: #00CCFF url('Images/LinkButtons/SelectedItemRoundLeft.gif') no-repeat top left;
	text-decoration: none;
}
.ItemListSelectedRow .LinkButtons a span.s {
	background: url('Images/LinkButtons/SelectedItemRoundRight.gif') no-repeat top right;
}

#Header .LinkButtons a span.s {
	background: url('Images/LinkButtons/HeaderRoundRight.gif') no-repeat top right;
}




/***** ItemList *****/
.GridViewRowCountInfo .AjaxLoader {
	padding: 0;
	margin: 0;
	width: 20px;
	height: 20px;
}



.ItemListContainer {
	height: 200px;
	overflow: auto;
	border-style: solid;
	border-width: 1px;
	border-top-color: #ACA899;
	border-left-color: #ACA899;
	border-bottom-color: #FFFFFF;
	border-right-color: #FFFFFF;
	position: relative;
}

.ItemList {
}

.ItemList tr {
}

.ItemList th {
	position: relative;
	text-align: left;
}

.ItemList td, .ItemList th {
}

.ItemListHeader {
	background: #00CCFF;
}

.ItemListSelectedRow {
	background: #000099;
	color: #ffffff;
}


.ItemListSelectedRow a:link, .ItemListSelectedRow a:visited, .ItemListSelectedRow a:active, .ItemListSelectedRow a:hover {
	color: #ffffff;
	text-decoration: none;
}

.ItemListSelectedRow a:hover {
	color: #ffffff;
	text-decoration: underline;
}



/***** GridView Table *****/
.Table {
	border-collapse: collapse;
	border: solid 1px #cccccc;
}

.Table td, .Table th {
	border: solid 1px #cccccc;
}


/***** UserList *****/
.UserImageCell {
	padding: 0;
	width: 65px;
}

.UserImageCell .BorderedImage {
	margin-left: auto;
	margin-right: auto;
}

.UserDisplayNameCell {
	width: 160px;
}

.UserLoginNameCell {
	width: 120px;
}

.UserDisabledCell {
	width: 50px;
	text-align: center;
	padding-right: 10px;
}

.TeacherClassCell {
	width: 70px;
}

.StudentClassCell {
	width: 70px;
}

.StudentClassTeacherCell {
	width: 160px;
}


/***** BorderedImage *****/

.BorderedImage {
	background: url(Images/BorderedImage/Default/Left.gif) repeat-y;
	border-collapse: collapse;
	border-style: none;
}

.BorderedImage td {
	padding: 0;
}

.BorderedImageTopLeft {
	background: url(Images/BorderedImage/Default/TopLeft.gif) no-repeat;
}

.BorderedImageTop {
	background: url(Images/BorderedImage/Default/Top.gif) repeat-x;
}

.BorderedImageTopRight {
	background: url(Images/BorderedImage/Default/TopRight.gif) no-repeat right top;
}

.BorderedImageRight {
	background: url(Images/BorderedImage/Default/Right.gif) repeat-y right top;
}

.BorderedImageBottomRight {
	background: url(Images/BorderedImage/Default/BottomRight.gif) no-repeat right bottom;
}

.BorderedImageBottom {
	background: url(Images/BorderedImage/Default/Bottom.gif) repeat-x left bottom;
}

.BorderedImageBottomLeft {
	background: url(Images/BorderedImage/Default/BottomLeft.gif) no-repeat left bottom;
}

.ItemListSelectedRow .BorderedImage {
	background: url(Images/BorderedImage/SelectedItem/Left.gif) repeat-y;
}

.ItemListSelectedRow .BorderedImageTopLeft {
	background: url(Images/BorderedImage/SelectedItem/TopLeft.gif) no-repeat;
}

.ItemListSelectedRow .BorderedImageTop {
	background: url(Images/BorderedImage/SelectedItem/Top.gif) repeat-x;
}

.ItemListSelectedRow .BorderedImageTopRight {
	background: url(Images/BorderedImage/SelectedItem/TopRight.gif) no-repeat right top;
}

.ItemListSelectedRow .BorderedImageRight {
	background: url(Images/BorderedImage/SelectedItem/Right.gif) repeat-y right top;
}

.ItemListSelectedRow .BorderedImageBottomRight {
	background: url(Images/BorderedImage/SelectedItem/BottomRight.gif) no-repeat right bottom;
}

.ItemListSelectedRow .BorderedImageBottom {
	background: url(Images/BorderedImage/SelectedItem/Bottom.gif) repeat-x left bottom;
}

.ItemListSelectedRow .BorderedImageBottomLeft {
	background: url(Images/BorderedImage/SelectedItem/BottomLeft.gif) no-repeat left bottom;
}

/***** Form *****/

input.RightAlignedTextBox {
	text-align: right;
}

input.TextBox, input.RightAlignedTextBox, textarea.TextBox {
	color: #000000;
	background: #ffffff;
	border: 1px solid #7F9DB9;
}
input.TextBox, input.RightAlignedTextBox {
	font-size: 11px;
	font-family: "Verdana", Sans-Serif;
}

textarea.TextBox {
	font-size: 11px;
	font-family: "Verdana", Sans-Serif;
}

.Button {
	border-width: 1px;
	border-color: white;
	background-color: #ECE9D8;
	cursor: pointer;
	cursor: hand;
	font-size: 11px;
	font-family: "Verdana", Sans-Serif;
}

select {
	color: #000000;
	background: #FFFFFF;
	font-size: 11px;
	font-family: "Verdana", Sans-Serif;
}

.FileUpload {
	border-width: 1px;
	border-color: white;
	background-color: #ECE9D8;
	font-size: 11px;
	font-family: "Verdana", Sans-Serif;
}

.FakeTextBox {
	display: none;
}

.PageTitle .AjaxLoader {
	padding: 5px 0 0 10px;
}

.FieldName {
	padding-right: 6px;
	height: 20px;
}

.SummaryNumber {
	text-align: right;
}

.SummarySumHeader {
	font-weight: bold;
}

.SummarySumNumber {
	text-align: right;
	font-weight: bold;
}

.FormUpdateProgress {
	padding: 5px 0 10px 10px;
	width: 20px;
	height: 20px;
}


@media print {
	.ItemListContainer {
		height: auto;
		overflow: visible;
		border-style: none;
	}		
}