/* COMMOM STYLES*/
body
{	
	width:1000px; margin-left:auto; margin-right:auto;
	background-color:  #F0F5F9;
	font-family:Tahoma,Calibri,Arial, Times New Roman;    
	font-size: 12px; color:#333333;
	
}

h1 {
	font-size:20px; background-color: #EFEFEF;
	color: #426FC0; text-align: center; height: 25px; margin-top:5px; width:950px; margin-bottom:20px;
}

h1 a {
	text-decoration:none;color: #426FC0;
}


h1 a:visited {
	text-decoration:none;color: #426FC0;
}


h2 {
	font-size:18px; background-color: #EFEFEF;
	color: #426FC0; text-align: left; height: 25px; margin-top:15px; width:100%;
}

h2 a 
{
    font-size:18px; background-color: #EFEFEF;
	color: #426FC0; text-align: left; height: 25px; margin-top:15px; width:100%;
	text-decoration:none;
}


h2 a:visited {
	font-size:18px; background-color: #EFEFEF;
	color: #426FC0; text-align: left; height: 25px; margin-top:15px; width:100%;
	text-decoration:none;
}


h3 {
	font-size:14px; 
	color: #426FC0; text-align: left; height: 10px; width:100%;
}
div.banner
{
	
	height: 86px;	
}

div.topbanner
{
	
	height: 20px; text-align: right;	
}

.topmsg {
	color: #fff;
	margin-left: 10px;
	float: left;
	font-weight:bold;

}
a.toplink {
	color: #fff;
	margin-right: 10px;
	
}

a.toplink:visited {
	color: #fff;
	margin-right: 10px;
	
}
div.logo {
	float: left;	
	height: 75px;	
	
}

div.content {
	float:left;
	background-color: #fff;
	
}

div.copyrights
{
    color:#055F9B;
    font-size:10px;
    width:70%;
    text-align:center;      
}

.float {
	float: left;
	text-align: left;
}
.floatminwidth {
float:left; min-width:900px;
}

.floatopp {
	float: right;
	text-align: right;
}
.sideimagealign {
	float: right; 
	width: 30%;
	 margin-right: 30px;
}

.titlealign {
	float: left; margin-left: 10px; width: 40%;
}
/*--------------------------- COMMON STYLES------------------------------*/


/* WEBSITE MODULE STYLES*/


div.menuback
{
	background-image: url(../images/menu_back.jpg);
	height: 37px; text-align: right; width: 1000px; margin-bottom: 3px; margin-left:-25px;
}

div.webcontentouter {
	background-color:White;	 width:100%; float:left;
}

div.webcontent {	
	background-color: #fff;
	width: 950px; margin-left: auto; margin-right: auto;
}

div.header{	
	font-size: 14px; color: #426FC0; font-weight: bold; width:100%; float:left; 
}
div.section{	
	margin-bottom:10px;
	border-bottom:solid 1px #EFEFEF;
}
td.header{	
	font-size: 12px; color: #426FC0; font-weight: bold; width:100%; float:left;vertical-align:middle;
}
.contentsTitle {
 font-weight:bold; color: #034898; margin-bottom: 5px; margin-top: 5px; text-align:center;
 }
 
 .contentsTitleleft {
 font-weight:bold; color: #034898; margin-bottom: 5px; margin-top: 5px; text-align:left;
 }
 

 
.contentsTitlebig {
	font-weight:bold; color: #034898; margin-bottom: 5px; margin-top: 5px;font-size:16px; text-align:center;
}

.contentsmall {
	font-size:10px; color:Green;
}
.popupcontentsTitle {
	font-weight:bold; color: #034898; margin-top: 5px; text-align:center; margin-left:10px; display:inline-block; margin-right:10px;
}

.headerlabel 
{
	display: inline-block;
	padding-top: 7px;
}

select.formatteddropdown {
	border:solid 1px #000; background-color:#ffffff; color: #426FC0;
    text-align:left;  font-weight:bold; margin-right:15px;
}

div.fieldContainer {
	float:left; color: #426FC0; font-weight:bold;
}

input.formattedTextBox {
	padding-top: 4px; border-color: #ECECEC; font-weight:bold; color: #426FC0;
	border:solid 1px #000;
}

.strikethrough {
	text-decoration: line-through; color:Red;font-style:italic;
}

.slideshow
{
    height: 100px;    width: 250px;    text-align:center;
}

.popup {
	height: 167px; width:500px;
}

/* ADMINISTRATION MODULE STYLES*/

input[type="text"]
{
	height: 20px;	font-size: 13px;		padding-top:5px;	font-weight:normal;	margin-top:3px;
}

input[type="file"]
{
	height: 15px;	font-size: 13px;			font-weight:normal;	margin-top:3px;	border:solid 1px #ECECEC;    background-color:#ffffff;
	color:#000000;    margin-bottom: 1px;    width:300px;       text-align:left;       
}

table.detailview {
	border:solid 1px white;	line-height: 20px;
}

table.detailview  th{
	border-right:solid 1px #000;
	background-color: white;
}
table.detailview tr td{
	border:solid 1px white;
	background-color: white;
}

table.detailview tr td input{
	
	border:solid 1px grey;
	
}

table.detailview tr td a {
	font-size: large;
	margin-bottom: 5px;
}

table.detailview tr td input[type="text"]{
	width:300px;
	
}
table.detailview tr td textarea.big{
	width:99%;
	min-width: 700px;
}

table.detailview tr td textarea{
	width:300px;
}
input.button
{
    border:solid 1px #ECECEC;    background-color: #666769;    color:#ffffff;    font-weight:bold;    width:100px;    height:30px;
}

input.imagebutton {
	width:83px;
	height:30px;
	background-image:url(../images/button_back.png);
	border:none;
	color: White;
	background-color:#5C5C5C;
}

.imagebuttoncenter {
	width:83px;
	height:30px;
	background-image:url(../images/Imagebtn.jpg);
	border:none;
	color: White;	
}
.imagebuttonbig {
	width:143px;
	height:35px;
	background-image:url(../images/emptyButton.png);
	border:none;
	color: White;
	
	
}

input.numericbutton
{	
    border:solid 1px #ECECEC;
    background-color: #426FC0;
    color:#ffffff;
    font-weight:bold;
    width:25px;
    height:25px;
    margin-bottom: 3px;
}

input.listingVLong
{
    border:solid 1px #ECECEC;
    background-color:#ffffff;
    color:#000000;
     margin-bottom: 1px;
    width:400px;   
    text-align:left;   
}

textarea.listingVLong
{
    border:solid 1px #ECECEC;
    background-color:#ffffff;
    color:#000000;
   margin-top:3px;
    width:400px;   
    text-align:left;   
   
}

input.listingSmall
{
    border:solid 1px #ECECEC;
    background-color:#ffffff;
    color:#000000;    
    
    width:150px;   
    text-align:left;   
}

select {
	height: 25px;
	font-size:12px;    
}

select.listingSmall
{
    border:solid 1px #ECECEC;
    background-color:#ffffff;
    color:#000000;    
    overflow:scroll;
    min-width:100px;   
    text-align:left;   
   
    
}

select.listingVLong
{
    border:solid 1px #ECECEC;
    background-color:#ffffff;
    color:#000000;    
    
    width:400px;   
    text-align:left;   
}
.checkbox {
	 
    background-color:#ffffff;
    color:#000000;
   
    font-size:12px;    
    font-weight:bold;  
    text-align:left;
}

.currentpage {
	
	border:solid 1px #ECECEC;
    background-color: black;
    color:#ffffff;
    font-weight:bold;
    width:25px;
    height:25px;
	
}

.MessageError {
	font-size: 13px;
	color: red;
	font-weight: bold;
	
}

.Message{
	font-size: 13px;
	color: Green;
	font-weight: bold;
}

.alternate td a
{
    font-size:14px;
}

.newalternate td a
{
    font-size:14px;
}
.newalternate
{
     background-color: #eeeeee;
     font-size:13px;
}
table.listing {
	min-width:900px;	
	line-height:1.5;
}


table.listing th
{
	 border:solid 1px #FFF;
    background-color: #426FC0;
    color:#ffffff;
    font-weight:bold;
   height:20px;
}

table.listing th a
{	
    color:#ffffff;    
}

table.listing td a
{	
    color:#426FC0;
    text-decoration:none;    
    font-size:13px;
}

table.listing td a:visited
{	
    color:#426FC0;    
}

table.listing td img
{	
    border:solid 1px #FFF;
    text-align: center;
	
}

table.listing td
{
	 border:solid 1px #efefef;   
    color:black;  
    min-height: 20px;
}

/* Custom for table total*/

table.listing tr td.totals
{
	
	font-weight:bold;
	color:#009900;
	border-color:black;
 background-color:#e0e0e0;
}

table.listing tr td.totalsend
{	
	font-weight:bold;
	color:red;
	border-color:black;
}

table.listingpopup {
	min-width:500px;	
	line-height:1.5;
}


table.listingpopup th
{
	 border:solid 1px #FFF;
    background-color: #426FC0;
    color:#ffffff;
    font-weight:bold;
   height:20px;
}

table.listingpopup th a
{	
    color:#ffffff;    
}

table.listingpopup td a
{	
    color:#426FC0;
    text-decoration:none;    
}

table.listing td:visited
{	
    color:#426FC0;    
}

table.listingpopup td
{
	 border:solid 1px #efefef;
   
    color:black;  
    min-height: 20px;
}

/* Custom for table total*/

table.listingpopup tr td.totals
{
	
	font-weight:bold;
	color:#009900;
	border-color:black;
 background-color:#e0e0e0;
}

table.listingpopup tr td.totalsend
{	
	font-weight:bold;
	color:red;
	border-color:black;
}


table.view td {
	
	 border:solid 1px #FFF;
	 min-height: 25px;	 
}

td.filesdisplay {
	
	border:solid 1px #ECECEC;		
}

td.filesdisplay a {
	
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
}


.inputcaption {	   
    font-weight:bold;
 margin-right:5px;
  min-width: 150px;
}

div.left {
	float: left;
	
}

div.right {
	float: right;
}
.noborder {
	 border:solid 1px #FFF;
}
/****Tree View */
.tree
{
   
    font-size:15px;
    font-weight:normal;
    color:#000000;
    width:199px;    
   
  
}

font.treeTop
{
     
    font-weight:bold;
    color:#fff;
   
   
}   

.notFound {
color:Red;

}

.treeNode
{  
     color:#ffffff;
     padding:5px;
}

.hoverTreeNode
{    
    color:#000000;    
    background-color:#efefef;
    border:solid 1px #cccccc;
   
}

.selectedTreeNode
{
    
    color:#000;   
    background-color:#fff;
    border:solid 1px #214757;
}

div.footer 
{
	float: left;
	background-image: url(../images/topbanner_back.jpg);
	width: 100%;
	text-align: center;
	
	height:25px;
	padding-top: 5px;
	color: White;
}

.pagefooter {
	background-color: #DFDFDF; height: 100px; width: 1000px; float: left;
        margin-top: 10px;
}

.alignright {
	text-align: right;
}

.resultimage {
	width: 100px; margin-right: 15px; display: inline-block;
}
/********************************************Tabs ********* Added on and after 06/03/2013*/ 

.YUI .ajax__tab_header 
{
    
    font-size:12px;
    border-bottom:solid 2px #0B1D27;
    text-align:left;
}

.YUI .ajax__tab_header .ajax__tab_outer 
{
    /*background-image:url(../images/top.png);
    background-position:center;
    background-repeat:repeat-x;*/
    background-color:#4791c5;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #0B1D27;
    border-bottom-width:0px;
   
}

.YUI .ajax__tab_header .ajax__tab_tab
{    
     color:#efefef;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
    font-weight: bold;
}


.YUI .ajax__tab_hover .ajax__tab_outer 
{
    background-image:url(../images/top.png);
    background-position:center;
    background-repeat:repeat-x;
    text-decoration:underline;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #fff;
    border-bottom-width:0px;
     
}

.YUI .ajax__tab_active .ajax__tab_tab 
{
    color:#ffffff;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
    background-color:#304675;
    
}

.YUI .ajax__tab_active .ajax__tab_outer
{
    background-image:url(../images/top.png);
    background-position:center;
    background-repeat:repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;    
    
    
}

.YUI .ajax__tab_body 
{
   
    font-size:10pt;
    /*padding:0.25em 0.5em;*/
    background-color: #FFF;
    /*background-image:url(../images/tabBackground.gif);   
    background-repeat:repeat;*/    
    
}

.YUI .ajax__tab_body table.list th{
	 background-color:#304675;
    color:#FFF;
    font-weight:bold;
   
    font-size:12px; 
    text-align:center; 
    height:30px;  
}

/* ---------------------ADMINISTRATION MODULE STYLES--------------------------*/
div.firstMenu
{
	float:left;		
	width:10%;
	
	
	font-weight:bold;
	font-size:11px;
	color:#164468;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	
	

	
}
div.SecondMenu
{
	float:left;		
	width:90%;

	font-weight:bold;
	font-size:11px;
	color:White;
	text-align:center;
    margin:0px auto 0px auto;
	
	padding-bottom:5px;
	
}
div.SecondMenu1
{
	float:left;		
	width:95%;
	
	
	font-weight:bold;
	font-size:11px;
	color:#164468;
	text-align:center;
    margin:0px auto 0px auto;
	padding-top:0px;
	padding-bottom:5px;
	
}

div.midMenu
{
	float:left;		
	width:100%;
	
	
	font-weight:bold;
	font-size:11px;
	color:#164468;
	text-align:center;
    margin:0px auto 0px auto;
	padding-top:5px;
	padding-bottom:5px;
	background:transparent url(../images/navigation.png) repeat-x scroll 0 0;
}


	
	
	/* Menu Styles */


ul, li{
	padding: 0px;
	margin: 0px;
}
ul.dropmenu{
	position: relative;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	background:transparent url(../images/navigation.png) repeat-x scroll 0 0;
	display:block;
	height: 35px;
	
	font-size: 13px;
	font-weight: bold;
	overflow: visible; 
	z-index: 10000;
}
.dropmenu li{
	position: relative;
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
}

.new{
	
	width:315px;
}
.dropmenu li a{
	height: 18px;
	padding: 9px 10px 0px 5px;
	display: block;
	
	border-right: solid 1px #104A72;
	 color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
.dropmenu li span{
	display: block;
	float: right;
	height: 10px;
	width: 10px;
	background:transparent url(../images/arrow_up.png) repeat-x scroll 0 0;
	position: absolute;
	top: 12px;
	right: 10px;
}
.dropmenu li  a:hover span{
	background:transparent url(../images/arrow_hover.png) repeat-x scroll 0 0;
}
.dropmenu li:hover ul, .dropmenu li:hover div{
	display: block;
	
}
.dropmenu ul{
	position: absolute;
	display: none;
	
	padding: 0px;
	margin: 0px;
	
	background: #1A9CD8 url(../images/navigation.png) repeat-x scroll 0 0;
}
.dropmenu ul li{
	border: 0;
	float: none;
	
}
.dropmenu ul a {
 width: 200px;
 border-left:  0;
 border-right:  0;
  white-space: nowrap;
  display:block;
  color: #fff;
  background: #FFFFFF url(../images/solid.jpg) repeat-x scroll 0 0;
  text-transform: none;
  text-align: left;
}
.dropmenu ul a.selected, a:hover{
	color: #F67A00 !important;
	background:transparent url(../images/arrow_hover.jpg) repeat-x scroll 0 0;
}


a.selected span{
	background:transparent url(../images/arrow_hover.png) repeat-x scroll 0 0;
}
.dropmenu ul a:hover {
	color:#ECECEC;
	text-decoration: none;
	background-color: #F0F0F0;
	background-image: none;
	background:transparent url(../images/rollerover.jpg) repeat-x scroll 0 0;
}

ul.left{
	float: left;
	width: 145px;
}
ul.right{
	float: right;
	width: 145px;
}




ul.dropmenunew{
	
	margin: 0px;
	padding: 1px 0px 0px 0px;
	
	display:block;
	height: 35px;
	
	font-size: 13px;
	font-weight: bold;
	overflow: visible; 
	z-index: 10000;
}
.dropmenunew li{
	position: relative;
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
}


.dropmenunew li a{
	height: 18px;
	padding: 9px 20px 0px 15px;
	display: block;
	
	border-right: solid 1px #104A72;
	 color: #104A72;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
.dropmenunew li span{
	display: block;
	float: right;
	height: 10px;
	width: 10px;
	background:transparent url(../images/arrow_up.png) repeat-x scroll 0 0;
	position: absolute;
	top: 12px;
	right: 10px;
}
.dropmenunew li  a:hover span{
	background:transparent url(../images/arrow_hover.png) repeat-x scroll 0 0;
}
.dropmenunew li:hover ul, .dropmenu li:hover div{
	display: block;	
}

.dropmenuitem {
	font-size: 13px;
}

.bottommenuitem {
	font-size: 9px;
}


div.firstMenu
{
	float:left;		
	width:5%;
	
	
	font-weight:bold;
	font-size:11px;
	color:#164468;
	text-align:center;
	padding-top:0px;
	padding-bottom:5px;
	position: relative;	
}


div.SecondMenu
{
	float:left;		
	width:95%;
	
	
	font-weight:bold;
	font-size:11px;
	color:#164468;
	text-align:center;
    margin:0px auto 0px auto;
	padding-top:0px;
	padding-bottom:5px;
	
}

div.SecondMenu1
{
	float:left;		
	width:95%;
	
	
	font-weight:bold;
	font-size:11px;
	color:#164468;
	text-align:center;
    margin:0px auto 0px auto;
	padding-top:0px;
	padding-bottom:5px;
	
}
div.midMenu
{
	float:left;		
	width:100%;
	
	
	font-weight:bold;
	font-size:11px;
	color:#164468;
	text-align:center;
    margin:0px auto 0px auto;
	padding-top:5px;
	padding-bottom:5px;
	background:transparent url(../images/navigation.png) repeat-x scroll 0 0;
}



div.pageBottom
{
	float:left;
	height:88px;
	width:99%;
	background-color: #DFDFDF;
	
	
	
	text-align:left;	
    
	font-size:10px;
    color:#fff;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:15px;
    font-weight:normal;	
}










div.tbottom 
{
	
	float:left;
	width:796px;	
	background-repeat:no-repeat;
	margin-left:2px; 
	height: 20px;   
}





div.bottomMenu
{
	width:100%;float:left;
}

div.bottomMenufirst
{
	width:72%;
	float:left;
	padding:2px;
	text-align:left;
	padding-left:98px;
	padding-top:15px;
	padding-bottom: 25px
	
}



div.socialnetwork 
{
	border-style: none;
	border-width: medium;	
	float: right;	
		padding-top:75px;
		color:#666666;
}

div.separator_high
{
	float:left;
	width:100%;
	height:20px;
	background-image:url(../images/topbanner_back.jpg);
	background-repeat:repeat;
	background-position:top left;
    color:#fff;
    font-size:10px;
    
    text-align:center;
	font-weight:normal;
}

div.contentForm
{
   
    padding: 5px;    
	background-color:#e7e7e7;
	width:98%;		

	vertical-align:middle;
	text-align:left;
	float:left;
	border:solid 1px #002F6B;
	color:#002F6B;
}
.dialog
{
    
  
    color:#222222;
    background-color:#fff;
    width:100%;
} 
.modalBackground {
            background-color:Gray;
            filter:alpha(opacity=70);
            opacity:0.7;
        }
        
 div.chartcontent {
	
} 
       
table.dataentry {
	text-align:left;
	 min-width:900px;
}       
       
 /*--------------------------- Additions after Arabic------------------------------*/
 
 
 /* trigger button */
  #download_now {
    background:transparent url(http://jquerytools.github.io/media/img/downloadnow.png) no-repeat scroll 0 0;
    display:block;
    height:44px;
    margin: 0 auto;
    margin-bottom:30px;
    overflow:hidden;
    text-indent:-999em;
    width:159px;
    cursor:pointer;
  }
 
  /* mouseover state */
  #download_now:hover {
    background-position:0 -44px;
  }
 
  /* clicked state */
  #download_now:focus {
    background-position:0 -88px;
  }
 
  /* tooltip styling */
  .tooltip {
    display:none;
    background:url(http://jquerytools.github.io/media/img/tooltip/black_arrow_big.png);
    height:163px;
    padding:40px 30px 10px 30px;
    width:310px;
    font-size:11px;
    color:#fff;
  }
 
  /* a .label element inside tooltip */
  .tooltip .label {
    color:yellow;
    width:35px;
  }
 
  .tooltip a {
    color:#ad4;
    font-size:11px;
    font-weight:bold;
  }

.linkButton {
	background-color: #666769;
	color: #ffffff;
	
	width: 100px;
	height: 24px;
	text-align: center !important;
	padding-top: 5px;
	text-decoration: none;
}
.linkButton:hover {
	background-color: #666769;	
}