/* 
-  BreezePHP standard screen media type style rules
-  
-  Author: Yuri_S
-  E-mail: blodo@poczta.fm
-
----------------------------------------------------------------------- */

/* MEYER RESET v1.0 */

html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,tt,var,
b,i,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-size: 100%; background: transparent; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* BASIC TYPOGRAPHY */

html { font-size: 62.5%; font-family: "Liberation Sans", Helvetica, Arial, sans-serif; color: #cccccc; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type=text], input[type=password], textarea { font-size: 10px; line-height: 14px; font-family: Verdana, Arial, sans-serif; }
del { color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

a:link, a:visited, a:active { color: #00b5fe; text-decoration: none; }
a:hover { color: #fffcbc; text-decoration: underline; }
h1 { height: 31px; margin: 0px; padding: 10px 0px 0px 30px; background: url(../img/h1_bg.png) repeat-x; font: bold 18px/18px Tahoma; color: #fefbdf; }
h2 { margin: 8px 8px 8px 2px; padding: 2px 12px; border-bottom: 1px dotted #afad86; font: bold 14px/14px Arial; color: #fffcbc; clear: both; }
.strong { font-size: 12px; font-weight: bold; color: #fffcbc; }
.em { font-size: 11px; font-weight: bold; font-style: italic; color: #ffffff; }
ul, ol { list-style-position: inside; }

/* TEXT CLASSES */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #ff0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.thin { font-weight: lighter; }
.center { text-align: center; }

.error, .notice, .success { padding: .8em; margin-bottom: 1.6em; border: 2px solid #ddd; }
.error { background: #380607; color: #f6371e; border-color: #521315; }
.notice { background: #383117; color: #fff6bf; border-color: #52440b; }
.success { background: #264409; color: #e6efc2; border-color: #495227; }
.error a { color: #8a1f11; background: none; padding: 0; margin: 0; }
.notice a { color: #514721; background: none; padding: 0; margin: 0; }
.success a { color: #264409; background: none; padding: 0; margin: 0; }

/* FORMATTING CLASSES */

.clear, .clearer { clear: both; }
.separate { margin-bottom: 14px; }

.errors { list-style: square outside; margin: 0px 0px 10px 26px; color: #ee7700; font-style: italic; }

/* TABLES */

table.data { margin: 0px 0px 10px 0px; padding: 2px; border: 2px solid #222222; }
table.data th, table.data td { border: 1px solid #2a3b4f; }
table.data th { padding: 3px 8px; text-align: center; font: bold 12px Arial; color: #eeeeee; }
table.data td { padding: 3px 10px; text-align: center; }
table.data td.text { text-align: left; font-style: italic; }
table.info td { padding: 2px 4px; }
table.info td.h { color: #999999; font-size: 9px; }

/* BASIC FORMS */

form.styled > div, form.styled fieldset > div { clear: both; margin: 4px 0px 6px 0px; }
form.styled > div:after, form.styled fieldset > div:after, form.styled fieldset.checkboxgroup div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form.styled div > label { display: block; float: left; padding: 4px 0px 0px 0px; width: 40%; font: bold italic 11px Verdana; color: #ffffff; }
form.styled div > div, form.styled div > input, form.styled div > select { width: 60%; float: left; }
form.styled div > input, form.styled div > select { display: block; height: 17px; padding: 1px 2px; margin: 0px -3px; border: 1px solid #afad86; background: #222222; color: #eeeeee; }
form.styled div > input:focus, form.styled div > select:focus { border-color: #fffcbc; background: #111111; }
form.styled div > input[type=checkbox] { width: 14px; height: 14px; padding: 1px; margin: 4px 9px 0px 0px; float: left; border: 2px solid #afad86; background: #222222; color: #ffffff; }
form.styled div > select { height: 21px; margin-top: 0px; }
form.styled div.infotext { font: 11px Tahoma; color: #cccccc; padding: 8px 20px; }
form.styled fieldset { margin: 5px 4px 5px 0px; padding: 8px 10px; }
form.styled fieldset.titled { border: 3px solid #222222; }
form.styled fieldset.titled legend { padding: 0px 8px; text-transform: uppercase; font: 10px/10px Tahoma; color: #999999; }
form.styled fieldset.checkboxgroup div { clear: none; float: left; min-width: 210px; width: 50%; }
form.styled fieldset.checkboxgroup div > label { min-width: 180px; width: 40%; }

form.styled button, a.button { display: inline-block; padding: 5px 10px; border: 2px solid #afad86; background: #fffcbc; font-size: 12px; line-height: 15px; font-family: Tahoma, Arial, Verdana, sans-serif; color: #000000; cursor: pointer; }
form.styled button img, a.button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }
form.styled button.submit { padding: 5px 30px; font-weight: bold; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }

/* browser specific fixes for buttons */
button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; } /* IE6 */
button[type] { padding: 4px 10px 4px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child+html .container button[type] { padding:4px 10px 3px 7px; /* IE7 */ }