/*
   Lubomir Pokorny (lubomirpokorny@email.cz)
   CSS styles for Trialog-Brno.cz
*/


/* Reset styles */
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, form {margin:0;padding:0;}
img, hr {border:0;}
* html td {font-size:0.7em;}

/* Body */
body {font-size:13px;color:#000;text-align:center;font-family:'segoe ui',tahoma,sans-serif;background:#fff url(./images/body-back.png) repeat-x top;}

/* General styles */
h1 {margin-bottom:10px;padding:0 10px 10px 0;font-size:2.1em;font-weight:normal;color:#23629e;line-height:0.8em;border-bottom:1px solid #c9d3da;}
h2 {font-size:1.5em;font-weight:normal;}
h3 {font-size:1.3em;font-weight:normal;}
hr {margin:20px 0;border-bottom:1px solid #bccede;}
p {margin:10px 0;text-align:justify;}
a {color:#db0c06;}
a:hover {color:#000;}

/* Common styles */
.center {text-align:center;}
.right {text-align:right;}
.fright {float:right;}
.fleft {float:left;}
.cb {clear:both;}
.hidden {display:none;}

/* Mainboxes */
#page {width:998px;margin:0 auto;text-align:left;}
#mainbox {padding-bottom:35px;background:url(./images/mainbox-back.png) no-repeat bottom left;}
#content {float:right;width:774px;background:#fff url(./images/content-back.png) repeat-x top;}
#minicontent {float:left;width:614px;}
#leftbox {float:right;width:224px;height:auto!important;height:450px;min-height:450px;background:#fff;}
#rightbox {float:left;width:160px;padding-top:10px;}
#content #textwrapper {height:auto!important;height:450px;min-height:450px;padding:20px!important;}
#content #minicontent #textwrapper {height:auto!important;height:450px;min-height:450px;padding:10px 20px!important;}

/* Header */
#header {height:87px;text-align:center;color:#888888;}
#header .fright {width:774px;text-align:left;}
#mainmenu {height:35px;list-style:none;background:url(./images/mainmenu-separator.gif) no-repeat top left;}
#mainmenu li {float:left;background:url(./images/mainmenu-separator.gif) no-repeat top right;}
#mainmenu a {display:block;padding:14px 22px;font-size:1.1em;color:#888888;text-decoration:none;background:url(./images/mainmenu-item.gif) no-repeat top left;}
* html #mainmenu a {display:inline-block;height:34px;}
#mainmenu a:hover, #mainmenu a.selected {color:#00acfb;background-position:top right;}
#navbar {clear:both;padding:17px 5px 5px 5px;font-size:0.9em;}
#navbar a {margin-right:3px;padding-right:14px;font-weight:bold;color:#888;text-decoration:none;background:url(./images/navbar-separator.gif) no-repeat right 5px;}
#navbar a:hover {text-decoration:underline;}
#logotype {display:block;margin-bottom:10px;padding:21px 0 0 0;}
#lanpanel a {margin:0 3px;}

/* Leftbox */
#search {padding:11px 13px;background:#0e5c9c url(./images/search-back.png) no-repeat top;}
.searchinput {width:130px;padding:1px 2px;font-size:0.9em;background:#fff;border:1px solid #4a96d0;}
.searchsubmit {padding-right:10px;color:#fff;font-size:0.9em;cursor:pointer;background:transparent url(./images/search-arrow.gif) no-repeat right 7px;border:0;}
#leftmenu li {list-style:none;}
#leftmenu li a {display:block;padding:10px 5px 9px 25px;color:#fff;text-decoration:none;font-size:0.9em;background:#337dbc;border-top:1px solid #4a96d0;}
* html #leftmenu li a {height:20px;}
#leftmenu li.multi a {background-image:url(./images/leftmenu-item-multi.gif);}
#leftmenu a:hover, #leftmenu a.selected {background-position:right;background-color:#0e5a98;}
#leftmenu ul {padding:8px 0;background:#0e5c9c url(./images/leftmenu-subitem-back.gif) repeat-y left;}
#leftmenu ul li {padding-bottom:1px;}
#leftmenu ul a {display:inline;margin-left:15px;padding:0 0 0 10px;font-size:0.9em;background:none!important;border:0;}
#leftmenu .multi {background:url(./images/leftmenu-item-multi-2.gif) no-repeat 15px 8px!important;}
* html #leftmenu ul a {height:0;padding:2px 5px 2px 35px;}
#leftmenu ul a:hover, #leftmenu li ul a.selected {text-decoration:underline;background:0;}
#leftmenu ul ul {padding:5px 4px 3px 4px;}
#leftmenu ul ul a {margin-left:25px;padding:0 0 0 8px;background:url(./images/leftmenu-subitem-item.gif) no-repeat 0 7px!important;}
#leftmenu ul ul a:hover, #leftmenu ul ul a.selected {background:url(./images/leftmenu-subitem-item.gif) no-repeat 0 7px!important;}
.leftmenubottom {height:35px;background:url(./images/leftmenu-bottom.png) no-repeat bottom;}
#leftbox .partners, #leftbox .partners p {text-align:center}
#leftbox .partners a {display:block;margin:20px 0;}

/* Rightbox */
#rightbox .title {margin-bottom:5px;padding:10px 2px 3px 2px;font-size:1.1em;font-weight:bold;color:#23629e;border-bottom:1px solid #c9d3da;}
#rightbox .new {padding:0 2px;}
#rightbox .new .date {color:#555;}
#rightbox .more {padding:0 2px 10px 2px;}

/* Footer */
#footer {padding-bottom:20px;font-size:0.9em;color:#888;line-height:25px;border-top:1px solid #e2e2e2;}
.footermenu {padding:10px 10px 10px 238px;background:url(./images/footer-separator.gif) no-repeat 223px top;}
.footermenu a {margin:0 3px;text-decoration:none;color:#888;font-weight:bold;}
.footermenu a:hover {text-decoration:underline;}

/* Text */
.introimage {padding-bottom:4px;background:url(./images/content-shadow.png) no-repeat bottom;}
#textwrapper ul {margin:10px 20px;}
#textwrapper ul li {padding-left:12px;list-style:none;background:url(./images/list-style.gif) no-repeat left 7px;}
#textwrapper ol {margin:10px 37px;}
#textwrapper hr {height:1px;margin:20px 0;background:#c9d3da;}

/* News */
.bignew {padding:8px 0;}
.bignew h3 {padding-bottom:8px;}
.bignew .text {text-align:justify;}
.bignew .text strong {color:#666;}
.bignew img {margin-top:2px;border:2px solid #bccede;}

/* References */
.references {font-size:1.2em;}
.yearlinks a:hover, .yearlinks a.selected {font-weight:bold;}
#refgallery {width:630px;margin:2% 4% 2% 2%;}
#refgallery td {padding:10px 5px;vertical-align:middle;text-align:center;}
#refgallery img {border:4px solid #bccede;}

/* Gallery */
.categories {margin:0!important;}
.categories li {margin:7px 0!important;padding:8px 10px 5px 9px!important;background:#f7f8fa!important;border:1px solid #c9d3da;}
.categories .fright {width:523px;}
.categories h2 {padding:0 0 4px 0;font-size:1.2em;}
.categories h2 a {color:#23629e!important;}
.categories .date {font-size:0.9em;}
.categories .text {height:72px;}
.categories .editlinks {padding:5px;}
.albums {margin:0!important;}
.albums li {float:left;width:360px;margin:3px!important;padding:0!important;background:0;}
.albums li .holder {margin:0;padding:3px 5px 4px 7px;background:#f7f8fa!important;border:1px solid #c9d3da;}
.albums .fright {width:158px;}
.albums h2 {padding:0 0 5px 0;font-size:1.2em;}
.albums h2 a {color:#23629e!important;}
.albums .date {font-size:0.9em;}
.albums .text {height:95px;}
.albums .editlinks {padding:5px;}
.images {margin:0!important;}
.images li {width:240px;height:240px;float:left;padding:0!important;text-align:center;background:0!important;}
.images .editlinks {font-size:0.9em;text-align:center;}
.images img {border:4px solid #c9d3da;}
.images .v {margin-top:20px;}
.images .h {margin-top:45px;}

/* Attachments */
.attachments {padding:15px 0;}
.attachments .row {padding:3px 5px;}
.attachments img {position:relative;top:3px;right:5px;}
.attachments h2 {margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #c9d3da;}
.attachments h3 {font-size:1.3em;padding-bottom:4px;}
.attachments a {color:#000;text-decoration:none;}
.attachments a .red {color:#db0c06;}
.attachments a:hover {text-decoration:underline;}
.attach_basic_title {padding-bottom:3px;font-weight:bold;}

/* Pagination */
.pagination {margin:10px;padding:25px 20px 10px 20px;text-align:center;}
.pagination a {padding:4px 5px;margin:1px;text-decoration:none;background:#f7f8fa;border:1px solid #c9d3da;}
.pagination a:hover {padding:6px 5px;background:#e4e6eb;border-color:#a3b1bb;}
.pagination a.selected {padding:6px 4px;font-weight:bold;background:#e4e6eb;border-color:#a3b1bb;}
.pagination .inactive {padding:4px;margin:1px;color:#ddd;background:#fff;border:1px solid #ddd}
.paginationInfo {margin:10px;padding:14px 14px 10px 14px;border-top:1px solid #c9d3da;}
.paginationInfo a.selected {font-weight:bold;}

/* Table */
.table {width:500px;margin:10px 0;line-height:1.2em;vertical-align:middle;border-collapse:collapse;}
.table td {height:35px;padding:0 5px;background:#e7eef3;border-left:1px solid #ccdbe3;border-right:1px solid #ccdbe3;}
.table .sudy td {background:#ccdbe3;border-left:1px solid #afc4cf;border-right:1px solid #afc4cf;}
.table .bottom td {border-bottom:1px solid #ccdbe3;}
.table thead td {color:#fff;font-weight:bold;background:#3d556a;border:1px solid #3d556a;border-width:1px 1px 0 1px}
.table thead span {font-weight:normal;font-size:0.8em;}
.table .bigrow td {font-size:1.2em;font-weight:bold;background:#afc4cf}

/* Search */
.result {padding:5px;}
.highlight {background-color:#ff0!important;}

/* Errors and warnings */
#systemMessage ol {padding-left:0;}
.notice {margin:10px 9px 0 9px;padding:8px 15px;color:#666;line-height:150%;font-size:1.2em;background:#f9f9f9;border:1px solid #cecece;border-top:3px solid #a3a3a3;}
.notice span {color:#000;}
.warning {margin:10px 2px 5px 2px;padding:10px;color:#d8716e;line-height:150%;font-size:1.1em;background:#fdf5f5;border:1px solid #ecb2b1;border-top:3px solid;}
.warning a {color:#d8716e;font-weight:bold;}
.closeSystemMessage {float:right;position:relative;bottom:7px;}
.closeSystemMessage a {cursor:pointer;text-decoration:none;font-weight:bold;color:#d8716e;}
.closeSystemMessage a:hover {color:#000!important;}

/* Tabcontent */
.langmenu {position:relative;top:14px;left:1px;}
.langmenu li {float:left;margin:1px;padding:0!important;list-style:none;background:none!important;}
.langmenu a {display:block;padding:5px 15px;font-weight:bold;color:#a1bace;text-decoration:none;background:#e4e9ec;border:1px solid #e4e9ec;border-bottom:3px solid #c9d3da;}
.langmenu a:hover, .langmenu a.selected {background:#f7f8fa;color:#23629e;border:1px solid #c9d3da;border-bottom:3px solid #f7f8fa;}

/* Admin tools */
.editlinks {padding:15px;text-align:right;}
.editlink, .editlinks a {text-decoration:none;color:#88191f;font-weight:bold;}
.editlink:hover, .editlinks a:hover {text-decoration:underline;}
#logoutbox {float:right;padding:3px 10px;}
#logoutbox a {padding:0;color:#000;background:0;}

/* Tooltips */
#WzBoDy {padding:3px 7px!important;}
#WzBoDy div {padding-top:5px;}

/* Forms */
input, textarea, select {padding:3px;color:#2d3f4a;font-size:13px;font-family:sans-serif;}
.form {clear:both;color:#2d3f4a;padding:10px 0;font-size:0.85em;}
.form .submit, .submit {margin:5px 0 0 10px;font-size:1.1em;color:#fff;background:#337dbc;border:1px solid #777;cursor:pointer;}
.form input {padding:1px 2px;border:1px solid #92a5bd;}
.form fieldset {padding:0 10px 10px 10px;background:#f7f8fa;border:1px solid #c9d3da;border-top:3px solid #c9d3da;}
.form legend {padding:2px 8px;font-weight:bold;border:1px solid #92a5bd;}
.form label {padding:6px 15px 6px 5px;}
.form select {font-size:1em;border:1px solid #92a5bd;}
.form option {padding-right:15px;}
.form textarea {color:#2d3f4a;border:1px solid #92a5bd;font-size:13px;}
.form table {margin-top:8px;}
.form table td {padding:2px;}
.form_thumb {position:relative;top:4px;right:5px;}
.form_icon {position:relative;top:4px;}
.info {margin:0;padding:5px 10px;color:#888888;text-align:right;}
.form .info input {font-weight:bold;text-align:center;border:0;background:none;width:22px;}
.form h3 {padding-top:10px;}