@charset "UTF-8";

/*
  ===================================
  === file: main.css              ===
  === author: Tomasz Gemski       ===
  === Copyright (c) 2009 Grupa o2 ===
  ===================================
*/




/* --------- Starting declarations -------- */
body {
    width               : 100%;
    margin              : 0;
    padding             : 0;
    font-family         : Arial, Helvetica, Tahoma, Verdana;
    font-size           : 12px;
    color               : #000;
    background          : url(../images/bodyBg.png) center top #fff repeat-x;
}

* {
    margin              : 0;
    padding             : 0;
    text-decoration     : none;
    list-style          : none;
    outline             : none;
}

input, textarea, select, button {
    font-family         : Arial, Helvetica, Tahoma, Verdana;
    font-size           : 12px;
    color               : #000;
}

fieldset, img { border: none; }

a {
    text-decoration     : underline;
    color               : #0000ff;
}
/* ---------------------------------------- */




/* -------------- Box Model --------------- */
#top {
    width               : 992px;
    height              : 80px;
    margin              : 0 auto;
}

#main {
    width               : 992px;
    overflow            : hidden;
    margin              : 0 auto;
    padding-bottom      : 24px;
}

#left {
    width               : 667px;
    float               : left;
    background          : url(../images/contentBg.png) -667px 0 repeat-y;
    margin-top          : 22px;
}

#left .conTop {
    width               : 667px;
    height              : 423px;
    float               : left;
    background          : url(../images/contentBg.png) 0 0 no-repeat;
    margin-top          : -9px;
    position            : relative;
}

#left .conBottom {
    width               : 667px;
    height              : 24px;
    float               : left;
    background          : url(../images/contentBg.png) 0 -424px no-repeat;
    margin              : 7px 0 -24px;
    position            : relative;
    overflow            : hidden;
}

#right {
    width               : 317px;
    float               : right;
    background          : url(../images/rightColBg.png) -317px 0 repeat-y;
    margin-top          : 22px;
}

#right .conBottom {
    width               : 100%;
    height              : 4px;
    float               : left;
    background          : url(../images/rightColBg.png) 0 0 no-repeat;
    margin              : 0 0 -4px;
    overflow            : hidden;
    position            : relative;
}
/* ---------------------------------------- */




/* ----------------- Logo ----------------- */
#logo {
    width               : 301px;
    height              : 61px;
    background          : url(../images/logo.png) no-repeat;
    float               : left;
    display             : inline;
    text-indent         : -999999px;
    margin              : 9px 0 0 21px;
}

#logo a {
    width               : 301px;
    height              : 61px;
    float               : left;
}

#slogan {
    width               : 365px;
    height              : 36px;
    background          : url(../images/slogan.png) no-repeat;
    float               : left;
    display             : inline;
    text-indent         : -999999px;
    margin              : 23px 0 0 29px;
}
/* ---------------------------------------- */




/* ----------------- Top ------------------ */
#top #counter {
    width               : 260px;
    height              : 57px;
    background          : url(../images/counterBg.png) no-repeat;
    float               : left;
    display             : inline;
    margin              : 12px -10px 0 18px;
    position            : relative;
}

#top #counter .votes {
    width               : 89px;
    float               : left;
    color               : #d83300;
    font-size           : 18px;
    margin              : 8px 0 0 48px;
    overflow            : hidden;
}

#top #counter .comments {
    width               : 105px;
    float               : left;
    color               : #d83300;
    font-size           : 18px;
    margin              : 8px 0 0 10px;
    overflow            : hidden;
}

#top #counter .votesGenitive {
    width               : 88px;
    height              : 40px;
    float               : left;
    color               : #d83300;
    font-size           : 18px;
    margin              : 8px 0 0 48px;
    overflow            : hidden;
    background          : url(../images/counterGenitive.png) #fff 1px 24px no-repeat;
}

#top #counter .commentsGenitive {
    width               : 100px;
    height              : 40px;
    float               : left;
    color               : #d83300;
    font-size           : 18px;
    margin              : 8px 0 0 11px;
    overflow            : hidden;
    background          : url(../images/counterGenitive.png) #fff -99px 24px no-repeat;
}

/* ---------------------------------------- */




/* ------------- Content top -------------- */
#left .header {
    width               : 596px;
    height              : 60px;
    background          : url(../images/header.png) no-repeat;
    float               : left;
    display             : inline;
    margin              : -398px 0 0 37px;
    text-indent         : -999999px;
    position            : relative;
}

#left #candidatesList {
    width               : 604px;
    height              : 65px;
    background          : url(../images/candidatesListBg.png) no-repeat;
    float               : left;
    display             : inline;
    margin              : -317px 0 0 30px;
    font-size           : 19px;
    position            : relative;
    line-height         : 26px;
    padding             : 7px 0 0 15px;
    letter-spacing      : -0.03em;
    z-index             : 2;
    white-space         : nowrap;
}

#left .actions {
    width               : 94px;
    height              : 29px;
    background          : url(../images/actionBg.png) no-repeat;
    float               : right;
    text-indent         : -999999px;
    position            : relative;
    z-index             : 3;
    margin              : -279px 26px 0 0;
    display             : inline;
}

#left .actions .result {
    width               : 94px;
    height              : 29px;
    float               : left;
}

#left .actions .iLike {
    width               : 89px;
    height              : 29px;
    float               : left;
    margin              : 0 0 0 4px;
}
/* ---------------------------------------- */




/* -------------- Candidates -------------- */
#left #candidates {
    width               : 617px;
    float               : left;
    display             : inline;
    background          : url(../images/candidatesBg.png) -617px 0 repeat-y;
    margin              : -275px 0 0 31px;
    position            : relative;
    z-index             : 1;
}

#left #candidates .bottom {
    width               : 617px;
    height              : 62px;
    float               : left;
    background          : url(../images/candidatesBg.png) 0 no-repeat;
    margin-top          : -50px;
}

#left #candidates ul {
    width               : 593px;
    float               : left;
    display             : inline;
    margin              : 6px 0 0 12px;
    position            : relative;
}

#left #candidates ul li {
    width               : 100%;
    float               : left;
    margin-top          : 21px;
}

#left #candidates ul li .avatar {
    width               : 75px;
    height              : 75px;
    float               : left;
    background          : #fff;
    padding             : 2px;
    border              : solid 2px #eaeaea;
}

#left #candidates ul li .data {
    width               : 498px;
    float               : left;
    display             : inline;
    margin              : 25px 0 0 12px;
}

#left #candidates ul li .data1 {
    width               : 363px;
    float               : left;
    display             : inline;
    margin              : 10px 0 0 12px;
}

#left #candidates ul li h2 {
    width               : 240px;
    float               : left;
    font-size           : 24px;
    font-weight         : normal;
}

#left #candidates ul li select {
    width               : 110px;
    height              : 26px;
    padding             : 2px;
    font-size           : 13px;
    float               : left;
    margin              : 9px 0 0 1px;
    *margin             : 12px 0 0 1px;
}

#left #candidates ul li .required {
    float               : left;
    padding-left        : 20px;
    font-size           : 12px;
    color               : #1a5689;
    background          : url(../images/icons.png) 0 2px no-repeat;
    margin              : 14px 0 0 13px;
}


#left #candidates ul li .votesBar {
    width               : 245px;
    height              : 24px;
    border              : solid 1px #d8d8d8;
    background          : #fff;
    font-size           : 12px;
    line-height         : 24px;
    float               : left;
    margin-top          : 8px;
    position            : relative;
}

#left #candidates ul li .votesBar span {
    height              : 24px;
    float               : left;
    background          : #e4e9f7;
}

#left #candidates ul li .votesBar span strong {
    width               : 245px;
    height              : 24px;
    line-height         : 24px;
    position            : absolute;
    top                 : 0;
    left                : 0;
    text-align          : center;

}

#left #candidates ul li .votesCount {
    float               : left;
    font-size           : 18px;
    display             : inline;
    margin              : 29px 0 0 11px;
}

#left #candidates ul li .votesCount strong {
    font-size           : 22px;
    color               : #d61e18;
}

#left #candidates ul li .fbPublishBtn {
    width               : 192px;
    height              : 32px;
    background          : url(../images/fbBtn03.png) no-repeat;
    text-indent         : -999999px;
    float               : left;
    margin              : 60px 0 -160px -45px;
    position            : relative;
}

#left #candidates ul li .vote {
    width               : 132px;
    height              : 21px;
    float               : left;
    text-indent         : -999999px;
    background          : url(../images/voteCheckbox.png) 0 -63px no-repeat;
    border              : 0 none;
    cursor              : pointer;
    margin              : 7px 0 0 110px;
}

#left #candidates ul li .vote:hover { background-position: 0 -92px; }
#left #candidates ul li .vote:focus {
    height              : 54px;
    background-position : 0 0;
    margin              : 7px 0 0 1px;
}

.roundTwo #candidatesList {
    height              : 43px !important;
    background          : url(../images/candidatesListBg02.png) no-repeat !important;
    text-align          : center;
}

/* ---------------------------------------- */




/* -------------- Fb buttons -------------- */
#left .fbCommentBtn {
    width               : 220px;
    height              : 36px;
    background          : url(../images/fbBtn02.png) no-repeat;
    float               : left;
    text-indent         : -999999px;
    margin              : 18px 0 0 30px;
}

#left .fbShareBtn {
    width               : 134px;
    height              : 37px;
    background          : url(../images/fbBtn01.png) no-repeat;
    float               : right;
    text-indent         : -999999px;
    margin              : 17px 20px 0 0;
}
/* ---------------------------------------- */




/* --------------- Comments --------------- */
#left #comments {
    width               : 100%;
    float               : left;
}

#left #comments form {
    width               : 614px;
    height              : 153px;
    background          : url(../images/commentFormBg.png) no-repeat;
    float               : left;
    display             : inline;
    margin              : 19px 0 0 30px;
}

#left #comments form textarea {
    width               : 563px;
    height              : 78px;
    float               : left;
    display             : inline;
    margin              : 20px 0 0 27px;
    border              : 0 none;
    background          : none;
    line-height         : 25px;
}

#left #comments form .avatar {
    width               : 30px;
    height              : 30px;
    float               : left;
    margin              : 12px 0 0 17px;
}

#left #comments form .nick {
    float               : left;
    font-size           : 16px;
    color               : #1a5689;
    text-decoration     : none;
    margin              : 17px 0 0 8px;
}

#left #comments form .submit {
    width               : 96px;
    height              : 27px;
    background          : url(../images/buttons.png) 0 0 no-repeat;
    border              : 0 none;
    float               : right;
    cursor              : pointer;
    margin              : 12px 15px 0 0;
}

#left #comments h2 {
    width               : 131px;
    height              : 16px;
    background          : url(../images/headers.png) 0 0 no-repeat;
    text-indent         : -999999px;
    float               : left;
    display             : inline;
    margin              : 20px 0 0 31px;
}

#left #comments #commentList {
    width               : 615px;
    float               : left;
    display             : inline;
    margin              : 10px 0 0 31px;
}

#left #comments #commentList li {
    width               : 615px;
    float               : left;
    margin              : 0 0 4px;
}

#left #comments #commentList li .con {
    width               : 100%;
    float               : left;
    background          : url(../images/commentBg.png) -615px 0 repeat-y;
    border-bottom       : solid 1px #c3c3c3;
    margin-top          : -9px;
}

#left #comments #commentList .even .con { background: url(../images/commentBg.png) #eceff6 -615px 0 repeat-y; }

#left #comments #commentList li .con .top {
    width               : 100%;
    height              : 16px;
    float               : left;
    background          : url(../images/commentBg.png) 0 0 no-repeat;
}

#left #comments #commentList li .con p {
    width               : 591px;
    float               : left;
    line-height         : 18px;
    font-size           : 12px;
    padding             : 6px 12px 7px;
}

#left #comments #commentList li .avatar {
    width               : 30px;
    height              : 30px;
    float               : left;
    margin              : 8px 0 0 10px;
    border              : solid 1px #c5c6c8;
    position            : relative;
}

#left #comments #commentList li .data {
    width               : 495px;
    float               : left;
    display             : inline;
    margin              : 6px 0 0 20px;
    position            : relative;
}

#left #comments #commentList li .date {
    width               : 100%;
    float               : left;
    font-size           : 11px;
    color               : #939393;
    letter-spacing      : 0.6px;
    position            : relative;
}

#left #comments #commentList li .nick {
    float               : left;
    font-size           : 16px;
    color               : #1a5689;
    text-decoration     : none;
    margin              : -1px 0 0 -1px;
    position            : relative;
}

#left #comments #commentList li .abuse {
    width               : 49px;
    height              : 10px;
    background          : url(../images/reportAbuse.png) no-repeat;
    float               : left;
    text-indent         : -999999px;
    margin              : 26px 0 0 4px;
    position            : relative;
}

#comment {
	display				: none;		  
}
		  
/* ---------------------------------------- */




/* -------------- Pagination -------------- */
.pagination {
    float               : left;
    font-size           : 12px;
    margin              : 6px 0 0 25px;
    display             : inline;
    font-weight         : bold;
}

.pagination li {
    height              : 22px;
    float               : left;
    background          : url(../images/paginationBg.png) 0 0 no-repeat;
    padding             : 0 0 0 5px;
    line-height         : 22px;
    margin              : 0 -3px 0 6px;
    display             : inline;
}

.pagination li a,
.pagination li span {
    height              : 22px;
    float               : left;
    background          : url(../images/paginationBg.png) right 0 no-repeat;
    padding             : 0 7px 0 3px;
    color               : #1a5689;
}

.pagination li span { color: #949494; }

.pagination .prev { margin: 0 2px 0 6px; }
.pagination .next { margin: 0 2px 0 11px; }

.pagination li strong {
    height              : 22px;
    float               : left;
    background          : #fff;
    margin              : 0 0 0 -5px;
    padding             : 0 4px 0 7px;
    line-height         : 24px;
    letter-spacing      : 0.8px;
}
/* ---------------------------------------- */





/* --------------- Fanpage ---------------- */
#right h2 {
    width               : 317px;
    height              : 53px;
    background          : url(../images/fanpageHeader.png) no-repeat;
    text-indent         : -999999px;
    float               : left;
    margin-top          : -4px;
    position            : relative;
}

#right #fanpage {
    width               : 300px;
    float               : left;
    display             : inline;
    overflow            : hidden;
    margin              : 8px 0 3px 8px;
}
/* ---------------------------------------- */




/* ----------------- Popup ---------------- */
.popup {
    width               : 100%;
    height              : 999999px;
    position            : absolute;
    background          : url(../images/fade.png) repeat;
    z-index             : 100;
    left                : 0;
    top                 : 0;
	display				: none;
}

.popup .con {
    width               : 534px;
    height              : 133px;
    position            : fixed;
    _position           : absolute;
    overflow            : hidden;
    margin              : 0 0 0 -267px;
    top                 : 100px;
    left                : 50%;
    z-index             : 999999;
}

.popup .facebookConnect {
    width               : 100%;
    height              : 130px;
    float               : left;
    padding-bottom      : 3px;
    background          : url(../images/fbPopupBg.png) 0 0 no-repeat;
}

.popup .facebookConnect .header {
    width               : 330px;
    font-weight         : normal;
    float               : left;
    color               : #919191;
    font-size           : 20px;
    display             : inline;
    margin              : 29px 0 10px 33px;
    background          : #fff;
	text-align			: left;
}

.popup .facebookConnect p {
    width               : 480px;
    float               : left;
    display             : inline;
    font-size           : 12px;
    line-height         : 18px;
    margin              : 0 0 0 33px;
    background          : #fff;
	text-align			: left;
}

.popup .agePopup {
    width               : 343px;
    height              : 91px;
    float               : left;
    background          : url(../images/agePopupBg.png) 0 0 no-repeat;
    display             : inline;
    margin-left         : 100px;
    position            : relative;
}

.popup .agePopup .close {
    width               : 27px;
    height              : 26px;
    position            : absolute;
    right               : 0;
    top                 : 0;
    text-indent         : -999999px;
}

.popup .agePopup select {
    width               : 110px;
    height              : 26px;
    padding             : 2px;
    font-size           : 13px;
    float               : left;
    margin              : 34px 0 0 35px;
    *margin             : 37px 0 0 35px;
}

.popup .agePopup .required {
    float               : left;
    padding-left        : 15px;
    font-size           : 12px;
    color               : #1a5689;
    background          : url(../images/icons.png) 0 2px no-repeat;
    margin              : 39px 0 0 8px;
}

.popup .agePopup .ok {
    width               : 42px;
    height              : 22px;
    float               : left;
    border              : 0 none;
    cursor              : pointer;
    background          : url(../images/buttons.png) 0 -28px no-repeat;
    margin              : 36px 0 0 5px;
    text-indent         : -999999px;
}
/* ---------------------------------------- */


/* -------------- Error 404 --------------- */
#error404 {
    width               : 643px;
    height              : 550px;
    float               : left;
    background          : url(../images/error404.png) 0 0 no-repeat;
    margin              : 0 0 0 15px;
    display             : inline;
}

#error404 a {
    width               : 470px;
    height              : 45px;
    float               : left;
    text-indent         : -999999px;
    margin              : 440px 0 0 57px;
}
/* ---------------------------------------- */



/* ---------------- Footer ---------------- */
#footer {
    width               : 980px;
    float               : left;
    border-top          : solid 1px #d0d0d0;
    margin              : 39px 0 0 12px;
    display             : inline;
}

#footer img {
    float               : left;
    margin              : 6px 0 0 65px;
}

#footer p a { color: #1a5689; }
#footer p {
    float               : left;
    display             : inline;
    margin              : 13px 0 0 12px;
    font-size           : 12px;
    color               : #7f7f7f;
}
/* ---------------------------------------- */

.select2 {
    width               : 110px;
    height              : 26px;
    padding             : 2px;
    font-size           : 13px;
    float               : left;
    margin              : 9px 0 0 1px;
    *margin             : 12px 0 0 1px;
}

.required2 {
    float               : left;
    padding-left        : 20px;
    font-size           : 12px;
    color               : #1a5689;
    background          : url(../images/icons.png) 0 2px no-repeat;
    margin              : 14px 0 0 13px;
}

.vote2 {
    width               : 132px;
    height              : 21px;
    float               : left;
    text-indent         : -999999px;
    background          : url(../images/voteCheckbox.png) 0 -63px no-repeat;
    border              : 0 none;
    cursor              : pointer;
    margin              : 60px 0 0 15px;
}