@import url("Admin.css");
@import url("Fixes.css");
@import url("main.css");




/****************************
Global
****************************/
* {
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}



html, body {
background-color: #000;
color: #ff0;
}

a {
    color: #ff0;
    background-color:transparent;
    text-decoration: underline;
}
a:hover {
	color: #ff0;
	text-decoration:underline;
}
a:visited {
	color: #ff0;
	text-decoration:underline;
}










/****************************
Shell / Styling 
****************************/
.mainWrap{    
border-top: 10px solid #000;
border-bottom: 15px solid #000;
background-color: #000;
}


/***************************************
Utilities Bar
***************************************/
div.utilsBar {
background-color: #000;
}
	/*accessibility links */
	div.utilsBar ul {
	background-color: #000;
	}
	
	div.utilsBar ul li {
		float:left;
		font-size: 0.7em;
		margin: 0px 0 0px 8px !important;
		padding: 4px 0 0 0px;
		color:#666;
		min-height: 20px !important;
		height: auto !important;
		height: 20px !important;
		}
			div.utilsBar ul li a, 
			div.utilsBar ul li a:visited {
			display: block;
			color: #ff0;
			/*color: #ec008c;*/
			text-decoration: none;
			padding: 0px;
			}
			div.utilsBar ul li img {
			width: 20px;
			height: 20px;
			border: none;
			}
		div.utilsBar ul li.size-s {
		margin: 0px 0 0px 8px !important;
		padding: 0 0px;
		width: 20px;
		background-position: right 1px;
		background-image: url('../css/images/access-sml-alt.gif');
		background-repeat: no-repeat;
		background-color: #000;
		}
		div.utilsBar ul li.size-l {
		margin: 0px 0px 0px 0px !important;
		padding: 0 0px 0 0;
		width: 20px;
		background-position: right 1px;
		background-image: url('../css/images/access-lge-alt.gif');
		background-repeat: no-repeat;
		background-color: #000;
		}
		div.utilsBar ul li.contrast-off {
		margin: 0px 5px 0px 0px !important;
		padding: 0 0px 0 0;
		width: 20px;
		background-position: right 1px;
		background-image: url('../css/images/access-lge-alt.gif');
		background-repeat: no-repeat;
		background-color: #000;
		}
		div.utilsBar ul li.contrast-on {
		margin: 0px 0px 0px 0px !important;
		padding: 0 0px 0 0px;
		width: 20px;
		background-position: right 1px;
		background-image: url('../css/images/access-swap-alt.gif');
		background-repeat: no-repeat;
		background-color: #000;
		}
			div.utilsBar ul li.contrast-on a, 
			div.utilsBar ul li.contrast-on a:visited {
			color: #fff;
			text-decoration: none;
			padding: 0px;
			}
			div.utilsBar ul li.contrast-on a:hover {
			text-decoration:underline;
			}
		div.utilsBar ul li.last {
		padding: 4px 0px 0 0;
		background-image: none;
		}		
		

					
			
			
			
/* Banner */
div.banner  {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
 
		



/* Tabs Bar */
div.topNavBar  {
background-color: #ffff00;
background-image: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
	
	div.topNavBar ul {
	background-color: #ff0;
	}
	
	
	
		div.topNavBar ul li {
		background-image: url('../css/images/tabsArrow-alt.gif');
		}
			div.topNavBar ul li a,
			div.topNavBar ul li a:visited {
			color:#000;
			}
				div.topNavBar ul li a:hover {
				color: #000;
				}
					
/* Footer */
div.footer-links {
border-top: 10px solid #000;
}
		div.footer-links ul li {
		background-image: url('../../images/std/sep-footer-alt.gif');
		}
			div.footer-links ul li a,
			div.footer-links ul li a:visited {
			color:#ff0;
			text-decoration:underline;
			}
				div.footer-links ul li a:hover {
				color: #ff0;
				text-decoration:none;
				}
		div.footer-links ul li.copy {
		color: #ff0;
		}	
	
div.footer-logos {
border-top: 10px solid #000;
background-color: #222;
}
		div.address span {
		color:#ff0;
		}
	
	


/****************************
Main Layout
****************************/
div.main {                                         
border-top: 15px solid #000;
background-color: #000;
}
div.col-left {
background-color: #000;  
}
div.col-content {
background-color: #000;  
}

.x-combo-list-item {
color: #000;
}

.box_sidebar ul li.ViewLess a, .box_sidebar ul li.ViewLess a:visited {
color: #000;
}

div.col-content .tabs ul li{
border-bottom-color: #000;
}



























































/****************************
Search / Left Column
****************************/
.box_sidebar{
background: #000; 
}

.box_sidebar .barTitle{
background: #000;
color: #ff0;
border-top: 10px solid #ff0;
}


.box_sidebar .title{
background: #000;
color: #ff0;
background-image: url('../css/images/dot-blk.gif');
background-position: left top;
background-repeat: repeat-x;
}
.box_sidebar input.search {
border: 1px solid #fff;
color: #ff0;
background: #000;
}
.box_sidebar input.btn_search{
background: #ff0;
border:1px solid #fff;
color:#000;
}

.box_sidebar .sel_range {
border: 1px solid #ff0 !important;
}


.box_sidebar .contr {
background: #ff0;
}
.box_sidebar .prev_day{/*ie6.css*/
    background: #ff0;
    color: #000;
 }
.box_sidebar .prev_day.b_disabled,
.box_sidebar .next_day.b_disabled{
    background: #e9e9e9;
    color: #555;
    cursor: default;
}


.box_sidebar .next_day{/*ie6.css*/
    background: #ff0;
   color: #000;
}
.box_sidebar .prev_day.b_disabled,
.box_sidebar .next_day.b_disabled{
    background: #e9e9e9;
    color: #555;
    cursor: default;
}
.bg_white{
    background: 000;
 }
.keyTitle {
color:#ff0;
}
.box_sidebar .date_range_cont{/*ie6.css*/
    border: 1px solid #000;
 }





/* Venues */
#bg_white_venue{
color:#fff;
border: 1px solid #fff;
}

	input.VenueClassXL,
	input.VenueClassL,
	input.VenueClassM,
	input.VenueClassS,
	input.VenueClassXS {
	color:#ff0;
	}



/* View more */
.box_sidebar ul li.ViewMore a,
.box_sidebar ul li.ViewMore a:visited {
   /*background: #F1F1F1 url(images/ico-plus.gif) no-repeat 140px center;
   border: 1px solid #D9D9D9;*/
   color: #000;
}












/****************************
Main Column 
****************************/


/****************************
Intro / Refine 
****************************/

.refine_message {
color: #fff;
}
input.next,
input.prev {
  color: #000;
  background: #ff0;
}













/****************************
Tab Bar
****************************/
div.col-content .tabs{
border-bottom: #ff0 10px solid;
}

	div.col-content .tabs ul li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 4px 5px 1px 5px;
	background-color: #000;
	font-weight: normal;
	border-top: darkgray 1px solid !important;
	border-right: darkgray 1px solid;
	border-bottom: #ff0  1px solid;
	border-left: darkgray 1px solid;
	}
	*html div.col-content .tabs ul li {
	padding: 0px 5px 1px 5px;
	}
		
		div.col-content .tabs ul li input {
		/*margin:2px 0 0 0;
		padding:0 0 0 11px !important;
		height: 15px;
		background-color: #fff;
		border:0px solid #fff !important;
		color:#000 !important;
		font-size:1em;
		font-weight:normal;
		text-align:left;
		text-transform: calitalize;
		cursor: pointer;
		border:0px;
		*/
		font-size: 1em !important;
		background-color: #000;
		border:none;
		color: #ff0 ;
		}
		
    
/* selected */
div.col-content .tabs ul li.active {
z-index: 500;
border-top: #ff0 1px solid;
border-right: #ff0 1px solid;
border-bottom: #ff0 1px solid;
border-left: #ff0 1px solid;
color: #000;
background-color: #ff0;
}
	div.col-content .tabs ul li.active input {
	background-color: #ff0;
    border:none;
    color: #000 !important;
	}




/*Disabled */
div.col-content .tabs ul li.disabledTab {
border-top: darkgray 1px solid;
border-right: darkgray 1px solid;
border-bottom: #ec008c 1px solid;
border-left: darkgray 1px solid;
color: #fff;
background-color: #e9e9e9;
}
	div.col-content .tabs ul li.disabledTab input {
    background-color: #e9e9e9;
    border:none;
    color: #555 !important;
	}


.tab_1 {z-index: 1000;}
.tab_2 {z-index: 999;}
.tab_3 {z-index: 998;}
.tab_4 {z-index: 997;}

.tab_1 input{width: 100px;} /* updated from 80px by firmstep */
.tab_2 input{width: 100px;} /* updated from 80px by firmstep */
.tab_3 input{width: 100px;} /* updated from 110px by firmstep */
.tab_4 input{width: 100px;} /* updated from 80px by firmstep */









/****************************
RSS
****************************/
.rss {
background:#000;
}






/****************************
Titles
****************************/
div.col-content h1 {
color: #ff0;
}

div.col-content h1.pageTitle {
color: #ff0;
border-top: 10px solid #ff0;
}

/*h1{
    font-size: 1.2em;
    font-weight: bold;
    color: #B10043;
    text-align: left;
}
h1.hello{
    font-size: 1.2em;
    font-weight: bold;
    color: #B10043;
    text-align: center;
    padding: 150px 0;
}*/

h2 {
font-size: 1.4em;
font-weight: bold;
color: #ff0;
}
	h2 a,
	h2 a:visited {
	color: #ff0;
	text-decoration: none;
	}
	h2 a:hover {
	color: #fff;
	text-decoration: underline;
	}

h3{
color: #fff;
}










.event_pager{
    width: 599px;
    width:700px; /* loop */
    height: 25px;
    padding-top: 5px;
}
.event_pager input.prev_event
{
    display: block;
    border: none;
    background: #ff0;
    padding: 0 2px;
    font-size: 1.2em;
    color: #000;
    margin: 0;
    cursor:pointer;
}
.event_pager input.b_disabled
{
    display: block;
    border: none;
    background: #AFADA8;
    padding: 0 2px;
    font-size: 1.2em;
    color: #fff;
}










/****************************
Event List
****************************/
.event_item{
padding: 10px 0px;
wbackground-image: url('../css/images/dot-blk.gif');
background-position: left bottom;
background-repeat: repeat-x;
}
	.event_item p {
	color:#fff;
	font-weight:bold;
	}
input.details{
   background: #ff0;
   color: #000;
}
input.prev_event{
    background: #ff0;
    color: #000;
}













/****************************
Event Item
****************************/
.event_content{
background: #000 !important;
}

	.event_content .event_title h1 {
	color: #ff0;
	}	
	.event_content p {
	color:#fff;
	}
		















/****************************
Calendar
****************************/

.calendar_title{
    border-bottom: 1px solid #DDD;
    padding: 10px 0 0 0;
    overflow: hidden;
}
#search_categoriesSelectorContainer,
#contentContainer_search_categoriesSelectorContainer
{
    text-align: left;
    padding: 0 5px;
    margin: 0px;
}
.calendar_title div{
    width: 84px;
    float: left;
    margin: 0 1px 1px 0;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}
.calendar_title span.holiday{
    color:#ccc;
}

.calendar_content{
    overflow: hidden;
    padding:5px 2px;
}
.calendar_content div.active{/*ie6.css*/
    width: 81px;
    height: 84px;
    float: left;
    margin: 0 1px 1px 0;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    padding: 1px 0 1px 1px;
    border: 1px solid #D0D0D0;
    background:#000;
    color: #fff;
}
.calendar_content div.inactive{/*ie6.css*/
   background:#222 !important;
    color: #fff;
}
.date{
    font-weight: normal;
    font-size: 0.9em;
    padding: 0 3px;
}
.event input{
    display: inline;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font-size: 0.7em;
    color: #ff0;
    text-decoration:underline;
    text-indent: 0;
    cursor: pointer;
    text-align: left;
}
.empltySearchResult
{
    padding-top: 15px;
    text-align: center;
}
.extDynamicElement
{
    margin: 0 auto;
    width: 599px;
}
iframe
{
    border: none;
    padding:0;
    
}

#form1{
    position:relative;
    display:block;
}
.ev_cont{
    width: 669px;
    overflow: hidden;
}
.ev_cont img{
    margin-right: 5px;
}
.pager .x-form-field-wrap .x-form-trigger {
    left: 29px;
    position:absolute;
    top:0;
}








/****************************
Map 
****************************/
.mapContainBg{
    width:598px; 
    width:700px; /* loop */
    margin:0;
}
.mapContain{
position:relative;
margin:15px 0;
width:597px;
height:480px;
}















/***************************************
Pagination
***************************************/
.pager{
background-color: #000 !important;
border-top: 10px solid #ff0  !important;
}
	.pager .total {
	color: #fff;
	background-color: #000;
	}
	
	.pager .itemsPerPg {/*ie6.css*/
	color: #fff;    
	background-color: #000;
	}


.pager .itemsPerPg input{
    height: 20px;
    padding: 0 3px;
    font-size: 0.8em;
    color: #B10043;
    font-weight: normal;
    background-color: #F2E4C7;
    border: none;
    margin-right:1px;
}
.pager .itemsPerPg input.currentPerPage{
    color: #000;
    background: #ff0;
}
.pager .extDynamicElement
{
    text-align: left;
}
.pager .itemsPerPg .x-form-field-wrap input{/*ie6.css*/
    padding: 1px;
    font-size: 1em;
    color: #000;
    background: #FFFFFF url(images/default/form/text-bg.gif) repeat-x scroll 0 0;
    border: 1px solid #B5B8C8;
    margin-right:0;
    width: 31px;
    text-align: left;
    padding: 0;
}

/*.pager .itemsPerPg .f_l_t{
    width: 120px;
}*/






.pager .pagenation{/*ie6.css*/
color: #fff;
background: #000;
}
.pagenationTitle{
float: left;
padding: 2px 10px 0 0;
}
ul.pagenationLinks{
  display: block;
  float: right;
}
	ul.pagenationLinks li{
	  display: block;
	  float: left;
	  margin-right: 1px;
	}
	ul.pagenationLinks li input{
	  display: block;
	  float: left;
	  height: 20px;
	  padding: 0 3px;
	  font-size: 0.9em;
	  color: #000;
	  font-weight: normal;
	  background: #ddd;
	  border: none;
	  cursor: pointer;
	}
	ul.pagenationLinks li.active input{
	  color: #000;
	  background: #ff0;
	}
	ul.pagenationLinks li.next input,
	ul.pagenationLinks li.prev input{
	  color: #000;
	  background: #ff0;
	}