/*Credits: Abdullah Al Aqeel*/
BODY {
          MARGIN: 0px;
}

body, tr, td, table {
                       FONT: bold 9pt/20px Arial;
                       COLOR: #000000;

}

th {
                     background-color: #3D94CA;
                       FONT: bold 9pt/20px Arial;
                     COLOR: #FFFFFF;
}

.mainbg {
            background: #FFFFFF url('../images/Front/Mainbg.gif');
	background-repeat: repeat;
}

A {text-decoration: none; COLOR: #757574;}
A:link {text-decoration: none; COLOR: #000000;}
A:visited {text-decoration: none; COLOR: #000000;}
A:active {text-decoration: none; color: red;}
A:hover {text-decoration: none; color: red;}



.border5 {
padding: 5px 5px 5px 5px;
}


.content {
padding: 0 5px 0 5px;
}
.RightMenu {
padding: 5px 0px 0px 0px;
}
.RightMenuFront {
padding: 5px 5px 0px 0px;
}

.copyrights {
	COLOR: #FFFFFF;
}
.alert {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; MARGIN: 10px 5px 10px 5px; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; BACKGROUND-COLOR: #ffffcc; height:10px; FONT: bold 9pt/20px Arial; COLOR: #000000; 
}

.sucssess {
	BORDER-RIGHT: #297F3D 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #297F3D 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; MARGIN: 10px 5px 10px 5px; BORDER-LEFT: #297F3D 1px solid; BORDER-BOTTOM: #297F3D 1px solid; BACKGROUND-COLOR: #E1FFCC; height:10px; FONT: normal 9pt/20px Tahoma; COLOR: #000000;
}


.warning {
	BORDER: #FF0000 1px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; MARGIN: 10px 5px 10px 5px; BACKGROUND-COLOR: #FFB0B0; height:10px; FONT: bold 9pt/20px Arial; COLOR: #000000;  
}


.message {
	BORDER: #95C7F8 1px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; MARGIN: 10px 5px 10px 5px; BACKGROUND-COLOR: #CAE6FE; height:10px; FONT: bold 9pt/20px Arial; COLOR: #000000;  
}
.note1 {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; MARGIN: 15px 5px 5px 5px; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; BACKGROUND-COLOR: #ffffcc; height:10px; FONT: bold 9pt/20px Arial; COLOR: #000000;  
}
H1 {
	MARGIN-TOP: 0px;  MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.9em; FONT: bold 18px Arial; COLOR: #0066cc; BORDER-BOTTOM: #0066cc 1px solid; COLOR: #0066cc; BORDER-BOTTOM: #0066cc 2px solid; padding: 0 1px 0 1px;
}

H3 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 10px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 0px 5px; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #deeeff; COLOR: #000000
}
H2 {
                FONT: bold 15px Arial;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	color: #000000;
}

.numbering LI {
	MARGIN-BOTTOM: 5px; 
                MARGIN-RIGHT: 10px;
                line-height: 90%
}

OL {
	MARGIN-TOP: 0px
}
OL OL {
	MARGIN-TOP: 0px; 
                MARGIN-BOTTOM: 0px
}

SPAN.small {
	FONT-WEIGHT: normal; .
                FONT-SIZE: 90%
}
.info {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; border-spacing: 2px
}
.info TD {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-BOTTOM: #ebebeb 1px solid
}
.info TH {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; BACKGROUND: #ebebeb; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: left
}
.infoBottom TD {
	BORDER-BOTTOM-WIDTH: 0px
}
.info CAPTION {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; MARGIN: 0px; TEXT-TRANSFORM: uppercase; PADDING-TOP: 15px
}

.title_portfolio{
background-color: #EEEEEE;
COLOR: #000000;
}





textarea {padding: 2px;  background: #DEEEFF; border: 1px solid #8FB3D6; FONT: bold 9pt/20px Arial;}


input{background: #DEEEFF; border: 1px solid #8FB3D6; }


.form_error1 input {background: #FF9999; border: 1px solid #FF0000; }
.form_error1 select {background: #FF9999; border: 1px solid #FF0000; }
.form_error1 textarea {background: #FF9999; border: 1px solid #FF0000; }
.form_error1 radio {background: #FF9999; border: 1px solid #FF0000; }
.form_error1 checkbox {background: #FF9999; border: 1px solid #FF0000; }



select { background: #DEEEFF; border: 1px solid #8FB3D6; FONT: bold 9pt/20px Arial;}
button{background: #DEEEFF; border: 1px solid #8FB3D6; FONT: bold 9pt/20px Arial;}



label {color: #699ac8; font-size: 90%; FONT: bold 9pt/20px Arial;
req {color: #ff0000 !important;}
small {color: #666; font-size: 75%;}

.brief { FONT: normal 8pt/20px tahoma; color:#808080}


.smallth {
BORDER-RIGHT: #FDBC35 5px solid; background-color: #3D94CA; TEXT-ALIGN: right; COLOR: #ffffff; direction=rtl;  text-indent: 3;
}

.smallth2 {
BORDER-RIGHT: #EBEBEB 3px solid; BORDER-LEFT: #EBEBEB 3px solid; BORDER-BOTTOM: #EBEBEB 1px solid; background-color: #DDDDDD; TEXT-ALIGN: right; COLOR: #000000; direction=rtl;
}

.SecondTh {
background-color: #EBEBEB;
COLOR: #000000;
}


.tl {
background-color: #DFF1FF;
} 
.tl2 {
background-color: #F2F9FF;
} 
#nuvola {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; Z-INDEX: 100; LEFT: -300px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT: black 1px solid; WIDTH: 150px; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; BACKGROUND-COLOR: lightyellow; text-align: right; direction=rtl;
}
#angolonuvola {
	Z-INDEX: 101; LEFT: -300px; VISIBILITY: hidden; POSITION: absolute
}
.bg1 {
     background-color:#eeeeee;	
     PADDING-RIGHT: 4px;
     PADDING-LEFT: 4px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 0px;

}
.bg2 {

     PADDING-RIGHT: 4px;
     PADDING-LEFT: 4px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 0px;

}


.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right;

}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}



.pagination li.current{
padding: 0 5px;
border: 1px solid navy;
background-color: #3D94CA;
text-decoration: none; 
color: #FFF;
margin-left: 15px;
padding-left: 15;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.pagetext{
font-weight: bold;
}

* html .pagination li.current, * html .pagination li.disablepage{ 
margin-right: 5px;
padding-right: 5;
margin-left: 5px;
padding-left: 5;
}


#masterdiv{
padding: 0px 5px 0px 5px;
}
.submenu{
padding: 1px 0px 1px 0px;
}
.submenu a {
	display: block;
	color:#333333;
	background-color: #C6E2FF;
	width: 170px;
	text-decoration: none;
	padding: 1px 10px 1px 10px;
                       FONT: bold 10pt/22px Arial;
                       COLOR: #000000;
border-bottom: 1px solid #0066cc;
}
.submenu a:hover{
	display: block;
	color:#333333;
	background-color: #DEEEFF;
	width: 170px;
	text-decoration: none;
	padding: 1px 10px 1px 10px;
                       FONT: bold 10pt/22px Arial;
                       COLOR: red;
border-bottom: 1px solid #0066cc;
}

.HowToDiv {
     PADDING-RIGHT: 0px;
     PADDING-LEFT: 4px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 0px;
     margin-right: 0px;
     margin-top: 7px;
     margin-bottom: 7px;
     width: 200px;
     FONT: bold 12pt/26px Times New Roman;
     color: #6F79A6;
     text-decoration: none;
                 }
.gray{
Filter: Gray
}