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

Business Web Tool Wireframe CSS

This is the CSS for the TYPO3 Rich Text Editor

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 

** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


/*/////////////////////////////////////////////////////////////////
  
 reset.css - v1.0 | 20080212 | Resets default browser CSS.

	By Eric Meyer:
   * http://meyerweb.com/eric/tools/css/reset/
			* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
//////////////////////////////////////////////////////////////////*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}a:active{outline:none}a img{border:none}


/*//////////////////////////////////////////////////
	Basic CSS HTML Styles
//////////////////////////////////////////////////*/

html, body {	
	height: 100%;
	}

/* Allow user control and maximum flexibility : IE not included */
body { font-size: small; }
#PageTemplate { font-size: 95%; }

/* Global Font Control */
html, body, table, form, h1, h2, h3, h4, h5, p, ul, ol, dl, blockquote { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	line-height: 1.2em;
	}

/*	Content Block Spacing Styles */
p, ul, ol, dl, table, form, blockquote {
	padding-bottom: 10px;
	}


/*//////////////////////////////////////////////////
	Text & Paragraphs CSS Styles
//////////////////////////////////////////////////*/

em, i {
	font-style: italic;
	}

strong, b {
	font-weight: bold;
	}

p {
	color: #000;
	line-height: 1.4em;
	}

a, a:link, a:visited {
	color: #008aec;
	text-decoration: none;
	}

a:hover, a:focus { 
	color: #8FA80B; 
	text-decoration: underline;
	}

a img { 
	border: none;
	}

a:hover img { 
	border: none;
	}


/*//////////////////////////////////////////////////
	Headlines CSS Styles
//////////////////////////////////////////////////*/

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	font-weight: normal;
	}

h1, h2, h3 {
	margin: 0 0 5px 0;
	}

h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 5px;
	}

/* Global Headlines Sizes */
h1 { font-size: 235%; letter-spacing: -1px; color: #474747; }
h2 { font-size: 195%; letter-spacing: -1px; color: #172C41; font-weight: bold; }
h3 { font-size: 150%; }
h4 { font-size: 110%; text-transform: uppercase; }
h5 { font-size: 95%; }
h6 { font-size: 70%; }

/* Headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#008BCE; text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#003399; text-decoration:underline; }

/* SEO Graphical Headers - sizes reflect typoscript!!! */
h1.image-header, h2.image-header, h3.image-header, h4.image-header, h5.image-header { overflow: hidden; width:100%; text-indent: 999em; white-space: nowrap; background-repeat: no-repeat; }
h1.image-header { height: 32px; }
h2.image-header { height: 28px; }
h3.image-header { height: 26px; }
h4.image-header { height: 24px; }
h5.image-header { height: 22px; }


/*//////////////////////////////////////////////////
	Lists CSS Styles
//////////////////////////////////////////////////*/

ul, ol {
	margin: 0 0 10px 5px;
	color: #666;
	}

/* Unordered Lists */
ul {
	list-style: outside square;
	}

ul ul, ol ul {
	list-style: inside circle;
	margin: 3px 0 0 0;
	}

ul ul ul {
	list-style: inside disc;
	}

/* Ordered Lists */
ol {
	list-style: inside decimal;
	}

ol ol {
	margin: 3px 0 0 0;
	}

/* List Items */
li { 
	padding: 0 0 2px 5px;
	/*background: url('../images/icons/bullet-list.gif') no-repeat 0 .5em; */
	}


/*//////////////////////////////////////////////////
	Block Quotes CSS Styles
//////////////////////////////////////////////////*/

blockquote {
	margin-left: 30px;
	margin-right: 30px;
	}

blockquote blockquote {
	margin-top: 10px;
	}


/*//////////////////////////////////////////////////
	Additional Basic CSS HTML Styles
//////////////////////////////////////////////////*/

pre {
	margin-bottom: 15px;
	}

code {
	margin-left: 10px;
	margin-right: 10px;
}

pre code {
	margin-left: 0px;
	margin-right: 0px;
	}

pre, code {
	font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
	}

/* Global Dynamic Form styles ---------------------------------------- */
form  { }
form fieldset { border: none;  }
form fieldset div { padding: 5px 0; }
form fieldset div label { display: block; font-weight: bold; color: #59C2FA; }
form fieldset div input, 
form fieldset div select, 
form fieldset div textarea { width: 242px; }

/* STYLE: font styles on forms ---------------------------------------- */
input, textarea, select { 
	padding: 2px; border: #333 1px solid;
	font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: black; 
	}
textarea { overflow: auto; }

/* STYLE: hover effect on forms ---------------------------------------- */
input:hover, textarea:hover, select:hover { background-color: #EEEEEE; border: 1px solid #222; }
input:focus, textarea:focus, select:focus { background-color: #F2F2F2; border: 1px solid #444; }


/*//////////////////////////////////////////////////
	Table CSS Styles
//////////////////////////////////////////////////*/

table {
	border-collapse:collapse;
	width: 100%;
	}

tr {
	vertical-align: top;
	}
	
td {
	text-align: left;
	border-bottom: 1px solid #dddddd;
	}

td, th, caption {
	padding: 8px 10px 7px 10px;
	height: auto;
	}

thead th, tfoot th, tfoot td {
	text-align: left;
	}

col {
	background-color: silver;
	}

caption {
	background-color: black;
	font-style: italic;
	font-weight:400; 
	}

/* Column Sizing based on 960.gs CSS, 
   match RTE table classes in ../ts/skin_tsconfig.ts */
td.spancolumn-1,  th.spancolumn-1  { width: 40px;  }
td.spancolumn-2,  th.spancolumn-2  { width: 100px; }
td.spancolumn-3,  th.spancolumn-3  { width: 160px; }
td.spancolumn-4,  th.spancolumn-4  { width: 220px; }
td.spancolumn-5,  th.spancolumn-5  { width: 280px; }
td.spancolumn-6,  th.spancolumn-6  { width: 340px; }
td.spancolumn-7,  th.spancolumn-7  { width: 400px; }
td.spancolumn-8,  th.spancolumn-8  { width: 460px; }
td.spancolumn-9,  th.spancolumn-9  { width: 520px; }
td.spancolumn-10, th.spancolumn-10 { width: 580px; }
td.spancolumn-11, th.spancolumn-11 { width: 640px; }
td.spancolumn-12, th.spancolumn-12 { width: 700px; }
td.spancolumn-13, th.spancolumn-13 { width: 760px; }
td.spancolumn-14, th.spancolumn-14 {	width: 820px;	}
td.spancolumn-15, th.spancolumn-15 { width: 880px; }
td.spancolumn-16, th.spancolumn-16 { width: 940px; }

/* @end Table Styling */


/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE
#
# TYPO3 CVS ID: $Id: dynamiccss.css 955 2005-12-28 00:49:12Z mundaun $
# ***************************************************************************************/

/* This styling is simply to help the backend text in the RTE look approximately like the text on the front end of the site. You will need to adjust to fit the styling you have assigned in mainstyles.css*/
.htmlarea-content-body, .htmlarea-content-body td, .htmlarea-content-body th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 85%;
	color: #333333;
	line-height: 1.4em;
	height: 100%;
	}

/* Extra size shifting capabilites */
.small { font-size: 85%; }
.medium { font-size: 115%; }
.large { font-size: 125%; }

/* Text transformations */
.bold { font-weight: bold; }
.normal { font-weight: bold; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }

/* Left, center and right alignment of text in paragraphs and cells.*/
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px; border: 1px solid #333333; }
.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
.component-items { color: #186900; list-style-type: circle; }
.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
.important { color: #8A0020; }
.name-of-person { color: #10007B; }
.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
.external-link {}
.external-link-new-window {}
.internal-link {}
.internal-link-new-window {}
.download {}
.mail {}

/* T3 Specific */
h1.csc-firstHeader, h2.csc-firstHeader, h3.csc-firstHeader, h4.csc-firstHeader, h5.csc-firstHeader, h6.csc-firstHeader { margin-top: 0px; }

/* Image Captions */
.csc-textpic-caption-c .csc-textpic-caption { font-size: 85%; color: #000; letter-spacing: 1px; }
.csc-textpic-caption-r .csc-textpic-caption { font-size: 85%; color: #000; letter-spacing: 1px; }
.csc-textpic-caption-l .csc-textpic-caption { font-size: 85%; font-weight: bold; color: #444; }

/* Header date */ 
p.csc-header-date { font-size: 85%; color:#555; }

/* Additional RTE Custom Styles */
p.feature-text, ul.feature-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%; line-height: 1.6em; font-style: italic;
	}

p.big-text, ul.big-text { font-size: 120%; line-height: 1.6em; }

p.red-highlight, span.red-highlight, h1.red-highlight, h2.red-highlight, h3.red-highlight, h4.red-highlight, h5.red-highlight, h6.red-highlight { color: red; }