body {
    font-size: 0.9em;
    line-height: 20px;
    font-family: 'Times New Roman';
    color: #000000;
}


.header {
    background-position: center center;
    clear: both;
    height: 100px;
    background-image: url('../images/ue_logo2.png');
    background-repeat: no-repeat;
}


.float-left {
    float: left;
}

.float-right {
    float: right;

}
.content-wrapper {
    margin: 0 auto;
    width: 940px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #D3DCE0;
}

.main
{
	width: 100%;
    text-align: left;
    vertical-align: text-top;
	}
tr .wth {
    width: 50%;
    vertical-align: top;
}
.textbox 
{
    width: 230px;
    white-space:normal;
    text-align: left;
    vertical-align: text-top;
}

.textboxsmall 
{
    width: 115px;
    white-space:normal;
    text-align: left;
    vertical-align: text-top;
}
.labelcolor {
    width: 130px;
    white-space: normal;
    text-align: left;
    vertical-align: text-top;
    background-color: #D7D7D7;
}
.textboxScroll 
{
    width: 230px;
    height: 50px;
    
}
.ListboxScroll 
{
    width: 230px;
    height: 125px;
    
}
.validation {
    color: #FF0000;
}
.insertrecords {
    POSITION: absolute; /*VISIBILITY: hidden;*/
    TOP: 30%;
    LEFT: 5%;
   	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
    /*background-color: #CCCCCC;*/
}
.loadingimage
{
    position:fixed;
    top: 50%;
    left: 55%;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    z-index: 90000;
}
.footer 
{
    height:102px; 
    clear:both; 
}
.left_footer 
{ 
   float: left;
    margin-left: 120px;
    margin-top: 10px;

}


.right_footer 
{ 
 	float: right;
	margin-right: 120px;
	margin-top: 10px;

}


/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
    color: #777777;
}

#login a {
    background-color: #D3DCE0;
    /*margin-left: 10px;
    margin-right: 3px;
    padding: 2px 3px;
    text-decoration: none;*/
    color: #777777;
}

#login a.username {
        background: none;
        margin-left: 0px;
        text-decoration: underline;
    }

#login ul {
        margin: 0;
    }

#login li {
        display: inline;
        list-style: none;
    }

/* login page */
#loginForm {
    margin: 0 auto;
    width: 285px;
    vertical-align: middle;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }
    /* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}
.hidden
{
    display: none;
} 
/*GridView---------------------------------------------*/


.inputhead
{
/*width: 100%;*/
border: 1px solid black;
background: white;
text-align: left;

}

.inputhead th
{
text-align: right;
/*background: #013b82;
color: white;*/
}

.inputhead td
{
text-align: left;
background: #013b82;
color: white;
}

.inputheadtextbox {
    width: 50px;
    height: 10px;
    font-size: xx-small;
    text-align: right;
    background-color: #FDE9D9;
}
.inputheadtextboxdata {
    width: 50px;
    height: 10px;
    font-size: xx-small;
    text-align: right;
    background-color: #DCE6F1;
}

.inputheadlabel {
    width: 45px;
    height: 10px;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
}
.inputheadlabelright
{
    width: 45px;
    height: 10px;
    font-size: 11px;
    text-align: right;
    /*font-weight: bold;*/
}

.outputtable {
    border-collapse:collapse;
}

.outputheadlabel {
    /*width: 250px;*/
    /*height: 10px;*/
    font-size: 11px;
    text-align: left;
    /*font-weight: bold;*/
    white-space:nowrap;
}

.outputheadlabelright
{
    /*width: 175px;*/ /*height: 10px;*/
    font-size: 10px;
    text-align: right;
    padding-right: 4px;
    white-space: nowrap;
}

.outputheadlabelrightNonRate {
    /*width: 175px;*/ /*height: 10px;*/
    font-size: 10px;
    text-align: right;
    padding-right: 4px;
    white-space: nowrap;
    background-color: #FFFF99;
}

outputheadlabelleft {
    /*width: 175px;*/ /*height: 10px;*/
    font-size: 10px;
    text-align: left;
    padding-right: 4px;
    white-space: nowrap;
}
.outputheadlabelleftNonRate {
    /*width: 175px;*/ /*height: 10px;*/
    font-size: 10px;
    text-align: left;
    padding-right: 4px;
    white-space: nowrap;
    background-color: #FFFF99;
}



/*.outputheadlabelcenter
{
    border-width: thin;
    border-color: #000000;
    width: 15px;
    height: 10px;
    font-size: 11px;
    text-align: center;
}*/



.outputheadlabelcenterborderall
{
    border: thin solid #000000; /*width: 50px;
    height: 10px;*/
    font-size: 11px;
    text-align: center;
    font-weight: bold;
}


.outputgrandtotalright
{
    /*width: 175px;*/
    /*height: 10px;*/
    font-size: 10px;
    text-align: right;
    /*font-weight: bold;*/
    background-color: #E8E8EC;
    /*padding-left: 4px;*/
}

.outputtotalbottom
{
    /*width: 175px;*/
    /*height: 10px;*/
    font-size: 10px;
    text-align: right;
    /*font-weight: bold;*/
    background-color: #E8E8EC;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: thin;
    border-bottom-width: thin;
    /*padding-right: 4px;*/
}
.outputtotalbbillenddate
{
    /*width: 175px;*/
    /*height: 10px;*/
    font-size: 10px;
    text-align: right;
    font-weight: bold;
    background-color: #E8E8EC;
    /*border-top-style: solid;*/
    border-bottom-style: solid;
    /*border-top-width: thin;*/
    border-bottom-width: thin;
    /*padding-right: 4px;*/
}

.inputitem {
    width: 100%;
    border-collapse:collapse;
    background: white;
    text-align: left;
   
}

.inputitem th
{
    text-align: center;
    border:1px solid black;
    
}

.inputitem td
{
    text-align: left;
    border:1px solid black;
    
}


.readerhead
{
/*width: 100%;*/
border: 1px solid black;
background: white;
text-align: left;

}

.readerhead th
{
text-align: center;
/*background: #013b82;
color: white;*/
}


.readerhead td
{
text-align: center;
background: #013b82;
color: white;
}

.readeritem {
    width: 100%;
   border-collapse:collapse;
    background: white;
    text-align: left;
   
}

.readeritem th
{
    text-align: center;
    border:1px solid black;
    
}

.readeritem td
{
    text-align: center;
    border:1px solid black;
    
}

.gridview
{
width: 100%;
border: 1px solid black;
background: white;
text-align: left;

}
.gridview th
{
text-align: center;
background: #013b82;
color: white;
}
.gridview .pager
{
text-align: center;
background: #013b82;
color: White;
font-weight: bold;
border: 1px solid #013b82;
}
.gridview .pager a
{
color: #666;
}

.gridview a
{
text-decoration: none;
color: White;
}
.gridview a:hover
{
color: Silver;
}
.gridview .sortedasc
{
background-color: #336699;
}
.gridview .sortedasc a
{
padding-right: 15px;
background-image :url(../images/up_arrow.png);
background-repeat: no-repeat;
background-position: right center;
}
.gridview .sortedasc a:hover
{
color:White;
}
.gridview .sorteddesc
{
background-color: #336699;
}
.gridview .sorteddesc a
{
padding-right: 15px;
background-image :url(../images/down_arrow.png);
background-repeat: no-repeat;
background-position: right center;
}
.gridview .sorteddesc a:hover
{
color:White;
}
.gridview .alternating
{
background: #d8d8d8;
}
.gridview .gvTextBox 
{
    width: 65px
}

/*-----------------------------------------------------*/

/*SubGridView------------------------------------------*/
.subgridview
{
width:80%;
border: none;
text-align:left;
margin: 0px 0px 5px 25px;
background: whitesmoke;
}
.subgridview th
{
background: silver;
color: Black;
}
/*-----------------------------------------------------*/

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
   z-index: 6000 !important;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:480px;
    z-index: 6001 !important;
}

a.linkbutton {
    padding: 5px;
    border-style: inset;
    border-width: 1px;
    text-decoration: none;
    background-color: #E4E4E4;
    color: #000000;
}

a.linkbutton:hover
{
    text-decoration: underline;
}

a.linkbuttonHeader {
    border-style: none;
    text-decoration: underline;
    font-size: medium;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}