/* TxEIS Tables Styling */
.txeisTableDiv { 
	background: #FFFFFF;
	border: 1px solid #A0DDF6;
	position: relative;
	overflow-y: auto; 
	overflow-x: hidden;
}

.txeisTable {
	margin: 0px;
	width: 100%;
	overflow: auto;
}

.txeisTable thead tr {
	border-color: #A0DDF6;
	background: linear-gradient(#258DC7, #004271);
	color: #FFFFFF;
	line-height: 17px;
	font-family: 'Open Sans', sans-serif;
	vertical-align: top;
	
}

.txeisTable tr {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #A0DDF6;
	line-height: 22px;
}

.txeisTable td, .txeisTable th {
	padding: 1px 0px 2px 2px;
	vertical-align: bottom;
}

table.txeisTable td.pad_2_8_2_8, table.txeisTable th.pad_2_8_2_8 {
	padding: 2px 8px 2px 8px;
}

table.txeisTable td.pad_middle, table.txeisTable th.pad_middle {
	padding: 2px 8px 2px 8px;
	vertical-align: middle;
}
	
.txeisTable th a {
	display: block;	
}

.txeisTableFooter {
	background: linear-gradient(#258DC7 50%, #004271);
	border: 1px solid #A0DDF6;
	border-top-width: 0px;
	height: 22px;
	line-height: 1.6;
	color: #F9F9F9;
	width: 100%;
	box-sizing: border-box;
}

.txeisTableFooter a:link, .txeisTableFooter a:hover, .txeisTableFooter a:visited, .txeisTableFooter a:active,
	.txeisTable a:link, .txeisTable a:hover, .txeisTable a:visited, .txeisTable a:active {
	color: #F9F9F9;
}

.footerButtons {
	float: right;
	width: 70px;
	display:inline;
	margin-right: 10px;
}

.footerPagination {
	float: left;
	display: inline;
	width: 420px;
}

.footerPagination select, .footerPagination select:focus {
	font-size: 10px;
	margin-top: 1px;
	border: 0px;
}

.footerPagination a {
	text-decoration: none;
}

.footerPagination img {
	display: inline;
	margin: 0px;
}

.footerButtons img{
	margin: 0px;
}

/* Common save Successful div holder for message. */
#saveMessageDiv {
	height:95px;
	width:420px;
	position:fixed; 
	top:150px; 
	left:100px;
	font-size: 14px;
	text-align: center; 
	line-height: 95px;
	background: #e7f0f8;
	border: 1px solid #50ABDA;
}

/*common save successful message style*/
.saveMessage{
	color:green; 
	font-weight:bold;
	margin: 10px 6px 10px 6px;
}

.saveMessageRight{
	position: absolute; 
	z-index: 10; 
	right: 0; 
	bottom: 0;
}

/*common no changes made message style*/
.noChangesMessage{
	color:black; 
	font-weight:bold;
	margin: 10px 6px 10px 6px;
}

/*common label error style*/
label.error {
	border: 1px solid;
	color: #B60000;
	background: #FAE3E3;	
	display: block;
	height: 13px;
	width: 13px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.labelHeader {
	color: #001F68;
	font-weight: bold;
	margin: 0px 2px 6px 2px;
}

.labelHeader.complexType {
	margin: 0px 2px 6px 8px;
}

/* Special Ed not enrolled header*/
.speEdlabelHeader {
	color: #001F68;
	font-weight: bold;
	font-size:16px;
	margin: 0px 2px 6px 2px;
}

/*common cell error color*/
.cellError{
	background: pink;
}

/*common button error style*/
button.error {
	border: 1px solid;
	color: #B60000;
	background: #FAE3E3;	
	display: block;
	height: 13px;
	width: 13px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

button.errorButton {
	border-style: solid;
	border-color:red;
	border-width: 2px; 
	margin-top: 0px;
}

input:disabled, select:disabled, textarea:disabled {
	background-color: #EBEBE4;
}

/*common table column th sort up image*/
.tableColSortUpImage {
	background-image:url('../images/sort_asc_arrow.gif');
	background-repeat:no-repeat;
	background-position: center bottom;
 }

/*common table column th sort down image*/
.tableColSortDownImage {
  	background-image:url("../images/sort_desc_arrow.gif");
	background-repeat:no-repeat;
	background-position: center bottom;
 }
 
/*common table column th sort up image*/
.tableColSortUpImLeft {
	background-image:url('../images/sort_asc_arrow.gif');
	background-repeat:no-repeat;
	background-position: left bottom;
 }

/*common table column th sort down image*/
.tableColSortDownImLeft {
  	background-image:url("../images/sort_desc_arrow.gif");
	background-repeat:no-repeat;
	background-position: left bottom;
 } 
 
/*common table column sort padding*/
.tableColSortPadding {
	display: block;
 	width:10px;
 	position:static;
 	border:0;
	padding-left:25px;
 }
 
/*common table column sort padding*/
.tableColSortPadLeft {
	display: block;
 	position:static;
 	border:0;
	padding-left:14px;
 } 

.sortColLeftMargin {
	margin-left: 13px;
}

.deleteRowButton,  .deleteRowButtonSelected {
	margin-bottom: 3px;
}
/*James Montano*/
/*Tool tip error styling*/
.tooltipError {
        font-weight: normal !important;
        background: #FAE3E3 !important;
        color: #B60000 !important;
        border-color: #B60000 !important;
        border-width: 1px !important;
        margin: 0 !important;
        padding: 2px 4px 2px 4px !important;
}

.groupContent  ul {
	float:left;
	margin-top: 8px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 0px;
}

.groupContent li {
	line-height: 20px;
	padding-bottom: 1.75vh;
}

/* jQuery spinner styling */
.ui-spinner.ui-widget {
	border: 1px solid #A9A9A9;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	background: #ffffff; 
	line-height: 16px;
}

.ui-spinner.ui-widget.blue {
	border: 1px solid #258DC7;
}

.ui-spinner.ui-widget.disabled{
	background: #EBEBE4;	
}

.ui-spinner.ui-widget.error {
	background: #FAE3E3;
	color: #B60000;
	border: 1px solid #A9A9A9;
}

.ui-spinner.ui-widget:disabled{
	background: #EBEBE4;
}

.ui-spinner-button.ui-button {
	line-height: 16px;
}

.ui-spinner.ui-widget input{
	background: #ffffff; 
	margin-bottom: 1px;
	margin-top: 1px;
}

.ui-spinner.ui-widget input:disabled{
	background: #EBEBE4;
}

.ui-spinner.ui-widget input.error{
	font-weight: normal;
	background: #FAE3E3;
}

.ui-spinner.ui-widget input:focus{
	border: 0px;
	padding: 0px;
	outline: 0px;
}

.ui-spinner-button.ui-corner-br, .ui-spinner-button.ui-corner-tr {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

/* Delete/Clear Tables */
.ulMargins {
	margin-top: 0px !important;
	margin-bottom: 1px !important;
}
.liBottomPadding {
	padding-bottom: 0px !important;
}

/* Staff Directory*/
.sortDirColumnHeader{
	text-decoration: underline;
	cursor: pointer;
}

/* Breadcrumb with no margins */
#breadcrumbs {
 		background: linear-gradient(#258DC7 30%, #004271);
 		height: 32px;
 		margin: 0px 0px 10px 0px;
 		width: 100%;
 		float:left;
}

/* common required field message style */
.errorMessage {
	color:red; 
	font-weight:bold;
	margin: 10px 6px 10px 6px;
}

/* border for error message dialogs in TSDS */
.errorDialog{
	border: 2px solid red;
}

/* error font color is black with red border on error dialog */
.error, .warnings {
	color: black;
	font-weight: bold;
}

.warningLabel {
	font-weight: bold;	
}

.errorLink {
	color: #0066ff !important;
}

.warningLink {
	color: #d8bb14 !important;
}

.warningDialog{
	border: 2px solid yellow;
}

/* tab error */
.ui-state-default a.ui-tabs-anchor.tabError {
	font-weight: bold;
	color: #a00f0f;
}

/* tab error active tab */
.ui-state-active a.ui-tabs-anchor.tabError {
	color: #a00f0f;
	font-weight: bold;
}

/* style for Prev and Next anchor tags on maintenance screens */
.prevNext{
    font-size: 1em;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-decoration: underline;
    color: #0066ff;
    margin-left:21px;
    margin-top: 0px;
}

/* style to hide something but keep their spacing that was originally there on the page */
.notVisible{
	visibility: hidden;
}

/* style to hide something but NOT keep their spacing that was originally there on the page */
.displayNone{
	display: none;
}

/* padding added around the maintenance inquiry box*/
.tsdsCol {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;			
}

.ellipsis {
	min-width: 8px !important; 
	height: 16px !important;
	margin: 0px !important;
	border-radius: 0px !important;
	box-shadow:none !important;
	padding: 0px 2px 5px 2px !important; 
	font-family: initial !important;
	font-size: 14px !important;    
	line-height: 0px;
	vertical-align: 2px !important;
}

button.ellipsis:focus {
    border-width: 0px !important;
}

button.noTopMargin {
	margin-top: 0px !important;
}

.adjPaddingBottom {
	padding-bottom: 1.75vh !important;
}

.adjPaddingBottom2 {
	padding-bottom: .75vh !important;
}

/* puts dialogs above the menu so the menu does not bleed through the dialog box */
 .ui-dialog { z-index: 1000 !important ;}
 
/* Make date picker one value greater than the dialog so a calendar will display over a dialog. */
.ui-datepicker { z-index: 1001 !important;}

.ui-icon.ui-white{background-image:url("jquery-ui/images/ui-icons_ffffff_256x240.png")}