@import "reset.css";

html
{
    overflow-y: scroll;
	direction:rtl;
	text-align: right;
}

body
{
    font-family: arial;
    font-size: 12px;
    width: 100%;
    direction: rtl;
    color: Black;
}
*html body {text-align: center;}

a
{
    color: #223f85;
}

a:hover
{
    color: #95d650;
    text-decoration: none;
}

.controlpanel {
	width: 100%;
	background-color:Transparent;
	color:Black;
	direction: rtl;
	text-align: right;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.clear
{
    clear: both;
}

.title
{
    font-size: 14px;
    padding-bottom: 8px;
    font-weight: bold;
}

#top_banner
{
    width: 565px;
    float: right;
    margin-top: -18px;
}

#logo
{
    background-image: url(logo.jpg);
    width: 180px;
    height: 120px;
    margin-top: 5px;
    float: left;
}

#logoEN
{
    background-image: url(logoEN.jpg);
    width: 180px;
    height: 120px;
    margin-top: 5px;
    float: left;
}

#menu
{
    width: 788px;
    background-image: url(top_menu_back.jpg);
    border: 1px solid #95d650;
    height: 23px;
    margin-top: 12px;
    color: #223f85;
    font-weight: bold;
    text-align: right;
}
*html #menu {width: 790px;}

#menu #en
{
    float: left;
    margin: 3px 0 0 6px;
}

#menu #btns
{
    float: right;
    margin-top: -2px;
/* IE8 Hacking */    
    margin-top /*\**/: -20px\9    
}
/* IE7 Hacking */
html>body #menu #btns { *margin-top: -2px; }

#menu #btns .btn
{
    padding: 0px 8px 0px 8px;
}

#wrapper {
	text-align: right;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 790px;
	background-image: url(body_back.jpg);
}

#wrapperEN {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 790px;
	background-image: url(body_backEN.jpg);
}

#header
{
    width: 790px;
    margin: 0 auto;
}

#wrapper #rightcol 
{
    float: right;
    width: 153px;
    display: block;
    margin-right: 1px;
    margin-top: 9px;
    border-top: 1px solid #f7f6f6;
    direction: rtl;
    text-align: right;
}
*html #wrapper #rightcol {margin-right: 0px;}

#wrapperEN #rightcol 
{
    float: right;
    width: 153px;
    display: block;
    margin-right: 1px;
    margin-top: 9px;
    border-top: 1px solid #f7f6f6;
    direction: rtl;
    text-align: left;
    margin-right:15px;
}
*html #wrapperEN #rightcol {margin-right: 15px;}

#rightcol a.Normal
{
    display: block;
    width: 140px;
    padding: 1px 15px 1px 0;
    margin-right: 0px;
    white-space: normal; 
    background: url(menu_img.jpg) no-repeat right top;
    color: Black;
    vertical-align: top;
    /*font-weight: bold;*/
    margin-top: 0px;
    font-size: 12px;
    font-family: arial;
    direction: rtl;
    text-align: right;
}
*html #rightcol a.Normal {width: 155px; margin-right: 1px;}

#rightcol a.Normal:hover
{
    background-color: #0c8343;
    background-image: url(menu_img_on.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    color: white;
    display: block;
    width: 140px;
    padding: 1px 15px 1px 0;
    /*font-weight: bold;*/
    
    font-size: 12px;
    font-family: arial;
}
*html #rightcol a.Normal:hover {width: 155px; margin-right: 1px;}

#wrapper #centercol 
{
    float: right;
    width: 428px;
    min-height: 400px;
    padding: 10px;
	direction:rtl;
}
*html #wrapper #leftcol #centercol {height: 400px;}

#wrapperEN #centercol 
{
    direction:ltr;
    float:right;
    margin-right:20px;
    min-height:400px;
    padding:10px;
    width:425px;
}
*html #wrapperEN #centercol {height: 435px; margin-right: 30px;}

#wrapper #leftcol 
{
    float: right;
    width: 173px;
    margin-right: 8px;
    margin-top: 10px;
}
*html #wrapper #leftcol {width: 204px;}

#wrapperEN #leftcol 
{
    *clear: both;
    float:left;
    margin-left:11px;
    margin-top:10px;
    width:146px;
    text-align: left;
}
*html #wrapperEN #leftcol {width: 146px; margin-left:1px;}

#wrapperEN #leftcol a.Normal
{
    background:transparent url(menu_img_en.jpg) no-repeat scroll left top;
    color:Black;
    direction:ltr;
    display:block;
    font-family:arial;
    font-size:12px;
    margin-top:0;
    padding:1px 0 1px 15px;
    text-align:left;
    vertical-align:top;
    white-space:normal;
    width:141px;
    *width:  153px! important;
}
*html #wrapperEN #leftcol a.Normal {width: 156px; margin-right: 1px;}

#wrapperEN #leftcol a.Normal:hover
{
    background-color:#95D650;
    background-image:url(menu_img_on_en.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    color:Black;
    display:block;
    font-family:arial;
    font-size:12px;
    padding:1px 0 1px 15px;
    width:141px;
}
*html #wrapperEN #leftcol a.Normal:hover {width: 156px; margin-right: 1px;}

#footer
{
    width: 780px;
    height: 16px;
    background-image: url(bottom.jpg);
    margin: 0 auto;
    clear: both;
    padding: 5px;
}
*html #footer {width: 790px;}

#footer #login
{
    font-weight: normal;
    float: right;
}

#footer #copy
{
    font-weight: normal;
    float: left;
}

/* 
================================
Skin styles for Menu
================================
*/

.MainMenu_MenuContainer {
	background-color: transparent; 
	height:31px;
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
}
.MainMenu_MenuItem {
	
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; 
	font-family: arial; 
	font-size: 14px; 
	font-weight: bold; 
	font-style: normal; 
	
	/*background-color: #000000;*/
}
.MainMenu_MenuIcon {
	background-color: #ffffff;
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); */
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel 
{
	/*background-color: #ffffff;*/
	background-color:Transparent;
	cursor: hand; 
	color: black; 
	font-family: arial; 
	font-size: 12px; 
	font-weight: bold;
	font-style: normal;
	height: 21px;
}
.MainMenu_MenuArrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: arial; 
	font-size: 12px; 
	cursor: pointer; 
	cursor: hand; 
	font-weight: normal;
	color: #ffffff;
}
.MainMenu_RootMenuArrow {
	font-family: arial; 
	font-size: 12px; 
	cursor: pointer; 
	cursor: hand;
	font-weight: normal;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: Ariel, sans-serif; 
  font-size: 12px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: Transparent;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px;
}

.Head {
   font-family: arial, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #0034BA;
}
.SubMenu /* outher left and right bg of unselected sub item, bg of sub tab */
{
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	font-family: Arial, Verdana, Tahoma,  Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	height: auto;
	background-color: #ffffff;
	background-image: none;
}

.SubItemActive TD
{
	border-top: 0px solid;
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: bold;	
	height: 24px;
	/*background-color: #8DC905;*/
	border-color:#8DC905;
	color:#8DC905;
}

.SubItemSelected
{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px; 
	font-weight: bold;
	color:#8DC905; 
	background-color: #ffffff;
}
.SubItemBreadCrumb
{
	font-family: Ariel;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: Transparent;
}
.MenuContainer
{
    background-color: Transparent;
	height: 26px;
	border-bottom: #036D41 0px solid;
	padding-left:0px;
}
.MenuIcon
{
	cursor: pointer;
	cursor: hand;
	background-color: #ffffff;
	border-left: #036D41 0px solid;
	border-top: #036D41 0px solid;
	border-right: #036D41 0px solid;
	border-bottom: #036D41 0px solid;
	text-align: center;
	height: 22;
}


.MenuItem /* activate bg image for subitems here */
{
	cursor: pointer; 
	cursor: hand; 
	color: #000000;	
	font-family:Ariel; 
	font-size: 12px; 
	font-weight: bold; 
	font-style: normal; 
	background-color: #ffffff; /* fixed firefox problem, do not use transparent here */
}

.MenuArrow
{
	font-family: arial; 
	font-size: 12px; 
	cursor: pointer; 
	cursor: hand; 
}

.MenuRootArrow
{
	font-family: arial; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}


.MenuBar
{
	background-color: Transparent;
	cursor: pointer;
	cursor: hand;

}


.RootItem TD
{
	font-family: arial;	
	font-weight: bold; 
	font-size:12px;
	color:#288c3a;
    background-repeat:no-repeat;
    padding-left:3px;
	padding-right:3px;	
}

.RootItemBreadCrumb TD
{
	font-family: arial;	
	font-weight: bold; 
	font-size:12px;
	color:#555555;	
	background-color: Transparent;
	background-repeat:no-repeat;
	padding-left:3px;
	padding-right:3px;
	
}

.RootItemActive TD
{
	font-family: arial;		
	font-weight: bold; 
	font-size:12px;
	color:#95d650;
	background-repeat:no-repeat;
	padding-left:3px;
	padding-right:3px;
}

.RootItemSelected TD
{
	font-family: arial;	
	font-weight: bold; 
	font-size:12px;
	color:#95d650;
	background-repeat:no-repeat;
	padding-left:3px;
	padding-right:3px;
}

/* 
================================
End of Menu
================================
*/