/*
   Lubomir Pokorny (lubomirpokorny@email.cz)
   CSS styles for StanleyImage.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:#214a78 url(./images/body-back.png) repeat-x top;}

/* General styles */
h1 {margin-bottom:10px;padding:0 10px 10px 0;font-size:1.5em;color:#214a78;line-height:1.2em;}
h2 {font-size:1.4em;color:#214a78;font-weight:normal;}
h3 {font-size:1.1em;color:#214a78;font-weight:normal;}
hr {margin:20px 0;border-bottom:1px solid #bccede;}
p {margin:10px 0;text-align:justify;}
a {color:#214a78;}
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:990px;margin:0 auto;text-align:left;background:#fff url(./images/page-back.jpg) no-repeat top;}
#content {float:right;width:737px;margin-top:200px;}
#continner {height:auto!important;height:450px;min-height:450px;padding:15px 15px 50px 15px;background:url(./images/content-back.jpg) no-repeat bottom;}
#leftbox {float:left;width:253px;padding:43px 0 20px 0;}

/* Header */
#logotype {margin-left:8px;}
#createImage {position:relative;left:51px;bottom:4px;}

/* Leftbox */
#leftmenu li {list-style:none;}
#leftmenu a {display:block;padding:8px 5px 8px 15px;color:#fff;text-decoration:none;font-size:0.9em;background:#4075a1;border-top:1px solid #608cb1;}
* html #leftmenu a {height:16px;}
#leftmenu a:hover, #leftmenu a.selected {background-color:#296496;}
#leftmenu li.multi a {background-image:url(./images/leftmenu-item-multi.gif);}
#leftmenu li.multi a.selected {background-position:right;}
#leftmenu ul {padding:8px 0;background:#1b5a8f}
#leftmenu ul li {padding-bottom:1px;}
#leftmenu ul a {display:inline;padding:1px 5px 1px 25px;background:url(./images/leftmenu-subitem-item.gif) no-repeat 15px 8px!important;border:0;}
* html #leftmenu ul a {height:0;padding:1px 5px 1px 25px;}
#leftmenu ul a:hover, #leftmenu ul a.selected {text-decoration:underline;}
#leftmenu ul ul {padding:4px 0 4px 10px;}
#leftmenu .editlink {color:#00cbff;}
#leftmenu .editlink:hover {color:#fff;}
.toplist {padding:30px;}
.iso {font-weight:bold;color:#a5a5a5;}
.iso a {color:#a5a5a5;text-decoration:none;}
.iso a:hover {color:#000;}
#player1 {position:relative;bottom:3px;}

/* Footer */
#footer {width:990px;margin:0 auto 40px auto;padding:16px 0;color:#dcbfc0;font-size:0.9em;background:url(./images/footer-back.png) no-repeat top;border-top:12px solid #88191f;}
#footer a {color:#dcbfc0;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* Content */
#content ul {padding:10px 15px;list-style:square;}
.halfbox {width:50%;float:left;}
.hbinner {padding:10px 15px 10px 0;}
.hbinner hr {margin:10px 0 0px 0;}
.hbinner ul a {color:#000;}
.hbinner ul a:hover {color:#214a78;}
.showall {padding-right:8px;font-size:1.2em;text-decoration:none;}
#slideshow {width:693px;height:289px;}

/* News */
.new {padding:8px 0;}
.new h3 {padding-bottom:8px;}
.new h3 a {text-decoration:none;}
.new .text {float:right;width:260px;text-align:justify;}
.new img {margin-top:2px;border:2px solid #bccede;}
.bignew {padding:8px 0;}
.bignew h3 {padding-bottom:8px;}
.bignew .text {float:right;width:625px;text-align:justify;}
.bignew img {margin-top:2px;border:2px solid #bccede;}

/* Certificates */
.certificates li {float:left;width:225px;padding:10px 0;text-align:center;list-style:none;}
.certificates .cb {width:700px;height:1px;}
.certificates .editlinks {text-align:center;}

/* 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;}

/* Poll */
.poll {margin:30px 15px;text-align:left;}
.poll form,.poll ul,.poll input {font-size:0.95em;list-style:none;}
.poll .question {font-size:1em;font-weight:bold;margin:0 2px 5px 0px;}
.poll .percents {margin:3px 0 0 18px;padding:0;height:5px;overflow:hidden;background:#3d556a;}
.poll .message {font-weight:bold;margin-top:4px;}
.poll .odd,.poll .even {padding:5px 2px 6px 5px;background:#e9eff5;}
.poll .even {background:#ffffff;}
.poll .submit {color:#fff;background:#3d556a;border:1px solid #999;cursor:pointer;}
.poll label {cursor:pointer;}
.poll input {background:0;border:0;}
.message {padding:10px 5px;color:#88191f;}

/* 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:20px;}
.notice {margin:10px 9px 0 9px;padding:8px 15px;color:#666;line-height:150%;font-size:1.2em;background:#f9f9f9 url(./images/bg-notice.gif);border:1px solid #cecece;border-top:3px solid #a3a3a3;}
.notice span {color:#000;}
.warning {margin:5px 7px 20px 7px;padding:20px;color:#d8716e;line-height:150%;font-size:1.1em;background:#fdf5f5 url(./images/bg-warning.gif);border:1px solid #ecb2b1;border-top:3px solid;}
.warning a {color:#d8716e;font-weight:bold;}
.closeSystemMessage {float:right;position:relative;bottom:17px;left:8px;}
.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;}
.editlink:hover, .editlinks a:hover {text-decoration:underline;}
#logoutbox {float:right;padding:3px 10px;}
#logoutbox a {color:#fff;}

/* 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:1em;color:#fff;background:#b30000;border:1px solid #555555;cursor:pointer;}
.form input {padding:1px 2px;border:1px solid #c7c7c7;}
.form fieldset {padding:0 10px 10px 10px;background:#f7f7f7;border:1px solid #c7c7c7;border-top:3px solid #c7c7c7;}
.form legend {padding:2px 8px;font-weight:bold;border:1px solid #c7c7c7;}
.form label {padding:6px 15px 6px 5px;}
.form select {font-size:1em;border:1px solid #c7c7c7;}
.form option {padding-right:15px;}
.form textarea {color:#2d3f4a;border:1px solid #c7c7c7;font-size:13px;}
.form table {margin-top:8px;}
.form table td {padding:2px;}
.form_thumb {position:relative;top:4px;right:5px;}
.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;}