/* CSS Document */

/*
	Building up a global css framework (blueprint)
*/


/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, 
img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; 
}

body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* clearing */
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* typography.css */
body {background:#000; font:11.6px Arial, Helvetica, sans-serif; color:#000;} /* font-size:75%; */

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:18px;margin-bottom:0.75em; font-family:"Segoe UI","Trebuchet MS",Helvetica,sans-serif; color:#DE442C;}
h3 {font-size:1.5em;line-height:1;margin-bottom:0.75em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em; font-family:"Segoe UI","Trebuchet MS",Helvetica,sans-serif; color:#DE442C;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:0.9em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

h2 + h3 {margin:-0.5em 0 1.5em 0;}
li > h4 {margin:0 0 0.5em 0;}

p {margin:0 0 1.5em; line-height:1.6em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a:focus, a:hover {outline:0;}
a {color:#F60; text-decoration:none;}
a:hover {color:#F30; text-decoration:underline;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

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

ul.spaced-list li {margin:0 0 0.75em 0;}

table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {padding:5px; border-bottom:2px dotted #FFF;}
th, td, caption {padding:0px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}

hr {margin:1.6em 0; padding:0; border:0 0 1px 0; width:100%; height:1px; border-color:#DADADA; color:#DADADA;}
caption {background:#eee;}

/* forms.css */
fieldset {padding:1.4em;margin:0 0 1.5em 0; border:1px solid #DADADA;}
fieldset:last-child {margin:0;}
fieldset:only-child {margin:0 0 1.5em 0;;}
fieldset.noborder {padding:0; margin:0; border:0;}
legend {padding:2px 5px; font-size:1.4em;}
label {font-weight:bold;}
label.up {vertical-align:top; font-weight:bold;}

fieldset div {vertical-align:middle;}
fieldset label {display:-moz-inline-box; display:inline-block; zoom:1; *display:inline; width:150px; padding:0 5px;}
fieldset label.nowidth {padding:0 10px; width:auto;}

input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}

form.inline {line-height:3;}
form.inline p {margin-bottom:0;}

.multiselect-2 div {display:-moz-inline-box; display:inline-block; zoom:1; *display:inline; margin:0; padding:0; width:49%;}
.multiselect-2 label {width:48%;}

.multiselect-3 div {display:-moz-inline-box; display:inline-block; zoom:1; *display:inline; margin:0; padding:0; width:32%;}
.multiselect-3 label {width:31%;}

.position_multi {display:-moz-inline-box; display:inline-block; zoom:1; *display:inline; margin:0; padding:0;}
.position_multi label {font-weight:normal; cursor:pointer;}


/* errors & notes*/

.note {font:10px/14px Tahoma, Geneva, SansSerif!Important; color:#666;}
.error, .notice, .success {padding:.5em;margin-bottom:.5em;border:1px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
#success, .success {margin:0 0 10px 0;padding:5px 10px;border:0;border-color:#C6D880;background:#E6EFC2;text-align:center;font:2.0em "Segoe UI","Trebuchet MS",Helvetica,sans-serif;color:#693;-moz-border-radius:6px; -webkit-border-radius:6px;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/* Grids
----------------------------------------------------- */

.row:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
.lastcol:after {content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.row {*zoom:1;}
.lastcol {display:table-cell; *display:block; *zoom:1; float:none; *position:relative; *left:-3px; *margin-right: -3px;}

.col {float:left;}

.cols1of1 {float:none;}
.cols1of2 {width:50%;}
.cols1of3 {width:33.33333%;}
.cols2of3 {width:66.66666%;}
.cols1of4 {width:25%;}
.cols3of4 {width:75%;}
.cols1of5 {width:20%;}
.cols2of5 {width:40%;}
.cols3of5 {width:60%;}
.cols4of5 {width:80%;}
.cols1of6 {width:16.66666%;}
.cols2of6 {width:33.33333%;}
.cols4of6 {width:66.66666%;}
.cols5of6 {width:83.33333%;}
.cols1of10 {width:10%;}
.cols2of10 {width:20%;}
.cols3of10 {width:30%;}
.cols4of10 {width:40%;}
.cols6of10 {width:60%;}
.cols7of10 {width:70%;}
.cols8of10 {width:80%;}
.cols9of10 {width:90%;}


