/* #############################################################
		Styles_inside.css
   ############################################################# */

/*########################################################################
------------------------- ALLPAGES.CSS STYLES -------------------------
#######################################################################*/

/*##### GENERAL STYLES #####*/
/* MAIN TEXT AND HEADERS */
#mainContent .moduleContent h1, #mainContent .moduleContent h2, #mainContent .moduleContent h3 { font-size:1.4em; font-weight:bold; }
#mainContent .moduleContent h4, #mainContent .moduleContent h5, #mainContent .moduleContent h6 { font-size:1.2em; font-weight:bold; }  
/* CONTENT AREA LINKS */
#mainContent {padding-bottom:10px;}
#mainContent p {padding-bottom:5px;}
/* MISC TEXT CLASSES */
#mainContent .smallText { font-size: 80%; }
#mainContent .Headline { font-size:1.4em; font-weight:bold; } 
#mainContent .Text { font-size:1.0em; } 
/* LISTS */
#mainContent ul.inline li { display: inline; }

/*##### ARTICLE PAGE #####*/
.standFirst { font-weight:bold; padding-bottom:.3em; }
/* ARTICLE IMAGE/CUBE AD INSERT */
/* ARTICLE IMAGE / CUBE AD STYLES */
#articleAdInsert.alignleft {
	padding: 0px 10px 5px 0px;
}
#articleAdInsert.alignright {
	padding: 0px 0px 5px 10px;
}
#articleAdInsert .articleAdInsertContainer {
	width: 300px;
	margin: auto;
}
.imageCaptionContainer {
	padding: 0px 0px 8px 0px;
}
#articleAdInsert.alignright .imageCaptionContainer {
	display: block;
}
.imageCaption {
	padding: 8px 0px 0px 0px;
	text-align: left;
}
/*
#mainContent #articleAdInsert {margin-top:30px}
#mainContent #cubeAd img {margin-left:0px;}
#mainContent #articleAdInsert #cubeAd img {margin-top:0px;}
#articleAdInsert.alignleft { padding: 0px 10px 5px 0px; }
#articleAdInsert.alignright { padding: 0px 0px 5px 10px; }
#articleAdInsert .articleAdInsertContainer { width: 310px; margin: auto; }
#articleAdInsert.alignright .imageCaptionContainer { display: block; }
.imageCaptionContainer { padding: 0px 0px 8px 0px; }
.imageCaption { padding: 8px 0px 0px 0px; text-align: left; font-size:.9em; }
*/
/* RELATED LINKS */
#relatedLinksInsert {
	padding: 5px;
	text-align: left;
}
#relatedLinks ul {list-style-type:none;}
#relatedLinks li {margin-bottom: 5px;}
#relatedLinks li.last {margin-bottom: 0px;}

/*
#relatedLinksInsert { width: 300px; text-align: left; margin:7px 0px 8px 0px; }
*/

/*##### FORM STYLES #####*/
select { font-size:1.0em; color:#000; } 
input { font-size:1.0em; color:#000; } 
.textBox { font-size:1.0em; color:#000; } 
button, .button { font-size:1.0em; color:#000; }
textarea { font-size:1.0em; color:#000; } 
#mainContent .submitbutton { font-size:1.0em; color:#000; }
#mainContent .warningMessage { font-size:1.2em; color:#F00; font-weight:bold; } 

/*##### VARIOUS SIZED TEXBOXES #####*/
input.short { width: 70px; }
input.medium { width: 150px; }
input.long { width: 300px; }

/*##### GENERIC TABLES #####*/
#mainContent table { font-size:1.0em; } 

/*##### FORMATTED TABLES #####*/
#mainContent table.formattedTable th, table.formattedTable th a { font-size:1.0em; padding:.2em; } /* Header cells and Header Font */
#mainContent table.formattedTable td { font-size:1.0em; padding:.2em; }  /* Table body cells and body font info */
#mainContent table.fullWidth { width:580px; } /* specify the width to span the full content area */

/*##########
 MISC BACKGROUND AND SECTIONAL STYLES
(Styles used for default sectionals and misc colors. Colors to be defined in clientbranding.css)
##########*/
#mainContent .CellContent0, #mainContent .CellContent1 { padding: 4px; } 

/*##### SEPARATOR STYLES #####*/
hr {margin:5px 0px; height:1px;}
.sectSeparatorH { padding-top:15px; } /* Horizontal gaps between sections. */
.sectSeparatorV { padding-left:10px; } /* Vertical gaps between sections. */

/*#################################
######## EDITS UNECESSARY ######## 
#################################*/
/*##### FORM LAYOUTS #####*/
#mainContent fieldset { border: none 0px #fff; }
#mainContent legend { /* Specify a Color */ font-weight: bold; }
#mainContent .formRow { clear: both; margin: 5px 0px; }
#mainContent label { display: block; float: left; width: 150px; text-align: right; font-weight: bold; margin-top: 2px; margin-right: 3px; }
#mainContent label .labelDetails { font-weight: normal; font-size: 0.9em; }
#mainContent .formRowMultiFields { zoom:1;margin-left: 153px; /* !! Should be the width of the label !! */ }
#mainContent .formRowMultiFields img { /* Used for Captcha */ padding: 0px; }
#mainContent label.spanWidth { width: auto; display: block; text-align: left; }
#mainContent label.inline { float: none; display: inline; width: auto; text-align: auto; }
#mainContent .formRowSubmit { margin-left: 153px; /* Probably the width of the label */ }
#mainContent .EmailForm label { width: 80px; }

/*##### ALIGNMENT STYLES #####*/
.alignLeft, .alignleft { float: left; }
.alignCenter, .aligncenter { text-align: center; }
.alignRight, .alignright { float: right; }
/*##################### END CSS FOR ABOVE SECTION #####################*/

#mainContent_ccb img {border:none;}
#mainContent_ccb .moduleContent {border:none; padding:0px;}
#mainContent_ccb a {color:#000;}
#mainContent_ccb .moduleContentContainer {width:596px; padding:0px;}
#mainContent_ccb table.ccbContentContainerTable {width:596px;}



/* #############################################################
		CustomPages.css
   ############################################################# */
/***********************
 Photo Wall Styles
***********************/
#photoWallPage .searchPhotoWallForm { clear: both; display: block; margin: 10px 0px; }
#photoWallThumbs { margin: 15px 0px 0px 0px; }
#photoWallThumbs ul { list-style: none; }
#photoWallThumbs li { display: block; float: left; width: 142px; text-align: center; }
#photoWallThumbs li.newRow { clear: both; display: block; }
#photoWallThumbs li .photo-thumb { margin: 10px; }

#photoWallPhotoPage { text-align: center; }
#photoWallPhotoPage .page-menu { width: 260px; text-align: center; margin: auto; padding: 5px 0px;}
#photoWallPhotoPage .page-menu a { text-decoration: none;}
#photoWallPhotoPage .page-menu a:hover {text-decoration: underline;}
#photoWallPhotoPage .photoContainer { margin: 10px 0px; }
#photoWallPhotoPage img { margin: 0px; }
#photoWallPhotoPage .photoCaption { width: 300px; margin: 4px auto;  }

/***********************
 Goout Bar Styles
***********************/
.top-goout {float:left; width:100%; padding:0px;}
.top-goout .moduleContent {height:35px;}
.top-col-left {width:33%; float:left; padding:0px; height:35px; line-height:30px; text-align:center;}
.top-col-mid {width:33%; float:left; padding:0px;}    
.top-col-mid #siteIndex {margin: 5px 0px 0px 0px;}
.top-goout legend {display:none;}
.top-col-right {width:33%; float:left; padding:0px;}  

/***********************
 Keword Search Results Styles
***********************/
.kewordSearch {width: 100%; text-align:left; padding: 5px;}
.key-col-top {}
.key-col-top a {}
.key-col-left {width: 40%; float: left; padding: 5px; margin: 0px; }
.key-col-left a {}
.key-col-mid {width: 10%; float: left; padding: 5px 0px;}    
.key-col-right {width: 40%; float: left; padding: 5px; margin: 0px;}
.key-col-right a {}

/***********************
 Concert Calendar Styles
***********************/
.ccVenue {width: 100%; text-align:left; padding: 5px 5 5px 5;}            
.ccV-col-top {}
.ccV-col-top a {}
.ccV-col-left {width: 30%; float: left; padding: 5px; margin: 0px; }
.ccV-col-left a {}
.ccV-col-mid {width: 40%; float: left; padding: 5px 0px;}    
.ccV-col-right {width: 20%; float: right; padding: 5px; margin: 0px;}    
.ccV-col-right a {}
.ccArtist {width: 100%; text-align:left; padding: 5px;}            
.cc-col-top {}
.ccA-col-top a {}
.ccA-col-left {float: left; padding: 5px; margin: 0px; }
.ccA-col-left a {}
.ccA-col-right {float: right; padding: 5px; margin: 0px;}    
.ccA-col-right a {}

/***********************
 Staff Styles
***********************/
.staff {text-align:left; padding: 5px 5 5px 5;}
.staff-col-top {}
.staff-col-top a {}
.staff-col-left {float: left; padding: 5px; margin: 0px; }
.staff-col-left a {}
.staff-col-mid {float: left; padding: 5px 0px;}    
.staff-col-right {float: left; padding: 5px; margin: 0px;}    
.staff-col-right a {}

/***********************
 Calendar Styles
***********************/

#AddNewEventForm fieldset {
	display: block;
	clear: both;
	margin-bottom: 20px;
}

/**************************
 Community Calendar Styles
**************************/

.calendarTable {
	width: 100%;
	text-align: center;
}

/**************************
 Programming Schedules styles
**************************/

#programmingSchedule h3 {
	padding-top:10px;
}
	

/**************************
 Weather Styles
**************************/

#extendedForecast .CellBackground0
/* Controls color of temperature bar. Use to customize appearance. */
{
	vertical-align: bottom;
}
#extendedForecast .negativeTemperature
/* Background color of Negative Temperature Bars. Only change Background-Color. Do not change anything else */
{
    background-color: #0ff;
    vertical-align: bottom;
}
#extendedForecast
/* Controls appearance of entire Extended Forecast. Only change Color, Background-Color. Do not change any other settings. */
{
    margin: auto;
    text-align: center;
}
#extendedForecast .smallText
/* Controls appearance of Sky Conditions, High & Low Temps For Days. Do not add margin or padding. */
{
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    vertical-align: top;
}
#weatherForecast .weatherDayTop
/* Controls appearance of individual days. Do not add margin or padding. */
{
   width: 90px;	
   margin: auto;
   vertical-align: top;
}
#weatherForecast .weatherDayBottom
/* Controls appearance of individual days. Do not add margin or padding. */
{
   vertical-align: bottom;
}
#weatherForecast .weatherTemperatures .weatherTempBars
{
    padding: 0px;
    margin: auto;
    background-color: transparent;
}
/*
*********************************************************
*** START DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW ***
*********************************************************
*/
#weatherForecast
{
    text-align: center;
    margin: auto;
}
#weatherDetails
{
	width: 568px;
    clear: both;
    text-align: center;
}
#weatherRegionLinks
{
    margin-top: 10px;
}
#weatherRegionLinks li
{
    display: inline;
    float: left;
    margin-bottom: 10px;
    margin-left: 5px;
    width: 150px;
}
#currentObservation
{
    margin: auto;
    width: 480px;
}
#currentObservation .smallText
{
    font-size: 10px;
    line-height: 12px;
    vertical-align: top;
}
#currentObservation h3
{
    margin-bottom: 5px;
}
#currentObservation .footer
{
    display: none;
}
#weatherForecast .weatherTemperatures
{
    text-align: center;
    margin: auto;
    vertical-align: bottom;
}
#weatherForecast .weatherTemperatures .weatherTempBars .weatherTemperatures
{
    border: medium none;
    padding: 0px;
    margin: 0px;
    background-color: transparent
}
#weatherForecast .weatherTemperatures .weatherTempBars .weatherTemperatures .dayCondition
{
    display: none;
    padding: 0px;
    margin: 0px;
}
/*
*******************************************************
*** END DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW ***
*******************************************************
*/