/***************************** Jello *****************************/

#sizer {	
	margin: 0 auto 0 auto;
	padding: 0;
	width: 0%;
	max-width: 0px;  /* version for IE is at the bottom of this style block */		
}

#expander {
	/* border-bottom: 1px solid #FFFFFF; */
	/* border-top: 1px solid #FFFFFF; */ 	
	margin: 0 -426px 0 -426px;
	min-width: 852px; /* Critical Safari fix! */
	position: relative;		
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; }

#wrapper1 {
	font-family: Arial, Helvetica;
	font-size: 12px; /* set global font-size here */	
	padding: 0;
	position: relative;
	/* background: url(../img/redcircles.gif); */ /* this BG tiles the left column */
	z-index: 1;	
} /* this positioning may be needed for IEwin if page is to contain positioned elements */

#wrapper2 {
	background: #fff url(/img/tile-bg.png) top left repeat-y;
	position: relative; /* extra insurance against bugs in IEwin */
	padding:0 0 15px 0;
}

.outer {
/*  background: url(../images/bluelattice.gif);  this BG tiles the center column */
/*  border-left: 10px solid #da5; */ /*** Critical left divider dimension value ***/
/*  border-right: 2px solid #da5; */ /*** Critical right divider dimension value ***/
    margin-left: 0px;    /*** Critical left col width value ***/
    margin-right: 0px;    /*** Critical right col width value ***/
/*  background: #ffffff; */      
}

.outer0-x-0{
	margin-left: 0px !important;    /*** Critical left col width value ***/
    margin-right: 0px !important;    /*** Critical right col width value ***/    
}

.outer0-x-278{
	background: transparent url(/img/bg-cccdot.png) top right repeat-y;
	margin-left: 0px !important;    /*** Critical left col width value ***/
    margin-right: 278px !important;    /*** Critical right col width value ***/  
}

.outer155-x-0{
	margin-left: 155px !important;    /*** Critical left col width value ***/
    margin-right: 0px !important;    /*** Critical right col width value ***/
}

.outer278-x-278{
	margin-left: 278px !important;    /*** Critical left col width value ***/
    margin-right: 278px !important;    /*** Critical right col width value ***/
}

.outer278-x-0{
	margin-left: 278px !important;    /*** Critical left col width value ***/
    margin-right: 0px !important;    /*** Critical right col width value ***/
}

.float-wrap {
  float: left;
  width: 100%;
}

.center {
	float: right;
	width: 100%;	
}

.left{
	float: left;
	position: relative; /* Needed for IE/win */
}

.left0{
	margin-left: 0px !important;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
	width: 0px !important;    /*** Critical left col width value ***/
}

.left155{
	margin-left: -155px !important;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
	width: 155px !important;    /*** Critical left col width value ***/
}

.left278{
	margin-left: -278px !important;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
	width: 278px !important;    /*** Critical left col width value ***/
}

.right{
	float: right;
	position: relative; /* Needed for IE/win */
}

.right0{
	margin-right: 0 !important; /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
	width: 0 !important; /*** Critical right col width value ***/
}

.right278{
	height:100%;
	margin-right: -278px !important; /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
	width: 278px !important; /*** Critical right col width value ***/	
}


/******************************** Jello End *********************************/



/************** Special Fixes *************/

.outer {
	word-wrap: break-word;
} /* Prevents long urls from breaking layout in IE, must be hidden in a conditional comment for CSS to validate */

#expander,
#wrapper,
#wrapper1,
#wrapper2,
.outer,
.outer a,
.outer0-x-0,
.outer0-x-278,
.outer155-x-0,
.outer278-x-278,
.outer278-x-0,
.center,
.left,
.left0,
.left155,
.left278,
.right,
.right0,
.right278
{
	zoom: 1;
}	/* The above rule gives hasLayout to some page elements so that IE will not be buggy, oy... */

/************** Special Fixes End *************/


/**************** Utility Rules *******************/

.brclear { /* Use a break with this class to clear float containers */
  clear: both;
  height: 0;
  margin: 0;
  font-size: 1px;
  line-height: 0;
}

.hide, .hidden {
	display: none;
}

.fleft{
	float:left;
}
/**************** Utility Rules End *******************/



/*********************** General ****************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

body {
	background: #FFF;
	color: #000;
	margin: 0;
	padding: 0;	
}

a {
	color: #999;
	outline: 0;
	text-decoration: none;
}

a:hover {
	outline: 0;
	text-decoration: underline;
}

A IMG {
	border: 0;	
}

h1 {
	font-size: 16px;
	margin: 0.5em 0;
}

h2 {
	font-size: 15px;
	margin: 0.5em 0;
}

h3 {
	font-size: 12px;
	margin: 0.5em 0;
}

h4 {
	font-size: 1.1em;
	margin: 0.4em 0 0.2em 0;
}

p {
	margin:0 0 0.5em 0;
}

.inline input{
	display:inline;
}

.note {
	color:#666;
	font-size:10px;
}

.note-light {
	color:#999;
	font-size:10px;
}

.error {
	color:red;
	padding:10px 0;
}

#recaptcha_table.error {
	border: 1px solid red !important;
}

.message {
	color:green;
	padding:10px 0;
}

.black {
	color:#000;
}

.spacer {
	display:block;
	line-height:normal;
	margin:10px 0;
	width:100%;
}

TABLE {
	border-collapse:collapse;
	border-spacing:0;
}

th,td {
}

hr {
	border: 0;
	margin: 0;
}

fieldset, img {
	border:0;
}

/*********************** General End ****************************/


#header {
	background:#fff url(/img/tile-bg.png) top left repeat-y;
	padding:0 1px 0 1px;
	position: relative;
}

#header #header-top {
	height: 142px;
	position:relative;
}

#header #header-top #logo{
	height:142px;
	left:6px;
	position:absolute;
	top:0;
	width: 300px;
}

#header #header-top #login-form{
	height:90px;
	position:absolute;
	right:13px;
	top:14px;
	width:165px;
}

#header #header-top #user-info-box{
	height:50px;
	padding:48px 0 0 0;
	position:absolute;
	right:13px;
	text-align:right;
	top:0;
	width:165px;
}

#header #header-top #user-info-box #user-name{
	font-weight:bold;
	padding:0 0 6px 0;
	position:relative;
}

#header #header-top #user-info-box ul li{
	display:inline;
	padding:0 0 0 6px;
}

#header #header-top #user-name a {
	color: #000000;
}

#header #header-top #user-links a {
	color:#FF0000;
	font-weight:bold;
}

#header #header-top #search-form{
	height:18px;
	position:absolute;
	right:13px;
	bottom:18px;
	width:165px;
}

#header #header-top input.txt{
	/*background: transparent url(img/bg-input-text.png) top left no-repeat;*/
	border:1px solid #666;
	font-size:10px;
	height:16px;
	line-height:16px;
	margin:4px 0 0 0;
	padding:0 2px 0 2px;
	width:134px;
}

#header #header-top input.img{
	margin:4px 0 0 5px;
	padding:0;
}

#header #header-top label{
	color:#999;
	font-size:10px;
	line-height:10px;
}

#header #main-menu{
	background-color: #333333;
	display:block;
	width:850px;
}

#header #links {
	float: left;
	text-align: left;
	width: 700px;
	_zoom: 1;
}
#header #links ul {
	padding:0 0 0 7px;
}

#header #links ul li{
	display:block;
	float:left
}

#header #meminfo{
	float:right;
	padding: 0 8px 0 0;
	text-align:right;
	_zoom: 1;
}

#header #links ul li a, 
#header #links ul li a:visited,
#header #meminfo ul li a, 
#header #meminfo ul li a:visited {
	background-color: #333333;
	color: #FFFFFF;
	display: block;
	float:left;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	line-height:30px;
	padding:0 8px;
	text-decoration: none;
	zoom:1;
}

#header #links ul li a:hover, #header #meminfo ul li a:hover, #header #links ul li.active A {
	background-color:  #b9b9b8;
	color:#000;
}

#header #links ul li.active a{
}

#header ul li#first a{
	padding:0 8px 0 15px !important;
}

#header ul li#last a{
}

#header #header-middle P {
	margin: 0;
	padding: 0;
}

.center-title {
	padding:0 1px 0 1px;
}

.center-title h2{
	background: url(/img/title-back.gif);
	font-weight: bold;
	font-variant: small-caps;
	line-height: 30px;
	margin: 0;
	padding:0 0 0 14px;
	font-size:16px;
}

.center-title h2 a{
	color:#000;
	font-weight: bold;
	font-variant: small-caps;
	font-size:16px;
}

.center-content {
	padding:10px 12px 0 15px;
}

.center-content .header {
	margin: 0 auto; 
}

.center-content .header-subpages {
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	padding: 6px 0;
}

.center-content .header-subpages-contest {
	font-size:11px;
	text-decoration:none;
	text-transform: uppercase;
	padding: 6px 0;

}


.center-content .teaser h1, .center-content h1.sub-title {
}
.center-content .teaser h2, .center-content h2.sub-title {
}

.center-content .teaser h1 A, .center-content .teaser h2 A, .center-content .teaser h3 a {
	color:#999;
}

.center-content .teaser .teaser-image {
	float:left;
	padding:2px 12px 0 0;
}

.center-content .teaser p {
	padding:0;
}

.center-content .article p {
	padding:5px 0;
}

.center-content .article h1.article-title{
	font-weight: bold;
	line-height:100%;
	padding: 0.5em 0;
}

.center-content .article .article-image {
	float:left;
	padding:4px 10px 0 4px;
}

.center-content .colleft {
	float:left;
	width:263px;
}

.center-content .colbottom{
	position: absolute;
	left: 15px;
	bottom: 25px;
	width:100;
}

.center-content-community .colleft {
	width:360px;
}

.center-content-community .colright {
	margin: 0 0 0 10px;
	width:175px;
}

.center-content-community .new-member{
	margin:10px 0;
}


.center-content-community .colleft a, .center-content-community .colright a{
	color:#000;
}

.article H1 A, .article H2 A, .article H3 A, .article H4 A {
	color:#000;
}


.article .separator, .teaser .separator {
	clear: both;
	padding: 0.5em 0;
}

.article .separator HR {
	border-top: 1px solid #b9b9b8;
}

.article-photos {
	padding: 5px;
	border: solid 1px #cccccc;
	float: left;
	height: 112px;
	margin: 0 0 5px 5px;
	text-align: center;
	width: 160px;
	height: 110px;
}

.teaser .separator HR {
	border-top: 1px solid #b9b9b8;
	opacity: 1;
}

.center-content-community .colleft .image{
}

.avatar {
}

.avatar-50 {
	float: left;
	margin:0 10px 0 0;
	width: 50px;
}

.portfolio-image{
	float: left;
	margin:0 10px 0 0;
	width:128px;
	height:96px;
}
.profile-name-att{
	position: relative;
	top: 40px;	
}	

.center-content-community .colright input.txt{
	/*background: transparent url(img/bg-input-text.png) top left no-repeat;*/
	border:1px solid #666;
	font-size:10px;
	height:16px;
	line-height:16px;
	margin:4px 0 0 0;
	padding:0 2px 0 2px;
	width:134px;
}

.center-content-community .colright input.img{
	border:none;
	margin:4px 0 0 5px;
	padding:0;
	width:18px;
}

.center-content-community .colright ul, .center-content-community .colright ul li{
	list-style-type:none;
}

.center-content-community .colright ul li{
	margin:0.3em 0;
}

.center-content-community ul.tags-list {
	display:none;
}

.center-content-community .accordion-button {
	cursor:pointer;
	padding:7px 0;
}

.center-content .colright{
	float:left;
}

.center-content input, .center-content textarea {
	border:1px solid #000;
	font-family:Arial;
	font-size:11px;
	padding:5px 2px;
	width:214px;
}

.center-content input.check-box, .center-content input.radio-button, .center-content INPUT[type=checkbox], .center-content INPUT[type=radio] {
	border: 0;
} 




.center-content #respond input, .center-content #respond textarea {
	width: 350px;	
}

.center-content table.portfolio td{
	padding:3px 8px 3px 0;
}

.center-content input.portfolio-narrow, input.portfolio-wide{
	padding: 2px;
}

.center-content input.portfolio-narrow {
	width:25px;
}

.center-content input.portfolio-wide, .center-content textarea.portfolio-wide {
	width:314px;
}

.center-content input.submit{
	background:#b9b9b8;
	border:0;
	color:black;
	font-size:12px;
	padding:3px 2px 2px 2px;
	width:auto;
}

.center-content input.submit:hover{
	background:#ff0000;
	border:0;
	color:white;
	font-size:12px;
	padding:3px 2px 2px 2px;
	width:auto;
}


.center-content .purplebg {
	background:#b9b9b8;
}

.center-content .purplebg:hover {
	background:#ff0000;
}

.center-content a.purplebg {
	color:#000;
	line-height:1.3em;
	padding:3px 5px;
}

.center-content a.purplebg:hover {
	color:#fff;
	text-decoration:none;
}

.center-content input.chkbox {
	width:auto;
}

.center-content label{
	color:#999;
	line-height:15px;
}

.center-content label.error{
	color:red;
	display:block;
	line-height:15px;
}

.center-content table.form{
	font-size:11px;
}

.center-content table.form td.ifield{
	padding:0 0 8px 0;
}


.center-content table.form td.ilabel{
	padding:0 0 3px 0;
}

.center-content input#birthdate-display {
	margin:0 5px 0 0;
	width:180px;
}

.center-content UL {
	list-style-type: disc;
}

.center-content LI {
	margin:0.5em 1em 0.5em 0em;
	list-style: disc inside none;
}

.blog .center-content LI {
	list-style-position: inside;	
	margin:0.5em 1em 0.5em 2em;
}

.center-content OL LI {
	list-style-type: none;
}


.center-content .paging {
	clear:both;
	padding: 10px 0;
	text-align: center;
}

.center-content .paging UL{
	list-style-type: none;
}

.center-content .paging LI {
	display: inline;
	list-style: none;
}

.center-content .paging LI.current a {
	color:#000;
}

.center-content-klub27 .article .article-image, .center-content-klub27-biography .article .article-image {
	float: none;
	padding: 4px 4px 0 4px;
}

.center-content-community .profile-info {
	margin: 1.2em 0;
	position: relative;
}

.center-content-community .profile-info .image-wrapper {
	float: left;
	padding: 0 1.5em 0 0;
}

.center-content-community .profile-info h1.profile-name {
	font-size: 16px;
	margin: 0;
}

.center-content-community .profile-info .web{
	margin: 1.5em 0;
}

.center-content-community .profile-info .contact{
	position: absolute;
	bottom: 0;
	left: 218px;
}

.center-content-community .profile-info .web a{
	color: #000;
	font-weight: bold;
}

.center-content-community a.pink {
	color: #FF0000;
	font-weight: bold;
	line-height: 1em;
}

.center-content-community .subarea{
	margin: 2.5em 0 0 0 ;
}

.center-content-community  h2.profile-subtitle {
	font-size: 14px;
	text-transform: lowercase;
}

.center-content-community .comment {
	margin: 0 0 7px 0;
}

.center-content-community .comment-nav ul {
	list-style-type:none;
	margin-top:10px;
}

.center-content-community .comment-nav ul li {
	display:inline;
	float: left;
	margin:0 5px;
}

.center-content-community .comment-nav ul li #write-comment {
}

.center-content-community .comment .date, .center-content-community .comment .author {
	color:#999;
	font-size:10px;
}

.center-content-community .comment .image-wrapper{
	float: left;
	width: 57px;
}

.center-content-community .comment .comment-text {
	border: 1px solid #999;
	color:#666;
	float: left;
	font-size:9px;
	height: 42px;
	padding:3px;
	width: 482px;
}

.comment-info {
	float: left;
	text-align: left;
	padding: 6px 0 6px 0;
	width: 320px;
}
.comment-thumbs {
	float:right;
	text-align:right;
	width:200px;
}

.attachments ul{
	list-style-type:none;
}

.attachments ul li {
	clear:both;
	float:left;
	list-style-type:none;
	margin:1em 0 0 0;
}

.attachments ul li img{
	float:left;
	height:26px;
	padding:0 0.5em 0 0;
	width:24px;
}

.attachments .attachmentlink {
	float:left;
	line-height:26px;
}

/*********************************************************/


/************** Blog *******************************************/

#sidebar { 
	padding: 5px 15px 14px 11px;  /* Sidebar on blog needs to have same padding as #sidebar-right */
	padding: 0; 
}

#sidebar UL { margin: 10px 0; }

#sidebar UL.bloggers-list {
}

#sidebar UL.bloggers-list LI {
	margin: 3px 0;
}

#sidebar UL.bloggers-list LI A {
	background-color:#F3F3F3;
	border-left:5px solid #B0B0B0;
	display: block;
	color: #333;
	padding:5px 0px 5px 5px;
}

#sidebar UL.bloggers-list LI A:hover {
	border-left:5px solid #333333;
}

#sidebar-right{
	padding:0 15px 140px 11px;/* 156px = fit the bottom baner in*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

#sidebar-right .right-top{
	line-height:30px;
}

#sidebar-right .right-top .social{
	display:block;
	height:22px;
	padding:4px 0 0 0;
}

#sidebar-right .right-top .social a{
	display:block;
	float:left;
	height:22px;
}

#sidebar-right .right-top .social a.fb{
	margin-right:4px;
}

#sidebar-right .inner{
	padding:10px 0;
}

#sidebar-right .inner .box-separator{
	margin:10px 0;
	border-bottom:1px solid #b9b9b8;
}

#sidebar-right .inner .lastblock {
	border-bottom:none;
}

#sidebar-right .block h3.title-rightcol {
	font-size:13px;
	margin:0 0 0.5em 0;
}

.postmetadata {
	background-color: #F3F3F3;
	border-left:5px solid #B0B0B0;
	color: #454545;
	padding: 10px;
}

/************** Blog END *******************************************/

#erste-baner {
	height:85px;
	position:absolute;
	right:13px;
	top:-87px;
}

#footer {
	background: url(/img/bg-blackdot.png) top left repeat-x;
	clear:both;
	font-size:11px;
	padding:6px 0 10px 0;
	position:relative;
	width:852px;
}

/*********************Pocetak datepicker *******************************/

/*********************Kraj datepicker *******************************/


/*************** Pocetak formulara **************/

.application-data .row{
	position: relative;
	zoom: 1;
}

.basic-data .row{
	position: relative;	
	zoom: 1;
}

.button-wrapper{
	background-color: #ffffff;	
}


.contact-form {
	
}

.contact-form .row {
	padding: 5px 0;	
}

.contact-form .info label {
	color: black;
}

.center-content .contact-form .error {
	border: 1px solid red;
}

.center-content .contact-form P.error {
	padding: 5px 10px;
}

.contact-form .user-input input {
	border-color: #cccccc;
	font-size: 12px;
}

.contact-form .text textarea {
	border-color: #cccccc;
	font-size: 12px;
}

.contact-form .row input {
	font-size: 12px;
	width: 80%;
}

.contact-form .row textarea {
	height: 100px;
	width: 80%;	
}

.form-error {
	color: red;	
}

.application-form .errorLabelContainer {
	display: none;
}

.application-form P.error {
	border: 1px solid red;
	margin: 0.5em 2em;
	font-weight: bold;
	padding: 5px 10px;
}

.application-form .row {
	padding: 10px 10px;	
	position: relative;
	zoom: 1;
}

.application-form .row label, .application-form .row p {
	color: black;
	display: block;
	float: left;
	margin: 0;
	padding: 5px 10px 0 5px ;
	width: 200px;
}

.application-form .row {
	border-bottom: 1px solid #E7E7E7;	
}

.application-form .row input {
	border-color: #a5acb2;
	float: left;
	width: 300px;	
}

.application-form .select-with-opt-input {
	float: left;
	width: 310px;	
} 

.application-form .select-with-opt-input INPUT {
	float: none;
}

.application-form .row .info {
	float: left;
	width: 100px;	
}

.application-form .row .text {
	float: left;
	width: 310px;	
}

.application-form .row .additional-info {
	padding: 3px 0;	
}

.application-form .row .additional-info label {
	color: black;
	display: block;
	width: 90px;	
	_width: 80px;
}

.application-form .row .text span {
	float: left;
}

.application-form .row .text input {
	width: 195px;	
}

.application-form .row .text label {
	width: 90px;	
}

.application-form .row .sex label {
	display: inline;
	padding: 0;
	width: auto;	
}

.application-form .row .sex .radio-button {
	border: 0;
	float: left;	
	margin: 1px 5px 0 5px;
	padding: 0;
	width: auto;
}

.application-form .row .referer .check-box {
	border: 0;
	margin: 1px 5px 0 5px;
	float: left;	
	padding: 0;
	width: auto;
}

.application-form .row .referer input {
	margin: 1px 5px 0 5px;
	float: left;	
	width: 195px;
}

.application-form .row .referer label {
	float: left;
	display: inline;
	padding: 0;
	width: auto;	
}

.application-form .row textarea {
	border-color: #a5acb2;
	height: 100px;
	width: 300px;	
}

.word-counter {
	color:#999999;
	text-align: right;
	vertical-align: bottom;
}

.application-form .application-data {
	background-color: #EAFBDF;	
}

.application-form .sender-data {
	background-color: #C9FBD0;
}

.application-form .row .text .field-of-engagement .choice {
	float: left;
	_width: 130px;
}

.application-form .row .text .field-of-engagement input {
	float: left;
	width: 170px;
	_width: 170px;
}

.application-form .row .text .field-of-engagement .radio-button {
	float: left;
	margin: 1px 0 0 0;
	padding: 0;
	width: auto; 	
}

.application-form .row .text .field-of-engagement label {
	float: left;
	padding: 0 0 0 5px;
	width: 100px;	
}

.application-form .row .error {
	border: 1px solid red;	
}

.application-form .row LABEL.error {
	border: 0px none transparent;
}

.application-form .row .sex LABEL.error, .application-form .row .choice LABEL.error, .application-form .row .referer LABEL.error {
	color: red;
}

.application-form .row SELECT.error {
	padding: 0;	
}

.application-form .button-wrapper INPUT {
	float:left;
	margin: 10px 20px 0 0;
	padding: 5px 2px;	
	text-align: center;
}
/************** Kraj formulara ****************/ 
/************** Contest ****************/ 
.center-content input.contest-radio {
	width: 30px;
}
/************** poll ****************/ 

TABLE.poll {
	margin: 0 auto; 
}


TABLE.poll TD {
	padding: 10px 5px;
	vertical-align: middle;		
}

TABLE.poll TD.radio-button-poll {
	padding-left: 40px;
}

TABLE.poll TD.radio-button-poll-first {
	padding-left: 5px;
}

TABLE.poll TD INPUT {
	width: auto;
	height: auto;
}

TABLE.poll TD.poll-description-contest DIV {
	height: 95px;
	overflow-y: auto;

}

.center-content input.submit-poll {
	background:none repeat scroll 0 0 #b9b9b8;
	border:0 none;
	width:70px;
	color:black;
	font-size:12px;
	padding:3px 2px 2px;
}


.center-content input.submit-poll:hover{
	background:#ff0000;
	color:white;
}