/* CSS of skodafavorit.cz / developed by yavoo creators */

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

body {height: 100%; background: #026582 url('../images/bg.jpg') repeat-x; color: #000; font: 12px/normal Tahoma, Arial, Helvetica, sans-serif;}

#shade {position: absolute; width: 100%; _width: 1000px; height: 100%; background: transparent url('../images/shade.png') no-repeat; background-position: center top;}

#wrap {position: relative; width: 980px; margin: 0px auto;}
#wrap_clear {clear: both; width: 980px; height: 1px;}

.clear {clear: both;}

.content_wrap {padding: 10px;}
.content_wrap_min {padding: 5px;}

/* H */
h1 {color: #215a60; font-size: 18px;}
h2 {color: #09252c; font-size: 14px;}

/* TOP MENU */
#top_menu {position: relative; width: 100%; height: 80px; background: transparent url('../images/bg_top.png') repeat-x; color: #fff;}
  #top_menu ul {position: relative; width: 720px; margin: 0px auto; list-style-type: none;}
  #top_menu ul li {float: left; padding-top: 30px; width: 120px; height: 60px; text-align: center; background: transparent url('../images/topmenu_item.png') no-repeat; background-position: center top;}
  #top_menu ul li a {color: #fff; font-size: 14px; text-decoration: none; text-align: center;}
  #top_menu ul li a:hover {color: #09252c; font-size: 14px; text-decoration: underline; text-align: center;}

#header {width: 980px; height: 209px; background: transparent url('../images/header_bg.png') no-repeat;}

#page {position: relative; float: left; width: 680px; margin-bottom: 0px; background: #fff url('../images/page_bg.jpg') no-repeat center bottom;}
#page_bottom {position: absolute; bottom: -11px; left: 0px; width: 680px; height: 11px; background: transparent url('../images/page_bottom.png') no-repeat center top;}

/* HEAD */
#head {position: relative; background: ; width: 680px; height: 200px; margin: 0px auto;}
#lang {position: absolute; right: 10px; top: 15px;}
#lang img {border: 0px;}
#logo {position: absolute; left: 20px; top: 70px; width: 400px; height: 80px;}

/* COLUMNS */
#column_left {position: relative; float: left; width: 150px; height: 300px; clear: both;}
#column_right {position: relative; float: right; width: 150px; height: 300px;}

.column_lt {width: 150px; height: 6px; background: transparent url('../images/column_lt.png') no-repeat;}
.column_lb {width: 150px; height: 6px; background: transparent url('../images/column_lb.png') no-repeat;}
.column_rt {width: 150px; height: 6px; background: transparent url('../images/column_rt.png') no-repeat;}
.column_rb {width: 150px; height: 6px; background: transparent url('../images/column_rb.png') no-repeat;}
.column_content {color: #fff; background: transparent url('../images/column_bg.png') repeat;}

#column_right .column_content {padding: 5px 10px; color: #fff;}

.column_content ul {list-style-type: none;}
.column_content ul li {position: relative; width: 150px; height: 33px; margin-bottom: 3px; background: transparent url('../images/menu_item_bg.png') no-repeat;}
.column_content ul li:hover {text-decoration: underline; color: #fff; background: transparent url('../images/menu_item_bg_hover.png') no-repeat;}
.column_content ul li a {display: block; width: 100%; height: 100%; padding: 8px 0px 0px 45px; color: #fff; font-size: 13px; text-decoration: none;}


/* CONTROL UL*/
ul.control {list-style-type: none;}
ul.control.post {float: right;}
ul.control.topic {float: left;}
ul.control li {position: relative; float: left; height: 25px; padding: 0px; background: transparent url('../images/button_green_left.png') no-repeat left top;}
ul.control li a {position: relative; display: block; padding: 5px 10px 5px 0px; font-size: 10px; margin-left: 6px; color: #7FC5AC; text-decoration: none; background: transparent url('../images/button_green_right.png') no-repeat right top;}
ul.control li a:hover {color: #fff;}
ul.control img {vertical-align: middle; margin-top: -2px; margin-right: 2px; border: 0px;}

/* MENU left main */
#column_left ul li .icon {position: absolute; width: 31px; height: 31px; left: 5px; top: 1px;}
#menu_item_diskuze {background: transparent url('../images/menu_icon/diskuze.png') no-repeat;}
#menu_item_clenove {background: transparent url('../images/menu_icon/clenove.png') no-repeat;}
#menu_item_inzerce {background: transparent url('../images/menu_icon/inzerce.png') no-repeat;}
#menu_item_kalendar {background: transparent url('../images/menu_icon/kalendar.png') no-repeat;}
#menu_item_baze {background: transparent url('../images/menu_icon/baze.png') no-repeat;}
#menu_item_soubory {background: transparent url('../images/menu_icon/soubory.png') no-repeat;}
#menu_item_odkazy {background: transparent url('../images/menu_icon/odkazy.png') no-repeat;}
#menu_item_srazy {background: transparent url('../images/menu_icon/srazy.png') no-repeat;}
#menu_item_autoklub {background: transparent url('../images/menu_icon/autoklub.png') no-repeat;}
#menu_item_chat {background: transparent url('../images/menu_icon/chat.png') no-repeat;}

/* BLOCK search */
#search { width: 678px; height: 40px; background: #09252c; border: 1px solid #fff; border-top: 0px; color: #277d89;}
#search span.title {color: #277d89; font-weight: bold; font-size: 12px;}
#search a {color: #ffffff; font-size: 10px;}
#search input.query {background: #277d89; border: 1px solid #7ec5ac; margin: 0px 5px; color: #fff;}
#search input.submit {padding: 0px 3px;}
#search span.full {float: right; margin: 4px 0px 0px;}

/* BREADCRUMB */
#breadcrumb {position: relative; width: 100%; height: 25px; background: #215a60; color: #fff; font-size: 11px;}
#round_lb {position: absolute; width: 10px; height: 10px; left: 0px; bottom: -10px; background: transparent url('../images/search_round_lb.gif') no-repeat;}
#round_rb {position: absolute; width: 10px; height: 10px; right: 0px; bottom: -10px; background: transparent url('../images/search_round_rb.gif') no-repeat;}

#breadcrumb a {color: #fff; text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline;}

/* FOOTER */
#footer {position: relative; clear: both; margin-top: 15px; width: 100%; height: 20px; text-align: center;}
#footer span, #footer a {font-size: 10px; color: #7fc5ac; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* TABLE */
table {width: 100%; border-collapse: collapse;}
table thead .title td {background: #7ec5ac; color: #fff; padding: 1px; font-size: 12px;}
table tbody td {border-bottom: 1px dotted #7ec5ac; padding: 5px 0px;}

/* HEAD table/content */
.head {position: relative; width: 100%; height: 24px; background: #09252c;}
.head .left {position: absolute; left: 0px; top: 0px; width: 9px; height: 24px; background: transparent url('../images/forum/forum_head_left.gif') no-repeat;}
.head .right {position: absolute; right: 0px; top: 0px; width: 9px; height: 24px; background: transparent url('../images/forum/forum_head_right.gif') no-repeat;}
.head h2, .head h2 a {color: #fff; font-size: 12px; font-weight: normal; padding: 4px 10px; text-decoration: none;}

/* BLOCK login */
#login {position: absolute;	margin: 0px; padding: 0px;	width: 150px;	height: 200px; left: 00px;	top: 10px;}
#nickname-field, #password-field {position: relative;	width: 130px;	color: #fff; border: 1px solid #09252c;background: #277d89; margin: 2px 0px 5px 0px;}
#login-button {	margin: 0px;	width: 77px;	height: 25px;	background: transparent url('../images/button_green_small.png') no-repeat;	border: 0px;	color: #7fc5ac;	font-size: 11px;	padding: 5px;}
fieldset {	border: 0px;	margin: 0px;	padding: 0px;	text-align: left;}
fieldset legend {position: relative;	display: block;	padding: 10px; font-size: 12px; font-weight: bold; color: #09252c;}
fieldset label {position: relative;	color: #09252c;	font-size: 10px; margin: 5px;}

#login p, #login a {color: #215a60;}
#login p {margin: 0px 10px 5px 0px; font-size: 11px;}
#login p#h-login {margin: 10px 10px 5px 5px; font-size: 12px;	color: #09252c;}
#login img.avatar {border: 1px solid #fff; padding: 0px;}

#login ul {list-style-type: none; margin-top: 10px;}
#login ul li {position: relative; height: 18px; margin-bottom: 3px; background: transparent url('../images/radio.png') no-repeat left center;}
#login ul li:hover {text-decoration: underline; color: #fff;}
#login ul li a {display: block; width: 100%; height: 100%; padding: 3px 0px 3px 20px; color: #fff; font-size: 11px; text-decoration: none;}

/* BLOCK users */
#users {position: absolute;	margin: 0px; width: 150px;	height: 190px; right: 0px;	top: 10px; overflow: hidden;}
#users-list {margin: 0px 0px 5px 10px;}
#users p {font-size: 11px; color: #09252c; margin-bottom: 3px;}
#users a {font-size: 11px; color: #09252c; text-decoration: none;}
#users a:hover {color: #fff; text-decoration: none;}
#users p#h-users {margin: 10px 0px 5px 10px; font-size: 12px;	color: #09252c;}
#users .users-count {font-size: 10px; font-weight: bold;}
#users a.sleep {color: #277D89;}
#users a.idle {}


/*************************************
 * FORUM
 ************************************/
#forum {position: relative; margin: 5px;}

#forum p.title {color: #7ec5ac; font-size: 10px; margin: 3px; font-weight: bold;}
#forum span.description {font-weight: normal; color: #999;}
#forum input.topic_name {margin-bottom: 5px;}
#forum input.topic_description {margin-bottom: 5px;}

.forum table {position: relative; margin-bottom: 10px;}
.forum table .column_icon {width: 8%;}
.forum table .column_main {width: 72%;}
.forum table .column_last {width: 20%;}
.forum table tbody td.icon {text-align: center;}
.forum table tbody td {border-bottom: 1px dotted #7ec5ac; padding: 3px 0px;}
.forum table tbody td h3, .forum table tbody td h3 a {color: #09252c; font-size: 12px;}
.forum table tbody td p {color: #09252c; font-size: 11px;}
.forum table tfoot td {background: #7ec5ac; height: 2px;}

.topic table tbody tr.topic_head td {height: 20px; background: #7ec5ac;padding: 1px 5px;}
    .topic table tbody tr.topic_head.best td {background: #09252c;}
.topic table tbody tr.topic_head td img {vertical-align: middle;}
.topic table tbody tr.topic_head td img.user_popup {vertical-align: top;}
.topic table tbody tr.topic_head td span.nick {color: #09252c; font-weight: bold;}
    .topic table tbody tr.topic_head.best td span.nick {color: #fff;}
.topic table tbody tr.topic_head td span.ip {color: #fff; font-size: 11px;}
    .topic table tbody tr.topic_head td span.besttitle {color: #fff; font-size: 11px; font-weight: bold;}
.topic table tbody tr.topic_foot td {background: #cbffed; color: #000; padding: 1px; text-align: right; border-bottom: 2px solid #09252c;}
    .topic table tbody tr.topic_foot.best td {background: #fff; color: #000; padding: 1px; text-align: right; border-bottom: 10px solid #fff;}
.topic table tbody td.info {width: 15%; border-right: 1px dotted #7ec5ac; padding: 5px; vertical-align: top;}
    .topic table tbody td.info.best {background: #c5ebd5;}
.topic table tbody td.info p {color: #000; font-size: 11px; margin-bottom: 3px;}
.topic table tbody td.info span.title {color: #09252c; font-size: 11px; font-weight: bold;}
.topic table tbody td.content {width: 85%; padding: 5px; vertical-align: top; word-wrap: break-word; overflow: hidden;}
.topic table tbody td.content img {max-width: 550px;}
.topic table tbody td.content p {_word-wrap: break-word;}
    .topic table tbody td.content.best {background: #c5ebd5;}
.topic table tbody td.content div.date {font-family: Courier; font-size: 11px; color: #555; margin-bottom: 5px;}

.anchorLink {float: right; display: block; margin: 4px 8px; font-size: 11px; color: #fff; text-decoration: none;}
.anchorLink.dark {float: right; display: block; margin: 4px 8px; font-size: 11px; color: #000; text-decoration: none;}
.anchorLink:hover {text-decoration: underline;}

.ithelpme {width: 250px; float: right; text-align: right;}
.ithelpme a {text-decoration: none;}
.ithelpme span {color: #fff; font-size: 11px;}
.ithelpme .hitResponse {font-weight: bold;}
.ithelpme .hits {font-weight: bold;}

img.avatar {border: 1px solid #ccc; padding: 2px; background: #fff; margin: 0px;}
img.avatar:hover {border: 1px solid #999;}

/* mini H in new post/topic */
h3.lightTitle {background: #7ec5ac; color: #fff; padding: 3px; font-size: 11px; font-weight: normal;}

.button {margin: 0px;	width: 77px;	height: 25px;	background: transparent url('../images/button_green_small.png') no-repeat;	border: 0px;	color: #7fc5ac;	font-size: 11px;	padding: 5px;}


/* QUOTE */
.quote_head {padding:5px; color:#929292; background:#ECECEC url('../images/forum/citation_bg.png') no-repeat right; border-left:4px solid #BDBDBD; border-top:1px solid #BDBDBD; border-right:1px solid #BDBDBD; font-size: 11px;}
.quote {padding:5px; color:#929292; background:#FBFBFB; border-left:4px solid #BDBDBD; border-bottom:1px solid #BDBDBD; border-right:1px solid #BDBDBD;}

/* CONTROL BUTTONS list */
ul.paging {list-style: none; width: 100%;}
ul.paging li {padding: 5px;}
ul.paging li.prev {float: left; width: 180px; text-align: left;}
ul.paging li.next {float: right; width: 180px; text-align: right;}
ul.paging li.page {width: 100%; text-align: center;}
ul.paging li a {color: #09252c; font-size: 10px; font-weight: bold;}
ul.paging li a:hover {color: #7ec5ac;}

/* my*/
#my {padding: 10px;}

/* calendar */
#calendar {padding: 10px;}

/* Meeting */
#meeting {}
#meeting table .time {width: 50px; color: #277D89;}


/*************************************
 * CHAT
 ************************************/
#chat {position: relative; margin: 5px;}
#chat div#chat_input {border-bottom: 2px solid #ddd; padding: 5px 0px;}
#chat div#chat_content {min-height: 200px;}
#chat div.message {padding: 2px; border-bottom: 1px dashed #ddd;}
#chat div.message span.time {color: #7EC5AC; font-weight: normal; font-size: 9px; margin-right: 3px;}
#chat div.message a.author {font-size: 12px; text-decoration: none; color: #215A60; font-weight: bold;}
#chat_input_message {width: 99%; margin: 5px 0px; height: 40px;}
#onlineusers {padding: 3px;}
#onlineusers .chatinguser {color: #7EC5AC; text-decoration: none; cursor: pointer;}

/* homepage */
#hp {}
#hp h1 {display: none;}
#hp_column_left {width: 400px; float: left;}
#hp_column_right {width: 260px; float: right;}

    #lastPhotos {width: 250px; height: 250px; padding: 4px; background: #fff; border: 1px solid #999;}
    #slider2 {
      width: 250px; /* important to be same as image width */
      height: 250px; /* important to be same as image height */
      position: relative; /* important */
    	overflow: hidden; /* important */
    }
    
    #slider2Content {
      width: 244px;
      height: 244px;
      position: absolute;
    	top: 0;
    	margin-left: 0;
    }
    .slider2Image {
        float: left;
        position: relative;
    	display: none;
    }
    
    .slider2Image span {
        position: absolute;
    	font: 10px/15px Arial, Helvetica, sans-serif;
        padding: 10px 13px;
        width: 244px;
        height: 30px;
        background-color: #000;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
    	-khtml-opacity: 0.7;
        opacity: 0.7;
        color: #fff;
        display: none;
    }
    .slider2Image.meeting span {
        background-color: #0a0;
    }
    .slider2Image a {
        color: #fff;
    }
    #slider2 .clear {
    	clear: both;
    }
    .slider2Image span strong {
        font-size: 14px;
    }
    #slider2 .top {
    	top: 0;
    	left: 0;
    }
    #slider2 .bottom {
    	bottom: 0;
        left: 0;
    }
#rssSkoda {width:250px; padding:5px 5px 0;}
#rssTrafic {width:250px; padding:5px 5px 0;}
.newsticker-jcarousellite { width:250px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; border-bottom: 1px dotted #999;}
.newsticker-jcarousellite .info {display: block; font-size:10px; color:#555; padding: 2px 0px;}
.newsticker-jcarousellite .info a {text-decoration:none; color: #09252c;}

/* MEMBER */
#member {padding: 10px;}

#member_navigation ul li {list-style: none;}
#member_navigation ul li a {display: block; float: left; padding: 4px 12px; text-decoration: none; color: #777; font-size: 14px;}
#member_navigation ul li a:hover {background-color: #ddd;}
#member_navigation ul li a.active {color: #fff; background-color: #7EC5AC;}
#member_navigation {border-bottom: 2px solid #7EC5AC; margin-bottom: 5px;}

#member_content {}
#member_content_loading {text-align: center; padding: 100px 0px;}

#member .tab_content {display: none;}

#member p strong {color: #215a60; font-size: 14px;}
.action {clear: both; border-bottom: 1px dotted #7EC5AC; height: 40px; margin-top: 5px;}
.action .date {color: #999; font-size: 11px; margin-top: 3px;}
.action a {color: #215a60; font-weight: bold; text-decoration: none;}
.action a:hover {border-bottom: 1px dotted #215a60;}

/* members */
#members {padding: 10px;}

#members table span {color: #000; font-size: 11px;}
#members table span strong {color: #215a60; font-size: 12px;}
#members table {width: 100%; border-collapse: collapse; margin: 10px 0px;}
#members table td {vertical-align: top;}
#members table tbody td.avatar {width: 50px;}
#members table tbody td {vertical-align: middle;}
#members .memberslinks {text-align: right; padding-right: 5px;}
#members .memberslinks a {color: #999; text-decoration: none;}
#members .memberslinks a:hover {color: #215a60; text-decoration: underline;}

/**/
#gallery {}
#gallery .album {float: left; margin: 9px; text-align: center; width: 75px; height: 80px;}
#gallery .album a {color: #215a60; text-decoration: none;}
#gallery .album a:hover {color: #999; text-decoration: underline;}

.album .photocontainer {width: 130px; height: 130px; float: left; margin: 1px; position: relative;}
.album .photocontainer td {border: 0px; width: 150px; height: 150px; text-align: center; vertical-align: middle;}
.album .photocontainer .photo {border: 1px solid #ccc; padding: 2px; background: #fff;}
.album .photocontainer .photo:hover {border: 1px solid #999; background: #eee;}
.album .inner {position: relative;}
.album .photocontainer .delete-photo {z-index: 9; position: absolute; bottom: -5px; width: 100%; height: 16px; text-align: center;}

/* SETTINGS */
#settings .list {list-style-position: inside; margin: 10px;}
#settings .list li {margin: 5px 0px;}
#settings .list li a {color: #000; font-weight: bold;}
#settings .list li a:hover {color: #215a60;}
#settings input {margin: 3px 0px;}

#settings fieldset {padding: 1em;font:100%/1 sans-serif; border: none; border-top: 1px dotted #7ec5ac; margin-top: 10px;}
#settings label {float:left; width:28%; margin-right:0.5em; padding-top:0.2em; color: #215a60; text-align:right; font-weight: normal;}
#settings legend {padding: 0.2em 0.5em; border: 1px dotted #7ec5ac; color: #7ec5ac; font-size: 12px; font-weight: normal; text-align:left;}
#settings textarea {margin: 3px 0px; width: 60%; height: 50px;}
#settings span {color: #999; font-size: 11px; font-weight: normal;}
#settings .button {margin: 0px;}

/* MESSAGES */
#messages p.title {color: #7ec5ac; font-size: 10px; margin: 3px; font-weight: bold;}
#messages input.message_subject {margin-bottom: 5px;}

/* INSERTION */
.insertion {position: relative; float: left; width: 315px; height: 60px; margin: 10px 5px;}
.insertion .description {color: #7EC5AC; font-size: 11px;}
.insertion a {color: #215A60; font-size: 11px;}

#insertion p.title {color: #7ec5ac; font-size: 10px; margin: 3px; font-weight: bold;}
#insertion span.description {font-weight: normal; color: #999;}
#insertion input.insertion_title {margin-bottom: 5px;}
#insertion input.insertion_price {margin-bottom: 5px;}

/* REGISTRATION */
#registration .title td {color: #57cb06;}
#registration p.perex {color: #999; font-size: 11px;}
#registration #buttons {text-align: center; margin-top: 5px;}

#registration fieldset {padding: 1em;font:100%/1 sans-serif; border: none; border-top: 1px dotted #7ec5ac; margin-top: 10px;}
#registration label {float:left; width:28%; margin-right:0.5em; padding-top:0.2em; color: #215a60; text-align:right; font-weight: normal;}
#registration legend {padding: 0.2em 0.5em; border: 1px dotted #7ec5ac; color: #7ec5ac; font-size: 12px; font-weight: normal; text-align:left;}
#registration input {margin: 3px 0px;}
#registration textarea {margin: 3px 0px; width: 60%; height: 50px;}

#msgboxnick, #msgboxmail {margin-left:10px; border:1px solid #c93; background:#ffc; padding: 1px 3px;}
.messagebox{width:100px; margin-left:10px; border:1px solid #c93; background:#ffc; padding: 1px 3px;}
.messageboxok{width:auto; margin-left:10px; border:1px solid #349534; background:#C9FFCA; padding: 1px 3px; font-weight:bold; color:#008000;}
.messageboxerror{width:auto; margin-left:10px; border:1px solid #CC0000; background:#F7CBCA; padding: 1px 3px; font-weight:bold; color:#CC0000;}
.password {}
.pstrength-minchar {font-size : 10px;}
.pstrength-bar {}


/***
 *  upload
 ***/

div.fieldset {position: relative; margin: 10px 0px;}

input[disabled]{ border: 0px solid #ccc } /* FF 2 Fix */

/* -- Table Styles ------------------------------- */
.progressWrapper {position: relative; width: 100%; overflow: hidden;}
.progressContainer {margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden;}

/* Message 
.message {margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden;}
*/

/* Error */
.red {border: solid 1px #B50000; background-color: #FFEBEB;}

/* Current */
.green {border: solid 1px #DDF0DD; background-color: #EBFFEB;}

/* Complete */
.blue {border: solid 1px #CEE2F2; background-color: #F0F5FF;}

.progressName {font-size: 12px; font-weight: bold; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden;}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {	font-size: 0;	width: 0%; height: 3px; background-color: #7ec5ac; margin-top: 2px;}
.progressBarComplete {width: 100%; background-color: green; visibility: hidden;}
.progressBarError {width: 100%; background-color: red; visibility: hidden;}
.progressBarStatus {margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap;}
a.progressCancel {font-size: 0; display: block; height: 14px; width: 14px; background-image: url(../images/cancelbutton.gif); background-repeat: no-repeat;	background-position: -14px 0px;	float: right;}
a.progressAdd {position: absolute; right: 10px; top: 10px;}
a.progressCancel:hover {background-position: 0px 0px;}

/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {vertical-align: top;}