/*  
Website: http://BrevardNightLife.com 
Name: Core Stylesheet
Description: Custom scripted website, designed and hosted by Artemis Inc.
Version: 2.0
Author: Jefte Puente
Author URI: http://www.artemisit.com
Comments:	This stylesheet controls the header, main body divs, and homepage-specific divs. 
			Common elements used sitewide are defined here. (Fonts, page titles, headings, paragraphs, links, etc)
*/
@import url('/nav.css');
@import url('/pagestyles.css');
@import url('/home/scripts/GalleryView-2.1.1/galleryview.css');
@import url('/businesscenter.css');
@import url('/home/scripts/cluetip/jquery.cluetip.css');

/*** Body Styles ***/
body { margin: 0; padding: 0px; font-family: "Lucida Sans Unicode", Lucida Grande, sans-serif; font-size: 62.5%; color: #c3c3c3; background: #3d464b url('/images/bg_page.png'); cursor: default; }
#page { width: 1000px; overflow: hidden; padding-bottom: 20px; margin: auto auto; width: 1000px; background: black; cursor: default; }
#header { background: url('/images/bg_header.png'); width: 1000px; float: left; padding: 0px; margin: 0; }
#headerLogo { float: left; display: block; margin: 0 0 0 10px;  }
#headerLogo h1 { text-indent: -9000px; font-size: 2.4em; letter-spacing: -1px; float: left; color: #22b7c4; }
#headerLogo a { display: block; float: left; position: relative; padding: 0; margin: 0; height: 197px; width: 280px; background: url('/images/bnl_logo.png') no-repeat; }
#bannerBlok img { border: none; width: 676px; height: 120px; margin: 0 0 0 15px; }
#content { display: block; float: left; width: 960px; margin: 0; padding: 20px 20px 0px 20px; }

#usermgrBox { width: 260px; padding: 20px; border: 1px solid #ccc; background: #f2f2f2;}
#formmgrBox { width: 260px; padding: 20px; border: 1px solid #ccc; background: #f2f2f2;}
#jobBox { width: 300px; padding: 20px; border: 1px solid #ccc; background: #f2f2f2; }

/* Page Title */
#pageTitle { display: block; width: 100%; float: left; margin: 0 0 15px 0; padding: 0 0 4px 0;}
#pageTitle span { float: left; font-size: 1.2em; }
#pageTitle h2 { float: left; margin: 0 0 2px 0; line-height: 1.0em; }
#pageTitle a {  color: #E9DA00; }
#pageTitle a:hover {  color: #b0a600; }
#pageTitle a:visited {  }

#st_Status { width: 160px; padding: 4px; font-weight: bold; font-size: 1.3em; margin-right: 1px; float: left; float: left; background-color: #ccc; }
#st_Id { width: 60px; padding: 4px; font-weight: bold; font-size: 1.3em; margin-right: 1px; float: left; float: left; background-color: #ccc; }
#st_Weeks { width: 73px; padding: 4px; font-weight: bold; font-size: 1.3em; float: left; float: left;  background-color: #ccc; }

h1 { font-size: 1.8em; color: #000000; margin: 0; }
h2 { font-size: 2.2em; color: #FF44BE; margin: 0 0 6px 0; height: 22px; float: left; width: 100%; }
h3 { font-size: 1.8em; color: #fff000; margin: 0 0 6px 0; }
h4 { font-size: 1.6em; color: #ffff00; margin: 0; font-weight: normal;}
h5 { font-size: 1.1em; color: #fff; margin: 0; }

/* Misc */
h2 span { text-indent: -9000px; text-align: left; float: left; } /* Hide all H2 text so only the custom background is visible. Only H2's with SPANS are affected. */
.smark { font-size: 0.7em; }
p { font-size: 1.3em; margin: 0 0 10px 0; float: left; width: 100%;}
.error { color: red; }
.errorText {color: red; font-size: 12px;}
.top { margin: 0 0 0 840px; }
#errorBox  { border: 1px solid red; background: #A70007 url('/images/ico_error.gif') no-repeat 10px 10px; margin: 20px 0 10px 0; padding: 10px 0 10px 35px; font-size: 12px; font-weight: bold; }	
#messageBox { border: 1px solid #2580B2; background: #CFEBF7 url('/images/ico_alert.gif') no-repeat 10px 10px; margin: 20px 0 10px 0; padding: 10px 0 10px 35px; font-size: 12px; font-weight: bold; color: black; }	
hr { color: #ccc; background-color: #ccc; height: 1px; margin-bottom: 10px; margin-top: 10px; padding: 0; border: 0; }

/* Tables */
table { border: 0; font-size: 1.1em; }
td { border: 0; padding: 4px 4px; vertical-align: top;}
tr { border: 0; }
.altrow {background-color: #eee;}
.altrow2 {background-color: #ccc;}

/* Links */
a:link { color: #00B5F8; text-decoration: none; }
a:visited { color: #8ADBFF; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }

/*** Images & Alignments

	Using 'class="alignright"' on an image will align the image to the right. 
	And using 'class="centered', will of course center the image. This is much
	better than using align="center", being much more futureproof (and valid)              ***/
	
img.centered { display: block; margin-left: auto; margin-right: auto;}
.alignright { float: right; margin: 0 0 5px 10px; }
.alignleft { float: left; margin: 0 10px 0 0; }
.captionblock { background-color: white; border: 10px solid white; width: 150px; margin-left: 30px; }
a img { border: none; }

/*** Home Styles ***/
#home_leftCol { float: left; width: 610px; margin: 0 20px 0 0; }
#home_rotating { width: 610px; height: 410px; margin: 0 0 20px 0; overflow: hidden; }
	#ft-buttons-home_rotating { z-index: 9999; position: absolute; margin: -125px 0 0 10px; }
	#ft-buttons-home_rotating a { display: block; float: left;  padding: 4px; height: 15px; width: 15px; border: 1px solid #363639; background: #1A1A1B; margin: 0 10px 0 0; text-align: center; opacity: 0.5; }
	#ft-buttons-home_rotating a:hover { background: #363639; opacity: 0.9; }
	#ft-next-home_rotating, #ft-prev-home_rotating { z-index: 9999; background: #151515; padding: 0px 8px; width: 35px;}
	#ft-next-home_rotating { text-align: right; }
	#ft-next-home_rotating:hover {  }
	#ft-title-home_rotating { width: 100%; padding: 10px; font-size: 2.1em; font-weight: bold; letter-spacing: -1px; }
	#ft-title-home_rotating a { color: #FF44BE; font-size: 0.9em; }
	#ft-title-home_rotating .Caption { color: #FF44BE; font-size: 0.9em; }
	
#home_video { float: left; width: 610px; margin: 0 0 20px 0; overflow: hidden;  }
	#home_videoShim { float: left; background: #212121; width: 610px; height: 322px; overflow: hidden; border-top: 1px solid #727272; }
	#home_videoInner { float: left; margin: -2px 0 0 -2px; width: 610px; height: 338px; }
#home_editorials { float: left; }
.home_editorial { float: left; background: url('/images/bg_editorial.png') repeat-x bottom left; width: 580px; margin: 0 0 20px 0; padding: 13px 15px 12px 15px; border-top: 1px solid #727272; }
	.home_editorial h3 { float: left; width: 380px; color: #f2f2f2; margin: 0; line-height: 1.3em; }
	.home_editorial h4 { float: left; width: 465px; margin: 0 0 10px 0; font-size: 1.2em; }
	.home_readMore:link, .home_readMore:visited { background: url('/images/pink_arrow.png') no-repeat top right; float: right; display: block; width: 95px; height: 17px; padding: 6px; color: #ffff00; font-size: 1.3em;  }
	.last { margin: 0; }
	
/* Home Right Column */
#home_rightCol { float: left; width: 330px; }
#bigAd2 { float: left; margin: 0 0 20px 0; }
#home_ads { float: right; margin: 0 0 0 0; }
	#home_ads img { width: 300px; height: 140px; margin: 0 0 15px 0; }
	#home_adsInner { float: left; background: #212121; padding: 15px 15px 0px 15px;  }
	
/* Home Search */
#searchBox { float: left; width: 330px; margin: 0 0 20px 0; }
#googleSearchForm { float: left; width: 330px; padding: 1px 0 0 0; }
#simpleSearch { float: left; background: #fff url('/images/google_custom_search_watermark.gif') no-repeat 5px 7px; height: 17px; padding: 6px; width: 188px; border: none; margin: 0 5px 0 0; font-size: 1.4em; line-height: 1.2em;}
#simpleSearch:focus { background-image: none; }
#searchButton { float: left; background: url('/images/pink_arrow.png') no-repeat top left; border: none; margin: 0 20px 0 0; width: 29px; height: 30px; }
#advancedButton { float: left; width: 75px; height: 29px; margin: 0; background: url('/images/blue_advanced.png'); }
#advancedButton span { display: none; }

/* Home Calendar & Newsletter */
#home_calnews { float: left; width: 330px; margin: 0 0 20px 0; }
#home_calnews span { display: none; }
	#home_calendar { float: left; width: 157px; margin: 0 16px 0 0;}
		#home_calendar a { float: left; clear: left; background: pink url('/images/bg_calendar.png') no-repeat; float: left; height: 81px; width: 157px; }
	#home_newsletter { float: left; width: 157px; }
		#home_newsletter a { background: url('/images/bg_newsletter.png') no-repeat; float: left; height: 81px; width: 157px; }

#footer { float:left; width: 930px; color: #fff; font-size: 1.2em; padding: 15px; background: #141414 url('/images/bg_footer.png') repeat-x bottom left; margin: 20px 0 0 0; display: block; line-height: 1.4em;}


/*** Form Styles ***/

/*  	WE CAN FINALLY STOP USING TABLES FOR forms! 
		Example Markup: <label for="name">Name:</label><input id="name" name="Name"> 		*/
label { display: block; float: left; margin-bottom: 10px; text-align: left; padding-right: 10px; } 
.formButton {margin-right: 2px; font-size: 1.3em; border:0; padding: 8px 10px; background: url('/images/log_submitbg.gif') bottom left; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;}
.formInput {font-size: 1.3em; padding: 1px 2px; margin-bottom: 10px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;}
input { margin: 0; font-size: 1.3em; line-height: 1.3em; }
select { font-size: 1.3em; margin: 0; }
form { margin: 0; padding: 0; }

/* Special Style for Auto Suggest of Company Name */
#CompanyNamecontainer { color: black; width: 195px; }

/*** Login ***/
#log_form { clear: left; width: 420px; margin: 0 auto; padding: 30px 0 0 0;   }
#log_form label { font-size: 1.3em; width: 75px; } 
#log_form input { margin: 0 0 30px 0; }
#log_form #login_submit, #log_form #login_reset { background: url('/images/log_submitbg.gif') top left; color: black; margin-right: 20px; padding: 8px 10px;}

	/* Home Page Login */
	#login_form {float: right; height: 20px; padding: 6px 0px 0 0; margin: 4px 2px 0 0; width: 305px; display: inline; overflow: hidden; text-align: right;}
	#home_login { height: 18px;padding: 0; width: 30px; display: inline;  float: left; margin: 4px 0 0px 0; font-size: 9px; text-align: left; color: #fff;} 
	#home_password { padding: 0; display: inline; color: #fff; float: left; width: 50px; font-size: 10px; margin: 4px 0 0px 0; }
	#home_login_user{ background: #47555a; border: 1px solid #9c9b92; color: white; padding: 2px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 11px; float: left; margin: 0 5px 0 0; width: 79px; font-size: 11px; }
	#home_login_pass{ background: #47555a; border: 1px solid #9c9b92; color: white; padding: 2px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 11px; float: left; margin: 0 5px 0 0; width: 79px; font-size: 11px; }
	#home_submit { float: left; width: 40px; margin: 0; height: 20px;}

/*** Blank Shells ***/
.blankshell { background: white; padding: 20px;}
.blankshell a:link { color: navy; }

/*** Services & prices ***/
#servicestable td { color: white; font-size: 1.2em; padding: 3px;} 

/*** Bullets ***/
ul li { font-size: 1.3em; }
ol li { font-size: 1.3em; }
li p { font-size: 1.0em; }
ol li ol li { font-size: 1.0em; }

#CaptchaBox { background: #3a3a3a; margin: 0; padding: 10px 0 0 10px; clear: left;}
#CaptchaBox img { float: left;}
#CaptchaBox span { width: 100%; margin: 0 0 0 130px; font-size: 0.9em; font-weight: bolder;}
#CaptchaValue { width: 60px;}

/*** Account Management ***/
#acctmgt_EventTabs { float: left; width: 360px; padding: 0px;  margin: 15px 0 0px 100px; }
#acctmgt_EventTabs a { font-size: 1.2em; font-weight: bold; float: left; padding: 10px; background: #454D53; margin: 0 5px 0 0;}
#acctmgt_EventTabs #adv_nav1 {background: #31373B;}
#acctmgt_EventTabs a:hover { background: #31373B; }