/*
   Lubomir Pokorny (lubomirpokorny@email.cz)
   CSS styles for triplusjedna.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:'trebuchet ms',tahoma,sans-serif;background:#8f8f8f url(./images/body-back.gif) no-repeat center 140px;}

/* General styles */
h1 {clear:both;margin:30px 0 15px 0;font-size:25px;font-weight:normal;color:#000;line-height:0.8em;}
h2 {font-size:1.5em;font-weight:normal;}
h3 {font-size:1.3em;font-weight:normal;}
p {margin:10px 0;text-align:justify;}
a {color:#ab3300;}
a:hover {color:#000;}

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

/* Mainboxes */
#page {width:980px;margin:0 auto;text-align:left;}
#mainbox {background:url(./images/mainbox-back.gif) repeat-y 104px;}
#content {float:right;width:747px;position:relative;left:-18px;background:#fdfb36 url(./images/content-back.gif) repeat-x top;}
#contentinner {height:auto!important;height:800px;min-height:800px;padding:0 25px 30px 25px;}
#leftbox {height:auto!important;height:570px;min-height:570px;float:right;width:215px;position:relative;right:18px;background:url(./images/leftbox-back.gif) no-repeat right top;}

/* Header */
#header {position:relative;height:212px;background:url(./images/header-back-en.jpg) no-repeat;}
#logotype {display:block;width:95px;height:160px;position:absolute;left:35px;top:20px;}
#logotype span {display:none;}
#flag {position:absolute;right:27px;bottom:11px;}

/* Leftbox */
#leftmenu {background:url(./images/lbm-back.gif) repeat-y right;}
#lminner {height:auto!important;height:70px;min-height:70px;padding-top:20px;background:url(./images/lbm-top.gif) no-repeat top right;}
#leftmenu ul {height:auto!important;height:70px;min-height:70px;padding:20px 13px;list-style:none;background:url(./images/lbm-bottom.gif) no-repeat bottom right;}
#leftmenu ul li {background:url(./images/lbm-item-back.gif) no-repeat bottom left;}
#leftmenu ul li a {display:block;padding:5px 6px;height:18px;color:#e8f3fa;text-decoration:none;}
#leftmenu ul li a:hover, #leftmenu ul li a.selected {color:#fff;background-color:#3d3d3d;}
#leftmenu ul li.multi a {background-image:url(./images/leftmenu-item-multi.gif);background-position:left;}
#leftmenu ul li.multi a:hover, #leftmenu ul li.multi a.selected {background-position:right;}
#leftmenu ul ul {height:auto!important;min-height:inherit;padding:5px 0 10px 0;background:none;}
#leftmenu ul ul li {background:none;color:#fff;}
#leftmenu ul ul a {display:inline;padding:0 10px;background:none!important;}
#leftmenu ul ul a:hover, #leftmenu ul ul a.selected {text-decoration:underline!important;}
#leftmenu ul ul ul {padding:5px 0 5px 5px;}
#leftmenu ul ul ul li {padding-left:5px;}
#leftmenu ul ul ul a {padding:0;}
#leftmenu .editlink {color:#ff6c00;}
#leftmenu .galleryli {font-size:12px;letter-spacing:-0.05em;}
#leftmenu .galleryli a {padding:0 0 0 5px;}
#tree {padding-top:50px;line-height:0;text-align:center;}

/* Footer */
#footer {height:159px;padding:55px 50px 100px 0;color:#fff;text-align:right;line-height:23px;background:url(./images/footer-back.gif) no-repeat top;}
#footer a {color:#fff;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {color:#8cd3ff!important;}
#footer span a {color:#8cd3ff;}
.eu_info {padding-left:290px;line-height:15px;font-family:tahoma;font-size:11px;}

/* Content */
.banner {position:relative;left:10px;}

/* News */
.newbie {clear:both;margin:20px 0;}
.newbie .image {float:left;position:relative;top:3px;display:block;padding:3px;background:url(./images/newbie-back.gif) no-repeat top left;}
.newbie .fright {float:right;width:600px;}
.newbie .date {color:#666666;}
.newbie h2 {font-size:15px;color:#000;font-weight:bold;text-decoration:none;text-transform:uppercase;}
.newbie a {font-weight:bold;}
.newbie p {margin:3px 0;}

/* Gallery */
.categories {margin:0!important;list-style:none;}
.categories li {margin:7px 0!important;padding:8px 10px 5px 9px!important;background:#e6e46d!important;border:1px solid #c2c15c;}
.categories img {border:1px solid #c2c15c;}
.categories .fright {width:483px;}
.categories h2 {padding:0 0 4px 0;font-size:1.2em;}
.categories .date {font-size:0.9em;}
.categories .text {height:72px;}
.categories .editlinks {padding:5px;}
.albums {margin:0 29px;list-style:none;}
.albums li {float:left;margin:5px;padding:8px;text-align:center;background:#e6e46d!important;border:1px solid #c2c15c;}
.albums li img {border:1px solid #c2c15c;}
.albums h2 {padding:0 0 5px 0;font-size:12px;}
.albums .footer {font-size:11px;}
.albums .text {height:95px;}
.albums .editlinks {padding:5px 5px 5px 0;text-align:center;}
.images {margin:0!important;list-style:none;}
.images li {float:left;}
.images .imagebox {width:230px;height:200px;padding:0!important;text-align:center;background:0!important;}
.images .editlinks {font-size:0.9em;text-align:center;}
.images img {border:4px solid #c2c15c;}
.images .v {margin-top:20px;}
.images .h {margin-top:45px;}

/* Forum */
.message {margin:5px 100px;padding:5px 10px;background:#e6e46d;border:1px solid #c2c15c;}
.message .editlinks {padding:0;}
.message_header {padding:0 5px 6px 5px;border-bottom:1px solid #c2c15c;}
.message_header a {color:#000;}
.message_header a:hover {color:#000;}
.message_text {padding:8px 5px 5px 5px;text-align:justify;}
.message_form {margin:0 50px;}

/* Text */
.text h2 {margin:10px 0 5px 0;font-size:18px;font-weight:bold;}
.text h3 {margin:5px 0 5px 0;font-size:16px;font-weight:bold;}
.text h4 {margin:10px 0 5px 0;font-size:13px;font-weight:bold;line-height:14px;}
.text p {margin:0 0 15px 0;}
.text ul {margin:5px 20px;list-style:square;}
.text table td {padding:4px;}

/* Ilayer */
#overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:2500px;background-color:#000;-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}
#ilayer {position:absolute;top:100px;left:50%;z-index:100;width:950px;margin-left:-450px;text-align:center;color:#aaa!important;}
#ilayer a {color:#aaa;font-size:15px;}
#ilayer a:hover {color:#fff;}
#ilayer img {margin:0 auto;}
#ilayer .link {padding:5px;}

/* 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:3px 5px;margin:1px;text-decoration:none;background:#e6e46d;border:1px solid #c2c15c;}
.pagination a:hover {padding:5px 5px;background:#c5c45d;border-color:#959447;}
.pagination a.selected {padding:5px 4px;font-weight:bold;background:#c5c45d;border-color:#959447;}
.pagination .inactive {padding:3px;margin:1px;color:#dddb68;background:#ecea70;border:1px solid #dddb68}
.paginationInfo {margin:15px 5px;padding:14px 5px 10px 5px;font-size:11px;border-top:1px solid #dddb68;}
.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}

/* Errors and warnings */
#systemMessage ol {padding-left:25px;}
.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:15px 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;}

/* Admin tools */
.editlinks {padding:15px;text-align:right;}
.editlink, .editlinks a {text-decoration:none;color:#88191f;font-weight:bold;}
.editlinks img {margin-left:10px;position:relative;top:2px;}
.editlink:hover, .editlinks a:hover {color:#000;}
#logoutbox {float:right;padding:0 10px;font-size:11px;position:relative;left:10px}
#logoutbox a {padding:0 10px;color:#fff;background:#000;text-decoration:none;}
#logoutbox a:hover {text-decoration:underline;}

/* 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:#000;padding:10px 0;font-size:0.85em;}
.form .submit, .submit {width:auto!important;margin:5px 0 0 10px;font-size:1.1em;color:#fff;background:#ab3300;border:1px solid #094c76;cursor:pointer;}
.form input {padding:1px 2px;border:1px solid #959447;}
.form fieldset {padding:0 10px 10px 10px;background:#e6e46d;border:1px solid #c2c15c;border-top:3px solid #c2c15c;}
.form legend {padding:2px 8px;font-weight:bold;border:1px solid #c2c15c;}
.form label {padding:6px 15px 6px 5px;}
.form select {font-size:11px;border:1px solid #c2c15c;}
.form option {padding-right:15px;}
.form textarea {color:#2d3f4a;border:1px solid #959447;font-size:13px;}
.form table {margin-top:8px;}
.form table td {padding:2px;}
.form_thumb {position:relative;top:4px;}
.form_icon {position:relative;top:4px;}
.info {margin:0;padding:5px 10px;color:#555;text-align:right;}
.form .info input {font-weight:bold;text-align:center;border:0;background:none;width:22px;}
.form h3 {padding-top:10px;}
.form .labelcell {width:110px;}
.form .itemcell {width:220px;}
.form .widelabelcell {width:160px;}