/* 
------------------------------------------------------------------- 
						     Skin
------------------------------------------------------------------- 

Legend:
------------------------------------------------------------------- 
AlSeef-Brokerage:
Logo Blue               = #0D037D 
Banner Gray				= RGB(239,239,239)
Banner Dark Gray		= RGB(102,102,102)
Module Title Orange		= RGB(204,91,0)
Menus/Tabs Blue			= RGB(103,136,190)
------------------------------------------------------------------- 
Light Gray				= RGB(245,245,245)
Light Gray -Borders		= RGB(223,223,223)
Dark Gray				= RGB(70,70,70)
Light Blue				= RGB(160,174,201)
Red Dark				= RGB(175,95,95)
Dark Green				=	#00911A
Light Green				=	#82BC1B
Dark Blue				=	#003A76
------------------------------------------------------------------- 
*/

BODY{BACKGROUND-COLOR: White;FONT-SIZE:10pt; font-family:Arabic Transparent;}

.topCell{BORDER-TOP: RGB(223,223,223) 1px solid;}
.topRightCell{BORDER-RIGHT: RGB(223,223,223) 1px solid;BORDER-TOP: RGB(223,223,223) 1px solid;}
.topRightBottomCell{BORDER-RIGHT: RGB(223,223,223) 1px solid;BORDER-TOP: RGB(223,223,223) 1px solid;BORDER-BOTTOM: RGB(223,223,223) 1px solid;}
.topRightBottomLeftCell{BORDER-TOP: RGB(223,223,223) 1px solid;BORDER-RIGHT: RGB(223,223,223) 1px solid;BORDER-BOTTOM: RGB(223,223,223) 1px solid;BORDER-LEFT: RGB(223,223,223) 1px solid;}
.topRightLeftCell{BORDER-TOP: RGB(223,223,223) 1px solid;BORDER-RIGHT: RGB(223,223,223) 1px solid;BORDER-LEFT: RGB(223,223,223) 1px solid;}
.topBottomLeftCell{BORDER-TOP: RGB(223,223,223) 1px solid;BORDER-BOTTOM: RGB(223,223,223) 1px solid;BORDER-LEFT: RGB(223,223,223) 1px solid;}
.topBottomCell{BORDER-TOP: RGB(223,223,223) 1px solid;BORDER-BOTTOM: RGB(223,223,223) 1px solid;}
.topLeftCell{BORDER-LEFT: RGB(223,223,223) 1px solid;BORDER-TOP: RGB(223,223,223) 1px solid;}
.rightCell{BORDER-RIGHT: RGB(223,223,223) 1px solid;}
.rightBottomCell{BORDER-RIGHT: RGB(223,223,223) 1px solid;BORDER-BOTTOM: RGB(223,223,223) 1px solid;}
.rightBottomLeftCell{BORDER-RIGHT: RGB(223,223,223) 1px solid;BORDER-BOTTOM: RGB(223,223,223) 1px solid;BORDER-LEFT: RGB(223,223,223) 1px solid;}
.rightLeftCell{BORDER-RIGHT: RGB(223,223,223) 1px solid;BORDER-LEFT: RGB(223,223,223) 1px solid;}
.bottomCell{BORDER-BOTTOM: RGB(223,223,223) 1px solid;}
.bottomLeftCell{BORDER-BOTTOM: RGB(223,223,223) 1px solid;BORDER-LEFT: RGB(223,223,223) 1px solid;}
.leftCell{BORDER-LEFT: RGB(223,223,223) 1px solid;}

.topCell_blue{BORDER-TOP: RGB(84,106,148) 1px solid;}
.topRightCell_blue{BORDER-RIGHT: RGB(84,106,148) 1px solid;BORDER-TOP: RGB(84,106,148) 1px solid;}
.topRightBottomCell_blue{BORDER-RIGHT: RGB(84,106,148) 1px solid;BORDER-TOP: RGB(84,106,148) 1px solid;BORDER-BOTTOM: RGB(84,106,148) 1px solid;}
.topRightBottomLeftCell_blue{BORDER-TOP: RGB(84,106,148) 1px solid;BORDER-RIGHT: RGB(84,106,148) 1px solid;BORDER-BOTTOM: RGB(84,106,148) 1px solid;BORDER-LEFT: RGB(84,106,148) 1px solid;}
.topRightLeftCell_blue{BORDER-TOP: RGB(84,106,148) 1px solid;BORDER-RIGHT: RGB(84,106,148) 1px solid;BORDER-LEFT: RGB(84,106,148) 1px solid;}
.topBottomLeftCell_blue{BORDER-TOP: RGB(84,106,148) 1px solid;BORDER-BOTTOM: RGB(84,106,148) 1px solid;BORDER-LEFT: RGB(84,106,148) 1px solid;}
.topBottomCell_blue{BORDER-TOP: RGB(84,106,148) 1px solid;BORDER-BOTTOM: RGB(84,106,148) 1px solid;}
.topLeftCell_blue{BORDER-LEFT: RGB(84,106,148) 1px solid;BORDER-TOP: RGB(84,106,148) 1px solid;}
.rightCell_blue{BORDER-RIGHT: RGB(84,106,148) 1px solid;}
.rightBottomCell_blue{BORDER-RIGHT: RGB(84,106,148) 1px solid;BORDER-BOTTOM: RGB(84,106,148) 1px solid;}
.rightBottomLeftCell_blue{BORDER-RIGHT: RGB(84,106,148) 1px solid;BORDER-BOTTOM: RGB(84,106,148) 1px solid;BORDER-LEFT: RGB(84,106,148) 1px solid;}
.rightLeftCell_blue{BORDER-RIGHT: RGB(84,106,148) 1px solid;BORDER-LEFT: RGB(84,106,148) 1px solid;}
.bottomCell_blue{BORDER-BOTTOM: RGB(84,106,148) 1px solid;}
.bottomLeftCell_blue{BORDER-BOTTOM: RGB(84,106,148) 1px solid;BORDER-LEFT: RGB(84,106,148) 1px solid;}
.leftCell_blue{BORDER-LEFT: RGB(84,106,148) 1px solid;}

.topCell_dashed{BORDER-TOP: RGB(223,223,223) 1px dashed;}
.topRightCell_dashed{BORDER-RIGHT: RGB(223,223,223) 1px dashed;BORDER-TOP: RGB(223,223,223) 1px dashed;}
.topRightBottomCell_dashed{BORDER-RIGHT: RGB(223,223,223) 1px dashed;BORDER-TOP: RGB(223,223,223) 1px dashed;BORDER-BOTTOM: RGB(223,223,223) 1px dashed;}
.topRightBottomLeftCell_dashed{BORDER-TOP: RGB(223,223,223) 1px dashed;BORDER-RIGHT: RGB(223,223,223) 1px dashed;BORDER-BOTTOM: RGB(223,223,223) 1px dashed;BORDER-LEFT: RGB(223,223,223) 1px dashed;}
.topRightLeftCell_dashed{BORDER-TOP: RGB(223,223,223) 1px dashed;BORDER-RIGHT: RGB(223,223,223) 1px dashed;BORDER-LEFT: RGB(223,223,223) 1px dashed;}
.topBottomLeftCell_dashed{BORDER-TOP: RGB(223,223,223) 1px dashed;BORDER-BOTTOM: RGB(223,223,223) 1px dashed;BORDER-LEFT: RGB(223,223,223) 1px dashed;}
.topBottomCell_dashed{BORDER-TOP: RGB(223,223,223) 1px dashed;BORDER-BOTTOM: RGB(223,223,223) 1px dashed;}
.topLeftCell_dashed{BORDER-LEFT: RGB(223,223,223) 1px dashed;BORDER-TOP: RGB(223,223,223) 1px dashed;}
.rightCell_dashed{BORDER-RIGHT: RGB(223,223,223) 1px dashed;}
.rightBottomCell_dashed{BORDER-RIGHT: RGB(223,223,223) 1px dashed;BORDER-BOTTOM: RGB(223,223,223) 1px dashed;}
.rightBottomLeftCell_dashed{BORDER-RIGHT: RGB(223,223,223) 1px dashed;BORDER-BOTTOM: RGB(223,223,223) 1px dashed;BORDER-LEFT: RGB(223,223,223) 1px dashed;}
.rightLeftCell_dashed{BORDER-RIGHT: RGB(223,223,223) 1px dashed;BORDER-LEFT: RGB(223,223,223) 1px dashed;}
.bottomCell_dashed{BORDER-BOTTOM: RGB(223,223,223) 1px dashed;}
.bottomLeftCell_dashed{BORDER-BOTTOM: RGB(223,223,223) 1px dashed;BORDER-LEFT: RGB(223,223,223) 1px dashed;}
.leftCell_dashed{BORDER-LEFT: RGB(223,223,223) 1px dashed;}

/***************************************************************************************************************
												VARIABLES
***************************************************************************************************************/

	.bg_banner_layer1{background:RGB(239,239,239);}
	.bg_banner_layer2{background:white;}
	.bg_banner_layer3{background:RGB(103,136,190);}
	.bg_footer{background:RGB(103,136,190);}

	.partition{color:RGB(223,223,223);font-size:8pt;FONT-WEIGHT: normal;}

.defaultPageBG
{
	background:RGB(138,143,145);
}

.defaultPageCell
{
	background:RGB(247,249,251);
	height:5px
}

.moduleCell
{
	background:white;
	BORDER-TOP: RGB(223,223,223) 1px solid;
	BORDER-RIGHT: RGB(223,223,223) 1px solid;
	BORDER-BOTTOM: RGB(223,223,223) 1px solid;
	BORDER-LEFT: RGB(223,223,223) 1px solid;
}

	.link_banner_layer1 {color:RGB(102,102,102);FONT-WEIGHT: normal;TEXT-DECORATION: none;Font-Size:10pt}
	A.link_banner_layer1:hover {TEXT-DECORATION: underline}
	.link_banner_layer1_b {color:RGB(102,102,102);FONT-WEIGHT: bold;TEXT-DECORATION: none;Font-Size:10pt}
	A.link_banner_layer1_b:hover {TEXT-DECORATION: underline}
	.link_banner_layer1_small {color:RGB(102,102,102);FONT-WEIGHT: normal;  Font-Size:7pt;TEXT-DECORATION: none;}
	A.link_banner_layer1_small:hover {TEXT-DECORATION: underline}

	.linkw {color:white;FONT-WEIGHT: normal;TEXT-DECORATION: none;Font-Size:10pt}
	A.linkw:hover {TEXT-DECORATION: underline}
	.linkw_b {color:white;FONT-WEIGHT: bold;TEXT-DECORATION: none;Font-Size:10pt}
	A.linkw_b:hover {TEXT-DECORATION: underline}
	.linkw_small {color:white;FONT-WEIGHT: normal;  Font-Size:7pt;TEXT-DECORATION: none;}
	A.linkw_small:hover {TEXT-DECORATION: underline}

	.link {color:blue;FONT-WEIGHT: normal;TEXT-DECORATION: none;Font-Size:10pt}
	A.link:hover {TEXT-DECORATION: underline}
	.link_b {color:blue;FONT-WEIGHT: bold;TEXT-DECORATION: none;Font-Size:10pt}
	A.link_b:hover {TEXT-DECORATION: underline}
	.link_small {color:blue;FONT-WEIGHT: normal;  Font-Size:7pt;TEXT-DECORATION: none;}
	A.link_small:hover {TEXT-DECORATION: underline}

	.siteTitle {color:#82BC1B;FONT-WEIGHT: normal;Font-Size:22pt}
	.pageTitle {color:RGB(204,91,0);FONT-WEIGHT: bold;Font-Size:14pt}
	.header {color:#003A76;FONT-WEIGHT: normal;Font-Size:10pt}
	.subHeader {color:#0D037D ;FONT-WEIGHT: normal;Font-Size:10pt}
	
	.label {color:RGB(70,70,70);FONT-WEIGHT: normal;Font-Size:10pt}
	.label_b {color:RGB(70,70,70);FONT-WEIGHT: bold;Font-Size:10pt}

	.textw {color:white;FONT-WEIGHT: normal;Font-Size:10pt}
	.textw_b {color:white;FONT-WEIGHT: bold;Font-Size:10pt}
	
	.text {color:black;FONT-WEIGHT: normal;Font-Size:10pt}
	.text_b {color:black;FONT-WEIGHT: bold;Font-Size:10pt}

	.intro {color:RGB(70,70,70);FONT-WEIGHT: normal;Font-Size:8pt}
	.intro_b {color:RGB(70,70,70);FONT-WEIGHT: bold;Font-Size:8pt}

	.note {color:RGB(204,91,0);FONT-WEIGHT: normal;Font-Size:7pt}
	.note_b {color:RGB(204,91,0);FONT-WEIGHT: bold;Font-Size:7pt}

	.error{background-color:white;color:RED;FONT-WEIGHT: bold;Font-Size:10pt}
	.message{background-color:white;color:RGB(226,197,197);FONT-WEIGHT: bold;Font-Size:10pt}
	.validator{background-color:white;color:white;Font-Size:6pt}
/*
	.gridItem{background-color:RGB(255,255,255);color:RGB(0,0,0);}
	.gridAlternatingItem{}
	
	.gridHeader{FONT-WEIGHT:bold;Font-Size:8pt;TEXT-DECORATION: none;}
	A.gridHeader:hover {TEXT-DECORATION: underline}
	
	.gridFooter{background-color:RGB(128,128,192);color:RGB(255,255,255);font-size:8pt;font-weight:bold;}
	.gridPager{background-color:RGB(128,128,192);color:RGB(255,255,255);font-weight:bold;text-align: right;}
	.gridSelectedItem{background-color:RGB(216,48,0);color:RGB(255,255,255);font-weight:bold;}
*/	
	
/*----------------------------------------------------------------
Start													 Tree View
----------------------------------------------------------------
.TreeNode 
{ 
	font-family: Tahoma;
	font-size: 8pt; 
	color: RGB(70,70,70);
	padding-left: 3px;
	text-decoration: none;
}

.TreeNodeOver 
{ 
	font-family: Tahoma; 
	font-size: 8pt; 
	color: RGB(84,106,148); 	
	text-decoration: underline; 
	cursor: pointer;
	cursor: hand;
	padding-left: 3px;
}

.TreeNodeSelect 
{ 
	font-family: Tahoma; 
	font-size: 8pt; 
	color: RGB(245,245,245); 
	background: RGB(47,60,83); 	
	cursor: pointer;
	cursor: hand;
	margin-left: 3px;	
}

.TreeNodeDisabled
{ 
	font-family: Tahoma;
	font-size: 8pt; 
	color: RGB(245,245,245);	
	padding-left: 3px;
	text-decoration: none;
	cursor: default;
}

.TreeContextItem
{ 
	font-family: Arial;
	font-size:10px;
	cursor: pointer;
	cursor: hand;
	padding-left:4px;
	height:24px;
	background-color:#fdfdfd;
	background-image:url(contextMenu.gif); 
	background-repeat:repeat-y;
	width:100%; 
	text-align: left;
	border-bottom: solid 1px #e3e3e3;
}
 
.TreeContextItemOver
{
	font-family: Arial;
	font-size:10px;
	cursor: pointer;
	cursor: hand;
	padding-left:4px;
	height:24px;
	background-color:#f3f3f3;
	background-image:url(contextMenu.gif); 
	background-repeat:repeat-y;
	width:100%; 
	text-align: left;
	border-bottom: solid 1px #d4d4d4;
}
 
.TreeNodeEdit 
{
	border:1px gray solid;
	font-family: tahoma; 
	font-size: 8pt;
	margin-left: 3px;  
	text-align: left;
}
/*----------------------------------------------------------------
End  													 Tree View
----------------------------------------------------------------*/	





/*----------------------------------------------------------------
Start  													 Main Menu
----------------------------------------------------------------*/	

/*----------------------------------------------------------------
End   													 Main Menu
----------------------------------------------------------------*/