/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
*					CSS Framework
* base formating
* Started by:		Mitis (mitis@wiksa.pl), 2008-09-06.
* --------------------------------------
* Modified:			Your ID, date
* Descr:			what have changed
*
* colors: !!! when modyfing please replace and properly name color usage !!!
* base_color_1: 		#007dd1; 		LumenBlue
* background: 			#fff; 			White
* text: 				#000;			Black
* border: 				#aaa;			67% brightness
* sub border: 			#ccc;			80% brightness
* error:				#b31010			Mat Red
* success:				#00ab41			Seoshop Green
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/

* { margin: 0px; padding: 0px; }

body {
    font-size: 12px;
    font-family: Verdana,Tahoma,Arial;
    color: #000;
    background: #fff;
}

img {border:none;vertical-align: middle;}

a {	text-decoration: none; color:#007dd1; }

em {font-family: Georgia,Times, Times New Roman;}

small em,.small em {font-family: Verdana,Tahoma,Arial;}

h1,h2,h3,h4,h5,h6 {	padding:0.5em 0.2em; color:#007dd1; }

p, li {padding:0.25em;}

dd { padding: 0.4em 0.3em 0.2em 0.3em;}

td,th {padding:0.3em 0.4em;}
td {vertical-align: top;}

p {padding-top: 0.35em;line-height: 1.5em;}

ul,dl,ol,dd {
	margin-left:1.2em;
	margin-bottom:1em;
	text-align: left;
}

ul.outside {list-style-position: outside;margin-left:2.4em;}
ul.inside {list-style-position: inside;}

dd ul,dd dl,dl dd,li ul,li ol,td ul,th ul,td ol,th ol {
	margin-bottom:0px;
}

ol {list-style: decimal inside;}

dt {font-weight:bold; font-size:14px;padding:0.3em;}

dl.small dt {font-size:10px;}

pre {
	border: dashed 1px #aaa;
	padding:0.5em;
	margin-bottom: 1em;
	overflow:scroll;
}

hr {
    background: #ccc;
    border: none;
    clear: both;
    color: #ccc;
    float: none;
    height: 1px;
    margin: 1em 0;
    width: 100%;
}

hr.space {
    background: none;
    color: #fff;
    visibility: hidden;
}

hr.clear,hr.clean {
	margin:0;
	background: none;
	visibility: hidden;
}

/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
*					Tables
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/
table {
	border:solid 1px #aaa;
	border-right:none;
	border-bottom:none;
	margin-bottom:1em;
}

table td,th {
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
}

thead th {
	background: #E0E0E0;
	text-align:left;
}

table.wide {width:100%;}
table.center {margin-left:auto;margin-right:auto;}
table.params th {text-align: right; color:#000; width:40%; font-weight: bold;}
table.clean, table.clean td, table.clean th {background: none; border:none; color:inherit;}
table.rowhover tbody tr:hover {background: #efefef;}
table.top td, table.top th, td.top, th.top {vertical-align: top;}

table tr.highlight, table tr td.highlight {
	background-color: #EFEFEF;
}

tr.mark {
	background-color: #007dd1;
}

tr.here {
	background-image: url('../img/table_tr_here.gif');
	background-repeat: no-repeat;
	background-position:  0px 50%;
}

tr.here td:first-child {
	padding-left:15px;
}

tr.separator td,tr.separator th {
	border-bottom: #ccc solid 1px;
}

/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
*					Forms
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/

input[readonly="readonly"], textarea[readonly="readonly"] {
	border: solid 1px #ACACAC;
	color: #ACACAC;
}

input[type="button"],input[type="submit"],input[type="reset"],button {
	cursor: pointer;
	padding:0.2em;
	font-size:inherit;
}


/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
*					Classes
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/

.align-center 	{text-align: center !important;}
.align-right 	{text-align: right !important;}
.align-left		{text-align: left !important;}
.align-middle 	{vertical-align: middle;}
.align-top 		{vertical-align: top;}
.align-bottom 	{vertical-align: bottom;}
.impact			{font-family:impact !important;}
.normal 		{line-height: normal !important; font-weight: normal !important;}
.bold			{font-weight: bold !important;}
.small			{font-size: 10px !important;}
.no,.error		{color:#b31010 !important;}
.yes,.success	{color:#00ab41 !important;}
.warning		{color:#ef6a00 !important;}
.italic			{font-style: italic !important;}
.underline		{text-decoration: underline !important;}
.border 		{border: solid 1px #aaa;}
.big 			{font-size:16px !important;}
.large          {font-size:20px !important;}
.huge 			{font-size:24px !important;}
.grey,.gray		{color:#ccc !important;}
.scroll 		{overflow: scroll;}
.cursor-help	{cursor:help;}
.cursor-pointer	{cursor:pointer;}
.cursor-default,.cursor-normal	{cursor:default;}
.no-wrap 		{white-space: nowrap;}

.highlight	{background: #FFF4BB;}

img.left {float:left;margin:5px;}

p.inline {display: inline;}

div.indent {
	margin-left: 2em;
}


ul.inline > li {display: inline;}
ul.clean > li {list-style: none;}
ul.clean-all {margin-left:0;}
ul.clean-all li {list-style: none;}

/* Transparency (fuck IE - filter:alpha(opacity=50) <- wtf is that duing in css?) */
.transparent-1 {-moz-opacity:0.9;	-khtml-opacity: 0.9;	opacity: 0.9; 	-webkit-opacity:0.9;}
.transparent-2 {-moz-opacity:0.8;	-khtml-opacity: 0.8;	opacity: 0.8; 	-webkit-opacity:0.8;}
.transparent-3 {-moz-opacity:0.7;	-khtml-opacity: 0.7;	opacity: 0.7; 	-webkit-opacity:0.7;}
.transparent-4 {-moz-opacity:0.6;	-khtml-opacity: 0.6;	opacity: 0.6; 	-webkit-opacity:0.6;}
.transparent-5 {-moz-opacity:0.5;	-khtml-opacity: 0.5;	opacity: 0.5; 	-webkit-opacity:0.5;}
.transparent-6 {-moz-opacity:0.4;	-khtml-opacity: 0.4;	opacity: 0.4; 	-webkit-opacity:0.4;}
.transparent-7 {-moz-opacity:0.3;	-khtml-opacity: 0.3;	opacity: 0.3; 	-webkit-opacity:0.3;}
.transparent-8 {-moz-opacity:0.2;	-khtml-opacity: 0.2;	opacity: 0.2; 	-webkit-opacity:0.2;}
.transparent-9 {-moz-opacity:0.1;	-khtml-opacity: 0.1;	opacity: 0.1; 	-webkit-opacity:0.1;}

.box-shadow {box-shadow:2px 2px 5px #000;	-moz-box-shadow:2px 2px 5px #000;	-khtml-box-shadow:2px 2px 5px #000;	-webkit-box-shadow:2px 2px 5px #000;}
.box-glow {box-shadow:0px 0px 5px #000;	-moz-box-shadow:0px 0px 5px #000;	-khtml-box-shadow:0px 0px 5px #000;	-webkit-box-shadow:0px 0px 5px #000;}
.text-shadow {text-shadow:2px 2px 5px #000;	-moz-text-shadow:2px 2px 5px #000;	-khtml-text-shadow:2px 2px 5px #000;	-webkit-text-shadow:2px 2px 5px #000;}
.text-glow {text-shadow:0px 0px 5px #000;	-moz-text-shadow:0px 0px 5px #000;	-khtml-text-shadow:0px 0px 5px #000;	-webkit-text-shadow:0px 0px 5px #000;}