/*
Created by: Rehab Genena
Sr. UI Developer, ITWorx Egypt
for Minstry of Labor Saudi Arabia
MOL CIW
Version 2.0 
July 2008
*/


  /* /////////////////////////////// */
 /*				General				*/
/* /////////////////////////////// */
div.CIW
{
	margin-top: 30px;
	color: #000;
	background-color: #FFF;
	font-family: Tahoma;
	font-size: 8pt;
}
div.CIW .Clear
{
	clear: both;
}
div.CIW h2, div.CIW h3, div.CIW legend, div.CIW h3 a, div.CIW h4, div.CIW h4 a
{
	font-family: Calibri,  Arial (Arabic), Tahoma, 'Arabic Transparent' !important;
}
div.CIW h2
{
	font-size: 16pt;
	padding: 0px;
	margin: 0px;
	color: #6e97ba;
	margin-top: 25px;
	margin-bottom: 20px;
	margin-right: 20px;
}

div.CIW h3, div.CIW h3 a
{
	font-size: 11pt !important;
	padding: 0px;
	margin: 0px;
}
div.CIW h3	
{
	margin-top: 25px;
	margin-bottom: 5px;
	margin-right: 2px;
}
div.CIW h4
{
	margin-top: 20px;
	margin-bottom: 2px;
}
div.CIW ul
{
	margin: 0px;
	padding: 0px;
}
div.CIW ul li
{
	margin-bottom: 2px;
	margin-top: 2px;
	margin-right: 25px;
}
div.CIW p, div.CIW li
{
	font-family:  Tahoma;
	font-size: 8.5pt;
	color: #000;
	line-height: 14pt;
}
div.CIW div.More
{
	text-align: left;
	margin-top: 10px;
}
div.CIW div.More a
{
	 color: #c37700;
	 
}
div.CIW .WizardStep
{
	color: #777;
}

  /* /////////////////////////////// */
 /*				Forms				*/
/* /////////////////////////////// */
div.CIW div.Instruction
{
	font-size: 9pt;
}
div.CIW div.FormView
{
	border: 1px solid #DDD;
}
div.CIW fieldset
{
	border: none;

}
div.CIW legend
{
	font-family: Calibri, 'Arabic Transparent', Arial (Arabic);
	color: #555;
	font-weight: bold;
	font-size: 11pt;
	padding: 5px 0px;
	margin: 0px -7px;
}
div.CIW fieldset>/**/legend
{margin: 0px;} 
div.CIW span.Mandatory
{

	background: url(../images/mandatory111.gif) no-repeat center;
}
div.CIW span.Mandatory em
{
	color: Red;
	font: inherit;	
	visibility: visible;
}
div.CIW div.FieldContainer label, div.BigFieldContainer label
{
	color: #333;	
	font-size: 9pt !important;
	line-height: 17pt;
	
}
div.CIW div.Input, div.CIW div.Input span
{
	line-height: 17pt;
	font-size: 9pt !important;	

}
div.CIW .Important
{
	color: Red;
	font-size: 9pt;
}
div.CIW .Control /* general for all form controls */
{
	font: inherit;
	font-size: 9pt  !important;
}
div.CIW .Button
{ 
	
}

/* Controls Widths */
div.CIW .Normal
{
	width: 90%;
}

.HalfNormal
{width:44.5%;}


div.CIW .Large
{
	width: 90%;	
}

div.CIW .Small
{
	width: 70px;
	
}

div.CIW .FileInput
{
	width: 90%;
}
div.CIW select
{
	
}
  /* /////////////////////////////// */
 /*				Grids				*/
/* /////////////////////////////// */

div.CIW .GridView th
{
	text-align: right;
	color: #fff;
	padding: 5px 5px;
	border: 1px solid #e6e6e6;
}
div.CIW .GridView td
{
	padding: 5px 5px;
	border: 1px solid #e6e6e6;
}
div.CIW .Row
{
}
div.CIW .RowAlternate
{
	
}
div.CIW .GridView a
{
	color: #c80303;
}
div.CIW .GridViewPager, div.CIW .GridViewPager a
{
	font-family: Tahoma !important;
	font-size: 9pt !important;
	color: #000;
	
}
div.CIW .GridViewPager a
{
	font-weight: normal;	
}

div.CIW .GridViewPager td
{
	
}
div.CIW .GridViewPager table td
{
	
	vertical-align: middle !important;
	font-weight: bold;
	
}


  /* /////////////////////////////// */
 /*				Forms				*/
/* /////////////////////////////// */
div.CIW div.FormView
{
	width: 97%;
	margin: 10px auto;
}
div.CIW  div.FieldContainer,  div.CIW  .BigFieldContainer, div.CIW  Label, div.CIW  .Input 
{
	float: right;
}
div.CIW fieldset
{
	padding: 5px;
	width: 98%;
	
}
div.CIW legend
{
	display: inline-block;
}


div.CIW .Sucessmessage
{
	font-size: 12px;
	color: #000;
	background: #e5eecd;
	width: 97%;
	margin: 5px auto;

}
div.CIW .Sucessmessage div
{
	margin: 5px;
}

/*	This div holds the label and control together */
div.CIW div.FieldContainer
{
	width: 48%; 
	margin: 2px 2px;
	min-height: 20px;
}
div.CIW div.BigFieldContainer
{
	width: 96%; 
	margin: 2px;
	clear: both;
	min-height: 20px;
}
div.CIW div.Input
{
	min-height: 20px;
}
div.CIW div.SubTitle
{
	width: 98%;	
	margin: 2px;	
	padding-top: 5px;
	padding-bottom: 0px;
	clear: both;
	float: none;
	display: block;
	min-height: 20px;
	line-height: 20px;
}
div.CIW div.First
{
	padding-top: 5px;
}
div.CIW div.FieldContainer label
{
	width: 28%; 
	padding-right: 2px;
	min-height: 20px;
	
}
div.CIW div.BigFieldContainer label
{
	width: 14%; 
	padding-right: 2px;
	min-height: 20px;	
}
div.CIW .ButtonsContainer
{
	text-align: center !important;
	margin-top: 10px;
	padding: 0px !important;
	width: 100% !important;
}
div.CIW div.FieldContainer span, div.BigFieldContainer span
{
	unicode-bidi: embed;
}
/*	This is a div holding the control */
div.CIW div.Input
{
	width: 69%;	
	padding-right: 2px;
}

div.CIW .BigFieldContainer div.Input
{
	width: 84.5%;	
}
div.CIW .BiggestFieldContainer
{
	width: 98%;	
}

  /* /////////////////////////////// */
 /*				Grids				*/
/* /////////////////////////////// */

div.CIW .GridView
{
	width: 97%;
	margin: 10px auto;
	border: 1px solid #e6e6e6s;
	border-collapse: collapse;
	
}
div.CIW .GridView th, div.CIW .GridView td
{
	vertical-align: top;
}
div.CIW .GridView td img
{
	vertical-align: middle;
}

  /* /////////////////////////////// */
 /*				Tabs				*/
/* /////////////////////////////// */
div.CIW #Tabs {
  width: 96%;
  margin: 10px auto 0px auto;
  background: url("../../Images/AR/Tabs/bg.gif") repeat-x bottom right;
  height: auto; 
}
div.CIW .TabsWrapper>/**/#Tabs {min-height: 38px;} 
div.CIW .TabsContent
{
	border: 1px solid #999;
	border-top: 0px none;
	width: 94.5%;
	margin: 0px auto 10px auto;
	padding: 10px 5px;
	height: 300px;	
	padding-top: 20px;
}
div.CIW .TabsContainer > .TabsContent
{
	min-height: 300px;
	height: auto !important;
}
div.CIW #Tabs ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  
  }
div.CIW #Tabs li {
  float:right;
  background:url("../../Images/AR/Tabs/left.gif") no-repeat left top;
  margin:0;
  margin-right: 4px;
  padding:0 0 0 9px;
  }
div.CIW #Tabs a {
  float:right;
  display:block;
  background:url("../../Images/AR/Tabs/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#555;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div.CIW #Tabs a {float:none;}
/* End IE5-Mac hack */
div.CIW #header a:hover {
  color:#333;
  }
div.CIW #Tabs .current {
  background-image:url("../../Images/AR/Tabs/left_on.gif");
  }
div.CIW #Tabs .current a {
  background-image:url("../../Images/AR/Tabs/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }
  
  div.CIW .Back,  div.CIW  .ADD
  {
	text-align: left;
	margin-left: 10px;
}




/* */

/*
=Navigation
*/
#nav {
	clear:both;
	padding-top:8px;
	
	margin-right: 7px;
}
#nav ul {
	float:right;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	/*background: url(../../Images/AR/backgrounds/nav-tab.gif) repeat-x; */
}
#nav li {
	display:inline;
	margin:0;
	padding:2px 0px;
}
div.CIW #nav a {
	display:block;
	float:right;
	width:auto;
	margin:0;
	padding:3px 15px;
	border-right:1px solid #FFF; 
	border-bottom:none;
	/* border-left:1px solid #FFF; */ 
	color:#fff;
	background: url(../../Images/AR/backgrounds/nav-tab.gif) repeat-x;
	/*font:bold 11pt "Trebuchet MS",Helvetica,Arial,Geneva,sans-serif !important;*/
	font-family:Arial !important;
	font-size:11pt !important;
	font-weight:bold !important;
	text-transform:uppercase;
	text-decoration:none;
	height: 20px;
	vertical-align:middle !important;
	
}



#nav a:hover,
#nav a:focus,
#nav a:active {background: url(../../Images/AR/backgrounds/nav-tab.gif) repeat-x 0 -150px !important;}
#nav .Selected a {background: url(../../Images/AR/backgrounds/nav-tab.gif) repeat-x 0 -300px !important;}
#nav .Selected a:focus {background: url(../../Images/AR/backgrounds/nav-tab.gif) repeat-x 0 -150px}

/*li.Selected a {background: url(../../Images/AR/backgrounds/nav-tab.gif) repeat-x 0 -300px;}*/

/* Selected Company */
.SelectedCompanyDiv
{
	clear: both;
	border: 1px solid #FFF;
}
.SelectedCompanyDiv h3
{
	float: right;
	width: 500px;
	margin: 0px !important;
	padding: 0px !important;
	
}
.SelectedCompanyDiv .SelectAnotherCompany
{
	float: left;
	width: 100px;
}

/* SmartCalendar */
        table.SmartCalendar
        {
            border-collapse: collapse;
            border: 1px solid #bbb !important;
            margin-top: 2px;
        }
        .SmartCalendarSelectorStyle
        {
        	 border: 1px solid #bbb !important;
        }
        table.SmartCalendar a
        {
            text-decoration: none;
        }
        table.SmartCalendar a:hover
        {
            text-decoration: underline;
        }
        table.SmartCalendar td
        {
            font-family: Tahoma;
            font-size: 8pt;
            background: #fbfbfb !important;
            padding: 3px 2px !important;
        }
        table.SmartCalendar th
        {
            font-family: Tahoma;
            font-size: 7pt !important;
            background: #555 !important;
            color: #FFF !important;
            padding: 3px 2px  !important;
        }
        
         table.SmartCalendar  td.SelectedDay
        {
            background: #bbb !important;
            color: #000 !important;            
        }
        .TodayDay
        {
            font-weight: bold;
        }
        .OtherMonthDay
        {
            color: #BBB !important;
        }
        .SmartCalendarTextbox
        {
           
            border: 1px solid #ddd;
            font-size: 8.5pt;
            font-family: Tahoma;
            margin-left: 2px;
            height: 15px;
            vertical-align: middle;
        }
        .MonthDD, .YearDD
        {
        	font-size: 8.5pt;
            font-family: Tahoma;
        }
        .SmartCalendarTitle
        {
            border: 1px solid #BBB;
        } 
        
#section1_2
{
	_margin-right:5px;
	
}

.include2Fields
{
	width:100%;
	
	/*border: 1px solid red !important;*/
	margin: 0px !important;
	
}	
html > /* */ body .include2Fields
{
	clear:both;
	float:right; 
}
.Clear
{
	font-size: 0px !important;
	line-height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	height: 0px !important;
	/*display:none;*/
}

h4.Theme span{font-family:Arial !important;font-size:12pt;}

.subTitle 
{
	clear:both !important;
	font-family:Arial;
}

.popUpBody
{
	margin-top:-14px;
}

.PageId
 {
  
  text-align: left;
  margin-left: 10px;
  color: #777;
  margin-top: 10px;
  }
  
  .Total
{
    text-align: left;
    font-weight: bold;
    margin-left: 10px;
}