﻿
/*-------------------------------------------------------- basic elements */

body
{
	background: #65A0BE;
	font: normal normal 8pt/12pt tahoma;
	color: #333;
	margin: 0;
	padding: 0; /*text-align: center;*/
}

p
{
	font: 9pt/14pt Verdana;
	margin-top: 0px;
}

h1
{
	background-color: #E5A364;
	color: #ffffff;
	font: normal normal bolder 11pt/12pt 'tahoma';
	text-align: center;
	padding: 5px;
	margin: 0px;
}

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: none;
	color: #285B78;
	font:normal normal bold 11px/13px 'tahoma';
}
a:visited
{
	text-decoration: none;
	color: #285B78;
	font:normal normal bold 11px/13px 'tahoma';
}
a:hover, a:active
{
	text-decoration: underline;
	color: #608821;
}

.repeaterItems
{
	text-align: left;
	font: normal normal bold 11px/20px 'tahoma';
}

.repeaterItems a:link
{
	color: Navy;
	text-decoration: underline;
	font: normal normal bold 11px/22px 'tahoma';
}

.repeaterItems a:visited
{
	color: #6A6A94;
	text-decoration: underline;
	font: normal normal bold 11px/22px 'tahoma';
}

.repeaterItem a:hover
{
	color: #608821;
	font: normal normal bold 11px/22px 'tahoma';
}

.navigators
{
	width: 100%;
	text-align: right;
}

.navigators a:link,.navigators 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';
}

.seeAll
{
	text-align: right;
}
/*-------------------------------------------------------- specific divs */
#wrapper
{
	background: url(../CSSImages/contextBot.gif) no-repeat left bottom;
	position: relative;
	margin: 0 auto;
	padding-bottom: 14px;
	width: 955px;
}


#container
{
	position: relative;
	background-color: #9cd9ed;
	margin: 0 auto;
	padding: 0;
	border-left: solid 5px #fff;
	border-right: solid 5px #fff;
	width: 945px;
}

#placeholder
{
	position: relative;
	background-color: #FFEAC8;
	margin-left: 213px;
	width: 710px;
	border: solid 5px #ffffff;
	min-height: 550px;
	z-index:1;
}
#placeholderHeader
{
	display: none;
	visibility: hidden;
}

#placeholderContext
{
	position:relative;
	padding: 5px;
}

#pageHeader
{
	position: relative;
	margin: 40px;
	margin: 0;
	padding: 0;
	height: 196px;
}

#status
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 1px 10px;
	color: #333;
	height: 20px;
	text-align: left;
}

#status a:link, #status a
{
	font-weight: bolder;
	color: #333;
	text-decoration: none;
	font: normal normal bold 11px/22px 'tahoma';
}
#status a:hover
{
	font-weight: bolder;
	color: #fff;
	text-decoration: none;
}

#siteMap
{
	position: relative;
	float: left;
	margin-right: 5px;
	margin: 0;
}
#language
{
	visibility: hidden;
	display: none;
}
#login
{
	position: relative;
	float: right;
	margin: -3px 0 0 5px;
}

#header
{
	position: absolute;
	background-color: transparent;
	background-image: url(../CSSImages/background.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin: 0;
	top: 20px;
	left: 10px;
	width: 926px;
	height: 171px;
}
/* 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 .logo1
{
display: none;
	visibility: hidden;
	margin: 0;
}

#header .logo2
{
	/*display: none;
	visibility: hidden;
	margin: 0; 	 */
	position:relative; 
	margin: 0 auto;
    background: url(../CSSImages/logo.png) no-repeat left top;  
    width: 250px;
    height: 130px; 
	top: 55px;
    left: 50%;  
    margin-left: -386px;
}

/*-------------------------------------------------------- Context divs */

#context
{
	position: relative;
	padding: 0;
	margin: 7px 0 0 0;
	border-top: solid 1px transparent;
}
/*-------------------------------------------------------- menu divs */

#sideBar
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 5px 5px 10px;
	width: 190px;
	z-index:2;
}
#sideBarHeader
{
	position: relative;
	padding: 0;
	margin: 0;
	height: 13px;
	background: url( '../CSSImages/menuTop.png' ) no-repeat right top;
}
#sideBarContext
{
	position: relative;
	background: #f19a99;
	border-right: solid 5px #fff;
	border-left: solid 5px #fff;
}

#sideBarFooter
{
	position: relative;
	height: 13px;
	background: url( '../CSSImages/menuBot.png' ) no-repeat right top;
}

#menu
{
	position: relative;
	padding-bottom: 7px;
	margin-bottom:7px;
	border-bottom: dotted 1px white;
	z-index:3;
}

.txtSearch
{
	background-color: #ffffff;
	width: 128px;
	height: 21px;
	border: none;
	margin-bottom: 1px;
	margin-left: 3px;
	font-size: 17px;
}

.btnSearch
{
	background: url(../CSSImages/search.png) no-repeat left top;
	width: 25px;
	height: 25px;
	margin-top: 6px;
	right: 0;
	cursor: pointer;
	border: none;
}

	
#innerSearch
{
	background: url(../CSSImages/searchBg.png) no-repeat left top;
	width: 170px;
	height: 36px;
	margin: 10px 0 10px 5px;
}


#email
{
	border-bottom: dotted 1px white;
	border-top: dotted 1px white;
	padding: 10px;
}

#w3c
{
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	border-top: dotted 1px white;
	text-align: center;
}
#stat
{
	margin: 0;
	padding: 0;
}

#counter
{
	padding: 5px;
	text-align: center;
}


/*-------------------------------------------------------- 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: tahoma;
    padding: 5px;
}

.WizardSideBarStyle
{
    background: black;
    color: Orange;
    text-align: center;
    font-weight: bold;
    font-size: large;
    font-family: tahoma;
    padding: 5px;
}
*/
/*-------------------------------------------------------- ASP Controls:DataListSkin */
.DataList
{
	display: table;
	border: none;
}
/*
.DataList a:link
{
	color: Green;
	text-decoration:none;
}

.DataList a:hover
{
	color: Green;
	text-decoration:underline;
}

.DataList a:visited
{
	color: #009100;
}
    */

.DataListAlternatingItemStyle
{
}

/*--------------------------------------------------------END ASP Controls:DataListSkin */


.names
{
	font-style: italic;
}

.panelCommon
{
	margin: 0 0 5px 0;
}
.PanelCommon legend
{
font-weight: bold;
color: #d1550d;
}

.panelCommon li
{
	margin-left: 15px;
}
.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;*/
	z-index: 50;
}

#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: absolute;
	background: url(  '../CSSImages/footer.png' ) no-repeat left top;
	height: 60px;
	width: 955px;
	margin-top: 20px;
	margin-left: -5px;
	text-align: center;
	padding-top: 10px;
	color: #297bc4;
}

#footer a, #footer a:link, #footer a:visited
{
	color: #0066CC;
	text-decoration: none;
	font-size: small;
}

#footer a:hover
{
	text-decoration: underline;
}

#footerBot
{
	display: none; /*     margin-top: 0;     background: url(../CSSImages/ContentBot.gif) repeat-x top left;     height: 10px;     /*     /*width: 802px; */
}


/* ------------------------- sideMenu */

.sideMenu
{
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}


.sideMenuStaticMenuStyle
{
	/*background-color: #f19a99;*/
	width:100%;
	margin: 0;
}

.sideMenuStaticMenuItemStyle
{
	text-indent:10px;
}

.sideMenuStaticMenuItemStyle img
{
		background: Transparent url('../CSSImages/bullet.png' );
		width:20px;
		height:20px;
}
.sideMenuStaticMenuItemStyle a, .sideMenuStaticMenuItemStyle a:visited
{
	/*display: block;*/ /*It doesn't work with vertical-align: middle     padding: 0;     margin: 0;     text-align: center;     font: bold 12px/14px tahoma;     text-decoration: none;     background: transparent;*/
	text-decoration: none;
	color: #fff;
	display:block;
	font-family:Tahoma;
	font-weight:bold;
	font-size:8pt;
	padding:4px;
	line-height:22px;
}
.sideMenuStaticHoverStyle
{
	color: #d1550d;
	background-color: #ef6a6a;
	border: solid 1px white;
}
.sideMenuStaticHoverStyle a:hover
{
	
}

.sideMenuStaticSelectedStyle
{
	/*display: block;*/ /*It doesn't work with vertical-align: middle     vertical-align: middle;     text-align: center;*/
	color: #d1550d;
	background-color: #ef6a6a;
	border: solid 1px white;
}
.sideMenuStaticSelectedStyle a, .sideMenuStaticSelectedStyle a:visited
{
	
}
.sideMenuDynamicMenuStyle
{
	background-color: #ef6a6a;
	border:solid 5px #fff;
}

.sideMenuDynamicMenuStyle table
{
	background-color: #f19a99;
}
.sideMenuDynamicMenuItemStyle
{
	width:100%;
	padding-right:5px;
}

.sideMenuDynamicMenuItemStyle img
{
		background: url('../CSSImages/bullet.png' );
		width:20px;
		height:20px;
}
.sideMenuDynamicMenuItemStyle a,.sideMenuDynamicMenuItemStyle a:link, .sideMenuDynamicMenuItemStyle a:visited
{
	display:block;
	width:100%;
	color:#fff;
	text-indent:5px;
	font: normal normal bold 8pt/22px 'tahoma';
	text-decoration:none;
	padding:2px;
}
.sideMenuDynamicHoverStyle
{
	width:100%;
	border: solid 1px white;
	background-color: #ef6a6a;
}
.sideMenuDynamicHoverStyle a:hover
{
}
.sideMenuDynamicSelectedStyle
{
	width:100%;
	border: solid 1px white;
	background-color: #ef6a6a;
}
.sideMenuDynamicSelectedStyle a
{	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 a
{
	position: fixed;
	margin-left: 477px;
	top: 40px;
	left: 50%;
	width: 25px;
	height: 135px;
	background-image: url(../CSSImages/Persian.png);
}
/*----------------------------------End Of Extra Divs-----------------------------------------*/


/*----------------------------------Quick customized-----------------------------------------------*/

#ctl00_ContentPlaceHolder1_RadioButtonList1
{
	visibility:hidden;
	display:none;
}
/*----------------------------------Quick customized-----------------------------------------*/
