table td, table th, input, textarea, select, a {
    font-family: Tahoma;
    font-size: 12px;
}
table {
    border-collapse: collapse;
    border: 0;
    padding: 0;
    border-spacing: 0;
}
table td, table th {
    border: 0;
    padding: 0;
}
body {
    
    margin: 0;
}
img {
    border: none;
}
.textbox, input, select, textarea {
    border: 1px solid #c3c3c3;
    border-collapse: collapse;
}
input[type='button'], input[type='submit'] {
    height: 32px; /*border: 1px solid #c3c3c3;*/
    font-weight: bold;
    color: Black;
    background-color: #E5F5C4;
    cursor: pointer;
}
input[readonly], input[disabled], .gray {
    background-color: #D0D0D0;
}
input[type='text']:focus, input[type='password']:focus, select:focus, textarea:focus {
    background-color: #E0E0E0;
    color: Black;
    border: solid 1px black;
}
.fwPanel {
    width: 100%;
}
.fwPanel td {
    padding: 2px;
}
.textbox, .fwPanel input, .fwPanel textarea, .fwPanel select {
    font-weight: normal;
    width: 300px;
    color: #000000;
    margin: 0px;
    display: inline-block;
    padding: 1px;
}
.fwPanel .ac_input {
    width: 252px;
}
.ac_input.gray {
    background-image: none;
}
.fwPanel input.ac_input.textbox {
    width: 300px;
}
.fwPanel textarea {
    /*width: 100%;*/
}
.fwPanel .fld input.date {
    width: 284px;
}
.fwPanel input[type="button"], .fwPanel input[type="submit"] {
    width: auto;
}
.Combo, .fwPanel select {
    color: #293431;
    width: 305px;
}
.ac_input,.ac_loading {
    background-position: right;
}
.mHeader {
    padding: 0px;
    direction: ltr;
    height: 91px;
    background-image: url('../img/header/header_bg.png');
    background-repeat: no-repeat;
    background-color:White;
    /*width: 1002px;*/
    margin: 0 auto;
    background-position-x: 50%;
}
.mHeader .logo {
    float: left;
}
.mMenu {
    height: 35px;
    background: #284f81;
    padding: 0 8px;
}
.Copyrights {
    font-weight: normal;
    font-family: @Arial;
    font-size: 10px;
    color: #4b4b4b;
}
.Box1 {
    background: url(../../static/img/box_1.png);
    padding-left: 16px;
}
.Box2 {
    background: url(../../static/img/box_2.png);
    background-repeat: repeat-x;
}
.Box3 {
    background: url(../../static/img/box_3.png);
    padding-right: 16px;
}
.Box4 {
    background: url(../../static/img/box_4.png);
    background-repeat: repeat-y;
}
.Box5 {
    background: url(../../static/img/box_5.png);
    background-repeat: repeat-y;
}
.Box6 {
    background: url(../../static/img/box_6.png);
    width: 16px;
}
.Box7 {
    background: url(../../static/img/box_7.png);
    background-repeat: repeat-x;
}
.Box8 {
    background: url(../../static/img/box_8.png);
}
.HeadBG {
    background: url("../../static/img/HeadBG.jpg");
    color: #B9940C;
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    padding: 3px;
}
/*****************Grid **************/
table.Grid td, table.Grid th, table.Grid tr {
    border: solid 1px black;
}
table.Grid table td, table.Grid table th, table.Grid table tr {
    border: 0;
    padding: 2px;
}
table.Grid td {
    /*color: #000000; 	background-color: #ffffff;*/
    padding: 3px;
}
table.Grid tr.tableRowRollOver td {
    background-color: #BFFF8C;
    /*cursor: pointer;*/
}
table.Grid {
    border: thin 1px solid #9aeeb2;
    width: 100%;
}
table.Grid tr.head {
    text-indent: 3px; /*padding-left was not working, therefore text-indent has been used 						  just to sync the heading text of both type of grids (asp:gridview and componentart:grid)*/
    font-weight: bold; /*background: #E0DFE3 url(../../static/img/header_rowBg.gif) repeat-x bottom;*/
    height: 24px; /*border-color: #9eaab2;*/
    background-color: #CDC;
}
table.Grid tr.head a {
    /*text-decoration: none;*/
    color: #36923c;
}
table.Grid tr.even td {
    color: #000000;
    background-color: #eaeaea;
    text-decoration: none;
}
table.Grid tr.selected {
    color: #000000;
    text-decoration: none;
    background-color: #eeffee;
}
table.Grid tr.selected td {
    color: #000000;
    text-decoration: none;
}
table.Grid tr.foot {
}
/* end grid */
.MandatoryAsterisk {
    color: Red;
}
.modalBackground {
    background-color: Gray; /*filter: alpha(opacity=70); 	opacity: 0.7;*/
    z-index: 10000 !important;
}
.modalPopup {
    background-color: White;
    border: Solid 3px #AACCFF;
    padding: 0px;
    width: 100%;
    color: #000000;
    z-index: 11000 !important;
}
.right {
    text-align: right;
}
.float {
    float: left;
}
.floatOpp {
    float: right;
}
.tab {
}
.mandatory {
    color: Red;
}
.english {
    direction: ltr;
}
fieldset {
    padding: 5px;
}
fieldset legend {
    font-weight: bold;
    font-size: 12px;
    font-family: Tahoma;
    margin: 0 8px;
}
.rtl {
    direction: rtl;
}
.ltr {
    direction: ltr;
}

/*Main Menu*/
#mainMenuTable {
    border-spacing: 0; /*width:100%;*/
    padding: 2px 6px;
    width:auto;
}
#mainMenuTable img {
    border: 0;
}
#mainMenuTable label {
    padding: 0;
    border: 0;
    margin: 0;
}
#mainMenuTable tr td {
    padding: 3px 4px;
    border: 0;
    margin: 0;
}
#mainMenuTable tr td a, .menuTop {
    text-decoration: none;
    font: bold 11px tahoma;
    vertical-align: top;
    font-size: 12px;
    color: White;
}
#mainMenuTable tr td td a {
    color: Black;
}
#mainMenuTable tr td:hover, .menuTop:hover {
    background-color: #333333;
}
#mainMenuTable tr td.MenuSeparator:hover {
    background-color: inherit;
}
#mainMenuTable tr td a {
    display: block;
    white-space: nowrap;
}
#mainMenuTable tr td div {
    display: none;
}
#mainMenuTable tr td div table {
    border-collapse: collapse;
    float: right;
    background-color: White;
    z-index: 99999;
    padding: 0 10px;
    border-spacing: 2px;
    position: absolute;
    width: auto;
}
#mainMenuTable tr td div table tr td {
    padding: 8px 25px;
    border: 1px solid black;
}
#mainMenuTable tr td div table tr td:hover {
    background-color: #BCF;
}
#mainMenuTable tr td div table tr td a:hover {
    
}
#mainMenuTable tr td div table tr td div {
    left: 0px;
    top: -10px;
    position: relative;
    padding: 2px 3px 2px 3px;
    margin: 0 3px 3px 0;
}
/*End Main Menu*/
.PlayerPhoto {
    max-width: 200px;
}
.wrnMsg {
    padding: 0 10px;
    color: Red;
}

.imgSign {
    max-width: 200px;
}
.btnCancel {
    background: url("../../static/img/btn/btnCancel.gif") no-repeat scroll 4px 4px transparent;
    padding: 0 8px 0 30px !important;
    text-align: right;
}
.btnAdd {
    background: url("../../static/img/btn/btnAdd.gif") no-repeat scroll 4px 4px transparent;
    padding: 0 8px 0 30px !important;
    text-align: right;
}
.btnPrint {
    background: url("../../static/img/btn/btnPrint.gif") no-repeat scroll 4px 4px transparent;
    padding: 0 8px 0 30px !important;
    text-align: right;
}
.btnSave {
    background: url("../../static/img/btn/btnSave.gif") no-repeat scroll 4px 4px transparent;
    padding: 0 8px 0 30px !important;
    text-align: right;
}
.btnSearch {
    background: url("../../static/img/btn/btnSearch.gif") no-repeat scroll 4px 4px transparent;
    padding: 0 8px 0 30px !important;
    text-align: right;
}
.btnAccept {
    background: url("../../static/img/btn/btnAccept.gif") no-repeat scroll 4px 4px transparent;
    padding: 0 8px 0 30px !important;
    text-align: right;
}
.btnReject {
    background: url("../../static/img/btn/btnReject.gif") no-repeat scroll 4px 4px transparent;
    padding: 0 8px 0 30px !important;
    text-align: right;
}
.btnSubmit {
    background: url("../../static/img/btn/btnSubmit.gif") no-repeat scroll 4px 4px transparent;
    padding: 0 8px 0 30px !important;
    text-align: right;
}
.btnUpload {
    background: url("../../static/img/btn/btnUpload.gif") no-repeat scroll 4px 4px transparent;
    padding: 0 8px 0 30px !important;
    text-align: right;
}
.btnDelete {
    background: url("../../static/img/btn/btnReject.gif") no-repeat scroll 4px 4px transparent;
    padding: 0 8px 0 30px !important;
    text-align: right;
}
/******************************* popup *******************************/
.grayPanel{
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../../static/img/trans.gif);
}
div.grayPanel div{
    position: absolute;
    width: 27px;
    height: 38px;
    background-image: url(../../static/img/hour-glass-s.png);
}
.popupBG {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../../static/img/trans.gif);
}
.popup .panel {
    padding: 10px;
    background-color: #ffffff;
    width: 100%;
}
.popup .dragme {
    cursor: move;
    background-color: Blue;
    color: white;
    font-weight: bold;
    height: 20px;
    padding: 1px 5px;
}
.popup .window {
    position: absolute;
    border-style: solid;
    border-color: black;
    border-width: 1px 2px 2px 1px;
    visibility: hidden;
    width:auto;
}
.popup #scroll {
    overflow: auto;
}
/******************************* end popup *******************************/
.tab_button {
    background-color: #dddddd;
    border: 1px solid #888888;
    border-bottom: 1px solid #000000;
    cursor: pointer;
    padding: 5px;
}
.tab_button:hover {
    background-color: #eeeeee;
    border: 1px solid #000000;
    border-bottom: 1px solid #000000;
    cursor: pointer;
    padding: 5px;
}
.tab_pressed {
    background-color: white;
    border: 1px solid black;
    border-bottom: 1px solid white;
    padding: 5px;
    font-weight: bold;
}
.RedBackGround {
    background: #ff9999;
}
.smry {
    color: Red;
    background-color: #ffffaa;
    border: 1px solid #ff11ff;
    padding: 4px;
}
.smry ul {
    margin: 3px;
}