/* Last Update: Thrus, Dec. 24, 2009

Business Web Tool Wireframe CSS

This is the Styles CSS for most DIVs and Classes

author:		Finees Mendez, RIMA Web Technologies
e-mail:		support@rimamkt.com
website:	www.businesswebtool.com | www.rimamkt.com

DISCLAIMER: 
The Business Web Tool is a TYPO3 v4.3 website comprised of the "QuickSite Wireframe v1.0" from Ron Hall, Busy Noggin, Inc. at www.busynoggin.com & templavoila.busynoggin.com and the "Zen Wireframe v3.5 Site Starter" from Greg Remington, Mediatech, Inc. at www.mediatech.net & zbiz.mediatech.net

** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Zen Wireframe v3.5 - Multi-language TYPO3 Site Starter for commercial web sites

author:		Gregory Remington, MediaTech, Inc.
e-mail:		support@mediatech.net
website:	zbiz.mediatech.net

(c) 2005-2009 - Gregory Remington, www.mediatech.net
License: GPL and MIT

** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Busy Noggin QuickSite v1.0 - A TYPO3, TemplaVoila Framework Site Starter 

author:		Ron Hall, Busy Noggin, Inc.
e-mail:		info@busynoggin.com
website:	templavoila.busynoggin.com

Busy Noggin QuickSite v1.0 is provided to the world free of charge. It is provided with ABSOLUTELY NO WARRANTY. It is your responsibility to ensure it is fit for your use and you use it at your own risk.

Since this is a TYPO3 installation it is subject to the its license. TYPO3 is distributed under the GPL license. You can find out more about TYPO3 at typo3.org.

@*over*ride http://templavoila.busynoggin.com/fileadmin/templates/skin_templavoila/css/mainstyles.css 

** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.content-element {
	padding-bottom: 10px;
 }
.content-header {
	padding: 10px 0;
	}
.content-body {
	padding-bottom: 5px;
	}

/* @group Common Classes */

.clear {
	clear: both;
	}

.clearOnly {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
	}

.outOfSight {
	position: absolute;
	top: 0;
	left: -4000px;
	}

.csc-firstHeader {
	margin-top: 0px;
	}

.graphicTextWrap {
	overflow: hidden;
	}

.graphicText {
	/*line-height: 300px;*/
	text-indent: -999px;
	display: block;
	}

/* @end Common Classes */

/*//////////////////////////////////////////////////
	Header Objects Styles
//////////////////////////////////////////////////*/

/* Simple way of protecting company logos; not 100% proof of course! */ 
#CompanyLogo {	padding-top: 20px; }

#CompanyLogo a {
	display: block;
	border: none;
	}
#CompanyLogo a img {
	border: none;
	}

/* LEFT COLUMN: MLS Search Form ---------------------------------------- */
#LeftSearchForm {
	border-bottom: 1px dotted #666666;
	padding-left: 10px;
}
#LeftSearchForm p {
	margin-top: 5px;
	font-weight: bold;
	color: #FFFFFF;
 }
#LeftSearchForm input { 
	width: 120px;
	color: #FF0000;
	margin-bottom: 2px;
	 }
	
/*//////////////////////////////////////////////////
Styles for Page Forms
//////////////////////////////////////////////////*/

.csc-mailform-submit { width: 258px; background: white; font-weight: bold; }

/* default forms */ 
.content fieldset { border:none; border-top:1px solid #dddddd; margin-top:10px; }
.content fieldset legend { font-size:0.9em; color:#666666; font-weight:bold; padding:0 10px 0 0; background-color:#ffffff; }

/* SEARCH BOX: Search form box ---------------------------------------- */
.search-box {	}

.search-form { font-size: 85%; }
.search-form fieldset { text-align: right; }
.search-form input { vertical-align: middle; }

.search-field { width: 125px; line-height: 25px; border: 1px solid #FFF; }
.search-field:hover { background-color: #E9E9E9; border: 1px solid #000; }
.search-field:focus { background-color: #E3E3E3; border: 1px solid #CA86B4; }

.search-image { background:#B78B01; padding: 2px 14px; line-height: 25px; border: none; }
.search-image:hover, .search-image:focus { background:#CA86B4; border: none; }


/***************************************************************/
/* Content Navigation bar (Breadcrumb, Print and Tip-a-Friend) */
/***************************************************************/
#ContentNavigation {
	margin: 0; padding: 5px 0 5px 0;
	width: 940px;
	background-color: #FFFF00;
	border-bottom: 1px #1486FF dotted;
	}

#breadcrumbs {
	float: left;
	margin-left: 5px;
	}

#breadcrumbs a {
	padding-right: 4px;
	text-decoration: none;
	}

#addThis {
	float: right;
	text-align: right;
	margin-right: 5px;
	}

#addThis a {
	padding-left: 4px;
	text-decoration: none;
	}


/* @end Global Menu */

/* @end Header */

/* @group Footer */

/* Footer Content */ 
#FooterContent {
	border-top: 1px #1486FF dotted;
	}

/* FOOTER: Company Copyright ---------------------------------------- */
#CompanyCopyright { float: left; }
#CompanyCopyright p {
	padding: 0;
	line-height: inherit;
	color: #FFFFFF;
	}

/* FOOTER: Footer Menu ---------------------------------------- */
#FooterMenu {
	float: right;
	line-height: inherit;
	color: #FFFFFF;
	}
#FooterMenu a {
	text-decoration: none;
	color: #FFFF00;
	}
#FooterMenu a:hover {
	text-decoration: none;
	color: #B1D00E;
	}
	
	
/* SEARCH BOX: Search form box ---------------------------------------- */
.search-box {	float: right; width: 30%; }



/* @end Footer*/

/* @group Main Navigation Menu */

.MainMenu-Level1-NO, .MainMenu-Level1-CUR, .MainMenu-Level1-ACT {
	border-bottom: 1px dotted #666666; 
	}
.MainMenu-Level1-NO a, .MainMenu-Level1-ACT a, .MainMenu-Level1-CUR a { 
	padding-left: 10px;
	display: block; 
	line-height: 20px; 
}

/* Main Menu, Level 1, Normal State (NO) */
.MainMenu-Level1-NO { font-weight: normal; }
.MainMenu-Level1-NO a:link, .MainMenu-Level1-NO a:visited { color: #FFFFFF;	text-decoration: none; }
.MainMenu-Level1-NO a:hover { background: #0066FF; color: #F7F61F; text-decoration: none; }

/* Main Menu, Level 1, Active State (ACT) */
.MainMenu-Level1-ACT { background-color: #FFFFFF; font-weight: bold; }
.MainMenu-Level1-ACT a:link, .MainMenu-Level1-ACT a:visited { color: #000000; text-decoration: none; }
.MainMenu-Level1-ACT a:hover { color: #000000; text-decoration: underline; }
.MainMenu-Level1-ACT a:active { color: #FF0000; text-decoration: none; }

/* Main Menu, Level 1, Current State (CUR) */
.MainMenu-Level1-CUR { background-color: #FFFFFF; font-weight: bold; }
.MainMenu-Level1-CUR a:link, .MainMenu-Level1-CUR a:visited { color: #000000; text-decoration: none; }
.MainMenu-Level1-CUR a:active { color: #000000; text-decoration: underline; }
.MainMenu-Level1-CUR a:hover { color: #FF0000; text-decoration: none; }

#MainMenuItem-68 a:link, #MainMenuItem-68 a:visited, #MainMenuItem-68 a:active {
	color: #FF0000;
	font-weight: bold;
	}

/* @end Main Navigation Menu */

/* @group Module Styling */

.moduleHeader {
	margin: 0;
	padding: 0 15px 0 0;
	color: white;
	background: url(images/right_module_cap.gif) no-repeat right top;
	font-size: 14px;
	}

.moduleHeader .moduleHeaderInnerWrap {
	display: block;
	padding: 5px 0 5px 10px;
	background: #008aec url(images/left_module_cap.gif) no-repeat left top;
	}

.moduleFooter {
	height: 15px;
	margin: 0;
	padding-right: 15px;
	background: url(images/right_module_cap.gif) no-repeat right bottom;
	font-size: 1px;
	overflow: hidden;
	}

.moduleFooter span {
	display: block;
	height: 15px;
	background: #008aec url(images/left_module_cap.gif) no-repeat left bottom;
	}

.moduleBody {
	padding: 15px 10px 10px 10px;
	}

.moduleBodyWrap {
	border-left: 2px solid #008aec;
	border-right: 2px solid #008aec;
	/* Please note that the thickness values on the two border values above will be overridden in the final output. Make sure these values match the constant moduleBodyBorderWidth */
	}

.unframed .moduleBody,
.unframed .moduleBodyWrap {
	padding: 0;
	border: 0;
	}


.moduleBodyBleed {
	padding: 0;
	}

.columnGroup {
	margin-bottom: 10px;
	}

.columnGroupRule {
	border-bottom: 1px solid #7f7f7f;
	}

.moduleGroup {
	margin-bottom: 10px;
	}

.moduleFeature {
	margin-bottom: 15px;
	}

/* @end Module Styling */


/* @group Forms */

.csc-mailform-field label,
.csc-mailform-field label {
	display: block;
	}

/* @end Forms */

/* @end */