html {direction:rtl;}
body { margin: 0px; color: gray; font-family: Arial; font-size: 12px; font-weight: normal; background-color: white; }
img { border: 0px currentColor; }
a { color: #025864; text-decoration: none; }
a:hover { color: #2A2A2A; text-decoration: none; }
h1 { margin: 0px; padding: 0px; line-height: normal; font-weight: bold; font-family:'Traditional Arabic'; }
h2 { margin: 0px; padding: 0px; line-height: normal; font-weight: normal; }
h3 { margin: 0px; padding: 0px; line-height: normal; font-weight: normal; }
h4 { margin: 0px; padding: 0px; line-height: normal; font-weight: normal; }
p { margin: 0px; padding: 0px; line-height: normal; font-weight: normal; }
ul { margin: 0px; padding: 0px; text-indent: 0px; list-style-type: none; }
li { margin: 0px; padding: 0px; text-indent: 0px; list-style-type: none; }
.left { float: left; }
.right { float: right; }
.clearboth { clear: both; }

.container { margin: auto; width: 1200px; }
.container_top { height: 25px; padding-right: 30px; padding-top: 15px; padding-left: 35px; font-family: 'Traditional Arabic'; font-size: 13px; font-weight: bold; color: #2A2A2A; }
.container_top a { color: #025864; font-size: 13px; font-weight: bold; }
.container_top a:hover { color: #2A2A2A; }

.container_menu {
    height: 70px;
    color: #454545;
    vertical-align: bottom;
    padding-right: 30px;
    padding-left: 30px;
}

.container_bottom { height: 26px; padding-right: 30px; padding-left: 30px; font-size: 10px; margin-bottom: 2px; background-color:ghostwhite; border-top:1px solid silver; border-bottom:1px solid silver; }
.container_bottom p { padding-top: 8px; }
.container_bottom ul { padding-top: 8px; float: right; }
.container_bottom li { padding-left: 5px; float: left; }
.container_bottom li a { color: #025864; }
.container_bottom li a:hover { color: #2A2A2A; }

.container_body { min-height: 380px; font: normal 13px Arial; color: #454545; }

.container_body_detail { width: 100%; min-height: 375px; padding: 0px 0px 0px 0px; }
.container_body_detail h1 { padding-bottom: 6px; text-transform:capitalize; font-size: 14px; font-weight: bold; white-space:nowrap; }
.container_body_detail h2 { padding-bottom: 5px; color: rgb(35, 31, 32); text-transform: capitalize; font-size: 10px; text-decoration: underline; }
.container_body_detail h4 { width:100px; float:right; border:1px dotted gray; margin: 0px; padding-bottom: 8px; padding-left:8px; text-transform:capitalize; font-size: 10px; white-space:nowrap; cursor:pointer; }
.container_body_detail .special { padding : 8px 5px 8px 5px; margin-bottom: 5px; background-color: #F4F4F4; border: 1px dotted rgb(186, 194, 198); }
.container_body_detail p { padding: 2px 5px 2px 5px; }
.container_body_detail a { color: rgb(131, 128, 128); text-decoration: underline; cursor:pointer; }
.container_body_detail .aSpecial { color:#025864; margin-left : 4px; padding: 3px 4px 3px 4px; border:1px dotted silver; text-decoration: none; background-image: url("../images/Grid_Footer.gif"); background-repeat: repeat-x; }
.container_body_detail .aSpecial:hover { background-image: url("../images/SubMenuBg.png"); background-repeat: repeat-x; }

.container_body_detail_main { width: 963px; padding: 10px 0px 5px 0px; float: left; }
.container_body_detail_main .block { padding: 6px 5px 6px 5px; margin-bottom: 5px; background-color: ghostwhite; border-top: 1px dotted rgb(186, 194, 198); border-bottom: 1px dotted rgb(186, 194, 198); }
.container_body_detail_extra { width: 225px; min-height: 370px; padding: 10px 5px 5px 5px; float: left; font-size: 12px; }
.container_body_detail_extra h1 { font-size: 14px; font-weight: bold; white-space:nowrap; }
.container_body_detail_extra .block { padding: 6px 5px 6px 5px; margin-bottom: 5px; background-color: ghostwhite; border: 1px dotted rgb(186, 194, 198);}
.container_body_detail_extra p { padding: 5px 5px 5px 5px; margin-bottom: 5px; font: normal 14px Traditional Arabic, Arial; background-color: #F4F4F4; border: 1px dotted rgb(186, 194, 198);}
.container_body_detail_extra .Remainder { padding: 1px 1px 2px 1px; margin-bottom: 5px; background-color: #F4F4F4; border: 1px dotted rgb(186, 194, 198);}

.container_seperator_V1 { width: 1px; float: left; background-color: rgb(186, 194, 198); }
.container_seperator_V2 { width: 2px; float: left; background-color: rgb(186, 194, 198); }
.container_seperator_H { clear: both; background-color: rgb(186, 194, 198); height:3px; border-top:1px solid white; border-bottom:1px inset rgb(186, 194, 198); }

.UnderLine_Color { height: 3px; padding: 0px; margin-bottom: 8px; background-image: url("../images/underline.gif"); background-repeat: repeat-x; }
.DottedLine_Silver1 { height: 1px; padding: 0px; margin: 0px; background-image: url("../images/Dottedline1.gif"); background-repeat: repeat-x; }
.UnderLine_Silver1 { height: 1px; padding: 0px; margin: 0px; background-image: url("../images/underline2.gif"); background-repeat: repeat-x; }
.UnderLine_Silver2 { height: 2px; padding: 0px; margin: 0px; background-image: url("../images/underline2.gif"); background-repeat: repeat-x; }
.UnderLine_Silver3 { height: 3px; padding: 0px; margin: 0px; background-image: url("../images/underline2.gif"); background-repeat: repeat-x; }
.UnderLine_Transparent1 { height: 7px; padding: 0px; margin: 0px; }
.UnderLine_Transparent1 { height: 7px; padding: 0px; margin: 0px; }

.UserLogged {float: right; font-size: 10px; }


/* Ajax */
.AjaxPanel
{
    background-color:#F3FDCC;
    background-image: url('../Images/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
}

/* Block */
.BlockTitle 
{
    font-size: 1.0em;
    font-weight: 600;
    margin-bottom:12px;
    display:inherit;
}

.AlertMessage
{
    font-size: 1.2em;
    font-weight:bold;
    color: Red;
    cursor:help;
}

.bold
{
    font-weight: bold;
}

.SideBar
{
    display: block;
    float: left;
    padding: 1em;
    border: 1px solid #ccc;
    width: 250PX;
    background-color:#EAEDF4;
}

.DataBar
{
    display: block;
    float: right;
    vertical-align:top;
    padding-top: 0px;
    padding-right: 0px;
    width:640px;
    background-color: White;
}

.DataBarAuto
{
    display: block;
    float: right;
    vertical-align:top;
    padding-top: 0px;
    padding-right: 0px;
    width:auto;
    background-color: White;
}

table.Login
{
    font-family:Verdana;
    font-size:12px;
    color:#333333;
    padding: 0 0 8px 0;
}

div.Control
{
    font-family:Arial;
    font-size:11px;
    color:#333333;
    padding-bottom: 8px;
    vertical-align:middle;
}

/* FORM Controls */
input.button, .button
{
    height:20px;
    font-family:Verdana;
    background-image:url("../Images/Button.jpg");
    background-repeat:repeat-x;
    font-size: 12px;
    padding: 0px 3px 3px 3px;
    color:white;
    cursor:pointer;
    border: 0px dotted #ccc;
    margin-left:6px;
}

.button_Menu
{
    height:18px;
    font-family:Verdana;
    background-image:url("../Images/Grid_Footer.png");
    background-repeat:repeat-x;
    font-size: 12px;
    padding: 0px 2px 0px 2px;
    margin:0px 2px 2px 0px;
    color:#025864;
    cursor:pointer;
    border: 1px dotted #ccc;
}

.buttonImg
{
    width:22px;
    height:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-color:White;
    cursor:pointer;
    border: 1px Outset rgb(186, 194, 198);
    margin-left:4px;
}

.DropDownList
{
    font: bold 12px Traditional Arabic, Arial;
    border: 1px solid #ccc;
    cursor:pointer;
}

.DropDownList1
{
    font: normal 12px Arial;
    border: 1px solid #ccc;
    cursor:pointer;
}

input.Textbox, .Textbox { font: normal 12px Arial; border: 1px solid #ccc; }
.Textbox_ReadOnly { font: normal 12px Arial; border: 1px solid #ccc; background-color:#F0F0F0; }
.Textbox_NoBroder { font: normal 12px Arial; border: 0px solid #ccc; }
.TextboxDate { font: normal 12px Arial; border: 1px solid #ccc; width:74px; direction:ltr; text-align:right; }

.ToolBarLeft
{
    text-align: left;
    padding-left: 0px;
    display:block;
}

.ToolBar
{
    text-align: center;
    display:block;
}

.ToolBarRight
{
    text-align: right;
    padding-right: 0px;
    display:block;
}

div.left
{
    text-align:left;
    width:50%;
    margin:0px 0px 0px 0px;
}

div.right
{
    text-align:right;
    width:50%;
    margin:0px 0px 0px 0px;
}

/*GridView
-------------------------------------------------------------*/
.Grid_A
{
    color:maroon;
    text-decoration:underline;
    font-size:11px;
}

.Grid td
{
    border: solid 1px silver;
}
.Grid th
{
    border: solid 1px silver;
}

.Grid
{
    border: solid 0px silver;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    text-align: center;
	margin: 0px;
	padding: 0px;
}

.Grid_Header
{
    overflow: hidden;
    background-image: url('../Images/Grid_Header.gif');
    height:26px;
    background-repeat:repeat;
    background-position: 50% top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #3D4C56;
    text-decoration: none;
    text-align: center;
}

.Grid_Row
{
    background-color: #FBFBFB;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999999;
    padding-top: 8px;
    padding-bottom: 8px;
    height:20px;
}

.Grid_AltRow
{
    background-color: #F4F4F4;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999999;
    padding-top: 8px;
    padding-bottom: 8px;
    height:20px;
}

.Grid_Footer
{
    background-image: url(../images/Grid_Footer.gif);
    padding: 1px;
    padding-left: 20px;
    height: 20px;
}

.Grid_Pager
{
    text-align:center;
}

.Grid_Pager table
{
    direction:ltr;
    text-align:center;
    width:auto;
    font-size:10pt;
    font-weight:bold;
}

.Grid_Pager table td
{
    padding-left:5px;
    padding-right:5px;
    border: 1px dotted silver;
}

.Grid_Amount
{
    text-align: right;
    padding-right:10px;
}

.Grid_DateTime
{
    direction: ltr;
    white-space:nowrap;
    width:95px;
}

.Grid_Date
{
    direction: ltr;
    white-space:nowrap;
    width:65px;
}

.Grid_Left
{
    padding-left: 2px;
    text-align: left;
}

.Grid_Right
{
    padding-right: 2px;
    text-align: right;
}


/*GridView
-------------------------------------------------------------*/
.tblIndex
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
}

.tblIndex td
{
    padding:2px;
    padding-left:2px;
    border: 1px solid white;
}

 /*DateTime Picker
-------------------------------------------------------------*/  
.CalendarButton 
{
	width:16px;
	height: 17px;
	cursor:pointer;
	background-image: url("../images/calendar.gif");
	background-repeat: no-repeat;
    border: 0;
}

.cpBorder { border:1px solid #F0F0F0; }
.cpYearNavigation, .cpMonthNavigation { margin:2px 0 2px 0; background-color:White; font-family:arial; font-size:8pt; text-align:left; color:#000000; font-weight:bold; cursor:hand; }

TD.cpDayColumnHeader { text-align:center; border-bottom:1px solid #C0C0C0; padding:3px 4px 2px 4px; background-color:#002648; font-family:arial; font-size:8pt; color:#BFE1FF;}

TD.cpTodayText { padding:2px; background-color:#002648; border-top: 1px solid #C0C0C0; }
TD.cpTodayDate a, TD.cpTodayText a { padding:2px; background-color:#002648; font-family:arial; font-size:8pt; font-weight:bold; color:#BFE1FF; }

TD.cpTodayDate, .cpCurrentMonthDate { padding:2px; background-color:#BFE1FF; font-family:arial; font-size:8pt; font-weight:bold; color:#003366; text-align:center; text-decoration:none; }
.cpOtherMonthDate { padding:2px; font-family:arial; font-size:8pt; text-align:center; text-decoration:none; color:silver;  }
.cpCurrentMonthDate a:hover, .cpOtherMonthDate a:hover { color:Black; text-decoration:underline; }
   

.HF_TD_Title
{
    width:90px;
    vertical-align:middle;
    text-align:center;
    background-color:ghostwhite;
    font-weight:bold;
    border:solid 1px silver;
 }
 
.HF_TD_Title_Span
{
    font-size:11px;
}
 
.HF_TD
{
    border:solid 1px silver;
    background-color:ghostwhite;
}
 
.HFR_Table
{
    vertical-align:top;
    text-align:center;
    color:#333333;
    padding:0;
 }

.HFR_TD
{
    width:100px;
    background-color:#F2F9FF;
    vertical-align:top;
    padding-top:2px;
    border-left:dotted 1px silver;
 }

.HFR_TD1
{
    width:100px;
    background-color:#F2F9FF;
    vertical-align:top;
    padding-top:2px;
    border-left:dotted 1px silver;
    border-top:dotted 1px silver;
 }

.HFR_TDBlank
{
    width:100px;
}
 
.HFR_TDBlank1
{
    width:100px;
    border-top:dotted 1px silver;
}

.HFR_TD_Div
{
    width:100%;
    height:100%;
    vertical-align:top;
    text-align:center;
    font-size:11px;
    cursor:pointer;
 }
 
.HFR_TD_Div1
{
    width:100%;
    height:100%;
    vertical-align:top;
    text-align:center;
    font-size:11px;
    cursor:default;
 }
 
 .HFR_TD_Title
 {
    font-size:12px;
    font-weight:bold;
 }

.HFR_TD_Text
{
    width:100%;
    vertical-align:bottom;
    text-align:center;
    font-size:10px;
 }


.SubMenuHeader { background-image: url(../images/SubMenu_Title.jpg); font: bold 9px Tahoma; color:white; border:solid 1px silver; height:16px; vertical-align:middle; }
.SubMenuHeader a { text-decoration: none; font: bold 9px Tahoma; color:white; border:solid 1px white; padding-left:2px; padding-right:2px; }

.SubMenuHeader1 { background-image: url(../images/img_bg_green.png); font: bold 9px Tahoma; color:white; border:solid 1px silver; height:16px; vertical-align:middle; }
.SubMenuHeader1 a { text-decoration: none; font: bold 9px Tahoma; color:white; border:solid 1px white; padding-left:2px; padding-right:2px; }

.SubMenu { font: normal 9px Tahoma; color:#5F5F5F; height:10px; border-bottom:dotted 1px silver; white-space:nowrap; cursor:default; }
.SubMenu a { text-decoration: none; font: bold 9px Tahoma; color:#5F5F5F; }
.SubMenu a:hover { text-decoration: none; font: bold 9px Tahoma; color:maroon; background-color:#F7EAE1;}

.SubMenu1 { border-bottom:dotted 1px silver; height:2px; background-color:white; padding:0;}

.MenuAction { position: absolute; background-color:#eef1f7; text-align:right; border:solid 1px silver; }