/* 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 {
	margin: 0 0 0 30px;
	padding: 85px 0 0 0;
	width: 263px;
	overflow: hidden;
	
	}

#CompanyLogo a {
	display: block;
	height: 80px;
	width: 263px;
	text-indent: -999px;
	background: url(../images/business/AcupunctureOrientalMedicine.png) 0 0 no-repeat;
	}
#CompanyAdress, #CompanyContacts, #CompanyOnline {
	padding: 120px 0 0 0;
	float: left;
	}

#CompanyAdress { width: 100px; }
#CompanyContacts { width: 120px }
#CompanyOnline {	width: 140px; }
#CompanyContacts, #CompanyOnline { margin-left: 20px; }


/* User Login */ 
.login { padding: 15px 20px 0 0; }
.login dl { height: 40px; padding: 0;	margin: 0; list-style: none; float: right; }
.login dl dd { float: left; }
.login dl dd a, .login dd li a:visited {
	float: left; display: block; padding: 0 10px; line-height: 20px;
	color:#EEEEEE; font-weight: bold; text-align: right; text-decoration: none;
}
.login dl dd a:hover { background: #B78B01; color: #FFFFFF; }


/* Page Menu */ 
.page-menu { padding: 0 25px 0 0; }
.page-menu dl { height: 35px; padding: 0;	margin: 0; float: right; list-style: none; }
.page-menu dl dd { float: left; padding: 0 5px; }
.page-menu dl dd a, .page-menu dl dd a:visited {	
	float: left; display: block; padding: 0 10px; line-height: 25px;	
	color: #f190c7; font-weight: bold; font-size: 0.75em; text-transform: uppercase; text-decoration: none;
}
.page-menu dl dd.selected a, .page-menu dl dd a:hover {
	background: #B78B01; color: #FFFFFF;
}

/* SUB PAGE MENU: Page Menu Container ---------------------------------------- */
div.subpagemenu { padding: 0 0 10px 0; }

/* Page Menu Header */
.subpagemenu-header { font-size: 120%; padding-bottom: 10px;	}
.subpagemenu-header a {
 padding: 10px 5px 0 10px; display: block; letter-spacing: -.05em;
	color: #FFFFFF; font-size: 150%; font-weight: normal;	text-decoration: none; }
.subpagemenu-header a:hover { color: #DDDDDD; text-decoration: none; }

/* Page Menu Items Level #1 */
.subpagemenu-items { padding: 5px 0 10px 0; }
.subpagemenu-item-NO { padding: 0 0 6px 30px; }
.subpagemenu-item-NO a { 
	padding: 0 0 0 8px; display: block; border-left: 4px solid #B78B01;
	color: #195008; font-size: 115%; font-weight: bold;	text-decoration: none; }
.subpagemenu-item-NO a:hover { color: #FFFFFF; text-decoration: none; }

.subpagemenu-item-ACT { padding: 0 0 6px 5px; }
.subpagemenu-item-ACT a { 
	padding: 0 0 0 50px; display: block; border-left: 4px solid #B78B01;
	color: #FFFFFF; font-size: 115%; font-style: italic; text-decoration: none; }
.subpagemenu-item-ACT a:hover { color: #DDDDDD;	text-decoration: none; }

/*//////////////////////////////////////////////////
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-bottom: 20px;
	padding: 20px 0 4px 0;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	}

#breadcrumbs {
	float: left;
	}

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

#addThis {
	float: right;
	text-align: right;
	}

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


/****************************/
/* Vertical navigation menu */
/****************************/
.globalSubMenu{
}
.globalSubMenu-01 a {
	margin:0px;
	width:210px;
	display:block;
	padding:5px;
	font-size:12px;
	text-decoration:none;
	background:url(../images/menu_dot.gif) repeat-x bottom;
	color: #777;
}
.globalSubMenu-01 a:hover {
	background:url(../images/menu_dot.gif) repeat-x bottom;
	color:#444;
	text-decoration:none;
}
.globalSubMenu-01-ACT a, .globalSubMenu-01-ACT a:hover {
	margin:0px;
	width:210px;
	display:block;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/menu_dot.gif) repeat-x bottom;
	color:#444;
}
.globalSubMenu-02 a {
	margin:0px;
	width:187px;
	display:block;
	padding:5px 5px 5px 18px;
	font-size:12px;
	text-decoration:none;
	background:url(../images/nav-arrow.gif) 10px 8px no-repeat;
	color: #777;
}
.globalSubMenu-02 a:hover {
	background:url(../images/nav-arrow.gif) 10px 8px no-repeat;
	color:#444;
	text-decoration:none;
}
.globalSubMenu-02-ACT a, .globalSubMenu-02-ACT a:hover {
	margin:0px;
	width:197px;
	display:block;
	padding:5px 5px 5px 18px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/nav-arrow-act.gif) 10px 8px no-repeat;
	color:#444;
}
.globalSubMenu-03 a {
	margin:0px;
	width:182px;
	display:block;
	padding:5px 5px 5px 30px;
	font-size:12px;
	text-decoration:none;
	background:url(../images/vbullet.gif) 20px 9px no-repeat;
	color: #777;
}
.globalSubMenu-03 a:hover {
	background:url(../images/vbullet-act.gif) 20px 9px no-repeat;
	color:#333;
	text-decoration:none;
}
.globalSubMenu-03-ACT a, .globalSubMenu-03-ACT a:hover {
	margin:0px;
	width:182px;
	display:block;
	padding:5px 5px 5px 30px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/vbullet-act.gif) 20px 9px no-repeat;
	color:#333;
}
.globalSubMenu-04 a {
	margin:0px;
	display:block;
	padding:5px 5px 5px 45px;
	font-size:12px;
	text-decoration:none;
	width:170px;
	color: #777;
}
.globalSubMenu-04 a:hover {
	background-color:#f5f5f5;
	/*silver*/
	color:#333;
	text-decoration:none;
}
.globalSubMenu-04-ACT a,..globalSubMenu-04-ACT a:hover {
	margin:0px;
	display:block;
	padding:5px 5px 5px 45px;
	font-size:12px;
	text-decoration:none;
	width:170px;
	background-color:#f5f5f5;
	/*silver*/
	color:#333;
}

/* @end Global Menu */

/* @end Header */

/* @group Footer */

/* FOOTER: Company Copyright ---------------------------------------- */
#CompanyCopyright { padding-top: 20px; }

#CompanyCopyright p {
	padding: 0;
	line-height: inherit;
	color: #FFFFFF;
	}

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



/* @end Footer*/

/* @group Local Menu */

#localMenu {
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	border-right: 1px solid #008aec;
	border-top: 5px solid #008aec;
	}

#localMenu ul {
	margin-top: 10px;
	}

#localMenu ul li {
	margin-bottom: 3px;
	}

#localMenu li {
	list-style: none;
	margin-bottom: 10px;
	font-size: 14px;
	}

#localMenu li a {
	color: #b2b2b2;
	}

#localMenu li a:hover {
	color: black;
	}

#localMenu li.current a {
	color: #008aec;
	}

#localMenu li.current li a {
	color: #b2b2b2;
	}

#localMenu li.current {
	background: url(images/local_menu_arrow.gif) no-repeat right -5px;
	}

/* @end Local 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 */