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

body
{
    background: #EDE2E2;
    font: normal normal 8pt/12pt tahoma;
    color: #333;
    margin: 0px;
    padding: 0;
    text-align: center;
}

p
{
    font: normal normal 8pt/12pt tahoma;
    margin: 0;
    padding: 0;
}

h1
{
    margin: 0;
    padding: 5px;
    font: bolder 14pt/16pt 'Times New Roman';
    text-align: center;
    color: #eee;
    background: #006 url(../CSSImages/h1Bg.jpg) repeat-x;
    font: normal normal bold 11pt/12pt 'Arial';
    text-align: center;
    padding: 5px;
    color: #ffffff;
    background: url(../CSSImages/BoldTitle.gif) no-repeat center;
}

h2
{
    text-align: center;
    font: bold 12pt Verdana;
    letter-spacing: 1px;
    margin: 0 0 2px 0;
    padding: 2px;
    color: #006;
}

h3
{
    text-align: left;
    font: bold 10pt Verdana;
    letter-spacing: 1px;
    margin: 0 0 2px 0;
    padding: 2px;
    color: #039;
}

h4
{
    font: bold 9pt Verdana;
    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: #c00;
}

/*------------------------------------------------- ??? */
.repeaterItems
{
    text-align: left;
    font: normal normal bold 11px/20px 'tahoma';
}

.repeaterItems a:link
{
    color: #600;
    text-decoration: none;
}

.repeaterItems a:visited
{
    color: #300;
    text-decoration: none;
}

.repeaterItems a:hover
{
    color: #900;
}

.Navigators
{
}

.Navigators a:link, a:visited
{
    color: #990000;
    font: normal normal bold 11px/22px 'tahoma';
}

.Navigators a:hover
{
    color: #FD0000;
    text-decoration: none;
    font: normal normal bold 11px/22px 'tahoma';
}

/*------------------------------------------------- ??? */
.names
{
    font-style: italic;
}

.panelCommon
{
    margin: 5px 0;
}
.panelCommon legend
{
    padding: 1px 5px;
    font-weight: bold;
    color: #fff;
    background: #823131;
}
.panelCommon li
{
    margin-left: 15px;
}
.panelCommon a:link, .panelCommon a:visited
{
    text-decoration: none;
}


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

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

#container
{
    position: relative;
    width: 880px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
    background: #ffffff;
}
/* End of Main divs */

/*------------------------------------------------- pageHeader divs */
#pageHeader
{
    /*   position: relative;     height: 171px;     margin: 0 5px;     background: url('../CSSImages/background.gif') no-repeat left top; */
}

/*------------------------------------------------- status divs */
#status
{
    position: relative;
    height: 20px;
    margin: 0;
    padding: 1px 10px;
    text-align: left;
    color: #333;
    background: #fff;
}
#status a:link, #status a
{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
#status a:hover
{
    color: #823131;
    text-decoration: underline;
    font-weight: bold;
}

#siteMap
{
    position: relative;
    float: left;
    margin: 0;
}

#language
{
}
#language a
{
    position: fixed;
    top: 45px;
    left: 50%;
    margin-left: 460px;
    width: 20px;
    height: 125px;
    background: url(../CSSImages/Persian.gif);
}
#language a:hover
{
    top: 44px;
}
#language a span
{
    display: none;
    visibility: hidden;
}
#language .seperator
{
    display: none;
    visibility: hidden;
}

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

/*------------------------------------------------- header divs */
#header
{
    position: relative;
    margin: 0 5px;
    width: 870px;
    height: 171px;
    background: url(../CSSImages/background.gif) no-repeat left top;
}
#header h1
{
    display: none;
    visibility: hidden;
}
#header h1 span
{
}
#header h2
{
    display: none;
    visibility: hidden;
}
#header h2 span
{
}

#header .logo1
{
    position: absolute;
    top: 10px;
    left: 30px;
    width: 154px;
    height: 148px;
    margin: 0;
    background: url('../CSSImages/logo.gif') no-repeat left top;
}

#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: 20px 0 0 0; /*border: solid 1px white; /* This was done beacuse IE6 stupidity! */ /*border-bottom: solid 1px blue;*/
    min-height: 450px;
}

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

#sideBar
{
    position: absolute;
    top: 0;
    left: 5px;
    width: 171px;
    padding-top: 15px;
    margin: 0 5px 0 0;
    z-index: 110; /* because of IE7 and IE6 stupidity */
}
#sideBarHeader
{
    position: relative;
    width: 171px;
    background: #ffffff url(../CSSImages/linkListtop.gif) no-repeat left top;
    padding-top: 13px;
}
#sideBarContext
{
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #823131;
    padding-bottom: 10px;
}
#sideBarFooter
{
    position: relative;
    width: 171px;
    background: #ffffff url(../CSSImages/linkListbot.gif) no-repeat left top;
    padding-bottom: 13px;
}
/* End of SideBar divs */

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

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

#innerSearch
{
    /*width: 150px;*/
    height: 23px;
    padding: 5px;
    margin: 0 3px 13px 3px;
    border: double 3px white;
}
#innerSearch #txtSearch
{
    position: relative;
    float: left;
    width: 125px;
    height: 24px;
}
.txtSearch /* style of Search TextBox */
{
    width: 120px;
    height: 21px;
    padding: 0;
    margin: 0;
    font-size: 15px;
    background-color: #fff;
    border: none;
}
#innerSearch #btnSearch
{
    position: relative;
    float: left;
    width: 24px;
    height: 24px;
}
.btnSearch /* style of Search TextBox */
{
    width: 24px;
    height: 22px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: #900 url(../CSSImages/rightArrow.gif) no-repeat left -2px;
    border: solid 1px black;
}
.btnSearch:hover
{
    margin: -1px 0 0 -1px; /*filter: alpha(opacity=10);     opacity: 0.1;     -moz-opacity: 0.1;     -khtml-opacity: 0.1;*/
    background: #c00 url(../CSSImages/rightArrow.gif) no-repeat left -2px;
}

/*-------------------------------------------------------- email divs */
#email
{
    display:none;
    visibility: hidden;
    padding: 5px 9px;
    border-bottom: dotted 1px white;
}

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

#w3c
{
    width: 100%;
    text-align: center;
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: dotted 1px white;
}

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


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

/*-------------------------------------------------------- footer div */
#footer
{
    position: relative;
    /*width: 900px;*/
    margin: 20px 0 0 190px;
    padding: 2px 10px 10px 10px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    background: transparent url(../CSSImages/footer.gif) no-repeat center top;
}
#footer a, #footer a:link, #footer a:visited
{
    color: #fff;
    text-decoration: none;
}
#footer a:hover
{
    color: #eee;
    text-decoration: underline;
}

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

#UpdateProgress
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../App_Images/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/rightArrow.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: #a33;
}
.sideMenuStaticHoverStyle a:hover
{
    color: #fcc;
}
.sideMenuStaticSelectedStyle
{
    background-color: #fff;
    border-left: solid 10px #823131;
}
.sideMenuStaticSelectedStyle a, .sideMenuStaticSelectedStyle a:visited
{
    color: #333;
}

.sideMenuDynamicMenuStyle
{
    border: solid 1px #003;
    z-index: 111;
}
.sideMenuDynamicMenuStyle table
{
    background-color: #933;
}
.sideMenuDynamicMenuItemStyle
{
    /*padding-right: 5px;*/
}
.sideMenuDynamicMenuItemStyle img
{
    background: transparent url('../CSSImages/rightArrow.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: #a33; /*border: 1px solid red;*/
}
.sideMenuDynamicHoverStyle a:hover
{
    color: #fee;
}
.sideMenuDynamicSelectedStyle
{
    background: #fff;
}
.sideMenuDynamicSelectedStyle a, .sideMenuDynamicSelectedStyle a:visited
{
    color: #333;
}

/* ------------------------- 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;
}

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

#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 */