/* Style over-writes */
#div-bread-crumbs a {
    cursor:pointer; }

#div-bread-crumbs ul{
    margin-left:5px;
    font-size:10px;}
    

/* General styles*/ 
.content-general {
    width:100%;
    border:solid 1px #cccccc;
    float:left;
    clear:both;
    padding-bottom:1em;
    margin-bottom:10px;
    margin-right:0;
    background:#D6DAE5 url(https://www.roanoke.com/userAccount/images/regGradVertical.jpg) repeat-x;}

.content-general h3 {
    background:url(https://www.roanoke.com/userAccount/images/regGradHeaderBlue.jpg);
    padding:.25em .3em;
    font-size:1.2em;
    text-align:left;
    margin:0 0 .5em 0;
    color:#fff;}

.content-general select{
    width:26em;}

.steps-directions{
    width:100%;
    border:1px solid #f0f0f0;
    margin-top:0;
    padding:5px 0;
    text-align:center;
    background-color:#f0f0f0;}

fieldset {
    border: 1px solid #cccccc;
	padding: 10px 5px;
    margin: 5px; }

legend {
    font-weight:bold;
    font-size:11px;
    color: #000000;
    background: url(http://www.roanoke.com/images/2008/menuGrad.jpg) repeat-x;
    /*background: #F0EED6;*/		/*#D6DAE5 */
    border: 1px solid #999;
    border-bottom-color: #B2AF99;
    border-right-color:#B2AF99;
    padding: 4px 8px;
    margin-bottom:.5em; }

/*Event Table Styles*/
.events-table table{
    background:#F0EED6;
    margin:0 auto;
    border:1px solid #999999;} 

.events-table h3{
    text-align:center;
    color:#565A4C;
    font-size:14px; 
    margin-bottom:5px;}

.events-table td{
    padding:5px;
    }

.events-table th{
    padding:2px; 
    background:#565A4C url(http://www.roanoke.com/images/2008/calH3Grad.jpg);}
    
/* Breadcrumb styles */
.li-active {
    border:solid 1px #ccc;
    background-color:#F0EED6;
    padding:0 .2em;
    margin-top:.2em;
    font-weight:bold; }

.li-inactive {
    color:#999; }
    

/* Data entry styles */
.data-entry-group {
    clear:both;
    width:49em;
    margin-bottom:.5em;
    float:left; }
    
.field-label, .field-label-required {
    width:8em;
    float:left;
    text-align:right;
    margin:.2em .3em 0 .2em; }

.data-entry-group select, .data-entry-group input {
    float:left;
    font-size:.9em; }

.data-entry-group input {
    width:30em; }

.data-entry-group-short input {
    font-size:.9em;
    width:5em; }

.data-entry-group textarea {
    font-family:Arial;
    font-size:.9em;
    width:30em;
    height:5em; }

.calendar-image-btns {
    float:left; }
    
.calendar-image-btns img {
    margin-bottom:.5em; }

.data-entry-group-btns {
    width:40em;
    clear:both;
    margin-bottom:.5em;
    float:left; }
    
.data-entry-group-btns input {
    font-size:.9em; }

    
/* Upload Control Sytles */
.data-entry-group-privacy {
    width:59em;
    clear:both;
    margin-bottom:.5em;
    float:left; }

.progress {
    width:310px;
    border:solid 1px;
    float:left;
    padding:3px 5px;
    background-color:#f5f5f5; }

#upload-header {
    margin:0 0 .5em 0;
    font-weight:bold; }

#byte-count {
    margin-top:.5em; }

#file1_info {
    margin:0;
    display:inline;
    color:#ff0000; }

.ajax__calendar_prev 
{
	display:none;

}

/*Admin Page*/
.admin-grid th{
    background:#f0f0f0;
    padding:.2em .3em;}

.admin-grid td{
    padding:.25em;}

/*Manage Photo Page*/

.upload-photos{
    background-color: #f0f0f0;}

.upload-photos h3
{
    text-align:left;
    font-size:14px;
    padding-top:10px;
    margin-left:10px;
    margin-bottom:5px;}

.upload-photos p{
    margin:0 0 10px 10px;}

.upload-photos input{
    margin-bottom:5px;}

.lblView{
    width:10em;
    float:left;
    text-align:right;
    padding:2px;}

#chkAgree{
	float:left;margin-right:5px;}

/*Edit photos*/

.edit-photo{
    border-bottom:1px solid #cccccc;
    margin-bottom:10px;
    padding-bottom:5px;
    float:left;}

.field-pair-left{
    float:left;}

.field-pair-left label{
    float:left;
    width:10em;
    text-align:right;
    margin-right:5px;}

.field-pair-left input{
    width:13.65em;
    margin-bottom:5px;}

.field-pair-right img{
    margin-left:10px;}

.photo-delete-button{
    float:right;
    clear:both;}
    
#div-images h3{
    font-size:14px;
    text-align:left;
    padding-top:10px;
    margin-bottom:0px;}

#div-images p{
    margin:0 0 15px 0px;
    border-bottom:1px solid #444444;}

.image-dropdown{
    margin-bottom:10px;}

.image-dropdown span{
    font-weight:bold;}

.image-dropdown select{
    margin-top:5px;}  
    
/*Event Search Page*/
#event-fieldset{
    margin:5px 0 0px 0;
    padding-bottom:5px;}
    
.event-search{
    margin:5px 10px 5px 0;
    float:left;
    width:280px;} 

.event-search select {
    margin-bottom:5px;
    width:11.5em;}
 
 .event-search label{
    width:6em;}   

.event-search input{
    margin-bottom:5px;
    width:11.2em;
    #width:11em;}

#date-input input{
    width:5em;}

#date-input i{
    font-size:11px;
    vertical-align:middle;}

#srchBtn{
    margin-left:185px;}

.search-menu{
    font-weight:bold;
    margin:0 5px;}
    
.result-grid a{
    font-weight:bold;
    border-bottom:1px solid;}

.result-grid span a{
    font-size:11px;
    font-weight:normal;
    border:none;}    

.result-grid th{
    padding:.3em;
    font-size:12px;
    background:url(https://www.roanoke.com/userAccount/images/regGradHeaderBlue.jpg) repeat-x;
    color:#fff;}  

.result-grid td{
    padding:5px;}  

/*End search results grid*/  
.msg{
	color: Red;
	font-size:13px;
    clear:both;
    margin-left:10px;
	font-weight: bolder;}

#div-map {
    border:solid 1px #000;
    width:600px;
    height:375px; }

/*Step #3*/

.div-event-time{
    margin-left:45px;
    margin-bottom:15px;}

.div-event-time select{
    width:7em;
    margin:5px 10px 0px 0px;}

.div-event-time label{
    width:5em;
    height:1.2em;
    margin-top:.35em;
    margin-right:.2em;
    float:left;
    text-align:right;}

.div-event-cal{
    margin: 1em;}    

.div-event-cal label{
    float:none;
    margin-right:15px;}

.calendar-info{
    background-color:#fff;
    padding:5px;
    float:right;
    margin-right:10px;}
    
#cal-buttons1{
    width:25em;}    

#cal-buttons{
    width:25em;}

/*Step 4*/

.event-fields{
    float:left;}

.event-fields h4{
    text-align:center;
    font-size:15px;
    color:#333333;
    border-bottom:1px solid #5D5F51;
    width:35em;
    margin:15px 0px;}

.data-entry-group-checkbox{
    float:left;
    margin:5px 0 5px 0;}

.url-example{
    float:left;
    margin:2px 0 0 101px;}
    
.required-label{
    clear:both;
    color:#CC0000;
    margin-left:27.5em;} 

    
/*Tooltip used in step 4*/
a.tooltip {
    position: relative;}

a.tooltip span {
    display: none;}

a.tooltip img{border:none;}

a.tooltip:hover span {
    display: block;
    position: absolute;
    width: 17em;
    top: 0em;
    left:-18em;
    padding: 0.2em 0.2em;
    border: 1px solid #999999;
    background: #cccc96;
    color: #444444;
    text-align: center;
    font-size:12px;
    font-weight: bold;}

a.tooltip:hover {
    font-size: 100%;
    border:none;} 

/*pop up styles*/

.popup 
{
    width:200px;             
    padding:10px;        
    background-color:White;
    border-style:solid;      
    border-color:Black;  
    border-width:2px;
    vertical-align: middle;  
    text-align:center; }
   
.backgr { 
    background-color:#E0E0E0; 
    filter:alpha(opacity=70);
    opacity:0.7;}

.viewCalendar{
    border:1px solid #cccccc;
    padding-left:10px;
    border-bottom:none;
    width:45.7em;}         

.txtFocus{
	height:0px;
	width:0px;
	border:none;
	background-color:White;}


/*details Page*/
.details-labels{
    font-weight:bold;}

#details-btns{
    float:right;
    margin-top:10px;
    width:34.5em;}  

#details-menu{
    float:right;}

.image-slideshow{
    margin-left:10px;
    margin-bottom:10px;
    float:left;}

.main-image{
    border:1px solid #cccccc;
    padding:5px;    
    float:left;
    margin-right:10px;}

.image-slideshow span{
    color:#444444;
    font-size:14px;
    font-weight:bold;} 
    
.image-description{
    display:block;
    margin-left:10px;
    font-size:12px;
    padding:10px;
    width:500px;}

.image-slides{
    float:left;
    clear:both;
    margin:5px;}

.top-buttons{
    float:right;
    margin-right:10px;}

.top-buttons a:hover{
    border:none;}	      
    
.mapContainer{
	height:375px;
	width:450px; }

.map-info h4{
    font-size:15px;
    background:#E3E0C9;
    padding:5px;
    text-align:center;
    margin:10px 0 0 0;}

.map-info{
    float:left;
    margin-left:70px;}

/*Manage events - admin*/

#event-manager{
    font-size:16px;
    margin-bottom:5px;}
 
#div-bread-crumbs{
    float:left;
    margin:0;
    padding:0;
    font-size:12px;}

#div-bread-crumbs li{
    float:left;
    margin-right:10px;
    list-style:none;}

.modalBackground 
{
	background-color: Gray;     
	filter: alpha(opacity=50);     
	opacity: 0.50; }  
	
.updateProgress 
{
	border-width: 1px;     
	border-style: solid;     
	background-color: #FFFFFF;     
	position: absolute;     
	width: 180px;     
	height: 65px; }
	
#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
    
}

#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
}

.div_by_cat, .div_by_cat7 {
    width:300px;
    height:245px; 
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    font-family:Arial;
    font-size:12px;
    text-align:left;
    margin:0px;} 

.div_by_cat, .div_by_cat7 h3 {     
	display:inline;}
	
.div_by_cat span {
    color: #444BB3;
    font-size: 16px;
    text-align: left;
    height: 25px;
    padding-left: 15px;
    vertical-align: top;}  
     
.div_by_cat7 span {
    color: #c53632;
    font-size: 16px;
    text-align: left;
    height: 25px;
    padding-left: 15px;
    vertical-align: top;}  
    
.div_by_cat, .div_by_cat7 p {     	
	width:270px;
	text-align: right;
	margin: 10px 0 0 0;}

.div_links {
    color: #444BB3;}  
                    
.grid_by_cat{ 
    font-family:Arial;
    text-align:left;
    width:100%;
    margin-top: 10px;}  
  
.grid_by_cat A {
    color: #404040;
    font-weight: bolder;
    text-decoration: none;}
        
.grid_by_cat A:hover {
    color: #404040;
    font-weight: bolder;
    text-decoration: underline;}