div#jumpMenu {
	line-height:16pt;
	background-color:#FFFECB;
	position:absolute;
	top:15px;
	right:0px;
	z-index:100;
	text-align:left;
	width:16em
}

div#jumpMenu ul {
	list-style:none;
	padding-left:10px;
	padding-right:10px
}
	
	
.dataTable table th.rangeColumn, .dataTable table td.rangeColumn {
    border-left: 1px solid #bbf;
    border-right: 0;
    text-align: center;
}

body {
    margin:0;
    padding: 0;
    background-color: #ededfe;
}

body, p, input, td, th, div, span {
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    font-style: normal;
    line-height: 12pt;
    font-weight: normal;
    color: #333333;
}

div#headerBox {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: 120px;
    background-color: white;
    border-bottom: solid 2px #dbdbff;
    text-align: center;
}

div#k12Logo {
    position: absolute;
    left: 10px;
    top: 0;
}

div#tvsLogo {
    padding-top: 2px;
}

div#schoolLogo {
    position: absolute;
    right: 10px;
    top: 0;
}

div#schoolLogoImage img {
  width: auto;
  max-width: 150px;
  height: auto;
  max-height: 85px;
}

span#versionString {
    font-size: 9px;
    color: #999999;
}

div#welcomeMsg {
    position: absolute;
    left: 20px;
    top: 85px;
    font-size: 10pt;
    font-weight: bold;
    color: #0080cc;
}

div#editProfile {
    position: absolute;
    left: 20px;
    top: 102px;
    font-size: 8pt;
    font-weight: normal;
    color: blue;
}


div#headerLinks {
    position: absolute;
    right: 20px;
    top: 90px;
    line-height:16pt;
}

div#pageContentBox {
    margin-top: 120px;
}


div#subTabContentArea {
    background-color: #ffffff;
    padding: 20px;
}

.subTabs .ERXTabPanel .TabContent { 
    background-color: #dbdbff;
}

.subTabs ul.TabItems li.tab {
    background-color: #dbdbff;
}

.subTabs ul.TabItems li.subTab {
    background-color: #dbdbff;
    min-height: 35px;
}

.subTabs h2 {
    color: #3f105a;
}

div#mainTabsMenu {
    float:left;
    width: 100%;
    margin-top: 10px;
}
     
.ERXTabPanel .TabContent { 
    padding: 10px; 
    clear: left;
    margin-left: 10px;
    margin-right: 10px;
    background: #ffffff;
}

.TVWTabPanel .TabContent { 
    padding: 10px; 
    clear: left;
    margin-left: 10px;
    margin-right: 10px;
    background: #ffffff;
}

ul.TabItems, ul.TabItems li { 
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.TabItems {
    padding-left: 10px;
}

ul.TabItems li {
    float: left;
    margin-right: 3px;
    padding: 3px;
    text-align:center;
}

ul.TabItems li {
    width: 8em;
}


ul.TabItems a div {
    text-decoration:none;
    color: #410066;
}

ul.TabItems a div:hover{
    color: #0000ff;
    text-decoration: underline;
}

ul.TabItems li.tab {
    background: #ffffff;
}

ul.TabItems li.nonSelectedTab {
    background: #cacaee;
}

ul.TabItems li.nonSelectedSubTab {
    background: #cacaee;
    min-height: 35px;
}

div#searchToggleButton {
  /*  position: absolute;
    top: 155px;
    right: 50px;
    width: 175px;*/
    width: 100%;
    background-color: #ffffff;
}

div#searchBox {
    padding:10px;
    margin: 5px; //20px;
    margin-left: 5px; //40px;
    margin-right: 5px; //40px;
    background-color: #dbdbff; /* Has to be last so IE won't blow up. */
}

div#transcriptSearchToggleButton {
    float: right;
    right: 50px;
    width: 175px;
    background-color: #ffffff;
}

div#subTabSearchToggleButton {
    float: right;
    right: 50px;
    width: 175px;
    background-color: #ffffff;
}

div#subTabSearchBox {
    padding:10px;
    padding-top: 30px;
    margin: 10px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #dbdbff; /* Has to be last so IE won't blow up. */
}


div#errorMsg p {
    font-size: 10pt;
    font-weight: bold;
    color: #ff0000;
}

span#error {
    color: #FF0000;
}

span.error {
    color: #FF0000;
}

#mailBox {
    margin-top : 260px;
    position: float;
}

#mailTools td {
    font-size: 9px;
    padding-right: .5em;
    text-align: center;
}
#mailTools img {
    padding-bottom: 1.5em;
}


div#selected a {
    color: #444444;
    font-weight: bold;
}

div#searchForm .dataLabel {
    color: #410066;
    font-weight: bold;
}

div#subTabSearchForm .dataLabel {
    color: #410066;
    font-weight: bold;
}

div#breadcrumbs {
    margin: 0;
    padding-left: 2em;
}

div#breadcrumbs ul li a, div#breadcrumbs ul li a:visited {
    color: white;
}

div#breadcrumbs ul, div#breadcrumbs ul li  {
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
    float: left;
    color: #ffffff;
    font-size: 9pt;
}

.subTabsAdminFunctions h2 {
    color: #3f105a;
}

.subTabsAdminFunctions .ERXTabPanel { 
    margin-top:10px;
    margin-left:15px;
    margin-right:15px;
    margin-bottom:20px;
}

.subTabsAdminFunctions .ERXTabPanel .TabContent { 
    background-color: #bc96ef;
    padding: 1em; 
    clear: left; 
}

.subTabsAdminFunctions ul.TabItems li.tab {
    background-color: #bc96ef;
}

.subTabsAdminFunctions ul.TabItems li.nonSelectedTab {
    background-color: #ebebeb;
}


#loginMessages {
    color: #cc0000;
    font-weight: bold;
    padding-bottom:1em;
}

#loginFormBox {
    padding: 20px;
    width: 350px;
    background: #ccccff;
    text-align:center;
}

#loginFormBox td.dataLabel {
    color: #4e4e7a;
}

div#pageContentArea {   
    margin-top: 140px;
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 6em;
}

div#pageTitle {
    font-size: 1.6em;
    font-weight: normal;
    color: #99cc00;
    padding-top: .5em;
    padding-bottom: 1em;
}

div#pageSubTitle {
    font-size: 1.4em;
    font-weight: normal;
    color: #99cc00;
    padding-top: .5em;
    padding-bottom: 1em;
}

div#pageSubSubTitle {
    font-size: 1.2em;
    font-weight: normal;
    color: #99cc00;
    padding-top: .5em;
    padding-bottom: 1em;
}

h2 {
    margin-top:.25em;
    font-weight: normal;
    color: #99cc00;
}

#versionString {
    color: #4e4e7a;
    margin: 1em;
}

div#userNote {
font-size:1em;
    font-weight:normal;
    font-style:italic;
    color: #FF0000;
}

a {
    font-style: normal;
    color: #0033cc;
}

a:visited {
    font-style: normal;
    color: #0033cc;
}


a:active, a:focus, input[type="image"] {
    outline-width: 0px;
    outline-style: none;
}

.dataTable table th {
    background-color: #ccccff;
    border-right: 1px #babafb solid;
    text-align: center;
    color: #4e4e7a;
    padding:.5em;
    font-weight: bold;
    vertical-align: bottom;
}

.dataTable table th a {
    text-align: left;
    color: #4e4e7a;
    padding:.5em;
    font-weight: bold;
}

.dataTable table th a:visited {
    text-align: left;
    color: #4e4e7a;
    padding:.5em;
    font-weight: bold;
}


.dataTable table td {
    color: #333333;
    border-right: 1px #babafb solid;
    line-height: 10pt;
}

.dataTable table {
    border-bottom: 4px solid #ccccff;
    border-collapse: collapse;
    border-right: 0;
    border-left: 0;
    width: 98%;
    margin-bottom: 1em;
}

.dataTable table tr.alt1 td {
    background-color: #ebebfe;
}

.dataTable table tr.alt1red td {
	background-color:#ffe3ec;
}

.dataTable table tr.alt2 td {
    background-color: #e5e5f7;
}

.dataTable table tr.alt2b td {
    background-color: #e5e5f7;
}

.dataTable table tr.alt2red td {
    background-color:#f7d1d1;
}

.dataTable table tr.alt3 td {
    background-color: #cacaee;
}

.dataTable table td {
    padding:.5em;
}

.dataTable td.checkbox {
    text-align: center;
    width: 3em;
} 

.dataTable table .lastColumn {
    border-right: 0;
}

input {
    background-color: #ffffff;
}

textarea {
    background-color: #ffffff;
}

.positionTable {
    border-collapse: collapse;
    border: 0;
}

.positionTable td {
    padding-left: .5em;
}

div#searchForm .positionTable input {
    background: white;
}
 
div#subTabSearchForm .positionTable input {
    background: white;
}
   
td.dataLabel {
    padding-left: 2em;
}

.dataLabel {
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
    padding-right:0;
    color: #888888;
}

.dataInput {
    text-align: left;
    vertical-align: middle;
}

div#logout {
    padding-right: 20px;
}

.ajaxTabbedPanel {
  border-bottom: 4px solid #caccec;
  margin:0;
  padding:0;
  line-height: 1.9;
}

.ajaxTabbedPanelTab-selected {
  display: inline;
  padding: 5px 7px 5px 7px;
  background: #caccec;

  margin: 0;
  margin-left: .5em;
  border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
}

.ajaxTabbedPanelTab-unselected {
  display: inline;
  padding: 5px 7px 4px 7px;
  background: #dfdfff;
  color: #c0c0c0;
  margin: 0;
  margin-left: .5em;
  border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
}

.ajaxTabbedPanelTab-selected a {
  color: #ffffff;
  text-decoration: none;
}

.ajaxTabbedPanelTab-unselected a {
  color: #410066;
  text-decoration: none;
}

.ajaxTabbedPanelPanes {
  width: 97%;
  padding-left: 0px;
}

.ajaxTabbedPanelPane-selected {
  list-style-type: none;
  display: block;
}

.ajaxTabbedPanelPane-unselected {
  list-style-type: none;
  display: none;
}

#tabBox {
	clear: left;
}



/* batch navigation stuff */

#batchNavigation a {  color: #000000; text-decoration: none; }

/* end batch navigation stuff */

/* ClassroomEdit stuff */
div.row {
  clear: both;
  padding-top: 10px;
}

div.row span.label {
    float: left;
    width: 100px;
    border: 0px dotted #333333;
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
    padding-right: 0;
    color: #888888;
}
/* had to add this because ReportCard and Transcripts now uses the label and it is forcing the width of the div */
div.row span.label1 {
    float: left;
    width: 100px;
    border: 0px dotted #333333;
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
    padding-right: 0.5em;
    color: #888888;
}

div.row span.field {
  float: right;
  width: 400px;
  text-align: left;
  border: 0px dotted #333333;
}
/* end ClassroomEdit stuff */

/* ClassroomDetail */
a.nameChangeLink {
    font-size: 10pt;
    font-weight: normal;
    line-height: 12pt;
}
/* end ClassroomDetail */

/* Classroom Grade Marks */
div#leftColumnFilters {
    border: 2px solid #ccc;
    height: 600px;
    overflow: auto;
    vertical-align: top;
    width: 220px !important;
}

tr.toggleRow {
    background-color: #e1e1e1;
    padding: 10px;
}

td.sectionCell {
    border: 1px solid #e1e1e1;
    padding: 10px;
}

tr.highlightRow {
    background-color: #e5e5f7;
    height: 40px;
}

div#toggleHeading {
}

div#toggleHeading a {
    text-decoration: none;
}

div#toggleHeading span {
    color: #0033CC;
}

div#saveConfirmation ul {
    background-color: green;
    color: white;    
    list-style-type: none;
    margin: 0;
    padding: 10px;
}

div#actionButtons {
    float: left;
}

div#prevNextContainer {
    float: right;
}

div#courseOrderingSection {
    clear: left;
    padding-top: 10px;
}

div#cancelConfirmationContainer {
    background-color: #ffffce;
    border: 1px solid #bbbbbb;
    border-spacing: 5px;
    padding: 15px;
    text-align: right;
}

div#scrollingContainer {
    border: 2px solid #ccc;
    height: 600px;
    overflow: auto;
    vertical-align: top;
}

/* end Classroom Grade Marks */

div.row span.fieldleft {
  float: left;
  width: 500px;
  text-align: left;
  border: 0px dotted #333333;
}

div.row span.widelabel {
    float: left;
    width: 120px;
    border: 0px dotted #333333;
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
    padding-right:0;
    color: #888888;
}

div.row span.leftwidelabel {
    float: left;
    width: 150px;
    border: 0px dotted #333333;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    padding-right:0;
    color: #888888;
}

table.dataTable th {
    background-color: #ccccff;
    border-right: 1px #babafb solid;
    text-align: left;
    color: #4e4e7a;
    padding:.5em;
    font-weight: bold;
}

table.dataTable th a {
    text-align: left;
    color: #4e4e7a;
    padding:.5em;
    font-weight: bold;
}

table.dataTable th a:visited {
    text-align: left;
    color: #4e4e7a;
    padding:.5em;
    font-weight: bold;
}


table.dataTable td {
    color: #333333;
    border-right: 1px #babafb solid;
}

table.dataTable {
    border-bottom: 4px solid #ccccff;
    border-collapse: collapse;
    border-right: 0;
    border-left: 0;
    width: 98%;
    margin-bottom: 1em;
}

table.dataTable tr.alt1 td {
    background-color: #ebebfe;
}

table.dataTable tr.alt2 td {
    background-color: #e5e5f7;
}

table.dataTable tr.alt2b td {
    background-color: #e5e5f7;
}

table.dataTable td {
    padding:.5em;
}

.dataTable td.checkbox {
    text-align: center;
    width: 3em;
} 

table.dataTable .lastColumn {
    border-right: 0;
}

.courseDetailBox h3 {
   font-size: 10pt;
   padding: 0;
   padding-left: 2em;
}

.required {
    color: #ff0000;
}

.subTitle{
    color: #800000;
    font-size: 12pt;
    font-weight: bold;
}

div#studentSummary {
    color: #99cc00;
    font-size: 10pt;
    padding: 10px;
}

span#studentName {
    color: #99cc00;
    font-size: 16pt;
    font-weight: bold;
}

.ERXMatrixTableCell {
    vertical-align: middle;
    text-align: left;
    padding-right: .25em;
}

/* Overwrite margins on ERXFlickrBatchNavigation.css */ 
.paginatorContainer {
margin-bottom:10px;
margin-top:10px;
}

/* for proper placement of CommunicationCenter within subtab */
.subTabCommunicationCenter {
   margin-top: 180px;
}

/* override Modalbox.css */
div#MB_header {
    background-color: #CACAEE;
    font-color: #0033CC;
}

div#MB_frame { 
	background-color: #ebebfe; 
	overflow: auto;
}

/* For sales orders */
img.itemstatus {
	padding-right:5px;
	vertical-align:middle;
	border:none;
}

.hint {
    font-size: 8pt;
    color: #888888;
}

/* For form elements */

.formRow {
	_height: 100%;
	clear: both;
	overflow: auto;
	padding: 5px;
}
.formTopRow {
	margin-top: 5px;
}

.formRow label {
	color:#888;
	float:left;
	font-family: Helvetica, Arial,sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	overflow:visible;
	padding-right:5px;
	margin-left: 50px;
	text-align:right;
	vertical-align:top;
	width:150px;
}

.floatLeft {
	font: 14px Arial, Helvetica, sans-serif;
	float:left;
	margin:0;
}

.floatRight{
	font: 14px Arial, Helvetica, sans-serif;
	float:right;
	margin:0;
	width:50%;
}

form .subHeader {
	display:inline-block;
    color: #800000;
    font-size: 12pt;
    font-weight: bold;
    margin:20px 0 10px 10px;
}

form .buttonContainer {
	display:inline-block;
	width:99%;
	text-align:center;
    margin:20px 0;
}

form .roundedBox {
	display:inline-block;
	padding:0 0 10px 0;
	margin:10px 5px 10px 0;
	background-color:#caccec;
	width:48%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

form .bigRoundedBox {

align:center;
	display:inline-block;
	padding:20 0 10px 0;
	margin:10px 5px 10px 0;
	background-color:#caccec;
	width:98%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

    a.silverButton:link, 
a.silverButton:visited {
    background: transparent url(../images/silverButtonLeft.png) no-repeat left top;
    color: #555;
    display: block;
    float: left;
    font: bold 12px Arial, Helvetica, sans-serif;
    height: 20px;
    padding-left: 10px;
    text-align: center;
    margin-right:5px;
    text-decoration: none;
}

a.silverButton:hover {
    color: #990000;
}

a.silverButton span{
    background: transparent url(../images/silverButtonRight.png) no-repeat right top;
    display: block;
    line-height: 22px;
    padding-right: 10px;
}

div#roundedLBox {
	display:inline-block;
	padding:0 0 10px 0;
	margin:10px 5px 10px 0;
	background-color:#caccec;
	width:48%;
        border: 3px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}


ul.WXCheckboxList {
list-style-type: none;
width: 800px;
}
ul.WXCheckboxList li  {
width:100px;
float:left;
}

ul.WXCheckboxList input{
vertical-align: middle;
}

ul.WXCheckboxList label  {
 	float:left;
	color: #000;
    font-family: Helvetica,Arial,sans-serif;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin-left: 0px;
    margin-top:5px;
    overflow: visible;
    padding-right: 5px;
    text-align: right;
    vertical-align: middle;
    width: 60px;

}
.textField50 {
	width:50px; 
}
.textField100 {
	width:100px; 
}
.textField250 {
	width:250px; 
}


.textField300 {
	width:300px; 
}

.MaxHeightContainer
{
  max-height: 600px;
  width:98%;
  overflow:auto;
  padding:3px;
  background:#caccec;
}

.TranscriptCredits {
margin-right:0px;
margin-left:0px;
}

span#newRecord {
    background-color: #CCF0B2;
    float: right;
    margin-right: 25px;
    padding: 3px;
}
/* For Refresh time on StudentListForTeachers */
div#refresh {
    float: right;
    margin-right: 2%;
    text-align: right;
}

.dataTable table tr.alt1a td {
    background-color: #cce5b2;
}

.dataTable table tr.alt2a td {
    background-color: #CCF0B2;
}


span#highlightTime {
    color: red;
}

.loading {
	float: left;
	display: block;
}

div#adminFunctions ul.TabItems li.nonSelectedSubTab,
div#adminFunctions ul.TabItems li.subTab {
	min-height: 50px;
	vertical-align: bottom;
	margin-bottom: -4px;
}

.auto_complete {
	background-color: white;
	border: 1px solid #888;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
.auto_complete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.auto_complete ul li.selected {
    background-color: #ffb;
}
div.auto_complete ul li {
    background: none repeat scroll 0 0 #ededfe;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 5px;
	cursor: pointer;
}

td.error {
    border-color: red;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}

/* The TVS WrapperInspector component has the same name and path as the TVCommon WrapperInspector so 
   TVS is not loading the TVCommon WrapperInspector.css file so these 2 tags need to be added here */
.categoryLabel {
    text-align: left;
    font-weight: bold;
}

.categoryItem {
    font-weight: normal;
}