/*	AdminLogin.ascx Styles		*/
tr.spcAdminMenuRow
{
	cursor:pointer;
}
td.spcAdminCell
{
	font-family:Verdana;
	color:black;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	padding-bottom:7px;
}
td.spcAdminCell div.Caption
{
	font-size:14px;
	font-weight:bold;
}
td.spcAdminCell ul
{
	padding:0px;
	margin:0px;
	padding-left:20px;
}



/*	EditClasses.ascx Styles		*/
div.Class,
div.Class div,
div.Class table,
div.Class table.ReportMenu
{
	background-color:white;
	text-align:left;	
}
div.Class span.SubHead,
div.Class tr.SubHead,
div.Class div.SubHead,
div.Class tr.NormalTextBox td
{
	color:black;
}
div.Class a.NormalTextBox
{
	color:blue;
}

div.Class
{
	text-align:center;
}
div.Class div
{
	padding-bottom:13px;
	padding-top:13px;
	font-family:Verdana;
}

div.Class div div.Instructions
{
	text-align:justify;
	font-size:12px;
}
div.Class table.AdminMenu
{
	color:red;
	width:100%;
	border-bottom:solid 2px #404040;
	border-top:solid 1px #808080;
	border-right:solid 1px #404040;
	border-left:solid 1px #808080;
}
div.Class table.AdminMenu tr.HeaderRow td
{
	font-family:Verdana;
	color:black;
	font-size:11px;
	font-weight:bold;
	background:url("../../../../../../../DeskTopModules/SPC/School/Images/AdminMenu.gif");
	min-height:36px;
	max-height:36px;
	height:36px;
	padding-left:4px;
	padding-right:4px;
	cursor:pointer;
	vertical-align:middle;
}
div.Class table.AdminMenu tr.CaptionRow td
{
	background-color:#C0C0C0;
	border-top:1px solid #404040;
	text-align:center;
	font-family:verdana;
	color:black;
	padding:3px;
	font-size:11px;
	font-weight:bold;
}

div.Class table.AdminMenu tr.HeaderRow td.Disabled
{
	cursor:default;
}

div.Class table.AdminOptions
{
	margin-left:auto;
	margin-right:auto;
}
div.Class table.ReportMenu
{
	width:720px;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana;
	font-size:12px;
	color:black;
}
div.Class table.ReportMenu tr.Caption td
{
	font-size:14px;
	font-weight:bold;
	padding-top:7px;
}
div.Class table.ReportMenu tr.Title td
{
	text-align:center;
}
div.Class table.ReportMenu tr.Caption td img
{
	padding-right:4px;
}
div.Class table.ReportMenu tr.Links td
{
	padding-left:37px;
	padding-top:3px;
	padding-bottom:4px;
	cursor:pointer;
	width:200px;
}
div.Class table.ReportMenu tr.Links td.Disabled
{
	cursor:default;
	color:#C0C0C0;
}

div.Class div table tr
{
	vertical-align:top;
}
div.Class div table td.Icon
{
	padding-top:4px;
	padding-right:7px;
}
div.Class div table td.Control
{
}
div.Class div table td.Control div span.Required
{
	color:Red;
}
div.Class div table td.Control div span.Optional
{
	font-style:italic;
	color:black;
}
div.Class div table.ListTable,
div.Class div table.ListTable tr td table
{
	font-family:Verdana;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	color:Black;
}
div.Class div table.ListTable tr.Semester td
{
	background-color:#C0C0FF;
	color:black;
	font-size:14px;
	font-weight:bold;
	padding:7px;
}
div.Class div table.ListTable tr,
div.Class div table.ListTable tr td table tr
{
	vertical-align:top;
}
div.Class div table.ListTable tr td div.Description
{
	width:200px;
	font-style:italic;
	padding-top:2px;
}
div.Class div table.ListTable tr td.Notice
{
	font-weight:bold;
	font-style:italic;
	color:black;
	font-size:14px;	
	text-align:center;
	background-color:White;
}
div.Class div table.ListTable tr td li
{

}
div.Class div table.ListTable tr td li a
{
	text-decoration:underline;
	color:#000080;
}
div.Class div table.ListTable tr td.SubHead
{
	text-align:right;
	width:170px;
	padding-bottom:13px;
	padding-top:3px;
	padding-left:3px; 
	color:black;
}
div.class div table.ListTable tr td.Option
{
	padding-left:7px;
	padding-bottom:13px;
}
div.Class div table.ListTable tr.SubHeadHeader td
{
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding-bottom:3px;
	font-weight:bold;
}
div.Class div table.ListTable tr.NoRecords td
{
	color:Red;
	font-weight:bold;
}
div.Class div table.ListTable tr
{
}
div.Class div table.ListTable tr td div.Highlight
{
	background-color:#B0B0FF;
	color:white;
}
div.Class div table.ListTable tr td span.Error
{
	color:Red;
	font-weight:bold;
}
div.Class div table.ListTable tr.Empty td
{
	font-weight:bold;
	padding:4px;
}
div.Class div table.ListTable tr.Data td
{
	border:1px solid black;
	padding:4px;
}

div.Report,
div.Report div
{
	padding:0px;
	background-color:White;
	color:Black;
}
div.Report div.Title
{
	font-size:12px;
	padding-top:13px;
}
div.Report div.SubTitle
{
	font-size:9px;
}
div.Report div.TitleDate
{
	font-size:11px;
	font-weight:bold;
}
div.Report div.Instructions
{
	color:Red;
	font-weight:bold;
	font-size:11px;
}
div.Report div.Data
{
	padding:10px;
	color:Black;
}
div.Report table.Data,
div.Report table.Legend
{
	font-size:11px;
	font-family:Arial;
	color:Black;
}
div.Report table.Legend tr
{
}
div.Report table.Legend tr td
{
	color:Red;
	padding:2px;
	padding-right:24px;
	border:1px solid black;
}
div.Report table.Data tr.Heading td
{
	border:1px solid black;
	padding:7px;
	vertical-align:bottom;
}
div.Report table.Data tr.Header td
{
	border:1px solid black;
	width: 15px;
	writing-mode: tb-rl;
	filter: flipv fliph;
	padding:7px;
}
div.Report table.Data tr.StudentData td
{
	border:1px solid black;
	padding:2px;
	vertical-align:bottom;
}
div.Report table.Data tr.StudentData td.Date
{
	width:50px;
}
div.Report table.Data tr.StudentData td.Course
{
	width:80px;
}
div.Report table.Data tr.StudentData td.CourseExp
{
	width:180px;
}
div.Report table.Data tr.StudentData td.Name
{
	width:100px;
	padding-left:4px;
	padding-bottom:6px;
}
div.Report table.Data tr.StudentData td.Number
{
	width:100px;
	text-align:right;
}
div.Report table.Data tr.StudentData td.Selectable
{
	padding-left:2px;
	padding-bottom:4px;
	background-color:#C0C0FF;
}
div.Report table.Data tr.StudentData td input
{
	font-size:11px;
	border:none;
	background-color:Transparent;
}

/*	Calendar Control Style	*/
#CalendarControlIFrame
{
    DISPLAY: none;
    Z-INDEX: 99;
    LEFT: 0px;
    WIDTH: 250px;
    POSITION: absolute
}
#CalendarControl
{
    PADDING-RIGHT: 0px;
    DISPLAY: none;
    PADDING-LEFT: 0px;
    Z-INDEX: 100;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    POSITION: absolute;
    BACKGROUND-COLOR: #fff
}
#CalendarControl TABLE
{
    BORDER-RIGHT: #400000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #400000 1px solid;
    FONT-FAMILY: arial, verdana, helvetica, sans-serif
}
#CalendarControl TH
{
    FONT-WEIGHT: normal
}
#CalendarControl TH A
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 1px;
    COLOR: #fff;
    PADDING-TOP: 1px;
    TEXT-DECORATION: none
}
#CalendarControl TD
{
    TEXT-ALIGN: center
}
#CalendarControl .header
{
    BACKGROUND-COLOR: #400000
}
#CalendarControl .weekday
{
    COLOR: #000;
    BACKGROUND-COLOR: #F5F5F5;
}
#CalendarControl .weekend
{
    COLOR: #000;
    BACKGROUND-COLOR: #FFC0C0;
}
#CalendarControl .current
{
    BORDER-RIGHT: #800000 1px solid;
    BORDER-TOP: #800000 1px solid;
    BORDER-LEFT: #800000 1px solid;
    COLOR: #fff;
    BORDER-BOTTOM: #800000 1px solid;
    BACKGROUND-COLOR: #800000
}
#CalendarControl .weekday
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #fff 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #fff 1px solid;
    WIDTH: 2em;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #fff 1px solid;
    TEXT-DECORATION: none
}
#CalendarControl .weekend
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #fff 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #fff 1px solid;
    WIDTH: 2em;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #fff 1px solid;
    TEXT-DECORATION: none
}
#CalendarControl .current
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #fff 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #fff 1px solid;
    WIDTH: 2em;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #fff 1px solid;
    TEXT-DECORATION: none
}
#CalendarControl .weekday:hover
{
    BORDER-RIGHT: #FF0000 1px solid;
    BORDER-TOP: #FF0000 1px solid;
    BORDER-LEFT: #FF0000 1px solid;
    COLOR: #fff;
    BORDER-BOTTOM: #FF0000 1px solid;
    BACKGROUND-COLOR: #FF0000
}
#CalendarControl .weekend:hover
{
    BORDER-RIGHT: #FF0000 1px solid;
    BORDER-TOP: #FF0000 1px solid;
    BORDER-LEFT: #FF0000 1px solid;
    COLOR: #fff;
    BORDER-BOTTOM: #FF0000 1px solid;
    BACKGROUND-COLOR: #FF0000
}
#CalendarControl .current:hover
{
    BORDER-RIGHT: #FF0000 1px solid;
    BORDER-TOP: #FF0000 1px solid;
    BORDER-LEFT: #FF0000 1px solid;
    COLOR: #fff;
    BORDER-BOTTOM: #FF0000 1px solid;
    BACKGROUND-COLOR: #FF0000
}
#CalendarControl .previous
{
    TEXT-ALIGN: left
}
#CalendarControl .next
{
    TEXT-ALIGN: right
}
#CalendarControl .previous
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 1.4em;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px
}
#CalendarControl .next
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 1.4em;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px
}
#CalendarControl .previous A
{
    FONT-WEIGHT: bold;
    COLOR: #fff;
    TEXT-DECORATION: none
}
#CalendarControl .next A
{
    FONT-WEIGHT: bold;
    COLOR: #fff;
    TEXT-DECORATION: none
}
#CalendarControl .title
{
    FONT-WEIGHT: bold;
    COLOR: #fff;
    TEXT-ALIGN: center
}
#CalendarControl .empty
{
    BORDER-RIGHT: #fff 1px solid;
    BORDER-TOP: #fff 1px solid;
    BORDER-LEFT: #fff 1px solid;
    BORDER-BOTTOM: #fff 1px solid;
    BACKGROUND-COLOR: #ccc
}