body {
    font-family: 'Visual Geez Unicode', Nyala, 'Power Geez Unicode1';
    font-size: small;
    top: 0px;
    background-color: #F5F5F5;
}

.divTopBar {
    position: relative;
    color: White;
    font-size: .9em;
    position: relative;
    height: 26px;
    background: url('../Images/gray_menu_bg.jpg');
    width: 100%;
    top: 0px;
    left: -8px;
    right: -8px;
}

.divContentTop {
    margin-left: -8px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-top: 0px;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: White;
    /*background:   url('../Images/DarkGray.png');*/
}


.divContentMain {
    width: 1056px;
    background-color: White;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    position: relative;
    top: 105px;
    left: 28px;
}

.divContentFooter {
    color: White;
    font-size: .8em;
    position: relative;
    height: 80px;
    text-align: center;
    background: url('../Images/DarkGray.png');
    width: 100%;
    top: 50px;
    left: 0px;
    right: 0px;
}

.divContentMenu {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 1051px;
    height: 100%;
    /*margin-right:auto;
    margin-left:auto;*/
}

.divMenuPanel {
    border-color: #cbcbcb;
    border-style: solid;
    border-width: 1px;
    height: 100%;
    margin-bottom: 10px;
    background-image: url('../Images/gray_menu_bg.jpg');
}

.LabelStyle {
    font-family: 'Visual Geez Unicode',Nyala, 'Power Geez Unicode1';
    font-size: small;
    font-weight: normal;
    color: #385487;
    text-align: left;
}


/* ========================Default Grid View=====================================*/

.tablestyle {
    font-family: arial;
    font-size: small;
    border: solid 1px #7f7f7f;
}

.altrowstyle {
    background-color: #edf5ff;
}

.headerstyle th {
    background: url(../Images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}

    .headerstyle th a {
        font-weight: normal;
        text-decoration: none;
        text-align: center;
        color: #000;
        display: block;
        padding-right: 10px;
    }

.rowstyle .sortaltrow, .altrowstyle .sortaltrow {
    background-color: #edf5ff;
}

.rowstyle .sortrow, .altrowstyle .sortrow {
    background-color: #dbeaff;
}

.rowstyle td, .altrowstyle td {
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}

.headerstyle .sortascheader {
    background: url(../Images/sprite.png) repeat-x 0px -100px;
}

    .headerstyle .sortascheader a {
        background: url(../Images/dt-arrow-up.png) no-repeat right 50%;
    }

.headerstyle .sortdescheader {
    background: url(../Images/sprite.png) repeat-x 0px -100px;
}

    .headerstyle .sortdescheader a {
        background: url(../Images/dt-arrow-dn.png) no-repeat right 50%;
    }

.PagerStyle {
    background-image: url(../Images/PagerWhiteChrome.jpg);
    background-position: center;
    background-repeat: repeat-x;
    background-color: #fff;
    border-bottom: solid 1px #999;
}

    .PagerStyle table {
        text-align: center;
        margin: auto;
    }

        .PagerStyle table td {
            border: 0px;
            padding: 5px;
        }

    .PagerStyle td {
        border-top: #999999 1px solid;
    }

    .PagerStyle a {
        color: #333;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
        border-top: solid 1px #fff;
        border-right: solid 1px #999;
        border-bottom: solid 1px #999;
        border-left: solid 1px #fff;
    }

    .PagerStyle span {
        font-weight: bold;
        color: #333;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
    }
/* =============================================================*/




/*=======================BreadCrumb=============================*/
.module:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/* float clearing for IE6 */
* html .module {
    height: 1%;
    overflow: visible;
}

/* float clearing for IE7 */
* + html .module {
    min-height: 1%;
}

/* Breadcrumb Styles
 ---------------------------------------------------------------------*/
/* Breadcrumb Styles
 ---------------------------------------------------------------------*/
.divBreadCrumb {
    margin-top: 2px;
    width: 1040px;
    height: 100%;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 4px;
    text-align: left;
}

.breadCrumb {
    /* float: left;*/
    display: block;
    height: 40px;
    /*overflow: hidden;
    width: 990px;*/
    padding: 5px 0;
    background: #fff;
    margin-bottom: 10px;
    /* background-image: url(../Images/gray_menu_bottom.png);*/
    background: #F9F9F9;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}

.bc-container {
    margin: 0;
    padding: 0;
    height: 21px;
    display: block;
    margin-bottom: 10px;
    margin-top: 4px;
}

.bc-seperator {
    display: block;
    float: left;
    position: relative;
    height: 16px;
    overflow: hidden;
    /*line-height: 21px;*/
    margin: 0px 6px 0px 0;
    padding: 0px 10px 0px 0;
    font-size: .9167em;
    background: url(../images/Chevron.gif) no-repeat 100% 0;
}


.breadCrumb a {
    display: block;
    position: relative;
    height: 21px;
    /*line-height: 21px;*/
    overflow: hidden;
    float: left;
    color: #2D5883;
    text-decoration: none;
    /*margin-top:4px;*/
}

.bc-container .first {
    height: 16px;
    text-indent: -1000em;
    width: 21px;
    padding: 0;
    margin-top: 1px;
    margin-left: 5px;
    overflow: hidden;
    background: url(../images/IconHome.gif) no-repeat 0 0;
}

    .bc-container .first:hover {
        background-position: 0 -16px;
    }

.bc-container .last {
    background: none;
    margin-right: 0;
    padding-right: 0;
    text-align: left;
}
/*==========================================*/

.SimpleText {
    background-color: white;
    border-top: 1px solid #9DA0AA;
    border-right: 1px solid #C2C4CB;
    border-bottom: 1px solid #D9DAE0;
    border-left: 1px solid #C2C4CB;
    padding: 1px 2px;
    margin: 0px;
    height: 32px;
}

/*==========================================*/

.SimpleText {
    background-color: white;
    border-top: 1px solid #9DA0AA;
    border-right: 1px solid #C2C4CB;
    border-bottom: 1px solid #D9DAE0;
    border-left: 1px solid #C2C4CB;
    padding: 1px 2px;
    margin: 0px;
    height: 32px;
}



/*================callout*/
.customCalloutStyle div, .customCalloutStyle td {
    border: solid 1px #2D5883;
    background-color: #F8EAEA;
    color: Black;
}

.customCalloutStyle .ajax__validatorcallout_popup_table {
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_popup_table_row {
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_cell {
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_table {
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_table_row {
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell {
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}

    .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
        font-size: 1px;
        position: relative;
        left: 1px;
        border-bottom: none;
        border-right: none;
        border-left: none;
        width: 15px;
        background-color: transparent;
        padding: 0px;
    }

        .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
            height: 1px;
            overflow: hidden;
            border-top: none;
            border-bottom: none;
            border-right: none;
            padding: 0px;
            margin-left: auto;
        }

.customCalloutStyle .ajax__validatorcallout_error_message_cell {
    font-family: Visual Geez Unicode, Nyala,Power Geez Unicode1;
    font-size: 12px;
    padding: 5px;
    border-right: none;
    border-left: none;
    width: 100%;
}

.customCalloutStyle .ajax__validatorcallout_icon_cell {
    width: 20px;
    padding: 8px;
    border-right: none;
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell {
    vertical-align: top;
    padding: 5px;
    text-align: right;
    border-left: none;
    width: 15px;
}
/*================callout*/

Table {
    padding: 0px;
}

TD {
    margin: 2px;
    padding: 2px;
    text-align: left;
}
/*.RoundPanel
{
    background: #F9F9F9;
    border: 2px solid #f1f1f1;
    border-radius: 5px;
    padding:6px;
}*/

.RoundPanel {
    border-radius: 3px;
    padding: 8px;
    background: white;
    /*margin: 0 15px;*/
    margin-bottom: 15px;
    position: relative;
    z-index: 3 !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #848282;
}

.btnDefualt {
    color: white;
    top: -30px;
    border-radius: 3px;
    padding: 8px;
    background: #1D8477;
    margin: 0 15px;
    height: 50px;
    position: relative;
    z-index: 3 !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #13786b !important;
}


/*================callout*/



.RoundPanelToolbar {
    background: #F5F5F5;
    border: 2px solid #f1f1f1;
    border-radius: 5px;
    padding: 6px;
}


.Mandatory {
    background-color: Red;
}


/*Use this when DXTexboxes areused in combination with ASP Textboxes*/
.TextBox {
    background-color: white;
    border-color: #AFB1B6;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    box-shadow: 0 1px rgba(0, 0, 0, .08) inset, 0 1px rgba(255, 255, 255, .5);
    overflow: hidden;
    cursor: default;
    padding: 9px 6px 6px 8px;
    font-size: small;
    color: #385487;
    font-family: 'Visual Geez Unicode', Nyala, 'Power Geez Unicode1';
}

/*.TextBox
{
   
    background-color: white;
	border-top: 1px solid #adadad;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #bfbfbf;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
	-o-border-radius: 4px;
  
    padding: 5.5px 4px ;
    font-size: small; 
    color: #385487;
    font-family: 'Visual Geez Unicode', Nyala, 'Power Geez Unicode1';
}*/


.ComboBox {
    background-color: white;
    border-top: 1px solid #adadad;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #bfbfbf;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) inset;
    -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) inset;
    padding: 4px 4px;
    font-size: small;
    color: #385487;
    font-family: 'Visual Geez Unicode', Nyala, 'Power Geez Unicode1';
}




.close-btn {
    position: absolute;
    right: 6px;
    top: 0;
    cursor: pointer;
}

    .close-btn:hover {
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
    }

.message-box {
    width: 270px;
    display: inline;
    height: auto;
    padding: 25px 15px;
    position: fixed;
    right: -620px;
    top: 120px;
    font-size: 15px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #f1ceab;
    border: 1px solid #efb99e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.success {
    background-color: #d5ecbf;
    border-color: #d2e6ab;
    color: #669533;
}

.error {
    background-color: #f2bdb1;
    border-color: #f0a5a4;
    color: #bd4247;
}

.info {
    background-color: #a7dff1;
    border-color: #88e4ec;
    color: #817b58;
}



.newsArticle {
    background-color: White;
    float: left;
    margin-bottom: 30px;
    margin-top: 0px;
    margin-right: 10px;
}

.newsDate {
    float: left;
    background: url("images/icon_date.gif") no-repeat;
    padding-left: 18px;
    line-height: 22px;
}

.row {
    width: 100%;
    max-width: 1140px;
    min-width: 755px;
    margin: 0 auto;
    overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
    margin-right: 3.8%;
    float: left;
    min-height: 1px;
}

.row .onecol {
}

.row .twocol {
    width: 13.45%;
}

.row .threecol {
    width: 22.05%;
}

.row .fourcol {
    width: 30.75%;
}

.row .fivecol {
    width: 39.45%;
}

.row .sixcol {
    width: 48%;
}

.row .sevencol {
    width: 56.75%;
}

.row .eightcol {
    width: 65.4%;
}

.row .ninecol {
    width: 74.05%;
}

.row .tencol {
    width: 82.7%;
}

.row .elevencol {
    width: 91.35%;
}

.row .twelvecol {
    width: 100%;
    float: left;
}

.last {
    margin-right: 0px;
}

/* TabControl */
.tabs.dxtcControl {
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
}

.tabs .dxtcTabsCell {
    padding: 0px !important;
}

.tabs .dxtcTab,
.tabs .dxtcTabWithTabPositionLeft,
.tabs .dxtcTabWithTabPositionBottom,
.tabs .dxtcTabWithTabPositionRight,
.tabs .dxtcActiveTab,
.tabs .dxtcActiveTabWithTabPositionBottom,
.tabs .dxtcActiveTabWithTabPositionLeft,
.tabs .dxtcActiveTabWithTabPositionRight {
    border-radius: 8px 8px 0 0;
    padding: 10px 10px 9px;
    border: 1px solid #CCCCCC;
    border-bottom-width: 0px !important;
    background-color: #FAFAFA;
    background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
}

.tabs .dxtcActiveTab,
.tabs .dxtcActiveTabWithTabPositionBottom,
.tabs .dxtcActiveTabWithTabPositionLeft,
.tabs .dxtcActiveTabWithTabPositionRight {
    background: #FFFFFF;
    text-transform: uppercase;
    font-weight: 700;
}

.tabs .dxtcPageContent {
    border-width: 0 !important;
    padding: 20px 0px !important;
}

.tabs .dxtcLeftIndentCell,
.tabs .dxtcLeftAlignCell,
.tabs .dxtcRightAlignCell,
.tabs .dxtcRightIndentCell,
.tabs .dxtcActiveTab + td {
    border-width: 0 !important;
}

.tabs .dxtcRightIndentCell {
    padding: 0 0 0 12px;
}

/*.ComboBox {
    margin-bottom: 15px;
    margin-right: 10px;
    border: none !important;
    border-radius: 0;
    padding-left: 2px;
    box-shadow: inset 0 -1px 0 #ddd;
}

.TextBox {
    margin-bottom: 15px;
    margin-right: 10px;
    border: none !important;
    border-radius: 0;
    padding-left: 2px;
    box-shadow: inset 0 -1px 0 #ddd;
}

    .TextBox:focus {
        -webkit-box-shadow: inset 0 -2px 0 #00796b;
        box-shadow: inset 0 -2px 0 #00796b;
        border: none !important;
        outline: none;
    }

.ComboBox:focus {
    -webkit-box-shadow: inset 0 -2px 0 #00796b;
    box-shadow: inset 0 -2px 0 #00796b;
    border: none !important;
    outline: none;
}

input[type=text]:focus {
    border: none !important;
    outline: none;
}*/

.ComboBox {
    margin-top:5px;
    margin-bottom: 15px;
    margin-right: 10px;
    border-radius: 4px;
    padding-left: 2px;
}

.TextBox {
    margin-top: 5px;
    margin-bottom: 15px;
    margin-right: 5px;
    border-radius: 4px;
    padding-left: 2px;
}