/*new babber stuffs */
.filter_name {
	position:relative;
	top:10px;
	display:block; 
	font-size:36px; font-weight:normal; colour:#999;
	font-family: 'Open Sans', sans-serif;
	height:60px;  z-index:2000; padding:22px 0 ;
	text-align:center; width:800px;
	}
.local {  color: #006699;
    display: block;
    font-family: "Bilbo Swash Caps",cursive;
    font-size: 66px;
    font-weight: normal;
    height: 60px;
    margin-left: 20px;
	}
	
#header2 { display:block; float:left; clear:both;}
#menu_div {width:100%;}
.panBrowserHead  {display:block; width:100%;}



/*font increase decrease*/

td.calendar_cell > span {display:block; width:100%; clear:both; float: left; font-size:120%; position:top; padding-bottom:5px;}
td.calendar_cell {vertical-align:top;}


.printIcon {
	float: right;
	margin:0 17px 10px 0;
}

.printable {
			border: 1px dotted #CCCCCC ;
			padding: 10px 10px 10px 10px ;
			}
 
/*place to put it ;oP */

.fontResize{
display:block;
width:60px;
white-space:nowrap;
min-width:60px;
float:right;
clear:both;
height:42px;
text-align:right;
z-index:1000;
padding:5px  20px 0 0;
}
.adminView {background: url(../images/show_admin.png) no-repeat top center;
}

/*header stuffs */

.headerBar{
width:	inherit;
height:inherit;
background:  url(../images/ylm_search_bar_top/sb_sb.png) repeat-x top left;
overflow:hidden;
margin-top:0px;
padding-top:10px;
padding-bottom:10px;
vertical-align:middle;
color: #666;	padding-right: .8em;
	/*text-shadow: 1px 1px #ccc;
	border-left:solid 1px #efefef;
	border-right:solid 1px #999;
	border-top:solid 1px #efefef;
	border-bottom:solid 1px #999;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	                 -moz-box-shadow: 2px 2px 10px #999999;
				-webkit-box-shadow: 2px 2px 10px #999999;
                                 -o-box-shadow: 2px 2px 10px #999999;
			

                 

							
<!--[if IE]>
			<style type="text/css">
				#wrapper {
					-ms-filter: "progid:DXImageTransform.Microsoft.(color=#999999,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=6)";

					filter: progid:DXImageTransform.Microsoft.Glow(color=#999999,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=6);
 
				}
			</style><![endif]-->	*/

}

/*style for rounding corners*/
.round{margin-bottom:.3em;
	padding-left: .8em;
	padding-bottom: .4em;
	padding-top: .4em;
	padding-right: .8em;
	border-left:solid 1px #efefef;
	border-right:solid 1px #efefef;
	border-top:solid 1px #efefef;
	border-bottom:solid 1px #ffffff;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;

	-khtml-border-radius-topright: 5px;
	-khtml-border-radius-topleft: 5px;
	
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;

	border-top-right-radius: 5px;
	border-top-left-radius: 5px;}

/*form elements */

input[type="text"], input[type="password"],  input[type="multiline"],  input[type="select"] {
	border: 1px solid #999999;
	background: url(none) no-repeat #f4f4f4;
	font-size: 100%;
	color: #666666;
		padding:1px;margin-top:5px;
}


label {margin-top:5px;
	font-style: bold;
	font-size: 100%;
	color: #999999;
}

select {
	border: 1px solid #999999;
	background: url(none) no-repeat #f4f4f4;
	font-style: normal;
	font-size:100%;
	color: #666666;
	margin-top:5px;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="multiline"]:hover, select:hover {
	border: 1px solid #666666;
	color: #454743;
	background: #f4f4f4;

	
}
.ListDiv1 
{
	margin-left:10px;
	margin-top:0px;
	color:#666666;
	width:45%;
	float:left;
	clear:left;
	
}

.styled-select select 
 {
	background: #f4f4f4;
	width: 400px;   
	float:left;
	padding: 5px;
	font-size: 16px;
	border: 1px solid #ccc;
	height: 34px;
}

.sb-select
 {
	width: 460px;
	
	overflow: hidden;
}



.styled-select 
{
	width: 400px;
	height: 34px;
	overflow: hidden;
	background:url(../images/arrow.png) no-repeat right ;
	font-family: sans-serif;  
	color:#999999;
	font-size: 120%;
	white-space:nowrap;
	float:left;
}
.GoButton 

input[type="text"]:focus, select:focus {
	border: 1px solid #666666;
	color: #454743;
	background:  #ffffff;
}


input[type="textarea"]:focus, select:focus {
	border: 1px solid #666666;
	color: #454743;
	background:  #ffffff;
font-family: arial;
}
fieldset
{
	border:none;
}
/*core*/
html
{
	height: 100%;
	min-height: 100%;
	border-width: 0px;
}


body {font-family: Arial, Helvetica, sans-serif;
	font-size:65.8%;
	margin-top:0px;
z-index:0;
}
.body_main
{	margin-top:0px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:95.8%;
	/*background:url(../images/pg_bg.jpg) repeat-y top center #fff; background: #dedddd none repeat scroll 0 0;*/

background: #fff url(../images/pg_bg.png) top center no-repeat;
	text-align:center;
	scrollbar-face-color:#efefef; 
	scrollbar-track-color:#ffffff; 
	scrollbar-arrow-color:#999999; 
	scrollbar-shadow-color:#cccccc; 
	scrollbar-dark-shadow-color:#666666; 
	scrollbar-3dlight-color:#efefef; 
	scrollbar-highlight-color:#cccccc;
}

/* common elements wrapper, bar position and others like h and p tags and what not */



#ctl00_ContentPlaceHolder1_login_panContainer {float:none; text-align:left; clear:both; margin:25%; margin-top:20px; margin-bottom:10px;}
#ctl00_ContentPlaceHolder1_forgot_password_panContainer {float:none; text-align:left; clear:both; margin:25%; margin-top:20px; margin-bottom:10px;}
#ctl00_ContentPlaceHolder1_ylm_cat_select_panContainer {font-size:1em;}


#wrapper 
{background-color:#ffffff;
display:block;	
margin: 0 auto;
position:relative;
	width:800px;
	height:auto;
min-height:100%;
	text-align:left;
	top:0px;
border-top:0px;
	border-bottom:0px;
	
	padding-bottom:-22px;	/*border-left:1px solid #efefef;
	border-right:1px solid #efefef;
                                 -moz-box-shadow: 2px 2px 10px #999999;
				-webkit-box-shadow: 2px 2px 10px #999999;
                                 -o-box-shadow: 2px 2px 10px #999999;*/
								 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
			

                 

							

			
		
		


* html #wrapper {
height: auto;}

.ylm_shadow_wrapper_full {width: 800px margin:0px; height:12px; padding:0px; background:url(../images/shadow_center.jpg)  repeat-x scroll 0 0 transparent;}
.ylm_shadow_left {width: 50px;height:12px; margin:0px; background:url(../images/shadow_left.jpg)  no-repeat scroll 0 0 transparent; float:left;}
.ylm_shadow_right {width: 50px;height:12px; margin:0px; background:url(../images/shadow_right.jpg)  no-repeat scroll 0 0 transparent; float:right;}


.search_bar_button 
{
	background:url(../images/ylm_search_bar_top/search_button.gif) no-repeat center;
	font-size:1.em;
	font-weight:400;
	text-align:left;
	padding-left:8px;
	color:#666;
	width:100px;
	height:36px;
	border:none;
	margin-left:15px;
	margin-bottom:15px;
	cursor:pointer;
}



#MainData 
{
padding-top:0px;
text-align:left;
margin-top:0px;
margin-bottom:15px;
width:100%; 
z-index:100;
}

.screenLayout 
{
	position: relative;
	margin-bottom: 0;
}
* html .screenLayout 
{
	height: auto;
}
.sectionContent {text-align:left; float:left;}
.filter_tag_line {margin: 0 auto; width: inherit; text-align:center; clear:both;}


.custom_fp_bottom {width: inherit; text-align:center; float:left; }

#space {display:block; height:0px; clear:both; }
#space15 {display:block; height:15px; clear:both; }
.space5 {display:block; height:5px; clear:both; }
.space10 {display:block; height:10px; clear:both; }
.space15 {display:block; height:15px; clear:both; }
#space25 {display:block; height:25px; clear:both; }
#space45 {display:block; height:45px; clear:both; }
#space65 {display:block; height:65px; clear:both; }
/*dive the pages up into specifics */

#textFull 
{
	width:100%;
	padding-left:25px;
	padding-right:25px;
	margin-bottom:25px;tn
}

#textHalf1 
{
	width:350px;
	padding:0 10px 0 25px;
	float:left;
	display:block;
	text-align: left;
	margin-bottom:25px;
	}
	
#textHalf2 
{
	width:350px;
	padding:0 10px 0 25px;
	float:left;
	display:block;
	text-align: left;
	margin-bottom:25px;
}
#text_col_one
{
	width:220px;
	padding:0 10px 0 0;
	float:left;
	display:block;
	text-align: left;

	
}

#text_col_two {width:auto;
	padding:0 10px 0 25px;
	float:left;
	display:block;
	text-align: left;

}
	
#text_col_three {
	width:220px;
	padding:0 10px 0 15px;
	float:left;
	display:block;
	text-align: left;
	margin-bottom:25px;
	
}
	
	
#text_col_four {
	width:220px;
	padding:0 10px 0 15px;
	float:left;
	display:block;
	text-align: left;
	margin-bottom:25px;
	clear:both;
	margin-top:45px;}
		
	
#slideShow {	
	float:left;
	display:block;
	text-align: left;	
	}
	
	#smallBlock{
	background: transparent url(../images/ylm_form_buttons/tab_back_off.png) repeat-x top left;
	display:block;
	float:left;
	text-align:justify;	
	}
	
	
/* div container holds all littel elements  applies to calendar, small cat tree e.t.c */
.divContainer {
	
	background: transparent url(../images/ylm_form_buttons/tab_back_off.png) repeat-x top left;
	position: relative;
	float:left;
	text-align:left;
	padding:10px;
	margin-top:1em;
	margin-left:1em;
	margin-bottom:1em;
	border-top:0px;
	border-bottom:1px solid #efefef;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	
}
.divTitle {
background: transparent url(../images/ylm_form_buttons/tab_back_off.png) repeat-x top left;
	color:#666666;
font-weight: 600;
font-size:120%;
left:-1px;
position:relative;
top:-22px;
width:auto;
height:inherit;	

}



.divContainerBold {
	position: relative;
	float:left;
	text-align:left;
	padding:10px;
	margin-top:.7em;
	margin-left:1em;
	border:1px solid #9f9f9f;
	
}


.divTitleBold {
background: #999999;
	color:#ffffff;
font-weight: 600;
font-size:120%;
position:relative;
top:15px;
left:10px;
width:auto;
height:inherit;	
}
/*controlcenter styles */

.ControCtrlDiv 
{
	margin:5px 5px 15px 15px;
}
ul.ControlCtrList {list-style-type:none;}
ul li.ControlCtrList a, a:link, a:active{color:#006699; font-weight:400;}
ul li.ControlCtrList a:hover{font-weight:400;} 


/*Tabs formating for the company profile */
.panTabs 
{
	float:left;
	
	padding-left:3px;
	padding-right:0px;
	padding-top:5px;
	margin:20px 0 0 15px;
	
	position:relative;
	display:block;
	height: auto;
	width: 779px;
}

.TabUL
{	
	float:left;
	list-style:none;
	padding:0px;
	margin-bottom:-1px;
	z-index:6;
	margin-left:1px;
}

.panTabContent
{
	float: left;
	font-size:100%;
	width: 779px;
		background: transparent url(../images/ylm_form_buttons/tab_back_off.png) repeat-x top left;
	position: relative;
	height: auto;
	display: block;
	padding-left: 3px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 5px auto 0 7px;
	
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; 
	border-top:1px solid #ccc; 
	/*-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; */
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

       /*	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px; */
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px; 

	/*-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px; */
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

	/*border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;*/
	border-top-right-radius: 10px;
	border-top-left-radius: 10px; }

.panTabContent_Services
{
	float: left;
	width: 779px;
		background: transparent url(../images/ylm_form_buttons/tab_back_off.png) repeat-x top left;
	position: relative;
	height: 400px;
	display: block;
overflow-y: scroll;
overflow-x: hidden;

	padding-left: 3px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0 auto 0 7px;
	
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc; 
	border-top:1px solid #ccc; 
	/*-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; */
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

       /*	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px; */
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px; 

	/*-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px; */
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

	/*border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;*/
	border-top-right-radius: 10px;
	border-top-left-radius: 10px; }
ul.ControlCtrList {list-style-type:none;}


ul li a.TabItemCurrent, a.TabItemCurrent:active{color:#ffffff;font-weight:600;  }
ul li a.TabItemCurrent:hover{font-weight:600;} 
.TabLI 
{
	float:left;
	list-style:none;
	padding-left:0px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:-5px;
	z-index:7;
}

.TabItemDefault
{
	background: transparent url(../images/ylm_form_buttons/tab_back_off.png) repeat-x top left;
	color:#666666;
	float:left;
	padding-left: .5em;
	padding-bottom: .2em;
	padding-top: .2em;
	padding-right: .5em;
	border-left:solid 1px #dfdfdf;
	border-right:solid 1px #dfdfdf;
	border-top:solid 1px #dfdfdf;
	border-bottom:solid 1px #ffffff;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;

	-khtml-border-radius-topright: 5px;
	-khtml-border-radius-topleft: 5px;
	
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;

	border-top-right-radius: 5px;
	border-top-left-radius: 5px;

	font-size:1.1em;
	font-weight:bold;
	margin-bottom: -1px;
	margin-top:.5em;
	z-index:8;
	text-decoration:none;
}

.TabItemDefault:hover
{
	background:#ffffff;font-weight:500;
}

.TabItemCurrent
{
	/*background: transparent url(../images/ylm_form_buttons/tab_back_off.png) repeat-x top left;*/
	background-color:#999999;
	color:#ffffff;
	float:left;
	padding-left: .9em;
	padding-bottom: .3em;
	padding-top: .3em;
	padding-right: .9em;
	border-left:solid 1px #efefef;
	border-right:solid 1px #efefef;
	border-top:solid 1px #efefef;
	border-bottom:solid 1px #ffffff;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;

	-khtml-border-radius-topright: 5px;
	-khtml-border-radius-topleft: 5px;
	
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;

	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	
	font-size:1.2em;
	font-weight:bold;
	margin-bottom: -1px;
	z-index:8;
	text-decoration:none;
	line-height:1.8em;
}

h5.TabItemCurrent  {font-weight:400; font-size:12px; }

.LogoImage 
{
	border-bottom: solid #cccccc 2px;
	border-right:solid #cccccc 2px;
	border-left:border-left:solid #efefef 1px;
	border-top:border-left:solid #efefef 1px;
	background-color:#ffffff;
}

.lblErrorMsg 
{
	font-size:1.0em;
	color:#ff0000;
}
/*calendar style for front page if custom add this style to filter_custom.css in filter related folder*/

.calendarArrowLeft {

	cursor:pointer; 
	background-image:url('../images/qjuery_assorted/arrow_left.gif');
	background-color:white;
	background-position:center center;
	background-repeat:no-repeat;
	padding-left:2px;
	height:19px;
	width:15px;
	margin-top:5px;
	margin-left:5px;
}
.calendarArrowRight{


	cursor:pointer;
	background-image:url('../images/qjuery_assorted/arrow_right.gif');
	background-color:white;
	background-position:center center;
	background-repeat:no-repeat;
	padding-right:2px;
	height:19px;
	width:15px;
	margin-top:5px;
	margin-right:5px;
}

.calendarArrowLeftSingle {
		cursor:pointer;
	background-image:url('../images/qjuery_assorted/arrow_left_single.gif');
	background-color:white;
	background-position:center center;
	background-repeat:no-repeat;
	padding-left:2px;
	height:19px;
	width:15px;
	margin-top:5px;
	margin-left:5px;
}
.calendarArrowRightSingle{
	
	cursor:pointer; 
	background-image:url('../images/qjuery_assorted/arrow_right_single.gif');
	background-color:white;
	background-position:center center;
	background-repeat:no-repeat;
	padding-right:2px;
	height:19px;
	width:15px;
	margin-top:5px;
	margin-right:5px;
}
.calendarMonth {
}
.calendarMonthTitle {
	font:bold;
	font-size:145%;
	text-align:center;
	padding-bottom:5px;
	color:#666666;
	background-image:url('../images/qjuery_assorted/border.gif');
	background-repeat:no-repeat;
	background-position:center 87%;
}
.calendarDayName {
	font:bold;
	color:#ffffff;
	text-align:center;
	background-color:#999999;
}
.calendarDay {
	color:#666666;
	text-align:left;
	vertical-align:text-top;
	padding:1px;
	cursor:pointer; cursor:hand;
	border:1px solid #f5f5f5;
}

.calendar_cell {
	color:#666666;
	text-align:left;
	vertical-align:text-top;
	padding:1px;
	border:1px solid #f5f5f5;
	padding:7px;
	width:14.3%;
}

.calendar_cell_date 
{
	float:left;
	width:100%;
}

.calendar_cell_empty 
{
	float:left;
	width:100%;
	height:50px;
}

.calendar_cell_active 
{
	background-color:#f5f5f5;
	
}

.calendar_event_link
{
	float:left;
	width:100%;
	margin-bottom: 10px;
	background-color:#ffffff;
}


.calendar_event_link:hover
{
	background-color:#f5f5f5;
}

.calendarDayOver {
	
	color:#666666;
	text-align:center;
	padding:1px;
	cursor:pointer; cursor:hand;
	border:1px solid #666666;
}
.calendarDayToday {
	font:bold;
	color:#666666;
	text-align:center;
	padding:1px;
	background-color:#e2e0e0;
	cursor:pointer; cursor:hand;
	border:1px solid #999999;
}
.calendarDayTodayOver {
	font:bold;
	color:#666666;
	text-align:center;
	padding:1px;
	background-color:#e2e0e0;
	cursor:pointer; cursor:hand;
	border:1px solid #999999;
}
.calendarDayDisabled {
	
	color:#d5d4d4;
	text-align:center;
	padding:1px;
	border:1px solid #f5f5f5;
}
.calendarDayDisabledOver {
	
	color:#d5d4d4;
	text-align:center;
	padding:1px;
	border:1px solid #f5f5f5;
}
.calendarDaySelected {
	
	
	color:#ffffff;
	text-align:center;
	background-color:#cc2564;
	padding:1px;
	border:1px solid #cc2564;
}
.calendarDaySelectedOver {
		color:#ffffff;
	text-align:center;
	background-color:#cc2564;
	padding:1px;
	border:1px solid #cc2564;
}
.calendarDaySpecial {
	font:bold;
	color:#ba1956;
	text-align:center;
	background-color:#f5f5f5;
	padding:1px;
	text-decoration:underline;
	border:1px solid #f5f5f5;
}
.calendarDaySpecialOver {
	font:bold;
	color:#ba1956;
	text-align:center;
	background-color:#f5f5f5;
	padding:1px;
	text-decoration:underline;
	border:1px solid #f5f5f5;
}

.calendarDatePickerButton {
	cursor:pointer; cursor:hand;
	vertical-align:bottom;
}

/* year selector */
.calendarYearSelectorTitle 
{
	cursor:pointer;
	padding-left:5px;
	display:inline;
	font:bold;
	color:#999999;
	text-align:center;
}
.calendarYearSelectorContainer
{
	border:1px solid #928f7e;
	padding-left:5px;
	padding-right:5px;
	display:none;
	background-color:#f5f5f5;
	font:bold;
	color:#999999;
	text-align:center;
}
.calendarYearSelectorArrowUp
{
	cursor:pointer;
	background:url('./images/arrowUp.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.calendarYearSelectorArrowDown
{
	cursor:pointer;
	background:url('./images/arrowDown.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.calendarYearSelected
{
	cursor:pointer;
	font:bold;
	text-align:center;
	background-color:#999999;
	color:#f5f5f5;
}
.calendarYearSelector
{
	cursor:pointer;
	font:bold;
	color:#999999;
	text-align:center;
}
/* year selector */
/******************/

/******************/
/* month selector */
.calendarMonthSelectorTitle 
{
	cursor:pointer;
	padding-left:5px;
	display:inline;
	font:bold;
	color:#999999;
	text-align:center;
}
.calendarMonthSelectorContainer
{
	border:1px solid #928f7e;
	padding-left:5px;
	padding-right:5px;
	display:none;
	background-color:#f5f5f5;
	font:bold;
	color:#999999;
	text-align:center;
}
.calendarMonthSelectorArrowUp
{
	cursor:pointer;
	background:url('./images/arrowUp.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.calendarMonthSelectorArrowDown
{
	cursor:pointer;
	background:url('./images/arrowDown.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.calendarMonthSelected
{
	cursor:pointer;
	font:bold;
	text-align:center;
	background-color:#999999;
	color:#f5f5f5;
}
.calendarMonthSelector
{
	cursor:pointer;
	font:bold;
	color:#999999;
	text-align:center;
}
/* month selector */
/******************/

/******************/
/* hour selector */
.calendarHourSelectorTitle 
{
	cursor:pointer;
	padding-left:5px;
	display:inline;
	font:bold;
	color:#999999;
	text-align:center;
}
.calendarHourSelectorContainer
{
	border:1px solid #928f7e;
	padding-left:5px;
	padding-right:5px;
	display:none;
	background-color:#f5f5f5;
	font:bold ;
	color:#999999;
	text-align:center;
}
.calendarHourSelectorArrowUp
{
	cursor:pointer;
	background:url('./images/arrowUp.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.calendarHourSelectorArrowDown
{
	cursor:pointer;
	background:url('./images/arrowDown.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.calendarHourSelected
{
	cursor:pointer;
	font:bold ;
	text-align:center;
	background-color:#999999;
	color:#f5f5f5;
}
.calendarHourSelector
{
	cursor:pointer;
	font:bold ;
	color:#999999;
	text-align:center;
}
/* hour selector */
/******************/

/******************/
/* minute selector */
.calendarMinuteSelectorTitle 
{
	cursor:pointer;
	padding-left:5px;
	display:inline;
	font:bold ;
	color:#999999;
	text-align:center;
}
.calendarMinuteSelectorContainer
{
	border:1px solid #928f7e;
	padding-left:5px;
	padding-right:5px;
	display:none;
	background-color:#f5f5f5;
	font:bold ;
	color:#999999;
	text-align:center;
}
.calendarMinuteSelectorArrowUp
{
	cursor:pointer;
	background:url('./images/arrowUp.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.calendarMinuteSelectorArrowDown
{
	cursor:pointer;
	background:url('./images/arrowDown.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.calendarMinuteSelected
{
	cursor:pointer;
	font:bold ;
	text-align:center;
	background-color:#999999;
	color:#f5f5f5;
}
.calendarMinuteSelector
{
	cursor:pointer;
	font:bold ;
	color:#999999;
	text-align:center;
}
/* minute selector */
/******************/

/******************/
/* second selector */
.calendarSecondSelectorTitle 
{
	cursor:pointer;
	padding-left:5px;
	display:inline;
	font:bold ;
	color:#999999;
	text-align:center;
}
.calendarSecondSelectorContainer
{
	border:1px solid #928f7e;
	padding-left:5px;
	padding-right:5px;
	display:none;
	background-color:#f5f5f5;
	font:bold ;
	color:#999999;
	text-align:center;
}
.calendarSecondSelectorArrowUp
{
	cursor:pointer;
	background:url('./images/arrowUp.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.calendarSecondSelectorArrowDown
{
	cursor:pointer;
	background:url('./images/arrowDown.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.calendarSecondSelected
{
	cursor:pointer;
	font:bold ;
	text-align:center;
	background-color:#999999;
	color:#f5f5f5;
}
.calendarSecondSelector
{
	cursor:pointer;
	font:bold ;
	color:#999999;
	text-align:center;
}
/* second selector */
/******************/

.calendarSelectTime
{
	cursor:pointer;
	font:bold ;
	color:#999999;
	padding:5px;
	text-decoration:none;
	text-align:center;
}
.calendarSelectTime:hover
{
	cursor:pointer;
	font:bold ;
	color:#000000;
	padding:5px;
	text-decoration:none;
	text-align:center;
}
/*rss feed and cat tree styles widths are set in filter specific css, because if they exist they may not both/all  exist actual widths are set in filter_custom.css */

#rss_reader { display: block; float:left; overflow-y: scroll;padding-right: 5px;padding-left: 5px; color: #006699;}

#cat_search_list { display: block; float:left;  margin-left: 10px; padding-right: 5px;padding-left: 5px; }

/*Calendar events special styles */
/* div container holds all littel elements  applies to calendar, small cat tree e.t.c */
.EventdivContainer {
        display:block;
        float:left;
        clear:both;
        width:auto;
	margin-right:25px;
	margin-top:20px;
	margin-left:25px;
	margin-bottom:18px;	
}
.EventdivTitle {
background:transparent url(../images/top.png) no-repeat scroll center top;
color:white;
font-weight:normal;
font-size:120%;
left:-1px;
padding:3px 10px;
position:relative;
margin-top:-13px;
width:auto;
margin-bottom:5px;
border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #ffffff;
-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
#calenderFront{display: block; float:left;  margin-left: 10px; padding-right: 5px;padding-left: 5px; width:300px;} 
.ylm_cal_event_dates {
        display:block;
        width:400px;
        float:left;
	text-align:left;
	font-weight:normal;
	margin-bottom:10px;margin-left:5px;
	}
.ylm_cal_event_detail {
        display:block;
        width:400px;
        float:left;
	text-align:left;
	font-weight:normal;
	margin-bottom:10px;margin-left:5px;
	}
.ylm_cal_event_lbl {
	display:block;
        width:100px;
        float:left;
	text-align:left;
	font-weight:normal;
	margin-bottom:10px;margin-left:5px;
}
.ylm_cal_event_row {
        display:block;
        width:100%;
        float:left;
	text-align:left;
	font-weight:normal;
	margin-bottom:10px;margin-left:5px;
	}

.ylm_cal_event_title {
        display:block;
        width:100%;
        float:left;
	text-align:center;
	font-size:120%; font-weight:bold; color:#666;
	margin-top:15px;margin-bottom:10px;
	}
.smallWindow_button {float:right;}
.EventSectionSubHeading {font-size:120%; font-weight:bold; color:#666; margin-top:5px;}

/*end celandar stuff*/
.sectionNotes {
	font:100%;
	color:#666;
	text-align:center;
	margin-top:0px;
}
.sectionContentRow 
{
	float: left;
	text-align:left;
	width:750px;
	position:relative;
	color: #666;
	width:100%;
}

.sectionContentRow2 
{
	float: left;
	text-align:left;
	width:auto;
	position:relative;
	clear:both;
}
.sectionRowLeft 
{
	float:left;
	background-color: #E8D500;
	color:#000000;
	
	font-weight:bold;
    border-bottom: solid 3px #000000;
    width:150px;
    text-align:left;
    padding-left:2px;
    padding-top:1px;
    padding-bottom:1px;
}

.sectionRowRight 
{
	float:left;
	background-color: #d3d3d3;
	color:White;
	
	font-weight:bold;
    border-bottom: solid 3px #000000;
    width:580px;
    text-align:left;
    margin-left: 5px;
    padding-left:5px;
    padding-top:1px;
    padding-bottom:1px;
}



.sectionContentLeft 
{
	float:left;
	
    width:160px;
    text-align:right;
    color:#2f4f4f;
    position:relative;
    padding-right:5px;
}
/* to address stupid large form label in wizard*/
.sectionContentLeft2
{
	float:left;
	
    width:auto;
    text-align:right;
    color:#2f4f4f;
    position:relative;
    padding-right:5px;
}

.sectionContentRight 
{
	float:left;
	
    width:500px;
    text-align:left;
    margin-left: 0px;
    
}
.SectionSubHeading {display:block; font-size:120%; font-weight:bold;  color:#666; margin:10px; white-space:nowrap;}

.formLabel
{
	float:left;
	color:#666;
	font-size:100%;
	text-align:right;
	margin-left: 0px;margin-top:5px;
}

/*services selection stuff */
.servicesName {margin-left:2px; display: inline;white-space:nowrap;} 
.iconList { display:block;height:25px; clear:both;  }
.ico_box {height:35px; v-align:center;  padding:3px; margin-top:15px;}
.srv_ico {display:block; height:25px;  margin-top:-12px; margin-left:35px; }
.svr_lblIcon {margin-left:25px; v-align:center;display:block; margin-top:-15px;}
.panModalContentServices
{
	float: left;
	width: auto;
	overflow:scroll-x;
	position: relative;
	height: auto;
	display: block;
	padding-left: 3px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
	background-color:#f5f5f5;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;}
	
/*pan_content for Modals */
.panModalContent
{
	float: left;
	width: auto;
	
	position: relative;
	height: auto;
	display: block;
	padding-left: 3px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
	background-color:#f5f5f5;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;}
	
/*hours of operation stuff */

.HoursOfOperationWrapper 
{display: block;
float:left;
width:750px;
}
.HoursOfOperationContainer {width:auto; float:left; width:750px;}

.HoursOfOperationListNarrow1 {float:left;width:125px;clear:left; margin-right:10px;}
.HoursOfOperationListNarrow2 {float:left;width:30px; clear:left;}
.HoursOfOperationListWide1 {float:left;width:350px; clear:left; position:relative; }
.HoursOfOperationListWide2{float:right;width:350px; left:375px; position:absolute: }
.HoursOfOperationDD1 {float:left;width:80px; margin-right:2px;margin-left:10px;}
.HoursOfOperationDD2 {float:left;width:65px;margin-right:2px;}
.HoursOfOperationDD3 {float:left;width:65px;margin-right:2px;}
.HoursOfOperationDD4 {float:left;width:65px;margin-right:2px;}


.search_box_row
{
	float:left;
	width:95%;
	margin: 4px;
}

.search_box_label_div
{
	margin-top:10px;
	margin-left: 5px;
	float:left;
	width:160px;
}

.search_box_input_div
{
	margin-left: 5px;
	float:left;
}

.search_box_buttons 
{
	float: left;
	margin: 10px;
	width:99%;
	text-align:center;
	
}

.search_box_instructions
{
	float:left;
	width:99%;
	text-align:center;
}

.header_title_bar 
{
	float: left;
	width: 100%;
	
	position: relative;
	height: auto;
	display: block;
	padding: 0px;
	margin: 0px;
	margin-bottom:10px;

	/*border-left:1px solid #006699;
	border-right:1px solid #006699;
	border-bottom:1px solid #006699;
	border-top:1px solid #006699; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	
	background: transparent url(../images/ylm_search_bar_top/sb_sb.png) repeat-x top left; */
	background-color:transparent;

}

.header_title_bar_text 
{
	margin: 0px;
	margin-left:10px; margin-bottom:10px;
	color:#999;
	font-size:1.4em;
	font-weight:bold;
}

.panRow 
{
	float: left;
	width: 95%;
	position: relative;
	height: auto;
	display: block;
}



.control_ctr_wrapper {width:auto;
height:auto;

margin-top:40px; }



/*this is all the common elements ...applies to everyone */
/* CSS Document */

/*common styles */
div, p, h1, h2, h3, h4, h5, ul, img{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; line-height:0px; clear:both;
	}
h6{font-size:120%;text-shadow:2px 2px 2px #999999;}	
.h4 { color:#CC9900;
	font-size:110%;
	text-align: center;}
	
.h4  span a{ color:#CC9900;
	font-size:110%;
	text-align: center;
	text-decoration:underline;}	

.h5 { color:#847543;
	font-size:120%;
	text-align: center;}
	
.h5  span a{ color:#847543;

	text-align: center;
	text-decoration:underline;}
h6{font-size:130%;}	
		
a a:link a:visited {color:#006699;
text-decoration:underline;}

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

.error{ font-size:9px;font-weight:bold; font-family:arial,serif,tahoma; color:#ff0000;}


/* form common elements */

form{clear:both;}
.BtnLogin { 

background:url("../images/ylm_form_buttons/button_silverbg.gif") repeat-x scroll left 1px #FFFFFF;
border:1px solid #C6C6C6;
color:#000000 !important;
cursor:pointer;
margin-top:5px;
padding:4px;
vertical-align:middle;
white-space:nowrap;
}
.BtnLogin:hover {background: url("../images/ylm_form_buttons/button_silverbg_over.gif") repeat-x scroll left 1px #FFFFFF}







.BtnCancel {
background:url("../images/ylm_form_buttons/button_silverbg.gif") repeat-x scroll left 1px #FFFFFF;
border:1px solid #C6C6C6;

cursor:pointer;
margin-top:5px;
padding:4px;
vertical-align:middle;
white-space:nowrap;}


.BtnCancel:hover {background: url("../images/ylm_form_buttons/button_silverbg_over.gif") repeat-x scroll left 1px #FFFFFF}


.BtnContinue {
background:url("../images/ylm_form_buttons/button_silverbg.gif") repeat-x scroll left 1px #FFFFFF;
border:1px solid #C6C6C6;

cursor:pointer;
margin-top:5px;
padding:4px 6px;
vertical-align:middle;
white-space:nowrap;}


.BtnContinue:hover {background: url("../images/ylm_form_buttons/button_silverbg_over.gif") repeat-x scroll left 1px #FFFFFF;}

.btnDisabled {
background:url("../images/ylm_form_buttons/button_silverbg.gif") repeat-x scroll left 1px #FFFFFF;
border:1px solid #C6C6C6;
margin-top:5px;
padding:4px 6px;
vertical-align:middle;
white-space:nowrap;
}

.search_box_buttons {
background:url("../images/ylm_form_buttons/button_silverbg.gif") repeat-x scroll left 1px #FFFFFF;
border:1px solid #C6C6C6;
color:#000000 !important;
cursor:pointer;
margin:0;
padding:4px;
vertical-align:middle;
white-space:nowrap;}


.search_box_buttons:hover {background: url("../images/ylm_form_buttons/button_silverbg_over.gif") repeat-x scroll left 1px #FFFFFF;}

.BtnDirections {
background:url("../images/ylm_form_buttons/button_silverbg.gif") repeat-x scroll left 1px #FFFFFF;
border:1px solid #C6C6C6;
color:#000000 !important;
cursor:pointer;
margin-top:5px;
padding:4px;
vertical-align:middle;
white-space:nowrap;}


.BtnDirections:hover {background: url("../images/ylm_form_buttons/button_silverbg_over.gif") repeat-x scroll left 1px #FFFFFF}

 


/*jQ hacks for form element size */
.tbBox50
{
	width:50px;
}

.tb120
{
	width:120px;
}

.tb350
{
	width:350px;
}

.tb100
{
	width:100px;
}

.tb200
{
	width:200px;
}

.tb250
{
	width:250px;
}

.tb400
{
	width:400px;
}

.tb450
{
	width:450px;
}

.tb500
{
	width:500px;
}

.divFilterHome {width:auto; float:left; clear:left; margin-left:20px;}

.SendDetailsEmailTxt {width:500px;}
.SendDetailsEmailTxtArea {width:500px; height:300px;}


/* control center list */

ul.ControlCtrList {list-style:none;
		list-style-position:inherit; 	 	
	z-index:2000; 
	padding-left:0px;
	margin-left:0px;
	
	margin-top:25px;
}	
ul li.view_listing {
	background-image: url(../images/detailed_icons/open_in_browser.png) ;
	background-repeat:no-repeat;
	background-position:5px 50%;
	width: 110%;
	height:32px;
	display: block;
	padding-top:5px;
}

ul li.view_listing a 
{
	padding-top:5px;
	padding-right:10px;
	margin-left:42px;
	color:#006699;
	text-align:left;
	vertical-align:middle;
}

ul li.manage_listing {
	background-image: url(../images/detailed_icons/configure.png) ;
	background-repeat:no-repeat;
	background-position:5px 50%;
	width: 110%;
	height:32px;
	display: block;
	padding-top:5px;
}

ul li.manage_listing a 
{
	padding-top:5px;
	padding-right:10px;
	margin-left:42px;
	color:#006699;
	text-align:left;
	vertical-align:middle;
}
 ul li.video2 {
	background-image: url(../images/detailed_icons/video2.png);
	background-repeat:no-repeat;
	background-position:5px 50%;
	width: 100%;
	height:32px;
	display: block;
	padding-top:5px;
 }

ul li.video2 a
{
	padding-top:5px;
	margin-left:42px;
	color:#006699;
	text-align:left;
	vertical-align:middle;
}

ul li.view_reports {
	background-image: url(../images/detailed_icons/chart.png) ;
	background-repeat:no-repeat;
	background-position:5px 50%;
	width: 110%;
	height:32px;
	display: block;
	padding-top:5px;
}

ul li.view_reports a 
{
	padding-top:5px;
	padding-right:10px;
	margin-left:42px;
	color:#006699;
	text-align:left;
	vertical-align:middle;
}

ul li.view_rank {
	background-image: url(../images/detailed_icons/move_up.png) ;
	background-repeat:no-repeat;
	background-position:5px 50%;
	width: 110%;
	height:32px;
	display: block;
	padding-top:5px;
}

ul li.view_rank a 
{
	padding-top:5px;
	padding-right:10px;
	margin-left:42px;
	color:#006699;
	text-align:left;
	vertical-align:middle;
}

ul li.delete_listing {
	background-image: url(../images/detailed_icons/trash.png) ;
	background-repeat:no-repeat;
	background-position:5px 50%;
	width: 110%;
	height:32px;
	display: block;
	padding-top:5px;
}

ul li.delete_listing a 
{
	padding-top:5px;
	padding-right:10px;
	margin-left:42px;
	color:#006699;
	text-align:left;
	vertical-align:middle;
}

/*new profile */

.np {display:block; min-height:100px; padding:5px;
padding-bottom:35px;
	margin-bottom:-55px;
background: transparent url(../images/ylm_form_buttons/tab_back_off.png) repeat-x top left;
	color:#666666;
	border-left:1px solid #efefef;
	border-right:1px solid #ededed;
	border-bottom:0px;
	border-top:1px solid #ededed; 
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

	
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;}

.np2 {display:block;  
	padding:5px;
	margin-top:-15px;
	color:#666666;
	width:100%;
	}


p.np{ font-size:100%; color:#999;}
.title {color:#dddddd; weight:200; line-height:22pt; background:#efefef; display:block; float:left; clear:both; min-width:300px;  border:1px solid #EFEFEF; font-size:100%;}
 
ul li.np {list-style-type:none; 
text-shadow:2px 2px 2px #999999;}
ul li.np_1 { list-style-type:none; background:url(../images/numbers/1.gif) no-repeat left;padding-left:100px;  text-shadow:2px 2px 2px #ccc; }
ul li.np_2 { list-style-type:none; background:url(../images/numbers/2.gif) no-repeat left;padding-left:100px; text-shadow:2px 2px 2px #ccc;}
ul li.np_3 { list-style-type:none; background:url(../images/numbers/3.gif) no-repeat left;padding-left:100px; text-shadow:2px 2px 2px #ccc; }
ul li.np_4 { list-style-type:none; background:url(../images/numbers/4.gif) no-repeat left;padding-left:100px; text-shadow:2px 2px 2px #ccc; }
ul li.np_5 { list-style-type:none; background:url(../images/numbers/5.gif) no-repeat left;padding-left:100px; text-shadow:2px 2px 2px #ccc; }
ul li.np_6 { list-style-type:none; background:url(../images/numbers/6.gif) no-repeat left;padding-left:100px;  text-shadow:2px 2px 2px #ccc;}
ul li.np_7 { list-style-type:none; background:url(../images/numbers/7.gif) no-repeat left;padding-left:100px; text-shadow:2px 2px 2px #ccc;}
ul li.np_8 { list-style-type:none; background:url(../images/numbers/8.gif) no-repeat left;padding-left:100px; text-shadow:2px 2px 2px #ccc; }
ul li.np_9 { list-style-type:none; background:url(../images/numbers/9.gif) no-repeat left;padding-left:100px; text-shadow:2px 2px 2px #ccc; }
ul li.np_10 { list-style-type:none; background:url(../images/numbers/10.gif) no-repeat left;padding-left:100px; text-shadow:2px 2px 2px #ccc; }


/*wizard pages */
.sectionContentRow2 {display:block; width:320px;}
.side_displayL {float:left; display:block; width:300px; height:auto; padding:10px;}
.side_displayLwide {float:left; display:block; width:390px; height:auto; padding:10px;}
.side_displayLButtons {float:left; display:block; width:325px; height:auto; padding:10px;}
.side_displayLie {float:left; display:block; width:250px; height:auto; padding:10px;}
.side_displayR {float:left; display:block; width:300px; height:auto; padding:10px; margin-right:20px;}

.side_displayRie {float:right; display:block; width:250px; height:auto; padding:10px; margin-right:20px;}

/*view listing while working on it */
.view_listing2 {
	background-image: url(../images/detailed_icons/open_in_browser.png) ;
	background-repeat:no-repeat;
	background-position:5px 50%;
	width: 260px;
	height:32px;
	display: block; float:right;
	padding-top:5px;
font-size:14px; font-weight:bold;text-shadow:2px 2px 2px #ccc;
}

/*assorted messages should run across top of control center screen*/

.paypal_redirect_message{display:block; background-color:#006699; width:100%; font-weight:bold; color:#ffffff; font-size:16px; line-height:2em; text-align:center;}

.paypal_error_message{display:block; background-color:#006699; width:100%; font-weight:bold; color:#ffffff; font-size:16px; line-height:2em; text-align:center;}

pay_pal_success_message {display:block; background-color:#006699; width:100%; font-weight:bold; color:#ffffff; font-size:16px; line-height:2em; text-align:center;}


.info_updated {display:block; background-color:#006699; width:100%; font-weight:bold; color:#ffffff; font-size:16px; line-height:2em; text-align:center;}


















/*manage filters options bit I stuck it here because we are using the same jQuery lib for both actions ;op*/
.Filter_option_menu {/*resets*/margin: 0; padding: inherit; border: 0; outline: 0; line-height:auto; text-decoration: none; list-style: none;
	font-family:  verdana, tahoma, Arial, Helvetica, sans-serif;
	

	}
	

.menu2 a {
		color:#663300;
		font-weight:bold;
		text-decoration:none;
		white-space:nowrap;
		font-size: 1.3em;
                font-family:Arial;
		float: left;
		background-color: #ffffff;
		border:none;
		width: 355px;
		height: 3.5em;
		padding-left: 20px;
background:url(../images/expanding_tree_arrows/blue.png) center left repeat-x }



.menu2 a:hover {
	 color:#663300;
	background-color: #ffffff;
}
.menu2:hover {
	 color:#663300;
	background-color: #ffffff;
}
.selected .menu2,.selected menu2:hover {
	text-decoration:underline; color:#663300;
	background:url(../images/expanding_tree_arrows/blue.png) center left repeat-x }

.selected .menu2 a, .selected .menu2 a:hover {
	text-decoration:underline; color:#663300;
	background:url(../images/expanding_tree_arrows/blue.png) center left repeat-x }








	
.menu2_li {
	display:block; 
	border: 1px solid #cccccc;
	
	font-weight: 200;
	list-style: none outside none;
	margin-left: 5px;
	outline: 0 none;
	padding:0px;
	margin:0px;
	text-decoration: none;
	width:730px;
	line-height: 4.5em;
}

.menu2_inst_wrapper_outer {
	float: left; 
	height: auto;
	width:300px; 
	padding:0px;
	margin:0px;
	display: block;
	font-weight: normal;
	line-height:1.0em;
width: auto;
}

.menu2_inst_wrapper {
	float: left; 
	height: 3.5em;
	width:300px; 
	padding-left:20px; 
	padding-right:0px; 
	margin-left:20px;
	display: block;
	line-height:1.0em;
background:url(../images/question.jpg) left center no-repeat;
	/*background:url(../images/expanding_tree_arrows/brown_left.gif) center left no-repeat;*/
}

.menu2_inst {
	float: left; 
	font-size: 100%;

color: #333;
	padding:0px;
	padding-left:10px; 
	padding-right:10px; 
	padding-top: 10px;
	margin:0px;
	display: block;
	font-weight: 300;
	line-height:1.0em;
	
}

.menu_inst {
	float: left; 
	
	color:#663300;
	padding:0px;	
	font-weight: 300;
	line-height:1.0em;
	
}	
/*start styling list elements ul and then li events like a hover a active a focus and out can be altered here */
/*make images appear on mouse event */	

.menu2 {
	width:auto;
	padding:0px;
}

.menu2 ul {
		margin:0;
		padding:0;
		list-style:none;
}
	
.menu2 li {
		display:block;
		margin:0;
		padding:0;
	
		list-style:none;
		float: left;
		
}

/*start styling list elements ul and then li events like a hover a active a focus and out can be altered here */
/*make images appear on mouse event */	


;
}

.menu2Label {font-family:verdana, tahoma, arial, sans; font-size:95%; color:#666; text-align:right;}

/*start styling second set of ul items */
	.menu2 ul li {line-height:1.2em; display:block; border:1px solid #006699; width:760px;-moz-box-shadow: 2px 2px 10px #999999;
				-webkit-box-shadow: 2px 2px 10px #999999;}
			<!--[if IE]>
			<style type="text/css">
				.menu2 ul li {
					-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#999999,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=6)";

					filter: progid:DXImageTransform.Microsoft.Glow(color=#999999,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=6);
				}
			</style>
		<![endif]-->	
}
	.menu2 ul a:active {background:url(../images/expanding_tree_arrows/blue.png) center left repeat-x;}

/*declare wtf hidden menas */
	.hidden {display:none;}

/*more than two start expanding code here we will need a larger tree to test*/

    .menu2 ul li ul{ padding-left:5px; border:1px solid #ccc;}


.Filter_option_menu_table {

	background-color:#ffffff; 
	max-width: 760px;
}

.Filter_option_menu_table td { padding:5px;
	
}
a.image_link {width:100px; background:#ffffff;}
.hint{ background:url(../images/question.jpg) left center no-repeat;display:block; float:right; width:300px; min-height:25px; font-size:98%; color:#333333; font-weight:400; padding-left:25px; margin-left:10px;}
.ylm_banner_image {border:none;}
.rotbanner a{border:0px;}


.shadow {
	-moz-box-shadow: 2px 2px 10px #efefef;
	-webkit-box-shadow: 2px 2px 10px #efefef;
	box-shadow: 2px 2px 10px #efefef;
	/* For IE 8 */
	filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=7);
 
}

/*weather thingie for default*/

#contain {padding:1em;background-color:#fff;-moz-border-radius:.5em;-webkit-border-radius:.5em;}
img {border:0;}
#output div.forecast {margin-bottom:.8em;background-repeat:no-repeat;background-position:top left;}
#output div.forecast h3 {margin-left:58px;padding:0;}
#output div.forecast p {margin:0 0 0 58px;padding:0;}
#map {padding-top:.8em;}
#wund {padding-top:.8em;}
#debug {margin-top:.2em;padding:1em;background-color:#fffacd;border-top:1px dotted #ffa500;-moz-border-radius:.5em;-webkit-border-radius:.5em;}
div#extra {color:#777;padding:1em .2em 10em .2em;font-size:.8em;}
#extra a {color:#999;text-decoration:none;}
span.left {float:left;}
span.right {float:right;}
div.clearer {clear:both;line-height:0;height:0;}
#where h1 {float:left}
#where span {font-size:.8em;color:#777;}
#where span a {color:#999;text-decoration:none;}

/*tiny transparent*/


.tiny_transparent {background:transparent; border:none; }

/*hr rules all system*/

div.hr  {background:url(../images/hr.png)no-repeat scroll center; height: 15px;}
div.hr hr {
  display: none;
}

	
/*show or hide expandable text area */
#expandable_container{
		width: inherit;
		margin:auto;
	}
	a.adjust{
	  background: url("../images/sb_bg_1.gif") repeat-x scroll 0 0 transparent;
	  text-decoration:none;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    clear: right;
    display: block;
    float: left;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: 15px;
    margin: 2px 8px;
    padding: 5px 8px;
    text-shadow: 2px 2px #CCCCCC;
    white-space: nowrap;
    width: auto;
	float:right;
	}
		a.adjust:hover{
		background:url("../images/ylm_form_buttons/button_silverbg.gif") repeat-x scroll left 1px #FFFFFF;

		
		}
	p.continued{
		margin-top:0px;
	}
	imge{
		padding:10px;
		background:#FFF;
		border-radius: 12px;
		-webkit-box-shadow: 0 1px 13px rgba(0,0,0,.25);
		-moz-box-shadow: 0 1px 13px rgba(0,0,0,.25);
		box-shadow: 0 1px 13px rgba(0,0,0,.25);
		width:400px;
		margin-left:20px;
		
	}

.div_profile_search_results_listing {
    padding: 2px;
    float: left;
    background-color: #f0f0f0;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 0px;
    border: solid 1px #cccccc;
    width: 99%;
}

.pan_profile_search_results {
    float: left;
    width: 90%;
    height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-right: 5px;
    margin-left: 3px;
}

.bold {
    font-weight:bold;
}

.large {
    font-size:1.3em
}

.blue {
    color: #006699;
}