@import url("global.css");

body { background:#fff; font-size:62.5%; }
#page { font-size:1.3em; line-height:1.4; margin:auto; position:relative; color:#333; }


/* GLOBAL LINKS */
a, a:link, a:visited { color:#333; text-decoration:underline; }
a:active, a:focus, a:hover { color:#000; text-decoration:none; }


/* HEADER */
#header { background:#19212a; height:90px; margin:auto; position:relative; }
#header #logo { color:#fff; font-size:2em; font-weight:700; line-height:1.1; letter-spacing:-1px; text-decoration:none; position:relative; top:20px; left:0; margin:0 0 0 20px; }
#header #logo span { color:#969696; font-size:0.7em; margin:0 0 0 20px; }
#header #userInfo { position:absolute; top:20px; right:40px; color:#eee; }
#header #userInfo img { position:relative; top:4px; }
#header #userInfo a, #header #userInfo a:link, #header #userInfo a:visited { color:#eee; text-decoration:underline; }
#header #userInfo a:active, #header #userInfo a:focus, #header #userInfo a:hover { color:#fff; text-decoration:none; }


/* NAVIGATION */
#topMenu { background:#19212a url('../images/bg-header.png') repeat-x left 30px; position:relative; /*position:absolute; top:90px; left:0; */ width:100%; } 
#topMenu menu li img { position:relative; top:3px; }
#topMenu menu#nav { position:relative; left:20px; width:97%; padding:0 0 10px 0; overflow:hidden; }
#topMenu menu#nav a,
#topMenu menu#nav a:link,
#topMenu menu#nav a:visited { color:#fff; text-decoration:none; font-weight:700; cursor:pointer; }
#topMenu menu#nav li { display:block; float:left; }
#topMenu menu#nav li a { background:url('../images/bg-nav-left.png') left -100px no-repeat; /*height:30px; line-height:30px;*/ padding:0 0 0 10px; display:block; float:left; }
#topMenu menu#nav li a strong { background:url('../images/bg-nav-right.png') right -100px no-repeat; /*height:30px; line-height:30px;*/ padding:5px 15px 5px 5px; display:block; float:left; }
#topMenu menu#nav li a:hover,
#topMenu menu#nav li a:focus,
#topMenu menu#nav li a.active { background-color:#0f46a3; background-position:left top; }
#topMenu menu#nav li a:hover strong,
#topMenu menu#nav li a:focus strong,
#topMenu menu#nav li a.active strong { background-color:#0f46a3; background-position:right top; text-shadow:#113879 1px 1px 0px; }

#topMenu menu#subNav { background:#0b3a87 url('../images/bg-subnav.png') repeat-x left top; width:100%; margin:-10px 0 0 0; overflow:hidden; }
#topMenu menu#subNav a,
#topMenu menu#subNav a:link,
#topMenu menu#subNav a:visited { color:#fff; text-shadow:#113879 1px 1px 0px; text-decoration:none; font-weight:700; cursor:pointer; }
#topMenu menu#subNav li { display:block; float:left; margin:7px 0 0 0; }
#topMenu menu#subNav li.first { margin:7px 0 0 20px; display:inline; }
#topMenu menu#subNav li a { background:url('../images/bg-subnav-left.png') left -100px no-repeat; padding:0 0 0 10px; display:block; float:left; }
#topMenu menu#subNav li a strong { background:url('../images/bg-subnav-right.png') right -100px no-repeat; padding:5px 15px 5px 5px; display:block; float:left; }
#topMenu menu#subNav li a:hover,
#topMenu menu#subNav li a:focus,
#topMenu menu#subNav li a.active { background-color:#fff; background-position:left top; }
#topMenu menu#subNav li a:hover strong,
#topMenu menu#subNav li a:focus strong,
#topMenu menu#subNav li a.active strong { background-color:#fff; background-position:right top; color:#191919; text-shadow:#e0e0e0 1px 1px 0px; }


/* HEADINGS */
h1, #sidebarWrap h2 { font-size:1.4em; font-weight:500; color:#0e45a0; border-bottom:1px solid #d9d9d9; position:relative; }
h2 { font-size:1.2em; font-weight:500; color:#0e45a0; border-bottom:1px solid #d9d9d9; }


/* LAYOUT */
#containerWrap { position:relative; width:99%; overflow:hidden; margin:10px auto 10px; }
#container { float:left; width:200%; margin-left:-250px; position:relative; right:100%; }
#loginWrap { width:600px; overflow:hidden; margin:auto; position:relative; }


/* CONTENT */
#contentWrap { float:left; width:50%; position:relative; left:50%; }
#content { margin:0 10px 0 250px; overflow:hidden; }
#loginWrap #content { margin:20px 0; overflow:hidden; }
.roundBorder { background:#f7f7f7; }
.roundBorder .borderTop { background:url('../images/bg-content.png') no-repeat right 0; height:10px; margin:0 0 0 10px; }
.roundBorder .borderTop div { background:url('../images/bg-content.png') no-repeat 0 0; position:relative; left:-10px; width:10px; height:10px; font-size:0; line-height:0; }
.roundBorder .borderBottom { background:url('../images/bg-content.png') no-repeat right bottom; height:10px; margin:0 0 0 10px; }
.roundBorder .borderBottom div { background:url('../images/bg-content.png') no-repeat 0 bottom; position:relative; left:-10px; width:10px; height:10px; font-size:0; line-height:0; }
.roundBorder .borderLeft { background:url('../images/bg-content-borders.png') repeat-y 0 0; padding:0 0 0 4px; position:relative; }
.roundBorder .borderRight { background:url('../images/bg-content-borders.png') repeat-y right 0; padding:0 4px 0 0; position:relative; }
.roundBorder .in { background:#f7f7f7; display:block; margin:0; padding:1px 6px; }


/* SIDEBAR */
#sidebarWrap { background:#efefef url('../images/bg-sidebar-content.png') repeat-y left top; float:right; width:250px; position:relative; left:250px; }
#sidebar { background:url('../images/bg-sidebar-bottom.png') no-repeat left bottom; }
#sidebar #sidebarTop { background:url('../images/bg-sidebar-top.png') no-repeat left top; width:250px; height:10px; font-size:0; line-height:0; }
#sidebar .in { padding:0 10px 10px 10px; }


/* TABLE */
table { margin:15px 0 0 0; width:100%; }
table thead { background:#343434 url('../images/bg-table-head.png') repeat-x left top; color:#fff; text-align:left; }
table thead a { color:#fff !important; }
table td, table th { padding:5px 8px; border-bottom:1px solid #fff; }
table th { font-weight:500; }
table td { font-size:0.9em; }
table tbody tr.even { background:#e5e5e5; }
table tbody tr.odd { background:#e8eef8; }
table tbody tr:hover, table tbody tr.hover { background:#fffebb; } /* Ošetřit javascriptem */


dl { margin:15px 0 0 0; line-height:2; }
dl dt { display:block; width:150px; float:left; position:relative; font-weight:700; }
dl dd { margin:0 0 0 150px; }
dl dd pre { background:#fff; border:1px solid #aaa; font-size:1em; overflow:scroll; padding:10px; line-height:1.5; }
dl dd code { font-size:1.1em; }


a.highlight, a.highlight:link, a.highlight:visited { background:#e5e5e5; padding:1px 5px; text-decoration:none; font-weight:700; }
a.highlight:active, a.highlight:focus, a.highlight:hover { background:#0f46a3; color:#fff; }


p { margin:15px 0 0 0; }


p.pagination { background:#e5e5e5; margin:15px 0 0 0; padding:7px 10px; font-size:0.9em; text-align:right; }
p.pagination a.pages { padding:0 3px; }
p.pagination strong { background:#3c3c3c url('../images/bg-pagination-a.png') repeat-x left top; padding:2px 6px; color:#fff; }


.showInfo { font-size:0.9em; margin:15px 0 0 0; }
.showInfo p { margin:0 0 0 10px; }
.showInfo form { margin:0 10px 0 0; }


/* UNORDERED LIST */
ul { margin:15px 0; }
ul li { background:url('../images/icons/bullet_black.png') no-repeat left center; padding:0 0 0 20px; position:relative; }


/* FORM */
form * { font-family:"Arial CE", Arial, "Helvetica CE", lucida, sans-serif; font-size:1em; }
form { margin:15px 0 0 0; }
form.formBg { background:#f0f0f0; border:1px solid #d9d9d9; }
form fieldset { padding:10px; position:relative; }
form ul { margin:auto; }
form ul li { background:none; padding:5px 10px; margin:5px 0; overflow:hidden; width:97%; }
form ul li label.fix,
form ul li span.fix { width:150px; display:block; float:left; margin:2px 0 0 0; font-weight:700; }
form ul li input.txt { background:#fff; border:1px solid #b0b0b0; width:200px; padding:2px 3px; }
form ul li textarea.txt { background:#fff; border:1px solid #b0b0b0; width:400px; height:150px; padding:2px; }
form ul li textarea.txt.auto,
form ul li input.txt.auto { width:auto; height:auto; }
form ul li.error { background:#ffcccc; }
form ul li.error label { color:#ee4244; font-weight:700; }
form ul li.error input.txt,
form ul li.error textarea.txt { border-color:#ee4244; }
form ul li.focused { background:#fffebb; }
form ul li ul { margin:0 0 0 150px; }
form ul li ul li { margin:0; padding:0; }
form button { border:none; background:none; margin:10px 0; padding:0; width:auto; overflow:visible; text-align:center; white-space:nowrap; line-height:26px; cursor:pointer; }
form button span, form button em { display:block; height:26px; line-height:26px; margin:0; color:#fff; font-weight:700; font-size:1.05em; }
form button span { padding:0 0 0 5px; background:#78b338 url('../images/bg-button-left.png') no-repeat left top; }	
form button em { font-style:normal; padding:0 20px 0 15px; background:#78b338 url('../images/bg-button-right.png') no-repeat right top; }
form .required { font-weight:500; }


/* FOOTER */
#footer { background:#19212a; border-bottom:10px solid #fff; width:99%; margin:auto; position:relative; }
#footer.login { width:600px; }
#footer .borderTop { background:url('../images/bg-dark-content.png') no-repeat right 0; height:10px; margin:0 0 0 10px; }
#footer .borderTop div { background:url('../images/bg-dark-content.png') no-repeat 0 0; position:relative; left:-10px; width:10px; height:10px; font-size:0; line-height:0; }
#footer .borderBottom { background:url('../images/bg-dark-content.png') no-repeat right bottom; height:10px; margin:0 0 0 10px; }
#footer .borderBottom div { background:url('../images/bg-dark-content.png') no-repeat 0 bottom; position:relative; left:-10px; width:10px; height:10px; font-size:0; line-height:0; }
#footer .borderLeft { background:url('../images/bg-dark-content-borders.png') repeat-y 0 0; padding:0 0 0 4px; position:relative; }
#footer .borderRight { background:url('../images/bg-dark-content-borders.png') repeat-y right 0; padding:0 4px 0 0; position:relative; }
#footer .in { background:#19212a; margin:0; padding:1px 0px; position:relative; width:100%; overflow:hidden; }
#footer p { margin:0; padding:15px 10px; color:#fff; }
#footer a, #footer a:link, #footer a:visited { color:#fff; text-decoration:underline; }
#footer a:active, #footer a:focus, #footer a:hover { color:#fff; text-decoration:none; }


/* COMMON CLASS */
.in { padding:10px; }
.topBreak { margin-top:15px; }
.largeTopBreak { margin-top:30px; }
.nonTopBreak { margin-top:0px; }
.hidden { display:none; }
.imRight { display:block; float:right; }
.imLeft { display:block; float:left; }
.fleft { float:left !important; }
.fright { float:right !important; }
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }
.vam { vertical-align:middle; }
.clear { width:100%; overflow:hidden; }
.clear2 { clear:both; }
.ir,.ir span { display:block; overflow:hidden; position:relative; top:0; left:0; } 
.ir span { width:100%; height:100%; position:absolute; }
.errors, .success, .alerts { margin:15px 0 0 0; padding:10px; font-weight:700; }
.errors li, .success li, .alerts li { background:none; margin:0; padding:0 0 0 20px; }
.errors { background:#ffcccc url('../images/icons/cross.png') no-repeat 7px 11px; border:1px solid #fbafb1; color:#ee4244; }
.success { background:#c3f49b url('../images/icons/accept.png') no-repeat 7px 11px; border:1px solid #abde7e; color:#478d40; }
.alerts { background:#fbfa9d url('../images/icons/error.png') no-repeat 7px 11px; border:1px solid #e7e300; color:#918f00; }
.scrollableContent { overflow: auto; }
