/* Global Settings */
html, body {
	background-color: #F0EFEA;
}

html, body, div, table, td {
	border-collapse: collapse;
	border-spacing: 0px;
	color: #333333;
	font-family: sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

a {
	color: #100D84;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input[type=text], input[type=password] {
	border: 1px solid;
	border-color: #CACACA #B9B9B9 #D4CFCF #B9B9B9;
	padding:2px;
}

input[type=text]:hover, input[type=password]:hover {
	border:1px solid;
	border-color: DarkCyan;
}

input[type=text]:focus, input[type=password]:focus {
	border:1px solid;
	border-color: #74A6F8 #4D90FE #6EA1F9 #4D90FE;
}

div.center{
	margin: 0 auto;
}

/* cursor */
.pointer { cursor: pointer; }

form {
	display: inline;
}

div.required_asterisk {
	color:red;
	font-size:1.6em;
	display:inline;
}

div.approval_plus {
	font-size:1.0em;
	display:inline;
}

.approved {
	color: green;
}

.not_approved {
	color: red;
}

.complete {
	color: green;
}

.not_complete {
	color: red;
}

.alternate_row { background-color: #EFF2F7; }

.normalFont {
	color: #333333;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	
}
/* Page Structure */


#gbk_pageHeader{
	background-image:url('../Imgs/hdr_expansiontile.jpg');
	background-repeat:repeat-x;
	margin-bottom: -3px;
	padding: 0px;
}

#gbk_content {
	background-color: white;
	min-width: 500px;
}

#gbk_footer {
	color: #808080;
	font-size: 8pt;
	margin-top: 5px;
	padding-left: 5px;
	text-align: center;
}

table.gbk_frame {
	margin-left: auto; 
	margin-right: auto; 
	max-width: 1900px;
	width: 98%;
}
table.gbk_frame td.outside_left {
	background-image:url('../Imgs/shadow_left.jpg');
	background-position: top right;
	background-repeat:repeat-y;
	padding:0px; 
	width:15px; 
}

table.gbk_frame td.outside_right {
	background-image:url('../Imgs/shadow_right.jpg');
	background-repeat:repeat-y;
	padding:0px; 
	width:15px; 
}

table.gbk_frame td.outside_bottom_left {
	background:url('../Imgs/shadow_footer_left.jpg') top right no-repeat;
	padding:0px; 
	height: 15px;
}

table.gbk_frame td.outside_bottom {
	background:url('../Imgs/shadow_footer_center.jpg') 0% 0% repeat-x;
	padding:0px; 
	height: 15px;
}

table.gbk_frame td.outside_bottom_right {
	background:url('../Imgs/shadow_footer_right.jpg') 0% 0% no-repeat;
	padding:0px; 
	height: 15px;
}

table.loginTable {
	margin-left: auto; 
	margin-right: auto;
}

table.loginTable td, table.loginTable td div {
	color: #797071;
	font-size: 10pt;
}

table.loginTable td.label {
	font-size: 10pt;
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
	vertical-align: middle;
}

table.loginTable td.entry {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	vertical-align: middle;
}

ul.loginList {
	list-style-image: url('../Imgs/blue_arrow_down_right.gif');
	margin: 0px;
	padding-left: 15px;
}



.popupbox {
	font-family: sans-serif;
	background-color: #ffdd99;
	color: black;
	border: 2px solid black;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	position: absolute;
	padding: 15px;
	z-index:25;
}

.popupbox_shadow {
	background-color: #996633;
	color: black;
	border: none;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	position: absolute;
	filter: alpha(opacity=30);
	-moz-opacity: .30;
	opacity: .30;
	z-index:20;
}

/* Mobile CSS */
.mobile-wrap{
	background: #FFFFFF;
	max-width: 400px;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
}
.mobile-wrap .login-input{
	height: 50px;
	margin-bottom:15px;
	font-size: 20px;
	letter-spacing: .05em;
}
.mobile-wrap .login-btn{
	margin-bottom:15px;
}
.mobile-wrap .district-logo{
	max-width:100%;
}
.mobile-wrap{
	padding-top:15px;
	border-radius: 15px;
	box-shadow: 0px 0px 25px -10px #000;
}
.mobile-footer{
	padding-top: 15px;
	padding-bottom: 15px;
}

.mobile-footer #gbk_footer{
	font-size: 8px;
}

.mobile-footer .sapphire-logo{
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px; 
	width: 150px;
}

@media (max-width: 991px) {
	#gbk_page_structure{
		display:none;
	}
}

#duo_iframe {
	width: 100%;
	min-width: 304px;
	max-width: 620px;
	height: 520px;
	border: none;
}

.one-option {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important; 
    border: none !important;
    /* needed for Firefox: */
    overflow:hidden !important;
    width: 100% !important;
}