/* andreas02 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for
OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For
design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 27, 2005)

Screen layout: */

body {
padding: 0;
margin: 0;
font: 76% tahoma, verdana, sans-serif;
background: #e0e0e0;
color: #303030;
}

/**

 D E F A U L T S 

**/

td,input {
font: 12px tahoma, verdana, sans-serif;
}

a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
}

hr {
    border-color: #3B3B3B;
    margin: 0px;
}

img {
    behavior: url(templates/tuksi/iepngfix.htc);
}

#toptabs {
margin: 10px auto -13px auto;
font-size: 0.8em;
width: 760px;
}

#toptabs p {
text-align: right;
color: #808080;
}

.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
background: #f0f0f0 url(images/corner2.gif) top right no-repeat;
color: #808080;
border-bottom: 1px solid #e0e0e0;
}

.toptab:hover {
background: #fafafa url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #eaeaea;
color: #505050;
text-decoration: none;
}

.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #505050;
text-decoration: none;
background: #ffffff url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
}

.activetoptab:hover {
text-decoration: none;
}

#container {
margin: 0 auto 15px auto;
width: 760px;
padding: 5px 20px 20px 20px;
/* background: #ffffff url('images/borders.gif') repeat-y; */
background: #ffffff; 
text-align:left;
display:block;
top: 10px;
position:relative;
/* w\idth: 800px; */
}

.maincontainer {
	background: #ffffff url('images/borders.gif') repeat-y;
}

#logo {
margin: 15px 0 0 0;
}

#logo h1 a {
color: #303030;
}

#logo h1 a:hover {
text-decoration: none;
}

#navitabs {
clear: both;
width: 760px;
padding: 4px 0px 5px 0px;
}

.navitab, .activenavitab {
padding: 4px 8px 4px 8px;
margin: 4px 3px 4px 0;
text-decoration: none;
letter-spacing: 1px;
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.navitab:hover {
text-decoration: none;
background: #d0d0d0 url(images/corner.gif) top right no-repeat;
}

.activenavitab {
/* padding: 4px 8px 4px 8px; */
color: #ffffff;
/* margin: 0 0 5px 0; */
text-decoration: none;
background: #505050 url(images/corner.gif) top right no-repeat;
border-bottom: 1px solid #505050;
}

.activenavitab:hover {
text-decoration: none;
}

#desc {
height: 40px;
color: #ffffff;
padding: 0;
background: #505050;
clear: both;
line-height: 40px;
letter-spacing: 2px;
/* margin: 5px 0 0 0; */
}

#desc p {
width: 290px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc h2 {
padding: 15px 15px 0 15px;
color: #ffffff;
}

#desc a {
color: #ffffff;
text-decoration: none;
font-size: 0.9em;
font-weight: bold;
position: relative;
top: 4px;
left: 8px;
}

#main,#main_wide {
width: 435px;
float: left;
padding: 0 15px 0 0px;
/* border-right: 1px solid #d0d0d0; */
/* border-left: 1px solid #d0d0d0; */
}

#main_wide {
	width: 514px;
	border-right: 0px none;
}


.block {
background: #f0f0f0;
padding: 15px;
}

.block_small {
background: #f0f0f0;
padding: 7px;
}

.block_alu {
background: #f0f0f0;
padding: 7px;
}

#sidebar {
width:220px;
float:right;
background: #f0f0f0;
padding: 4px;
clear: right;
}

#leftsidebar {
width:140px;
/* padding-right:10px; */
float:left;
}


#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}

#sidebar p.header {
	font-size: 1.0em;
	font-weight: bolder;
	line-height: 2em;
	background: #E6E6E6;
}
#sidebar ul#menulist {
	padding-left: 20px;
	margin-top: 4px;
    margin-left: 0px;   
}
#sidebar ul#menulist li img {
	padding-right:4px;
}

.sidelink {
text-align: left;
display: block;
width: 120px;
background: #f0f0f0 url(images/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration: none;
}

#footer {
clear: both;
background: #fafafa;
color: #808080;
font-size: 0.9em;
padding: 8px 0 8px 0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
text-align: center;
}

#footer a {
color: #808080;
}

h1 {
margin: 0 0 20px 0;
font-size: 2.1em;
font-weight: normal;
}

h2 {
/* margin: 0 0 20px 0; */
font-size: 1.2em;
font-weight: bold;
}

h3 {
/* margin: 20px 0 10px 0; */
font-size: 1em;
font-weight: bold;
}

h4 {
margin: 12px 0px 4px 0px;
font-size: 1.1em;
}

h4#red {
	color:red;
}

h4#green {
	color: green;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

p.maint {
margin: 20px 0 10px 0;
font-size: 1.0em;
font-weight: bold;
}

.right {
text-align: right;
}

a img {
border: 0;
vertical-align:middle;
}

.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}


ul.ttld {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:100%;
}

ul.ttld li {
	border-left:0px none;
	margin-left:0px;
	padding-left:0px;
	float:left;
	margin:0px;
	padding:0px;
	width: 56px;
}

p.error {
	font-weight:bold;
	color:red;
}

b.red {
	color:#D69201;
	padding-right: 4px;
}

font.small {
	font-size: 0.7em;
}


/**

 S P A N section

**/

span.clarify {
font-size: 0.8em;
}

span.pricetag {
	color:red;
	font-weight: bolder;
	font-size: 150%;
	padding-right:4px;
}

span.pricetag2 {
	color:red;
	font-weight: bolder;
	font-size: 130%;
	padding-right:4px;
}

span.comment {
	font-size:73%;
	vertical-align:super;
}

span.errorMsg {
	color: red;
	font-weight: bold;
}

span#important {
	color:#D69201;
}

/**

 T A B L E section
 
**/
table.cenik { 
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 580px;
	background-color: #f0f0f0;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 1em;
}

table.box_wide, table.box_medium, table.box_narrow, table.box_tiny {
  border-collapse: collapse;
  background: #EDF4F7;
  margin:0px;
	border: 1px solid #C6D0D5;
  width:434px;
}

table.box_wide td {
	padding:4px 4px;
	overflow: hidden;
/* 	border-top: 1px solid #C6D0D5; */
}

table.box_wide td.col1 {
	text-align: center;
	width: 12px;
}

table.box_wide td.col2 {
	text-align: left;
	width: 182px;
}

table.box_wide td.col3 {
	text-align: center;
	width: 98px;
}

table.box_wide td.col4 {
	width: 100px;
	text-align: right;
}

table.box_wide td.col_span {
 	width: 84px;
}

table.box_wide tr.row_11_0, table.box_wide tr.row1_0_0 {
  border-bottom: 1px dotted #C6D0D5;
}

table.box_wide #col_right {
	text-align:center;
}

table.box_medium {
  width:386px;
}

table.box_medium td {
	padding: 4px;
}

table.box_medium #col1 {
	width: 36px;
	text-align:center;
}

table.box_medium #col2 {
	width: 122px;
	font-weight:bold;
	overflow: hidden;
}

table.box_medium #col3,#col3red {
	width: 116px;
	font-weight:bold;
	color: green;
}

table.box_medium #col4 {
	width: 64px;
	text-align: right;
	padding-right:4px;
}

table.box_medium #col3red {
	color:red;
}

table.box_medium #col_left {
	text-align:left;
}

table.box_narrow {
	width: 360px;
}

table.box_narrow td {
	padding: 4px;
}

table.index_prices {
/* 	width: 600px; */
	width: 100%;
	border: 0px none;
	border-collapse: collapse;
}

table.index_prices td {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	height:24px;
	vertical-align:bottom;
	border-bottom: 1px dotted #727272;
}

table.index_prices td#col1_2 {
	font-size: 14px;
}

table.index_prices td#col2 {
	text-align:right;
	padding-right:8px;
}

table.box_tiny {
	width:296px;
}

table.box_tiny td {
	padding:4px 4px;
	text-align: center;
}

/**

 D I V section

**/

div.searchBox {
/* 	background: #f0f0f0; */
	background: red;
	padding:10px 14px;
	width:358px;
	
}

div.searchBoxhighlight, div.box_wide_highlight, div.box_medium_highlight {
/* 	background-image: url('images/rect1.png'); */
/* 	background-repeat:no-repeat; */
	background: red;
/*	background: #DFEAF0 url(images/corner_remove.gif) top right no-repeat;*/
 	padding:6px 14px; 
	width:358px;
}

div.box_wide_highlight {
	width: 414px;
	padding: 4px 10px 4px 10px;
	font-weight: bold;
/* 	background-image: url('images/rect1.png'); */
/* 	background-repeat:no-repeat; */
	background: red;
  border: 1px solid #C6D0D5;
 }

div.sub_box_wide {
	float:left;
	width:200px;
	padding: 8px 16px 0px 0px;
}

div#index_col2 {
	float:left;
}

div#index_col1 {
	width: 200px;
	float:right;
	margin-top:-2px;
}

div.iefix {
	text-align:center;
}

div#blockDiv {
	position:absolute;
	width:760px;
	text-align:center;
	top:250px;
/* 	background: red; */
/* 	display:none; */
}

div#searchBox {
  width:165px;
  height:80px;
  background-image: url('images/searching.gif');
  background-repeat: no-repeat;
  margin-left:auto;
  margin-right:auto;
}



/**

 (lost) T D section

**/


td#header {
	background-image: url('images/rect1.png');
	background-repeat:no-repeat;
	font-weight:bold;
	padding: 6px 10px;
  border: 1px solid #C6D0D5;
  text-align: left;
  font-size: 12px;
}

td.header, td.header2 {
	font-weight:bold;
	font-size: 1.2em;
	color: black;
	border-bottom: 2px solid #6699CC;
	border-left: 1px solid #6699CC;	
	padding-top:0.3em;
	padding-bottom:0.3em;	
	background-color: #E6ECF0;
}

td.header2 {
	font-size: 1.1em;
	padding-left:16px;
}

td.center {
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}

td.sifrant {
	font-weight: bold;
}

tr.row1_0 {
	width:450px;
}

/* searching box */
td.waitbox {
	display: none;
}


/**

 I N P U T section
 
**/
label {
padding: 4px;
}
input, select {
	vertical-align: middle;
    background-repeat: repeat-x;   
/*     border: 1px solid gray; */
}

input[type="password"], input[type="text"], textarea  {
    background-image: url(images/input_bg.png);
    background-repeat: repeat-x;   
    border: 1px solid gray;
    padding:4px;
}

input[type="text"] {
	font: 100% tahoma, verdana, sans-serif;
    border: 1px solid grey;   
}

input[type="checkbox"] {
	font: 100% tahoma, verdana, sans-serif;
	padding-left:0px;
	margin-left:0px;   
/*     border: 0px solid black;    */
}

input[type="image"] {
	vertical-align:middle;
}

input.formfield {
}

/**

 EVERYTHING ELSE
 
**/
div#youarehere {
	background-color: #F0F0F0;
	padding: 2px 4px;
	border-bottom: 1px solid #D0D0D0;
}

p.clientarealinks {
	padding: 0px;
}
	
#domene-5 { background:#036 ; color:#FFF ; overflow:hidden ; text-align:center }
/* #toggle { display:none } */

.hidden {
/* 	display: none; */
	float: left;
	position: absolute;
	top: 0px;
	left: -1000px;
}

.pricing {
    color:#9F0000;
    font-size:12px;
    font-weight: bold;
    line-height: 2em;
}

table.frame {margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}
table.frame{border:1px solid #EBEBEB;border-bottom:0;margin:10px 0;padding:0;}

/* --------------------------------------------------------------
   BUTTONS
-------------------------------------------------------------- */

input.button,input.buttongo,input.buttonwarn {
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:4px 7px 3px 7px;
}
input.button:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
input.buttongo:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
input.buttonwarn:hover{
    background-color:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

/* --------------------------------------------------------------
   KNOWLEDGEBASE
-------------------------------------------------------------- */

.kbarticle {
    padding: 2px 5px 5px 15px;
}

.kbviews {
    color:#A8A8A8;
    font-size:10px;
}

.kbalsoread {
    padding: 5px 5px 5px 15px;
    background-color: #f8f8f8;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    font-weight: bold;
    margin: 10px 0 10px 0;
}



/* --
-- */

.successbox {
	border: 1px dashed #66CC00;
	font-weight: bold;
	background-color: #DDFFC6;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #009933;
	margin-left: auto;
	margin-right: auto;
}