/* 
========================================================================================================================
Title:				Viocorp
Author URI: 		www.viocorp.com
--
Updated:			03.09.2009
========================================================================================================================
*/

/* Reset
-------------------------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0 0 1em 0; padding: 0; }
li, dd, blockquote { margin: 0; }
a, button, label { cursor: pointer; }
img { vertical-align: baseline; }
input, select, textarea, th, td { font-size: 1em; font-family: inherit; }
fieldset { border: none; }
q:before, q:after { content:''; }
:focus { outline: 0; } /* remember to define focus styles! */ 

/* Base Typography
-------------------------------------------------------------- */
/* The percentage is of 16px (0.75 * 16px = 12px) */
body { 
	font-size: 75%; 
	line-height: 1.667em; /* 20 px */
	color: #525252; 
	font-family: "Trebuchet MS" , Helvetica, Arial, sans-serif;
	/*font-family: Helvetica, Arial, sans-serif;*/
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 	{ font-weight: normal; color: #262626; margin: 0; font-family: "Trebuchet MS" , Helvetica, Arial, sans-serif; }
h1,h2 				{
	color: #a33813;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: -0.02em;
	line-height: 1em;
}

h1 { font-size: 2em; margin-bottom: 0.833em; }
h2 { font-size: 1.5em; margin-bottom: 0.8em; }
h3 { font-size: 1.25em; margin-bottom: 1.333em; }
h4 { font-size: 1em; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }

/* Heading Links */
h1 a, h2 a 					{ color: #a33813; }
h1 a:hover, h2 a:hover,
h1 a:focus, h2 a:focus,		{ color: #a33813; text-decoration: underline; }
h3 a, h4 a, h5 a, h6 a 		{ color: #262626; }
h3 a:hover, h4 a:hover,
h5 a:hover, h6 a:hover,
h3 a:focus, h4 a:focus,
h5 a:focus, h6 a:focus 		{ color: #262626; text-decoration: underline;  }


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.667em 0; }

ul, ol      { margin: 0 0 1.667em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
li			{ margin: 0;}
dl          { margin: 0 0 1.677em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.667em; font-style: italic; }
del         { color:#666; }

a			{ color: #6fbe44; text-decoration: none; }
a:focus, 
a:hover     { color: #c6ec9f; outline: none; }
a img 		{ border: none; text-decoration: none; }

blockquote  { width: 240px; float: right; clear: both; margin: 1.428em 0 1.428em 1.5em ; padding: 0.714em 30px; color: #666666; font-style: italic; font-family: "Trebuchet MS" , Helvetica, Arial, sans-serif; font-size: 1.167em; background: transparent url(../img/blockquote_bg.gif) left top no-repeat; }
blockquote p { margin: 0 0; }
cite 		{ color: #999; font-size: 0.714em; text-transform: uppercase; font-style: normal; }

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.667em 0; white-space: pre; background-color: #FFF; padding: 3px; border: 1px solid #CCC; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.75em; } 
tt          { display: block; margin: 1.75em 0; line-height: 1.75em; }


/* Tables
-------------------------------------------------------------- */
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	font-size: 1em;
	text-align: left;
	margin-bottom: 1.667em;
}
caption 	{ font-style: italic; margin: 0 0 0.5em 0; }
tbody 		{ }
tr 			{ border-bottom: 1px dotted #CCCCCC; }
tr.alt 		{ background-color: #f3f3f3; }
th 			{ padding: 0.5em; vertical-align: top; color: #262626; background-color: #f0f0f0; }
td 			{ padding: 0.5em; vertical-align: top; }
/* thead */
thead 		{ }
thead tr 	{ background-color: #f0f0f0; border-bottom: 1px solid #cccccc; }
/* tfoot */
tfoot 		{ color: #262626; }
tfoot tr 	{ background-color: #f0f0f0; border-top: 1px solid #cccccc; }


/* Forms
-------------------------------------------------------------- */
form 			{ margin-bottom: 1.667em; }
fieldset 		{ }
legend 			{ padding: 10px 4px 10px 0; font-weight: bold; font-size: 1.25em; font-weight: normal; color: #262626; }
* html legend 	{ margin-left: -8px; margin-bottom: 0.5em; }
*:first-child+html legend { margin-left: -8px; margin-bottom: 0.5em; }

form div.form_line,
form p {
	margin: 0;
	padding: 8px 0 7px 0;
	width: 100%;
	overflow: hidden;
	background: transparent url(../img/divider_grey.gif) 0 0 repeat-x;
}
form div.formElement img {vertical-align:middle; cursor:pointer;}
form p.indent { /* used to move elements over to the right edge of the labels column */
	padding-left: 33%;
	width: 66%;
}

.required {
	background-color: transparent;
	background-image: url(../img/icon_required.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right;
	padding-right: 15px;

}
form div.form_line label,
form p label {
	padding: 0; /* cos text fields etc have 2px pad plus 1px border */
	display: block;
	float: left;
	clear: left;
	width: 33%;
	color: #262626;
	font-family: "Trebuchet MS" , Helvetica, Arial, sans-serif;
}
label a {
	font-weight: bold;
	text-decoration: underline;
}
input, textarea, select { }
optgroup { }
option { }

/* Check, Radio and Class-based overrides */
.check, .radio {
	border: none;
	padding: 0;
	margin: 0;
	width: auto;
	background-color: transparent;
	background-image: none;
}
.radio_label, .check_label {
	clear: none;
	display: inline;
	float: none;
	width: auto;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.form_builder_text,.form_builder_options,.form_builder_textarea,
.text, .textarea, .file {
	padding: 4px;
	border: 1px solid #e5e5e5;
	background-color: #FFFFFF;
	width: 62%;
}
.label {
}
.text:focus, .textarea:focus, .file:focus, .text:active, .textarea:active, .file:focus {
	border: 1px solid #cccccc;
}
/* Default color used by fields when label is displayed infield - requires default_values.js */
.default {
	color:#999;
}

/* Buttons */
button, .button, .submit {
	margin-left: 0;
	margin-right: 2px;
	/*padding: 2px 5px 1px 5px;*/
	font-size: 1em;
	border: 1px solid #262626;
	color: #FFFFFF;
	background: #5a5a5a url(../img/button_bg.gif) bottom left repeat-x;
	cursor: pointer;
}
button:hover, .button:hover, .submit:hover, button:focus, .button:focus, .submit:focus {
	color: #FFFFFF;
	border: 1px solid #999999;
	outline: none;
	background-position: 0 -10px;
}
button:active, .button:active, .submit:active {
	color: #FFFFFF;
	border: 1px solid #cccccc;
}
/* Secondary button (eg'reset' or 'cancel') */
.button.secondary {
	color: #cccccc;
	border: 1px solid #999999;
}
.button.secondary:hover, .button.secondary:focus, .button.secondary:active {
	border: 1px solid #cccccc;
} 
/* Disabled button */
.disabled, .disabled:hover, .disabled:focus, .disabled:active {
	color: #cccccc;
	border: 1px solid #cccccc;
	background-color: #e5e5e5;
	background-image: none;
}


/* Misc classes and elements
-------------------------------------------------------------- */
hr { border: none; height: 1px; border-top: 1px dotted #CCCCCC; clear: both; }


/* Some default classes
-------------------------------------------------------------- */
.hide 			{ display:none; }
.show 			{ display:block; }
.float_left 	{ float: left; }
.float_right 	{ float: right; }
.float_none 	{ float: none; }
.align_left 	{ text-align: left; }
.align_center 	{ text-align: center; }
.align_right 	{ text-align: right; }
.clear 			{ clear: both; }

img.float_left 	{ margin-right: 1.5em; }
img.float_right { margin-left: 1.5em; }

.error { /* used on forms where instructions are needed */
	color: #a33813;
	padding: 5px 10px;
	background-color:#ddc6bf;
}
.error p {
	margin: 0 0 0.25em 0;
	background-image: none;
}
.instructions { /* used on forms where instructions are needed */
	font-style: italic;
}
.intro { /* used optionally to render page/content summary */
	font-family: "Trebuchet MS" , Helvetica, Arial, sans-serif; font-size: 1.167em; font-weight: normal; margin-bottom: 1.429em;
}


/* Clearfix
-------------------------------------------------------------- */
.clearfix:after 		{ content: " "; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
.clearfix				{ display: inline-block;}
/* Start Holly Hack \*/
* html .clearfix 		{ height: 1%;}
.clearfix				{ display: block;}
/* End Holly Hack */


/* Skip links
-------------------------------------------------------------- */
.skip {
	height: 0;
	position: absolute;
	top: -900px;
}
.skip_target {
	/*TEST ONLY: background: #F90; width: 10px; height: 10px; display: block;*/
}
.structural_label {
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	line-height: 0px;
	overflow: hidden;
	visibility:hidden;
	/* TEST ONLY: color: #F90 !important; font-size: 12px !important; */
}


/* IE6 Specific resets
-------------------------------------------------------------- */
* html legend { margin-bottom:1.4em; }
* html ol { margin-left:2em; }
* html ul li { height: 1%; }