/*@import url(/stylesheets/jq/thickbox.css);
*/
@import url(/stylesheets/common.css);


/***********
reset UI theme style
************/


.ui-helper-reset,
.ui-widget,
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button ,
.ui-accordion .ui-accordion-header a,
.ui-datepicker .ui-datepicker-title select,
.ui-datepicker table,
.ui-slider .ui-slider-range
{
font-size:100%;
}

#dairy a img{border:0}

#dairy .four-col{
width:100%;
}

#dairy .four-col .span3 {
width:68%;

padding-right:1%;
margin: 0;
}
#dairy .four-col .span1 {
width:21%;
margin:0 0 0 10px;
}

/* Sparkl fixing */
.grid * * {
margin-left: 0;
margin-right: 0;
}

/*------------------
hack
---------------------
*/
* {
margin:0pt;
padding:0pt;
}

html{
font-size:100.01%;
}

ul.none{
list-style:none;
list-style-position:inside;
}
.box-white{
background-color:#fff;
padding:7px;
}
.box-blue{
background-color:#CBEDF3;
border:2px solid #A7D2E3;
padding:1em;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#left-column{
float:left;
color:black;
width:590px;
position:relative;
}
#right-column{
float:left;
margin:0pt 0pt 40px 6px;
padding-left:10px;
position:relative;
z-index:2;
width:290px;
}
#theme-list{ list-style:none; }

#tabs-create-post{  font-size:60%; }
#form-bottom-part{
padding:0px;
border: 1px solid #B0A59B;
border-top:0px;
}
.form-area{
background-color: #F5E6D7;
}

.child-options{height: 100px;}
.pregnancy-options{height:4em;}
#postcreate .right-section{
float:right;
font-size:100%;
margin-right:1em;
width: 350px;
overflow:hidden;
}
#postcreate .left-section{
float:left;
font-size:100%;
margin-left:10px;
width:160px;
overflow:hidden;
}
#rich-editor{
padding:0px;
margin:0;
}

#optionsdate{
padding-bottom:10px;
padding-top:10px;
float:none;
}

#postcreate label,
#postcreate .paramblock
{
color:#555555;
display:block;
margin-bottom:10px;
}

#postcreate label .title,
#postcreate .paramblock .title
{
display:block;
float:left;
font-weight:bold;
padding-right:6px;
text-align:right;
width:140px;
}
#postcreate label .content{
margin-left:140px;
}

#postcreate label #postFileUpload_wrap,
#postcreate .paramblock #postFileUpload_wrap
{
margin-left:140px;
}

#postcreate .mceContentBody{
  padding:1em;
}

.form-area .form-content{
margin-left:140px;
}

#optionsdate input{
}

#optionsfoto{
margin-bottom:10px;
padding-bottom:10px;
padding-left:1em;
padding-top:1em;
}
#optionsfoto label,
#optionsfoto div{
}
.publish-buttons{
margin-top:1em;
text-align:center;
}
#post-access{

}
#optionsfoto .photos{

}
#right-column fieldset
{
  clear: none;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

#optionsdate br{
display:none;
}

#right-column legend
{
  font-size: 120%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}
#right-column ul{
padding:0;
}
#post-create-themes ul{
list-style:none;

}
/*
----------------------------- */
.fieldset label,
.fieldset input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

.fieldset label {
	text-align: left;
	width: 40px;
	padding-right: 20px;
}

.fieldset br {
	clear: left;
}

.button-orange{
background:url(/img/orange.gif);
padding:2px 6px;
border:1px solid #6E4C22;
height:24px; 
line-height:24px;
color:#FFFFFF;
font-size:14px;
margin-right:10px;
display:inline-block;
text-decoration:none;
}

.button-blue{
background:url(/img/blue.gif);
padding:2px 6px;
border:1px solid #22516E;
height:24px; 
line-height:24px;
color:#FFFFFF;
font-size:14px;
margin-right:10px;
display:inline-block;
text-decoration:none;
}

.sidebox {
margin-top:15px;
}
.sidebox .content {
font-size:100%;
padding:15px 10px 0px 12px;
list-style-position:inside;
/*
width:272px;
width:268px;
*/
}
.sidebox .content:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

/*
.sidebox .bottom {
position:relative;
top:6px;
}
*/
.sidebox  h2{
font-size:110%;
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
color:#56554D;
margin-bottom:0.5em;
}
.sidebox p a{
color:#AE0000;
text-decoration:underline;
}
.sidebox p a:hover{
color:#232323;
text-decoration:none;
}
.sidebox hr{
border-color:#8FCBE6 -moz-use-text-color -moz-use-text-color;
border-style:dotted none none;
border-width:1px 0;
color:#666666;
height:1px;
margin:0;
outline-style:none;
padding:0;
}
.field-error{
color:#F00;
}
.dairy-list{
list-style:url(/i/dnevnik_i.gif);
list-style-position:inside;
}
.form-loading{
  padding: 0 0 0 20px;
  background: url(/stylesheets/jq/loading.gif) no-repeat 0 50%;
}

/* Posts list
----------------------------- */
#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 300px; /*Set right margin to RightColumnWidth*/
}
#rightcolumn{
float: left;
width: 300px; /*Width of right column in pixels*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth) */
}
/* ====================  */
#main{
padding-left:1em;
font-size:1.2em;
}
#main-part{
float: left;
width: 100%;
}
#main-part-content{
/*margin-right: 300px;*/ /*Set right margin to RightColumnWidth*/
}
#right-part{
float: left;
width: 300px; /*Width of right column in pixels*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth) */
}


#postlist{
background-color: #FFFAF5;
display:block;
}
.post{
display:block;
margin:0pt;
/*
margin-bottom:1.5em;
*/
border-bottom:1px dotted #CCCCCC;
background-color: #FFFAF5;
padding: 1em;
}

.post .calendar{
background:url(/img/dairy/dateblock.png) no-repeat 100%;
width:66px;
height:82px;
float:left;
padding:0;
margin:0;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
text-align:center;
padding-top:0px;
line-height:22px;
cursor:default; 
margin-left:-70px;
text-indent:0pt;
}
.ie6 .post .calendar{
margin-left:-35px;
}
.post .calendar div{
color:#F1541F;
font-size:18px;
width:100%;
text-align:center;
padding-top:10px;
}
.post .body{
float:none;
margin:0 0 0 60px;
padding: 0;
text-indent: 1em;
line-height:1.4em;
font-size:90%;
font-family:Arial,Serif;
font-size-adjust:none;
font-variant:normal;
font-weight:normal;
min-height:150px;
}
.post .title{
color:#FF5921;
font-family:Arial,Helvetica,sans-serif;
font-size:24px;
font-weight:normal;
margin-bottom:5px;
text-indent: 0;
}
.post .title a{
color:#FF5921;
text-decoration:none;
}

.post .title a:hover{
color:#FF5921;
border-bottom:1px solid #EFEFEF;
text-decoration:none;
}
.post .body .childinfo{
float:right;
clear:right;
padding-top:0;
margin-top:0;
color:#009CE7;
font-size:80%;
text-align: center;
border-left:1px solid #D4CFCB;
}

.post .body .childinfo div{
color:#33AA4F;
font-size:14px;
font-weight:bold;
}
.post .body .childinfo label{
color:#666666;
font-weight:bold;
}
.post .body .content{
font-size:110%;
color:#333333;
font-family:Georgia,Serif;
}

.post .body .comments{
font-size:12px;
color:#333333;
font-family:Georgia,Serif;
margin-top:16px;
}
.post .body .comments a{
color: #CC504E;
}
.post .body .by{
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
font-size:78%;
text-indent: 0;
margin-bottom:1em;
}
.post .body .draft{
color:#CC231A;
font-style:italic;
padding-top:1em;
font-size:120%;
font-weight:bold;
border-bottom:#CC231A dashed 2px;
width:30em;
}
.photos-strip{
  background: url(/img/dairy/filmbg2.png) repeat-x;
  height:180px;
  padding:27px 0 0 0;
  margin:0;
  margin-top:1em;
  width: 480px;
}
.photos-strip img{
  margin-right: 4px;
  vertical-align:middle;
}
#TB_secondLine {
 
  display:none;
  
}
#TB_nextprev{
  display:block;
  text-align:center;
  line-height: 26px;
}
#TB_nextprev div.cont{
  display:block;
  width: 200px;  
  margin:0pt auto;
}
#TB_nextprev .jcarousel-prev-horizontal {
  display:block;
    top: 43px;
    left: 5px;
    width: 24px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/stylesheets/jq/jcarousel.skins/sweetie/prev-horizontal.gif) repeat-x 0 0;
    float:left;
}
#TB_nextprev .jcarousel-next-horizontal {
  display:block;
    top: 43px;
    right: 5px;
    width: 24px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/stylesheets/jq/jcarousel.skins/sweetie/next-horizontal.gif) repeat-x 0 0;
    float:left;
}

#TB_imageCount{
  display:block;
  float:left;
  width: 130px;
  text-align:center;
}
#archive-dates a{
color:#AE0000;
text-decoration:underline;
}
#archive-dates a:hover {
color:#232323;
text-decoration:none;
}
#archive-dates li{
margin-bottom:0.4em;
}

#post-comments{
display:block;
margin:0;
text-align:left;
background-color:#EDE8E4;
padding:1em;
border-top:2px solid #D2CECA;
}

#post-comments .title{
color:#FF5921;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:24px;
font-weight:normal;
text-indent: 0;
}
#post-comments .item{
padding:6px;
}
#post-comments .odd{
background-color:#F9F4EF;
}
#post-comments .comment-body{
display:block;
float:left;
margin:0pt;
overflow:hidden;
padding: 0.2em;
font-size:120%;
}
#post-comments .comment-body .post-title,
#post-comments .comment-body .post-title a,
#post-comments .comment-body .post-title a:hover{
color:#856E58;
font-size:90%;
margin-bottom:0.5em;
}
#post-comments .comment-body .post-title a{
text-decoration:underline;
}
#post-comments .comment-body .post-title a:hover{
background-color:#856E58;
color:#FFFAF5;
}

#post-comments  .controls,
#post-comments  .controls a{
color:#ED8272;
font-size:90%;
float:right;
width:150px;
text-align:right;
}




#post-comments .avatar{
display:block;
float:left;
height:75px;
margin:0pt;
padding:0pt;
width:75px;
}
#post-comments  .respond-form{
margin-top:1em;
}
#post-comments  .respond-form textarea{
width:100%;
padding:15px;
}


/*
jThumbs
---------------------------------*/
.thumb-img {
	border:0;
	position:relative; 
	width:128px; height:128px;
	margin:0; 
  padding:0px;
	background:#CCB397;
  text-align:center;
  vertical-align:center;
  float:left;
}
.thumb-inner {
	position:relative; overflow:hidden; width:100%; height:100%; 
}
.thumb-img img {
	border:0;
}
.thumb-strip {
	position:absolute; width:0px; height:0px; bottom:6px; left:6px;
	background:#FFF;
	
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity:0.60;
}
.thumb-zoom {
	/*
  background:url(images/search.png) no-repeat;
  */
	position:absolute; width:22px; height:22px;
	right:10px; bottom:7px;
}
/*
jQuery plugin: cluetip
--------------------------
*/
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/stylesheets/jq/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}

/*
jQuery plugin: jCarousel
--------------------------
*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.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-item {
    /*
    float: left;
    */
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 140px;
    /*
    height: 140px;    
    */
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
} 

/***************/
.photos-strip .jcarousel-container {
    -moz-border-radius: 10px;
}

.photos-strip .jcarousel-container-horizontal {
padding-left:30px;
}

.photos-strip .jcarousel-clip-horizontal {
/*width:384px;*/
}


.photos-strip .jcarousel-item {

}

.photos-strip .jcarousel-item-horizontal {
    margin-right: 10px;
    float: left;
}

.photos-strip .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.photos-strip .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.photos-strip .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 24px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/stylesheets/jq/jcarousel.skins/sweetie/next-horizontal.gif) repeat-x 0 0;
}

.photos-strip .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.photos-strip .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.photos-strip .jcarousel-next-disabled-horizontal,
.photos-strip .jcarousel-next-disabled-horizontal:hover,
.photos-strip .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.photos-strip .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 24px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/stylesheets/jq/jcarousel.skins/sweetie/prev-horizontal.gif) repeat-x 0 0;
}

.photos-strip .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.photos-strip .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.photos-strip .jcarousel-prev-disabled-horizontal,
.photos-strip .jcarousel-prev-disabled-horizontal:hover,
.photos-strip .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/**
 *  Misc
 **********************/
#dairy-list .two-cols{
margin:5px 0pt;
}
#dairy-list .two-cols .dairy-title,
#dairy-list .two-cols .dairy-title a{
color:#FF5921;
font-family:Arial,Helvetica,sans-serif;
font-size:110%;
text-decoration: none;
}
#dairy-list .two-cols .dairy-title a:hover{
text-decoration:underline;
}

#dairy-list .two-cols .col-one {
  float:left;
  min-width:100px;
}
#dairy-list .two-cols .col-two{
  float:left;
  margin-left:0.3em;
  width:160px;
}

#dairy-list .two-cols br{
clear:left;
}
/*
***************************
*/
#user-dairy-menu2{
  width:700px;
  float: left; margin: 15px; background: #967717; padding: 8px;
}
#user-dairy-menu2 .inner { 
color: #222; text-align: left; 
font-family: Verdana, Arial, sans-serif;
margin: 0; background: #FFF8E3; padding: 10px; border:0; zoom:1;
}

#user-dairy-menu { width:700px; margin:10px; padding:14px 20px; background:#FFF8E3; color:#222; text-align:left; }
#user-dairy-menu .sb-border { background:#967717; }
#user-dairy-menu .sb-inner { background:#FFF8E3; }

.userinfo-popup{
background-color:#FFF; width:110px;border:#AAA 2px solid; padding:1em;
}
.userinfo-popup a{
  font-size:10px;
  color:#009CE9;
}
.cluetip-username{
  margin:0 0 0 -100px;
}
.cluetip-h2hint #cluetip-inner {
background-color:#FFFBF7;  
margin:0pt;
padding:1em;
position:relative;
}
div.hint{
background-color:#FFFBF7;  
}
#cluetip{
overflow:visible;
}

.prev_next {
clear:left;
color:#3F372E;
font-family:tahoma;
font-size:24px;
padding-top:30px;
}
a.prev_next {
color:#22B24B !important;
font-family:tahoma;
font-size:24px;
line-height:14px;
}

.grid * embed{
width: 100%;
}

ul.rm-subjournals{
font-size:small;
list-style-image:none;
list-style-type:none;
margin-left:1em;
}

ul.rm-subjournals a,
ul.rm-subjournals a:visited
{
color: #33AA4F;
}

/*********************************
  Mini elements
  *********************************/
  
.ico-weight{  
  background-attachment:scroll;
  background-color:transparent;
  background-image:url(/img/dairy/ico-w.png);
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:18px;  
}
.ico-growth{  
  background-attachment:scroll;
  background-color:transparent;
  background-image:url(/img/dairy/ico-growth.png);
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:18px;  
}
.ico-teeths{  
  background-attachment:scroll;
  background-color:transparent;
  background-image:url(/img/dairy/ico-teeths.png);
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:18px;  
}

/*********************************
  Printable version
  #dairy.printver
  *********************************/
.printver   .new_path{
font-size:1em; margin-bottom:1em; color:#000;
}
.printver #dairy .body{
  margin:0;
}
.printver #dairy .post{
  background-color:#FFF;
}
.printver #dairy #post-comments{
  background-color:#FFF;
  border-top:1px dotted #000;
}