html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Georgia,"Lucida Sans",Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #3A3A3A;
}

img {
    margin: 0;
    padding: 0;
    border: none;
}

a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #ee1d39;
	text-decoration: underline;
}

h1 {
    color: #000000;
    font-family: Georgia,Helvetica,Arial,'Trebuchet MS';
    font-size: 22px;
    font-weight: bold;
    /* letter-spacing: -1px; */
    margin: 20px 0 0 0;
}

h2 {
    color: #000000;
    font-family: Georgia,Helvetica,Arial,'Trebuchet MS';
    font-size: 16px;
    font-weight: bold;
    /* letter-spacing: -1px; */
    margin: 15px 0 0 0;
}

h3 {
    color: #000000;
    font-family: Georgia,Helvetica,Arial,'Trebuchet MS';
    font-size: 12px;
    font-weight: bold;
    /* letter-spacing: -1px; */
    margin: 10px 0 0 0;
}

h3 .sub {
    font-size: 10px;
    color: #3A3A3A;
}

th {
    text-align: left;
    vertical-align: bottom;
    padding-right: 20px;
}

td {
    vertical-align: top;
    padding-right: 20px;
}

table.compressed th {
    padding-right: 10px;
    font-size: 10px;
}

table.compressed td {
    font-size: 10px;
}

p, div.p, ul.p, table.p {
    margin: 10px 0 0 0;
    padding: 0;
}

p.pp, div.pp, ul.pp, table.pp {
    margin: 25px 0 0 0;
    padding: 0;
}

span.link {
    color: #000000;
    cursor: pointer;
    text-decoration: underline;
}

span.link.selected {
    color: #AA0000;
}

div {
    margin: 0;
    padding: 0;
    border-style: solid;
    border-color: #000000;
    border-width: 0;
    line-height: 150%;
}

p {
    line-height: 150%;
}

td {
    line-height: 150%;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.bullet {
    list-style-type: disc;
    list-style-position: inside;
}

div.warning, div.error, span.warning, span.error, p.warning, p.error {
    color: #FF0000;
}

input.error {
    border-color: #FF0000;
    background-color: #FFEEEE;
}

span.button {
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: none;
}

span.button.disabled {
    cursor: default;
}

span.button.background, a.button.background {
    background-color: #FF0000;
    background-image: url(http://www.kamarell.com/static/img/button_bg2.png);
    border: 1px solid grey;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 15px;
    line-height: 27px;
    margin-top: 15px;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

span.button.background.disabled, a.button.background.disabled {
    background-color: #CCCCCC;
    background-image: none;
    color: #000000;
}

div.clr {
    clear: both;
    font-size: 1px;
    height: 1px;
}


.thumbtest {
    background-color: #CCCCCC;
    width: 100px;
}

div.content_thumb_canvas {
    margin-right: 200px;
}

div.content_thumb_canvas div.content_thumb {
    float: left;
    /*position: relative;*/
    /* overflow: hidden; */
}

div.content_thumb_canvas .content_thumb_list_label {
    clear: both;
    font-size: 16px;
}

div.content_thumb_canvas .content_thumb_list_label span.link {
    font-size: 10px;
}

div.content_thumb_canvas div.content_thumb.picture {
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 0px;
}

div.content_thumb_canvas div.content_thumb.picture .content_thumb_img {
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
}

div.content_thumb_canvas div.content_thumb div.descr {
    height: 1.2em;  /* Must be same as for div.descrFade */
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 9px;
    /* cursor: pointer; */
    width: 200%;
    line-height: 100%;
}

div.content_thumb_canvas div.content_thumb span.descrFade {
    background: transparent url(http://www.kamarell.com/static/img/comment_fade.png) repeat-y scroll 100% 0px;
    position: absolute;
    right: 0;
    width: 16px;
    height: 1.2em; /* Must be same as for div.descr */
}

div.content_thumb_canvas div.content_thumb div.content_thumb_head, #contentMenu .headSpacer {
    height: 1.2em;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
    font-size: 9px;
    padding-left: 2px;
    padding-right: 2px;
    line-height: 100%;
}

div.content_thumb_canvas div.content_thumb div.content_thumb_head img.dot  {
    padding-top: 0.5em;
    padding-right: 3px;
    float: left;
}

div.content_thumb_canvas div.content_thumb div.content_thumb_head div.comments  {
    float: right;
    color: #FF0000;
}

div.content_thumb_canvas .mainContent div.content_thumb div.descr.hoverable:hover {
    background-color: #F0F0F0;
    cursor: pointer;
}

div.content_thumb_canvas .mainContent.selecting div.content_thumb div.descr.hoverable:hover {
    background-color: #FFFFFF;
    cursor: crosshair;
}

div.content_thumb_canvas .mainContent div.content_thumb div.descr.editable {
    cursor: pointer;
}

div.content_thumb_canvas .mainContent.selecting div.content_thumb div.descr.editable {
    cursor: crosshair;
}


div.content_thumb_canvas div.content_thumb div.descrFull {
    position: absolute;
    display: none;
    z-index: 10;
    margin: 0;
    padding: 0;
    font-size: 9px;
    background-color: #FFF0F0;
    width: 100%;
    cursor: pointer;
}

div.content_thumb_canvas div.content_thumb div.descrFull textarea {
    font-size: 10px;
    background-color: #F0F0F0;
    width: 100%;
    height: 100%;
    z-index: 20;
}

div.content_thumb {
    /* overflow: hidden; cuts of the descr textarea */
    /* position: relative; */
}

div.content_thumb_link {
    cursor: pointer;
    margin: 0;
    padding: 0;
}

a.content_thumb_link {
    display: block;
}

div.content_thumb_canvas div.content_thumb.picture.selected .content_thumb_img {
    border-color: #FF0000;
}

div.content_thumb_canvas .mainContent.selecting {
    cursor: crosshair;
}

div.content_thumb_canvas .mainContent.selecting div.content_thumb .content_thumb_link {
    cursor: crosshair;
}

div.content_thumb_canvas .mainContent.selecting div.content_thumb div.descr {
    cursor: crosshair;
}

div.content_thumb_canvas .mainContent.selecting div.content_thumb.picture .content_thumb_img:hover {
    border-color: #0000FF;
}

div.content_thumb_canvas div.content_thumb.picture.ui-selecting .content_thumb_img  {
    border-color: #0000FF;
}






.draggable {
    cursor: move;
}


#yhiframe {
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:1px;
    visibility:hidden;
}

div.box {
    background-color: #F1F1F1;
}

div.box.h1 {
    margin: 20px 0 0 0;
}

div.box.h2 {
    margin: 15px 0 0 0;
}

div.box.h3 {
    margin: 10px 0 0 0;
}

div.box h1.box_header, div.box h2.box_header, div.box h3.box_header {
    margin: 0;
    padding: 5px;
    /* background: #FF0000 url(http://www.kamarell.com/static/jquery/addons/ui/theme/images/ff0000_40x100_textures_02_glass_75.png) repeat-x scroll 0 50%; */
    background-color: #FF0000;
    color: #FFFFFF;
}

div.box div.box_body {
    margin: 10px 10px 10px 10px;
}

/* tabs */
.tab_container {
    background-color: #F1F1F1;
    margin-top: 20px;
}

.tab_container .tabs {
    background-color: #FFFFFF;
}

.tab_container .tabs li {
    display: inline;
    margin: 0;
    padding: 0;
}

.tab_container .tabs li a {
    margin: 0;
    padding: 10px;
    line-height: 25px;
}

.tab_container .tabs li.selected a {
    background-color: #F1F1F1;
}

.tab_container .tab_body {
    margin: 10px;
}

#content_thumb_descr_full {
    position: absolute;
    background-color: #F1F1F1;
    color: #3A3A3A;
    line-height: 150%;
}

#content_thumb_descr_full textarea {
    width: 100%;
    height: 100%;
}

.blockUI {
    font-size: 20px;
    line-height: 60px;
    background-color: #FFFFCC;
}

.blockUI img {
    margin-right: 3px;
    vertical-align: middle;
}

.flash_notice {
    position: absolute;
    z-index: 10000;
    background-color: #FFFFCC;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
}

.whatis {
    font-size: 11px;
    color: #000000;
}

.selectorList {
    background-color: #F1F1F1;
}

.selectorList ul {
    margin: 10px;
}

.selectorList li {
    cursor: pointer;
}

.selectorList li.disabled {
    cursor: default;
    opacity: 0.5;
}

.hline {
    /* margin-left: 30px; */
    background-color: #CCCCCC;
    font-size: 1px;
    height: 1px;
    overflow: hidden;
}

#contentMenu {
    position: fixed;
    width: 160px;
    right: 0;
    padding-left: 0px;
    padding-right: 20px;
    background-color: #FFFFFF; /* So intersections of other elements won't make is messy. E.g. the footer while page is loading. */
    color: #3A3A3A;
}

#contentMenu h3 {
    padding-left: 10px;
}

#contentMenu ul {
    border-top: 1px solid #E1E1E1;
}

#contentMenu ul li {
    margin: 0;
    padding: 0;
}

#contentMenu ul li a, #contentMenu ul li span.link {
    width: 150px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #E1E1E1;
    display: block;

    font-family: Georgia,"Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 150%;
    text-decoration: none;
    color: #000000;
}

#contentMenu ul li:hover a, #contentMenu ul li:hover span.link {
    background-color: #FF0000;
    color: #FFFFFF;
}

#contentMenu .selectToolbar {
    padding-left: 10px;
    padding-bottom: 10px;
}

#contentMenu .contentToolbar {
    display: none;
}