body


{


    font-family:Arial;


    font-size:10pt;


    text-decoration:none


}





table


{


    font-family:Arial;


    font-size:10pt;


    text-decoration:none


}





tr


{


    font-family:Arial;


    font-size:10pt;


    text-decoration:none


}





td


{


    font-family:Arial;


    font-size:10pt;


    text-decoration:none


}





input


{


    font-family: Tahoma;


    font-size: 10pt;


}





select


{


    color: #000000;


    font-family: Tahoma;


    font-size: 10pt;


    border:1px solid #808080;


    background-color: #FCFCFC


}








textarea


{


    color: #000000;


    font-family: Tahoma;


    font-size: 10pt;


    border:1px solid #808080;


    background-color: #FCFCFC


}





h1


{


    color: #CC0000;


    font-family:Arial;


    font-size:18pt;


    text-decoration:none;


    font-weight: bold


}





h2


{


    color: #37828C;


    font-family:Arial;


    font-size:16pt;


    text-decoration:none;


    font-weight: bold


}





h3


{


    color: #55544C;


    font-family:Arial;


    font-size:14pt;


    text-decoration:none;


    font-weight: bold


}





h4


{


    color: #6E5421;


    font-family:Arial;


    font-size:18pt;


    text-decoration:none;


    font-weight: bold


}





h5


{


    color: #C49C64;


    font-family:Arial;


    font-size:16pt;


    text-decoration:none;


    font-weight: bold


}





h6


{


    color: #B1B37A;


    font-family:Arial;


    font-size:14pt;


    text-decoration:none;


    font-weight: bold


}





hr


{


    color:#E5E5E5;


}





a:link


{


    color: #37828C;


    text-decoration:none;


    text-decoration:underline;


}





a:visited


{


    color: #37828C;


    text-decoration:none;


    text-decoration:underline;


}





a:active


{


    color: #37828C;


    text-decoration:none;


    text-decoration:underline;


}





a:hover


{


    color: #cf4038;


    text-decoration:underline;


}





fieldset


{


    padding: 10;


    border: 1px solid #E5E5E5


}





legend{


    color: #55544C;


    font-family:Arial;


    font-size:10pt;


    font-weight: bold


}





.altinput


{


    color: #000000;


    font-family: Tahoma;


    font-size: 10pt;


    border:1px solid #808080;


    background-image: url('../images/elements/advbtn.gif');


    background-repeat: repeat-x;


    background-position-y: bottom;


}


.altyellowinput

{

    color: #FFFF00;

    font-family: Tahoma;

    font-size: 10pt;

    border:1px solid #808080;

    background-image: url('../images/elements/advbtn.gif');

    background-repeat: repeat-x;

    background-position-y: bottom;

}



.altbtn


{


    color: #55544C;


    font-family: Tahoma;


    font-size: 10pt;


    border:1px solid #808080;


    background-image: url('../images/elements/advbtn.gif');


    background-repeat: repeat-x;


    background-position-y: bottom;


}





.altredbtn


{


    color: #55544C;


    font-family: Tahoma;


    font-size: 10pt;


    border:1px solid #808080;


    background-color: #ff9999;


    background-repeat: repeat-x;


    background-position-y: bottom;


}


.title


{


    font-family:Arial;


    font-size:12pt;


    text-decoration:none;


    font-weight: bold;


    color: #37828C


}





.normaltext


{


    font-family:Arial;


    font-size:10pt;


    text-decoration:none;


    font-weight: normal


}





.medtext


{


    font-family:Tahoma;


    font-size:9pt;


    text-decoration:none;


    font-weight: normal


}





.smalltext


{


    font-family:Tahoma;


    font-size:8pt;


    text-decoration:none;


    font-weight: normal


}





.error


{


    font-family:Arial;


    font-size:10t;


    font-weight: bold;


    color: #CC0000


}





.advbtn


{


    color: #55544C;


    font-family: Tahoma;


    font-size: 10pt;


    border:1px solid #808080;


    background-image: url('../images/elements/advbtn.gif');


    background-repeat: repeat-x;


    background-position-y: bottom;


    height:25px


}





.divboxtitle


{


    color: #CC0000;


    font-family:Arial;


    font-size:10pt;


    font-weight: bold;


    height:20px;


    text-align: justify


}





.divboxup


{


    background: url(../images/template/left-top-corner-box.gif);


    background-position: top left;


    background-repeat: no-repeat;


    padding-top: 10px;


    padding-left: 15px;


}





.divboxdn


{


    background: url(../images/template/right-bot-corner-box.gif);


    background-position: bottom right;


    background-repeat: no-repeat;


    padding-bottom: 10px;


    padding-right: 15px;


    text-align: justify;


}





.tablehead


{


    color: #FFFFFF;


    background-color: #37828C;


	padding: 5


}





.tablefieldname


{


    color: #37828C;


    background-color: #E3F2F4;


}








/* pane */





#dhtmlgoodies_xpPane


{


	background-color:#dbefee;


	float:left;


	height:100%;


	width:auto;


}





#dhtmlgoodies_xpPane .dhtmlgoodies_panel


{


	margin-left:20px;


	margin-right:20px;


	margin-top:20px;

	margin-bottom:20px;
}





#dhtmlgoodies_xpPane .panelContent


{


	font-size:0.8em;


	background-image:url('../images/elements/sidemenu/bg_pane_right.gif');


	background-position:top right;


	background-repeat:repeat-y;


	border-left:1px solid #FFF;


	border-bottom:1px solid #FFF;


	padding-left:2px;


	padding-right:2px;


	overflow:hidden;


	position:relative;


	clear:both;


}





#dhtmlgoodies_xpPane .panelContent div


{


	position:relative;


}





#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar


{


	background-image:url('../images/elements/sidemenu/bg_panel_top_right.gif');


	background-repeat:no-repeat;


	background-position:top left;


	height:25px;


	


	cursor:pointer;


	overflow:hidden;


}





#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar span


{


	line-height:25px;


	vertical-align:middle;


	font-family:Arial;


	font-size:0.9em;


	color:#37828C;


	font-weight:bold;


	float:left;


	padding-left:5px;


}





#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar img


{


	float:left;


	cursor:pointer;

	
}





#otherContent


{	/* Normal text content */


	float:left;	/* Firefox - to avoid blank white space above panel */


	padding-left:10px;	/* A little space at the left */


}





/* tree menu */





.dtree


{


	font-family: Tahoma;


	font-size: 8pt;


	color: #666;


	white-space: nowrap;


}





.dtree img


{


	border: 0px;


	vertical-align: middle;


}





.dtree a


{


	color: #37828C;


	text-decoration: none;


}





.dtree a.node, .dtree a.nodeSel


{


	white-space: nowrap;


	padding: 2px 4px 2px 4px;


}





.dtree a.node:hover, .dtree a.nodeSel:hover


{


	color: #cf4038;


	text-decoration: underline;


}





.dtree a.nodeSel


{


	background-color: #F2F9F9;


}





.dtree .clip


{


	overflow: hidden;


}











	/* Start layout CSS */


	.tableWidget_headerCell,.tableWigdet_headerCellOver,.tableWigdet_headerCellDown{	/* General rules for both standard column header and mouse on header of sortable columns */


		cursor:pointer;


		border-bottom:3px solid #C5C2B2;


		border-right:1px solid #ACA899;


		border-left:1px solid #FFF;


		background-color: #ECE9D8;


	}





	.tableWidget_headerCell{	/* Standard column header */


		border-top:2px solid #ECE9D8;





	}





	.tableWigdet_headerCellOver{	/* Rollover on sortable column header */


		border-top:2px solid #FFC83C;


	}


	.tableWidget tbody .tableWidget_dataRollOver{	/* Rollover style on mouse over (Data) */


		background-color:#FFF;	/* No mouseover color in this example - specify another color if you want this */


	}





	.tableWigdet_headerCellDown{


		border-top:2px solid #FFC83C;


		background-color:#DBD8C5;


		border-left:1px solid #ACA899;


		border-right:1px solid #FFF;


	}


	.tableWidget td{


		margin:0px;


		padding:2px;


		border-bottom:1px solid #EAE9E1;	/* Border bottom of table data cells */





	}


	.tableWidget tbody{


		background-color:#FFF;


	}


	.tableWidget{


		font-family:arial;


		font-size:12px;


		width:400px;


	}





	/* End layout CSS */








	div.widget_tableDiv {


		border:1px solid #ACA899;	/* Border around entire widget */


		height: 200px;


		overflow:auto;


		overflow-y:auto;


		overflow:-moz-scrollbars-vertical;


		width:400px;





	}





	html>body div.widget_tableDiv {


		overflow: hidden;


		width:400px;


	}





	.tableWidget thead{


		position:relative;


	}


	.tableWidget thead tr{


		position:relative;


		top:0px;


		bottom:0px;


	}











	.tableWidget .scrollingContent{


		overflow-y:auto;


		overflow:-moz-scrollbars-vertical;


		width:100%;





	}




















.dhtmlwindow{


position: absolute;


border: 2px solid black;


visibility: hidden;


background-color: white;


}





.drag-handle{ /*CSS for Drag Handle*/


padding: 1px;


text-indent: 3px;


font: bold 14px Arial;


background-color: #F8F8F8;


color: white;


cursor: move;


overflow: hidden;


width: auto;


}





.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/


position: absolute;


right: 1px;


top: 2px;


cursor: hand;


cursor: pointer;


}








.drag-contentarea{ /*CSS for Content Display Area div*/


border-top: 1px solid brown;


background-color: white;


color: #55544C;


height: 150px;


padding: 2px;


overflow: auto;


}





.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/


border-top: 1px solid gray;


background-color: #F8F8F8;


height: 13px; /*height of resize image*/


}








.drag-resizearea{ /*CSS for Resize Area itself*/


float: right;


width: 13px; /*width of resize image*/


height: 13px; /*height of resize image*/


cursor: nw-resize;


font-size: 0;


}








.drag-handle{ /*Overwrite default drag handle bar background color with below*/


background-color: #CC0000;


}





#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/


position: absolute;





width: 10px;


left: 0;


top: 0;


z-index: 5;


visibility: hidden;


filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);


opacity: 0.8;


}





.hide{


display: none;


}





.show{


display: block;


}





.currentStep {


	background-color:#e45f40; 


	color: #FFFFFF;


	font-size: 11px;


}





.pendingStep {


	background-color:#ece9d8; 


	color: #000000;


	font-size: 11px;


}





.completedStep {


	background-color:#528e39; 


	color: #FFFFFF;


	font-size: 11px;


}





.alertMSG{


padding: 10px;


border: 1px solid #FF9D3C;


background: #FFFFEC;


color: #FF8000


}





.errorMSG{


padding: 10px;


border: 1px solid #FF0000;


background: #FFF4F4;


color: #FF0000


}





.validMSG{


padding: 10px;


border: 1px solid #008000;


background: #F4FFF4;


color: #008000


}





.infoMSG{


padding: 10px;


border: 1px solid #000080;


background: #F4F4FF;


color: #000080


}





.altbt





{





    color: #55544C;





    font-family: Tahoma;





    font-size: 10pt;





    border:1px solid red;





    background-image: url('../images/elements/advbtn.gif');





    background-repeat: repeat-x;





    background-position-y: bottom;





}


/** Point#12 :: SD#49255 :: Hasan Yusuf :: v9.11 at 30-1-2013 **/

.maleField

{

    color: #37828C;

    background-color: #81DAF5;

}



.femaleField

{

    color: #37828C;

    background-color: #F6CEF5;

}

/** Added  by Walaa for SD 53822 EMS v12.4 **/
.yellowField
{
	color: #37828C;
    background-color: #FFFF00;
}



/** Point#29 :: SD#49255 :: Hasan Yusuf :: v9.11 at 30-1-2013 **/

p.success {

	font-family: Trebuchet MS ; 

	font-size: 120% ;

	font-weight: 780;

	color: #37828C;

}



p.failure {

	font-family: Trebuchet MS ;

	font-size: 120% ;

	font-weight: 780;

	color: #B90000;

}


/** Added by Manal for SD 50447 EMS v10.3 -- Start **/

.notificationMsg {

    font-family: Calibri ;

	font-size: 11pt;

	color: red;

	font-weight: bold;

}

/** SD 50447 -- End **/



/** Added by Manal for SD 53902 [Batelco ECR] -- Start **/

.termsAndConditions {

   font-family: MyriadPro-Regular ;

   font-size: 5pt;

}



.batelcoAgreementLbl {

   font-family: Times New Roman ;

   font-size: 10pt;

}

/** SD 53902 -- End **/
/** added by Eftekhar for SD 59565 v 12.2 -start **/
.redTerminationField
{
    color: 	#000000;
    background-color: #ffcccc;
}

.greenTerminationField
{
    color: 	#000000;
    background-color: ccffcc;
}
/** SD 59565 -- end **/


/**added by Eftekhar for SD 84556 :: EMS v13.3 -start**/
.checkboxArea{
padding: 10px;
border: 1px solid #000080;
font-weight: bold; 
color: #000080

}

input[type='button'][disabled], 
input[type='submit'][disabled], 
button[disabled]{
	color: #a0a0a0;
	border: 1px solid #808080;
	text-shadow: 1px 1px white;
}

table[border="1"][bordercolor="#69b9c5"],
table[border="1"][bordercolor="#69b9c5"] > thead > tr,
table[border="1"][bordercolor="#69b9c5"] > thead > tr > th,
table[border="1"][bordercolor="#69b9c5"] > thead > tr > td,
table[border="1"][bordercolor="#69b9c5"] > tbody > tr,
table[border="1"][bordercolor="#69b9c5"] > tbody > tr > th,
table[border="1"][bordercolor="#69b9c5"] > tbody > tr > td{
	
	border: 1px solid #69b9c5;
}

table[border="1"][bordercolor="#92cbd4"],
table[border="1"][bordercolor="#92cbd4"] > thead > tr,
table[border="1"][bordercolor="#92cbd4"] > thead > tr > th,
table[border="1"][bordercolor="#92cbd4"] > thead > tr > td,
table[border="1"][bordercolor="#92cbd4"] > tbody > tr,
table[border="1"][bordercolor="#92cbd4"] > tbody > tr > th,
table[border="1"][bordercolor="#92cbd4"] > tbody > tr > td{
	
	border: 1px solid #92cbd4;
}

.tabTd{
	border: 1px solid black;
	background-color: #e3f2f4;
	float:left;
	padding:2px;
	width: 250px;
}

.tabBtn{
	border: 0px solid black;
	background-color: #e3f2f4;
	width: 250px;
	height:50px;
	padding:2px;
}

.tabTd a{
	font: bold 13px Verdana;
	display: block;
	color: black;
	text-decoration: none;
	border-bottom: 0px solid black;
}

a:hover button {
    background-color: #37828C;
    color: white;
}

a button.selected {
    background-color: #37828C;
    color: white;
}

p.tsidemsg {
	font-family: Trebuchet MS ;
	font-size: 105% ;
	font-weight: 780;
	color: black;
}

p.tsidemsg.disabled {
	color: #a0a0a0;
}

.tabTd input[type='button'][disabled], 
.tabTd input[type='submit'][disabled], 
.tabTd button[disabled]{
	border: 0px;
}

@media print {
	
	.not-printed{
		display:none;
	}
}