/* Last Update: Monday. April. 19, 2010

Business Web Tool Wireframe CSS

This is the Rich Text Editor Stylesheet

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 v2.0.2" from Ron Hall, Busy Noggin, Inc. at www.busynoggin.com & templavoila.busynoggin.com and the "Zen Wireframe v3.6 Site Starter" from Greg Remington, Mediatech, Inc. at www.mediatech.net & zbiz.mediatech.net

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

/*/////////////////////////////////////////////////////////////////
  
 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
//////////////////////////////////////////////////*/

del {
	text-decoration: line-through;
}

em {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}

p {
	color: #000;
	line-height: 1.4em;
	}
	
/*//////////////////////////////////////////////////
	Links CSS Styles
//////////////////////////////////////////////////*/

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

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

a img { 
	border: none;
	}

a:hover img { 
	border: none;
	}

a:active, 
a:focus {
	outline: none;
	}

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

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

h1, h2, h3 {
	}

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
//////////////////////////////////////////////////*/

/*dl, ul, ol {
	margin: 0 0 10px 0;
	color: #666;
	}

dl {
	list-style: none;
	}
	
dd {
	margin-left: 1.5em;
	}

ul {
	list-style: inside square;
	}

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

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

ol {
	list-style: inside decimal;
	}

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

li { 
	padding: 0 0 2px 15px;
	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;
	}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/*//////////////////////////////////////////////////
	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;
	}


/*//////////////////////////////////////////////////
	Forms CSS Styles
//////////////////////////////////////////////////*/
/*
form input, form textarea {
	margin-right: 5px;
	}

form input:focus, form input:hover {
	color: black;
	}

form select {
	font-size: 11px;
	}

form option {
	margin: 0px;
	margin-left: 5px;
	margin-right: 10px;
	}

optgroup {
	font-weight: bold;
	font-style: italic;
	margin: 0;
	margin-top: 5px;
	}

optgroup option {
	padding-left: 5px;
	}

legend {
	font-weight: bold;
	color: black;
	}

/* 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;
	border-spacing: 0;
	width: 100%;
	}

caption, th, td {
	text-align: left;
	font-weight: 400;
	}

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;
	color: white;
	}*/

/* 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 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	color: #000;
	line-height: 1.2em;
	}

.htmlarea-content-body td, 
.htmlarea-content-body th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 85%;
	color: #333333;
	}
	
/* 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; }

/* 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 {}

/* 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.highlight-text, span.highlight-text, h1.highlight-text, h2.highlight-text, h3.highlight-text, h4.highlight-text, h5.highlight-text, h6.highlight-text { color: red; }