/* TABLES
----------------------------------------------------------*/

table.gridview
{
    margin:0 0 1em 0;
    border-bottom:none;
}

table.gridview td
{
    border-bottom:0.1em solid #b0b0b0;
    vertical-align:top;
    padding:0.15em 0.5em 0.15em 0.5em;
    height:auto;
    white-space:nowrap;
    overflow:hidden;
}

table.gridview td a,
table.gridview td span
{
    overflow:hidden;
    text-overflow:ellipsis;
}


table.gridview th
{
    padding-top:2em;
    padding-left:0.5em;
    padding-right:0.5em;
    border-bottom:0.1em solid #666666;
    color:#666666;
}

table.gridview th a
{
    color:#666666 !important;
}

table.gridview table
{
    width:auto;
}

table.gridview table td
{
    border:none;
}

table.gridview td .student
{
    background-image:url("/Framework/img/ico.student.xs.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:25px;
}

table.gridview td .student.updated
{
    background-image:url("/Framework/img/ico.student.updated.xs.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:25px;
}

table.gridview td .student.inactive
{
    background-image:url("/Framework/img/ico.student.inactive.xs.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:25px;
}

table.gridview td .admin
{
    background-image:url("/Framework/img/ico.admin.xs.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:25px;
}

table.gridview td .sales
{
    background-image:url("/Framework/img/ico.sales.xs.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:25px;
}

table.gridview td .school
{
    background-image:url("/Framework/img/ico.school.xs.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:25px;
}

table.gridview td .error
{
    background-image:url("/Framework/img/icoError.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:25px;
}

table.gridview td .information
{
    background-image:url("/Framework/img/icoInformation.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:25px;
}

table.gridview td .confirmation
{
    background-image:url("/Framework/img/icoConfirmation.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:25px;
}

table.formview
{
    margin-top:1em;
    padding-bottom:1em;
}

table.formview td
{
    line-height:1.7em;
}

table.formview td .btn
{
    line-height:normal;
}


/* FORMS
----------------------------------------------------------*/

.header-form
{
    padding:1em 0 0.5em 0;
}

.header-form div
{
    clear:none !important;
}

#ContentPlaceHolder_LoginView_UpdatePanelSchoolAdminGridView input
{
    margin-right:0.25em;
}

.gridview input[type=text], .gridview select
{
    width:6.25em;
}

.formview label, .formview span.label
{
    width:9.375em;
    display:inline-block;
}


/* LOGIN
----------------------------------------------------------*/

div.login
{
    border-top:0.5em solid #009B7B;
    background: -moz-linear-gradient(top,  rgba(0,155,123,0.2) 0%, rgba(0,155,123,0.1) 50%, rgba(0,155,123,0) 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  rgba(0,155,123,0.2) 0%,rgba(0,155,123,0.1) 50%,rgba(0,155,123,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,155,123,0.2) 0%,rgba(0,155,123,0.1) 50%,rgba(0,155,123,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,155,123,0.2) 0%,rgba(0,155,123,0.1) 50%,rgba(0,155,123,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,155,123,0.2) 0%,rgba(0,155,123,0.1) 50%,rgba(0,155,123,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26009b7b', endColorstr='#00009b7b',GradientType=0 ); /* IE6-9 */
    position:relative;
    width:56.5em;
    min-height:100%;
    margin-top:0.75em;
    margin-right:1.25em;
    margin-bottom:1.25em;
    padding:1em 0.5em 0em 0.5em;
    clear:left;
    float:left;
}

div.infobox div.login
{
    border:none;
    background:none;
    filter: ;
    width:auto;
    min-height:auto;
    margin:0 0 0 0;
    padding:0 0 0 0;
}

div.login > div.login-row
{
   margin-bottom:1em;
}

div.login > div.login-row > label
{
    min-width:10em;
    float:left;
}

div.login > div.login-row > input
{
    font-size:1em;
}

div.login div.btnPincode
{
    height:3em;
    width:3em;
    border:1px solid #999999;
    margin-right:2px;
    margin-top:2px;
    white-space:nowrap;
    float:left;
    clear:none;
    padding:0 0 0 0;
}

div.login div.btnPincode:hover
{
    background-color:#E5E5E5;
}

div.login div.btnPincode a,
div.login div.btnPincode a:hover
{
    color: #999999;
	font-size:1.5em;
	font-weight:bold;
	position:relative;
    text-decoration:none;
    padding:0.5em 1.25em 1em 0.25em;
}

div.login input.pincode
{
    color: #999999;
    font-weight:bold;
    font-size:1.5em;
    text-align:center;
    border:none;
    width:6.2em !important;
    margin-bottom:0.5em;
    background-color:transparent;
}


/* POPUP 
----------------------------------------------------------*/

.popup
{
	width: 60em;
	height:36em;
	margin: auto auto auto auto;
	border-bottom:0.4em solid #ce0033;
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
	border-bottom-left-radius:0.2em;
	border-bottom-right-radius:0.2em;
    -moz-box-shadow: 0 0.5em 1.5em #CCCCCC; /* Firefox */
    -webkit-box-shadow: 0 0.5em 1.5em #CCCCCC; /* Safari, Chrome */
	box-shadow: 0 0.5em 1.5em #CCCCCC; /* CSS3 */
    padding-top:0;
  	padding-bottom:2em;
	background-color:#FFFFFF;
	clear:both;
	position:fixed;
	z-index:16;
}

.popup .progress
{
    margin-top:16px;
    margin-left:20px;
    height:31px;
    width:31px;
    background-image:url("/Framework/img/progress.gif");
    background-repeat:no-repeat;
    background-position:top left;
    float:left;
    position:absolute;
}

.popup .btnClose
{
	border-top-right-radius:0.2em;
    height:60px;
    width:3.75em;
    background-image:url("/Framework/img/btnClose.png");
    background-repeat:no-repeat;
    background-position:right center;
    clear:none;
    background-color:#555555;
}

.popup .title
{
	border-top-left-radius:0.2em;
    padding:0px 0px 0px 0px;
    height:60px;
    width:56.25em;
    float:left;
    background-color:#555555;
}

.popup .title span
{
    width:auto;
	left:66px !important;
	position:absolute;
}

.popup .title h2
{
	padding: 16px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	color:White;
	font-size:20pt;
}

.popup .title.student
{
    background-image:url("/Framework/img/ico.student.m.png");
    background-repeat:no-repeat;
    background-position:20px 17px;
}

.popup .title.admin
{
    background-image:url("/Framework/img/ico.admin.m.png");
    background-repeat:no-repeat;
    background-position:20px 17px;
}

.popup .title.sales
{
    background-image:url("/Framework/img/ico.sales.m.png");
    background-repeat:no-repeat;
    background-position:20px 17px;
}

.popup .title.new
{
    background-image:url("/Framework/img/ico.new.m.png");
    background-repeat:no-repeat;
    background-position:20px 17px;
}

.popup .title.security
{
    background-image:url("/Framework/img/ico.security.m.png");
    background-repeat:no-repeat;
    background-position:20px 17px;
}

.popup .title.school
{
    background-image:url("/Framework/img/ico.school.m.png");
    background-repeat:no-repeat;
    background-position:20px 17px;
}

.popup .menu.content
{
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
    margin:0 -1.25em 0 -1.25em;
    padding:0.5em 1.45em 0.5em 1.05em;
}

.popup .main
{
    height:32em;
    overflow:hidden;
    overflow-y:auto;
}

.popup-tracking
{
	border-top:0.4em solid #555555;
	border-bottom:0.4em solid #ce0033;
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
	border-bottom-left-radius:0.2em;
	border-bottom-right-radius:0.2em;
	background-color:#FFFFFF;
    top:160px;
    width:500px;
    height:auto; 
    z-index:17;
    display:none;
    position:absolute;
    top:200;
}

.blend
{
    top:0;
    left:0;
    position:fixed;
    width:100%;
    height:100%;
	background-color: #666666;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    -moz-opacity:0.7;
    opacity: 0.7;
    display:none;
    z-index:14;
}


/* BROWSER CHECK
----------------------------------------------------------*/

h3.systemtest

{
    background-image:url('/framework/img/iconError.png');
    background-position:0em 1.23em;
    background-repeat:no-repeat;
    padding-left:25px;
}

h3.systemtest.confirm
{
    background-image:url('/framework/img/iconSuccess.png');
}

h3.systemtest.inform
{
    background-image:url('/framework/img/iconInformation.png');
}

h3.systemtest.warning
{
    background-image:url('/framework/img/iconWarning.png');
}

table.browser
{
    border-spacing:0px;
}

table.browser td
{
    height:140px;
    margin:0 0 0 0;
    padding:0 0 0 0;
    background-color:#E5E5E5;
    border-bottom:2px solid #FFFFFF;
    text-align:center;
    vertical-align:middle;
    width: 30%;
}

table.browser th
{
    padding-top:1em;
    padding-left:0.1em;
    font-weight:bold;
}

table.browser td.os
{
    border-right:2px solid #FFFFFF;
}

table.browser td.flash
{
    border-left:2px solid #FFFFFF;
}

table.browser th span
{
    background-image:url('/framework/img/iconError.png');
    background-position:3px 3px;
    background-repeat:no-repeat;
    padding-left:28px;
    padding-bottom:5px;
}

table.browser th.confirm span
{
    background-image:url('/framework/img/iconSuccess.png');
}

table.browser th.inform span
{
    background-image:url('/framework/img/iconInformation.png');
}

table.browser th.warning span
{
    background-image:url('/framework/img/iconWarning.png');
}

table.browser td img
{
	padding:8px 20px 8px 20px;
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
	border-bottom-left-radius:0.2em;
	border-bottom-right-radius:0.2em;
	border:1px solid transparent;
}

table.browser td a
{
    color:#CCCCCC;
}

table.browser td a:hover img
{
    background-position:6px 6px;
    background-repeat:no-repeat;
    background-image:url('/framework/img/icoDownload.png');
	border:1px solid #999999 !important;
}

table.browser td.os.selected img,
table.browser td.browser.selected img,
table.browser td.flash.preselected.true img
{
	
}

table.browser td.browser .currentBrowser
{
    width: 17%;
    float: left;
}

table.browser td.browser .wantedBrowser
{
    display:block;
}

table.browser td.browser span
{
    float: right;
    width: 69%;
    font-size: 13px;
    text-align: center;
    margin-top: 9px;
    margin-bottom: 3px;
}



/* ACTION BUTTONS
----------------------------------------------------------*/

.action 
{
    display:inline-block;
    height:0px;
    padding-bottom:32px;
    padding-left:32px;
    background-repeat:no-repeat;
    background-position:left center;
}

.action.user.add  
{
    background-image:url("/Framework/img/ico.user.add.m.png");
}




/*
    FAQ
    _____________________________________________________________________________
*/

.red {
    color: #ce0033;
    cursor: pointer;
}

.answer{
    background-image:none !important; 
    padding-left:0px;
    margin-bottom:10px;
}

.answer.active {
    overflow: hidden;
    display: block;
}

.answer.deact {
    overflow: hidden;
    display: none;
}