@import url('/resources/yf0pgq/static/css/reset.css');
@import url('/resources/yf0pgq/static/css/custom-theme/jquery-ui-1.8.23.custom.css');
@import url('/resources/yf0pgq/static/css/custom-theme/jquery.ui.selectmenu.css');
@import url('/resources/yf0pgq/static/markitup/skins/markitup/style.css');
@import url('/resources/yf0pgq/static/markitup/sets/markdown/style.css');
@import url('/resources/yf0pgq/static/css/jquery.tooltip.css');
@import url('/resources/yf0pgq/static/css/openid.css');

/* 
	modra: 			#2ec0ff
	tmava modra: 	#11455B
	oranzova:		#ffa418 

*/

/***************************************************************************************************/
/***************************************************************************************************/
/* Base elements */
/***************************************************************************************************/
/***************************************************************************************************/
div.h1, div.h2, div.h3, h1, h2, h3, h4, h5, h6 { 
    padding: 0; 
    margin:0 0 0.6em 0; 
    color:#242424; 
    font-family: 'Open Sans', sans-serif;
    font-weight: bolder;
}
div.h1, h1 {
    font-size:2.5em; 
    line-height: 1.2em;
    margin: 0;
}
div.h2, h2 {
    font-size:1.8em;
}
div.h3, h3 {
    font-size:1.5em;
}
h4 {
    font-size:1.3em;
}
h5 {
    font-size:1.1em;
}

h1 span {
    font-size: 10px;
    display: block;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 15px;    
    line-height: 15px;
}

#box-title h2 {
    font-size: 1.4em;
}

input, select, textarea, button { 
    vertical-align: middle; 
    font-size:1em; 
    font-family: 'Open Sans', sans-serif;
}
a, .ui-widget-content a {
    text-decoration: none; 
    cursor:pointer; 
    color: #11455B;
}
a:hover, .ui-widget-content a:hover { 
    text-decoration: underline;
    color: black;
}

input, textarea, select, button { 
    border: 1px solid #DBDBDB; 
    padding: 3px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px;
}

input[type="checkbox"] {
    border: 1px solid transparent;
}

input[type="submit"], button { 
    border-width: 2px
}

hr { 
    height: 0; 
    border: 0; 
    border-bottom: 1px dotted #000000;
}

img { 
    border: 0;
}

p { 
    margin: 0 0 1em;
}

table { 
    border-collapse: collapse;
}
/* TODO pouziva se tento styl? */
table .tac { 
    text-align: left; 
    margin-left: auto; 
    margin-right: auto;
}

td, th { 
    text-align: left; 
    vertical-align: top;
}

ul, ol { 
    margin-top: 1em; 
    margin-bottom: 1.2em;
}

small { 
    font-size: 90%;
}


/* Styles for floating */
.clear {
    clear:both;
}

.hidden {
    display: none;
}

.fl { float: left }
.fl-5 {float: left; margin-right: 5px }
.fr { float: right }
.fr-5 {float: right; margin-left: 5px }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.invisible, .no-css { display: none }


/***************************************************************************************************/
/***************************************************************************************************/
/* Master layout */
/***************************************************************************************************/
/***************************************************************************************************/
html {
    background: white;
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size:12px; 
    line-height: 15px;
    background: #fff url(/resources/yf0pgq/static/images/body.jpg) 0 0 repeat-x;
    height: 100%; 
}

#wrapper { 
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -110px;    
}

#header-in, #center, #footer-in { 
    width: 95%; 
    padding: 10px 10px; 
    margin: 0 auto;
}

#header { 
    background: url(/resources/yf0pgq/static/images/header72.png) 0 0 repeat-x; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 72px
}

#header-in { 
    position: relative;
}

#footer {
    background:#D0D0D0; 
    width: 100%;
    min-width: 1200px;
    z-index: 9999;
}

/* http://stackoverflow.com/questions/1394908/link-in-sticky-footer-not-clickable-in-firefox-and-chrome */
#footer, #push {
    height: 110px;
    position: relative;
}

#push {
    z-index: 9000;
}

#footer-in {
    display: block; 
    height: 90px; 
    color: black;
} 

#center {
    padding: 110px 10px 20px; 
    background: #fff;
}

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
#center:before,
#center:after { content:""; display:table; }
#center:after { clear:both; }
#center { zoom:1; } /* For IE 6/7 (trigger hasLayout) */


#box-wrapper { 
    display: table;
    width: 100%;
}

#box-content-wrapper {
    display: table-cell;
    vertical-align: top;
}

.big #box-content {   
   margin-left: 0px; 
}

#box-content {   
   margin-left: 12px; /* 12 pixels extra gap */
}

#left-panel-control {
    color: gray;
    margin-bottom: 2px;
    display: inline;
}

#left-panel-control:hover {
    color: black;
}

#box-nav {
    display: table-cell;
    width: 570px;
    vertical-align: top;
}

#box-overview-sciprofs-wrapper {
    display: table;
    border-collapse: collapse;
    /* border-spacing: 10px; - tohle nic nedela... */
    width: 100%;
}

#box-overview-sciprofs {
    display: table-row;
}

.dummy-sciprof-preview {
    display: block;
    width: 250px;
    height: 221px;
    background: white url(/resources/yf0pgq/static/images/sciprof-preview.png) 0 0 no-repeat; 
}

#box-overview {
    display: table-cell;
    vertical-align: top;
}

#box-overview .editor-item {
    padding: 0px;
}
/*
.choice-switcher button.ui-state-default {
    background: #bbf url(https://www.sitit.cz/resources/yf0pgq/static/css/images/ui-bg_highlight-soft_75_b3b7b7_1x100.png) 50% 50% repeat-x;
}
.choice-switcher button.ui-state-hover {
    background: #ddf url(https://www.sitit.cz/resources/yf0pgq/static/css/images/ui-bg_highlight-soft_75_b3b7b7_1x100.png) 50% 50% repeat-x;
}
*/
#box-sciprofs-wrapper {
    display: table-cell;
    vertical-align: top;
    width: 300px;
}

#box-sciprofs {
    margin-left: 12px;
    width: 270px;
}

#box-overview-main {
    min-width: 250px;
}

#box-overview-main:before,
#box-overview-main:after { content:""; display:table; }
#box-overview-main:after { clear:both; }
#box-overview-main { zoom:1; } /* For IE 6/7 (trigger hasLayout) */


#box-profile-info-wrapper {
   width: 100%;
   float: right;
   margin-left: -130px;
}

#box-profile-info {   
   margin-left: 140px; /* extra 10 pixels margin */
}

#box-profile-avatar {
    width: 130px;
    float: left;
}


#content-in .block, #breadcrumbs { 
    padding:7px; 
    background:#FFF;
}

#content-in {
    position: relative;
}

#content-in .sitit-title {
    text-align: center;
    margin-bottom: 50px;
    font-size: 3.5em;
}


#box-overview-main, 
#box-region,
#box-sciprofs {
    display: block;
    background: #FCFCFC; 
    border: 1px solid #DBDBDB;
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    -khtml-border-radius: 15px; 
    -o-border-radius: 15px;
    border-radius: 15px; 
    padding: 7px; 
    overflow: hidden;
}

#box-forum {
    background: #FCFCFC; 
    border: 1px solid #DBDBDB;
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    -khtml-border-radius: 15px; 
    -o-border-radius: 15px;
    border-radius: 15px; 
    padding: 7px; 
    overflow: hidden;
}

.box.big #box-overview-in {
    width: 100%;    
    display: block;
    position: relative;
}

.box.big #box-overview-main {
    margin-right: 330px;
}

.box.big #box-region {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 302px;
}


#box-overview-sciprofs-wrapper,
#box-details,
#box-title,
#box-overview-main,
#box-settings {
    margin-bottom: 12px;
}

.choice-switcher {
  cursor: pointer;
  display: block;
}

input[readonly], textarea[readonly] {
  color: #333;
  background-color: #ddd;
}



/* panel udalosti */
.Panel_Events .form-node { display: table}
.Panel_Events .form-field { display: table-cell; padding-right: 12px;}
.Panel_Events .form-messages {display: none;}
.Panel_Events .form-embedded {
    margin-bottom: 13px;
}

.logo-sitit-big { 
    display:block; 
    width:170px; 
    height:100px; 
    background:url(/resources/yf0pgq/static/images/logo2.png) 0 0 no-repeat; 
    position:absolute; 
    top:0; 
    left:0; 
    text-indent:-9999px; 
    overflow:hidden;
}

.logo-opvk {
    display: block; 
    width:360px; 
    height:80px; float:right; 
    overflow:hidden; 
    text-indent:-9999px; 
    background:url(/resources/yf0pgq/static/images/logo-opvk-small.png) 0 0 no-repeat;
}

.logo-sitit {
    display: block; 
    width:90px; 
    height:60px; 
    margin-top: 10px; 
    margin-right: 15px; 
    float:left; 
    overflow:hidden; 
    text-indent:-9999px; 
    background:url(/resources/yf0pgq/static/images/logo-sitit-black.png) 0 0 no-repeat;
}

#footer-in p { 
    margin: 0; 
    padding: 0; 
}

#footer-in .descr {
    display: block; 
    margin-top: 15px; 
    float:left;
}

/***************************************************************************************************/
/* Top menu styles */
/***************************************************************************************************/
.top-menu { top: 20px; left: 170px; position: absolute; }
.top-menu ul { list-style:none; padding:0; margin:0; }
.top-menu div {display: inline}
.top-menu > ul > li { float:left; border-right: 1px solid #fff; padding:0; margin:0; }
.top-menu a { display: block; }
.top-menu li a {letter-spacing: -0.03em; text-transform: uppercase; color:#fff; margin:0 3px; font-size:1em; }
.top-menu li:last-child { border-right:none; }
.top-menu li:first-child a { padding-left:0; }
.top-menu li.selected a { color:#ffa418; }
.top-menu li a.home { color: #ffa418; }
.top-menu li a:hover { color: #2EC0FF; }	
.top-menu li a.inactive:hover { color: #fff; cursor: default; text-decoration: none; }	
.top-menu li a.disabled:hover { color: #DBDBDB; text-decoration: none; }	
.top-menu ul ul { display: none; }
.top-menu li:hover ul { display: block; }

.top-menu > ul > li { padding: 0; margin: 0; position: relative; }
.top-menu li ul { position: absolute; z-index: 50; left: 0; top: 13px; padding: 3px; background: #242424; }
.top-menu li li a{ border: none; white-space:nowrap; display: block; padding: 4px 0; }

.rss-link { display: block; width: 15px; height: 15px; text-indent: -9999px; overflow: hidden; background: url(/resources/yf0pgq/static/images/icon-rss.png) 0 0 no-repeat; }

a.full-version-link { 
    position: absolute;
    left: 170px;
    top: 70px;
    display: block; 
    color:#c00;
    font-size:1em; 
    height: 16px;
    line-height: 16px;
    font-weight: bold;
}
a.full-version-link:hover {
    color: #c00;
    text-decoration: underline;
}


.wiki-link { display: block; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden; background: url(/resources/yf0pgq/static/images/icons/icon_question_16.png) 0 0 no-repeat; }

.wiki-menu { 
    position: absolute; 
    right: 20px; 
    top: 20px;
}

.user-login-info { 
    position: absolute; 
    left: 170px;
    top: 40px;
    color: #ddd;
    margin-left: 3px;
}

.user-login-info a {
    color: #FFBF00;
}

/* Vysledky vyhledavani - zobrazeni relevance */
.result-rank {
    background-color: #FDA; 
    height: 6px; 
    border-right: 1px gray outset;
}

.result-background {
    width: 100%;
    background-color: #ccc; 
    border: 1px gray outset;
    margin-top: 2px;
}

/* Sectioned list - ABCDEF... */
.sectioned-list {
    margin-top: 16px;
}

.sectioned-list ul { list-style: none; padding: 0; margin: 0; }
.sectioned-list li ul{ margin-bottom: 10px; line-height: 18px;}

.sectioned-list-header li a { padding: 2px; color: #2779AA; }
.sectioned-list-header li a:hover { color: black; }
.sectioned-list-header li.last { float: none; }
ul.sectioned-list-header { display: block;   padding: 5px; font-size: 120%; font-weight: bold; }
ul.sectioned-list-header  li { float: left; margin-right: 5px; display: block;}

.sectioned-list-item.active { font-weight: bolder; }
.sectioned-list-item.inactive { }

.sectioned-list.groups .sectioned-list-item.inactive a {
    color: #33778C;
}

.search-result .form-wrapper {
    margin-top: 10px;
}

.search-result .embedded-form {
    margin-bottom: 15px;
}

.sectioned-list-body li {
    position: relative;
}

.sectioned-list-body .back-to-top {
    position: absolute;
    right: 6px;
    top: 6px;
    display: block;
    width: 16px;
    height: 16px;
    background: url("/resources/yf0pgq/static/images/back-to-top.png") no-repeat 0px 0px;
}

/* stromovy seznam instituci - ikony */ 
li.toggle-expand {
    list-style-type: none;
    padding-left: 24px;
    background: url("/resources/yf0pgq/static/images/toggle-expand.png") no-repeat 4px 4px;
    cursor:pointer;
}

li.toggle-collapse {
    list-style-type: none;
    padding-left: 24px;
    background: url("/resources/yf0pgq/static/images/toggle-collapse.png") no-repeat 4px 4px;
    cursor:pointer;
}

ul.DynTree > li > .preview {
    margin-left: 24px;
}

.needs-action.ui-state-default {
    background: #FFAAAA;
}

.needs-action.ui-state-active {
    background: #FF6666;
}

.upload-form p {
    margin-top: 10px;
}

/***************************************************************************************************/
/***************************************************************************************************/
/* Styly modulu a widgetu */
/***************************************************************************************************/
/***************************************************************************************************/

/***************************************************************************************************/
/* paged - strankovadlo */
/***************************************************************************************************/
.paged-wrapper .paged-content {
    margin-bottom: 14px;
}

    .paged-links {
        height: 14px;
    }
    .paged-links a, .paged-links .current, .paged-links .disabled, .paged-links .separator {
        border:0; margin:0; padding:0;
        font-size:11px;
    }
    .paged-links a {
        border:solid 1px #DDDDDD;
        margin-right:2px;
    }
    .paged-links a:link, .paged-links a:visited {
        color:#0063e3;
        display:block;
        float:left;
        padding:3px 6px;
        text-decoration:none;
    }
    .paged-links a:hover {
        border:solid 1px #666666;
    }
    .paged-links .disabled, .paged-links .separator {
        color:#666666;
        display:block;
        float:left;
        padding:3px 4px;
    }
    .paged-links .current {
        color:#ff0084;
        font-weight:bold;
        display:block;
        float:left;
        padding:4px 6px;
    }

    .Panel_Administered .paged {
        margin-bottom: 12px;
    } 
    
    #panel-relations .paged {
        margin-bottom: 24px;
    }
    
/***************************************************************************************************/
/* sciprof-preview - Preview vedeckych/odbornych profilu */
/***************************************************************************************************/
.sciprof-preview-wrapper {
    width: 250px;
    cursor: pointer;
}

    .sciprof-preview-bar {
        height: 18px;
        position: relative;
        margin: 0px 0px 2px;
    }

    .sciprof-preview-bar .caption {
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 1px 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sciprof-preview-bar .caption .number {
        width: 20px;
        display: block;
        float: left;
        color: black;
    }

    .sciprof-preview-bar .caption .title {
        color: blue;
    }

    .sciprof-preview-bar .ratios {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .sciprof-preview-bar .ratios .item {
        height: 100%;
        float: left;
    }

    .sciprof-preview-bar .ratios .first {
        background-color: #ddd;
        width: 7%;
    }

    .sciprof-preview-bar .ratios .first.orange {
        background-color: orange;
    }

    .sciprof-preview-bar .ratios .second {
        background-color: yellow;
    }

    .sciprof-preview-bar .ratios .third {
        background-color: #ddd;
    }    
    
    
/* Output model */    

/* Profile/Relation preview */


.preview {
    margin-bottom: 8px;    
}

    .preview-avatar {
        width: 24px; 
        height: 24px;
        margin-right: 8px;
        float: left;
    }

    .search-result .preview .preview-info {
        float: left;
    }

    .preview-eventinfo > em {
        margin-right: 6px;
    }

    .profiles-preview span, .profiles-preview a {
        margin-right: 6px;
    }
    
    #box-settings .preview-info {
        width: 440px;
    }

.search-result .preview-info {
    width: 500px;
}

#box-profile-info button {
    margin: 2px;
}

#box-sciprofs button {
    margin: 2px;
}

.preview .preview-info {
    float: none;
}

#panel-events .preview .preview-info {
    float: right;
}
    
/* choice switcher - hvezdicka */
.widget.choice-switcher { display: inline}
span.choice-switcher { display: block; margin: 5px 0}
#box-profile-info .choice-switcher {
    display: block;
}

/***************************************************************************************************/
/* avatar - Avatar widget */
/***************************************************************************************************/
.avatar.widget {
}

    .avatar.widget .avatar-holder {
        width: 130px;
        height: 184px;
    }

    .avatar.widget .avatar-holder > img {
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        -khtml-border-radius: 10px; 
        border-radius: 10px;
        display: block;
        margin: 0 auto;
    }


/* Editor widget */
.editor-item { clear: both;}

.widget-content .label { 
    font-weight: bold
}

.widget.editor:before,
.widget.editor:after { content:""; display:table; }
.widget.editor:after { clear:both; }
.widget.editor { zoom:1; } /* For IE 6/7 (trigger hasLayout) */


.inline .label,
.inline .content {
    margin-right: 8px;
    display: inline;
}

.address { margin-bottom: 0.5em}
.address .label { float: none; }

.h1 div.widget.editor, h1 div.widget.editor {display: inline}
.h1 .widget-content, h1 .widget-content {display: inline; line-height: 30px;}

.editor-buttons { float: right}
#panel-settings .editor-buttons, #panel-administered .editor-buttons, .avatar-buttons.editor-buttons { float: left; }
.editor-buttons-nofloat .editor-buttons { float: none}

.editor-buttons button:hover {cursor: pointer}

.editor-buttons .ui-button-icon-only {
    width: 20px;
    height: 16px;
    border: none;
    background: none;
}

.avatar-buttons.editor-buttons button {
    margin-bottom: 2px;
}

.ui-button {
    text-align: left;
}

button > span.ui-button-text {
    /* white-space: nowrap; */
}

button.Add > span.ui-icon {
    background-image: url(/resources/yf0pgq/static/images/editor16.png);
    background-position: 0 -32px;
}
button.Add:hover > span.ui-icon {
    background-position: 0 -48px;
}

button.Modify > span.ui-icon {
    background-image: url(/resources/yf0pgq/static/images/editor16.png);
    background-position: 0 -64px;
}
button.Modify:hover > span.ui-icon {
    background-position: 0 -80px;
}

button.Delete > span.ui-icon {
    background-image: url(/resources/yf0pgq/static/images/editor16.png);
    background-position: 0 0px;
}
button.Delete:hover > span.ui-icon {
    background-position: 0 -16px;
}

button.Mail > span.ui-icon {
    background-image: url(/resources/yf0pgq/static/images/editor16.png);
    background-position: 0 -96px;
}
button.Mail:hover > span.ui-icon {
    background-position: 0 -112px;
}

button.No > span.ui-icon {
    background-image: url(/resources/yf0pgq/static/images/editor16.png);
    background-position: 0 -128px;
}
button.No:hover > span.ui-icon {
    background-position: 0 -144px;
}

button.Yes > span.ui-icon {
    background-image: url(/resources/yf0pgq/static/images/editor16.png);
    background-position: 0 -160px;
}
button.Yes:hover > span.ui-icon {
    background-position: 0 -176px;
}

button.Publish.ui-state-default {
    background: salmon url(https://www.sitit.cz/resources/yf0pgq/static/css/images/ui-bg_highlight-soft_75_b3b7b7_1x100.png) 50% 50% repeat-x;
}

button.Publish.ui-state-hover {
    background: lightsalmon url(https://www.sitit.cz/resources/yf0pgq/static/css/images/ui-bg_highlight-soft_75_b3b7b7_1x100.png) 50% 50% repeat-x;
}

button.send-button.ui-state-default {
    background: #FFBF00 url(https://www.sitit.cz/resources/yf0pgq/static/css/images/ui-bg_highlight-soft_75_b3b7b7_1x100.png) 50% 50% repeat-x;
}

button.send-button.ui-state-hover {
    background: #FFDF40 url(https://www.sitit.cz/resources/yf0pgq/static/css/images/ui-bg_highlight-soft_75_b3b7b7_1x100.png) 50% 50% repeat-x;
}

button.Publish > span.ui-icon {
    background-image: url(/resources/yf0pgq/static/images/editor16.png);
    background-position: 0 -64px;
}
button.Publish:hover > span.ui-icon {
    background-position: 0 -80px;
}
button.Google > span.ui-icon {
    background-image: url("/resources/yf0pgq/static/images/ico_google.gif");
}
button.Seznam > span.ui-icon {
    background-image: url("/resources/yf0pgq/static/images/ico_seznam.gif");
}
button.Yahoo > span.ui-icon {
    background-image: url("/resources/yf0pgq/static/images/ico_yahoo.gif");
}
button.mojeID > span.ui-icon {
    background-image: url("/resources/yf0pgq/static/images/ico_mojeid.png");
}


button.RelBelongs > span.ui-icon { 
    background-image: url(/resources/yf0pgq/static/images/membership-icon.png); 
}
button.RelCooperates > span.ui-icon { 
    background-image: url(/resources/yf0pgq/static/images/spoluprace_uzivatelu.png); 
}
button.RelGCooperates > span.ui-icon { 
    background-image: url(/resources/yf0pgq/static/images/spoluprace_skupin.png); 
}

button.Follows > span.ui-icon {
  background-image: url("/resources/yf0pgq/static/images/follows-on.png");
}
button.NotFollows > span.ui-icon {
  background-image: url("/resources/yf0pgq/static/images/follows-off.png");
}

button.Follows:hover > span.ui-icon {
  background-image: url("/resources/yf0pgq/static/images/follows-on.png");
}
button.NotFollows:hover > span.ui-icon {
  background-image: url("/resources/yf0pgq/static/images/follows-off.png");
}
button.Trust2Plus > span.ui-icon {
  background-image: url("https://www.sitit.cz/resources/yf0pgq/static/images/star-on.png");
}
button.Trust20 > span.ui-icon {
  background-image: url("/resources/yf0pgq/static/images/star-off.png");
}

button.Trust3Minus > span.ui-icon {
  background-image: url("/resources/yf0pgq/static/images/icon_thumb_down.gif");
}
button.Trust3Plus > span.ui-icon {
  background-image: url("/resources/yf0pgq/static/images/icon_thumb_up.gif");
}
button.Trust30 > span.ui-icon {
  background-image: url("/resources/yf0pgq/static/images/icon_none.gif");
}

.markItUp {width: 550px}
.markItUp textarea { width: 520px !important; }

/* Nahled rich textu v editoru novinek... */
.Markdown h1 { font-size:1.4em; margin-bottom: 8px; }
.Markdown h2 { font-size:1.2em }
.Markdown h3 { font-size:1.1em }
.Markdown h4 { font-size:1.0em }
.Markdown h5 { font-size:0.9em }
.Markdown h6 { font-size:0.8em }
.Markdown a { color: blue; }
.Markdown img { max-width: 500px; }
.Markdown strong { font-weight: bold; }
.Markdown em { font-style: italic; }

.Markdown ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;	
    margin-left: 2em;
}
.Markdown ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
    margin-left: 2em;
}

.Markdown {
  overflow: auto;
}


/***************************************************************************************************/
/* Formulare */
/***************************************************************************************************/
.form-item .label {
    font-weight: bold;
    margin-bottom: 2px;
}

.form-item {
    margin-bottom: 6px;
}

.form-label {
    text-align: left;
    margin-bottom: 4px;
}

.form-messages {
    margin-left: 0;
    padding-left: 10px;
    list-style: none;
}

    .form-messages .msg
    {
        padding-left: 18px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-repeat: no-repeat;
        background-position: 0 3px;
        background-image: url("/resources/yf0pgq/static/images/icons/icon_error_12.png");
        color: #83052B;
    }

    .form-messages .msg.error
    {
        background-image: url("/resources/yf0pgq/static/images/icons/icon_error_12.png");
        color: #83052B;
    }

    .form-messages .msg.warning
    {
        background-image: url("/resources/yf0pgq/static/images/icons/icon_warning_12.png");
        color: black;
    }

    .form-messages .msg.info
    {
        background-image: url("/resources/yf0pgq/static/images/icons/icon_info_12.png");
        color: blue;
    }

    .form-messages .msg.debug
    {
        background-image: url("/resources/yf0pgq/static/images/icon_debug_12.png");
        color: green;
    }

    .form-messages .msg.big
    {
        padding-left: 32px;
        line-height: 30px;
        background-repeat: no-repeat;
        background-position: 0px center;
        background-image: url("/resources/yf0pgq/static/images/icons/icon_error_24.png");
        color: red;
        font-size: 110%;
    }

    .form-messages .msg.warning.big
    {
        background-image: url("/resources/yf0pgq/static/images/icons/icon_warning_24.png");
        color: black;
    }
    .form-messages .msg.info.big
    {
        background-image: url("/resources/yf0pgq/static/images/icons/icon_info_24.png");
        color: blue;
    }


    .Info.InfoNews {
        background-color: #ddd;
       -moz-border-radius: 8px; 
        -webkit-border-radius: 8px; 
        -khtml-border-radius: 8px; 
        border-radius: 8px;
        margin-top: 10px;
    }
    
    .Info.InfoNews > .section-body {
        margin: 3px 3px 0px 3px;
        padding: 5px;
    }
    
    .Info.InfoNews > h4 {
        font-size: 16px;
        padding: 5px;
        background-color: #ccc;
       -moz-border-radius: 8px; 
        -webkit-border-radius: 8px; 
        -khtml-border-radius: 8px; 
        border-radius: 8px;
    }    
    
    .Info.InfoNews h4 .date {
        display: block;
        font-size: 9px;
        font-weight: normal;
        color: #333;
    }
    
/***************************************************************************************************/
/* Ikony ve filemanageru */
/***************************************************************************************************/
.file-delete-link {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: transparent url(/resources/yf0pgq/static/images/icon_delete_12.gif) center right no-repeat;   
}

.zeroclipboard-link {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: transparent url(/resources/yf0pgq/static/images/icon_clipboard_12.png) center right no-repeat;   
}

/***************************************************************************************************/
/* File manager window */
/***************************************************************************************************/
.file-list {
    margin-bottom: 10px;
}

    .file-list tr {
        background-color: #eeeee8;
        padding: 5px;
    } 

    .file-list tr:nth-child(even) {
        background-color: #eee8ee;
    } 

    .file-info {
        height: 16px;
        line-height: 16px;
        padding-right: 10px;
    }

    .file-info .file-link {
        width: 350px;
    }

    .file-info .file-size {
        width: 80px;
    }

/* Dynamic tree */
.dynamic-tree { 
    padding: 0; 
    margin: 0; 
    list-style: none;
}
    .dynamic-tree .toggle-collapse { 
        margin-bottom: 5px;
    }
    .dynamic-tree .profiles-preview:hover { 
        background: #FFA418;
    }

/* Seznam roli v nahledu vazby */
.role-list .RelationRole {
    font-style: italic;
}

.role-list .RelationRole.Unauthorized {
    color: #888;
}
    
    

/* styl kontejneru pro IFRAME s forem */
.private-messages-wrapper {
    margin: 0;
}

    
/***************************************************************************************************/
/* Chybova stranka 404 */
/***************************************************************************************************/
.notfound-wrap {
    margin-top: 20px;
    margin-left: 10px;
}

.notfound-wrap h2 {
    font-size: 200%;
    margin-bottom: 20px;
}

.notfound-left {
   display: block;
   width: 180px;
   float: left;
}

.notfound-main {
    display: block;
    float: left;
    font-size: 120%;
    margin-top: 20px;
}


/***************************************************************************************************/
/***************************************************************************************************/
/* jQuery UI tweaks */
/***************************************************************************************************/
/***************************************************************************************************/
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable select {
    width: 100%;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable input[type="text"] {
    width: 100%;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable textarea {
    width: 100%;
}

.ui-dialog textarea {
    height: 100px;
}

/* tohle nejak nefunguje...
.ui-state-focus {
    -moz-border-radius: 12px !important; 
    -webkit-border-radius: 12px !important; 
    -khtml-border-radius: 12px !important; 
    border-radius: 12px !important;
    margin: 10px !important;
}
*/

#box-settings .ui-tabs-selected.ui-state-active {
        background: #FFFBED !important;
}
#box-settings .ui-tabs-panel {
	margin: 0em 0.2em 0.2em 0.2em;
        background: #FFFBED;
}

.ui-tabs .ui-tabs-nav {
    padding: 4px 0 0 20px;
    border: none;
}

h2 .editor-buttons {
    margin-top: -2px;
}

/* dva sloupce... */
.columnizer .section {
    display: block; 
    margin-bottom: 10px;
    background-color: #ddd;
   -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px;
}

.columnizer .section h2 {
    font-size: 16px;
    padding: 5px;
    background-color: #ccc;
   -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px;
}

.columnizer .section-body {
    margin: 8px;
}

.columnizer:before,
.columnizer:after { content:""; display:table; }
.columnizer:after { clear:both; }
.columnizer { zoom:1; } /* For IE 6/7 (trigger hasLayout) */

/* oramovani editoru pri najeti kurzorem mysi */
.Relations_RoleFulls .editor-item,
.box .editor-item,
.box .SimpleForm { 
    border: 1px solid transparent;
    padding: 3px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px;
}
#panel-news .profilepage-news .editor-item {
    padding: 0px;
    border-radius: 0px;
}

.Relations_RoleFulls .editor-item:hover,
.box .editor-item:hover,
.box .SimpleForm:hover { 
    border-color: #3BAAE3;
}

/* pokud je editacni prvek soucasti SimpleForm, zvyraznime ji ale uz ne ten editacni prvek... */
#box-settings .editor-item:hover,
#box-remove-profile .editor-item:hover,
.SimpleForm .editor-item:hover,
.profile-info-buttons .editor-item:hover { 
    border-color: transparent;
}
/* rozdeleni tlacitek do sekci */
#box-remove-profile {
    text-align: right;
}
#box-remove-profile .button-row .widget.editor {
    display: inline-block;
}


.profilepage-address .label {
    margin-bottom: 3px;
}

.profile-info-buttons .editor-buttons {
    float: left;
}


/* umisteni editacnich tlacitek do praveho dolniho rohu editacnich elementu.. */
/* pozor! vsude kde takto umistujeme editacni tlacitka, musime u contentu nastavit margin-right: 60px */
.Panel_PendingAuthorization .editor-item,
.Panel_AwaitingAuthorization .editor-item,
.Panel_News .editor-item,
.Relations_RoleFulls .editor-item,
#box-profile-info .SimpleForm .editor-item,
#box-region .editor-item,
#box-details .editor-item {
    position: relative;
}

.Panel_PendingAuthorization .editor-item > .editor-buttons,
.Panel_AwaitingAuthorization .editor-item > .editor-buttons,
#panel-news .editor-item > .editor-buttons,
.Relations_RoleFulls .editor-item > .editor-buttons,
#box-region .editor-item > .editor-buttons,
#box-profile-info .SimpleForm .editor-item > .editor-buttons,
#box-details .editor-item > .editor-buttons {
    position: absolute;
    bottom: 0;
    right: 0;
}

.Relations_RoleFulls .editor-item > .widget-content > .Relations_RoleFull,
.Panel_PendingAuthorization .editor-item > .widget-content > .relations-preview,
.Panel_AwaitingAuthorization .editor-item > .widget-content > .relations-preview,
#panel-news .editor-item > .widget-content > .Info > .content,
#panel-details .editor-item > .widget-content > .Info,
#panel-details .editor-item > .widget-content > .profilepage-address,
#panel-details .editor-item > .widget-content > .profilepage-keyword,
#panel-details .editor-item > .widget-content > .profilepage-webresource,
#panel-details .editor-item > .widget-content > .profilepage-profexp,
#panel-details .editor-item > .widget-content > .form-item,
#panel-details .editor-item > .widget-content > .contact-item,
#panel-details .editor-item > .widget-content > .profilepage-profmisc
{
    margin-right: 60px;
}

#box-profile-info .SimpleForm .editor-item .form-item {
    margin-right: 26px;
    overflow: hidden;
}


.expand-text .text-collapse {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: transparent url(/resources/yf0pgq/static/images/collapse-vertical_8.png) bottom center no-repeat;   
}

.expand-text .text-expand {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: transparent url(/resources/yf0pgq/static/images/expand_8.png) bottom center no-repeat;   
}

@media screen and (max-width: 1200px) {
	#wrapper { min-width: 1200px; }
	#center { background-color:#fff; padding:110px 10px 150px; margin:0 auto;}
}

/* Obsah urceny pouze pro roboty: */
.bot-block {
    /*display: none;*/
    display: inline-block;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
}
.bot-block * {
    background-color: white;
    color: white;
}

/* Skryty obsah - misto nej je tam (nekdy) jen pomocny text. */
.hidden-content {
    color: gray;
    font-size: 90%;
    font-style: italic;
}