* {margin:0;}

/* GENERAL */
HTML {
	background: #000;
}

BODY {
	font: normal 12px/1.3 arial;
	color: #000;
}

.clearfix         { display: block; }
.clearfix:after   { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; }
.clear { clear: both;}
.results { float: right; margin-bottom: 10px;}
/* LAYOUT */
.header {
	height: 77px;
	background: #000 url('../img/bg_header.jpg') left bottom;
	padding-top: 8px;
}

.body {
	background: #878382 url('../img/bg_body.jpg') left top repeat-x;
	min-height: 714px;
	padding-top: 35px;
	padding-bottom: 35px;
}
.body.export { background-image: none; background-color: #fff;}
.body.export .content  { width: 90%;}
.body.export .page_header { background-image: none; width: 100%;}
.body.export .page_body { padding: 0;}
.footer {
	height: 26px;
	background: #000 url('../img/bg_footer.jpg') left top repeat-x;
	padding-top: 15px;
}

UL.mainmenu {
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 40px;
	margin-right: 40px;
}
UL.mainmenu LI {
	list-style: none;
	float: left;
}
UL.mainmenu LI A {
	width: 120px;
	height: 32px;
	display: block;
	background: url('../img/bg_mainmenu2.png');
	margin-right: 5px;
	line-height: 32px;
	font-weight: bold;
	font-size: 1.08em;
	text-align: center;
	color: #747373;
	text-decoration: none;
}
UL.mainmenu LI A.current {
	color: #fff;
	background: url('../img/bg_mainmenu.gif');
}
UL.mainmenu LI A:hover {
	color: #fff;
}

.navigation {
	height: 40px;
	background: #DADADA url('../img/bg_navigation.png') left top repeat-x;
}
.navigation UL {
	padding: 0;
	margin: 0;
}
.navigation UL LI {
	list-style: none;
	float: left;
	margin-right: 10px;
	height: 38px;
	line-height: 38px;
	padding-left: 15px;
	background: url('../img/bg_navigation-delimiter.png') left center no-repeat;
}
.navigation UL LI:first-child {
	padding-left: 0;
	background: none;
}
.navigation UL LI:last-child {
	background: url('../img/bg_navigation-delimiter2.png') left center no-repeat;
}
.navigation UL LI A {
	color: #8A8A8A;
}
.navigation UL LI:last-child A {
	color: #CB3025;
}

.content {
	width: 980px;
	margin: 0 auto;
}

A.logo {
	width: 96px;
	height: 63px;
	display: block;
	background: url('../img/logo.gif');
	float: left;
}
A.logo SPAN {
	display: none;
}

.footer P.right {
	width: 250px;
	float: right;
	text-align: right;
	color: #5E5E5E;
}
.footer P.left {
	width: 250px;
	float: left;
	text-align: left;
	color: #5E5E5E;
}

h1 span { color: #555;}
.footer P A {
	text-decoration: none;
}
.footer P.right A {
	color: #98BA50;
	font-weight: bold;
}
.footer P.left A {
	color: #CF635B;
	font-weight: bold;
}

.page_header {
	width: 980px;
	background: url('../img/bg_page.png') left top no-repeat;
	padding: 15px;
	    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.page_header.theme h1 { margin-bottom: 5px; padding: 0}
.page_header.theme { padding: 10px;}
.page_header_room {
	width: 980px;
	background: url('../img/bg_page.png') left top no-repeat;
	padding: 15px;
}
.page_header_room H1 {
	margin-bottom: 0;
	padding: 0;
}

.user { background: transparent  url('../img/user.gif') center left no-repeat; padding-left: 13px; }
.user-admin { background: transparent  url('../img/admin.gif') center left no-repeat; padding-left: 13px; }
#box-wrap {  width: 295px; position:relative;top:0px;   }
.box { margin-bottom: 20px; border: 1px solid #000}
.theme-body .box h3 { background:#000; color: #fff; padding: 5px 5px 5px 30px; }
.theme-body p { margin-bottom: 1em;}
.theme-body h1, .theme-body h2, .theme-body h3 { font-weight: bold; color: #555;}
.theme-body h1 { font-size: 22px; }
.theme-body h2, .theme-body h3 { margin-bottom: 0.5em;}
.theme-body .left { width: 600px; float: left}
.theme-body .right { position: relative;   width: 300px; float: right;}
.theme-body .info { border: 1px solid #CB3025 }
.theme-body .info p { padding: 10px; background-position: top left; }
.theme-body .info h3 {background:   #CB3025  url('../img/info.gif') 8px center no-repeat;  color: #fff; }
.theme-body .box.reply h3 {background:   #000  url('../img/quote.gif') 8px center no-repeat;  color: #fff; }
.theme-body ul { margin-bottom: 1.5em;}
.theme-edit { float: right; width: 100px; margin-top: 10px;}
.theme-export { float: right; width: 100px; margin-top: 10px;}
.theme-edit a, .theme-export a, .theme-export a:visited,  .theme-edit a:visited, .comment-list .reply { background: #CB3025;  color: #fff; padding: 5px;}
.theme-edit a:hover, .theme-export a:hover, .comment-list .reply:hover { background: #fff; color: #CB3025;  }
.theme-list { border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 20px;}
.theme-list h2 { margin-bottom: 10px;}
.theme-list a:hover { text-decoration: underline}
.theme-subinfo { color: #999; font-size: 11px; margin-bottom: 4px;}
.theme-comments { margin-top: 30px; border-top:3px solid #A31B0F}
.theme-comments h1 { color: #A31B0F}
.comment-list { list-style: none; padding: 0; margin: 20px 0 0 0; }
.comment-list li { background: #fff; border: 1px solid #dedede; margin-bottom: 10px; padding: 5px;}
.comment-list li.even   { background: #F2F2F2;}
.comment-list li.moder { background:#FFD4D4 }
.comment-list h3 { border-bottom: 1px dotted  #CFCFCF; }
.comment-list h3 span { display: inline-block; float: right; font-size: 11px; color:#777777  }
.comment-list .reply  { background: #A31B0F  url('../img/quote.gif') 3px center no-repeat; padding-left: 20px; float: right; font-size: 10px; }
.comment-list .reply:hover {background: transparent  url('../img/quote.gif') 3px center no-repeat;}
.comment-list li  #respond #comment  {   width: 90%;}
.comment-list li  #respond { padding: 5px; background: #fff; width: 90%;  padding-top: 10px; border-top:1px solid #ccc; margin-top: 10px;}
.comment-list .subitem { margin: 5px 0 0 5px;}
.muse-link {  background: #CB3025;  color: #fff; padding: 3px;}
.muse-link:hover { background: #fff; color: #CB3025;  }
.comment-body a img {padding: 1px; border: 2px solid #dedede;}
.comment-body a:hover img {border: 2px solid #A31B0F;}
#comment {

    -moz-box-sizing:box-border;
    -webkit-box-sizing:box-border;
    -box-sizing:box-border;

    width: 100%; height: 90px;}
#respond form div { margin-bottom: 10px;}
#respond h2 { color: #CB3025;}
.gallery { list-style: none; padding: 0; margin-top: 20px;}
.gallery li {   border-bottom:1px solid #dedede;  margin-bottom: 15px;}
.gallery.theme li { padding: 5px; border-bottom:1px solid #dedede;  }
.gallery.theme li:hover { background: #dedede;}
.gallery .file { float: left; width: 120px;}
.gallery .text { float: left; width: 150px;}
.gallery .action {  float: right; margin-top: 10px;  }
.gallery.theme-page li { min-height: 170px; padding: 0; float: left; width: 150px; border: none;  }
.gallery.theme-page li .desc { border-right: 3px solid #fff;  }
.gallery.theme-page li .desc p { display: block; background: #F1F1F1; padding: 3px;  min-height: 50px;}
.gallery.theme-page li img {}
.gallery.theme-page li a img {padding: 1px; border: 2px solid #dedede;}
.gallery.theme-page li a:hover img {border: 2px solid #A31B0F;}
.page_body {
	background: #fff;
	border-top: 1px solid #EDD1CF;
	border-bottom: 1px solid #EDD1CF;
	padding: 30px;
}
.page_body_room {
	background: #fff;
	border-top: 1px solid #EDD1CF;
	border-bottom: 1px solid #EDD1CF;
	padding: 30px;
	padding-top: 15px;
}

.page_footer {
	width: 980px;
	height: 55px;
	background: url('../img/bg_page.png') left bottom no-repeat;
}

.online_room {
	width: 198px;
	height: 380px;
	display: block;
	float: left;
	margin-right: 34px;
	margin-bottom: 34px;
	border: 1px solid #A0A0A0;
	background: #EDEDED;
}
.last{
	margin-right: 0px;
}
.online_room H2 {
	color: #A31B0F;
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 30px;
	height: 46px;
	text-align: center;
}

P.users_num {
	color: #858585;
	font-size: 1.5em;
	background: url('../img/ico_room.gif') center bottom no-repeat;
	padding-bottom: 62px;
	text-align: center;
	margin-bottom: 40px;
}
P.users_num SPAN {
	font-size: 4.25em;
	line-height: 75px;
}

/* miestnost */
.room_title {
	border: 1px solid #B7B7B7;
	background: #D0EBFE;
	font-weight: bold;
	padding: 5px;
}

.room_entries {
	width: 700px;
	border-left: 1px solid #B7B7B7;
	border-right: 1px solid #B7B7B7;
	border-bottom: 1px solid #B7B7B7;
	height: 666px;
	overflow: auto;
	float: left;
}
.room_entry {
	background: #F1F1F1 url('../img/bg_entry.jpg') left top repeat-x;
	padding: 20px;
	border-bottom: 1px solid #B7B7B7;
}
.room_entry_moderator {
	background: #FFE0D4 url('../img/bg_entry_moderator.jpg') left top repeat-x;
	padding: 20px;
	border-bottom: 1px solid #B7B7B7;
}
.room_entry_author {
	background: url('../img/ico_user.gif') left center no-repeat;
	padding-left: 20px;
	font-size: 1.16em;
	font-weight: bold;
	color: #0561A6;
	line-height: 20px;
	float: left;
	margin-right: 20px;
}

.room_entry_time {
	background: url('../img/ico_time.gif') left center no-repeat;
	padding-left: 20px;
	font-size: 1.16em;
	font-weight: bold;
	line-height: 20px;
	float: left;
	margin-right: 20px;
}
.room_entry P, .room_entry_moderator P  {
	clear: both;
	display: block;
	margin-top: 35px;
	font-size: 1.16em;
}

.room_members {
	width: 217px;
	border-right: 1px solid #B7B7B7;
	border-bottom: 1px solid #B7B7B7;
	height: 666px;
	overflow: auto;
	float: left;
}
.room_members P {
	padding: 10px;
}
.room_members UL {
	padding: 0;
	margin: 0;
}
.room_members UL LI {
	list-style: none;
	padding: 10px;
	background: #F8F9F4;
}
.room_members UL LI:nth-of-type(odd) {
	background: #fff;
}
.room_members UL LI STRONG {
	color: #0561A6;
	background: url('../img/ico_member2.gif') left center no-repeat;
	padding-left: 15px;
}
.room_members UL LI STRONG.moderator {
	color: #A31B0F;
}

.moderator {
	color: #A31B0F;
}



H1 {
	color: #A31B0F;
	font-size: 1.83em;
	font-weight: normal;
	padding-bottom: 20px;
}

A {
	text-decoration: none;
	color: #0561A6;
}

A:visited { color: #65B4F0}

TABLE {
	width: 100%;
	border: 0;
	border-spacing: 0;
}
TABLE.users {
	clear: both;
	margin-bottom: 20px;
}
TABLE TR:nth-of-type(odd) {
	background: #F8F9F4;
}
TABLE TR TH {
	background: #D0EBFE;
	font-weight: bold;
	padding: 7px;
	text-align: center;
	border-top: 1px solid #B7B7B7;
	border-bottom: 1px solid #B7B7B7;
	border-right: 1px solid #B7B7B7;
}
TABLE TR TH:first-child {
	text-align: left;
	border-left: 1px solid #B7B7B7;
	 


}

table th a, table th a:visited {

	color:#0561A6;
}
TABLE.users TR TH:first-child {
	text-align: left;
	border-left: 1px solid #B7B7B7;
	 
}
TABLE TR TD {
	text-align: center;
	padding: 7px;
	border-bottom: 1px solid #B7B7B7;
	border-right: 1px solid #B7B7B7;
}
TABLE TR TD:first-child {
	text-align: left;
	border-left: 1px solid #B7B7B7;
	width: 20%;
}
TABLE.users TR TD:first-child {
	text-align: center;
	border-left: 1px solid #B7B7B7;
	width: auto;
}

SPAN.active {
	color: #366F01;
	font-weight: bold;
}
SPAN.inactive {
	color: #C24138;
	font-weight: bold;
}

/* formulare */

FORM.roomselect {
	width: 250px;
	float: left;
}
FORM.roomselect P SPAN.selectbox {
	width: 220px;
	height: 24px;
	display: block;
	overflow: hidden;
	background: #FFFCDB url('../img/bg_selectbox.gif') right center no-repeat;
	border: 1px solid #B8B6B9;
        float: left;
}
FORM.roomselect P SPAN.selectbox SELECT {
	background: transparent;
	width: 220px;
	height: 24px;
	border: 0;
	padding: 3px;
	-webkit-appearance: none;
        float: left;
}

FORM.entry {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 25px;
}
FORM.entry DIV LABEL {
	font-size: 1.16em;
	margin-bottom: 10px;
	font-weight: bold;
	clear: both;
	display: block;
}
FORM.entry DIV LABEL.required:after {
	content: " *";
	color: red;
}
FORM.entry DIV.text {
	float: left;
	width: 525px;
}
FORM.entry DIV.text TEXTAREA {
	width: 513px;
	height: 50px;
	padding: 6px;
	border: 1px solid #B8B6B9;
	background: #FFFCDB;
}
FORM.entry DIV.attachment {
	float: right;
	width: 379px;
}
FORM.entry DIV.attachment SPAN {
	clear: left;
	float: left;
	width: 100px;
	line-height: 26px;
	height: 26px;
	margin-bottom: 10px;
}
FORM.entry DIV.attachment INPUT {
	float: right;
	width: 246px;
	height: 24px;
	border: 1px solid #B8B6B9;
	background: #FFFCDB;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 1.16em;
	margin-bottom: 10px;
}
FORM.entry DIV.attachment INPUT[type=file] {
	padding: 0;
	width: 270px;
}
FORM.entry DIV.button {
	width: 525px;
	clear: both;
	display: block;
	float: left;
}
FORM.entry DIV.button BUTTON[type=submit] {
	width: 184px;
	height: 27px;
	background: url('../img/button_submit.png');
	border: 0;
	padding: 0;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
	padding-right: 17px;
	cursor: pointer;
	text-shadow: 1px 1px #000;
	float: right;
}

FORM.editor {
	width: 625px;
	margin: 0 auto;
}
form.editor.room {
    margin: 0;
    width: 100%;


}

.theme-info { 
    width:600px;
    float:left;}
.theme-images { float: right; width: 300px; margin-top: 190px;}
.theme-images h2 { margin-bottom: 10px;}
FORM.editor P {
	clear: both;
	 
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
FORM.editor.room P.inline span { width: 110px;  float: left; display: block; font-size: 1.16em;}
FORM.editor.room P INPUT.radio { height: 15px; margin-top: 5px; display: inline; float: none; width: 20px;}
FORM.editor.room P.inline label {
 line-height: 1;
display: inline; float:none;
}
FORM.editor P.textarea {
	 
}
form.editor.room p label,
form.editor.room p input {float:none; display: block;}
FORM.editor P LABEL {
	float: left;
	text-align: right;
	width: 109px;
	line-height: 30px;
	font-size: 1.16em;
	margin-right: 10px;
}
FORM.editor.room p label { width: 100%; text-align: left;}
FORM.editor P LABEL.required:after {
	content: " *";
	color: red;
}
FORM.editor P INPUT {
	width: 221px;
	height: 24px;
	border: 1px solid #B8B6B9;
	background: #FFFCDB;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 1.16em;
}
FORM.editor P TEXTAREA {
	width: 480px;
	height: 186px;
	padding: 12px;
	border: 1px solid #B8B6B9;
	background: #FFFCDB;
}
FORM.editor P SPAN.selectbox {
	width: 245px;
	height: 24px;
	display: block;
	overflow: hidden;
	background: #FFFCDB url('../img/bg_selectbox.gif') right center no-repeat;
	border: 1px solid #B8B6B9;
}
FORM.editor P SPAN.selectbox SELECT {
	background: transparent;
	width: 269px;
	height: 24px;
	border: 0;
	padding: 3px;
	-webkit-appearance: none;
}
FORM.editor P BUTTON[type=submit] {
	width: 184px;
	height: 27px;
	background: url('../img/button_submit.png');
	border: 0;
	padding: 0;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
	padding-right: 17px;
	cursor: pointer;
	text-shadow: 1px 1px #000;
	float: right;
}
.button {
   width: 184px;
	height: 27px;
	background: url('../img/button_submit.png');
	border: 0;
	padding: 0;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
	padding-right: 17px;
	cursor: pointer;
	text-shadow: 1px 1px #000;
	float: right;
        margin-top: 10px;
}
FORM.editor P A.link_button {
	width: 184px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	background: url('../img/button_submit.png');
	border: 0;
	padding: 0;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
	text-shadow: 1px 1px #000;
	float: right;
}

FORM.narrow {
	width: 335px;
	margin: 0 auto;
}
FORM.narrow P {
	clear: both;
	height: 28px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
FORM.narrow P LABEL {
	float: left;
	text-align: right;
	width: 78px;
	line-height: 30px;
	font-size: 1.16em;
	margin-right: 10px;
}
FORM.narrow P LABEL.required:after {
	content: " *";
	color: red;
}
FORM.narrow P INPUT {
	width: 221px;
	height: 24px;
	border: 1px solid #B8B6B9;
	background: #FFFCDB;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 1.16em;
}
FORM.narrow P SPAN.selectbox {
	width: 245px;
	height: 24px;
	display: block;
	overflow: hidden;
	background: #FFFCDB url('../img/bg_selectbox.gif') right center no-repeat;
	border: 1px solid #B8B6B9;
}
FORM.narrow P SPAN.selectbox SELECT {
	background: transparent;
	width: 269px;
	height: 24px;
	border: 0;
	padding: 3px;
	-webkit-appearance: none;
}
FORM.narrow P BUTTON[type=submit] {
	width: 184px;
	height: 27px;
	background: url('../img/button_submit.png');
	border: 0;
	padding: 0;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
	padding-right: 17px;
	cursor: pointer;
	text-shadow: 1px 1px #000;
	float: right;
}
FORM.narrow P A.link_button {
	width: 184px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	background: url('../img/button_submit.png');
	border: 0;
	padding: 0;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
	text-shadow: 1px 1px #000;
	float: right;
}

FORM.login {
	width: 714px;
	margin: 0 auto;
}
FORM.login  P {
	float: left;
	margin-right: 12px;
	width: auto;
	height: 25px;
}
FORM.login P INPUT {
	width: 221px;
	height: 24px;
	border: 1px solid #B8B6B9;
	background: #FFFCDB;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 1.16em;
}
FORM.login P BUTTON[type=submit] {
	width: 184px;
	height: 27px;
	background: url('../img/button_submit.png');
	border: 0;
	padding: 0;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
	padding-right: 17px;
	cursor: pointer;
	text-shadow: 1px 1px #000;
}

/* links */
A.logout {
	float: right;
	background: url('../img/ico_logout.gif') left center no-repeat;
	color: #939292;
	padding-left: 50px;
	line-height: 41px;
}
A.logout:hover {
	color: #fff;
}

A.notification {
	float: right;
	background: url('../img/bg_notification.png') left center no-repeat;
	color: #939292;
	line-height: 41px;
	margin-right: 30px;
}
A.notification SPAN {
	font-weight: bold;
	color: #fff;
	width: 27px;
	display: block;
	float: left;
	text-align: center;
	margin-right: 5px;
}
A.notification:hover {
	color: #fff;
}

A.enter {
	width: 144px;
	height: 27px;
	display: block;
	background: url('../img/button_submit2.png') no-repeat;
	padding-left: 39px;
	line-height: 27px;
	text-shadow: 1px 1px #000;
	color: #fff;
}

A.create {
	width: 144px;
	height: 27px;
	display: block;
	background: url('../img/button_create.png') no-repeat;
	padding-left: 39px;
	line-height: 27px;
	text-shadow: 1px 1px #000;
	color: #fff;
	float: right;
	margin-bottom: 20px;
}

A.delete {
	height: 21px;
	display: block;
	background: url('../img/ico_delete.gif') no-repeat;
	padding-left: 26px;
	line-height: 21px;
	color: #0561A6;
	float: left;
}
A.delete:hover {
	text-decoration: underline;
}

/* messages */
.message_information {
	line-height: 21px;
	padding-left: 30px;
	background: url('../img/ico_information.gif') left center no-repeat;
}
.message_error {
	line-height: 21px;
	padding: 5px 5px 5px  30px;
        width:50%;
	background: #FACACA url('../img/ico_error.gif')  5px center  no-repeat;
}
.message_ok {
	line-height: 21px;
	padding: 5px 5px 5px 30px;

	background: #CFF2C2 url('../img/ico_success.gif') 5px center no-repeat;
}

/* login page */
.loginpage {
	width: 766px;
	height: 237px;
	background: url('../img/bg_loginpage.png');
	margin: 0 auto;
	margin-top: 100px;
}
.loginpage .page_header {
	background: none;
	width: 766px;
	padding: 20px;
}
.loginpage .page_footer {
	background: none;
	width: 766px;
	height: 55px;
}
.placeholder
{
  color: #aaa;
}

/* pagination */
.pagination {
	clear: both;
	margin: 0 auto;
	margin-top: 20px;
}
.pagination DIV {
	width: 20px;
	height: 20px;
	background: #DADADA;
	color: #313131;
	text-align: center;
	line-height: 20px;
	margin-right: 10px;
	font-weight: bold;
	display: block;
	float: left;
}
.pagination DIV A {
	width: 20px;
	height: 20px;
	background: #858585;
	color: #fff;
	text-align: center;
	line-height: 20px;
	margin-right: 10px;
	font-weight: bold;
	display: block;
	float: left;
	background-image: none;
}
.pagination A {
	width: 20px;
	height: 20px;
	background: #858585;
	color: #fff;
	text-align: center;
	line-height: 20px;
	margin-right: 10px;
	display: block;	
	float: left;
}

.video { margin-bottom: 30px;}
.video p { margin-top: 10px; padding: 5px; background:#F1F1F1; border: 1px solid #dedede; }

.tabs {
	list-style: none
	padding:0;
}

.tabs li {
	display:inline;
	margin: 0 2px 0 0;
}

.tabs li a {
	background:#CB3025;
	color:#fff;
	padding:6px;
}
.tabs li a:hover, .tabs li a.selected {
	background:#fff;
	color:#CB3025;
	 
}

.page_header .tabs {
	float:right;
}