﻿/* CSS Document */
/* This section define styles for AvenueMall_Content templates */ 

/************ Basic Styles Begin***********/
#MainContainer {
	padding-bottom:5px;
}
.LeftPart {
	width:141px;
	float:left;
	overflow:hidden;
	color:#FFFFFF;
	background-color:#959595;
	margin-left:7px;
}
#RightPart {
	overflow:hidden;
	float:right;
	width:175px;
	padding-top:11px;
	padding-right:2px;
	padding-bottom:0px;
}
#RightPart input {
	vertical-align:middle;
}
#MainRegion {
	width:400px;
	overflow:hidden;
	float:left;
	margin-left:10px;
}
/**********LeftPart Begin************/


/*CurentSection Begin*/
#CurentSection h2 {
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-left:15px;
	font-size:1.8em;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}
/*CurentSection End*/

/*SectionTree Begin*/


/*Color Draft*/

.Level1 {
	margin:0px;
	padding:0px;
	padding-top:10px;
}
.Level1 li {
	list-style:none;
	padding-left:0px;
}
.Level1 li a, .Level1 li a:link, .Level1 li a:active, .Level1 li a:visited {
	font-size:1.8em;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:15px;
}
.Level1 li a:hover {
	text-decoration:none;
}
.Level2 {
	margin:0px;
	margin-top:4px;
	padding:0px;
}
.Level2 li {
	list-style:none;
	padding-left:0px;
	padding:6px 5px 6px 15px;
}
.Level2 li a, .Level2 li a:link, .Level2 li a:active, .Level2 li a:visited {
	padding-left:11px;
	background-image:url(../../images/_gui/SectionTree_Level2Bcg.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	font-size:1.4em;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
.Level2 li a:hover {
	text-decoration:none;
}
.LevelN {
	margin:0px;
	padding:0px;
	margin-top:5px;
}
.LevelN li {
	padding:0px;
	list-style:none;
}
.LevelN li a, .LevelN li a:link, .LevelN li a:active, .LevelN li a:visited {
	background-image:url(../../images/_gui/SectionTree_LevelNBcg.gif);
	background-repeat:no-repeat;
	background-position:12px 7px;
	padding:2px 0px 0px 22px;
	display:block;
	font-size:1.1em;
	text-decoration:none;
}
.LevelN li a:hover {
	text-decoration:none;
}
.Level2 li.one {
	background-color:#636363;
}
.Level2 li.two {
	background-color:#7A7A7A;
}
.Level2 li.three {
	background-color:#929292;
}
.Level2 li.four {
	background-color:#A9A9A9;
}
.Level2 li.five {
	background-color:#C1C1C1;
}
.Level2 li.six {
	background-color:#D8D8D8;
}
.Level2 li.seven {
	background-color:#EFEFEF;
}
.Level2 li.rest {
	background-color:#959595;
}
/*O_nama SectionColor Begin*/

.O_nama {
	background-color:#802777;
}
.O_nama .Level2 li.one {
	background-color:#652D90;
}
.O_nama .Level2 li.two {
	background-color:#7D4BA0;
}
.O_nama .Level2 li.three {
	background-color:#946CB2;
}
.O_nama .Level2 li.four {
	background-color:#AB8DC3;
}
.O_nama .Level2 li.five {
	background-color:#C1ABD2;
}
.O_nama .Level2 li.six {
	background-color:#D8CAE3;
}
.O_nama .Level2 li.seven {
	background-color:#F0EAF4;
}
.O_nama .Level2 li.rest {
	background-color:#802777;
}
/*O_nama SectionColor End*/

/*Shopping SectionColor Begin*/

.Shopping {
	background-color:#ED2225;
}
.Shopping .Level2 li.one {
	background-color:#A82829;
}
.Shopping .Level2 li.two {
	background-color:#B54748;
}
.Shopping .Level2 li.three {
	background-color:#C2686A;
}
.Shopping .Level2 li.four {
	background-color:#CE888A;
}
.Shopping .Level2 li.five {
	background-color:#DBA9A8;
}
.Shopping .Level2 li.six {
	background-color:#E9C9CA;
}
.Shopping .Level2 li.seven {
	background-color:#F5E9E9;
}
.Shopping .Level2 li.rest {
	background-color:#ED2225;
}
/*Shopping SectionColor End*/

/*Zabava SectionColor Begin*/

.Zabava {
	background-color:#F15A25;
}
.Zabava .Level2 li.one {
	background-color:#DF3327;
}
.Zabava .Level2 li.two {
	background-color:#E35046;
}
.Zabava .Level2 li.three {
	background-color:#E87268;
}
.Zabava .Level2 li.four {
	background-color:#ED8E88;
}
.Zabava .Level2 li.five {
	background-color:#F2ADA8;
}
.Zabava .Level2 li.six {
	background-color:#F8CCC9;
}
.Zabava .Level2 li.seven {
	background-color:#FCEAE8;
}
.Zabava .Level2 li.rest {
	background-color:#F15A25;
}
/*Zabava SectionColor End*/

/*Događanja SectionColor Begin*/

.Dogadanja {
	background-color:#E7BC20;
}
.Dogadanja .Level2 li.one {
	background-color:#CC9521;
}
.Dogadanja .Level2 li.two {
	background-color:#D4A440;
}
.Dogadanja .Level2 li.three {
	background-color:#DAB463;
}
.Dogadanja .Level2 li.four {
	background-color:#E3C484;
}
.Dogadanja .Level2 li.five {
	background-color:#EBD5A6;
}
.Dogadanja .Level2 li.six {
	background-color:#F2E4C7;
}
.Dogadanja .Level2 li.seven {
	background-color:#FAF4E8;
}
.Dogadanja .Level2 li.rest {
	background-color:#E7BC20;
}
/*Događanja SectionColor End*/

/*Good_food SectionColor Begin*/

.Good_food {
	background-color:#008F7D;
}
.Good_food .Level2 li.one {
	background-color:#016658;
}
.Good_food .Level2 li.two {
	background-color:#277D70;
}
.Good_food .Level2 li.three {
	background-color:#4E948A;
}
.Good_food .Level2 li.four {
	background-color:#74ACA3;
}
.Good_food .Level2 li.five {
	background-color:#99C2BC;
}
.Good_food .Level2 li.six {
	background-color:#BFDAD5;
}
.Good_food .Level2 li.seven {
	background-color:#E5EFEE;
}
.Good_food .Level2 li.rest {
	background-color:#008F7D;
}
/*Good_food SectionColor End*/

/*Newsletter SectionColor Begin*/

.Newsletter {
	background-color:#0070B8;
}
.Newsletter .Level2 li.one {
	background-color:#01429E;
}
.Newsletter .Level2 li.two {
	background-color:#265EAB;
}
.Newsletter .Level2 li.three {
	background-color:#4E7BBC;
}
.Newsletter .Level2 li.four {
	background-color:#7397CB;
}
.Newsletter .Level2 li.five {
	background-color:#99B3D8;
}
.Newsletter .Level2 li.six {
	background-color:#C0D0E7;
}
.Newsletter .Level2 li.seven {
	background-color:#E5ECF6;
}
.Newsletter .Level2 li.rest {
	background-color:#0070B8;
}
/*Newsletter  SectionColor End*/
/*SectionTree End*/
/*Article Index Begin*/
.IndexArticle {
	width:107px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
}
.IndexArticle .Heading {
	margin:0px;
	padding:0px;
	font-size:1.8em;
	color:#FFFFFF;
	font-weight:normal;
	margin-bottom:7px;
}
.IndexArticle .Heading a, .IndexArticle .Heading a:link, .IndexArticle .Heading a:active, .IndexArticle .Heading a:visited, .IndexArticle .Heading a:hover {
	color:#FFFFFF;
}
.IndexArticle .Heading p, .IndexArticle .Text p {
	margin-top:0px;
}
.IndexArticle .Text {
	color:#FFFFFF;
}
.IndexArticle .Text a, .IndexArticle .Text a:link, .IndexArticle .Text a:active, .IndexArticle .Text a:visited, .IndexArticle .Text a:hover {
	color:#FFFFFF;
}
/*Article Index End*/

/**********LeftPart End************/

/**********Main Begin**************/

/*Article Begin*/

.ShortArticleContent, .FullArticleContent {
	margin-top:10px;
	padding-bottom:9px;
	background-image:url(../../images/_gui/MainArticle_bottom_border.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}
.ArticleHeading {
	margin:0px;
	padding:0px;
	color:#000000;
	font-size:2.1em;
	font-weight:bold;
	margin-bottom:9px;
}
.ArticleHeading p {
	margin:0px;
}
.ArticleHeading a, .ArticleHeading a:link, .ArticleHeading a:active, .ArticleHeading a:visited {
	font-size:1.0em;
	color:#000000;
	text-decoration:underline;
}
.ArticleHeading a:hover {
	text-decoration:none;
}
.Lead {
	font-size:1.2em;
	color:#000000;
	font-weight:bold;
}
.Lead p {
	margin-top:0px;
}
.Lead a, .Lead a:link, .Lead a:active, .Lead a:visited {
	font-size:1.0em;
	text-decoration:underline;
	color:#000000;
}
.Lead a:hover {
	text-decoration:none;
}
.ArticleDetails:link, .ArticleDetails:active, .ArticleDetails:visited, .ArticleDetails:hover {
	margin:0px;
	margin-top:9px;
}
.Text {
	margin:0px;
	padding:0px;
	margin-top:9px;
}
.Text a, .Text a:link, .Text a:active, .Text a:visited {
	color:#000000;
	text-decoration:underline;
}
.Text a:hover {
	text-decoration:none;
}
.Right {
}
/***********************************/
/********* article gallery *********/
/***********************************/
.Article img {
	position: absolute;
	visibility: hidden;
}
.Left .articleGalleryContainer {
	float:left;
	width: 225px;
	margin: 0px 15px 0px 0px;
	position:relative;
}
.Right .articleGalleryContainer {
	float:right;
	width: 225px;
	margin: 0px 0px 0px 15px;
	position:relative;
}
.Gallery {
	line-height:156px;
	margin:auto;
	height:156px;
}
.Gallery img {
}
.articleGalleryContainer img {
	position: static;
	visibility: visible;
}
.jcarousel-container {
	position: relative;
}
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 223px;
	height: 156px;
}
.jcarousel-scroll {
	width: 223px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
}
a.jcarousel-next:link, a.jcarousel-next:visited, a.jcarousel-next:active, a.jcarousel-next:hover {
	display: block;
	background: #fff url(../../images/_gui/arrow_right_hover.gif) no-repeat;
	background-position:left 5px;
	width:32px;
	height:20px;
	line-height:20px;
	float: right;
}
a.jcarousel-next span {
	display: none;
}
a.jcarousel-prev:link, a.jcarousel-prev:visited, a.jcarousel-prev:active, a.jcarousel-prev:hover {
	display: block;
	background: #fff url(../../images/_gui/arrow_left_hover.gif) no-repeat;
	background-position:right 5px;
	width:31px;
	height:20px;
	line-height:20px;
	float: left;
}
a.jcarousel-prev span {
	display: none;
}
.jcarousel-numberof {
	display: block;
	float:left;
	width:160px;
	line-height:20px;
	vertical-align: middle;
	text-align: center;
	font-size:1.0em;
	margin-left:auto;
	margin-right:auto;
}
.jcarousel-enabled {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.jcarousel-disabled {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	cursor: default;
}
.jcarousel-skin-tango .jcarousel-container {
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 223px;
	height: 156px;
	padding: 0px 0px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  223px;
	height: 156x;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 223px;
	height: 156px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
/*Article End*/

/**********Main End****************/

/*Outdex Begin*/

.CaptionOutdex {
	margin:0px;
	padding:0px;
	padding-left:10px;
	color:#EC1F27;
	font-weight:bold;
	font-size:1.5em;
	margin-bottom:7px;
}
.CaptionOutdex p {
	margin:0px;
}
.LinkTextOutdex:link, .LinkTextOutdex:active, .LinkTextOutdex:visited, .LinkTextOutdex:hover {
	font-size:1.1em;
	text-decoration:none;
	color:#000000;
	background-image:url(../../images/_gui/LinkOutdexBcg.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	display:block;
	margin-left:10px;
	padding-left:12px;
	padding-bottom:5px;
}
.LinkTextOutdex:link p, .LinkTextOutdex:active p, .LinkTextOutdex:visited p, .LinkTextOutdex:hover p {
	margin:0px;
}
.Separator {
	background-image:url(../../images/_gui/Separator_Outdex.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	padding:10px 0px 13px 0px;
	font-size:0px;
}
.SeparatorIndex {
	font-size:0px;
	height:20px;
}
/***Survey***/

.StatusMessage {
	color:#FF0000;
	padding:0px 0px 0px 0px;
	font-size:1.1em;
	clear:both;
}
.StatusMessage2 {
	color:#FF0000;
	padding:0px 0px 0px 0px;
	font-size:1.1em;
	clear:both;
}
.Survey {
	background-color:#FFFFFF;
	color:#000000;
	overflow:hidden;
}
.Survey h2 {
	font-size:2.0em;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
.FieldText {
	padding:5px 0px 0px 0px;
	margin-top:0px;
	font-size:1.2em;
}
.FieldTextPicture {
	height:25px;
	background-image:url(../../images/_gui/SurveyOutdexBcg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.RadioButton {
	vertical-align:top;
}
.survey-fields {
	padding:0px 0px 0px 0px;
}
.survey-fields div {
	padding-top:5px;
	font-size:1.1em;
}
.survey-fields div label {
	vertical-align:middle;
	padding-left:0px;
}
.survey-buttons {
	padding:10px 0px 10px 0px;
}
.survey-buttons input, .form-buttons input {
	background-color:#C3262E;
	color:#FFFFFF;
	font-size:10px;
	padding:0px;
	overflow:hidden;
	border:0px;
	margin:0px;
	cursor:pointer;
}
.survey-buttons .button-results {
	margin-left:0px;
	width:88px;
}
.survey-results {
	font-size:1.1em;
	overflow:hidden;
}
.survey-results h2 {
	color:#EC1F27;
	font-weight:bold;
	margin:0px;
	padding:0px;
	font-size:2.1em;
	padding-top:10px;
	padding-bottom:10px;
}
.survey-result, #votes {
	clear:both;
}
.survey-result {
	padding-top:3px;
}
#votes {
	padding-top:5px;
}
.survey-result-text {
	width:31%;
	float:left;
}
.survey-result-image {
	width:68%;
	float:right;
}
/***Form****/
.Form {
	color:#000000;
	background-image:none;
	overflow:hidden;
	padding:0px;
	margin-top:0px;
}
.Form-Results {
	color:#000000;
	background-image:none;
	overflow:hidden;
	padding:0px;
	margin-top:0px;
}
.Form h2, .Form-Results h2 {
	font-size:2.0em;
	font-weight:normal;
	margin:0px;
	margin-bottom:8px;
	padding:0px;
	color:#EC1F27;
}
.form-field {
	font-size:1.1em;
}
.form-field .FieldText {
	width:42px;
	float:left;
	padding:0px;
	margin:0px;
}
.form-field .TextBox {
	width:80px;
	float:left;
	vertical-align:top;
	line-height:17px;
	border:0px;
	margin:0px;
	margin-right:3px;
	padding:0px;
	padding-top:1px;
	background-color:#E7E7E8;
}
.form-field .button-send {
	width:20px;
	float:left;
	vertical-align:top;
	cursor:pointer;
}
/*Outdex End*/
