html
{
    /*background: url(../images/html-bg1024.png) center repeat-y #fff;*/
    text-align: center;
    font-family: Tahoma;
    font-size: 11px;
    color: #000;
    height: 100%;
}




body
{
    width: 1003px;
    font-family: Tahoma;
    margin: 0 auto;
    font-size: 11px;
    text-align: right;
    border: solid 0px #f0f0f0;
    height: 100% \9;
    scrollbar-face-color: #427faa;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #427faa;
    scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #eef0e4;
    scrollbar-track-color: #eef0e4;
    scrollbar-arrow-color: #ffffff;
}
table
{
    width: 100%;
}
span table
{
    width: auto;
}
.lbtn_View, .lbtn_View_hover, .lbtn_edit, .lbtn_edit_hover, .lbtn_design, .lbtn_design_hover, .lbtn_action, .lbtn_action_hover, .lbtn_preview, .lbtn_generate
{
    float: right;
    height: 22px;
    cursor: pointer;
}
.lbtn_generate
{
    background: url(../images/export_btn.gif) no-repeat;
    width: 65px;
    height: 35px;
}
.lbtn_preview
{
    background: url(../images/preview_btn.gif) no-repeat;
    width: 65px;
}
.dailog_panel
{
    border: dashed 1px silver;
    min-height: 25px;
    min-width: 10px;
}
.lbtn_edit
{
    background: url(../images/edit_btn.gif) no-repeat;
    width: 65px;
}


.tool_title
{
    font-weight: bold;
    background: url(../images/bullet_blue.png) no-repeat;
    padding-left: 16px;
    padding-bottom: 12px;
}
.lbtn_edit_hover
{
    background: url(../images/edit_btn_hover.gif) no-repeat;
    width: 65px;
}
.lbtn_design
{
    background: url(../images/design_btn.gif) no-repeat;
    width: 65px;
}
.lbtn_design_hover
{
    background: url(../images/design_btn_hover.gif) no-repeat;
    width: 65px;
}
.lbtn_action
{
    background: url(../images/action_btn.gif) no-repeat;
    width: 65px;
}
.lbtn_action_hover
{
    background: url(../images/action_btn_hover.gif) no-repeat;
    width: 65px;
}


a
{
    color: royalblue;
    cursor: pointer;
}
a:hover
{
    color: #f7a609;
}

.title_formbuilder
{
    padding: 4px 10px 4px 4px;
    background: #f2f2f2;
    border-bottom: solid 1px #51a5b9;
    text-align: right;
}
.title_formbuilder input
{
    height: 22px;
}
.title_fb
{
    float: left;
    color: #00a9dc;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    margin-left: 12px;
}
.formbuilder
{
    border: solid #51a5b9 1px;
}

.all-container, .layout
{
    height: 100%;
    text-align: right;
    margin: 0;
    padding: 0;
}
.inside
{
    text-align: center;
    margin: 0 auto 0 auto;
}

.header
{
    border: solid red 0px;
    width: 100%;
    background: url(../Images/hdr.jpg) no-repeat 1px -4px;
    height: 107px;
}
.headerDMS
{
    border: solid red 0px;
    width: 100%;
    background: url(../Images/hdr.jpg) no-repeat 1px -4px;
    height: 107px;
    position: relative;
}
.headerDMS a
{
    color: #abe9ff;
    text-decoration: None;
}
.headerDMS a:hover
{
    color: #e7f9ff;
    text-decoration: underline;
}
.header a
{
    color: #abe9ff;
    text-decoration: None;
}
.header a:hover
{
    color: #e7f9ff;
    text-decoration: underline;
}
.header .logo
{
    display: none;
    background: url(../Images/eska-logo.gif) no-repeat;
    width: 154px;
    height: 59px;
    float: right;
    margin: 10px 0 0 0;
}
.inside .header
{
    width: 1003px;
    margin-bottom: 10px;
}

.menu-title
{
    float: left;
    display: block;
    padding: 0;
    width: 248px;
    white-space: pre-wrap;
    height: 46px;
    margin: 3px 0 0 0px;
    vertical-align: middle;
    border: solid blue 0px;
    background-repeat: no-repeat;
}
.menu-title1
{
    /*margin: 25px 0 0 25px;*/
    margin: 25px 0 0 731px;
}
.menu-title span
{
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    width: 144px;
    margin: 14px 0 0 0;
    float: left;
    line-height: 16px;
    color: #fff;
}
.main-menu
{
    text-align: left;
    width: 690px;
    margin: 25px 0 0 295px;
    padding: 0px;
    float: left;
    clear: both;
    font-weight: bold;
}

.sub-menu
{
    height: 17px;
    /*width: 680px;*/
    width:713px;
    padding: 1px 7px 0 0;
    margin: 3px 0 0 302px;
}
.sub-menu .tabs
{
    margin: 0 auto 0 auto;
}

.main-menu a
{
    height: 16px;
    border-right: solid 1px #fff;
    line-height: 15px;
    padding: 0 7px;
    text-decoration: none;
    float: left;
    color: #fff;
}

.main-menu a:hover
{
    text-decoration: underline;
    color: #f99d28;
}
.sub-menu a
{
    font-size: 10px;
    text-decoration: none;
    text-align: center;
    margin: 2px 7px 0 0;
    padding: 0 7px 0 0;
    color: #fff;
    line-height: 11px;
    border-right: solid 1px #fff;
    float: left;
}
.sub-menu a:hover, a.active-link2
{
    text-decoration: none;
    color: #f99d28;
}

a.active-link
{
    color: #f99d28;
    text-decoration: none;
}

.logout
{
    float: right;
}
.logout a
{
    float: right;
    font-weight: bold;
}
.logout a#ctl00_lnkLogout, .logout a#ctl00_lbBack
{
    border-right: none;
    padding-right: 0;
}

.container
{
    margin: 0 auto;
    width: 98%;
    border: solid orange 0px;
}
table.main-table
{
    width: 100%;
    height: 81%;
    vertical-align: top;
    direction: rtl;
}


.center-div
{
    color: #5b5b5b;
    width: 980px;
    margin: 0 auto 0 auto;
    font-size: 11px;
    font-family: Tahoma;
    vertical-align: top;
}



.left-channel
{
    padding: 0px 0px 0 0px;
    margin: 0;
    vertical-align: top;
    text-align: left;
    width: 1%;
    display: none;
}

.footer
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #b3b3b3;
    height: 20px;
    line-height: 17px;
    padding-top: 10px;
    vertical-align: bottom;
}
.footer div
{
    width: 980px;
    margin: 0 auto 0 auto;
}
.footer p
{
    float: left;
    color: #000;
    padding: 0 0 2px 0;
}
.footer a
{
    border: solid 0px red;
    background: url(../Images/boat.png);
    width: 35px;
    display: block;
    height: 26px;
    float: right;
}

h4
{
    color: #00a9dc;
    display: none;
    height: 18px;
    margin-top: 0px;
    background-image: url(../Images/h4-bg.png);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-left: 52px;
    padding-top: 3px;
    border: solid red 0px;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 2px 0;
    text-align: left;
}
h4 b
{
    background-color: #fff;
    line-height: 15px;
}

.ajax-form
{
    background: url(../Images/ajax.gif) no-repeat left bottom;
    line-height: 15px;
    font-family: Tahoma;
    border: solid #7f9db9 1px;
    color: #000000;
    background-color: #ffffff;
    height: 15px;
}

.ajax-form-table
{
    padding: 0 0 0 0;
    margin: 0px;
    height: 12px;
    border: solid #7f9db9 1px;
}

.ajax-form-req
{
    line-height: 15px;
    font-family: Tahoma;
    border: none;
    color: #000000;
    background-color: #F8D8D0;
    height: 13px;
}

.ajax-form-des
{
    margin: 0px;
    width: 179px;
    font-family: Tahoma;
    border: none;
    color: Black;
    background-color: #FBF1D8;
    height: 13px;
}

.ajax-panel
{
    direction: rtl;
}

.ajax-div
{
    margin-left: -1px;
    position: absolute;
    border-left: black 1px solid;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    clip: rect(auto auto auto auto);
    z-index: 1002;
    background-color: #ffffff;
    visibility: hidden;
    direction: rtl;
    float: right;
    scrollbar-face-color: #427faa;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #427faa;
    scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
}
.ajax-rfv
{
    direction: rtl;
}

.ajax_img
{
    background: url(../../GUI/Images/ajax.gif) no-repeat;
}

.ajax_img_req
{
    background: url(../../GUI/Images/ajax_req.gif) no-repeat;
}


.tree a
{
    color: #000000;
    font-size: 13px;
    text-decoration: none;
}

.tree a:hover
{
    color: #00A0D8;
}

.selected
{
    color: DarkOrange;
}

select
{
    font-family: Tahoma;
    font-style: normal;
    font-weight: normal;
    border: solid 1px #5d86b8;
    color: #003e8b;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 12px;
    text-decoration: none;
    margin: 0;
}


form
{
    margin: 0;
}

.middle-channel
{
    float: right;
    clear: left;
    text-align: center;
    border: solid 0px Green;
    width: 7px;
    margin: 0px;
    padding: 0 2px;
    vertical-align: top;
    padding-left: 2px;
}


#LeftChannel
{
    float: left;
    border: solid 0px red;
}
.check
{
    width: 10px;
}



.grid-container8, .grid-container5, .grid-container3
{
    background: white;
    width: 100%;
    height: 205px;
    direction: rtl;
    padding: 0 0px 0 0;
    overflow-x: hidden;
    overflow-y: scroll;
    display: block;
}
.grid-container5
{
    height: 133px;
}
.grid-container3
{
    height: 90px;
    scrollbar-face-color: #427faa;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #427faa;
    scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
}

.green
{
    background: url(none) #f0f0f0;
}

.label-td, .table-content .txt, .content_table .label
{
    background: url(../Images/left-td-bg.gif);
    color: #000000;
    font-size: 11px;
    height: 15px;
    text-decoration: none;
    white-space: nowrap;
    text-align: right;
    padding: 5px 0 5px 9px;
    white-space: nowrap;
    height: 15px;
}
/*.label span
{
	border:solid red 0px;
	margin:0 0 0 10px;
	
	}*/
.content_table .label
{
    width: 110px;
}
.info
{
    color: #fff;
    padding-right: 15px;
}

span.login-info
{
    margin-right: 20px;
    float: right;
    font-weight: bold;
    border: solid red 0px;
    font-size: 11px;
    padding: 0;
}

.login-info span
{
    margin-right: 5px;
}

/***********************************************************/

.left-cap-top, .left-cap-bottom
{
    background: url(../Images/left-menu-top-cap2.png) no-repeat;
    border: solid red 0px;
    width: 147px;
    height: 23px;
    font: 1px/1px monsapce;
    line-height: 25px;
    margin: 0;
}
.left-cap-bottom
{
    height: 10px;
    background: url(../Images/left-menu-bottom-cap2.png) no-repeat BOTTOM;
}
.left-center-div
{
    border: solid #c1c3c3 1px;
    border-bottom: none;
    border-top: none;
    width: 145px;
    margin: 0;
    background: url(../Images/left-menu-center-bg.png);
    padding: 0px;
}
.left-center-div h1
{
    margin: -22px 3px 5px 12px;
    position: relative;
    border: solid red 0px;
    padding: 0 0 4px 3px;
    font-size: 11px;
    line-height: 15px;
    color: #00a9dc;
}

.left-center-div a
{
    background: url(../Images/left-menu-link.gif) no-repeat -18px 2px;
    margin: 2px 2px;
    padding: 0 0 0 10px;
    border: solid red 0px;
    font-size: 11px;
    line-height: 13px;
    height: 15px;
    display: block;
    color: #616161;
    text-decoration: none;
}
.left-center-div a:hover
{
    color: #FFFFFF;
    background: url(../Images/hr-menu-bg-over.png);
}
a.active
{
    color: #00A9DC;
    font-weight: bold;
    background: url(../Images/hr-menu-bg-over.png);
}
.Linkbtn
{
    color: blue;
    padding: 2px;
}

/*******************************************/
/* Colors */


#login .forgotpassword a, .top-menu a:hover, .hello a
{
    color: #07aad9; /*light blue*/
}

.top-menu a, #user-control a
{
    color: #7c7c7c; /*gray*/
}



.table-nav
{
    text-align: left;
    border: solid 0px red;
    height: 19px;
    line-height: 16px;
    margin: 10px 0 0 0;
    background-image: url(../Images/table-nav-bg.png);
}

.table-nav h1
{
    color: #6F6F6F;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding-left: 25px;
    line-height: 19px;
    float: left;
}

.table-nav span
{
    padding: 1px 15px 0 0;
    float: right;
    border: solid 0px green;
}
.BodyDIV
{
    float: right;
    padding-top: 0px;
    padding-right: 7px;
    border: solid 0px red;
}


/*************************************************/
/* Contents */
.title
{
    background: url(../images/line-yellow.gif) repeat-x;
    display: block;
}
#content
{
    width: 100%;
    border: solid red 0px;
    vertical-align: top;
    padding: 0;
}
.title span
{
    background: url(../images/title-bg.png) no-repeat #FFFFFF 5px 1px;
    font-size: 14px;
    padding-left: 29px;
    padding-right: 9px;
    font-family: Arial, Helvetica, sans-serif;
    color: #00a9dc;
    font-weight: bold;
}
.center-div h3
{
    background: url(../Images/arrow-blue-down.gif) no-repeat #FFFFFF 1px 2px;
    font-size: 12px;
    padding-left: 19px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-weight: normal;
    display: block;
    clear: left;
    line-height: 24px;
    height: 14px;
    margin: 12px 0 0 0;
}
.form-table
{
    margin: 15px 0 0 0;
}

.form-table tr
{
    background: url(../Images/bg-form-table-row.png) bottom;
    height: 35px;
}
.form-table .lbl
{
    text-align: right;
    padding: 0 15px 0 0;
}
.form-table .txt
{
    background-color: #FFFFFF;
    border: solid #7f9db9 1px;
    line-height: 15px;
    width: auto;
}
.form-table table tr
{
    background: url(../images/bg-form-table-rosdw.png) bottom;
    height: 25px;
}
.w280 .txt
{
    width: 280px;
}



.actions, .action
{
    background: #f8f8f8;
    padding: 3px 0 3px 0;
    text-align: left;
    vertical-align: baseline;
    width: auto;
}
.actionsFormBuilder, .action
{
    background: #D3E5F4;
    padding: 3px 0 3px 0;
    text-align: right;
    vertical-align: baseline;
    width: auto;
}

.action
{
    float: left;
    width: 100%;
}
.white-td
{
    background: url(none) #fff;
    font-family: Tahoma;
    color: Black;
}

/* LANDING PAGES*/
.land-cap-top
{
    border: red 0px solid;
    background-image: url(../Images/land-top-cap.png);
    font: 1px/1px monsapce;
    width: 801px;
    height: 19px;
    margin: 0 auto;
}

.land-cap-bottom
{
    border: red 0px solid;
    background-image: url(../Images/land-top-cap.png);
    font: 1px/1px monsapce;
    width: 801px;
    height: 19px;
    margin: 0 auto;
}
.land-cap-bottom
{
    background: url(../Images/land-bottom-cap.png);
}
.land-center-div
{
    border-left: #c1c3c3 1px solid;
    border-right: #c1c3c3 1px solid;
    padding: 10px;
    background-image: url(../Images/land-hr-img.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    margin: 0px;
    width: 779px;
    height: 272px;
    margin: 0 auto;
}

.land-center-div h2
{
    color: #00a0d8;
    text-align: left;
    line-height: 20px;
    font-size: 19px;
}
UL.hr
{
    border: red 0px solid;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    width: 100%;
    list-style: none;
}
UL.hr LI
{
    float: left;
    margin: 0px 0px 0px 2px;
    width: 145px;
    line-height: 16px;
    border: green 0px solid;
    height: 18px;
    text-align: left;
    list-style: none;
}
UL.hr LI A
{
    padding-right: 0px;
    display: block;
    padding-left: 15px;
    font-size: 11px;
    background: url(../Images/hr-ul-bg.png);
    padding-bottom: 0px;
    width: 100%;
    color: #4a4a4a;
    padding-top: 0px;
    text-decoration: none;
}
UL.hr LI A:hover
{
    background: url(../Images/hr-ul-bg-over.png);
    color: #4a4a4a;
    text-decoration: none;
}



/*******************************************************/
/* Old style */




.body-table, .popup_body, .table_grid
{
    background-color: #fff;
    border: solid 1px #273774;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 0px;
    text-align: right;
    width: 100%;
}

.body-table h2, .popup_body h2
{
    background: url(../Images/blt_orng_arrow.gif) left no-repeat;
    color: #959595;
    font-size: 10px;
    padding: 0 4px 0 10px;
    margin: 0 0 0px 15px;
    line-height: 18px;
    float: right;
    font-weight: bold;
}
.right-main h2, .right-main-open h2
{
    margin: 0;
}
.body-table th, .popup_body th, .table_grid th
{
    background: url(../Images/h1-bg-blue_ar.png) right bottom no-repeat;
    border: solid 0px red;
    height: 19px;
    margin: 0;
    padding: 0;
    text-align: right;
    border: silid 1px red;
}
.body-table h1, .popup_body h1, .table_grid th span
{
    border: solid 0px green;
    color: #fff;
    float: right;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    padding: 0 25px 0 0;
    text-align: right;
}
.subject-legend
{
    color: #123456;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding: 0 5px 0 5px;
    line-height: 18px;
    margin: 0;
}
.body-table th div, .popup_body th div, .table_grid th div
{
    float: left;
    padding: 0;
    border: solid 0px red;
    height: 20px;
}
.body-table th div input, .popup_body th div input
{
    margin: 1px 4px 0 0;
    border: solid 0px red;
}
.body-table .label, .popup_body .label, .content_table
{
    background-color: #fff;
    border: solid 1px #eef0e4;
    text-align: right;
    margin: 0 0 0 0;
    padding: 0px;
    width: 100%;
}
.content_table .content_table
{
    width: 100% !important;
}
.no-bord
{
    border: none;
}
.bord_tab
{
    border: solid 1px #eef0e4;
    width: 90%;
    float: left;
    margin: -5px 10px 10px 8px;
}
.inside_container
{
    width: 970px;
}
.body-table-content
{
    color: #000;
    font-size: 11px;
    text-decoration: none;
    padding: 4px;
    height: 100%;
}



.label .btn, .actions .btn, .btn, .builder input[type=submit], .user_cont_div input[type=submit], .action .btn, input[type=submit]
{
    font-family: Tahoma, Tahoma, Helvetica, Tahoma;
    background: url(../images/btn-bg.gif);
    font-size: 11px;
    color: #06438e;
    cursor: pointer;
    font-weight: normal;
    line-height: 14px;
    border: solid #5d85b8 1px;
    padding: 0px 7px 0px 7px;
    margin: 2px 5px;
}










/****old****/








.label_header
{
    color: #000;
    background-image: url(../images/Bg_Btn.gif);
    border: solid 0px red;
    border-right: solid 1px #959595;
    border-bottom: solid 1px #ece9d8;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    padding: 1px;
}
.label_empty
{
    color: #000;
    border: solid 0px red;
    border-right: solid 1px #959595;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    padding: 1px;
}
/* Leftmenu */



.label2
{
    color: #000;
    border: solid 0px red;
    font-size: 11px;
    text-decoration: none;
    padding: 14px 4px 6px 4px;
    width: 100%;
}
.Popup_Body
{
    background-image: url(../images/body-bg.gif);
    border: solid 0px red;
    margin-top: 0px;
    width: 100%;
}


/*
Only Saw it used in (appraisal form details) Basil.

.Popup_label
{
	color: #000;
	border:solid 0px red;
	font-size: 11px;
	text-decoration: none;
	padding: 3px;
}
*/
.DataGridFooter
{
    color: #000;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    font-family: Tahoma;
    font-style: normal;
    font-weight: normal;
}
.DataGridFooter input
{
    border: solid 1px #5d86b8;
    color: #003e8b;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11px;
    width: 100%;
    text-decoration: none;
}
.btnForm
{
    color: #000;
    font-size: 11px;
    text-decoration: none;
    margin-top: 9px;
    width: 100%;
}
.btnForm .btn
{
    color: #003e8b;
    border: solid 1px #5d86b8;
    background-image: url(../images/Bg_Btn.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}
.form, .user_cont_div input[type=text], .builder input[type=text], input[type=text], select, textarea
{
    font-family: Tahoma;
    border: solid #1390bd 1px;
    font-size: 12px;
    color: #0057b8;
    margin: 0; /* height:15px; */
}
.cbform
{
    font-family: Tahoma;
    font-style: normal;
    font-weight: normal;
    color: Black;
    font-size: 12px;
    text-decoration: none;
    margin: 0;
}
.ddlform
{
    font-family: Tahoma;
    font-style: normal;
    font-weight: normal;
    color: Black;
    font-size: 12px;
    text-decoration: none;
    margin: 0;
}
.form2
{
    font-family: Tahoma;
    font-style: normal;
    font-weight: normal;
    border: solid 1px #5d86b8;
    color: Black;
    font-size: 11px;
    width: 100%;
    background-color: #f5f5e1;
    text-decoration: none;
}
.form3
{
    font-family: Tahoma;
    font-style: normal;
    font-weight: normal;
    border: solid 1px #5d86b8;
    color: Black;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11px;
    width: 100%;
    background-color: #e1edf8;
    text-decoration: none;
}
.Dropform
{
    font-family: Tahoma;
    font-style: normal;
    font-weight: normal;
    border: solid 1px #5d86b8;
    color: Black;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11px;
    width: 200px;
    text-decoration: none;
}

.Popup_label .btn
{
    color: #003e8b;
    border: solid 1px #5d86b8;
    background-image: url(../images/Bg_Btn.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}
.label2 .btn
{
    color: #003e8b;
    border: solid 1px #5d86b8;
    background-image: url(../images/Bg_Btn.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}
.btn-nav
{
    color: #003e8b;
    border: solid 1px #5d86b8;
    background-image: url(../images/btn-nav.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}
.Table
{
    background-color: White; /*	border:1px #5d86b8 solid;*/
}
.BlackBorder
{
    border-right: #5d86b8 1px solid;
    background-image: url(../images/Bg_Table.gif);
    background-repeat: repeat-x;
    font-size: 10px;
    color: #003e8b;
    border-bottom: #5d86b8 1px solid;
    text-align: center;
    text-decoration: none;
    height: 17px;
}
.GrayBorder
{
    border-right: silver 1px solid;
    color: #003e8b;
    font-size: 11px;
    height: 15px;
    background-color: white;
    text-decoration: none;
}

.GrayBorder A
{
    color: royalblue;
    text-decoration: none;
}

.GrayBorder A:hover
{
    color: #003e8b;
    text-decoration: none;
}

.GrayBorder2
{
    border-right: silver 1px solid;
    color: #003e8b;
    font-size: 11px;
    height: 15px;
    background-color: #f5f5e1;
    text-decoration: none;
}

.GrayBorder2 A
{
    color: royalblue;
    text-decoration: none;
}

.GrayBorder2 A:hover
{
    color: #003e8b;
    text-decoration: none;
}
.Tabs2A
{
    border-right: #5d86b8 1px solid;
    padding-right: 2px;
    border-top: #5d86b8 1px solid;
    padding-left: 2px;
    font-size: 10px;
    border-left: #5d86b8 1px solid;
    color: #003e8b;
    border-bottom: #5d86b8 1px;
    font-family: Tahoma;
    height: 18px;
    background-color: #ede7d0;
    text-align: center;
}
.Tabs2A A
{
    background-image: url(../images/bgA_tabs.gif);
    color: #003e8b;
    font-family: Tahoma;
    text-align: center;
    text-decoration: none;
}
.Tabs2A A:hover
{
    background-image: url(../images/bgA_tabs.gif);
    color: #ba3500;
    font-family: Tahoma;
    text-align: center;
    text-decoration: none;
}

.Tabs2
{
    border-right: #5d86b8 1px solid;
    padding-right: 2px;
    border-top: #5d86b8 1px solid;
    padding-left: 2px;
    font-size: 10px;
    border-left: #5d86b8 1px solid;
    color: #003e8b;
    border-bottom: #5d86b8 1px solid;
    font-family: Tahoma;
    background-color: #d2c99e;
    text-align: center;
}
.Tabs2 A
{
    color: #003e8b;
    font-family: Tahoma;
    text-align: center;
    text-decoration: none;
}
.Tabs2 A:hover
{
    color: #ba3500;
    font-family: Tahoma;
    text-align: center;
    text-decoration: none;
}
.Tabs3
{
    border-bottom: #5d86b8 1px solid;
}
.Table2
{
    border-right: #5d86b8 1px solid;
    background-position: center;
    border-top: #5d86b8 1px;
    font-size: 11px;
    border-left: #5d86b8 1px solid;
    color: #5d86b8;
    border-bottom: #5d86b8 1px solid;
    background-repeat: repeat;
    font-family: Tahoma;
    background-color: #ede7d0;
    padding: 2px;
    text-align: center;
    list-style: 10px;
    vertical-align: middle;
}
.body-table-tab
{
    margin-top: 10px;
    width: 100%;
}
.portlet
{
    border: solid 1px #7f9db9;
}
.Popup_portlet
{
    border: solid 1px #7f9db9;
    padding: 4px;
}

.SelectedRow a
{
    color: royalblue;
    text-decoration: none;
}
/*Mohammad Saleh  */
/*To Hide,Show Div  */
.DivV
{
    display: block;
}
.DivH
{
    display: none;
}

.Tabs2C
{
    border-right: #5d86b8 1px solid;
    padding-right: 2px;
    border-top: #5d86b8 1px solid;
    padding-left: 2px;
    font-size: 10px;
    border-left: #5d86b8 1px solid;
    color: #003e8b;
    border-bottom: #5d86b8 1px solid;
    font-family: Tahoma;
    background-color: #d2c99e;
    text-align: center;
    cursor: hand;
}
.Tabs2AC
{
    border-right: #5d86b8 1px solid;
    padding-right: 2px;
    border-top: #5d86b8 1px solid;
    padding-left: 2px;
    font-size: 10px;
    border-left: #5d86b8 1px solid;
    color: #003e8b;
    border-bottom: #5d86b8 1px;
    font-family: Tahoma;
    height: 18px;
    background-color: #ede7d0;
    text-align: center;
    cursor: default;
}

.PagerBtn_D
{
    background-color: White;
    background-image: url(../images/Down_Arrow.gif);
    background-repeat: no-repeat;
    cursor: hand;
    margin-right: 7px;
    padding-right: 7px;
    height: 14px;
    border: 0px;
}

.PagerBtn_U
{
    background-color: White;
    background-image: url(../images/Up_Arrow.gif);
    background-repeat: no-repeat;
    cursor: hand;
    margin-left: 7px;
    padding-left: 7px;
    height: 14px;
    border: 0px;
}
.TabsStyle
{
    font-size: 11px;
}

.standardTable_td
{
    font-size: 10px;
    border-right: solid 1px #959595;
    border-bottom: solid 1px #959595;
    padding: 3px;
}
.Row1
{
    background-color: #fff;
}
.Row2
{
    background-color: #f2f2d8;
}
.Table_SelectedRow
{
}
.yyy
{
    border-color: Red;
    border-width: 6;
}

.table_header td, .Table_Header td, .table_header-2
{
    background: url(../Images/th-bg.gif);
    border: none;
    border-right: solid #fff 1px;
    font-size: 10px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
}
.table_header td a, .Table_Header td a
{
    color: royalblue;
}

.SMSfont
{
    font-size: 10px;
    color: #336699;
    font-family: Tahoma;
    text-decoration: none;
}
.levelTwo
{
    font-size: 10px;
    margin-left: 7px;
    color: black;
    font-family: Tahoma;
    text-decoration: none;
}
.Arrow_Btn
{
    text-align: center;
}
.Arrow_Btn input
{
    margin: 3px;
}
#HRMS
{
    background-image: url(../Images/HRMS.jpg);
    display: none;
    background-repeat: no-repeat;
    width: 86px;
    height: 59px;
    float: left;
    background-position: 0 33px;
}
#TableHeight
{
    height: 89.5%;
}


.form-des
{
    font-family: Tahoma;
    font-style: normal;
    font-weight: normal;
    border: solid 1px #5d86b8;
    color: Black;
    background-color: #FBF1D8;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 12px;
    text-decoration: none;
    margin: 0; /*height:15px;*/
}

.form-sum
{
    font-family: Tahoma;
    font-style: normal;
    font-weight: normal;
    border: solid 1px #5d86b8;
    color: Black;
    background-color: #DAE5F2;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 12px;
    text-decoration: none;
    margin: 0;
    height: 15px;
    height: 15px;
}


.form-req
{
    font-family: Tahoma;
    font-style: normal;
    font-weight: normal;
    background-color: #F8D8D0;
    font-size: 12px;
    text-decoration: none;
    margin: 0px;
    border: solid 1px #5d86b8;
    color: #000000; /*height:15px;*/
}

.SelectedRow td, .new-grid .selected-row
{
    background: url(../images/selected-row-bg.gif);
    text-decoration: none;
}
.body-table .label3, .popup_body .label3
{
    padding: 0;
    border: solid 0px #C3C3C3;
}
.icn_btn a
{
    float: right;
    color: #fff;
    font-weight: normal;
    text-decoration: none; /*border-top:solid 1px #9cc5e1; border-right:solid 1px #365e7a; border-bottom:solid 1px #253744; border-left:solid 1px #79aacc;*/
    line-height: 16px;
}
a.print
{
    background: url(../images/print.png) no-repeat 2px 1px;
    padding: 0 7px 2px 25px;
}
a.print:hover
{
    background: #549bcb url(../images/print.png) no-repeat 2px 1px;
}
a.delete
{
    background: url(../images/delete.png) no-repeat 2px 2px;
    padding: 0 7px 2px 22px;
}
a.delete:hover
{
    background: #549bcb url(../images/delete.png) no-repeat 2px 2px;
}
a.add
{
    background: url(../images/add.png) no-repeat 2px 2px;
    padding: 0 7px 2px 22px;
}
a.add:hover
{
    background: #549bcb url(../images/add.png) no-repeat 2px 2px;
}
a.print:hover, a.add:hover, a.delete:hover
{
    color: #fbdb6e;
    border-bottom: solid 1px #9cc5e1;
    border-left: solid 1px #365e7a;
    border-top: solid 1px #253744;
    border-right: solid 1px #79aacc;
}
a.minus
{
    background: url(../images/minus.png) no-repeat center 6px;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    cursor: pointer;
}

a.plus
{
    background: url(../images/plus.png) no-repeat center 3px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}


ul.drop-shadow
{
    border: solid red 0px;
    height: 105px;
    background-repeat: no-repeat;
    list-style: none;
    margin: 0;
    padding: 9px 0 0 9px;
}
ul.shadow5
{
    width: 518px;
    background: url(../images/drop-shadow_5.png);
    background-repeat: no-repeat;
}
ul.shadow3
{
    background: url(../images/drop-shadow_3.png);
    background-repeat: no-repeat;
    margin: 40px auto 0 auto;
}
.drop-shadow li
{
    float: left;
    width: 98px;
    height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    padding: 67px 0 0 0;
    margin: 0;
    border: solid #fff 1px;
    cursor: hand;
}
.drop-shadow a
{
}
.drop-shadow a:hover
{
    text-decoration: underline;
}

.content
{
    border: solid red 0px;
    width: 297px;
    list-style: none;
    margin: 0 0 0 12px;
    padding: 0;
}
.content3
{
    margin: 0 auto 0 auto;
}

.content h1
{
    margin: 0;
    padding: 0 0 3px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-bottom: #9d9d9d 1px Solid;
    text-align: left;
}
.content ul
{
    border: solid red 0px;
    list-style: none;
    margin: 2px 0 0 0;
    padding: 0;
}
.content ul li
{
    float: left;
    margin: 0;
    width: 146px;
    line-height: 16px;
    border: #fff 1px solid;
    height: 16px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    list-style: none;
}
.content ul li a
{
    padding-right: 0px;
    display: block;
    padding-left: 15px;
    font-size: 11px;
    background: url(../images/li-bg.png);
    padding-bottom: 0px;
    color: #4a4a4a;
    padding-top: 0px;
    text-decoration: none;
}
.content ul li a:hover
{
    background: url(../images/li-bg.png) bottom;
    color: #4a4a4a;
    text-decoration: none;
}

#General-Ledger
{
    background: url(../images/gl.jpg);
}
#Accounts-Receivables
{
    background: url(../images/receivables.jpg);
}
#Accounts-Payables
{
    background: url(../images/Accounts-Payables.jpg);
}
#Human-Resources
{
    background: url(../images/Human-Resources.jpg);
}

#Payroll
{
    background: url(../images/Payroll.jpg);
}
#Attendance
{
    background: url(../images/Attendance.jpg);
}
#Item-Management
{
    background: url(../images/Item-Management.jpg);
}
#Inventory
{
    background: url(../images/Inventory.jpg);
}
#Purchase-Order
{
    background: url(../images/Purchase-Order.jpg);
}
#Sales-Order
{
    background: url(../images/Sales-Order.jpg);
}
#Fixed-Assets
{
    background: url(../images/Fixed-Assets.jpg);
}
#Cash-Management
{
    background: url(../images/Cash-Management.jpg);
}
#Fleet
{
    background: url(../images/Fleet.jpg);
}
#Transportation
{
    background: url(../images/Transportation.jpg);
}
#Tourism
{
    background: url(../images/Tourism.jpg);
}
#Mail
{
    background: url(../images/Mail.jpg);
}
#Maintenance
{
    background: url(../images/Maintenance.jpg);
}
#Share-Holders
{
    background: url(../images/Share-Holders.jpg);
}
#Core-Setup
{
    background: url(../images/Core-Setup.jpg);
}
#Financial-Setup
{
    background: url(../images/Financial-Setup.jpg);
}
#Security
{
    background: url(../images/Security.jpg);
}
#Workflow
{
    background: url(../images/workflow.jpg);
}
#DMS
{
    background: url(../images/DMS.jpg);
}
#Report-Manager
{
    background: url(../images/Report-Manager.jpg);
}
#empty-1
{
    background: url(../images/empty-1.jpg);
}
#empty-2
{
    background: url(../images/empty-2.jpg);
}

.new-grid
{
    color: Black;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.new-grid th, .content_table th
{
    background: url(../Images/th-bg.gif);
    border: none;
    border-right: solid #fff 1px;
    font-size: 10px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
}
.new-grid td
{
    height: 10px;
    padding-left: 2px;
    padding-right: 2px;
}
.new-grid th a
{
    color: royalblue;
    text-decoration: none;
}
table.dyn-grid
{
    width: 98%;
}
grid-fixed-h input
{
    margin: 0;
}

.grid-fixed-h th
{
    background: url(../../App_Themes/Images/th-bg.gif);
    font-size: 11px;
    margin-top: 0px;
    padding: 1px;
    color: #000;
    text-align: center;
    border-left: solid 0px white;
}
.grid-fixed-f
{
    background-color: #DAE5F2;
    color: Black;
    font-size: 11px;
    margin-top: 0px;
    padding: 1px;
    text-align: center;
    border: solid 1px #5d86b8;
}
.grid-fixed-f td
{
    border-left: solid 1px #fff;
}
.grid-fixed-p
{
    background: url(../../App_Themes/Images/th-bg.gif);
    font-size: 11px;
    font-weight: normal;
    padding: 0px;
    color: #000;
    margin: 2px 0 0 0;
    border-top: solid 1px #c0c0c0;
    height: 17px;
    line-height: 17px;
    padding-right: 15px;
    text-align: right;
}
.grid-fixed-p a
{
    color: blue;
    padding: 2px;
}

.grid-fixed-p .btn
{
    color: #003e8b;
    border: solid 1px #5d86b8;
    background-image: url(../images/Bg_Btn.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 4px;
    margin-right: 4px;
    line-height: 14px;
    height: 17px;
    text-decoration: none;
}
.grid-fixed-p .txt
{
    background-color: #FFFFFF;
    border: solid #7f9db9 1px;
    width: 30px;
    font-size: 10px;
    color: blue;
}
.selected-row
{
    background: url(../Images/ajax.gif) right bottom;
    font-weight: bold;
}
.HoverRow
{
    color: #000;
    background: #d3e5f4;
}

.ImageDisplay
{
    overflow: scroll;
    overflow-y: hidden;
    scrollbar-face-color: #427faa;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: White;
    border-width: 1px;
    border-style: solid;
    border-color: ActiveBorder;
    padding: 0px;
}

.damaged_car
{
    background: url(../Images/mercedes-benz-s-class.jpg) no-repeat;
    width: 390px;
    height: 299px;
    color: lightgreen;
}
.damaged_car #dc_1
{
    position: absolute;
    margin: 70px 0 0 -2px;
    color: Green;
}
.damaged_car #dc_2
{
    position: absolute;
    margin: -26px 0 0 23px;
    color: Green;
}
.damaged_car #dc_3
{
    position: absolute;
    margin: -100px 0 0 87px;
    color: Green;
}
.damaged_car #dc_4
{
    position: absolute;
    margin: -138px 0 0 115px;
    color: Green;
}
.damaged_car #dc_5
{
    position: absolute;
    margin: -153px 0 0 280px;
    color: Green;
}
.damaged_car #dc_6
{
    position: absolute;
    margin: -150px 0 0 350px;
    border: solid 0px red;
    color: green;
}
.damaged_car #dc_7
{
    position: absolute;
    margin: -120px 0 0 362px;
    border: solid 0px red;
    color: green;
}
.damaged_car #dc_8
{
    position: absolute;
    margin: -40px 0 0 310px;
    border: solid 0px red;
}
.damaged_car #dc_9
{
    position: absolute;
    margin: 0px 0 0 255px;
    border: solid 0px red;
}
.damaged_car #dc_10
{
    position: absolute;
    margin: 32px 0 0 180px;
    border: solid 0px red;
    color: Green;
}
.damaged_car #dc_11
{
    position: absolute;
    margin: 95px 0 0 145px;
    border: solid 0px red;
}
.damaged_car #dc_12
{
    position: absolute;
    margin: 100px 0 0 100px;
    border: solid 0px red;
}
.damaged_car #dc_13
{
    position: absolute;
    margin: 20px 0 0 80px;
    border: solid 0px red;
}
.damaged_car #dc_14
{
    position: absolute;
    margin: -60px 0 0 150px;
    border: solid 0px red;
}
.damaged_car #dc_15
{
    position: absolute;
    margin: -130px 0 0 210px;
    border: solid 0px red;
}
.damaged_car #dc_16
{
    position: absolute;
    margin: -140px 0 0 300px;
    border: solid 0px red;
    color: Green;
}
.damaged_car #dc_17
{
    position: absolute;
    margin: -140px 0 0 330px;
    border: solid 0px red;
    color: Green;
}
.damaged_car #dc_18
{
    position: absolute;
    margin: 80px 0 0 280px;
    border: solid 0px red;
    color: Green;
}
.damaged_car #dc_19
{
    position: absolute;
    margin: 30px 0 0 305px;
    border: solid 0px red;
}
.damaged_car #dc_20
{
    position: absolute;
    margin: 100px 0 0 280px;
    border: solid 0px red;
    color: Green;
}
.damaged_car #dc_21
{
    position: absolute;
    margin: 120px 0 0 280px;
    border: solid 0px red;
    color: Green;
}
.GridViewFixedHeader
{
    background-color: white;
}
.shadow2
{
    background: url(../../../App_Themes/Images/header-bottom.png) bottom left;
    border: solid red 0px;
    text-align: right;
    height: 8px;
    padding: 0 4px 4px 0;
}
.Progress
{
    position: absolute;
    z-index: 1000;
    left: expression(document.body.offsetWidth-100+'px');
    top: 0px;
    width: 90px;
    border: solid 1px #000000;
    padding: 5px;
    background-color: #fee6a6;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    filter: alpha(opacity=90);
}
.left-channel-div
{
    z-index: 900px;
    position: absolute;
    background-color: #FFFFFF;
    left: 6px;
    border: solid 1px #c0c0c0;
    padding: 1px;
}
.Flag
{
    margin: 2px;
    padding: 2px;
    line-height: 15px;
    font-family: Tahoma;
    color: #123456;
    height: 15px;
    background-color: #F8D8D0;
    font-weight: bold;
    display: inline-block;
    width: 100px;
    text-align: center;
    letter-spacing: 1px;
}
.show_arrow
{
    float: left;
    background: url(../Images/right-arrow.png) no-repeat;
    width: 7px;
    height: 48px;
    cursor: pointer;
}
.hide_arrow
{
    float: left;
    background: url(../Images/left-arrow.png) no-repeat;
    width: 7px;
    height: 48px;
    cursor: pointer;
}

input.header_btn
{
    float: right;
    margin-right: 0;
    padding-right: 0;
}

.UserName-Header
{
    background-color: White;
    background: url(../Images/blt_orng_arrow.gif) left 5px no-repeat;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    padding-left: 10px;
    font-weight: bold;
    clear: both;
    float: left;
    margin-left: 20px;
    direction: rtl;
}
.process_icon
{
    float: left;
    text-align: center;
    margin-left: 12px;
}
.process_icon em
{
    padding-top: 9px;
    line-height: 22px;
    font-style: normal;
    text-transform: uppercase;
}
.note_login_box
{
    margin: 20px 0 0 0;
    border: solid 1px #ececec;
    height: 72px;
    background: url(../Images/bg_login_note.gif) left no-repeat;
    padding: 0px 10px 0 45px;
    text-align: justify;
    display: none;
}
.note_login_box em
{
    font-style: normal;
    font-weight: bold;
    color: Black;
    line-height: 25px;
}
.box
{
    background: #f7f7f7 url(../Images/bg_box.png) top left no-repeat;
    border-right: solid 1px #e2e2e2;
    border-bottom: solid 1px #e2e2e2;
    padding: 2px;
    float: left;
}
.box h1
{
    background: url(../Images/blt_orng_arrow.gif) left no-repeat;
    color: #959595;
    font-size: 11px;
    padding: 0 0 0 12px;
    margin: 15px 0 0px 7px;
    font-weight: bold;
}
.img_login
{
    margin-right: 15px;
    padding-bottom: 0;
}
.img_login img
{
    border: solid 0px red;
}
.login_area
{
    width: 358px;
    height: 205px;
    background: url(../Images/bg_area_login.jpg) no-repeat;
}
.login_area table
{
    margin: 70px 0 0 100px;
    float: left;
}

.lang
{
    text-align: right;
    float: right;
    width: 100px;
    margin-left: 300px;
}

.login_area .btn
{
    margin-right: 10px;
    float: right;
}
.label-orng
{
}
.user_cont_div
{
    overflow: auto;
    width: 100%;
    position: relative;
    float: left;
}
.user_cont_div div
{
    position: relative;
}

.user_cont_div span, .builder span
{
    color: #959595;
    background: url(none) #f0f0f0;
    font-size: 11px;
    text-decoration: none;
    padding: 0 0 0 9px;
    white-space: nowrap;
    height: 15px;
}
.body
{
    vertical-align: top;
    padding: 0 0 0 2px;
}
#ctl00_divMainPageTitle
{
    display: none;
}
.grid-container1, .grid-container2, .grid-container5, .grid-container3
{
    border-bottom: solid 1px #eef0e4;
    height: 150px;
}
.grid-container5
{
    height: 250px;
}
.main
{
    background: #ededed;
    padding: 3px 1px 3px 4px;
}
.main-open
{
    background: #4481ad;
    padding: 3px 1px 3px 4px;
}

.tab_open
{
    background: #ededed url(../Images/tab_open.gif) top right no-repeat;
    padding: 3px 1px 3px 4px;
}
.tab_close
{
    background: #4481ad url(../Images/tab_close.gif) top right no-repeat;
    padding: 3px 1px 3px 4px;
}

.main-open a
{
    color: #fff;
}
.msg-altr td
{
    background: #e9f0f4;
    border-bottom: solid #cbcbcb 2px;
    padding: 3px 0;
}

.gray-bg
{
    background: red;
}

.date
{
    border: solid red 0px;
    text-align: right;
}



#ctl00_ContentPlaceHolder1_att1 td, #ctl00_ContentPlaceHolder1_att2 td, #ctl00_ContentPlaceHolder1_att3 td, #ctl00_ContentPlaceHolder1_att4 td, #ctl00_ContentPlaceHolder1_att5 td
{
    padding-top: 7px;
}
.MasterModalPopupBackground
{
    background-color: gray;
    filter: alpha(opacity=70);
}
.MasterModalPopup
{
    background: #fff;
    border: solid 1px #424041;
}

.table-content
{
    font-size: 11px;
    text-decoration: none;
}
.overflow_formbuilder
{
    overflow: auto;
    width: 99.5%;
    margin: 0 0 10px 1px;
    height: 420px;
    border: solid #51a5b9 1px;
}
.overflow_formbuilder table
{
    width: 100%;
}

.center_txt
{
    text-align: center;
    margin: 0 auto 0 auto;
}


/*.inner_form
{
   overflow: auto;
   width: 100%;
   height: 311px;
   border: solid 1px #427faa;
}*/
.inner_form .content_table .label
{
    width: auto;
}
.DateTextBox
{
    background-image: url('../../App_Themes/Images/date.gif');
    background-repeat: no-repeat;
    background-position: left;
    border: 1px solid darkblue;
    background-color: White;
    color: #010101;
}
.MyCalendar .ajax__calendar_container
{
    border: 1px solid darkblue;
    background-color: White;
    color: #010101;
}
.final_view_div
{
    overflow: auto;
    width: 980px;
}
.final_view .widget_header
{
    display: none;
}
.final_view_box span
{
    background: #f8f9f7;
    font-weight: bold;
    padding-left: 7px;
    font-size: 10px;
    display: block;
    width: 160px;
    vertical-align: top;
    padding-top: 4px;
    padding-bottom: 4px;
}
.final_view_box table table td, .final_view_box table td, .final_view_box table
{
    padding: 0;
}


.dir_ar .content_table, .dir_ar .content_table td
{
    text-align: right !important;
}
.dir_en .content_table, .dir_en .content_table td
{
    text-align: left;
}
.dir_ar
{
    direction: rtl;
}
body.dir_ar
{
    text-align: right;
}
.dir_en
{
    direction: ltr;
}

.print-pagez
{
    zoom: 1;
}
.print-pagez label
{
    font-size: 15px;
}
.print-pagez .content_table
{
    width: 100%;
    margin: 0px 3px 0 3px;
}
.print-pagez .print-tbl-bdy
{
    width: 100%;
    margin: 0 auto;
}
.bg1
{
    background: url(../images/html-bdy) center repeat-y;
    width: 3px;
}
.tree_v
{
    width: 277px\9;
    width:auto;
    min-height: 347px;
    padding: 6px;
    border: solid 1px lightgray;
    overflow: auto;
    text-align: right;
}
.tree_v table
{
    width: auto;
}
.tree_v .ctl00_ContentPlaceHolder1_tvCabinets_0
{
    padding-left: 6px;
}
.tree_v a
{
    color: #000000;
    font-size: 11px;
    text-decoration: none;
}


.tree_v a:hover
{
    color: gray;
}

.Image-align
{
    float: left;
}

.Inbox
{
    cursor: hand;
    border: solid 1px #7ca7c5;
    background: #f5f7f9 url(../../App_Themes/Images/inboxAr.jpg) repeat-x top;
    padding: 2px;
    font: bold 11px Verdana, Geneva, sans-serif;
    color: #377097;
    height: 80px;
    width: 20px;
}
.Sent
{
    cursor: hand;
    border: solid 1px #7ca7c5;
    background: #f5f7f9 url(../../App_Themes/Images/sentAr.jpg) repeat-x top;
    padding: 2px;
    font: bold 11px Verdana, Geneva, sans-serif;
    color: #377097;
    height: 80px;
    width: 20px;
}
.Finished
{
    cursor: hand;
    border: solid 1px #7ca7c5;
    background: #f5f7f9 url(../../App_Themes/Images/finishedAr.jpg) repeat-x bottom;
    padding: 2px;
    font: bold 11px Verdana, Geneva, sans-serif;
    color: #377097;
}
.Comments
{
    cursor: hand;
    border: solid 1px #7ca7c5;
    background: #f5f7f9 url(../../App_Themes/Images/commentsAr.jpg) repeat-x top;
    padding: 2px;
    font: bold 11px Verdana, Geneva, sans-serif;
    color: #377097;
}
.Services
{
    cursor: hand; /*writing-mode: bt-rl;     filter: flipv fliph;*/
    border: solid 1px #7ca7c5;
    background: #f5f7f9 url(../../App_Themes/Images/sevicesAr.jpg) repeat-x top;
    padding: 2px;
    font: bold 11px Verdana, Geneva, sans-serif;
    color: #377097;
    height: 80px;
}
.DocumentSerach
{
   
    margin: -10px 770px 0px 0px;
    direction: rtl;
    float:left\9; margin: 10px 0 0px 10px \9;
}
.tree table
{
    width: auto;
}
.FlipHCell
{
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH; /*for IE*/
    -ms-filter: “FlipH”;
}
.main-menu1 a, .main-menu1 a:hover, .active, ul.dropdown li, .main-menu1
{
    float: right;
    clear:none;
}
.main-menu1
{
    margin-right: 290px !important;
}
.sub-menu
{
    margin: 3px 282px 0px 0px;
}
/* Dina Design 

UL.dropdown LI
{
    max-width: 105px;
    float: right;
}*/
UL.dropdown LI
{
    min-width: 0px;
    float: right;
}



.main-menu1 A, .sub-menu A
{
    border-right: 0px !important;
    border-left: #fff 1px solid !important;
    padding-left: 7px;
    float: right;
}
.sub-menu A
{
   margin-right: 0px;
   
}
.divCollapseUserSide
{
    top: 22px;
    left: 362px;
    text-align: right;
    position: absolute;
    cursor: hand;
    background-color: White;
    background-image: url('../../Workflow/Images/history_ar.png');
    background-repeat: no-repeat;
    height: 75px;
    width: 22px;
}
.divCollapseUserSideHide
{
    top: 22px;
    left: 2px;
    text-align: right;
    position: absolute;
    cursor: hand;
    background-color: White;
    background-image: url('../../Workflow/Images/history_ar.png');
    background-repeat: no-repeat;
    height: 75px;
    width: 22px;
}

.divCollapseMonitor
{
    top: 28px;
    left: 373px;
    text-align: right;
    position: absolute;
    cursor: hand;
    background-color: White;
    background-image: url('../../Workflow/Images/history_ar.png');
    background-repeat: no-repeat;
    height: 80px;
    width: 25px;
}
.divCollapseMonitorHide
{
    top: 30px;
    left: 6px;
    text-align: right;
    position: absolute;
    cursor: hand;
    background-color: White;
    background-image: url('../../Workflow/Images/history_ar.png');
    background-repeat: no-repeat;
    height: 80px;
    width: 25px;
}


#tdCommentAttachmentSidebar #divPopup
{
    left: 0px;
    top: 20px;
}
.Calender-sc table
{
    font: 11px arial !important;
}


.Calender-sc th
{
    background-position: left 0;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border: solid #fff;
    border-width: 0 1px 0 0;
}
.Calender-sc td
{
    vertical-align: top;
    border: solid silver;
    border-width: 0 1px 1px 0;
}
.Calender-sc td td
{
    vertical-align: top; /*border:solid silver;*/
    border-width: 0 0 0 0;
    border: 1px solid;
}
.Calender-sc td a
{
    color: #0c8eaf;
}
.modalPopup .new-grid td, #mpeTaskViewBehaviorID_foregroundElement .new-grid td
{
    text-align: right;
}
.modalBackground-Submit
{
    background: #000;
    opacity: 0.4;
    position: fixed;
    left: 0;
    filter: alpha(opacity=40) !important; /* For IE8 and earlier */
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    display: none;
    z-index: 99999999999;
    right: 0px;
}
.loadingTest
{
    background: url('../../App_Themes/Images/ajax-loading.gif') no-repeat center center;
}
#tdContents
{
    left: auto;
    right: 43px;
}

.Image-align
{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.tblAttachedFiles_Popup .form
{
    float: right !important;
}
.upload-remove
{
    float: left !important;
}
.tblAttachedFiles_Popup td
{
    padding-bottom: 8px;
}
.tblSentMsg
{
    float: left !important;
}
.tblSentMsg table
{
    width: 300px !important;
}
.relativeContentContainer
{
    /*float: right;*/
}


/* Added By Waleed */
/* dd-mm-yyyy */
/* 06-08-2015 */
/* These Styles for fixing comment's gridview in TaskViewer.ascx */

.actionsForm-popup
{
    position: fixed;
    top: 0;
    right: 0;
    width: 270px\9;
}
.modalPopup iframe
{
    height: 528px !important;
}
.btn-comments
{
    background: url('../../App_Themes/Images/cooments_ar.png') no-repeat center center;
    width: 58px;
    height: 44px;
}
.btn-print-form
{
    background: url('../../App_Themes/Images/Print_ar.png') no-repeat center center;
    width: 58px;
    height: 44px;
}
.btn-submit
{
    background: url('../../App_Themes/Images/submit_ar.png') no-repeat center center;
    width: 58px;
    height: 44px;
}
.btn-Process
{
    background: url('../../App_Themes/Images/process_ar.png') no-repeat center center;
    width: 58px;
    height: 44px;
}


table#ctl00_ContentPlaceHolder1_rblStatus {
    width: 230px;
}
.grid_pager
        {
            background: aliceblue;
        }
        
        .grid_pager td table
        {
            width: auto;
        }
        .grid_pager td table tr td
        {
            width: 15px;
        }
        
        .MenuClass {
    border: solid 1px #7ca7c5;
    background: #529ace url(../../App_Themes/Images/btnboxbg.jpg) repeat-y;
    padding: 25px 3px;
    font: bold 11px Verdana, Geneva, sans-serif;
    color: #377097;
}
.MasterModalPopupBackground {
    background-color: #808080;
    filter: alpha(opacity=70);
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.relativeContentContainer > div {
    position: absolute;
    margin: 1px -6px 0px 0;
    margin: 0 0 0 0\9;
    border-style: solid;
    border-color: #E1E2DD;
    border-width: 0px 0px 1px 1px;
    background: #FFF;
}
.OrgChartTreeTable {
    width: 100% !important;
    padding: 0 10px;
}
h1.frm-h1 {
    width: 86%;
}
.new-grid {
    border-color: #4a4a4a !important;
}
.body-table .label .style1 span {
    font-size: 11px;
}

#ctl00_ContentPlaceHolder1_udtPanel .body-table td.action {
    float: none;
}
table.tbl-padding .label-td {
    background-color: #fff;
    text-align: left;
    margin: 0 0 0 0;
    padding: 0px;
    width: 100%;
}

.overflow_formbuilder2 {
    width: 932px;
}
.overflow_formbuilder .tbl_layout td {
    vertical-align: top;
    WIDTH: auto !important;
}

.overflow_formbuilder .header_color {
    display: table;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #7f9db9;
    PADDING-LEFT: 0px;
    WIDTH: 100%;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 2px;
}
.overflow_formbuilder .dailog_panel {
    overflow: hidden;
}
.overflow_formbuilder .header_color div:nth-child(1) {
    float: left!important;
}



.attached-drop {
    position: absolute;
    z-index: 99999;
    right: 1px !important;
    top: 57px;
    background: #D3E5F4;
    padding: 10px 5px 10px 0px;
    display: none;
    width: 245px;
     width: 264px\9;
}
#dvCommentsAttachments {
    right: auto;
}
div#ctl00_ContentPlaceHolder1_upSearchSettings {
    width: 645px;
}

#ctl00_ContentPlaceHolder1_ucArchivetree_treeviewCabinets a {
    text-decoration: none;
}
input[disabled="disabled"] {color:gray;}
div#ctl00_ContentPlaceHolder1_upTreeChart {
    width: 739px;
}