.left {float: left;}
.right {float: right;}
img.left {float: left;margin: 0 10px 0 0;}
img.right {float: right;margin: 0 0 0 10px;}
.nomargin {margin:0 !important;}
.nobackground {background-image: none !important}
.marginBottom{margin-bottom:10px !important}
.marginRight{margin-right:10px !important}
.marginRightMore{margin-right:20px !important}
.paddingTop{padding-top:15px !important}
.clear{clear:both}


a.smallThumb {display:block;float:left;margin-right:15px;width: 102px; text-align:center}
a.mediumThumb {display:block;float:left;margin-right:15px;width: 122px; text-align:center}
a.largeThumb {display:block;float:left;margin-right:15px;width:282px; text-align:center}
a.largeThumbSec {display:block;float:left;width:282px; text-align:center; margin-bottom:10px;}

a.smallThumb img, a.mediumThumb img, a.largeThumb img, a.largeThumbSec img {border:1px solid #CC0000}


a.banner728{display:block; border:1px solid #CC0000; float:right; margin-top:15px}
a.banner728 img{border:none}


.currentDate{color:#FFFFFF; display:block; background-color:#857705; width:185px; line-height:40px; text-align:center}
 

/*----- easy clearing ------*/

.fix:after {clear:both;content:'[.]';display:block;height:0;visibility:hidden;}
.fix {display:inline-block;}
.fix {display:block;}

/*----- Button Holder ------*/

.buttonHolder {margin-right: 18px;margin-left: 18px;padding-top: 5px;border-top-width: 1px;border-top-style: solid;border-top-color: #CCCCCC;}
.buttonHolderFull {padding-top: 5px;}
.buttonHolderSpecial {padding-bottom:10px;padding-top:5px;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC; margin-bottom:10px;}
.buttonHolderFullTop {padding-top: 5px; background:url(../img/divider.gif) repeat-x left top;}

/*----- LINKS ------*/

a.more, a.more:visited {color:#CC0000;text-decoration: none;outline: none; font: italic 11px Georgia, "Times New Roman", Times, serif; display:inline; padding-left:5px}
a.more:hover {text-decoration: underline;}

a.moreFull, a.moreFull:visited {color:#CC0000;text-decoration: none;outline: none; font: italic 11px Georgia, "Times New Roman", Times, serif; background:url(/img/dividerDouble.gif) repeat-x left top; line-height:28px;width:100%; text-align:right; margin-bottom:10px}
a.moreFull:hover {text-decoration: underline;}

a.button {display: block;font: italic 11px Georgia, "Times New Roman", Times, serif;line-height: 12px; /* Ova vrednost + 4px + 4px (top i bottom padding SPAN-a) mora da bude jednaka visini dugmeta */height: 20px; /* Visina dugmeta */padding-left: 10px;text-decoration: none;background-color: transparent;background-image: url(/img/buttons/buttonLeft.png);background-repeat: no-repeat;background-position: left top}
a:link.button, a:visited.button, a:active.button {color: #ffffff;text-decoration:none}
a.button span {display: block;padding: 4px 10px 4px 0;background-color: transparent;background-image: url(/img/buttons/buttonRight.png);background-repeat: no-repeat;background-position: right top;}
a.button:hover {background-position: bottom left;}
a.button:hover span {background-position: bottom right;color: #ffffff;}


/*----- input button ------*/

button { border:0; cursor:pointer; padding:0 7px 0 0; text-align:center; outline:none;}
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 10px; }
button {font: italic 11px Georgia, "Times New Roman", Times, serif;background-image: url(/img/buttons/btnRight.png);background-repeat: no-repeat;
background-position: right;background-color: transparent;}
button span { height:20px; line-height:20px;background: url(/img/buttons/btnLeft.png) left no-repeat;color:#ffffff; }
button:hover {background: url(/img/buttons/btnRightHov.png) right no-repeat; }
button:hover span {background:url(/img/buttons/btnLeftHov.png) left no-repeat; }

/*----- input button special ------*/

button.special { border:0; cursor:pointer; outline:none; position:absolute; bottom:10px; right:15px; background:url(../img/buttons/signIn.png) no-repeat left top; width:71px; height:21px; text-indent:-3000px}


/*----- BOX ------*/

div.box {border: 1px solid #D2D2D2; padding:8px; margin-bottom:15px; position:relative;}
div.boxSpecial { background:url(/img/boxSpecial/boxSpecial_bg.gif) repeat-y left top; padding:0 20px 10px;}
div.boxSpecialBottom { background:url(/img/boxSpecial/boxSpecialBottom_bg.gif) no-repeat left top; height:10px; margin-bottom:10px;}
div.divider {background: url(/img/divider.gif) repeat-x left bottom;margin-bottom:5px;padding:0 0 5px;}
div.dividerUser {background: url(/img/divider.gif) repeat-x left bottom;margin-bottom:10px;padding:20px 20px 10px;}
div.dividerTop {background: url(/img/divider.gif) repeat-x left top;padding:7px 0;}
div.dividerTopSec {padding:5px 0 5px; clear:both;}

div.box span.corner {background:url(/img/autoContentSlider/corner.png) no-repeat; width:20px; height:20px; display:block; position:absolute; bottom:-1px; right:-1px}

/*----- EVENT ------*/

.event {width:202px; padding-top:10px}
.event img {border: 1px solid #CC0000; margin-bottom:5px}


a.largeThumb {display:block;text-align:center;margin-bottom:10px}
a.largeThumb img {border:1px solid #CC0000;}

/*----- HEADERS ------*/


h2.titleMain, .specialCalendarHolder h2.titleMain {font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; font-weight:bold; color:#000000; background:url(/img/h2_bg.gif) no-repeat right top #CCCCCC; line-height:30px; padding-left:10px; margin-bottom:1px}
h2.titleSpecial {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-left:10px; margin:0; line-height:55px; color:#FFFFFF; text-transform:uppercase; background:url(/img/boxSpecial/titleSpecial_bg.gif) no-repeat left top}

h4.titleRating{font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-style:italic; text-align:center; margin:0; padding:10px 0 0; background:url(../img/divider.gif) repeat-x left top; color:#CC0000 !important}

.latestStories h5 {background:transparent url(../img/arrow.gif) no-repeat scroll left 5px;margin:0;padding:0 0 0 10px;}



h3.columnTitle {font-family:Arial, Helvetica, sans-serif !important; font-size:15px !important; font-weight:bold !important; padding-left:10px !important; line-height:30px !important; color:#FFFFFF !important; height:30px !important}
h3.columnTitle a, h3.columnTitle a:visited {color:#FFFFFF !important; text-decoration:none}

h3.columnTitle p{float:right; padding:0 10px 0 0; font-size:12px !important; font-weight:normal !important;}

h5.title {margin:0;padding:0 0 0 10px; background:url(../img/arrow.gif) no-repeat left 5px}
h6.date {font-size:12px; color:#999999;margin:0;padding:0}
p.blackGrade{color:#999999;font-family:Georgia,"Times New Roman",Times,serif;font-size:12px;margin:0;padding:0;}

p.dividerDouble{color:#999999;font: italic 12px Georgia, "Times New Roman", Times, serif; background:url(../img/dividerDouble.gif) repeat-x left top; line-height:28px;}

.linkedNews{padding-bottom:15px;}
.linkedNews p{padding-bottom:0}
.linkedNews p.dividerDouble{padding-bottom:15px}

.film{background-color:#8BC300; position:relative}
.film span{background: url(/img/heading/green.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}

.izlozbe{background-color:#FF8000; position:relative}
.izlozbe span{background: url(/img/heading/orange.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}

.pozorista{background-color:#52B4E2; position:relative}
.pozorista span{background: url(/img/heading/blue.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}

.muzika{background-color:#E00000; position:relative}
.muzika span{background: url(/img/heading/red.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}

.deca{background-color:#FF4DFF; position:relative}
.deca span{background: url(/img/heading/pink.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}

.knjige{background-color:#C43006; position:relative}
.knjige span{background: url(/img/heading/redDark.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}

.rainbow{background-color:#8C24DB; position:relative}
.rainbow span{background: url(/img/heading/purple.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}

.belgrade{background-color:#217200; position:relative}
.belgrade span{background: url(/img/heading/greenDark.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}

.sport{background-color:#43B08B; position:relative}
.sport span{background: url(/img/heading/greenLight.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}

.ostali{background-color:#FF4226; position:relative}
.ostali span{background: url(/img/heading/redLight.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}




.blue{background-color:#52B4E2; position:relative}
.blue span{background: url(/img/heading/blue.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}

.restorani{background-color:#E0AD00; position:relative}
.restorani span{background: url(/img/heading/orangeDark.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}

.redLight{background-color:#FF4226; position:relative}
.redLight span{background: url(/img/heading/redLight.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}

.default{background-color:#52B4E2; position:relative}
.default span{background: url(/img/heading/blue.gif) no-repeat; position:absolute; top:30px; left:10px; display:block; width:18px; height:9px}


/*----- POLL PART ------*/

div.poll p.question{font-size:15px; color:#000000}
div.poll input.radioButton {margin:0 5px 0 0;padding:0;vertical-align:middle;}
.boxSpecial div.box {border:none;margin-bottom:0;padding:0;}


/*----- COMMENT PART ------*/

.commentsPart .commentBrowser {display:block;padding:15px 0; border-bottom: 1px solid #999999; overflow: hidden; width: 282px;}
.commentsPart .comment_author{border-top: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC; color:#CC0000; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; line-height:30px; margin-bottom:10px;}

.commentsPart .single_comment p.userNamePost {color:#CC0000; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; margin:0; padding:0}
.commentsPart .single_comment p.dateTime {color:#999999;font-size:12px;margin:0 0 10px; padding:0; font-family:Georgia, "Times New Roman", Times, serif}
.commentsPart .single_comment h3.subject {color:#CC0000;font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;margin:0;font-size:16px}
.commentsPart .single_comment p.responses {color:#666666;font-size:14px;line-height:125%;margin:0;padding:15px 0 0; text-transform:uppercase}
.commentsPart .single_comment p.responseList{margin:0; padding:0}
.commentsPart .single_comment p.bodyFormated{margin:0;}

.commentsPart a.commentAction, .commentsPart a.commentAction:visited {background:url(../img/comment.gif) no-repeat left top; display:block; height:27px; width:111px;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#ffffff; text-decoration:none; line-height:20px; text-align:center; font-style:italic; margin-bottom:0px}
.commentsPart a.commentAction:hover {color:#000000; text-decoration:none}


.commentsPart .centerAV {display: table-cell;text-align: center;vertical-align: middle;height: 86px;width: 86px;border: 1px solid #CC0000;}
.commentsPart .centerAV img {border:none}
.commentsPart .centerAV * {vertical-align: middle;}
/*\*//*/
.commentsPart .centerAV {display: block;}
.commentsPart .centerAV span {display: inline-block;height: 100%;width: 1px;}
/**/


/*----- PROGRESS BAR ------*/

.progress-bar {background: url(/img/progressBar/empty.png) no-repeat left center;width: 100px;height: 30px; float:right}
.progress-level {background: url(/img/progressBar/fill.png) no-repeat left center;height: 30px;}

/*----- CALENDAR HOLDER ------*/

.calendarHolder{margin-bottom:1px}
.calendarHolder p{ margin:0; padding:0}
.calendarLeft{float:left; padding:20px;width:140px; background:#E4E4E4; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#CC0000; border-bottom:1px solid #E4E4E4;border-top:1px solid #E4E4E4;}
.calendarRight{float:left; padding:20px;width:190px; background:url(/img/arrowRight.gif) no-repeat center left; border-bottom:1px solid #E4E4E4; border-top:1px solid #E4E4E4; border-right:1px solid #E4E4E4}



#calendarTable {
	width: 100%;
}
#calendarTable tr td {
	padding:8px 5px;
	text-align: center;
	background-color: #DBDBDB;
	color:#B4B4B4;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
}
#calendarTable tr td a {
	color: #CC0000;
}

#calendarTable tr.navigacija td {
	font-weight: bold;
	background-color: #FFFFFF;
	color: #52B4E2;
	padding:0 0 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-transform:uppercase;
}
#calendarTable tr.navigacija td a {
	color: #52B4E2;	
}
#calendarTable tr.navigacija td a:hover {
	text-decoration: none;
	color: #B6A676;
}

#calendarTable tr.dani td {
	background-color: #707070;
	color: #CCCCCC;
	font-family: Tahoma;
	text-transform:uppercase;
	font-size:11px;
	font-weight: bold
}


#calendarTable tr td span.day_current a {
	font-weight: bold;
}

#calendarTable tr td span.day_selected {
	background-color: #9B9B9B;
}
#calendarTable tr td span.day_selected a {
	color: #FFFFFF;
}


/* -------------------  Sign in FORM -------------------- */

.signIn {width:280px; height:105px; background:url(../img/signIn_bg.png) no-repeat left top; padding:10px; position:relative; margin-bottom:20px}
.signIn .holder {width:280px; margin-bottom:5px}
.signIn label {width: 100px; float:left; display:block; color:#333333;display:block;padding-top:8px;text-align:left;}
.signIn input {border:1px solid #D0D0D0;display:inline;height:22px;padding:6px 5px 0;width:165px;}
.signIn p {padding-bottom: 0; font-size:11px; font-style:italic}


/* -------------------  Weather -------------------- */

.weatherPart{}
.weatherPart h6.town{ font-family:Tahoma; font-size:11px; font-weight:bold; color:#CC0000; padding:0; text-transform:uppercase; margin:0 0 5px;}
.weatherPart p.temperature{ font-family:Tahoma; font-size:11px; font-weight:bold; color:#666666; padding:0; margin:0;}

/* -------------------  Top List -------------------- */

div.topList {background:transparent url(/img/divider.gif) repeat-x scroll left bottom;margin-bottom:5px;padding:0 0 5px;}
.topList span.topListGrade{display:block; background:url(/img/topList.png) no-repeat left top; width:35px; height:35px; float:left;line-height:35px;margin-right:10px;text-align:center;font-size:14px;font-weight:bold;}

.topList h5{margin:0; padding:5px 0 0;}


/********************************************
   Tabs Week - HOME
********************************************/

#week {border:1px solid #D2D2D2;padding:8px 0 8px 8px;width:440px; margin-bottom:20px}

ul#weekDays {  margin:0 !important; padding:0;height:46px}
ul#weekDays li {  float:left;	 padding:0; margin:0 2px 0 0;list-style-type:none}
ul#weekDays li.item7 {  float:left;	 padding:0; margin:0;list-style-type:none}
ul#weekDays a {float:left;font-size:11px;font-family:Tahoma;display:block;text-decoration:none;width: 60px;height:30px;padding-top:5px;color:#3D4649;position:relative;text-align:center;background:url(/img/tabs/tabs_bg.png) no-repeat center center; line-height:100%}
ul#weekDays a:visited { text-decoration:none;color:#3D4649;}
ul#weekDays a span {font-weight:bold;}
ul#weekDays a:hover {color:#3D4649}
ul#weekDays a.current {width: 60px;height:38px;padding-top:5px;color:#ffffff !important;background:url(/img/tabs/tabs_current.gif) no-repeat center center;cursor:default;}

div.daysContainer div.dayContent {min-height:150px;height:auto !important;height:150px;padding:0;width:432px}
div.daysContainer div.dayContent h5 {margin-bottom: 0px; font-size: 13px;}
div.daysContainer div.dayContent div.firstBlock h5 {font-size: 16px;}
/********************************************
   Tabs Week - In Pages
********************************************/

.specialCalendarHolder{clear:both}
#weekIn {border:1px solid #D2D2D2;padding:8px 8px 8px 10px;width:412px; margin-bottom:20px}

ul#weekDaysIn {  margin:0 !important; padding:0;height:46px}
ul#weekDaysIn li {  float:left;	 padding:0; margin:0 3px 0 0;list-style-type:none}
ul#weekDaysIn li.item7 {  float:left;	 padding:0; margin:0;list-style-type:none}
ul#weekDaysIn a {float:left;font-size:11px;font-family:Tahoma;display:block;text-decoration:none;width: 56px;height:30px;padding-top:5px;color:#3D4649;position:relative;text-align:center;background:url(/img/tabs/tabsSec_bg.png) no-repeat center center; line-height:100%}
ul#weekDaysIn a:visited { text-decoration:none;color:#3D4649;}
ul#weekDaysIn a span {font-weight:bold;}
ul#weekDaysIn a:hover {color:#3D4649}
ul#weekDaysIn a.current {width: 56px;height:38px;padding-top:5px;color:#ffffff !important;background:url(/img/tabs/tabsSec_current.gif) no-repeat center center;cursor:default;}

#weekIn div.daysContainer div.dayContent {min-height:150px;height:auto !important;height:150px;padding:0;width:414px}

