/* /////////////////////////////// */
/*				General				*/
/* /////////////////////////////// */

div.IS
{	
	width: 750px;
	margin: 0px auto;
	overflow: hidden;
	background-color: #FFF;

}
div.IS, div.IS span, div.IS div
{
	font-family: Tahoma;
	font-size: 8pt;
	color: #000;
}
div.IS .Clear
{
	clear: both;
}
div.IS h2, div.IS h3, div.IS legend, div.IS h3 a, div.IS h4, div.IS h4 a, div.IS h3 span
{
	font-family: Calibri, Arial, Tahoma, 'Arabic Transparent' !important;
	font-size: 11pt;
}
div.IS h2
{
	font-size: 16pt;
	padding: 0px;
	margin: 0px;
	color: #6e97ba;
	margin-top: 25px;
	margin-bottom: 20px;
	margin-right: 20px;
}
/*.Total
{
	text-align: left;
	margin: 15px 5px 0px 5px;
	font-size: 8.5pt;
	clear: both;
	float: none;
}*/
div.IS h3, div.IS h3 a
{
	font-family: Arial;
	font-size: 12pt !important;
	padding: 0px;
	margin: 0px;
}
div.IS h3
{
	font-family: Arial;
	margin-bottom: 5px;
	margin-right: 2px;
	color: #777;
}
div.IS h3.Service
{
	color: #777;
}
div.IS h4
{
	margin-top: 20px;
	margin-bottom: 2px;
}

div.IS h5
{
	font-family: Arial;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: 15px;
	font-weight: bold;
	font-size: 12pt !important;
}
div.IS ul
{
	margin: 0px;
	padding: 0px;
}
div.IS ul li
{
	margin-bottom: 2px;
	margin-top: 2px;
	margin-right: 25px;
}
div.IS p, div.IS li
{
	font-family: Tahoma;
	font-size: 8.5pt;
	color: #000;
	line-height: 14pt;
}
div.IS div.More
{
	text-align: left;
	margin-top: 10px;
}
div.IS div.More a
{
	color: #c37700;
}
div.IS .WizardStep
{
	color: #777;
}

.SubTitle
{
	float: none;
	width: 100%;
	display: block;
	clear: both;
}
.SubTitle h6 span
{
	font-family: Arial;
	font-weight: 700;
	font-size: 12pt !important;
}
.SubTitle h6
{
	margin: 0px;
	padding: 20px 0px 0px 0px;
}
.First h6
{
	padding-top: 0px !important;
}
.Center
{
	text-align: center !important;
}

/* /////////////////////////////// */
/*				Forms				*/
/* /////////////////////////////// */
div.IS div.Instruction
{
	font-size: 9pt;
}
div.IS div.FormView
{
	border: 1px solid #DDD;
	
}
div.IS fieldset
{
	border: none;
}
div.IS legend
{
	font-family: Calibri, 'Arabic Transparent' , Arial (Arabic);
	color: #555;
	font-weight: bold;
	font-size: 11pt;
	padding: 5px 0px;
	margin: 0px -7px;
}
div.IS fieldset > /**/ legend
{
	margin: 0px;
}

div.IS span.Mandatory em
{
	color: Red;
	font: inherit;
	visibility: visible;
}
div.IS div.FieldContainer label, div.BigFieldContainer label
{
	color: #333;
	font-size: 9pt !important;
	line-height: 17pt;
}
div.IS div.Input, div.IS div.Input span
{
	line-height: 17pt;
	font-size: 9pt !important;
}

div.IS div.Input span
{

}
div.IS .Important
{
	color: Red;
	font-size: 9pt;
}
div.IS .Control /* general for all form controls */
{
	font: inherit;
	font-size: 9pt !important;
}
div.IS .Button
{
	margin-bottom: 10px;
	margin-top: 20px;
}

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


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

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

div.IS .FileInput
{
	width: 90%;
}
div.IS select
{
	/*border: none;*/
}
/* /////////////////////////////// */
/*				Grids				*/
/* /////////////////////////////// */

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

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


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


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

/*	This div holds the label and control together */
div.IS div.FieldContainer
{
	width: 48%;
	margin: 2px 2px;
	min-height: 20px;
}
div.IS div.BigFieldContainer
{
	width: 96%;
	margin: 2px;
	clear: both;
	min-height: 20px;
}
div.IS div.Input
{
	min-height: 20px;
}
div.IS 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.IS div.First
{
	padding-top: 5px;
}
div.IS div.FieldContainer label
{
	width: 28%;
	padding-right: 2px;
	min-height: 20px;
}
div.IS div.BigFieldContainer label
{
	width: 14%;
	padding-right: 2px;
	min-height: 20px;
}
div.IS .ButtonsContainer
{
	text-align: center !important;
	margin-top: 10px;
	padding: 0px !important;
	width: 100% !important;
}
div.IS div.FieldContainer span, div.BigFieldContainer span
{
	unicode-bidi: embed;
}
/*	This is a div holding the control */
div.IS div.Input
{
	width: 69%; 
	padding-right: 2px;
}

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

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

div.IS .GridView
{
	width: 97%;
	margin: 10px auto;
	border: 1px solid #e6e6e6s;
	border-collapse: collapse;
}
div.IS .GridView th, div.IS .GridView td
{
	vertical-align: top;
}
div.IS .GridView td img
{
	vertical-align: middle;
}
div.HomeMyJobs h3.Theme
{
	background:url('../../images/AR/Backgrounds/myJobs.jpg') no-repeat center bottom; 
}
div.HomeMyJobs .HomeTextSection
{
height: 190px;
}
div.HomeMyJobs div.HomeButton
{
	background:url('../../images/ar/backgrounds/homeBtn.png') no-repeat;
	display:block;
	width:143px;
	height:27px;
	padding-top:4px;
	margin-right:45px;
	text-align: center;
	text-indent: -10px;
}
div.HomeMyJobs div.HomeButton  a
{
	color: #496E24;
	font-family:tahoma !important;
	font-size: 8.5pt !important;
	font-weight:500;
	text-decoration:none;
}
div.HomeMyJobs div.HomeButton  a:hover
{
	color: #777;
}

div.HomeApplications h3.Theme
{
	background: url("../../Images/AR/backgrounds/applications.jpg") no-repeat center bottom;

}
div.HomeApplications .HomeTextSection
{
height: 190px;
}
div.HomeApplications div.HomeButton
{
	background:url('../../images/ar/backgrounds/homeBtn.png') no-repeat;
	display:block;
	width:143px;
	height:27px;
	padding-top:4px;
	margin-right:45px;
	text-align: center;
	text-indent: -10px;
}
div.HomeApplications div.HomeButton  a
{
	color: #496E24;
	font-family:tahoma !important;
	font-size: 8.5pt !important;
	font-weight:500;
	text-decoration:none;
}
div.HomeApplications div.HomeButton  a:hover
{
	color: #777;
}
.SelectedCompanyDiv
{
	clear: both;
}
.SelectedCompanyDiv h3
{
	float: right;
	width: 500px;
	margin: 0px !important;
	padding: 0px !important;
}
.SelectedCompanyDiv .SelectAnotherCompany
{
	float: left;
	width: 100px;
}
/* TopNavigation */
.EUNavigation
{
	float: left;
	margin-top: -15px;
}

.EUNavigation a
{
	font-family: Tahoma;
	font-size: 12pt;
	color: #444444;
	text-decoration: none;
}

.EUNavigation img
{
	padding-right: 10px;
}

.EUNavigation
{
	float: left;
	width: 385px;
	margin-top: 5px;
	margin-top: -25px;
	margin-bottom: 8px;
}
html > /* */ body .EUNavigation
{
	margin-top: -20px;
	margin-bottom: 0px;
}
.EUNavigation span.HomePage, .EUNavigation span.SearchRequests, .EUNavigation span.NewRequest
{
	display: block;
	float: right;
	padding-left: 15px;
	padding-right: 19px;
}
.EUNavigation span.HomePage
{
	background: url( "../../Images/AR/Icons/home.gif" ) right center no-repeat;
}
.EUNavigation span.NewRequest
{
	background: url( "../../Images/AR/Icons/applyReq.gif" ) right center no-repeat;
	padding-right:25px;
}
.EUNavigation span.SearchRequests
{
	background: url( "../../Images/AR/Icons/checkReq.gif" ) right center no-repeat;
}
.EUNavigation a:hover
{
	color: #777 !important;
}
h3.SelectedCompany
{
	margin-top: 0px;
}
/* /////////////////////////////// */
/*				Tabs				*/
/* /////////////////////////////// */
div.IS #Tabs
{
	width: 96%;
	margin: 10px auto 0px auto;
	background: url( "../../Images/AR/Tabs/bg.gif" ) repeat-x bottom right;
	height: auto;
}
div.IS .TabsWrapper > /**/ #Tabs
{
	min-height: 36px;
}
div.IS .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.IS .TabsContainer > .TabsContent
{
	min-height: 300px;
	height: auto !important;
}
div.IS #Tabs ul
{
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}
div.IS #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.IS #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.IS #Tabs a
{
	float: none;
}
/* End IE5-Mac hack */
div.IS #header a:hover
{
	color: #333;
}
div.IS #Tabs .current
{
	background-image: url( "../../Images/AR/Tabs/left_on.gif" );
}
div.IS #Tabs .current a
{
	background-image: url( "../../Images/AR/Tabs/right_on.gif" );
	color: #333;
	padding-bottom: 5px;
}
div.IS div.TabsContainer div.TabsContent div.HomeWelcome
{
	padding-right:25px;
}

div.IS div.TabsContainer div.TabsContent div.HomeWelcome h3.Theme
{
	font-size:14pt !important;
}
/* /////////////////////////////// */
/*				Forms				*/
/* /////////////////////////////// */
div.IS div.Instruction
{
	font-size: 9pt;
}
div.IS div.FormView
{
	border: 1px solid #DDD;
	
}
div.IS fieldset
{
	border: none;
}
div.IS legend
{
	font-family: Calibri, 'Arabic Transparent' , Arial (Arabic);
	color: #555;
	font-weight: bold;
	font-size: 11pt;
	padding: 5px 0px;
	margin: 0px -7px;
}
div.IS fieldset > /**/ legend
{
	margin: 0px;
}

div.IS span.Mandatory em
{
	color: Red;
	font: inherit;
	visibility: visible;
}
div.IS div.FieldContainer label, div.BigFieldContainer label
{
	color: #333;
	font-size: 9pt !important;
	line-height: 17pt;
}
div.IS div.Input, div.IS div.Input span
{
	line-height: 17pt;
	font-size: 9pt !important;
}

div.IS div.Input span
{

}
div.IS .Important
{
	color: Red;
	font-size: 9pt;
}
div.IS .Control /* general for all form controls */
{
	font: inherit;
	font-size: 9pt !important;
}
div.IS .Button
{
	margin-bottom: 10px;
	margin-top: 20px;
}

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


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

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

div.IS .FileInput
{
	width: 90%;
}
div.IS select
{
	/*border: none;*/
}
.SmartCalendarTextbox
{
	width: 55px; /*modified from 50px*/
	border: 1px solid #ddd;
	font-size: 7pt !important;
	font-family: Tahoma;
	margin-left: 5px;
	height: 15px;
	vertical-align: middle;
	text-align:center; /*modified - added*/
}
table.SmartCalendar td
{
    padding-right: 1px !important;
    padding-left: 1px !important;
  
}

 div.IS div.Input, div.IS div.Input span
{
      line-height: 17pt;
      font-size: 9pt !important;    
    font-weight: bold;
}
div.IS div.Input input
{
    font-weight: normal;
}

/* CJD */
.PageId
 {
  
  text-align: left;
  margin-left: 10px;
  color: #777;
  margin-top: 10px;
  }
  
 /* .Total
{
    text-align: left;
    font-weight: bold;
    margin-left: 10px;
}*/
.SPageContent
{
    margin-top: 10px;
    clear: both;
}


.UN1
{
    width: 55px;
}

.UN2
{
     width: 100px;
}
.LB1
{
    width: 35px;
}
.LB2
{
    width: 55px;
}
.N1, .N2, .N3, .N4
{
	width: 70px;
}
.InnerSubTitle
{
   COLOR: #496e24 !important;
   font-size: 14pt !important; 
   padding: 0px;
   margin-top: 0px;
}
.Steps
{
    margin-bottom: 15px;   
    margin-top: 15px;   
}
.GridSubTitle h3
{
      float: right;
      width: 60%;
      margin: 0px 10px !important;
 }
/*.Total
{
    float: left;
    width: 40%;
    margin: 0px 10px !important;
    
}*/
.GridSubTitle 
{
    clear: left;
    margin-top: 25px;
}
.Success
{
}

/*ThankYou*/
div.ThankYou
{
	padding-bottom:10px;
	margin-top: 20px;
	
	
}
div.ThankYou div.middleNested
{
	width:705px;
	background:url('../../images/ar/backgrounds/middleGreen.jpg') repeat-y;
	
}
div.ThankYou div.topNested
{
	width:100%;
	height:100%;
	background:url('../../images/ar/backgrounds/topGreen.jpg') top left no-repeat;
}
div.ThankYou div.bottomNested
{
	width:100%;
	height:100%;
	background:url('../../images/ar/backgrounds/bottomGreen.jpg') bottom left no-repeat;
}
div.ThankYou div.contentNested
{
	padding:15px;
	background:url('../../images/ar/icons/tick.gif') center left no-repeat;
	margin-left:10px;	
	margin-bottom:5px;
	font-size:10pt !important;
	color:#496e24;
	border-right:1px solid #dddddd;
}
div.ThankYou .FormView
{
	border: 0px none !important;
}
/* */
.Steps
{
    margin-bottom: 15px;   
    margin-top: 15px;   
}

.FormView
{
    border:1px solid #dddddd;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:5px;
}

.Hint
{
    padding-right:8px;
    
}
div.Hint label
{
    width:100% !important;
}

.Total
{
	text-align: left;
	margin: 15px 5px 0px 5px;
	font-size: 8.5pt;
	clear: both;
	float: none;
	
	/*float:left;
    margin-top:25px !important;*/
}

div.Error p, div.Error label
{
    color:Red;
}
div.Error label
{
    font-family:Arial;
    font-size:18px !important;
    padding-right:15px;
}
div.Error p, div.Attention p
{
    padding:0px;
    margin:0px;
    padding-right:10px;
}
div.Error table.GridView
{
    margin-bottom:5px;
    margin-top:5px;
}
div.Error
{
    margin-bottom:20px;
}

div.Attention
{
    padding-top:15px;
    padding-bottom:10px;
}
div.Attention label
{
    font-family:Arial;
    font-size:18px !important;
    padding-right:15px;
    color:#496E24;
}
 
.Hide{display:none;}

h5.GridHeader{margin-bottom:-30px !important;} 
 
 
div.Back
{
    text-align: left;
	margin-left: 10px;
}

.RadioButtonList label, .RadioButtonList input 
{
	float: right !important;
}

 .RadioButtonList label
{
	
	margin-top: -2px;
	width: auto !important;
	white-space: nowrap !important;
	margin-left: 15px;
}