/* contact */ #contact {padding: 5px; background: #f1f1f1; border: 1px solid #ccc; margin-bottom: 25px;} #contact .left {width: 250px;} #contact .right {width: 250px;} #contact textarea {width: 200px; font-size: 11px; height: 100px;} /* newsletter */ #newsletter {background: url(img/bgnewsletter.png) no-repeat; width: 300px; height: 190px; padding: 10px;} #newsletter p {width: 190px; text-align: left;} /* weather */ #weather {background: url(img/bgweather.png) no-repeat; width: 300px; height: 334px; padding: 10px; } #weather div {margin-left: 20px; border-top: 1px solid #ccc;} /* search */ #search_box {width: 328px; margin-bottom: 4px; background: url(img/bgsearch.png) no-repeat; padding: 5px;} #search_box input {padding: 3px; font-size: 11px; width: 150px; margin: 0;} #search_box select {padding: 4px; font-size: 11px; width: 100px; margin: 0;} #search_box input.button {padding: 4px; font-size: 11px; font-weight: bold; color: #a40000; width: 60px;} #search {} .result_el {background: url(img/bgcomment.jpg) repeat-x; padding: 10px 0; line-height: 1.5em;} .result_el h3 {font-size: 15px; font-weight: bold; margin-bottom: 10px;} #clu .result_el img {float: left; margin-right: 5px; padding: 1px; border: 1px solid #ccc;} /* breadcrumbs */ #breadcrumbs {font-size: 11px; padding: 10px 0 0 10px;} /* slideshow */ #slideshow {width: 630px; height: 269px; display: none; text-align: left; margin: 7px 0 5px 0; background: #d3d7cf; padding: 10px 3px 10px 0px;} #podglad {width: 434px; height: 269px; float: left; background: transparent none scroll center center no-repeat; vertical-align: bottom;display: block;position: relative;} #slideshow ul {width: 193px; height: 236px; float: right; margin: 0;padding: 0; list-style-image: none; list-style-type: none; list-style: inline; margin-top: 1px;} #slideshow ul li {background: url(img/bgglide.png) center top; font-size: 11px; color: #444; width: 178px; padding: 5px; border-bottom: 1px solid white; margin: 0; list-style: none;} #slideshow ul li.active {background: url(img/bgfirst.png) center top; color: #fff;} #slideshow ul li:hover {cursor: default;} #slideshow span.title {font-size: 10px;} #slideshow span.title img {float: left; margin: 10px;} #slideshow span.h1 {font-size: 13px; font-weight: bold; margin-bottom: 4px; display: block;} #slideshow span.h2 {font-size: 16px; font-weight: bold; color: white; margin-bottom: 15px; margin-top: 10px; display: block;} #slideshow a {color: #a5c700; font-weight: bold;} #slideshow a:hover {color: white;} #podglad div.tekst {background: transparent url(../admin/img/fade.png) scroll repeat 0 0; color: #efefef;font-size: 11px; padding: 10px; height: 248px; width: 130px;position: absolute; left: 30px; bottom: 0px; font-size: 12px;} .clear {clear: both;} /* glide */ .glidecontentwrapper {position: relative; width: 633px; height: 462px; overflow: hidden; background: url(img/bgglide.png) repeat-x top center; padding: 0; margin: 0;} .glidecontenttoggler {width: 100%; } .glidecontenttoggler a {text-align: center; display: -moz-inline-box; display: inline-block; font-weight: bold; text-decoration: none; width: 100px; margin: 0; padding: 0; float: left; line-height: 29px; background: url(img/glide2.png) repeat-x bottom center; color: #444;} .glidecontenttoggler a.selected {background: url(img/glide1.png) no-repeat; color: white;} .glidecontenttoggler a:hover {background: url(img/glide3.png) bottom center no-repeat; color: white;} .glidecontenttoggler a.last {width: 103px; } #clu .glidecontentwrapper .glidecontent {position: absolute; visibility: hidden; width: 100%; border-top: 1px solid #a50000; font-size: 11px; background: url(img/bgglide.png) repeat-x bottom center; } #clu .glidecontentwrapper .glidecontent ul {margin: 0; padding: 5px;} #clu .glidecontentwrapper .glidecontent li {list-style: none; font-size: 11px; border-bottom: 1px solid #f0eeea; padding: 3px 0;} #clu .glidecontentwrapper .glidecontent li:hover {background: #f0eeea;} #clu .glidecontentwrapper .glidecontent strong a {color: #a40000; width: 150px; display: block; float: left; padding-left: 5px;} #clu .glidecontentwrapper .glidecontent strong a:hover {color: black;} #clu .glidecontentwrapper .first {background: url(img/bgfirst.png) repeat-x #6790bb; color: #ccc; text-align: left; height: 160px; border-bottom: 1px solid #a50000;} #clu .glidecontentwrapper .first img {float: right; height: 150px; padding: 1px; border: 1px solid #ccc;} #clu .glidecontentwrapper #glide_com .first img, #clu .glidecontentwrapper #glide_advertisment .first img {height: 70px;} #clu .glidecontentwrapper .first h1 {font-size: 12px; color: white; padding: 10px 10px 0 10px;} #clu .glidecontentwrapper .first p {padding: 0 10px 10px 10px; color: black;} #clu .glidecontentwrapper .first a {font-weight: bold; color: white; } #clu .glidecontentwrapper .list_foto {float: left; width: 180px; height: 90px; font-weight: normal; text-align: left; font-size: 10px; margin: 0 13px;} #clu .glidecontentwrapper .list_foto img {border: 1px solid #ccc; height: 60px; float: left; margin-right: 3px;} /* article, event, news */ .article_list {float: left; width: 283px; height: 210px; padding: 15px; border-right: 1px solid #eeeeee; border-top: 1px solid #eeeeee; text-align: left;} .article_list h3 {font-weight: bold; font-size: 15px; } .article_list img {float: right; border: 1px solid #ccc; padding: 1px; margin: 0;} .article_list p {margin: 10px 0; line-height: 1em; font-size: 11px;} .article_list p.info {color: #888; padding-top: 2px; font-size: 11px;} #article_main {} #article_main p.kind {font-style: italic; font-family: serif; font-size: 15px; color: #014182;} #article_main p.info {color: #ccc;} #article_main img {margin: 10px; float: right; border: 1px solid #ccc; padding: 1px;} #clu .article_box {text-align: left; margin-bottom: 10px; border: 1px solid #eee; padding: 2px; } #clu .article_box h1 {background: url(img/menu.png) center top; font-size: 14px; color: white; padding: 8px; margin: 0 0 2px 0;} #clu .article_box h1 img {border: none;} #clu .article_box h1 a {color: white;} #clu .article_box h1 a:hover {text-decoration: underline;} #clu .article_box ul {margin: 0; padding: 0;} #clu .article_box li {list-style: none; font-size: 11px; border-bottom: 1px solid #eee; padding: 3px 3px;} #clu .article_box li:hover {background: #f1f1f1;} #clu .article_box img {border: 1px solid #ccc; padding: 1px; float: right;} #clu .article_box .first {border-bottom: 1px solid #eee; font-size: 11px; padding: 2px; background: url(img/article_box.png) center center;} #clu .article_box .first img {border-bottom: 1px solid #eee; margin: 0 0 5px 5px;} #clu .article_box .first p {margin: 1px 0;} /* gallery */ .gall_list {float: left; width: 283px; height: 230px; padding: 15px; border-right: 1px solid #eeeeee; border-top: 1px solid #eeeeee; text-align: left;} .gall_list h3 {font-weight: bold; font-size: 15px;} .gall_list img {border: 1px solid #ccc; padding: 1px;} .gall_list p {margin: 10px 0; line-height: 1em; font-size: 11px;} .gall_list p.info {color: #888; margin-top: 15px;} .gall_list .picture {text-align: center;} #gall_main {} #gall_main p.kind {font-style: italic; font-family: serif; font-size: 15px; color: #014182;} #gall_main p.info {color: #ccc;} #gall_main .simpfoto {float: left; width: 160px; height: 130px; margin: 25px; text-align: center; } #gall_main .simpfoto img {border: 1px solid #ccc; padding: 1px;} /* comments */ #comments {background: url(img/bgcomment.jpg) repeat-x; padding: 10px 0;} #comments textarea {width: 626px; height: 70px; background: white; border: 1px solid #ccc; padding: 2px; font-size: 11px; margin-bottom: 10px;} #comments h1 {font-weight: normal; color: #666;} #comments ul {margin: 10px 0 0 0; padding: 0;} #comments ul li {list-style: none; padding: 10px 0; background: url(img/bgcomment.jpg) repeat-x;} #comments h3 {margin: 5px 0 0 0; font-size: 140%; color: #990000; font-weight: bold;} #comments img {border: 1px solid #ccc; float: left; margin: 0 10px 0 0; width: 50px; padding: 1px;} #comments p.info {color: #888;} #comments input.button {padding: 1; margin: 0 0 10px 0; color: #4b6988; font-size: 11px; display: inline; float: right; font-weight: bold;} div.comments_count {background: url(img/comments.png) no-repeat; width: 23px; height: 24px; padding: 2px 5px; font-size: 11px; color: white; float: left; font-weight: bold; margin-top: 3px;} div.comments_count_grey {background: url(img/comments_grey.png) no-repeat; width: 23px; height: 24px; padding: 3px 5px; font-size: 12px; color: white; float: left; font-weight: bold; margin-top: 3px;} /* pagination */ div.pagination {padding: 3px; margin: 10px 3px; text-align: center; font-size: 10px;} div.pagination a {padding: 2px 5px 2px 5px;margin: 2px; border: 1px solid #5b3568; text-decoration: none; color: #5b3568;} div.pagination a:hover, div.pagination a:active {border: 1px solid #5b3568; color: #000;} div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px; border: 1px solid #5b3568;font-weight: bold;background-color: #5b3568;color: #FFF;} div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;} /* info */ #info {background: url(img/bginfo.png) top right no-repeat; padding: 0px 40px 10px 10px; } /* advertisment, com */ #advertisment #head {text-align: right; width: 650px; color: #ccc; color: #444; font-size: 11px;} #advertisment #head select {display: inline; padding: 1px;} #com #head {text-align: right; width: 650px; color: #ccc; color: #444; font-size: 11px;} #com #head select {display: inline; padding: 1px;} .advertisment_list {float: left; width: 283px; height: 220px; padding: 15px; border-right: 1px solid #eeeeee; border-top: 1px solid #eeeeee; text-align: left; font-size: 11px;} .advertisment_list img {max-width: 80px; float: right; padding: 1px; border: 1px solid #ccc;} #clu .advertisment_list ul {margin: 5px 0 2px 0;} #clu .advertisment_list li {margin: 3px 0; list-style: none; font-weight: bold;} #clu .advertisment_list li strong {width: 40px; color: #777777; font-weight: normal; display: block; float: left; } .advertisment_list h3 a {font-size: 15px; margin-bottom: 5px; font-weight: bold; width: 190px; color: #982162;} .advertisment_list .price {color: #982162; font-size: 15px; margin-bottom: 15px; text-align: right;} .advertisment_list p.info {color: #ccc; font-size: 11px;} .advertisment_list1 {padding: 15px; background: url(img/bgcomment.jpg) repeat-x; border-top: 1px solid #eeeeee; text-align: left; font-size: 11px; text-align: justify;} #clu .advertisment_list1 img {float: right; border: 1px solid #ccc; padding: 1px; margin-left: 10px;} #clu .advertisment_list1 ul {margin: 10px 0;} #clu .advertisment_list1 li {margin: 3px 0; list-style: none; font-weight: bold;} #clu .advertisment_list1 li strong {width: 40px; color: #777777; font-weight: normal; display: block; float: left; } .advertisment_list1 h3 a {font-size: 15px; margin-bottom: 5px; font-weight: bold; color: #982162;} .advertisment_list1 .price {color: #982162; font-size: 15px; margin-bottom: 15px; text-align: left;} .advertisment_list1 p.info {color: #ccc; font-size: 11px;} .advertisment_main {} #clu .advertisment_main ul {margin: 8px 0 8px 0;} #clu .advertisment_main li {list-style: none; margin: 1px 0; color: black; font-weight: bold;} #clu .advertisment_main li strong {width: 70px; color: #777777; font-weight: normal; display: block; float: left; font-size: 11px;} .advertisment_main p {margin: 10px 0; line-height: 1.5em;} .advertisment_main p.info {color: #ccc; font-size: 11px;} .advertisment_main img {float: right; max-width: 350px; margin: 10px 0 0 10px; border: 1px solid #ccc; padding: 1px;} .advertisment_main .price {color: #034383; font-size: 15px; margin: 10px 0;} .advertisment_main p.warning {color: red;} .advertisment_main h2 {background: url(img/bgcomment.jpg) repeat-x; padding: 5px; border-top: 1px solid #eee; margin-top: 15px;} .advertisment_main form {width: 97%; margin-left: 10px;} .advertisment_main .content {width: 97%; margin-left: 10px;} .advertisment_kind {border-bottom: 1px solid #eee; margin: 0 0 20px 0;} .advertisment_kind_el {border: 1px solid #eee; border-bottom: none; padding: 10px;background: url(img/bgcomment.jpg) repeat-x; } .advertisment_kind h3 a {font-weight: bold; font-size: 12px;} .advertisment_kind h3 a:hover {text-decoration: underline;} .advertisment_kind h3 small {color: #444; font-size: 11px; } .advertisment_kind h3 a.add {color: red; font-size: 10px; font-style: italic;} #clu .advertisment_kind ul {margin: 5px;} .advertisment_kind li {display: block; float: left; width: 200px;} .advertisment_kind li small {font-size: 11px; } /* forum */ #forum {} #forum table {margin-top: 10px;} #forum tr.kind {background: url(img/menu.png) center top; font-weight: bold; color: white;} #forum .user {} #forum .user img {display: block; border: 1px solid #ccc; margin: 5px 0; width: 80px;} #forum tr.cat {}border-top: 1px solid #eeeeee; #forum tr.row1 {background: #F5F7F3;} #forum tr.row2 {background: #F0F2EE;} /* society */ #society {} #society #main_foto {text-align: center;} #society #main_foto img {margin: 10px 0; padding: 1px; border: 1px solid #ccc;} #society .box {margin-bottom: 10px; border: 1px solid #eee; padding: 10px; width: 605px;} #society .box h1 {color: #034383; font-size: 150%; margin: 0; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eeeeee;} #society .box h3 {color: #034383; font-size: 120%; margin-bottom: 10px; font-weight: bold;} #society .box small {display: block;} #society .box table tr td {padding: 5px;} #society .box ul {margin: 10px;} #society .box ul li {list-style: none; padding: 2px 0; color: black;} #society .box ul li strong {width: 100px; color: #777777; font-weight: normal; display: block; float: left; } #society .box label {display: block; float: left; width: 90px; } #society .box input {float: left; margin-right: 40px;} #society .box select {float: left; margin-right: 40px; width: 156px;} #society .box .clr {margin: 10px 0; border-bottom: 1px solid #eeeeee;} #society .glidecontentwrapper {position: relative; width: 630px; height: 1200px; overflow: hidden; } #society .box .list_foto {width: 105px; text-align: center; float: left; margin: 10px 0; height: 150px; } #society .box .list_foto p {margin: 0 0 3px 0;} #society .box .list_foto img {border: 1px solid #ccc; padding: 1px;} #society .list_user {width: 105px; text-align: center; float: left; margin: 10px 0; height: 100px; } #society .list_user p {margin: 0 0 3px 0;} #society .list_user img {border: 1px solid #ccc; padding: 1px;} #society label {margin: 5px 0; font-size: 12px;} #society small {font-size: 11px;} #society input.check {display: inline; float: left;} #society .box #msg_box {} #society .box #msg_box table {border: 1px solid #ccc; margin: 5px 0;} #society .box #msg_box tr.row1 {background: white;} #society .box #msg_box #msg_content {margin-top: 10px;} #society .box #msg_box a.unread {font-weight: bold;} #society .box #msg_box select {float: none;} #society .box #msg_box input {float: none;} #society #profil_photo {float: left; width: 180px; font-weight: bold; text-align: center;} #society #profil_about {float: right; text-align: left; width: 420px;} #panel_head {text-align: right; margin-bottom: 5px;} #panel_head li {list-style: none; display: inline; font-size: 11px; border-left: 1px solid #ccc; padding: 0 5px;} /* vote */ #vote {margin-left: 30px;} .rating_wrapper *{margin:0; border:0; padding:0;} .rating_wrapper {overflow:hidden; height:16px;} .sp_rating{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.7em; color:#5f5f5f; display:block;} .rating{float:left; padding-right:4px;} .base{background:url(img/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; padding-right:4px; overflow:hidden;} .average{background:url(img/ratings.gif) 0 -16px no-repeat; text-indent:-9999px;} .votes{float:left; padding-right:4px;} .score{ background:url(img/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; position:relative;} .score a{display:block; height:100%; float:left; text-indent:-9999px; position:absolute; overflow:hidden; line-height:1em;} .score1 {width:20%; z-index:55;} .score2 {width:40%; z-index:54;} .score3 {width:60%; z-index:53;} .score4 {width:80%; z-index:52;} .score5 {width:100%; z-index:51;} .score a:hover{ background:url(img/ratings.gif) bottom right no-repeat;} .status {height:16px; width:100px; overflow:hidden; position:relative;} .score_this{ height:100%; overflow:hidden;} .score_this a{color:#f37800;} /* poll */ .pollBox {} .pollContainer {} .pollCaption {font-weight: bold;} .pollBodyBlock {position:relative; margin:2px;border:solid 0px #cc0000;text-align:left;} div.pollUp {position:absolute;right:0px;top:5px;} div.pollDown{position:absolute; right:0px; bottom:5px;} div.pollContentBlock{position:relative;padding:2px;overflow:hidden;border:solid 0px green;} div.pollSubmitBlock{position:relative; margin:2px 2px 2px 2px;overflow:hidden; /*height:27px;*/ text-align:center;} div.pollTextBox{position: relative;} div.pollTextBoxWrapper{position: relative;margin-left: 20px;} div.pollTextContainer, div.pollTextContainerRes{position:relative; padding: 3px 0px 0 0;margin:2px 0px 0 0;font-size:12px; line-height:21px;} * html .pollRadioButton{left: 0px;}.pollRadioButton{position: absolute;} div.pollTextBoxWrapperRes{position: relative;margin-left: 0px;} div.pollProgressBar{width: 15px;color: white;font-style:italic;font-weight:bold;height:13px;line-height:13px;vertical-align:middle;font-size: 10px;background: url(img/menu.png) center top;padding: 3px;margin:0px;} /* register */ #register {} #register .box {background: #f1f1f1; padding: 15px; margin-bottom: 9px;} #register p {} .hidden{display:none} span.required{color:red;width:15px; position: relative; top:7px; padding-right:5px} #contentwrap form.autoform img{float:none} form.autoform .fieldstatus a{border:none} form.autoform .fieldstatus a:hover{background:none} form.autoform div{margin:5px 0; clear:both;} form.autoform label{padding:6px; cursor:pointer; text-align:right; font-weight: normal;} form.autoform .msg.icon{padding:5px 5px 5px 30px; margin:0 10px; position:absolute} form.autoform span.error.icon{background:#FFF6CF url(../includes/validate/images/icons/icon_alert.gif) 7px center no-repeat; display:inline} form.autoform span.ok.icon{background:#D7FFCF url(../includes/validate/images/icons/tick.png) 7px center no-repeat; display:inline} form.autoform span.info.icon{background:#DFF0FF url(../includes/validate/images/icons/help.png) 7px center no-repeat; display:inline} form.autoform label{width:120px; display:block; float:left;} form.autoform span.required{float:left} form.autoform input[type="text"], form.autoform input[type="password"]{padding:5px; background-color:white; border:solid 1px #999;} form.autoform input[type="text"]:focus, form.autoform input[type="password"]:focus{background-color:#efefef;} form.autoform textarea{width:400px} form.autoform select{width:190px} form.autoform input.checkbox{float:none; display:inline} form.autoform label.checkbox,form.autoform label.radio{width:auto; float:none; display:inline;} form.autoform div#submitdiv{padding:5px} form.autoform input[type="submit"]{float:right;margin-right:20px} form.autoform .msg, form.autoform .fieldstatus{padding:5px; margin:0 10px} form.autoform .fieldstatus{margin:0; cursor:pointer;} img,a{padding:0;margin:0;} form.autoform span.error, div.alert{background:#FFF6CF; border:1px solid #FFDA2F;} form.autoform span.ok{background:#D7FFCF; border:1px solid #8ED181;} form.autoform span.info{background:#DFF0FF ; border:1px solid #6FBBFF;} div#errors{background:#FFF6CF url(../includes/validate/images/icons/icon_alert.gif) 10px 20px no-repeat; border:1px solid #FFDA2F; padding:0 20px 20px 40px; margin-bottom:20px} div#errors h3{} div#errors ul{line-height:1.5;list-style-image:none;list-style-position:outside;list-style-type:none; padding:0px;} div#errors ul li{list-style:none} form.autoform#example-custom-form span.error, form.autoform#example-custom-form div.alert{background-color:#fff; border:none; } form.autoform#example-custom-form span.ok{background-color:#fff; border:none; } form.autoform#example-custom-form span.info{background-color:#fff ; border:none; }