body, html, form{
    background-color: #F1F5F6;
    background-image:url(Images/bodyBg.jpg);
    background-repeat: repeat-x;
    margin: 0;
    cursor: default;
	font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	height:100%;
}

h2{
    margin-top: 0;
    margin-bottom: 0;
}

ul {
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:left;
}

fieldset{ border: 1px solid #D0DEDE;}
legend {color: #2C6263; font-weight: bold;}


a, a:link{
    color: #ED7E00;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}



.label{color:#2C6263;font-weight:bold; font-size: 12px;}



.ErrorMessage
{
    color: Red;
}



#topContainer
{
    margin: 0 auto;
    height: 140px;
    width: 800px;    
}
#bannerPanel
{
    width: 800px;
    height: 0px;    
}
#logo
{
     background-image:url(Images/logo.jpg);
     width: 258px;
     height: 80px;
     float: left;
}
#topMenuPanel
{    
    width: 800px;
    height: 35px;
    background-image:url(Images/topMenuBg.gif);
    background-repeat: no-repeat;
     
}
#statusPanel
{
    background-image:url(Images/statusBg.jpg);
    background-repeat: no-repeat;
    width: 800px;
    height: 40px;
    padding-top: 5px;
}
#statusTable
{
    width: 780px;
    margin-left: 10px; 
}
#balanceTd{ }
#accountStateTd{text-align: center; width: 200px;}
#logedUserTd{ text-align: right; }


#statusTable .label 
{ 
    color: #2C6263;
    font-weight: bold;
}



#mainlevel {
margin:0;
padding:0 0 0 30px;
}

#mainlevel li {
float:left;
font-size:12px;
line-height:20px;
list-style-type:none;
margin:0;
padding-left:7px;
padding-right:0;
text-align:center;
white-space:nowrap;
margin-top: 5px;
}

a.mainlevel, a.mainlevel:visited  {
background-color: #2B6364;
color:#FFFFFF;
display:block;
font-family:Helvetica,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
line-height: 25px;
margin-bottom:0;
margin-left:0;
padding-left:8px;
padding-right:8px;
text-align:center;
text-decoration:none;
text-indent:0;
}

a.active_menu {
background-color: White;
color:#000000;
display:block;
font-family:Helvetica,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
line-height: 30px;
margin-bottom:0;
margin-left:0;
padding-left:8px;
padding-right:8px;
text-align:center;
text-decoration:none;
text-indent:0;
}

a.mainlevel:hover {
background-color: White;
background-repeat:repeat-x;
color:#000000;
display:block;
font-family:Helvetica,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
line-height:26px;
margin-bottom:0;
margin-left:0;
padding-left:8px;
padding-right:8px;
text-align:center;
text-decoration:none;
text-indent:0;
}


/***********************foother*************************/
#footPanel
{
    background-image:url(Images/bottomLine.jpg);
    background-repeat: no-repeat;
    margin: 0 auto; 
    width: 800px;
    text-align: center;
    padding-top: 5px;    
    font-size: 11px;
}

.foot-separator
{
    height: 50px
}

.footer{
height:50px;
margin:-50px auto 0;
text-align:center;
width:100%;
}
/***********************foother*************************/

/***********************BUTTONS*************************/
.toolbar{float: right;margin-top: 10px;}
.CommandButton {background-color: #D9E5E6; border: 1px solid #75999A;cursor: pointer; text-align: center;}
.CommandButton:hover {background-color: #ABD0D3;}
.width150{width: 150px}
.deleteButton {display: inline-block; width:70px; text-indent: 18px; text-align: left; background-image:url(images/DeleteSmall.png); background-repeat: no-repeat;}
.acceptButton {display: inline-block; width:90px; text-indent: 18px; text-align: left; background-image:url(images/success.png); background-repeat: no-repeat;}
.refuseButton {display: inline-block; width:90px; text-indent: 18px; text-align: left; background-image:url(images/failed.png); background-repeat: no-repeat;}
.clone-button{display: inline-block; width:50px; height: 16px; text-indent: 18px; text-align: left; background-image:url(images/PageWhiteCopy.png); background-repeat: no-repeat;}
a.backButton, a.backButton:visited{display: inline-block; height:28px; width:60px; text-indent: 30px; text-align: left; background-image:url(images/backIcon.gif); background-repeat: no-repeat;}
/***********************BUTTONS*************************/

/***********************registration panel*************************/
#registrationPanel{}
#registrationPanel .Label{display: inline-block;  text-align: left; width: 120px; background-color: #F0F5F5; padding: 2px; margin: 1px; margin-right: 10px;}
#registrationPanel .BasicInfo{width: 350px;}
#registrationPanel .Companies{width: 350px}
#registrationPanel .reg-form-table{ width: 100%;}
#registrationPanel fieldset{ height: 190px; text-align:left; padding: 10px; }
#registrationPanel input {text-align: left; width: 150px}
#registrationPanel .registration-chck input {width: 15px; margin-right:5px; }
#registrationPanel fieldset legend {color: #2C6263; font-weight: bold;}
#registrationPanel ul{margin-left: 350px;list-style-type: disc;}
#registrationPanel .CommandButton {margin: 0 auto; text-align: center;}
#registrationPanel .resultpanel{text-align: center; margin: 30px;}
#registrationPanel .errorpanel{text-align: center; margin: 30px;}
#registrationPanel .resultText{font-size: 18px;}
#registrationPanel .icon {vertical-align: middle;}
#registrationPanel .title img {float: left;}
#registrationPanel div.progressPanel{margin-left: 100px; color: #2C6263;}
#registrationPanel div.progressPanel img{vertical-align: middle;}
#registrationPanel select{width: 150px; margin:0; padding:0;}
#registrationPanel p{color: #F77F00;}
/***********************registration panel*************************/

/**************************Login box***************************************/
#loginFormPanel .textbox{width: 150px; margin: 5px;}
#loginFormPanel .CommandButton {margin-right: 10px;}

/**************************Login box***************************************/

/**************************SUBMENU***************************************/
#submenu-panel {width: 650px; height: 36px;  margin: 0 auto;}
#submenu-panel li {margin:0; padding:0; width: 213px; float: left;}
a.submenu-item, a.submenu-item:visited{
        float:left;
        font-size:12px;
        line-height: 36px;        
        margin:5px 0 0;
        padding-left:7px;
        padding-right:0;
        text-align:center;
        white-space:nowrap;
        width: 213px;
        background-image:url(Images/submenu.jpg);
        background-repeat: no-repeat;
        display: block;
        text-decoration: none;
        color: White;
        font-weight: bold;
}
a.submenu-item:hover{background-image:url(Images/submenu_white.jpg); color: #2B6364;}
a.submenu-item-active,a.submenu-item-active:visited{background-image:url(Images/submenu_white.jpg); color: #2B6364;}
/**************************SUBMENU***************************************/

/**************************Pasword recovery***************************************/
.passwordRecoveryPanel{float:left; width: 500px;}
.successsResultPanel{margin-top: 10px; background-image:url(Images/successIcon.jpg); background-repeat: no-repeat; height: 45px; text-indent: 50px;}
.successsResultPanel .resultMessage{ color: green; display: block; padding-top: 10px; height: 20px;}
.failedResultPanel{margin-top: 10px; background-image:url(Images/failedIcon.jpg); background-repeat: no-repeat; height: 45px; text-indent: 50px;}
.failedResultPanel .resultMessage{ color: Red; display: block; padding-top: 10px; height: 20px;}
/**************************Pasword recovery***************************************/

.backIconPanel{float: right}

/*************LEFT MENU************************/
.left-menu ul { margin-bottom: 10px;}
.left-menu li
{  
    background-image:url(Images/greenBullet.gif);
    background-repeat: no-repeat;
    text-indent: 15px;
    margin-top: 5px;
    padding-top: 3px;
}
/*************LEFT MENU************************/

.lopgged-user-panel
{
	position: absolute;
	right: 10px;
	top: 5px;
}

#menuContainer
{
	margin-left: 160px;
	margin-top: 70px;
}

#banner-menu
{
	background-image:url(Images/banner_menu.jpg);
	width: 800px;
	height: 127px;
	position: absolute;
	left: 0;
	top: 0;
}
.OutputIframe
{
	width: 100%;
	height: 400px;
	overflow: scroll;
	border-width: 0;
	border-style: none;
}

.SchoolList {
    padding-right: 10px;
    vertical-align: bottom;
    width: 430px;
}

.OnePerRow li.select2-search-choice {
    clear: both;
}

.ReaderList {
    padding-right: 10px;
    vertical-align: bottom;
    width: 200px;
}

span.Error 
{
    color: #D50101; font-weight:bold;
}
span.Message 
{
    color: #15BA00; font-weight:bold;
}
.watermarked
{
    width:215px;
    color:#BBBBBB;
}
.vAlignBottom {
    vertical-align: bottom;
}
.rowNumberCol
{
    color: gray;
    padding-right: 10px;
}