/* Grid Pager */

.PagerButton
{
    padding: 1px;
    cursor: hand;
    border: 0px;
    background: transparent url(Images/first.gif) no-repeat scroll center;
    width: 20px;
    vertical-align: middle;
}
.PagerButton:hover
{
    border: 1px solid #9EB6CE;
    padding: 0px;
}

.FirstPage
{
    background:transparent url(Images/first.gif) no-repeat scroll center;
}

.PrevPage
{
    background:transparent url(Images/prev.gif) no-repeat scroll center;
    margin-right: 6px;
}

.NextPage
{
    background:transparent url(Images/next.gif) no-repeat scroll center;
}

.LastPage
{
    background:transparent url(Images/last.gif) no-repeat scroll center;
}


.pagingText
{
    font-size: 8pt;
    color: #000099;
    font-family: Tahoma;
}

/*---------------------------------------------------------------------*/

/* accordion - ajax styles */
.accordionHeader a{display: block; border: 1px solid #96B8DB; border-top: #FFFFFF; color: #000000; background-image: url(images/white-top-bottom.gif); font-size: 11px; font-weight: bold; padding: 6px; margin-bottom: 1px; cursor: pointer;}
.accordionHeader a:hover{border: 1px solid #666666; border-top: #FFFFFF; color: #FFFFFF; text-decoration: none; cursor: pointer;}
.accordionContent{background-image: url(images/accordion-bg.png); border: 1px solid #96B8DB; margin-bottom: 1px; overflow: hidden;}
.accordionLink a{display:block; margin-top: 2px; border: 1px dotted #CCCCCC; border-right: 0px; border-left: 0px; font-size: 12px; color: #000000; padding: 3px; padding-left: 6px;}
.accordionLink a:hover{border: 1px solid #96B8DB; border-right: 0px; border-left: 0px; background-image: url(images/bg-orange-small.jpg); color: #000000; text-decoration: none;}


/* wraps the admin navigation */
.adminNavigationWrap{position: absolute; left: 0px; width: 210px; margin-top: 10px;}

/* wraps the admin content */
.adminContentWrap{margin-left: 200px; margin-top: 10px; left: 220px; padding-bottom: 20px;}

/* form help descriptions in admin forms */
.Help{margin-bottom:20px; color: #666666; border: 1px dashed #D5D4E1; padding: 3px; background-color: #FFFFE8; font-size: 11px;}
.Help2{margin-bottom:20px; color: #666666; border: 1px solid #D5D4E1; padding: 3px; background-color: #FFFFE8; font-size: 11px; margin-top: 3px;}

/* page header control style - admin pages */
.headerControl{height: 70px; background-image: url(images/admin-header-2-bg.jpg); border-bottom: 1px solid #96B8DB;}
.headerTitleImage{height: 70px;background-image: url(images/admin-title-2.jpg);background-repeat: no-repeat; width: 130px; float: left;}
.headerTitleText{color: #FFFFFF; font-size: 20px; float: left; margin-top: 20px; margin-left: 5px;}


/* collapsible ajax Panel Styles */
.CollapsePanel{background-image: url(images/collapse-panel-1.jpg); background-color: #FFFFFF; background-position: left; background-repeat: repeat-y; height: 0px; overflow: hidden; width: 100%; }
.CollapsePanelHeader{background-color: #FFFFFF; background-image: url(images/collapse-panel-2.jpg); cursor: hand; font-weight: normal; height: 20px; padding-top: 5px; width: 100%; }
.CollapseHelpHints{border-bottom: 1px solid #D5D4E1; font-size: 10px; padding: 5px; text-align: left; }

/* a-z alphabet link styles */
.aTozNavigaion a{display:block; float: left; border: 1px solid #CCCCCC; font-size: 13px; color: #000000; margin-right: 3px; background-image: url(images/grid-header-bg.jpg); padding: 3px; width: 15px; text-align: center;}
.aTozNavigaion a:hover{border: 1px solid #6699cc; background-image: url(images/a-zHover-bg.jpg); color: #000000; text-decoration: none;}

/* email header with buttons and radio buttons */
.EmailHeader{background-image: url(images/grid-header-bg.jpg); padding: 3px; border: 1px solid #D5D4E1; border-bottom: 0px;}
.EmailHeader2{background-color: #F5F4F8; background-image: url(images/grid-header-bg.jpg); border-top: 1px #D1E4FF solid; border-top-color: #C6C6C6; width: 100%; }

/* admin membership form wrap */
.formOutlineDiv{border: 1px solid #96B8DB; border-top: 0px; padding: 20px; margin-left: 20px;margin-right: 20px; margin-bottom: 60px; background-color: #FCFCFC;}
.formHeaderDiv{border-bottom: 0px;font-size: 15px; font-weight: normal;  color: #000000;background-image: url(images/white-top-bottom.gif);padding: 5px;margin-left: 20px;margin-right: 20px;border: 1px Solid #96B8DB;border-bottom: 0px; border-top: 0px;}

/* form element styles */
.formNameTitle{font-size: 16px; font-weight: bold;}
.formSectionTitle{font-weight: bold; border-bottom: 1px solid #D5D4E1;}
.formLabelsText{}

/* page footer control style - admin pages */
.footerControl{height: 40px; width: 100%; background-image: url(images/admin-footer-2-bg.jpg); margin-top: 10px; border-top: 1px solid #6094C8; position: fixed; bottom: 0px;}
.footerTitleText{text-align: center; padding: 15px; color: #FFFFFF;}

/* gridview styles for skin file */
.gridviewMain{width: 100%; font-size: 11px; border: 1px solid #EBEBEB;}
.gridviewMain td{padding:1px 5px; border: 1px solid #EBEBEB;}
.gridviewMain th{padding:1px 5px; border: 1px solid #EBEBEB;}
.gridheaderBG{background-image: url(images/grid-header-bg.jpg); text-align: center; height: 22px; color: #000000; font-weight: bold; font-size: 11px;}
.gridheaderBG a{color: #000000;}
.gridheaderBG a:hover{text-decoration: underline;}
.gridrowclick{background-image: url(images/grid-row-hover.jpg); }
.gridrowSelectedBG{background-image: url(images/a-zHover-bg.jpg); }
.gridRowStyle{Border: 1px solid #EBEBEB;}
.gridRowStyle:hover{Border: 1px solid #EBEBEB; background-image: url(images/a-zHover-bg.jpg);}
.gridAlternateRowStyle{background-color: #F4F4F4;}
.gridAlternateRowStyle:hover{background-image: url(images/a-zHover-bg.jpg);}




.ForumgridRowStyle{Border: 1px solid #EBEBEB;}
.ForumgridAlternateRowStyle{background-color: #F4F4F4;}


/*  للاستبيان  */
.fieldname
{
    vertical-align: top;
}
.Ques_gridviewMain
{
	background-color: transparent;
	width: 100%;
	border: 0px solid #EBEBEB;
}
.Ques_gridviewMain td{padding:1px 5px; border: 0px solid #EBEBEB;}
.Ques_gridviewMain th{padding:1px 5px; border: 0px solid #EBEBEB;}
.Ques_gridRowStyle{Border: 0px solid #EBEBEB;}
.Ques_gridRowStyle:hover{Border: 0px solid #EBEBEB;}
.Ques_gridAlternateRowStyle
{
	background-color: transparent;
}
.Ques_gridAlternateRowStyle:hover
{
	background-color: transparent;
}
/*  End */


.gridColumnHeaderBG{background-image: url(images/grid-header-bg.jpg);}
.gridColumnHeaderBG:hover{background-image: url(images/a-zHover-bg.jpg);}

/* admin membership gridview custom pager */
.membersGridViewPager a{display:block; float: left; border: 1px solid #CCCCCC; font-size: 11px; color: #000000; margin-right: 3px; margin-top: 6px; background-image: url(images/grid-header-bg.jpg); padding: 3px;}
.membersGridViewPager a:hover{border: 1px solid #6699cc; background-image: url(images/a-zHover-bg.jpg); color: #000000; text-decoration: none;}

/* admin membership gridview built-in pager */
.membersGridViewPager2 tr{padding: 0px; border-width: 0px; border-style: none;}
.membersGridViewPager2 td{padding: 0px; border-width: 0px; border-style: none;}
.membersGridViewPager2 a{display:block; float: left; border: 1px solid #CCCCCC; font-size: 11px; color: #000000; background-image: url(images/grid-header-bg.jpg); padding: 5px; margin-right: 2px;}
.membersGridViewPager2 a:hover{border: 1px solid #6699cc; background-image: url(images/a-zHover-bg.jpg); color: #000000; text-decoration: none;}

/* (default) ajax password strength indicator option 1 - simple text */
.passwordStrengthIndicator {background-color:Gray; color:White; font-family:Arial; font-size:x-small; font-style:italic; padding: 2px 3px 2px 3px; margin-top: 2px;}

/* ajax password strength indicator option 2 - bar indicator */
.passwordStrengthBarIndicator{color:Blue; background-color:Blue; padding-bottom:1px;}
.passwordStrengthBarBorder{border-style:solid; border-width:1px; width:200px; vertical-align:middle;}

/* user category links - admin pages */
.userCategories a{display:block; float: left; border: 1px solid #96B8DB; font-size: 12px; color: #000000; margin-right: 3px; background-image: url(images/bg-orange-small.jpg); padding: 3px;}
.userCategories a:hover{border: 1px solid #96B8DB; background-image: url(images/a-zHover-bg.jpg); color: #000000; text-decoration: none;}
.userCategoriesWrap{height: 23px; padding: 2px; padding-left: 20px; background-image: url(images/user-categories-bg.gif); margin-left: 20px;margin-right: 20px;border: 1px Solid #96B8DB;border-bottom: 0px solid #CCCCCC;}

/* div wrap for number of registered and online users */
.whosOnlineWrap {font-size: 11px; margin-top: 5px;}


.topBanner
{
	background-image: url(Images/topBanner.jpg);
	background-repeat: no-repeat;
}

.MasterHeaderTable
{
	background-image: url(Images/topBannerBG.jpg);
	background-repeat:repeat-x;
}


.footerBG
{
	background-image: url(images/footerBG.gif);
	background-repeat: no-repeat;

}


.searchBG
{
	background-image: url(images/searchBG.jpg);
	background-repeat: no-repeat;
}


.tableBG
{
	background-image: url(Images/tableBG.jpg);
	background-repeat: repeat;
}

.tableBG1
{
	background-image: url(Images/tableBG1.jpg);
	background-repeat: repeat;
}



/* ---- Forum ----*/

.forum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #006699;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/*
.forum #category {
	background: #0099FF;
	height: 18px;
	font-weight: bold;
	color: #FFFFCC;
	padding-left: 10px;
}

.forum #sub {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: #CDEDFA;
}
*/


.forum #sub a:link {
	color: #006699;
	text-decoration: none;
}

.forum #sub a:hover {
	color: #CC0000;
	text-decoration: none;
}




/* ---- menu ----*/
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
}

.menu #category  {
	background-image: url(images/menuBG.gif);
	background-repeat: repeat-y;
	text-indent: 20px;
	height: 20px;
	vertical-align: middle;
	font-weight: bold;
}

.menu #category a:link {
	font-weight: bold;
	text-decoration: none;
	color: #006699;
}

.menu #sub ,.menu #sub a:link{
	text-indent: 40px;
	height: 20px;
	vertical-align: middle;
	font-weight: normal;
	list-style-type: square;
	text-decoration: none;
	color: #006699;

}

.menu #sub a:hover , #category a:hover  {
	color: #CC0000;
}

/* ---- footer ----*/
.footer , .footer a:link   {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #006699;
	
}

.footer a:hover {
	color: #CC0000;	
}
.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006699;
}

.mainTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4DCE7;
}
.doted {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.combox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	height: 17px;
	width: 120px;
}
.textBox {
	font-family: Arial, Helvetica, sans-serif;
	color: #006699;
	font-size: 11px;
	height: 15px;
	width: 114px;
}



.Popup_Panel
{
	border: gray 4px solid;
	padding: 10px;
	background-color: white;
	text-align: center;
}


.PopupModal_BG
{
	filter: alpha (opacity =70);
	background-color: darkgray;
}



.by {
	font-size: 10px;
	color:#666666;
}


.forumMainLinks, .forumMainLinks a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
}

.forumMainLinks a:hover{
	color: #FFFF00;
}

.forumSearchBox {
	background-color: #FF9900;
	border: 1px solid #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFCC;
}

/* --site --*/
.copyright , .copyright a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #4791B5;
	text-decoration: none;
}

.copyright a:hover{
	color: #CC0000;
	text-decoration: none;
}
.locationBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
}

/* ---- search ----*/
.searchBox {
	background-color: #DDEBFE;
	border: 1px solid #EEF4FD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
}
.poll {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	border: 1px solid #85AB7E;
	background-image: url(images/pollBG.jpg);
	background-repeat: repeat-x;
}


.searchBox a:link{	
	color: #006699;
	text-decoration: none;
}
.searchBox a:hover {
	color: #CC0000;
	text-decoration: underline;
}

.searchBox #searchTF {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	height: 14px;
	background-color: #DDEBFE;
	border: 1px solid #7CB3D5;
	width: 110px;
	margin-right: 10px;
	margin-top: 4px;
}

/* ---- login ----*/
.loginBox {
	background-color: #DDEBFE;
	border: 1px solid #EBF2FC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
}

.loginBox a:link{	
	color: #006699;
	text-decoration: none;
}
.loginBox a:hover {
	color: #CC0000;
	text-decoration: underline;
}

.loginBox #userNameTF , .loginBox #passwordTF {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	height: 14px;
	background-color: #DDEBFE;
	border: 1px solid #7CB3D5;
	width: 75px;
	margin-left: 5px;
}

/* ---- menu ----*/
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
}

.menu #category  {
	background-image: url(images/menuBG.gif);
	background-repeat: repeat-y;
	text-indent: 20px;
	height: 20px;
	vertical-align: middle;
	font-weight: bold;
}

.menu #category a:link {
	font-weight: bold;
	text-decoration: none;
	color: #006699;
}

.menu #sub ,.menu #sub a:link{
	text-indent: 40px;
	height: 20px;
	vertical-align: middle;
	font-weight: normal;
	list-style-type: square;
	text-decoration: none;
	color: #006699;

}

.menu #sub a:hover , #category a:hover  {
	color: #CC0000;
}

/* ---- footer ----*/
.footer , .footer a:link   {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #006699;
	
}

.footer a:hover {
	color: #CC0000;	
}
.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006699;
}


.mainTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4DCE7;
}

.doted {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.combox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	height: 17px;
	width: 120px;
}

.textBox {
	font-family: Arial, Helvetica, sans-serif;
	color: #006699;
	font-size: 11px;
	height: 15px;
	width: 114px;
}

/* ---- user list ----*/
.userList {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #006699;
}

.listTitle {
	background: #0099FF;
	height: 18px;
	font-weight: bold;
	color: #FFFFCC;	
}

.even {
	background-color: #B6DEF3;
}

.odd {
	background: #CBeeEF;
}

.userList #time {
	font-size:12px;
}

.nextPrev {
	background-color: #0099FF;
	border: 1px solid #00CCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFCC;
	height: 17px;
}

.GridViewStyle_NoClick
{
    border-right: #036500 1px;
    border-top: #036500 1px;
    border-left: #036500 1px;
    border-bottom: #036500 1px;
}

.Content_DIV
{
	border-right: silver 1px dotted;
	padding-right: 10px;
	border-top: silver 1px dotted;
	padding-left: 10px;
	background-image: url(Images/DIVBG.gif);
	padding-bottom: 5px;
	border-left: silver 1px dotted;
	padding-top: 10px;
	border-bottom: silver 1px dotted;
	background-repeat: repeat-x;
}


.Grid_FieldSet
{	
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px;
}

.orang
{
	color: #FF6600;
	font-size: 9pt;
}


.subTit a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006699;
	font-weight: bold;
	background-color: beige;
	display: block;
	padding-right: 2px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 2px;
	border-right: gainsboro 1px dotted;
	border-top: gainsboro 1px dotted;
	border-left: gainsboro 1px dotted;
	border-bottom: gainsboro 1px dotted;
}

.highlight 
{
	text-decoration:none; 
	font-weight:bold; 
	color:black; 
	background:yellow;
	}


/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}


.ForumTD
{
	background-image: url(Images/forumbg.jpg);
	background-repeat: no-repeat;
}

.ObjectivesTD
{
background:url(Images/bbgg2.jpg); 
background-repeat: no-repeat;
}

.lineDots {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #8ABED3;
}

.BlueTableTD_1
{
	background: url(Images/Table_1.gif);
	background-repeat: no-repeat;
}

.BlueTableTD_2
{
	background: url(Images/Table_2.gif) repeat-y;
}

.BlueTableTD_3
{
	background: url(Images/Table_3.gif);
	background-repeat: no-repeat;
}



/*------------  UpdateDiv  ------------*/

.UpdateDiv
{
    position: absolute;
    background-color: #000000;
    filter: alpha(opacity=10);
    opacity: 0.20;
    -moz-opacity: 0.20;
    padding: 20px;
}


.UpdateSubDiv
{
    position: absolute;
    background-image: url(Images/Updating.gif);
    background-position: center center;
    background-repeat: no-repeat;
}