/*=============================================================== */
/* ================================================ basic elements */

body
{
    background: #fff;
    font: normal normal 9pt/12pt tahoma;
    margin: 0;
    padding: 0;
    text-align: center;
}

p
{
    direction: rtl;
    font: 12pt/14pt 'b mitra' , tahoma;
    margin: 0;
    padding: 0;
}

h1
{
    direction: rtl;
    margin: 0;
    padding: 5px;
    font: bold 14pt/16pt 'b titr' , 'Times New Roman';
    text-align: center;
    color: #ff9;
    background: #333 url(../CSSImages/h1Bg.jpg);
}

h2
{
    direction: rtl;
    text-align: center;
    font: bold 12pt 'b titr' , 'Times new roman';
    letter-spacing: 1px;
    margin: 0 0 2px 0;
    padding: 2px;
    color: #f90;
}

h3
{
    direction: rtl;
    text-align: left;
    font: bold 10pt 'b mitra' , arial;
    letter-spacing: 1px;
    margin: 0 0 2px 0;
    padding: 2px;
    color: #333;
}

h4
{
    direction: rtl;
    font: bold 9pt 'b mitra' , arial;
    letter-spacing: 1px;
    margin: 0 0 2px 0;
}

a:link
{
    font-weight: bold;
    text-decoration: none;
    color: #900;
}

a:visited
{
    font-weight: bold;
    text-decoration: none;
    color: #600;
}

a:hover, a:active
{
    text-decoration: underline;
    color: #f00;
}

/*------------------------------------------------- ??? */
.repeaterItems
{
    text-align: right;
    font: normal normal bold 13x/20px 'tahoma';
}

.repeaterItems a:link
{
    font: normal normal bold 13px/22px 'tahoma';
    text-decoration: none;
}

.repeaterItems a:visited
{
    font: normal normal bold 13px/22px 'b mitra' , 'tahoma';
    text-decoration: none;
}

.repeaterItem a:hover
{
    font: normal normal bold 13px/22px 'b mitra' , 'tahoma';
    text-decoration: none;
}

.repeaterItems.names
{
    font-style: normal;
    text-decoration: none !important;
    color: #000;
}

.Navigators
{
}

.Navigators a:link, a:visited
{
}

.Navigators a:hover
{
}

.repeaterSeperator
{
    border-bottom: dotted 1px #000;
}


/*------------------------------------------------- ??? */
.panelCommon
{
    direction: rtl;
    margin: 5px 0;
}
.panelCommon legend
{
    padding: 1px 5px;
    font-weight: bold;
    color: #ff9;
    background: #000;
}
.panelCommon li
{
    margin: 0 15px;
}
.panelCommon a:link, .panelCommon a:visited
{
    text-decoration: none;
}


/*=============================================================== */
/*================================================= Specific divs */

/*------------------------------------------------- Main divs */
#wrapper
{
    position: relative;
    width: 900px;
    margin: 0 auto;
    padding: 0;
    background: url(../CSSImages/wrapperBg.jpg) repeat-y;
}

#container
{
    position: relative;
    min-height: 850px;
    margin: 0 10px;
    padding: 0 1px;
    text-align: left;
}
/* End of Main divs */

/*------------------------------------------------- pageHeader divs */
#pageHeader
{
    position: relative;
    height: 152px;
    margin: 0;
}

/*------------------------------------------------- status divs */
#status
{
    position: relative;
    height: 20px;
    margin: 0;
    padding: 1px 10px;
    text-align: right;
    color: #eee;
    background: #fc0 url(../CSSImages/statusBg.jpg);
}
#status a:link, #status a
{
    font-weight: bolder;
    color: #eee;
    text-decoration: none;
    font: normal normal bold 11px/22px 'tahoma';
}
#status a:hover
{
    font-weight: bolder;
    color: #fff;
    text-decoration: underline;
}

#siteMap
{
    direction: rtl;
    position: relative;
    float: right;
    margin: 0;
}

#language
{
}
#language a
{
    position: fixed;
    top: 70px;
    left: 50%;
    margin-left: 440px;
    width: 36px;
    height: 170px;
    background: url(../CSSImages/englishTab.jpg);
}
#language a:hover
{
    top: 69px;
}
#language a span
{
    display: none;
    visibility: hidden;
}
#language .seperator
{
    display: none;
    visibility: hidden;
}

#login
{
    position: relative;
    float: left;
    margin: -2px 0 0 5px;
    width: 250px;
    text-align: left;
}
/* End of status divs */

/*------------------------------------------------- header divs */
#header
{
    position: relative;
    height: 130px;
    margin: 1px 0 0 0;
    padding: 0;
    background: url(../CSSImages/headerPe.jpg) no-repeat top right;
}
#header h1
{
    display: none;
    visibility: hidden;
}
#header h1 span
{
}
#header h2
{
    display: none;
    visibility: hidden;
}
#header h2 span
{
}

#header .logo1
{
    display: none;
    visibility: hidden;
}

#header .logo2
{
    display: none;
    visibility: hidden;
}

/* #topMenu and its dependent styles are located at the bottom of this css file */

/* End of pageHeader divs */

/*=============================================================== */
/*================================================= Context divs */
#context
{
    position: relative;
    margin: 1px -1px 4px -1px; /* This and the border were done beacuse IE6 stupidity! */
    padding: 0;
    border: solid 1px white; /* This was done beacuse IE6 stupidity! */ /*border-bottom: solid 1px blue;*/
}

/*-------------------------------------------------------- SideBar divs */

#sideBar
{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 0 0 5px;
    padding: 0;
    width: 190px;
    z-index: 110; /* because of IE7 and IE6 stupidity */
}
#sideBarHeader
{
    position: relative;
    height: 20px;
    width: 190px;
    margin: 0;
    padding: 0;
    background: transparent url( '../CSSImages/sideBarHeaderPe.jpg' ) no-repeat top left;
}
#sideBarContext
{
    direction: rtl;
    text-align: right;
    position: relative;
    margin: 0;
    padding: 0;
    background: #333;
}
#sideBarFooter
{
    position: relative;
    height: 20px;
    width: 190px;
    margin: 0;
    padding: 0;
    background: transparent url( '../CSSImages/sideBarFooterPe.jpg' ) no-repeat top left;
}
/* End of SideBar divs */

/*-------------------------------------------------------- Menu div */
#menu
{
    position: relative;
    width: 190px;
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: dotted 1px white;
    z-index: 102;
}

/*-------------------------------------------------------- Search divs */
#sideBarSearch
{
    border-bottom: dotted 1px white;
}

#innerSearch
{
    width: 170px;
    height: 36px;
    /*padding: 6px;
    margin: 0 0 1px 10px;*/
    background: url(../CSSImages/searchBgPe.jpg) no-repeat left top;   
   }
.txtSearch /* style of Search TextBox */
{
    width: 126px;
    height: 21px;
    padding: 0;
    /*margin: 1px 15px 0 0;*/
    margin-top: 4px;
    margin-right: 8px;
    font: normal 14px/16px 'b mitra' , tahoma;
    background-color: #fff;
    border: none;
}
.btnSearch /* style of Search TextBox */
{
    width: 25px;
    height: 25px;
    margin-top: 4px;
	margin-right: 5px;    
    border: none;    
    /*background: url(../CSSImages/search.jpg) no-repeat left top;*/
    background-color: transparent;
    cursor: pointer;
}
.btnSearch:hover
{    
    filter: alpha(opacity=50);
    opacity: 0.5;
}

/*-------------------------------------------------------- email divs */
#email
{
    display: none;
    visibility: hidden;
}

#counter
{
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: dotted 1px white;
    font-size: 11px;
    color: #ccc;
}

#w3c
{
    display: none;
    visibility: hidden;
    width: 100%;
    text-align: center;
    margin: 10px 0 5px 0;
    padding-top: 10px;
    border-bottom: dotted 1px white;
}

#stat
{
    width: 20px;
    margin: 5px auto 0 auto;
    padding: 5px;
}


/*-------------------------------------------------------- PlaceHolder divs */
#placeholder
{
    position: relative;
    min-height: 700px;
    margin: 5px 191px 0 0;
    padding: 1px;
}
#placeholderHeader
{
    display: none;
    visibility: hidden;
}
#placeholderContext
{
    position: relative;
    direction: rtl;
    text-align: justify;
    padding: 0 15px;
    margin: 0;
}
#placeholderFooter
{
    display: none;
    visibility: hidden;
}
/* End of PlaceHolder divs */
/* End of Context divs */

/*-------------------------------------------------------- footer div */
#footer
{
    position: relative;
    direction: rtl;
    width: 900px;
    margin: 0 -11px;
    padding: 5px 10px 20px 10px;
    text-align: center;
    font-size: 11px;
    color: #ccc;
    background: transparent url(../CSSImages/footerBg.jpg) no-repeat bottom left;
}
#footer a, #footer a:link, #footer a:visited
{
    color: #fe0;
    text-decoration: none;
}
#footer a:hover
{
    color: #ff0;
    text-decoration: underline;
}

/*-------------------------------------------------------- Update Progress divs */

#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;*/
    z-index: 999;
}

#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;
}


/* -------------------------------------------------------- sideMenu */

.sideMenu
{
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}


.sideMenuStaticMenuStyle
{
    width: 100%;
    margin: 0;
    padding: 0;
}

.sideMenuStaticMenuItemStyle
{
    text-indent: 10px;
}

.sideMenuStaticMenuItemStyle img
{
    /*background: transparent url('../CSSImages/leftArrow.gif');     width: 20px;     height: 20px;*/
}
.sideMenuStaticMenuItemStyle a, .sideMenuStaticMenuItemStyle a:visited
{
    text-decoration: none;
    display: block;
    padding: 4px;
    font: bold 8pt/12pt Tahoma;
    color: #fff;
}
.sideMenuStaticHoverStyle
{
    background-color: #999;
}
.sideMenuStaticHoverStyle a:hover
{
    color: #fff;
}
.sideMenuStaticSelectedStyle
{
    background-color: #fff;
    border-right: solid 5px #f90;
}
.sideMenuStaticSelectedStyle a, .sideMenuStaticSelectedStyle a:visited
{
    color: #000;
}

.sideMenuDynamicMenuStyle
{
    border: solid 1px #000;
    z-index: 111;
}
.sideMenuDynamicMenuStyle table
{
    background-color: #333;
}
.sideMenuDynamicMenuItemStyle
{
    /*padding-right: 5px;*/
}
.sideMenuDynamicMenuItemStyle img
{
    /*background: transparent url('../CSSImages/leftArrow.gif');     width: 20px;     height: 20px;*/
}
.sideMenuDynamicMenuItemStyle a, .sideMenuDynamicMenuItemStyle a:link, .sideMenuDynamicMenuItemStyle a:visited
{
    text-indent: 10px;
    display: block;
    padding: 3px;
    font: bold 7.5pt/11.5pt Tahoma;
    color: #fff;
    text-decoration: none;
}
.sideMenuDynamicHoverStyle
{
    background-color: #999; /*border: 1px solid red;*/
}
.sideMenuDynamicHoverStyle a:hover
{
}
.sideMenuDynamicSelectedStyle
{
    background: #fff;
}
.sideMenuDynamicSelectedStyle a, .sideMenuDynamicSelectedStyle a:visited
{
    color: #000;
}

/* ------------------------- topMenu */
#topMenu
{
    display: none;
    visibility: hidden;
}


.topMenuStaticMenuStyle
{
}
.topMenuStaticMenuItemStyle
{
    /*display: block;*/ /*It doesn't work with vertical-align: middle*/
}
.topMenuStaticMenuItemStyle a, .topMenuStaticMenuItemStyle a:visited
{
    /*display: block; It doesn't work with vertical-align: middle     padding: 0;     margin: 0;         font: bold 12px/14px tahoma;     text-decoration: none;     background: transparent;     color: #000;     text-indent: 0;*/
}
.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
{
}
.topMenuStaticSelectedStyle a, .topMenuStaticSelectedStyle a:visited
{
}

.topMenuDynamicMenuStyle
{
}
.topMenuDynamicMenuItemStyle
{
}
.topMenuDynamicMenuItemStyle a, .topMenuDynamicMenuItemStyle a:visited
{
}
.topMenuDynamicHoverStyle
{
}
.topMenuDynamicHoverStyle a:hover
{
}
.topMenuDynamicSelectedStyle
{
}
.topMenuDynamicSelectedStyle a, .topMenuDynamicSelectedStyle a:visited
{
}

/*=============================================================== */
/*================================================= Extra divs */

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

#extra2
{
    display: none;
    visibility: hidden; /*position: absolute;     margin-right: 440px;     right: 50%;     top: 150px;     width: 40px;     height: 440px;     text-align: right;     background: url(../CSSImages/subdomainsTabs.jpg);*/
}
#extra2 a.scRIES
{
    display: block;
    width: 40px;
    height: 90px;
    margin-top: 20px;
}
#extra2 a.scORC
{
    display: block;
    width: 40px;
    height: 83px;
    margin-top: 90px;
}
#extra2 a.scPMDRC
{
    display: block;
    width: 40px;
    height: 120px;
    margin-top: 93px;
    margin-top: 5px;
}
#extra2 a:hover, #extra2 a:visited
{
    text-decoration: none;
}

#extra3 
{
    position: absolute;
    width: 100px;
    height: 20px;
    top: 0px;
    left: 140px;
    padding: 1px 20px;
    text-align: left; 
    color: #fff; 
}

#extra3 a:visited
{
    color: Yellow;
}

#extra3 a:hover
{
    /*color: #fff;*/
}
#extra4
{
    display: none;
    visibility: hidden;
}
#extra5
{
    display: none;
    visibility: hidden;
}
#extra6
{
    display: none;
    visibility: hidden;
}
#extra7
{
    display: none;
    visibility: hidden;
}
#extra8
{
    display: none;
    visibility: hidden;
}
#extra9
{
    display: none;
    visibility: hidden;
}
#extra10
{
    display: none;
    visibility: hidden;
}
/* End of Extra Divs */