/* -----------------------------------------------------------------------
	BlueTrip CSS Framework
	Mike Crittenden
	mike@capsizedesigns.com
	Copyright 2008 Mike Crittenden
	License - MIT or GPL (whichever suits you better)
----------------------------------------------------------------------- */
/* MEYER RESET v1.0 */
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,
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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
/* remember to define focus styles! */
:focus { outline:0; }
body { line-height:1; background:#eee; width:100% !important; color:#000; }
ol, ul { list-style:none; }

/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse:collapse; border-spacing:0; width: 100%; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: top; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes:"" ""; }

/* BASIC TYPOGRAPHY */
body { font-size:75%;/*word-spacing:1.1pt;letter-spacing:0.4pt;*/font-family:Arial, Helvetica, sans-serif; }
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:92%; font-family:monaco, "Lucida Console", courier, monospace; }
del { text-decoration:line-through; 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 solid #ccc; }
sup { vertical-align:super; }
sub { vertical-align:sub; }
.bold {font-weight:bold; }

/* QUOTES */
blockquote { border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#666; }
blockquote *:first-child:before { content:"\201C"; }
blockquote *:first-child:after { content:"\201D"; }
	
/* FORMS */
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend { font-weight:bold; font-size:1.2em; }
label { font-weight:bold; }
textarea, input[type='text'], input[type='password'], select { border:1px solid #ccc; background:#fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color:#aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color:#888; outline:2px solid #ffffaa; }
input, select { cursor:pointer; }
input[type='text'],input[type='password'] { cursor:text; }
	
/*Headings */
h1,h2,h3,h4,h5,h6 { font-family:Helvetica, Arial, sans-serif; color:#4C4C4C; }
h1{font-size:19pt; }
h2{font-size:17pt; }
h3{font-size:15pt; }
h4,h5,h6{font-size:12pt; }

code { font:10pt Courier, monospace; } 
blockquote { font-size:10pt; }
hr { background-color:#ccc; }

/* Links */
.container a:link,.container a:visited { text-decoration:none; font-weight:700; }
.container a:link {color:#098ED1; }
.container a:visited { color:#055A85; }
.container a:hover { color:#D18E08; }	
.container a:active,.container a:focus { color:#000; }
.container code, .container pre { color:#c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
	
/* Table */
table { text-align:left; border-top:1px solid #ccc; border-left:1px solid #ccc; }
th, td { border-bottom:1px solid #ddd; border-right:1px solid #ccc; }
th { font-weight:bold; color:#000; background-color:#B2B2B2; }
tfoot { font-style:italic; }
caption { background:#fff; text-align:left; }
thead {display:table-header-group; }
tr {page-break-inside:avoid; } 
tr.even td { background:#e5ecf9; }

/* Hr */
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none; }
hr.space {background:#fff;color:#fff; }
	
/* BASE SIZES */

/* LISTS */
ul li { }
ul { list-style-type:none; }
ul ul { list-style-type:square; }
ul ul ul { list-style-type:circle; }
ol { list-style-position:outside; list-style-type:decimal; }
dt { font-weight:bold; }

/* MARGINS & PADDINGS */
.container blockquote *:first-child { margin:.8em 0; }
.container hr, .container p, .container ul, .container ol, .container dl, .container pre, .container blockquote, .container address, .container table, .container form { margin-bottom:1em; }

/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { margin:1em 0 .5em; }
h2 { margin:1em 0 .5em; }
h3 { margin:1.1em 0 .6em; }
h4 { margin:1.2em 0 .6em; }
h5 { margin:1.3em 0 .7em; }
h6 { margin:1.6em 0 .8em; }
th, td { padding:.2em; vertical-align:middle; }
th { padding:.4em; } 
caption { padding-bottom:.8em; } /* padding instead of margin for IE */
blockquote { padding:0 1em; margin:1.6em 0; }
fieldset { padding:0 1em 1em 1em; margin:1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left:.8em; padding-right:.8em; }
legend+* { margin-top:1em; } /* compensates for the opera margin bug */
textarea, input { padding:.3em .4em .15em .4em; }
select { padding:.1em .2em 0 .2em; }
option { padding:0 .4em; }
a { } /* for larger click-area */
dt { margin-top:.8em; margin-bottom:.4em; }
ul { }
ol { margin-left:2.35em; }
ol ol, ul ol { margin-left:2.5em; }
form div { margin-bottom:.8em; }

/* 24 COLUMN GRID */
.container { margin:0 auto; }

.last, div.last {margin-right:0 !important; }
.column, div.span-1, div.span-2,div.span-2_25,div.span-2_5, div.span-3,div.span-3_25,div.span-3_5, div.span-4,div.span-4_5, div.span-5,div.span-5_25,div.span-5_5,.span-5_7, div.span-6,div.span-6_25,div.span-6_5, div.span-7,.span-7_7, .span-7_75, div.span-8, div.span-9,div.span-9_25, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14,div.span-14_5, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, .span-26,.span-26_1 {float:left;margin-right:10px;display:inline;/*for ie*/}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee; }
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee; }
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix, .container {display:inline-block; }
* html .clearfix, * html .container {height:1%; }
.clearfix, .container {display:block; }
.clear { clear:both; display:block; overflow:hidden; width:0; height:0; }
.form_error { color:red; font-weight:bold; margin-left:10px; }

/* to create serif italic dramatic text, use this class */
.fancy { 
	color:#666; 
	font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
	font-style:italic;
	font-weight:normal;
}

/* creates small caps */
.caps { 
	font-variant:small-caps; 
	letter-spacing:1px; 
	text-transform:lowercase; 
	font-size:1.2em;
	font-weight:bold;
	padding:0 2px;
}

.alert {
	background:#fff6bf url(images/icons/exclamation.png) center no-repeat;
	background-position:15px 50%; /* x-pos y-pos */
	text-align:left;
	padding:5px 20px 5px 45px;
	border-top:2px solid #ffd324;
	border-bottom:2px solid #ffd324;
}
	
/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none; padding:0; margin:0; }


/* TEXT CLASSES */
.container .small { font-size:.8em;margin-bottom:1.875em;line-height:1.875em; }
.container .small b { font-size:1.1em; font-weight:bold; }
.container .large { font-size:1.2em;line-height:2.5em;margin-bottom:1.25em; }
.container .hide { display:none; }
.container .quiet { color:#666; }
.container .loud { color:#000; }
.container .highlight { background:#ff0; }
.container .top { margin-top:0;padding-top:0; }
.container .bottom { margin-bottom:0;padding-bottom:0; }
.container .thin { font-weight:lighter; }
.container .error, .container .notice, .container .success { padding:.8em;margin-bottom:1.6em;border:1px solid #ddd; }
.container .error { background:#FBE3E4;color:#cc0000;border-color:#FBC2C4;font-weight:bold; }
.container .notice { background:#FFF6BF;color:#514721;border-color:#FFD324;line-height:18px; }
.container .success { background:#E6EFC2;color:#264409;border-color:#C6D880; }
.container .error a { color:#8a1f11; background:none; padding:0; margin:0; }
.container .notice a { color:#514721; background:none; padding:0; margin:0; }
.container .success a { color:#264409; background:none; padding:0; margin:0; }
.container .center { text-align:center; }
.container .middle { vertical-align:middle; }
.container .valign-bottom { vertical-align:bottom; }
/*---------STYLES FOR BUTTONS----------*/
/* Demo:particletree.com/features/rediscovering-the-button-element */
/*
	<button type="submit" class="button positive">
		<img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
	</button>
	<a class="button" href="/password/reset/">
		<img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
	</a>
	<a href="#" class="button negative">
		<img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
	</a>
*/

/*.container a.button, .container .notice a.button, button {
	display:inline-block;
	float:left;
	margin:0 0.583em 0.667em 0;
	padding:5px 10px 5px 7px;  Links 
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	background-color:#f5f5f5;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
}
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 
}

button img, .container a.button img{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
	float:none;
}

 Standard Buttons 
button:hover, a.button:hover{
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
a.button:active, button:active{
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}*/

/* Positive */
body .positive {
	color:#529214;
}
a.positive:hover, button.positive:hover {
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
}
a.positive:active, button.positive:active {
	background-color:#529214;
	border:1px solid #529214;
	color:#fff;
}

/* Negative */
body .negative {
	color:#d12f19;
}
a.negative:hover, button.negative:hover {
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
a.negative:active, button.negative:active {
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff;
}
.wrapper {position:relative; }
.lightborder { border:1px solid #999 ; }

.zero {margin:0; padding:0; }
.mb-1 { margin-bottom:10px; }
.mb-2 { margin-bottom:20px; }
.mb-5 { margin-bottom:50px; }
.mr-0 { margin-right:0px !important; }
.mr-10 { margin-right:10px !important; }
.container .mr-20 { margin-right:20px !important; }

.mauto { margin-left:auto !important; margin-right:auto !important; }

.p0 { padding:0px; }
.p5 { padding:5px; }
.brdt-none {border-top:none; }
.brd-none { border:0px solid #fff; }
.brd-none-all , .brd-none-all tr,.brd-none-all th,.brd-none-all td { border:0px solid #fff; }

.brd-0 {border:0px solid #fff; }

.fs12em {font-size:1.2em; }
.lh2 {line-height:2; }

.dispnone { display:none; }

.c0044FF {color:#0044FF; } 

.fright { float:right; }
.fleft { float:left; }
	
/* formularze */
form { clear:both; }

fieldset { border:1px solid #777; padding:5px; }
legend { border:1px solid #777; border-width:1px 1px 0px 1px; font-size:13px; font-weight:bold; margin-left:10px; padding:5px 10px; }
form ul { list-style:none; margin-top:5px; }
form ul li { display:block; float:left; width:100%; height:1%; padding-bottom:4px; }
form ul li label { float:left; padding:4px; width:140px; }
form ul li input, ul li textarea { float:left; border:1px solid #ccc; padding:3px; margin-right:5px; }
form ul li textarea { width:30%; }
form .submit { background:#E5E5E5; border:1px solid #CCC; padding:2px; -moz-border-radius:4px; }
form .submit:hover { background:#D1D1D1; }

.w25p { width:25%; }
.w50 { width:50px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.formmsg { margin-left:5px; }
/* formularze */