/*-------------------------------------------------------- basic elements */

body
{
    margin: 0;
    padding: 0;
    font: 9pt/14pt Verdana; 
    background-color: #fff;
    /*height: 700px;*/
    min-height: 700px;
    direction:rtl;
}

p
{
    font: 9pt/14pt Verdana;
    margin-top: 0px;
}

h1
{
    text-align: center;
	font: bold 13pt 'arial'; 
	margin: 0 0 2px 0;
	padding: 2px;
	color: white;
	background-color: #699;
	text-transform: uppercase;
}

h2
{ 
    text-align: center;
	font: bold 10pt Verdana; 
	letter-spacing: 1px; 
	margin: 0 0 2px 0;
	padding: 2px;
	color: white;
	background-color: #c66;
}

h3
{ 
    text-align: center;
	font: bold 10pt Verdana; 
	letter-spacing: 1px; 
	margin: 0 0 2px 0;
	padding: 2px;
	color: white;
	background-color: #699;
}

h4
{
	font: bold 10pt Verdana; 
	letter-spacing: 1px; 
	margin: 0 0 2px 0;
}    

a:link
{
	text-decoration: underline;
	color: #066;
}
a:visited
{
	text-decoration: underline;
	color: #099;
}
a:hover, a:active
{
	text-decoration: none;
	color: #0cc;
}


/*-------------------------------------------------------- specific divs */
#wrapper
{
    position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	border: solid 1px #ccc;
}

#container
{
    position: relative;
	margin: 0;
	padding: 0;
}
#pageHeader
{
    position: relative;
	margin: 0;
	padding: 0;
	height: 196px;
}

#status
{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 1px 10px;
    background-color: #ccc;
    color: #333;
    height: 20px;
    vertical-align: middle;
    text-align: left;
}
#status a:link, #topBar a:visited
{
    font-weight: bolder;
    color: #333;
    text-decoration: none;
}
#status a:hover, #topBar a:active
{
    font-weight: bolder;
    color: #fff;
    text-decoration: none;
}

#siteMap
{
	position: relative;
	float: right;
	margin-right: 5px;
    display: none;
    visibility: hidden;
	margin: 0;
}

#language
{
	display:none;
	visibility:hidden;
	/*position: relative;
	float: left;
	margin: 0 0 0 5px;*/
}

#login
{
	position: relative;
	float: right;
	margin: 0 0 0 5px;
	direction:ltr;
}
#header
{
	position: absolute;
	left: 0;
	right: 0;
	top: 23px;
    margin: 0;
    height: 138px;
    /*width: 100%;*/
    background: #699 url(../CSSImages/headPic.jpg) no-repeat right top;
}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#header h1
{
    display: none;
    visibility: hidden;
	margin: 0;
	padding: 0;
}
#header h1 span 
{
    display: none;
}
#header h2
{ 
    display: none;
    visibility: hidden;
	margin: 0;
	padding: 0;
}
#header h2 span 
{
    display:none
}

#header .p1
{
    display: none;
    visibility: hidden;
	margin: 0;
}

#header .p2
{
    display: none;
    visibility: hidden;
	margin: 0;
	/*	
	position: absolute;
	margin: 0 auto;
    background: url(../CSSImages/logo.gif) no-repeat left top;
    width: 250px;
    height: 130px;
    top: 10px;
    left: 50%;
    margin-left: -360px;*/
}	

/*-------------------------------------------------------- Context divs */
	
#context
{
	position: relative;
	padding: 0;
	margin: 7px 0 0 0;
 border-top: solid 1px transparent;
 
}
/*-------------------------------------------------------- menu divs */

#sideBar
{
	position: absolute;
	padding: 0;
	margin:0;
	width:210px;
	background-color:#ccc;
}
#sideBarHeader
{
	position:relative;
	padding: 0;
	margin: 0;
	height: 29px;
	background: #ccc url(../CSSImages/menuTopPe.png) no-repeat top right;
}
#sideBarContext
{
	position:relative;
		width:205px;
    background: #cc3333;
    border-right: solid 2px #ccc;
    border-left: solid 3px #ccc;
}

#menu
{
	position:relative;
}

#w3c
{
	width:100%;
	margin-top:10px;
	padding-top:10px;
	border-top:solid 1px #ccc;
	text-align:center;
}
#stat
{
	margin-top:10px;
	text-align:center;
}

#counter
{
	display:none;
	visibility:hidden;
}

#sideBarFooter
{    
	position:relative;
    background: #666 url(../CSSImages/menuBotPe.png) no-repeat top left;
	padding: 0;
	margin-bottom:0px;
	margin-left:0px;
	height: 29px;
    /*width: 200px;*/
	/*z-index:-500;*/
}

#placeholder
{
    /*background-color: White;*/
    position: relative;
    /*left:230px;
    top:50px;*/
    margin: 0 230px 0 0;
    min-height: 700px;
    width: 745px; /*745*/
}

#placeholderHeader
{
    display: none;
}
#placeholderContext
{
 position:relative;
 
}
#placeholderFooter
{
	position:relative;
    display: none;
    /*
    background: url(../CSSImages/ContentBot.gif) repeat-x top left;
    height: 10px;
    width: 802px; 
    */
}


/*-------------------------------------------------------- ASP Controls */
/*
.Wizard
{
    background: #ffcc66;
    color: Black;
    border: black 10px solid;
    direction: rtl;
    width: 100%;
    height:100%;
}
.WizardCancelButtonStyle
{
    background: RED;
    color: silver;
}
.WizardHeaderStyle
{
    background: black;
    color: Orange;
    text-align: center;
    font-weight: bold;
    font-size: large;
    font-family: Arial;
    padding: 5px;
}

.WizardSideBarStyle
{
    background: black;
    color: Orange;
    text-align: center;
    font-weight: bold;
    font-size: large;
    font-family: Arial;
    padding: 5px;
}
*/
/*-------------------------------------------------------- ASP Controls:DataListSkin */
.DataList
{
    display: table;
	/*height:100%;*/
	border: none;
	
}
    /*
.DataList a:link
{
	color: Green;
	text-decoration:none;
}

.DataList a:hover
{
	color: Green;
	text-decoration:underline;
}

.DataList a:visited
{
	color: #009100;
}
    */

.DataListAlternatingItemStyle
{
	background-color: #dff;
}

.names
{
	font-style:italic;
}

.panelCommon
{
	margin:0 0 5px 0;
}
.panelCommon legend
{
     color: black;
     background: #699;
     padding: 1px 15px;
     	width:150px;
}
.panelCommon a:link, .panelCommon a:visited
{
    text-decoration: none;
}

#UpdateProgress
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url( '../CSSImages/CP/bgprog.png' ) left top;
	text-align: center;
	vertical-align: middle; /*filter: alpha(opacity=50);     opacity: 0.5;*/
}

#UpdateProgress img
{
	margin-top: 250px;
	right: 50%;
}

#UpdateProgress span
{
	direction: ltr;
	color: #fff;
	font: normal normal normal 11px/12px Tahoma;
	display: block;
	padding: 3px 0;
}

/*-------------------------------------------------------- footer div */
#footer
{
	position:relative;
    margin: 0 10px;
	padding-top: 7px;
	font: 12px arial;
	text-align: center;
	vertical-align: middle;
    /*height: 24px;*/
    border-top: dotted 1px gray;
	/*color: #1B407A;*/
    /*width: 802px;*/
}

#footerBot
{
    display:none;
    /*
    margin-top: 0;
    background: url(../CSSImages/ContentBot.gif) repeat-x top left;
    height: 10px;
    /*
    /*width: 802px; */
}


#footer a:link, #footer a:visited
{
}


/* ------------------------- sideMenu */
.sideMenu
{
	/*width: 100%;*/
	margin: 0;
	padding: 0;
}


.sideMenuStaticMenuStyle
{
	margin: 0;
	padding: 0 10px 0 0;
	background-color: Transparent;
	font: normal 13px/15px arial;
	line-height: 18px;
}
.sideMenuStaticMenuItemStyle
{
	/*display: block;*/ /*It doesn't work with vertical-align: middle     vertical-align: middle;     margin: 0 2px 0 0;     padding: 0 3px;     text-align: center;     font: bold 12px/14px arial;     color:#fff;*/
}

.sideMenuStaticMenuItemStyle a
{
	/*display: block;*/ /*It doesn't work with vertical-align: middle     padding: 0;     margin: 0;     text-align: center;     font: bold 12px/14px arial;     text-decoration: none;     background: transparent;*/
	text-decoration: none;
	color: #ccc;
}
.sideMenuStaticMenuItemStyle a:link, .sideMenuStaticMenuItemStyle a:visited
{
	/*display: block;*/ /*It doesn't work with vertical-align: middle     padding: 0;     margin: 0;     text-align: center;     font: bold 12px/14px arial;     text-decoration: none;     background: transparent;*/
	text-decoration: none;
		font: normal 13px/15px arial;
	color: #fff;
}
.sideMenuStaticHoverStyle
{
	/* border-top:solid 1px #fff;     border-bottom:solid 1px #fff;*/
}
.sideMenuStaticHoverStyle a:hover
{
	text-decoration: underline overline;
}

.sideMenuStaticSelectedStyle
{
	/*display: block;*/ /*It doesn't work with vertical-align: middle     vertical-align: middle;     text-align: center;*/
}
.sideMenuStaticSelectedStyle a, .sideMenuStaticSelectedStyle a:visited
{
	/*vertical-align: middle;     background-color:#aa2626;     display: block;*/ /*It doesn't work with vertical-align: middle     padding:5px 0 5px 0;     margin: 0;     font: bold 12px/14px arial;     text-decoration: none;     color: #fff;*/
}


.sideMenuDynamicMenuStyle
{
}
.sideMenuDynamicMenuItemStyle
{
}

.sideMenuDynamicMenuItemStyle img
{
}
.sideMenuDynamicMenuItemStyle a, .sideMenuDynamicMenuItemStyle a:visited
{
}
.sideMenuDynamicHoverStyle
{
}
.sideMenuDynamicHoverStyle a:hover
{
}
.sideMenuDynamicSelectedStyle
{
}
.sideMenuDynamicSelectedStyle a, .sideMenuDynamicSelectedStyle a:visited
{
}


/* ------------------------- topMenu */
#topMenu
{
	position:absolute;
    /*width: 100%;*/
    margin:0;
    top: 162px;
    padding: 0;
    z-index:101;
}


.topMenuStaticMenuStyle
{
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #000;      
}
.topMenuStaticMenuItemStyle
{
    /*display: block;*/ /*It doesn't work with vertical-align: middle*/
    vertical-align: middle;
    color: #fff;
    height: 30px;
    margin:0 1px 0 1px;
    padding: 0 3px;
    text-align: center;
    font: bold 13px/15px arial;
    background: url(../CSSImages/topMenuBg.gif) repeat-x top right;
    border: solid 1px #000;
    width:162px;
    
}
 .topMenuStaticMenuItemStyle a, .topMenuStaticMenuItemStyle a:visited
{
   /*display: block; It doesn't work with vertical-align: middle
    padding: 0;
    margin: 0;
   
    font: bold 12px/14px arial;
    text-decoration: none;
    background: transparent;
    color: #000;
    text-indent: 0;*/
     text-align: center;
     text-decoration:none;
     background-image:none;
}
.topMenuStaticHoverStyle
{
    /*display: block;*/ /*It doesn't work with vertical-align: middle
    font-weight: bold;
    color: Yellow;
    text-decoration: none;*/
}    

topMenuStaticHoverStyle a:hover
{
   /* font-weight: bold;
    color: Yellow;
    text-decoration: none;*/
}

.topMenuStaticSelectedStyle 
{
    background-color:White;
    background-image:none;
    height: 32px;    
    border-bottom: solid 1px #fff;
    z-index: 100;
}
.topMenuStaticSelectedStyle a, .topMenuStaticSelectedStyle a:visited
{
}


.topMenuDynamicMenuStyle
{

}
.topMenuDynamicMenuItemStyle
{

}
.topMenuDynamicMenuItemStyle a, .topMenuDynamicMenuItemStyle a:visited
{

}
.topMenuDynamicHoverStyle
{

}    
.topMenuDynamicHoverStyle a:hover
{

}
.topMenuDynamicSelectedStyle
{

}
.topMenuDynamicSelectedStyle a, .topMenuDynamicSelectedStyle a:visited
{

}