/*----------------------------------

Made BY : SUHIB Moahammad Odubat

E-mail  : suhib5@gmail.com
          suhib5@aol.com
          sm5flash@yahoo.com

Mobile :  0532019915
          

Copy Right 2009 - 2010

----------------------------------*/


html
{
padding:0px;
margin:0px;
text-align:center;
vertical-align:middle;
display:block;
}


*
{
padding:0px;
margin:0px;

}


body
{
width:100%;
height:100%;
min-width:1004px;
background:#9accef url(../images/bg.gif) right top repeat-x;
position:relative;
}


ul, li
{

margin:0;
border:0;
padding:0;
list-style:none;
text-align:center;
}


img
{
padding:0px;
margin:0px;
border:0px;
display:block;
}



/*---------------------------------- Login Section ------------------------------*/

.login-box
{
width:360px; 
height:270px;
display:block;
position:relative;
border:solid 1px #d3e9f8;
margin-top:50px;
background:#b8dbf4;
top: 0px;
left: 0px;
}


.login-box-right-side
{
border-right:solid 1px #d3e9f8;
border-top:solid 1px #d3e9f8;
border-bottom:solid 1px  #d3e9f8;
border-left:solid 0px #d3e9f8;
width:200px; 
height:135px;
display:block;
position:relative;
background:#b8dbf4;
margin-top:-190px;
margin-left:562px;
text-align:right;
}

.login-box-left-side
{
border-right:solid 1px #d3e9f8;
border-top:solid 1px #d3e9f8;
border-bottom:solid 1px  #d3e9f8;
border-left:solid 0px #d3e9f8;
width:200px; 
height:135px;
display:block;
position:absolute;
background:#b8dbf4;
margin-top:-130px;
margin-right:461px;
text-align:right;
}


.login-title
{
width:340px;	
height:30px;
margin-top:10px;
display:block;
background:#6fb2e0;
}


.login-title-table
{
width:330px;	
height:20px;
vertical-align:middle;
margin-top:4px;
display:block;
position:relative;
}


.login-title-table-left-td
{
width:240px;	
height:20px;
text-align:left;
}

.login-title-text
{
font-family:Tahoma;
font-size:12px;
font-weight:bold;
color:#ffffff;
}


.login-user-icon
{
width: 64px;
height: 63px;
background:url(../images/user-icon.png) no-repeat;
position:absolute;
display:block;
margin-top:-40px;
margin-left:-2px;
}


.login-form-div
{
display:block;
position:relative;
width:340px;
height:210px;
background:#dbedf9;	
margin-top:10px;
text-align:center;
vertical-align:middle;
}


.login-form-table
{
width:320px;
height:165px;
margin-top:12px;
display:block;
background:url(../images/locked.gif) right bottom no-repeat;
}


.login-form-text
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#4b6376;
text-align:right;
padding-left:6px;
}


.login-form-textbox
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
display:block;
color:#5e6072;	
width:190px;
height:26px;
padding-top:10px;
border:solid 1px #fafcfd;
background:#edf6fc;
}

.login-form-textbox-valdiat
{
color:#dbedf9;
width:25px;
height:20px;
display:block;
background:url(../images/textbox-valdiation.gif) left no-repeat;
}


.login-form-checkbox
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#4b6376;
float:right;
margin-right:-3px;
}


.login-form-valdiat
{
width:16px;
height:16px;
display:block;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#8c1313;
float:right;
padding-left:28px;
background:url(../images/form-valdiation.gif) bottom left no-repeat;
}
.login-form-valdiat-label
{
height:16px;
display:block;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#8c1313;
float:right;
padding-left:28px;
background:url(../images/form-valdiation.gif) bottom left no-repeat;
}



.all-right-reserved
{
width:360px; 
height:20px;
display:block;
bottom: 0px;
position:fixed;
margin-left:-181px;
border-top:solid 1px #d3e9f8;
border-left:solid 1px #d3e9f8;
border-right:solid 1px #d3e9f8;
background:#b8dbf4;	
font-family:Tahoma;
font-size:11px;
font-weight:bold;
padding-top:9px;
color:#4b6376;
}


/*---------------------------------- Logo Section ------------------------------*/

.big-logo
{
display:block;
position:relative;
margin-top:10px;
width:145px;
height:178px;
background:url('../images/big-logo.png') no-repeat top;
top: 0px;
left: 0px;
}



/*---------------------------------- Div Section ------------------------------*/

.div-contaner
{
height: 163px;
width:809px;
margin-top:10px;
}



/*---------------------------------- Bunner Section ------------------------------*/

.bunner-bg
{
width:583px;
height:163px;
background:#4b6376;
float:right;
}


.bunner
{
width:573px;
height:156px;
margin-top:4px;
margin-right:0px;
border:solid 1px #dfeff9;
background:#a5d3f1;
}

.bunner-table
{
width:560px;
height:140px;
margin-top:10px;
}


.bunner-logo
{
width:102px;
height:126px;
display:block;
float:left;
background:url(../images/bunner-logo.gif) no-repeat;
}

.bunner-text
{
width:370px;
height:61px;
display:block;
float:right;
background:url(../images/bunner-text.gif) no-repeat;
}


/*---------------------------------- Button Section ------------------------------*/

.button-bg
{
width:223px;
height:37px;
background:#4b6376;
float:left;
margin-top:126px;
}

.button-div
{
width:213px;
height:30px;
margin-top:4px;
text-align:center;
border:solid 1px #ffffff;
background:#d1e9f8;
}

.button-table
{
width:208px;
height:25px;
padding-top:3px;
display:block;
}

.icon-button-td-size
{
width:25px;
height:25px;	
}

.logout-button-td-size
{
width:90px;
height:25px;
}


#logout-button
{
width:90px;
margin-top:-1px;
font-family:Tahoma;
font-size:10px;
text-decoration:none;
font-weight:bold;
list-style:none;
vertical-align:middle;
text-align:center;
}

#logout-button a 
{
display:block;
height:18px;
color:#FFFFFF;
text-decoration:none;
background:url(../images/logout-button.gif) no-repeat;
padding: 6px 0px 0px 20px;
margin-bottom:3px;
}

#logout-button a:hover 
{ 
background-position:0 -25px;
color: #FFFFFF;
}

#logout-button a:active 
{
background-position:0 -50px;
color:#FFFFFF;
}




#home-button
{
width:25px;
list-style:none;
vertical-align:middle;
text-align:center;
margin-top:1px;
}

#home-button a 
{
display:block;
height:25px;
background:url(../images/home-button.gif) no-repeat;
}

#home-button a:hover 
{ 
background-position:0 -25px;
}

#home-button a:active 
{
background-position:0 -50px;
}




#contact-button
{
width:25px;
list-style:none;
vertical-align:middle;
text-align:center;
margin-top:1px;
}

#contact-button a 
{
display:block;
height:25px;
background:url(../images/contact-button.gif) no-repeat;
}

#contact-button a:hover 
{ 
background-position:0 -25px;
}

#contact-button a:active 
{
background-position:0 -50px;
}



#info-button
{
width:25px;
list-style:none;
vertical-align:middle;
text-align:center;
margin-top:1px;
}

#info-button a 
{
display:block;
height:25px;
background:url(../images/info-button.gif) no-repeat;
}

#info-button a:hover 
{ 
background-position:0 -25px;
}

#info-button a:active 
{
background-position:0 -50px;
}



#help-button
{
width:25px;
list-style:none;
vertical-align:middle;
text-align:center;
margin-bottom:2px;
}

#help-button a 
{
display:block;
height:25px;
background:url(../images/help-button.gif) no-repeat;
}

#help-button a:hover 
{ 
background-position:0 -25px;
}

#help-button a:active 
{
background-position:0 -50px;
}


/*---------------------------------- Form Section ------------------------------*/

.main-form-body
{
width:809px;
height:auto;
background:#4b6376;
}

.form-div
{
width:799px;
height:auto;
border:solid 1px #ffffff;
background:#dbedf9;
}

.form-table
{
width:795px;
height:594px;
}

.form-table-menu-td
{
width:795px;
height:31px;	
}


.form-table-main-td
{
width:513px;
height:573px;
vertical-align:top;
text-align:right;
}
.form-table-main-td2
{
vertical-align:top;
text-align:right;
}

/*---------------------------------- Menu Section ------------------------------*/

.menu-div
{
width:795px;
height:32px;
background:#8cc2e6;
text-align:center;
margin-top:-3px;
}

.menu-table
{
width:780px;
height:25px;
text-align:center;
margin-right:-5px;
}

.menu-table-td
{
width:125px;
height:25px;
float:right;
display:block;
}




ul.menu * 
{
margin:0;
padding:0;
}

ul.menu a 
{
display:block;
text-decoration:none;
}

ul.menu li 
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
position:relative;
margin-right:2px;
float:right;
}

ul.menu ul 
{
position:absolute;
top:22px;
left:0;
background:#edf6fc;
display:none;
opacity:0;
list-style:none;
}

ul.menu ul li 
{
position:relative;
border:1px solid #aaa;
border-top:none;
width:148px;
margin:0;
font-family:Tahoma;
font-size:10px;
font-weight:bold;
}

ul.menu ul li a 
{
display:block;
padding:6px 7px 5px;
background-color:#edf6fc;
color:#88a8bd;
}

ul.menu ul li a:hover 
{
background-color:#d7eefe;
color:#6689a3;
}

ul.menu ul ul 
{
width:148px;
left:-150px;
top:-1px;
}

ul.menu .menulink 
{
border:1px solid #aaa;
padding:5px 7px 7px;
font-weight:bold; 
background:url(../images/menu1.gif);
color:#5292cc;
width:134px;
}

ul.menu .menulink:hover, ul.menu .menuhover 
{
background:url(../images/menu2.gif);
color:#6689a3;
}

ul.menu .sub 
{
background:#edf6fc url(../images/arrow.gif) left no-repeat;
}

ul.menu .topline 
{
border-top:1px solid #aaa;
}




/*---------------------------------- Control Section ------------------------------*/



.form-textbox_
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	display: block;
	color: #5e6072;
	width: 143px;
	height: 18px;
	padding-top: 2px;
	padding-right: 2px;
	border: 1px solid #b0dcf9;
	background: #edf6fc;
	direction: rtl;
}


.form-textbox-large
{
    font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	display: block;
	color: #5e6072;
	width: 210px;
	height: 18px;
	padding-top: 2px;
	padding-right: 2px;
	border: 1px solid #b0dcf9;
	background: #edf6fc;
	direction: rtl;
}



.form-textarea
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
display:block;
color:#5e6072;	
width:146px;
height:70px;
padding-top:2px;
padding-right:2px;
border:solid 1px #b0dcf9;
background:#edf6fc;
direction:rtl;
}

.form-textarea-large
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
display:block;
color:#5e6072;	
width:195px;
height:70px;
padding-top:2px;
padding-right:2px;
border:solid 1px #b0dcf9;
background:#edf6fc;
direction:rtl;
}

.form-text
{
color:#6689a3;
padding-right:5px;
padding-left:5px;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
text-align: right;
margin-bottom: 0px;
}


.form-dropdownlist
{
font-family:Tahoma;
color:#6689a3;
font-size:11px;
border:0px;
width:80px;
margin:0;
padding:0px;
direction:rtl;
}

.form-dropdownlist-Midd
{
font-family:Tahoma;
color:#6689a3;
font-size:11px;
border:0px;
width:147px;
margin:0;
padding:0px;
direction:rtl;
}

.form-dropdownlist-large
{
font-family:Tahoma;
color:#6689a3;
font-size:11px;
border:0px;
width:197px;
margin:0;
padding:0px;
direction:rtl;
}


.form-textbox-ev
{
color:#dbedf9;
width:25px;
height:20px;
display:block;
background:url(../images/textbox-valdiation.gif) left no-repeat;
}


.form-valdate
{
height:16px;
display:block;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#8c1313;
float:right;
padding-left:20px;
background:url(../images/form-valdiation.gif) bottom left no-repeat;
}


.button
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#ffffff;	
border:0px;
display:block;
width:90px;
height:25px;
background:url(../images/button.gif)  no-repeat;
}

.button:hover
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#ffffff;	
border:0px;
display:block;
width:90px;
height:25px;
background:url(../images/button2.gif)  no-repeat;
}

/*---------------------------------- Small ToolTip Section ------------------------------*/



a.smalltooltip
{
position:relative;
z-index:23;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}

a.smalltooltip span
{
display: none; 
}


a.smalltooltip:hover
{
z-index:23;
}


a.smalltooltip:hover span.tooltip
{
display:block;
position:absolute;
top:-42px;
right:-5px;
padding: 0px 0px 0px 0px;
color: #993300;
text-align: center;
}

a.smalltooltip:hover span.top{
display: block;
padding-top:9px;
padding-left:4px;
width:115px;
height:38px;
background:url(../images/smalltooltip.png) no-repeat ;
font-family:Tahoma;
font-size:10px;
font-weight:bold;
color:#4b6376;
}






/*---------------------------------- All Right Reserved Section ------------------------------*/


.all-right-bg
{
width:809px;
height:30px;
border:solid 1px #afddfa;
background:#5db4e9;
}

.all-right-div
{
width:790px;
height:22px;
display:block;
margin-top:3px;
}

.all-right-table
{
width:790px;
height:22px;
}

.all-right-text-td
{
width:684px;
height:22px;
font-family:Tahoma;
font-size:10px;
font-weight:bold;
color:#ffffff;
text-align:left;	
}

.all-right-link-td
{
width:80px;
height:22px;
text-align:right;	
}

.all-right-sparate-td
{
width:6px;
height:22px;
text-align:center;
font-family:Tahoma;
font-size:10px;
font-weight:bold;
color:#ffffff;
}




.allright-link
{
width: auto;
padding:0px;
margin:0px;
}
	
.allright-link li a
{
font-family:Tahoma;
font-size:10px;
font-weight:bold;
text-indent:inherit;
font-variant:normal;
font-style:normal;
text-transform:none;
font-weight:bold;
text-align:right;
padding-bottom:2px;
}
	
	
.allright-link li a:link, .allright-link li a:visited 
{
color: #ffffff;
display: block;
}
	
.allright-link li a:hover, .allright-link li a:active 
{
color: #d1e9f8;
font-size:10px;
text-decoration:underline;
}


/*---------------------------------- High Slide Section ------------------------------*/

.highslide-html 
{
background-color: white;
}
.highslide-html-blur 
{
}
.highslide-html-content 
{
position: absolute;
display: none;
}
.highslide-loading 
{
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;
padding-left: 22px;
background-image:url(../js/graphics/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}

a.highslide-credits , a.highslide-credits i 
{
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}

a.highslide-credits:hover, a.highslide-credits:hover i 
{
color: white;
background-color: gray;
}

.highslide-wrapper 
{
background-color: white;
}
.highslide-wrapper .highslide-html-content 
{
width: 610px;
padding: 5px;
}

.highslide-wrapper .highslide-header div 
{
}

.highslide-wrapper .highslide-header ul 
{
margin: 0;
padding: 0;
text-align: right;
}

.highslide-wrapper .highslide-header ul li {
display: inline;
padding-left: 1em;
}

.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next 
{
display: none;
}

.highslide-wrapper .highslide-header a 
{
font-weight: bold;
color: #4b6376;
text-transform: uppercase;
text-decoration: none;
}

.highslide-wrapper .highslide-header a:hover 
{
color: #7d9cb3;
}

.highslide-wrapper .highslide-header .highslide-move a 
{
cursor: move;
}

.highslide-wrapper .highslide-footer
{
height: 11px;
}

.highslide-wrapper .highslide-footer .highslide-resize 
{
float: right;
height: 11px;
width: 11px;
background: url(../js/graphics/resize.gif);
}

.highslide-wrapper .highslide-body 
{
}

.highslide-move 
{
cursor: move;
}

.highslide-resize 
{
cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block 
{
display: block;
}
.highslide-display-none 
{
display: none;
}