﻿/* --------------------------------- Rounded Corners ---------------------------------- 

.topbar
{
    background-position: 0% 0%;
    background-image: url(../../Public/Design/Feature_Controls/tb.gif);
    background-repeat: repeat-x;
    background-color: transparent;
}

.topleft
{
    width: 10px;
    height: 10px;
    background: url(../../Public/Design/Feature_Controls/tl.gif) 0 0 no-repeat
}

.topright
{
   background: url(../../Public/Design/Feature_Controls/tr.gif) 100% 0 no-repeat;
}

.bottombar
{
    background: url(../../Public/Design/Feature_Controls/bb.gif) repeat-x 0% bottom;
}

.bottomleft
{
    background: url(../../Public/Design/Feature_Controls/bl.gif) no-repeat 0px 100%; 
}

.bottomright
{
    width: 10px;
    height: 10px;
    background: url(../../Public/Design/Feature_Controls/br.gif) 100% 100% no-repeat
}

.leftbar
{
    background: url(../../Public/Design/Feature_Controls/lb.gif) repeat-y;
}

.rightbar
{
    background: url(../../Public/Design/Feature_Controls/rb.gif) repeat-y right 0%;
}


/* ---------------------------- Quick Poll ------------------------------------ */
.tblQuickPoll {width: 80%; margin: 5px 5px 5px 35px;}

.pollheader
{
    font-size: 22px;
    color: #000000;
    font-family: Arial;
    font-weight: bold;
}

.pollquestion
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.placeholder
{
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.pollbody
{
    font-size: 12px;
    color: #696969;
    font-family: Verdana, Tahoma, Arial;
}
.pollchoices
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a.getTheFacts
{
    
}

/* ---------------------------- Email to Friend ------------------------------------ */

.emailtofriend
{
}

.emailToFriendTitle {display:inline-block; margin-top:40px; margin-bottom:5px; }
/*font-weight:normal; font-size:18px; color:#4A64A2;*/

/* ---------------------------- Print Page ------------------------------------ */

.printpage
{
}

/*.printPageTitle     {display:inline-block; margin-top:40px; }*/

/* ---------------------------- Top Horizontal Navigation ------------------------------------ */

/* Top Navigation Placeholder - DIV */
.headerimage
{
    background-image: url(../../Public/Design/Feature_Controls/headerimage.gif);
    position: relative;
    background-repeat: repeat-y;
    width: 747px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
}

.topnavholder
{
    position: relative;
    background-image: url(../../Public/Design/Feature_Controls/topnav-bg.jpg);
    background-repeat: no-repeat;
    background-position :left top ;
    width: 919px;  /*1024*/
    height: 23px;   /*59*/
    padding:18px 30px 18px 75px;
}

.topnav
{
}

.menuitem
{
    padding-left: 5px; 
    padding-right: 5px; 
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;   
    /*white-space: normal !important;*/
}

.menuitemhover
{
    padding-left: 5px; 
    padding-right: 5px; 
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    color: #f4ac1c;   
    /*white-space: normal !important;*/
}

.menu
{
     cursor:hand; cursor:pointer; 
     background-color:#217abe; 
     padding: 5px; 
     font-size: 10pt; 
     color: #ffffff; 
     font-family: arial;
     /*filter:alpha(opacity=90); 
     opacity:0.9;  */
}

.submenuitem
{
    background-color: #55a5e2;
    padding-left: 5px; 
    padding-right: 5px; 
    padding-bottom: 2px;  
    padding-top: 2px;   
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt; 
    margin: 0px; 
    color: #ffffff;  
    /*border-bottom: solid 1px #ffffff;  */
    /*filter:alpha(opacity=90); 
    opacity:0.9;  */
}

.submenuitemhover
{
    background-color: #f4ac1c;
    padding-left: 5px; 
    padding-right: 5px; 
    padding-bottom: 2px;  
    padding-top: 2px;   
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt; 
    margin: 0px; 
    color: #ffffff;  
    /*border-bottom: solid 1px #ffffff;   */
    /*filter:alpha(opacity=90); 
    opacity:0.9;   */
}

.submenu
{
     background-color: #55a5e2;
     border: solid 1px #ffffff; 
     border-bottom: none;
     border-top: none;
     /*filter:alpha(opacity=90); 
     opacity:0.9;     */
}


/* ---------------------------- Left Vertical Navigation ------------------------------------ */
.leftnavholder
{
    position: relative;
    background-image: url(../../Public/Design/Feature_Controls/leftnav-bg.jpg);
    background-repeat: repeat-y;
    background-position :left top;
    padding: 0px 30px 30px 30px;
}
.leftnavtop
{    
    background-image: url(../../Public/Design/Feature_Controls/leftnav-top.jpg);
    background-repeat: no-repeat;
    height:16px;
    width:223px;
    z-index:-1;
}
.leftnavbottom
{
    position: relative;
    background-image: url(../../Public/Design/Feature_Controls/leftnav-bottom.png);
    background-repeat: no-repeat;
    height:60px;
    width:111px; /*207px*/
    padding: 15px 48px 10px 48px;
}

.sidenavitem
{
    padding-left: 5px; 
    padding-right: 5px; 
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Arial;
    font-weight: normal;
    font-size: 10pt;   
    white-space: normal !important;
    background-color: #ffffff;
}

.sidenavitemhover
{
    padding-left: 5px; 
    padding-right: 5px; 
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Arial;
    font-weight: normal;
    font-size: 10pt;
    white-space: normal !important;
    color: #217abe;
    background-color: #ffffff;
}

.sidenav
{
     cursor:hand; cursor:pointer; 
     padding: 0px !important; 
     color:#000000; 
     background-color:#ffffff !important; 
     font-family: arial;
     /*filter:alpha(opacity=85); 
     opacity:0.85;*/
}

.subsidenavitem
{    
    padding-left: 5px; 
    padding-right: 5px; 
    padding-bottom: 2px;  
    padding-top: 2px;   
    font-family: Arial;
    font-weight: normal;
    font-size: 10pt; 
    margin: 0px; 
    color: #000000; 
    background-color: #ffffff; 
    /*filter:alpha(opacity=85); 
     opacity:0.85;      */
}

.subsidenavitemhover
{    
    padding-left: 5px; 
    padding-right: 5px; 
    padding-bottom: 2px;  
    padding-top: 2px;   
    font-family: Arial;
    font-weight: normal;
    font-size: 10pt; 
    margin: 0px;     
    background-color: #55a5e2;  
    /*filter:alpha(opacity=85); 
    opacity:0.85;*/
    color: #ffffff;
}

.subsidenav
{
    cursor:hand; cursor:pointer; 
     background-color: #217abe;
     padding: 5px;
     border: solid 0px #000000; 
     border-bottom: none;
     border-top: none;  
     /*filter:alpha(opacity=85); 
     opacity:0.85;  */
}


/* ---------------------------------- Search Site User Control ------------------------------*/

/* Div to hold search site user control */
.searchholder {
	position: absolute;
	right: 270px;
	top: 18px;
}

.searchtb
{
    font-size: 9pt;
    color: #000000;
    font-family: Verdana, Arial, Tahoma;    
}

.searchtext
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #696969;
    font-weight: bold;
}

.allsitescb
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #696969;
    font-weight: normal;    
}

/* ************************************* Form related styles ************************** */

table.Question
{
    padding:0px;
    margin:0px;  
}
    
.dymVal
{
    padding-left:3px;
}
    
.dymVallbl
{
    color:Red;
    font-family:Verdana;
    font-size:8pt;
    padding-left:3px;
}

.QuestionItalText
{
    color:Black;
    font-family:Verdana;
    font-size:8pt;
    font-weight:normal;
    font-style:italic
}

.errorTxt, .errorText
{
    color:Red !important;
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold !important;
}

.errorTxt a, .errorText a,
.errorTxt a:active, .errorText a:active 
{
	color: Navy !important;
}

.successTxt, .successText
{
    color: green !important;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold !important;
}

.stdContent
{
}

.Navy
{
    text-align: left;
    height: 25px;
    vertical-align: middle;
    font-weight: bold;
    padding-bottom: 15px;
    color: #217abe;
}
/* ************************************* Header style ************************** */

.headertext
{
    color: #333399;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
}

.header
{
    position: relative;
    width: 1024px;
    height: 109px;
    margin-left: auto;
    margin-right: auto;
}

/* Header Title */
#h1
{
    position: absolute;
    left: 155px;
    top: 10px;
    text-transform: uppercase;
    font-size: 14px;
    width: 250px;
    font-weight: bold;
}

/* ************************************* Content area style ************************** */

/* Main Content Container ID */
#contentcontainer 
{
	width: 1024px;
	margin: 0px auto;
	background-image: url(../../Public/Design/Feature_Controls/content-bg.jpg);
    background-repeat: repeat-y;
}

/* Main Content Holder withing #contentcontainer - Includes #leftbox and #rightbox */	
.contentholder
{
    background-image: url(../../Public/Design/Feature_Controls/content-bgbottom.jpg);
    background-repeat: no-repeat;
    background-position:left bottom;
    
    position: relative;
    width: 1024px;
    height: auto;
    margin: 0 auto;
	overflow: hidden;
	/*padding-bottom: 75px;*/
    text-align: left;
}

.contenttext
{
}

/* Right panel (DIV) for Placeholders */
#rightbox
{
    float: right;
    margin: 0px 0px 0px 0px;
    width: 794px;   /*817px*/
    height: 100%;
    padding: 0px 23px 0px 0px;
}

#subpagerightbox
{
    float: right;
    margin: 0px 0px 0px 0px;
    width: 780px;   /*817px*/
    height: 100%;
    padding: 0px 23px 10px 14px;
}

/* Left panel (DIV) for Placeholders */
#leftbox
{
    float: left;
    margin: 0px;
    width: 207px;
    height: 100%;
    padding: 0px;
}

/* *************************************  Print and Email Icon Controls ************************** */
/* mailbox (DIV) for Placeholders */
#mailbox
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    position:absolute;
    top:18px;
    right:125px;
}

/* mailbox (DIV) for Placeholders */
#printbox
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    position:absolute;
    top:19px;
    right:220px;
}

/* *************************************  Print and Email page styles ************************** */

/* Div to hold print page and e-mail to friend icons */
.iconholder
{
}

.closeWindow
{
    font-size: 8.5pt;
    font-family: Verdana, Tahoma, Arial;
    font-weight: bold;
}

.emailDataCol
{
    font-size: 8.5pt;
    font-family: Verdana, Tahoma, Arial;
}

.emailLabelCol
{
    font-size: 8.5pt;
    font-family: Verdana, Tahoma, Arial;
}

.printButton
{
}

.printLogo
{
}

.popupErrorTxt
{
    color:Red;
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
}

a.mailLink
{
}

.printPageTitle
{
}

.printPageDiv
{
    overflow:hidden;
    height:auto;
}

/* ---------------------------------- Logo Control ------------------------------*/

.logo
{
    position: absolute;
    left: 23px;
    top: 14px;
}

.slogan
{
    position: absolute;
    left: 0px;
    top: 0px;
}

.logotext
{
    font-weight: bold;
    color: #000000;
    font-size: 12px;
}

/* ---------------------------------- HomeIcon Control ------------------------------*/

.homeicon
{
    display:inline-block;
    position:absolute;
    top:18px;
    left:28px;
}

/* ---------------------------------- Footer Control ------------------------------*/

#footercontainer {
	width: 990px;
	margin: 0px auto;
	padding: 0px 17px 0px 17px; 
	text-align:center;
	background-color:#ffffff;
}

.footerlogo {display:block; margin:0px auto 15px auto;}
.footertext {color:#217abe; font-size:11px; display:block; margin: 0px 0px 20px 0px;}

#footer
{
    width: 100%;
    height: 75px;
    text-align: center;
    font-size: 12px;
}

#footernav
{
    position: relative;
    width: 1024px;
    height: auto;
    margin: 0 auto;
	overflow: hidden;
	padding-bottom: 5px;
    text-align: left;
}

.menub {
	margin: 12px auto 5px auto;
	text-transform: uppercase;
	font-size: 10px;
}

.menub a:visited {
	color: #d32525;
}

/* ---------------------------------- Member Login Control ------------------------------*/

.loginErrorTxt
{
    color:Red;
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
}

.memLoginLabel
{
    font-size: 8.5pt;
    font-family: Verdana, Tahoma, Arial;
    font-weight: bold;
}

/* ---------------------------------- Std Buttons Control ------------------------------*/
.stdButton
{
    color: white;
    background-color: #217abc;
}

.delButton
{
    color: white;
    background-color: #d32525;
}

/* ---------------------------------- Std Table Design ------------------------------*/
.stdLabel
{
    color: #666666; /*background-color: #dcdcdc;*/
    height: 25px;
    padding-left: 5px;
    font-weight: bold;
}

.stdData
{
    color: black;
    background-color: white;
    height: 25px;
}

.Gray
{
    font-weight: bold;
    color: white;
    background-color: #3b6191;
}

/* ---------------------------------- RSS Button User Control ------------------------------*/
/* Div to hold the rss button */
.rssbutton 
{
	float: right;
	margin-top: 55px;
	margin-left: -50px;
}

/* ---------------------------- WebGallery ------------------------------------ */
/* Maryna Kushnir */
#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("../../Public/Design/Feature_Controls/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("../../Public/Design/Feature_Controls/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("../../Public/Design/Feature_Controls/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("../../Public/Design/Feature_Controls/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-decoration:none;
	float:right;
	width:66px;
	height:28px;
	background:url("../../Public/Design/Feature_Controls/closelabel.gif") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	
/* ---------------------------- Events Module ------------------------------------ */
/* Maryna Kushnir */



.stdText
{
}

.stdBox
{
    background-color: #dcdcdc;
    border: solid 1px #999999;
    height: 25px;
    padding: 5px;
    font-weight: bold;
    vertical-align: middle;
}

.stdTitle{ font-weight: bold;}
.stdTextBox{ width: 150px;} 

.DarkRed 
{
	color: #d32525;
    font-weight: bold;
}

/* ------------------------------- Events Module Internal Navigation ---------------------*/

#menuBG
{
    color: #ffffff;
    background-color: #3B6191;
    padding-right: 5px;
    padding-left: 5px;
    border-right: black 1pt solid;
    border-top: black 1pt solid;
    border-left: black 1pt solid;
    border-bottom: black 1pt solid;
    vertical-align: middle;
    text-align: center;
}
#menuBG a
{
    color: #ffffff;
    text-decoration: none;
}



#menuBG td.menuon
{
    background-color: #EBEBEB;
    color: #000000;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0px;
    padding-top: 0px;
}
#menuBG td.menuon a
{
    color: #000000;
}
#menuBG td.menuoff
{
    background-color: #3B6191;
    color: #ffffff;
}

/* ---------------------------- UpcomingEvents Widget --------------------------------- */
/* Maryna Kushnir */

.divUEContainer{width: 180px; border: solid 1px #999999;}
.divUETitle{border-bottom: solid 1px #999999; margin: 0px 0px 5px 0px; padding: 2px 5px 2px 5px; background:#dcdcdc;}
.divmonth{margin: 0px 2px 0px 2px; padding: 2px 0px 2px 0px; background: #ffffff; border: solid 1px #ffffff;}  /*#dcdcdc*/

/* GridView styles */
.gvUEvents 
{
	margin: 5px 0px 5px 0px;
	width: 100%;
	/*border: none;	*/
	border-width: 0px;
}
.gvUEvents th {}

.gvUEvents td { padding: 2px; }

.gvUEGridRow
{
    vertical-align: top;
    text-align: left;
    background-color: #CCCCCC;
}
.gvUEGridRow td
{
    vertical-align: top;
    text-align: left;
}

.gvUEGridEmpty 
{
	text-align: center;
	font-weight: bold;	
}

.gvUEGridAlt 
{    
	background-color: #ffffff;
	/*border: solid 0px #999999;*/
	/*border-bottom: solid 1px #999999;
	/*border-top: solid 1px #999999;*/
}

.gvUEGridAlt td
{	
    /*border: solid 0px #999999;*/
	/*border-bottom: solid 1px #999999;
	/*border-top: solid 1px #999999;*/
}

.gvUEGridPager
{   
   border: solid 0px #999999;     
}
.gvUEGridHeader th
{   
   text-align :left; 
}    



/* ---------------------------- Standart Gridview ------------------------------------ */
/* Maryna Kushnir */

.stdGrid 
{
	margin-top: 5px;
	width: 100%;
	border: none;	
	border-width: 0px;
}

.stdGrid th 
{
	padding: 5px;
}

/*.stdGrid td*/
.stdGridRow td, .stdGridAlt td, .stdGridFooter td
{
	padding: 3px;
}

tr.stdGridHeader
{   
   text-align :left;
   background: #00529B;
   color: #FFFFFF;
   padding: 5px;
}

.stdGridRow, .stdGridRow > td, .stdGridAlt, .stdGridAlt > td 
{
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
}

.stdGridRow, .stdGridRow td
{	
	background-color: #FFFFFF;
}

.stdGridAlt, .stdGridAlt td 
{
	background-color: #EBEBEB;
}

.stdGridEmpty 
{
	text-align: center;
	font-weight: bold;
	color: #d32525;
}

.stdGridPager
{   
   border: solid 0px #999999;     
}

.stdGridFooter, .stdGridFooter td
{
	background: #FFFACD;
}

.stdGroupLabel
{
	/*color: #d32525;*/
	font-weight :bold ;
	background: #00529B;
	color: #FFFFFF; 
	display:block;
	padding: 5px;
}

.subTable
{
}

.subTable td
{
    padding: 0px;
    border: 0px; 
}

/* ---------------------------- Standart Sub Gridview ------------------------------------ */
/* Maryna Kushnir */

.subGrid 
{
	/*margin-top: 5px;*/
	width: 100%;
	border: none;	
	border-width: 0px;
}

.subGrid th, .subGrid td 
{
	padding: 3px;
	border: none;
}

tr.subGridHeader
{
	padding: 3px;
	text-align: left;
	background: #3D9140;
	color: #FFFFFF;
}

.subGridRow, .subGridRow > td, .subGridAlt, .subGridAlt > td
{	
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
}

.subGridRow, .subGridRow td
{
	background: #F0FFF0;
}

.subGridAlt, .subGridAlt td
{	
	background: #B4EEB4;
}

.subGridEmpty 
{
	text-align: center;
	font-weight: bold;
	color: #d32525;
}

.subGridPager
{   
   border: none;     
} 

/* ---------------------------- Listing ------------------------------------ */
/* Maryna Kushnir */

.Welcome{width:auto; text-align:right;}
.bar{background: #dcdcdc;}

.tblGroup2{ width: 100%; font-family: Arial;}
.tblGroup{ width: 100%; font-family: Arial;}
.tblGroupEvent{ width: 100%; font-family: Arial;}
.txtGroupName{ color: #b30020; font-weight: bold; font-family: Arial;} 
.txtTargetGroup{font-weight: bold;} 

.txtError{ color: red; text-decoration: none; font-weight: bold;} 
.txtSuccess{ color: green; text-decoration: none; font-weight: bold;} 
.txtTip{ font-size : 7pt; font-weight:normal;} 
.txtListingLabel{ }

/* Browse Directory styles */
a.lnkTitle{}
a.lnkTitleBolded{font-weight:bold;}
a.lnkTitleHighlighted:link {background-color: #dcdcdc; font-weight: bold;}
a.lnkTitleHighlighted:visited {background-color: #dcdcdc; font-weight: bold;}
a.lnkTitleHighlighted:hover {text-decoration: none; background-color: #dcdcdc; font-weight: bold;}
a.lnkTitleHighlighted:active {background-color: #dcdcdc; font-weight: bold;}
a.lnkLabel{color : #666666; cursor:text;}
a.lnkLabel:hover{color : #666666; text-decoration: none; cursor:text;}

#browseleftbar{padding:5px; width: auto;}
/* --------------------------- */

a.white:link{color: #ffffff; text-decoration:underline;}
a.white:visited{color: #ffffff; text-decoration:underline;}
a.white:hover{color: #ffffff; text-decoration:none;}
a.white:active{color: #ffffff; text-decoration:underline;}

a.whitebolded:link{color: #ffffff; font-weight:bold; text-decoration:underline;}
a.whitebolded:hover{text-decoration:none;}
a.whitebolded:visited{color: #ffffff; font-weight:bold; text-decoration:underline;}
a.whitebolded:active{color: #ffffff; font-weight:bold; text-decoration:underline;}

a.whitehighlighted:link{color: #1c6666; background-color: #ffffff; text-decoration:underline;}
a.whitehighlighted:hover{color: #1c6666; background-color: #ffffff; text-decoration:none;}
a.whitehighlighted:visited{color: #1c6666; background-color: #ffffff; text-decoration:underline;}
a.whitehighlighted:active{color: #1c6666; background-color: #ffffff; text-decoration:underline;}

a.bolded:link{font-weight:bold; text-decoration:underline;}
a.bolded:hover{text-decoration:none;}
a.bolded:visited{font-weight:bold; text-decoration:underline;}
a.bolded:active{font-weight:bold; text-decoration:underline;}

a.highlighted:link{background-color: #b30020; color: #ffffff; text-decoration:none;}
a.highlighted:hover{background-color: #b30020; color: #ffffff; text-decoration:none;}
a.highlighted:visited{background-color: #b30020; color: #ffffff; text-decoration:none;}
a.highlighted:active{background-color: #b30020; color: #ffffff; text-decoration:none;}

.textBox{ width :80%; border: #999999 1px solid; font-family : Arial; font-size : 8pt;}
.textBox2{ width :80px; border: #999999 1px solid; font-family : Arial; font-size : 8pt;}/*for time*/
.ddl{ width :81%; border: #999999 1px solid; font-family : Arial; font-size : 8pt;}
.ddl2{ width :200px; border: #999999 1px solid; font-family : Arial; font-size : 8pt;}
.checkBox{ margin : 0px; padding :0px; vertical-align: top;}
.btnDots{ border: #999999 1px solid; background-color: #dcdcdc; color: #113e3e; padding:0px; width : 20px; font-family : Arial; font-size : 8pt;}
.btnDots2{ border: #999999 1px solid; background-color: #dcdcdc; color: #113e3e; margin: 3px; padding:0px; width : 20px; font-family : Arial; font-size : 8pt;}
.btnSimple{ border: #999999 1px solid; background-color: #dcdcdc; color: #113e3e; width : 100px; font-family : Arial; font-size : 8pt;}
.btnSimpleLong{ border: #999999 1px solid; background-color: #dcdcdc; color: #113e3e; width : 150px; font-family : Arial; font-size : 8pt;}
.btnDelete{ border: #999999 1px solid; background-color: #dcdcdc; width : 100px; font-family : Arial; font-size : 8pt; color : Red;}
.btnDeleteLong{ border: #999999 1px solid; background-color: #dcdcdc; width : 150px; font-family : Arial; font-size : 8pt; color : Red;}
.hrLine{ height :1px; background-color : #999999; color :  #999999 ; border: 0px ; }

.checkboxlist td{ width : 33%;}

/* Browse Events styles */
.dlistCalendar {text-align :left; vertical-align: top; font-size: 11px;}

.dlistEvents{ width : 100%; border: 0px;}

.dayWrap{position :relative ; height :100%;}


.dayHeader{padding: 0px 2px;}
.dayEventList{padding: 2px; width: 64px; overflow :hidden;}     /* is used to change cell width*/
.dayFooter{padding: 0px 2px; position :absolute; bottom: 0px; right:0px;}
.dayCell{width : 70px; height : 90px;}                          /* is used to change cell width*/
.dayActive{border: solid 1px #999999; background-color : #ececec;}
.dayCurrent{border: solid 1px #999999; background-color : #fefefe;}
.dayPassive{border: solid 1px #999999; background-color : #dcdcdc;}
/*---------------------*/

/* Itinerary styles */
.dlistItinerary{width : 100%; border: 0px;}
.dlistInner {width : 100%; border: 0px;}
.map{border: 1px solid #999999; background-color: #dcdcdc; width: 400px; height: 300px; margin :5px; }

/* Choose category popup styles */
.itemTree {font-family: verdana, arial, helvetica, sans-serif; font-size: 0.7em; color: #666666;}
.txtpopup {font-family: verdana, arial, helvetica, sans-serif; font-size: 0.7em; color: #666666; font-weight :bold;}
.txtErrorPopup{ color: #ff0000; font-weight: bold; font-family: Arial; font-size: 0.7em;} 

/* Hide Date Picker buttons in Event Search Control*/
.popupcalendar img { width: 0px; height: 0px;}

/*Corection for timepicker pop-up*/
.tpwrap{position: relative; top: 0px; left: 0px; vertical-align : top;}

#tpcorection div div{
	position:absolute !important;
	left: 0px !important;
	top: 0px !important;
	z-index : 5001;
}
/*-------------------------------*/

/* ------------------------ Search Directory Control ----------------------- */
/* Maryna Kushnir */

.Wrap4{width: 152px; height: 195px; border: solid 0px #999999; background: #ff9c06; padding: 5px; 
            font-family:Arial; color: #ffffff; position:relative;}     /* width: 162px, height: 205px */
div .lbl4{font-size: 10px; padding: 3px 0px;}
div .title4{font-size: 16px; font-weight:bold; padding: 0px 0px 5px 0px;}
.textBox4{width: 148px; font-family : Arial; font-size : 10px;}
.ddl4{width :153px; font-family : Arial; font-size : 10px;}
.btnSimple4{background :#ff9c06; border: solid 2px #ffffff; width: 76px; 
            font-family:Arial; font-size: 14px; color:#ffffff;}


/* ------------------------ Search Event Control ----------------------- */
/* Maryna Kushnir */

.Wrap5{width: 152px; height: 195px; border: solid 0px #999999; background: #dc5917; padding: 5px; 
            font-family:Arial; color: #ffffff; position:relative;}     /* width: 162px, height: 205px */
div .lbl5{font-size: 10px; padding: 3px 0px;}
div .title5{font-size: 16px; font-weight:bold; padding: 0px 0px 5px 0px;}
.textBox5{width: 148px; font-family : Arial; font-size : 10px;}
.textBox52{ width :65px; font-family : Arial; font-size : 10px;}/*for time*/
.ddl5{width :153px; font-family : Arial; font-size : 10px;}
.btnSimple5{background :#dc5917; border: solid 2px #ffffff; width: 76px; 
            font-family:Arial; font-size: 14px; color:#ffffff;}
  

/* ---------------------------- Operator Detail Page ------------------------------------ */
/* Pauline Ramos */
.new-listing { float:right; }
.grid 
{
	margin-top: 5px;
	width: 100%;
	border: none;	
	/*border-bottom: 1px solid #74958e;*/ border-width: 0px;
}
.grid th 
{
	/*color: #93bcb3;
	font-weight: bold;
	border-color: #74958e;
    */
}
.grid td { padding: 5px; }
.gridEmpty 
{
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.gridAlt 
{
	background-color: #dcdcdc;
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
}

.gridAlt td
{	
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
}
.gridRow 
{	
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
}
.gridRow td
{	
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
}
.gridPager
{   
   border: solid 0px #999999;     
}
.gridHeader th
{   
   text-align :left; 
}    



/* Spinner */
.ui-spinner {position: relative}
.ui-spinner-buttons {position: absolute}
.ui-spinner-button {overflow: hidden}


/* ---------------------------- Message DIVs ------------------------------------ */
/* Pauline Ramos */
ul.no-bullet, ul.no-bullet li ul
{
    list-style-type: none !important;
}

.info, .success, .warning, .error, .validation
{
    border: 2px solid;
    margin: 10px auto;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    width: 370px;
    -moz-border-radius: 6px;
}

.info ul, .success ul, .warning ul, .error ul, .validation ul
{
    margin: 0;
    padding: 0;
    margin-left: 50px;
    list-style: square;
}

.info
{
    color: #00529B !important;
    background-color: #E7EEF3 !important;
    background-image: url( '../../Common/Images/CMS/icons/info.png' );
}

.success
{
    color: #4F8A10 !important;
    background-color: #DFF2BF !important;
    background-image: url( '../../Common/Images/CMS/icons/success.png' );
}

.warning
{
    color: #9F6000 !important;
    background-color: #FEEFB3 !important;
    background-image: url( '../../Common/Images/CMS/icons/warning.png' );
}

.error, .validation
{
    color: #D8000C !important;
    background-color: #FEF1EC !important;
    background-image: url( '../../Common/Images/CMS/icons/error.png' );
}

/*--------------------------------  Press Release ---------------------------------------------------*/
/* Maryna Kushnir */
.presscontainer        { margin: 5px; }

a.newstitle            { font-weight:bold; }
a.newstitle:visited    { font-weight:bold; }
a.newstitle:active     { font-weight:bold; }
a.newstitle: hover     { font-weight:bold; }

.newsdesc       { margin: 10px 10px 10px 10px;}
.newsdate       { font-style:italic; color: #888888; }

.presscatcell td        { background-color: #e3e3e3; }
.presscatheader td      { background-color: #fe0000; }
.presscatlist           { background-color: #e3e3e3;}
.presscatdate           { font-style:italic; color: #888888; }

a.presscattitle             { color: #ffffff; }
a.presscattitle:visited     { color: #ffffff; }
a.presscattitle:hover       { color: #ffffff; text-decoration:none; }
a.presscattitle:active      { color: #ffffff; }

a.presscatmore          { }

.navigation             { width: 100%;}

/*------------------------------------------------------------------------------------------------------*/

/*--------------------------------  Left/Right Positioning (float) ---------------------------------------------------*/
/* Pauline Ramos */

.right { float: right; }
.left { float: left; }

/*------------------------------------------------------------------------------------------------------*/
.breadCrumbList    {display:block; margin: 5px 0px 20px 0px;}

/*---------------------------------------------------------------------------------------------------*/
/*--------------------------------  Video Gallery ---------------------------------------------------*/
/* Pauline Ramos */

/* Video Player Control */

/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.hulu
{
    position: relative;
    height: 40px;
    z-index: 50; /* black background with a gradient */
    background: #000 url(hulu.png) repeat-x 0 -4px;
    width: 500px; /* centralize */
    margin: 0 auto;
}

/* play/pause button */
div.hulu a.play, div.hulu a.pause
{
    position: absolute;
    width: 46px;
    height: 40px;
    display: block;
    text-indent: -9999em;
    background: url(hulu.png) no-repeat 10px -61px;
    cursor: pointer;
    border-right: 1px solid #000;
}

div.hulu a.play:hover, div.hulu a.play:focus, div.hulu a.play:active
{
    background-position: 10px -105px;
}

/* pause state */
div.hulu a.pause, div.hulu span.pause
{
    background-position: 11px -148px;
}

div.hulu a.pause:hover, div.hulu a.pause:focus, div.hulu a.pause:active
{
    background-position: 11px -192px;
}

/* the timeline (or "scrubber")  */
div.hulu div.track
{
    left: 47px;
    position: absolute;
    cursor: pointer;
    width: 285px;
    border-left: 1px solid #999;
    height: 40px;
}

/* the draggable playhead */
div.hulu div.playhead
{
    position: absolute;
    cursor: pointer;
    background-color: #4ff;
    opacity: 0.3;
    filter: alpha(opacity=30); /*width:3px;*/
    height: 40px;
    border-right: 1px solid #444;
}

div.hulu div.focus
{
    opacity: 1.0;
    filter: alpha(opacity=100);
}

div.hulu div.playhead button
{
    height: 40px;
    width: 5px;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.hulu div.progress, div.hulu div.buffer
{
    position: absolute;
    background-color: #4ff;
    filter: alpha(opacity=10);
    opacity: 0.1;
    width: 0px;
    height: 40px;
}

div.hulu div.buffer
{
    background-color: #fff;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

/* time display */
div.hulu div.time
{
    position: absolute;
    width: 129px;
    left: 330px;
    padding: 12px 0;
    text-align: center;
    border: 1px solid #999;
    border-width: 0 1px;
    font-family: futura, "Lucida Grande" , "bitstream vera sans" , "trebuchet ms" ,verdana,arial;
    font-size: 12px;
    color: #fff;
}

/* total duration in time display */
div.hulu div.time strong
{
    font-weight: normal;
    color: #666;
}

/* mute / unmute buttons */
div.hulu a.mute, div.hulu a.unmute
{
    position: absolute;
    left: 460px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
    text-indent: -9999em;
    background: url(hulu.png) no-repeat 5px -323px;
}

div.hulu a.mute:hover, div.hulu a.mute:focus, div.hulu a.mute:active
{
    background-position: 5px -367px;
}

/* unmute state */
div.hulu a.unmute, div.hulu span.unmute
{
    background-position: 5px -235px;
}

div.hulu a.unmute:hover, div.hulu a.unmute:focus, div.hulu a.unmute:active
{
    background-position: 5px -279px;
}

/* tips help */
.hiddenStructure
{
    display: none;
}

.sliderHelp
{
    background-color: White;
    border: 1px solid Black;
    padding: 0.2em;
    width: 250px;
    height: auto;
    z-index: 5;
    display: block !important;
    font-size: 90%;
    position: absolute;
    filter: alpha(opacity=100);
    opacity: 1.0;
    left: 10px;
    text-align: left;
}

.sliderHelp dt
{
    margin: 0;
    padding: 0;
}

.sliderHelp dd
{
    margin: 0;
    padding: 0em 0em 0em 0.5em;
}

/* No Record */
span.no-record
{
    font-weight: bold;
    color: #FF0000;
    display: block;
    text-align: center;
    padding: 10px;
}

/* Video Rating Stars */
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.disabledRatingStar
{
    cursor: default !important;
}

.filledRatingStar
{
    background-image: url(../../Common/Images/CMS/icons/rating/FilledStar.png);
}

.emptyRatingStar
{
    background-image: url(../../Common/Images/CMS/icons/rating/EmptyStar.png);
}

.savedRatingStar
{
    background-image: url(../../Common/Images/CMS/icons/rating/SavedStar.png);
}

/* Video List (~/Video/VideoList.ascx) */
.tree td div
{
    height: 20px !important;
}

a.current
{
    font-weight: bold;
    color: #000000 !important;
}

.widget_item
{
    color: #666666;
    font: 93% Arial,Helvetica,sans-serif;
    padding: 0;
}

.item_pad_2
{
    padding: 2px 0;
    text-align: left;
}

.widget_item .vd
{
    position: relative;
}

.item
{
    text-align: left;
}

.widget_item img.thumbnail
{
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #CCCCCC;
    padding: 1px;
    vertical-align: middle;
}

img.selectedThumb
{
    border-color: #E49A17 !important;
    margin-top: 1px;
    margin-left:1px;
}

.widget_item .duration
{
    background: none repeat scroll 0 0 #000000;
    color: #DDDFE0;
    display: inline-block;
    font-weight: bold;
    padding: 1px 2px;
    position: absolute;
    top: 70px;
    left: 65px;
}

.widget_item .title
{
    height: 30px;
}

.widget_item .title a
{
    font: bold 108% Arial,Helvetica,sans-serif;
    text-decoration: none;
}

.item_pad_4
{
    padding: 4px 0;
    text-align: left;
}

.item_pad_4 img
{
    border: medium none;
    vertical-align: middle;
}

.comments
{
    width: 100%;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin-bottom: 25px;
}

.comment-row > td, .alt-comment-row > td
{
    padding: 5px;
}

.alt-comment-row > td
{
    background: #EEEEEE;
    border-top: 1px solid #999;
}

.div-comment-name
{
    margin-bottom: 5px;
}

.comment-name
{
    font-weight: bold;
}

.comment-date
{
}

.comment-text
{
}

/* Video Detail (~/Video/Video.aspx?id=x)*/
img.help
{
    cursor: pointer;
}

#player, .video-stats table
{
    margin: 0 auto;
}
#video-player
{
}

.video-stats
{
    padding-top: 5px;
}

.heading
{
    padding: 1em 0 1em 0;
    color: #5377A9;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 1.2em;
}

.video-info-title
{
    font: bold 108% Arial,Helvetica,sans-serif;
    text-decoration: none;
    height: 30px;
}

.video-info-date
{
    font-size: 0.9em;
}

.video-info-description
{
    display: block;
}

.video-info-tags
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.video-info-tags li
{
    padding-right: 10px;
    float: left;
}

.newComment
{
    margin: 0 auto;
    margin-top: 10px;
    padding: 5px;
}

.newComment label
{
    display: block;
    font-weight: bold;
    margin-bottom: 1em;
}

.newComment input, .newComment textarea
{
    display: block;
    width: 99%;
}

#recaptcha_area
{
    margin: 0 auto;
}
