/********************************************
   LAYOUT
********************************************/ 

#wrap{background: url(/img/wrap_bg.jpg) repeat-x center top;}
#container{margin:0 auto;width:960px;}
#header {height:190px; margin:0 0 10px; position:relative}
#main {margin:0 0 10px;}
.mainTop{background:url(/img/main/mainTop_bg.png) no-repeat left top; height:10px; font-size:0}
.main{background:url(/img/main/main_bg.png) repeat-y left top;padding:0 10px;width:940px;}
.mainBottom{background:url(/img/main/mainBottom_bg.png) no-repeat left top; height:10px; font-size:0}
#footer {background:url(/img/footer.png) no-repeat left top; display:block; height:270px; width:960px; position:relative; color:#FFFFFF}

#content {float:left;position:relative;width:670px;}
#columnRight {float:right;position:relative; width:260px;}

/* -------------------  LOGO elements -------------------- */

h1.logo{left:10px;margin:0;position:absolute;top:15px;}
h1.logo a {background:transparent url(/img/logo.png) no-repeat top left;cursor:pointer;display:block;width:225px; height:145px;text-indent:-2000px}

/* -------------------  FOOTER elements -------------------- */

#footer p.copy{font-family:Tahoma;font-size:11px;padding:0;position:absolute;left:15px;bottom:15px;}
#footer p.power{bottom:15px;font-family:Tahoma;font-size:11px;padding:0;position:absolute;right:15px;}
#footer p.power a{color:#FFFFFF}

#footer .footerMenu{left:170px;position:absolute;top:15px;}
#footer .footerMenu ul{margin:0; list-style:none; padding:0}
#footer .footerMenu ul li{float:left;list-style:none;margin:0;padding:0 6px;width:100px;}
#footer .footerMenu ul li a, #footer .footerMenu ul li a:visited{color:#fff;display:block;font-size:13px;font-weight:bold;margin:0 0 10px;text-decoration:none;}
#footer .footerMenu ul li a:hover{text-decoration:underline}
#footer .footerMenu ul li ul li {padding:0}
#footer .footerMenu ul li ul li a, #footer .footerMenu ul li ul li a:visited{color:#FFFFFF;font-size:11px;font-weight:normal;line-height:130%;margin:0 0 5px;text-decoration:none;}
#footer .footerMenu ul li ul li a:hover{text-decoration:underline;}


#footer .footerMenuSec{position:absolute;left:30px;top:100px;}
#footer .footerMenuSec ul{margin:0; list-style:none; padding:0}
#footer .footerMenuSec ul li{list-style:none;margin:0;padding:0 5px;width:95px;}
#footer .footerMenuSec ul li a, #footer .footerMenuSec ul li a:visited{color:#fff;display:block;font-size:13px;font-weight:bold;margin:0 0 5px;text-decoration:none;}
#footer .footerMenuSec ul li a:hover{text-decoration:underline}

/* -------------------  SEARCH elements -------------------- */

form.searchForm  {top:70px;position:absolute;right:0;width:270px;}
fieldset.searchFieldset {width: 270px;}
fieldset.searchFieldset input.searchInput {background:transparent url(/img/search/search.jpg) no-repeat scroll 0 0; float:left;padding:12px 15px;width:195px;}
fieldset.searchFieldset button.searchButton {background:transparent url(/img/search/search.jpg) no-repeat scroll right top;cursor:pointer; float:left;height:40px;text-indent:-9999px;width:45px;}
fieldset.searchFieldset button.searchButton:hover {background:transparent url(/img/search/search.jpg) no-repeat scroll right bottom;}

/* -------------------  Acclimatize Form elements -------------------- */

form.acclimatizeForm{background:url(/img/acclimatizeForm_bg.png) no-repeat left top; position:absolute; right:10px; top:130px; width:370px; height:25px;}
form.jqtransformdone label{margin:0;display: block;float:left;color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; padding:0; font-size:13px}
form.jqtransformdone div.holder{clear:both;padding:3px 0 0 12px;}
.jqTransformRadioWrapper {float: left;display:block;margin:2px 3px 0 10px;}
.jqTransformRadio {background: transparent url(/img/jqTransform/radio.gif) no-repeat center top;vertical-align: middle;height: 15px;width: 15px;display:block;}
a.jqTransformChecked { background-position: center bottom; outline:none}
.jqTransformHidden {display: none;}

form.acclimatizeForm button{background:url(/img/jqTransform/promeni.gif) no-repeat left top; width:72px; height:19px; display:block; cursor: pointer;float:left;margin:0 0 0 10px;}

/* -------------------  jQuery INPUT SELECT TRANSFORM -------------------- */

.jqTransformSelectWrapper {width: 45px;position:relative;height: 42px;background: url(/img/jqTransform/selectLeft.png) no-repeat top left;float:left;}
.jqTransformSelectWrapper div span {font-size: 12px;float: none;position: absolute;white-space: nowrap;height: 28px;line-height: 15px;padding:14px 0 0 15px;overflow: hidden;cursor:pointer;}
.jqTransformSelectWrapper  a.jqTransformSelectOpen {display: block;position: absolute;right: -42px;width: 42px;height: 42px;background: url(/img/jqTransform/selectRight.png) no-repeat center center; cursor:pointer}
.jqTransformSelectWrapper ul {position: absolute;width: 125px !important;top: 37px;left: 10px;list-style: none;background-color: #FFF;border: solid 1px #CCC;display: none;margin: 0px;padding: 0px;height: 150px;overflow: auto;overflow-y: auto;z-index:10;}
.jqTransformSelectWrapper ul li{list-style: none; margin:0; padding:0}
.jqTransformSelectWrapper ul a {display: block;padding: 5px;text-decoration: none;color:#333;background-color: #FFF;font-size: 12px;}
.jqTransformSelectWrapper ul a.selected {background: #EDEDED;color: #333;}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {background:#3582c4;color: #fff;}

/* -------------------  FAQ BOX -------------------- */

.faqBoxLarge{background:url(/img/box/faqBoxLarge1.jpg) no-repeat left top; width:300px; height:220px; float:left; display:block; padding:15px}
.faqBoxSmall{background:url(/img/box/faqBoxSmall.jpg) no-repeat left top; width:230px; height:220px; display:block; padding:15px}

.faqBoxLarge p, .faqBoxSmall p{padding:0 0 5px;}
.faqBoxLarge p.dayQuestion, .faqBoxSmall p.dayQuestion{background:url(/img/bulletRed.gif) no-repeat left 6px;padding:0 0 5px 12px; color:#666666}
.faqBoxLarge h4, .faqBoxSmall h4{margin:0 0 5px;}

/* -------------------  Gynaecology BOX -------------------- */

.gynaecologyBoxLarge{background:url(/img/box/gynaecologyBoxLarge1.jpg) no-repeat left top; width:300px; height:220px; float:left; display:block; padding:15px}
.gynaecologyBoxSmall{background:url(/img/box/gynaecologyBoxSmall.jpg) no-repeat left top; width:230px; height:220px; display:block; padding:15px}

.gynaecologyBoxLarge h6.phone, .gynaecologyBoxSmall h6.phone
{background:transparent url(/img/divider.gif) repeat-x scroll left bottom;color:#2E4E7D;font-weight:bold;margin:0;padding:10px 0 15px;width:190px;}
.gynaecologyBoxSmall h6.phone{width:150px;}
.gynaecologyBoxLarge h6.phone span, .gynaecologyBoxSmall h6.phone span
{background:url(/img/icons/phone.gif) no-repeat left top;padding:3px 0 5px 35px;}
.gynaecologyBoxLarge h6.question, .gynaecologyBoxSmall h6.question
{background:transparent url(/img/divider.gif) repeat-x scroll left bottom;color:#2E4E7D;margin:0;padding:10px 0 15px;width:190px;}
.gynaecologyBoxSmall h6.question{width:150px;}
.gynaecologyBoxLarge h6.question a, .gynaecologyBoxSmall h6.question a
{background:url(/img/icons/mail.gif) no-repeat left 5px;padding:3px 0 5px 35px; text-decoration:underline}
.gynaecologyBoxLarge h6.question a:hover, .gynaecologyBoxSmall h6.question a:hover{text-decoration:none}
.gynaecologyBoxLarge p, .gynaecologyBoxSmall p{padding:20px 0 0;width:195px;}
.gynaecologyBoxLarge h2.sms, .gynaecologyBoxSmall h2.sms
{background:transparent url(/img/icons/sms1.gif) no-repeat scroll left 8px;color:#2E4E7D;font-size:27px;margin:0;padding:0 0 0 35px;}

/* -------------------  Help BOX -------------------- */

.helpBoxLarge{background:transparent url(/img/box/helpBoxLarge1.jpg) no-repeat scroll left top;display:block;float:left;height:220px;padding:15px 15px 15px 115px;width:200px;}
.helpBoxSmall{background:transparent url(/img/box/helpBoxSmall.jpg) no-repeat scroll left top;display:block;height:220px;padding:15px 15px 15px 85px;width:160px;}

.helpBoxLarge form.needHelp .jqTransformSelectWrapper{width:160px !important;}
.helpBoxLarge form.needHelp .jqTransformSelectWrapper ul{width:160px !important;}
.helpBoxSmall form.needHelp .jqTransformSelectWrapper{width:120px !important;}
.helpBoxSmall form.needHelp .jqTransformSelectWrapper ul{width:120px !important;}
form.needHelp button{margin:20px 5px 0 0;}

/* -------------------  Theme BOX -------------------- */

.themeBoxLarge{background:url(/img/box/themeBoxLarge1.jpg) no-repeat left top; width:300px; height:220px; float:left; display:block; padding:15px}
.themeBoxSmall{background:url(/img/box/themeBoxSmall.jpg) no-repeat left top; width:230px; height:220px; display:block; padding:15px}

.themeBoxLarge p, .themeBoxSmall p{background:url(/img/divider.gif) repeat-x left bottom;padding:5px 0;}
.themeBoxLarge p a, .themeBoxSmall p a, .themeBoxLarge p a:visited, .themeBoxSmall p a:visited
{background:transparent url(/img/bulletGreen.gif) no-repeat scroll left 6px;display:block;padding:0 0 0 15px; color:#000000; text-decoration:none}
.themeBoxLarge p a:hover, .themeBoxSmall p a:hover
{background:url(/img/bulletRed.gif) no-repeat scroll left 6px; display:block; color:#9A1C47;text-decoration:none}
.themeBoxLarge a.button, .themeBoxSmall a.button{margin:10px 0 0;}

/* -------------------  Newsletter BOX -------------------- */

.newsletterBoxSmall{background:url(/img/box/newsletterBoxSmall.jpg) no-repeat left top; width:230px; height:165px; display:block; padding:15px}
.newsletterBoxSmall p {padding-bottom:5px;}
.newsletterBoxSmall h3 {margin:0 0 2px;}
.newsletterBoxSmall .newsletterMessage{text-align:center; font-weight:bold}
.newsletterBoxSmall form {width:220px;margin: 0 auto}
.newsletterBoxSmall form input{background:url(/img/input/inputNewsLetter.png) no-repeat left top;padding:12px 10px;width:200px;color:#333333;margin: 0 auto}
.newsletterBoxSmall form button{margin:5px 0 0 60px;}

/* -------------------  Small BOX -------------------- */

.smallBox{width:260px}
.smallTop{background:url(/img/box/small/smallTop.png) no-repeat left top; height:15px; font-size:0}
.smallBottom{background:url(/img/box/small/smallBottom.png) no-repeat left top; height:15px; font-size:0}
.smallMainBottom{background:url(/img/box/small/smallMainBottom.png) no-repeat left bottom;}
.smallMainTop{background:url(/img/box/small/smallMainTop.png) no-repeat left top; padding: 0 15px}

.preciceSmallTop {background:url(/img/box/small/preciceSmallTopBgrd.png) left top no-repeat; height:23px;}
.preciceSmallMainTop {background:url(/img/box/small/preciceSmallBgrd.png) left top repeat-y; width:230px; padding:0px 15px; }
.preciceSmallMainTop a {text-decoration:none;}
.preciceSmallBottom {background:url(/img/box/small/preciceSmallBottomBgrd.png) left top no-repeat; height:23px;}
/* -------------------  Medium BOX -------------------- */

.mediumBox{width:330px}
.mediumTop{background:url(/img/box/medium/mediumTop.png) no-repeat left top; height:15px; font-size:0}
.mediumBottom{background:url(/img/box/medium/mediumBottom.png) no-repeat left top; height:15px; font-size:0}
.mediumMainBottom{background:url(/img/box/medium/mediumMainBottom.png) no-repeat left bottom;}
.mediumMainTop{background:url(/img/box/medium/mediumMainTop.png) no-repeat left top; padding: 0 15px}

/* -------------------  Large BOX -------------------- */

.largeBox{width:670px}
.largeTop{background:url(/img/box/large/largeTop.png) no-repeat left top; height:15px; font-size:0}
.largeBottom{background:url(/img/box/large/largeBottom.png) no-repeat left top; height:35px; font-size:0}
.largeMainBottom{background:#FFFFFF;}
.largeMainTop{background:url(/img/box/large/largeMainTop.png) no-repeat left top;}

/* -------------------  Wide BOX -------------------- */

.wideBox{width:940px}
.wideTop{background:url(/img/box/wide/largeTop.png) no-repeat left top; height:15px; font-size:0}
.wideBottom{background:url(/img/box/wide/largeBottom.png) no-repeat left top; height:15px; font-size:0}
.wideMainBottom{background:url(/img/box/wide/largeMainBottom.png) no-repeat left bottom;}
.wideMainTop{background:url(/img/box/wide/largeMainTop.png) no-repeat left top;padding: 0 15px}

/* -------------------  Banners BOX -------------------- */

#bannersLarge{background:url(/img/bannersLarge/bannersLarge.jpg) no-repeat left top;float:left;height:60px;margin:10px 0 0;width:925px; padding:20px 0 20px 15px;}
#bannersLarge a{margin:0 10px 0 0;}

.bannersSmall a.ovulacija{background:url(/img/bannersSmall/kalendarovulacije.png) no-repeat left top; display: block; height:90px; margin:0 auto 15px; width:230px; cursor:pointer}
.bannersSmall a.pilula{background:url(/img/bannersSmall/podsetnikzapilulu.png) no-repeat left top; display: block; height:90px; margin:0 auto 15px; width:230px; cursor:pointer}
.bannersSmall a.menstruacija{background:url(/img/bannersSmall/kalendarmenstruacije.png) no-repeat left top; display: block; height:90px; margin:0 auto 15px; width:230px; cursor:pointer}
.bannersSmall a.kontracepcija{background:url(/img/bannersSmall/vodickontracepcija.png) no-repeat left top; display: block; height:90px; margin:0 auto; width:230px; cursor:pointer}

.bannersSmall a.lastImg {padding-bottom:0px;}


#bannersLargeBottom {float:left; margin:10px 0 0; width:940px;}
.bannersTop {background:url(/img/bannersLarge/bannersLargeTopBgrd.png) left bottom no-repeat; height: 21px;}
.bannersBottom {background:url(/img/bannersLarge/bannersLargeBottomBgrd.png) left top no-repeat; height: 21px;}

.bannersMain { background:url(/img/bannersLarge/bannersLargeBgrd.png) left top repeat-y; padding: 0px 20px; width:900px;}
.bannersMain a {margin:0 12px 0 0; float:left; text-decoration: none;}
* html .bannersMain a {margin-right:11px;}

.bannersMain a.lastImg { margin-right:0px;}
.bannersMain a.lastRow {margin-bottom: 0px;}

/* -------------------  socialBookmarking Icons -------------------- */

.socialBookmarking {margin: 0;padding:5px 0 0;list-style: none;background:transparent url(/img/divider.gif) repeat-x scroll left top;}
.socialBookmarking li {margin: 0;padding: 0;float: right;list-style:none}


/* -------------------  Img Thumb -------------------- */

a.twoone {display:block;width:230px; height:115px; text-align:center; position:relative; cursor:pointer; float:left}
a.twoone span {background:url(/img/twoone_mask.png) no-repeat left top; display:block; position:absolute; height:115px; width:230px; top:0; left:0}
a.twoone img{vertical-align:bottom}

a.mediumThumb {cursor:pointer;display:block;float:left;height:120px;margin:0 15px 0 0;position:relative;text-align:center;width:160px;}
a.mediumThumb span {background:url(/img/medium_mask.png) no-repeat left top; display:block; position:absolute; height:120px; width:160px; top:0; left:0}
a.mediumThumb img{vertical-align:bottom}

a.smallThumb {display:block;float:left;width:120px; height:90px; margin:0 15px 0 0;text-align:center; position:relative; cursor:pointer}
a.smallThumb span {background:url(/img/small_mask.png) no-repeat left top; display:block; position:absolute; height:120px; width:160px; top:0; left:0}
a.smallThumb img{vertical-align:bottom}

.pollThumb {display:block;float:left;width:100px; height:75px; margin:0 15px 0 0;text-align:center; position:relative;}
.pollThumb span {background:url(/img/poll_mask.png) no-repeat left top; display:block; position:absolute; height:75px; width:100px; top:0; left:0}
.pollThumb img{vertical-align:bottom}

/* -------------------  Attachment -------------------- */

a.pdf {background:url(/img/attachment/acrobat.gif) no-repeat left top;padding:2px 0 2px 25px;}
a.word {background:url(/img/attachment/word.gif) no-repeat left top;padding:2px 0 2px 25px;}
a.excel {background:url(/img/attachment/excel.gif) no-repeat left top;padding:2px 0 2px 25px;}
a.zip {background:url(/img/attachment/zip.gif) no-repeat left top;padding:2px 0 2px 25px;}
a.power_point {background:url(/img/attachment/powerpoint.gif) no-repeat left top;padding:2px 0 2px 25px;}
a.default {background:url(/img/attachment/default.gif) no-repeat left top;padding:2px 0 2px 25px;}

/* -------------------  Poll -------------------- */

.pollHolder {padding:5px 0;}
.buttonHolderFull {background:url(/img/divider.gif) repeat-x left top;padding-top:15px; border:none; margin-top:10px}

.pollBrowser{background:url(/img/divider.gif) repeat-x left top; padding: 10px 0}
.pollBrowser a.pollTitle, .pollBrowser a.pollTitle:visited
{float:left; display:block; padding:3px 0 0 13px; color:#9A1C47;background:url(/img/bulletRed.gif) no-repeat left 9px; text-decoration:none }
.pollBrowser a.pollTitle:hover, .pollBrowser a.pollTitle:hover{text-decoration:underline}
.pollBrowser a.button{margin:0 0 0 10px;}

.pollBrowser a.activeLink, .pollBrowser a.activeLink:visited
{background:url(/img/bulletGreen.gif) no-repeat left 9px; padding:3px 0 0 13px;text-decoration:none; color:#000;display:block;
float:left;}
.pollBrowser a.pollTitle:hover, .pollBrowser a.activeLink:hover{text-decoration:underline}

.poll h5 {background:url(/img/divider.gif) repeat-x left bottom;display:block;padding-bottom:15px;}
.poll h4 {background:url(/img/divider.gif) repeat-x left bottom;display:block;padding-bottom:15px; color:#000000} 
.poll p.questionSmall{}
.poll p.answerPoll {padding-bottom:0px} 
.poll p.alert{text-align:center; color:#9A1C47; font-weight:bold}
.poll p.answerImage {padding-bottom:0px; padding-top:25px} 
.poll input.radioButton1 {float:left;margin:30px 10px 0 0;padding:0;vertical-align:middle;}
.poll input.radioButton2 {float:left;margin:5px 10px 0 0;padding:0;vertical-align:middle;}

/* -------------------  Progress Bar -------------------- */

.progressBar{width:315px;height:41px;background:url(/img/poll/bg_bar.png) no-repeat 0 0;position:relative;float:left;margin-top: 10px}
.progressBar span{position:absolute;display:block;width:300px;height:25px;background:url(/img/poll/bar.gif) no-repeat 0 0;top:8px;left:8px;overflow:hidden;text-indent:-8000px;}
.progressBar em{position:absolute;display:block;width:300px;height:25px;background:url(/img/poll/bg_cover.gif) repeat-x 0 0;top:0;}

/* -------------------  Actual Home -------------------- */

p.bulletHome_eventPlaceHome_eventDateHome {background:transparent url(/img/eventDate.gif) repeat-x scroll left center;color:#BA3566;font-family:Tahoma;font-size:13px;margin:0 0 5px;padding:5px 0;}
span.sourceHome, span.eventPlaceHome {padding:0 5px 0 0;}
span.bulletHome{background:transparent url(/img/bulletRed.gif) no-repeat left center;display:block;float:left;height:18px;padding:0 10px 0 0;width:6px;}
p.titleSmallHome{background:url(/img/divider.gif) repeat-x left top;padding:5px 0;}
p.titleSmallHome a, p.titleSmallHome a:visited
{background:transparent url(/img/bulletGreen.gif) no-repeat scroll left 6px;display:block;padding:0 0 0 15px; color:#000000; text-decoration:none}
p.titleSmallHome a:hover
{background:url(/img/bulletRed.gif) no-repeat scroll left 6px; display:block; color:#9A1C47;text-decoration:none}


/* -------------------  Tests Home -------------------- */

h4.testQuestion{color:#000000; background:url(/img/divider.gif) repeat-x left bottom; padding:0 0 10px;}
h4.testQuestion span.number{display:block;float:left;font-size:50px;height:40px;margin:0 10px 0 0;}
h4.testQuestion span.question{}

form.answerForm{background:url(/img/questionForm.png) no-repeat center top;}
form.answerForm .holderLeft{width:100px; padding:14px 0 25px 50px;}
form.answerForm .holderRight{width:110px; padding:14px 0 25px 30px;}
form.answerForm label{font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:25px; color:#000000}


form.answerForm .jqTransformRadioWrapper {float: left;display:block;margin:0 5px 0 0;}
form.answerForm .jqTransformRadio {background: transparent url(/img/jqTransform/radioSec.gif) no-repeat center top;vertical-align: middle;height: 22px !important;width: 22px;display:block;}
form.answerForm a.jqTransformChecked { background-position: center bottom; outline:none}
form.answerForm .jqTransformHidden {display: none;}

form.answerForm .holderButton{padding:0 0 0 100px;}

/*.answer{height:90px;overflow:hidden;padding:10px 0 0;}*/
.otherTestsHolder{padding:10px 0 0 90px;}

.answerFormHalf .answer{padding:10px 0 0;/*min-height:320px;*/ height:auto !important; /*height:320px; */overflow:hidden}
.answerFormHalf p#questionComment{text-align:center; padding: 15px 0}
.answerFormHalf .testHolder{background:url(/img/logo_bg.jpg) no-repeat center center; min-height:520px; height:auto !important; height:520px; }

.answerFormFull { padding:0 15px; position:relative}
.answerFormFull .answerForm{width:300px; margin:0 auto}
.answerFormFull form.answerForm .holderButton {background:none}
.answerFormFull p#questionComment{text-align:left; padding: 15px 0}
.answerFormFull .otherTestsHolder {padding:10px 0 0 250px;}
.answerFormFull .answer{padding:10px 0 0;min-height:90px; height:auto !important; height:90px;}


/* -------------------  Tag Cloud -------------------- */

ul.tag-cloud{margin:0; padding:0; list-style:none}
ul.tag-cloud li {display:inline;line-height:28px;list-style-type:none;margin:2px;}
ul.tag-cloud li a, ul.tag-cloud li a:visited {color:#2F6FAA; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none}
ul.tag-cloud li a:hover {text-decoration:underline}
ul.tag-cloud li.popularity0 {font-size:10px;}
ul.tag-cloud li.popularity1 {font-size:12px;}
ul.tag-cloud li.popularity2 {font-size:14px;}
ul.tag-cloud li.popularity3 {font-size:16px;}
ul.tag-cloud li.popularity4 {font-size:18px;}
ul.tag-cloud li.popularity5 {font-size:20px;}
ul.tag-cloud li.popularity6 {font-size:22px;}

/* -------------------  Full Free Box -------------------- */

.fullFreeBox{padding:0 15px}
a.fullFreeBoxImg img{float:left;margin:0 15px 0 0;}