/*---------------------------------------------------------
Cascading Style Sheets for ftfshop.eu - 
-----------------------------------------------------------*/

/*------------------  
  kolory :
  bordo ( miklobit ) #405F72
  złoty jasny ( logo ftfshop ) #D5BD7D
  złoty ciemny ( linki ) #405F72
  zomo ciemne ( tlo loga ) #405F72
  zomo rozjasnione ( menu glowne )  #789BB4
  szary jasny ( logo ftfshop ) #DCDDDE
------------------*/   

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: url('../images/background-greygradient.gif') repeat-x;
  background-color: white;
  padding: 0;
  margin: 0;
  /*Seems pointless - BOH */
  font-size: 11px;
    text-align: center;
}

a {
  color: #405F72; 
  text-decoration: none;
}

a:visited {
  color: #000;
  text-decoration: none;  
}

a:hover {
  color: #000;
  text-decoration: underline;
}

img {
  border: none;
}

.warning {
  color: #DB7388;
  font-weight: bold;
}

.csc-header h1  {
  font-size: 14px;
  color: #405F72;
  margin: 10px 0 10px 0;
  font-weight: normal;
}

h1.csc-firstHeader, h2.csc-firstHeader {
  font-size: 14px;
  color: #405F72;
  margin: 0 0 18px 0;
  font-weight: normal;
}


h1.underlined, h2.underlined {
  font-size: 12px;
  padding: 0 0 10px 0;
  background: url('../images/underlined_headline_bg.gif') repeat-x 0 24px;
  margin: 10px 0 14px 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 12px;
  font-weight: bold;
  margin: 10px 0 16px 0;
}

input, select, option {
  font-size: 11px;
}

p {
  font-size: 11px;
  line-height: 140%;
//  line-height: normal;
  margin: 6px 0;
}

th, td {
  font-size: 11px;
}

#main-column ol {
  font-size: 12px;
//  line-height: 18px;
  line-height: normal;  
  margin: 10px 0 16px 0;
}

#main-column ol li {
  padding: 0 0 0 15px;
  margin: 10px 0 10px 30px;
}


#main-column ul {
  font-size: 11px;
//  line-height: 18px;
  line-height: normal;
  margin: 10px 0 16px 15px;
  list-style-type: none;
}

#main-column ul li {
  background: url('../images/background-li.png') no-repeat 4px 8px;
  padding: 0 0 0 15px;
  margin: 5px 0 5px -15px;
  font-size:11px;
}

#opengeocoin-container {
  background-color: #FFF;
//  background-color: #DCDDDE ;
  width: 1000px;
  text-align: left;
  margin: 0 auto;
}

div, ol, ul, li, img, form, select, input, table, td {
  margin: 0;
  padding: 0;
}

div.clear {
  clear: both;
  font-size: 1px;
  height: 1px;
}

/*-------------------- header elements --------------------*/

#header {
  background-color: #405F72;
  height: 150px;
  width: 100%;
  float: left;  
}

#logo {
  width: 400px;
  height: 150px;
  float: left;
  /*  background-color: #405F72; */
}

#logo img {
  margin: 10px 0 0 20px;
}

#services {
  font-size: 11px;
  line-height: 19px;
    color: #fff;
  text-align: right;
  width: 243px;
  margin: 10px 12px 0 0;
  float: right;

}

#services form {
  height: 24px;
}

#services label {
  vertical-align: middle;
}

#portal-nav select#portal-select {
  font-size: 11px;
  line-height: 19px;
  width: 180px;
  height: 20px;
  border: solid 1px #8C8C8C;
  vertical-align: middle;
}

option.section {
  color: white;
  background-color: #8C8C8C;
  width: 180px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-bottom: 1px solid black;
}

#search input#sword {
  font-size: 11px;
  line-height: 16px;
  width: 148px;
  height: 16px;
  border: solid 1px #8C8C8C;
  vertical-align: middle;
}

#search input.go-button {
  width: 25px;
  height: 18px;
  margin: 0 0 0 5px;
  vertical-align: middle;
  border:none;
}

/*-------------------- main-nav --------------------*/

#main-nav {
  font-size: 11px;
  line-height: 19px;
  color: #FFF;
  width: auto;
  height: 21px;
  background-color: #405F72;
  border-top: solid 8px #405F72;
  border-bottom: solid 2px #405F72;
  clear: both;

}

#main-nav ul {
  list-style-type: none;
  height: 21px;
  border-left: solid 1px #405F72;
  margin: 0 0 0 10px;
}

#main-nav li {
  float: left;
}

#main-nav li a {
  color: #FFF;
  text-decoration: none;
  border-right: solid 1px #405F72;
  border-top: solid 1px #405F72;
  padding: 0 15px 0 13px;
  display: block;
  float: left;
}

#main-nav li a:hover {
  background-color: #789bb4;
  border-top: solid 1px #405F72;
}

#main-nav li.act a {
  font-weight: bold;
  background-color: #789bb4;
  border-top: solid 1px #FFF;
}

#main-nav li.act a:hover {
  border-top: solid 1px #FFF;
}

/*-------------------- left-column --------------------*/

#left-column {
  width: 206px;
  float: left;
//  background: #FFF;
  margin: 0px 10px 10px 20px;
}

/*-------------------- left-box --------------------*/

div.left-box {
  border: solid 1px #B9B9B9;
  width: 173px;
  padding: 0 0 11px 0;
  margin: 0 0 18px 8px;
}

div.left-box div.left-box-headline {
  border-bottom: 1px solid #B9B9B9;
  padding: 0 0 3px 0;
  margin: 0 0 10px 0;
}

div.left-box h1 {
  font-size: 12px;
  line-height: 20px;
  color: #405F72;
  width: 161px;
  border-top: 5px solid #405F72;
  padding: 0 0 0 12px;
  margin: 0;
}

div.left-box h2 {
  font-size: 11px;
  line-height: 17px;
  font-weight: normal;
  width: 161px;
  padding: 0 0 0 12px;
  margin: 0;
}

div.left-box p {
  font-size: 11px;
  line-height: 17px;
  width: 149px;
  padding: 0 12px 0 12px;
  margin: 0 0 10px 0;
}

div.news-box {
  font-size: 11px;
  line-height: 17px;
  color: #8C8C8C;
  width: 149px;
  padding: 0 12px 0 12px;
  margin: 0 0 10px 0;
}



/*-------------------- sub-nav --------------------*/

div#sub-nav {
  width: 173px;
  border-bottom: solid 4px #789bb4;
  margin: 3px 0 20px 0px;

}

div#sub-nav-title {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: white;
  background-color: #789bb4;
  border-top: solid 3px #405F72;
  padding: 0 0 2px 11px;
}

div#sub-nav a {
  font-size: 11px;
  line-height: 19px;
  color: black;
  text-decoration: none;
}

div#sub-nav a:hover {
  text-decoration: underline;
}

div#sub-nav a.act {
  font-weight: bold;
}

div#sub-nav li {
  width: 173px;
}

div#sub-nav ul#sub-level1 {
  list-style-type: none;
  width: 173px;
  border-bottom: solid 2px #405F72;
  padding: 4px 0 9px 0;
}

div#sub-nav ul#sub-level1 li a {
  width: 150px;
  background: url('../images/background-subnav.png') repeat-x 20px 2px;
  padding: 4px 0 0 0;
  margin: 0 0 0 12px;
  display: block;
}

div#sub-nav ul#sub-level1 li.act {
  background: url('../images/box-subnav.png') no-repeat 0px 9px;
}

div#sub-nav ul#sub-level2 li.act {
  background: none ;	
//  background: url('../images/box-subnav.png') no-repeat 12px 3px;
}

div#sub-nav ul#sub-level2 {
  list-style-type: none;
}


div#sub-nav ul#sub-level2 li a {
  font-size: 11px;
  line-height: 15px;
  width: 140px;
  background: none;
  padding: 0;
  margin: 0 0 0 22px;
  display: block;
}


div#sub-nav ul#sub-level3 li.act {
//  background: blue 23px 3px;	
  background: url('../images/box-subnav.png') no-repeat 23px 3px;
}



div#sub-nav ul#sub-level3 {
  list-style-type: none;
}

div#sub-nav ul#sub-level3 li a {
  font-size: 10px;
  font-weight: normal ;
  line-height: 15px;
  width: 140px;
  background: none;
  padding: 0;
  margin: 0 0 0 32px;
  display: block;
}

/*----------------- product counter -----------------*/

div#products-counter {
	position: relative ;
	float: left ;	
  	width: 173px;
  	border-bottom: solid 4px #789bb4;
  	margin: 10px 0 20px 0px;	
}

/*----------------- find us on facebook -----------------*/

div#facebook-page {
	position: relative ;
	float: left ;	
  	width: 173px;
  	border-bottom: solid 4px #789bb4;
  	margin: 10px 0 20px 0px;	
}



/*-------------------- main-column --------------------*/

#main-column {
  width: 730px;	
  margin: 0 10px 20px 10px;
  float: left;
//  background: #fff ;  
}

#main-column a {
  font-weight: bold ;
}  


/*-------------------- footer --------------------*/

#footer {
  margin: 0 ; 
  clear: both;
  font-size: 11px;
    background: #405F72;  
}

#forfooter {
    height: 180px;
    background: #405F72; 
}
#forfooter dl {
    float: left;
    width: 33%;
    padding: 34px 0 0 0;
    color: #FFF;
    line-height: 1.2;  
}

#forfooter dl.s13 {
    width: 33%;  
    padding: 34px 0 0 0;    
}

#forfooter dl.s23 {
    width: 66%;  
    padding: 14px 0 0 0;    
}

#forfooter dt {
    text-align: center;
    height: 50px;
    padding: 0 20px;
}
#forfooter dt  { color: #FFF; font-size: 9pt; }
#forfooter dd { padding: 10px 20px 5px; text-align: justify; }

#forfooter a:link, #forfooter a:visited { color: #FFF; text-decoration: none; text-decoration: underline; }
#forfooter a:hover, #forfooter a:active { text-decoration: underline; color: #405F72; }


/*TODO: Need to add some kind of clear under the footer*/
#footer-copyright {
  float: left;
  width: 80%;
}

/*
#footer img {
  margin: 0 0 5px 0;
  float: right;
}
*/


/*-------------------- forms --------------------*/

fieldset.csc-mailform {
  border: 0px;
}

.csc-mailform-field label {
  background-color: #fff;
  padding: 2px;
  margin-bottom: 4px;
//  width: 476px;
  width: 20% ;
}

.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select {
  border: 1px solid #405F72;
  background-color: #fff;
  padding: 2px;
  margin-bottom: 4px;
  margin-left: 30% ;
//  width: 476px;
  width: 70% ;
  align: top;
}

.csc-mailform-field input:hover,
.csc-mailform-field input:focus,
.csc-mailform-field textarea:hover,
.csc-mailform-field textarea:focus {
  border: 1px solid #405F72;
}


.csc-mailform-field input.csc-mailform-radio,
.csc-mailform-field input.csc-mailform-check {
  border: 0px;
}

.csc-mailform-field input.csc-mailform-radio,
.csc-mailform-field input.csc-mailform-check,
.csc-mailform-field input.csc-mailform-submit {
  width: auto;
}

.csc-mailform-field span.csc-mailform-radio fieldset {
  border: 0px;
  margin-bottom: 4px;
}

.csc-mailform-field input.csc-mailform-submit {
  background-color: #405F72;
  color: #fff;
  font-weight: bold;
  border: 1px solid #405F72;
  margin-bottom: 20px;
}


/*-------------------- tables --------------------*/

.contenttable-0 th {
  background-color: #405F72;
  color: #fff;
  font-weight: bold;
  border-bottom: 2px solid #405F72;
}

.contenttable-0 tbody td {
  padding:  2px;
}


/*-------------------- powermail --------------------*/

.tx-powermail-pi1 label {
  width: 100px; float:left;
}
.tx_powermail_pi1_fieldwrap_html {
  padding-bottom: 3px;
}
.tx-powermail-pi1 legend {
  visibility:hidden;
}
.tx-powermail-pi1 fieldset {
  border:0;
}


/*-------------------- header elements --------------------*/

#username {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
    color: #fff ;
  /*text-align: right;
*/
  position:relative;
  width: 190px;
  margin: 37px 0 0 0;
  float: left;
}
#username img {
        position:absolute;
  top:3px;
}
#username #username_menu {
    position:relative;
    left:20px;
}
#username a {
    color: #fff ;
  text-decoration:none;
  margin-left:2px;
  margin-right:2px;

}
#username a:hover {
  text-decoration:underline;
}


#account-login {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
    color: #fff;
  text-align: center;
  width: 140px;
  margin: 37px 0 0 0;
  float: left;
}

#account-login a {
  color: #BE0027;
}

/*-------------------- rootline-nav --------------------*/

#rootline-nav {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 19px;
  color: #FFF;
  width:auto; /*TODO: check cross browser*/
  height: 35px;
  background-color: #8C8C8C;
  border-bottom: solid 1px #000;
  /* margin: 0 12px 40px 0; */
    margin: 0 0 40px 0;
}

#rootline-nav img {
  margin: 0 26px 0 0;
  float: left;
}

#lang-selector {
  width: 200px;
  padding: 10px 0 0 20px;
  float: left;
}



#rootline-path {
  padding: 10px 0 0 20px;
  float: left;
}

#rootline-path a{
  color: #FFF;
}

#curr-selector {
  padding: 10px 0 0 20px;
  margin: 0 30px 0 0 ;
  float: right;
}

/*---------------- language selector ---------------*/

.tx-srlanguagemenu-pi1 p, .tx-srlanguagemenu-pi1 .links-list-header { font-family: Verdana, sans-serif; font-size: .8em; line-height:100%; color: #35006d; margin-top: 8px; padding: 0; text-indent: 0; }
.tx-srlanguagemenu-pi1 img { margin: 0 0px; padding: 0; border-style: none; }
.tx-srlanguagemenu-pi1 .CUR { float: left; font-size: .8em; }
.tx-srlanguagemenu-pi1 .CUR a { background-color: transparent; color: #35006d; text-decoration: none; font-weight: bold; }
.tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active { color:#333333; }
.tx-srlanguagemenu-pi1 .NO { float: left; font-size: .8em; }
.tx-srlanguagemenu-pi1 .NO a { background-color:transparent; color: #35006d; text-decoration:none; font-weight:bold; }
.tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, .tx-srlanguagemenu-pi1 .NO a:active { color:#333333; }
.tx-srlanguagemenu-pi1 .INACT { float: left; font-size: .8em; }
.tx-srlanguagemenu-pi1 .INACT a { background-color:transparent; color: #35006d; text-decoration: none; font-weight: normal; }
.tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT a:hover, .tx-srlanguagemenu-pi1 .INACT a:active { color: #333333; }
.tx-srlanguagemenu-pi1 .SPC {  float: left; font-family: Verdana, sans-serif; font-size: .8em; line-height: 100%; color: #35006d; }
.tx-srlanguagemenu-pi1 fieldset { }
.tx-srlanguagemenu-pi1 fieldset legend { }
.tx-srlanguagemenu-pi1 fieldset label { display: none; }
.tx-srlanguagemenu-pi1 fieldset select { font-size: .8em; font-family: Verdana, sans-serif; background-color: #35006d; color: white; font-weight: bold; }
.tx-srlanguagemenu-pi1 fieldset option.tx-srlanguagemenu-pi1-option-0 { }


/*-------------------- sponsors --------------------*/

div#sponsors {
  margin: 0 0 0 26px;
}

div#sponsors div#sponsors-headline {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 19px;
  color: #8C8C8C;
  width: 135px;
/*  background: url(/fileadmin/templates/images/background-sponsors.gif) repeat-x 20px 20px;*/
  padding: 0 0 4px 0;
  margin: 0 0 6px 0;
}

div#sponsors img {
  margin: 0 0 10px 0;
}

/*-------------------- Code listing --------------------*/

pre.programlisting {
  font-size: 12px;
}

/*-------------------- Core team list --------------------*/

ul#core-team-members {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#core-team-members li {
  background-image: none;
  float: left;
  width: 45%;
  margin-top:0;
}

ul#core-team-members li img {
  float: left;
  margin-right:1ex;
}