﻿/* CSS Document */
/*fix pre ie*/
div.popupBox
{
  position: absolute; 
  width: 300px; 
  font-size: 12px; 
  padding: 10px;
  border: 1px solid rgb(43, 64, 54);
  background-color: rgb(27, 40, 34);
}

.Note
{
  font-size: 10px;
  color: rgb(140,180,150);
}

body
{
  text-align: center;
  font-family: "Candara", "Palatino Linotype";
  background-color: black;
  color: rgb(200, 200, 200);
}

hr
{
  color: #314F3F;
}

a
{
  text-decoration: underline;
  color: rgb(203, 200, 177);
}

.link
{
  text-decoration: underline;
  color: rgb(203, 200, 177);
  cursor: pointer;
  cursor: hand;
}

.x
{
  text-decoration: line-through;
}

.link:hover
{
  color: white;
}

a:hover
{
  color: white;
}

li.Title a
{
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.small
{
  font-size: 11px;
}

strong
{
  font-weight: normal;
}

form
{
  margin: 0;
  padding: 0;
}

span.special
{
  color: rgb(250, 250, 120);
}

span.special:hover
{
  color: rgb(250, 250, 120);
}

optgroup
{
  font-family: "Candara", "Palatino Linotype";
}

option
{
  font-family: "Candara", "Palatino Linotype";
}

#main
{
  width: 1000px;
  border: 1px solid black;
  background-color: rgb(11,16,14);
  margin: 0 auto;
  text-align: left;
}

#header
{
  background-color: rgb(11,16,14);
  color: rgb(191, 230, 219);
  font-size: 10pt;
  padding: 15px;
  padding-top: 5px;
  padding-bottom: 2px;
  background-image: url("../pix/swLogo2t.png");
  background-position: center -5px;
  background-repeat: no-repeat;
}

#header h1
{
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
  font-size: 20pt;
}

#header #version
{
  float: right;
  margin-right: 20px;
}

#header #quotation
{
  display: inline-block;
  font-size: 12px;
  margin-top: 20px;
  color: rgb(121, 160, 149);
  width: 800px;
}

#top-menu
{
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: rgb(49, 79, 63);
  border: 1px solid rgb(43, 64, 54);
  margin-bottom: 5px;
}

#top-menu li
{
  display: inline;
  margin-right: 10px;
}

#top-menu li a
{
  border-left: 10px solid rgb(107,151,114);
  text-decoration: none;
  color: white;
  padding-left: 5px;
  color: rgb(191, 230, 219);
}

#top-menu li a:hover
{
  border-left-color: rgb(255,238,51);
  color: rgb(130, 190, 162);
}

#left-menu, #right-menu, #online-list
{
  display: block;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 160px;
  border: 1px solid rgb(43, 64, 54);
  border-top: none;
  background-color: rgb(27, 40, 34);
}

#left-menu li.Title, #right-menu li.Title, #online-list span.Title
{
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
  text-align: center;
  background-color: rgb(43, 64, 54);
}

#left-menu li+li.Title, #right-menu li+li.Title
{
  margin-top: 10px;
}

#left-menu li a, #right-menu li a
{
  color: rgb(207, 230, 219);
  text-decoration: none;
  display: block;
}

#left-menu li a:hover, #right-menu li a:hover
{
  color: rgb(109, 190, 162);
  border-color: rgb(92, 234, 53);
}

#left-menu li a.special, #right-menu li a.special
{
  border-color: rgb(200, 200, 120);
}

#left-menu li a.special:hover, #right-menu li a.special:hover
{
  border-color: rgb(250, 250, 120);
  color: rgb(250, 250, 120);
}

#left-menu
{
  text-align: left;
  clear: none;
}

#right-menu
{
  float: right;
  clear: none;
  text-align: right;
}

#left-menu li
{
  margin-left: 20px;
  margin-top: 2px;
  margin-bottom: 2px;
}

#left-menu li a
{
  border-left: 10px solid rgb(98, 123, 102);
  padding-left: 10px;
}

#right-menu li
{
  margin-right: 20px;
  margin-top: 2px;
  margin-bottom: 2px;
}

#right-menu li a
{
  border-right: 10px solid rgb(98, 123, 102);
  padding-right: 10px;
}


#content
{
  float: right;
  clear: none;
  width: 664px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: rgb(11, 16, 14);
}

#content>div
{
  background-color: rgb(19, 27, 23);
}

#content h2
{
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
  font-size: 16px;
  color: black;
  /*background-color: rgb(49, 79, 63); */
  background-image: url(../pix/h2back.png);
}

#content p
{
  margin: 0;
  padding-bottom: 5px;
  margin-left: 20px;
  margin-right: 20px;
  text-indent: 10px;
}

center
{
  display: block;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
}

#content p:first-letter
{
  font-size: 22px;
  color: rgb(235, 255, 150);
}

#footerWrapper
{
  clear: both;
  padding-top: 5px;
}

#footer
{
  border-top: 1px solid rgb(49, 79, 63);
  margin-left: 170px;
  margin-right: 170px;
  margin-top: 20px;
  text-align: center;
  padding-bottom: 3px;
  font-size: 12px;
}

#footer ul
{
  display: inline;
  margin: 0;
  padding: 0;
}

#footer ul li
{
  display: inline;
  margin: 3px;
}

#closer
{
  font-size: 12px;
  color: rgb(100,100,100);
}

.errorVisible h3
{
  text-align: center;
  color: rgb(200,0,0);
  background-color: transparent;
  background-image: none;
  font-size: 18px;
  margin: 0px;
  padding: 0px;
}

.errorVisible
{
  color: rgb(200,0,0);
  background-color: rgb(30,0,0);
  border: 1px solid rgb(200,0,0);
  padding: 10px;
  margin: 10px;
}

.top-submenu
{
  display: block;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
/*štýly pre príspevky*/
h3
{
  padding-left: 10px;
  /*background-color: rgb(49, 79, 63);*/
  background-image: url(../pix/h3back.png);
  font-size: 16px;
  margin-bottom: 0;
}

h3 a
{
  text-decoration: none;
}

h3 span.right
{
  float: right;
  margin-right: 10px;
  font-weight: normal;
}

span.right
{
  display: block;
  float: right;
}

p.dodatek
{
  font-style: italic;
  font-size: 14px;
}

p.dodatek:first-letter
{
  font-size: 14px;
  color: rgb(200,200,200);
}

div.equiFoot
{
  border-top: 1px solid rgb(33, 53, 44);
  background-color: rgb(43, 63, 54);
  text-align: center;
}

div.equiFoot span.left
{
  float: left;
  margin-left: 10px;
}

div.equiFoot span.vote
{
  display: block;
  width: 200px;
  clear: none;
  margin-left: 35%;
}

div.h3
{
  background-image: url("../pix/h3back.png");
  background-color: none;
}

/* commenty */
div.comment
{
  border: 1px solid rgb(49, 79, 63);
  margin-top: 10px;
  padding: 5px;
}

div.comment h4
{
  padding-left: 10px;
  background-color: rgb(49, 79, 63);
  font-size: 16px;
  margin: 0;  
}

/* quoty */
div.quote
{
  border: 1px solid rgb(49, 79, 63);
  margin-top: 10px;
  padding: 5px;
}

div.quote-gray
{
  border: 1px dashed rgb(100, 100, 100);
  margin-top: 10px;
  padding: 5px;
  background-color: rgb(20,20,20);
  color: rgb(180,180,180);
}

h3.gray
{
  color: rgb(100,100,100);
  background-color: rgb(30,30,30);
  margin-top: 0;
  margin-bottom: 0;
}

div.quote h4
{
  padding-left: 10px;
  font-size: 16px;
  margin: 0;  
  margin-top: 10px;
  border-top:1px solid rgb(52, 69, 38);
}

h4 a
{
  text-decoration: none;
}

h4 span.right
{
  float: right;
  margin-right: 10px;
  font-weight: normal;
}

img.avatar
{
  float: left;
  text-align: center;
  padding: 5px;
  width: 90px;
  height: 90px;
  margin-right: 10px;
}

div.clear
{
  clear: both;
}

.input
{
  font-family: "Candara", "Palatino Linotype";
}

a.input
{
  background-color:#1B2822;
  border:1px solid #65887D;
  color:#C4E3D4;
  font-size:10pt;
  margin:2px;
  padding:2px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration:none; 
}

div.input
{
  display: inline-block;
  background-color:#1B2822;
  border:1px solid #65887D;
  color:#C4E3D4;
  font-size:10pt;
  margin:2px;
  padding:2px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration:none;
  cursor: pointer;
}

a.block
{
  display: block;
  text-align: center;
}

textarea.input
{
  background-color: #1B2822;
  border: 1px solid #65887D;
  color: #C4E3D4;
  font-size: 10pt;
  margin: 2px;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none; 
}

select.input
{
  background-color: #1B2822;
  border: 1px solid #65887D;
  color: #C4E3D4;
  font-size: 10pt;
  margin: 2px;
  padding: 2px;
  text-decoration: none; 
}

select.input-short
{
  background-color: #1B2822;
  border: 1px solid #65887D;
  color: #C4E3D4;
  font-family:  "Candara", "Palatino Linotype";
  font-size: 10pt;
  margin: 0;
  padding: 0;
  text-decoration: none; 
}

a.input:hover
{
  background-color: #314F3F;
}

a.inputSelected
{
  background-color:#314F3F;
  border:1px solid #C4E3D4;
  color:#FAFAFA;
  font-family: "Candara", "Palatino Linotype";
  font-size:10pt;
  margin:2px;
  padding:2px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration:none;
}

a.selected
{
  background-color:#314F3F;
  border:1px solid #C4E3D4;
  color:#FAFAFA;
}

input
{
  background-color:#1B2822;
  border:1px solid #65887D;
  color:#C4E3D4;
  font-family: "Candara", "Palatino Linotype";
  font-size:10pt;
  margin:2px;
  padding:1px;
  padding-top: 0;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration:none; 
}

input:hover
{
  background-color: #314F3F;
}

input:focus
{
  background-color: rgb(11, 16, 14);
}

.pointer
{
  cursor: pointer;
  cursor: hand;
}

/* jednotlivé kusy */
#searchbox
{
  float: right;
  max-width: 400px;
  width: 200px;
  background-image: url(../pix/searchboxBack.png);
  background-position: top right;
  background-repeat: repeat-y;
  position: relative;
  top: -6px;
  right: -16px;
  padding: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#searchbox span
{
  color: rgb(40,40,40);
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}

#frmLogin
{
  margin: 0;
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
}

#frmLogin label
{
  font-size: 10px;
}

#frmLogin #txtUsername, #frmLogin #txtPassword
{
  width: 110px;
  margin-top: 5px;
  padding: 0;
}

#frmLogin label#lblPassword
{
  margin-left: 2px;
}

#frmLogin #cmdLogin
{
  margin-left: 16px;
  cursor: pointer;
}

#frmAddComment
{
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

#frmAddComment #lblText
{
  padding-left: 14px;
}

#frmAddComment #txtText
{
  width: 582px;
  height: 100px;
}

#frmAddEqui
{
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

#frmAddEqui #txtText1
{
  width: 634px;
  height: 150px;
}

#frmAddEqui #txtText2
{
  width: 634px;
  font-style: italic;
}

#frmAddComment #cmdAddComment
{
  margin-left: 53px;
}

#frmAddMessageboard
{
  padding: 10px;
}

#frmAddMessageboard #txtText
{
  width: 634px;
  height: 100px;
}

#frmAddDiary
{
  padding: 5px 10px;
}

#frmAddDiary #txtTitle
{
  width: 340px;
}

#frmAddDiary #cmbVisibleTo
{
  width: 235px;
}

#frmAddDiary #txtText
{
  width: 100%;
  height: 250px;
}

#divReplyBox
{
  padding: 10px;
  margin: 10px;
  border: 1px solid rgb(49, 79, 63);
}

#divReplyBox form textarea
{
  width: 100%;
  height: 200px;
}

#frmComposeMessage textarea, #frmComposeNIP textarea
{
  width: 100%;
  height: 200px;
}

#frmComposeMessage #txtSubject
{
  width: 210px;
}

.right
{
  float: right;
}

strong.searchHighlight
{
  background-color: rgb(100,100,0) !important;
  color: white !important;
}

thead tr td
{
  border-bottom: 1px solid rgb(52,69,38);
  text-align: center;
}

table.Admins
{
  width: 100%;
  padding: 10px;
}

table.Admins thead
{
  text-align: center;
}

table.Users
{
  width: 100%;
  padding: 10px;
}

table thead tr td.Name
{
  width: 160px;
}

table.Users thead
{
  text-align: center;
}


tr.highlight
{
  background-color: rgb(22,32,28);
}

ul#News
{
  padding: 10px;
  width: 100%;
}

ul#News li
{
  margin: 0;
  text-align: left;
  font-size: 12px;
  padding: 0;
  list-style-type: none;
  margin-bottom: 15px;
}

ul#Online
{
  padding: 10px;
  padding-top: 0;
  width: 100%;
  text-align: left;
}

ul#Online li
{
  display: inline;
  margin: 0;
  font-size: 12px;
  padding: 0;
  list-style-type: none;
  margin-bottom: 0;
}

ul#News li a, ul#Online li a
{
  margin: 0;
  padding: 0;
  text-decoration: underline;
  border: 0;
  display: inline;
}

ul#News li a:hover, ul#Online li a:hover
{
  color: white;
}


ul#News li span.DateTime
{
  color: rgb(70,188,235);
}

.line-top
{
  border-top: 1px solid rgb(52, 69, 38);
}

h3.BibliothekaTitle
{
  background: transparent;
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
  padding-top: 5px;
  margin-bottom: 15px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 2px;
  border-bottom: 1px solid rgb(52, 69, 38);
}

ul.News
{
  padding: 10px;
  width: 100%;
}

ul.News li
{
  margin: 0;
  text-align: left;
  font-size: 12px;
  padding: 0;
  list-style-type: none;
  margin-bottom: 15px;
}

ul.News li a
{
  margin: 0;
  padding: 0;
  text-decoration: underline;
  border: 0;
}

ul.News li a:hover
{
  color: white;
}

ul.News li span.DateTime
{
  color: rgb(70,188,235);
}

div.info
{
  background-color: #323232;
  border: 1px solid #1E1E1E;
  color: #969696;
  font-size: 10pt;
  margin: 10px;
  padding: 5px;
}

div.BBQuoteWrapper
{
  padding: 10px;
  color: rgb(150,150,150);
}

div.BBQuoteUsername
{
  font-size: 13px;
  padding-bottom: 4px;
}

div.BBQuote
{
  border: 1px dashed rgb(150,150,150);
  padding: 5px;
}

div.profileFriend
{
  float: left;
  width: 200px;
  margin-right: 10px;
  border: 1px solid #314F3F;
  margin-bottom: 10px;
}

div.profileFriendR
{
  float: left;
  width: 210px;
  border: 1px solid #314F3F;
  margin-bottom: 10px;
}

div.profileFriend h4, div.profileFriendR h4
{
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #314F3F;
}

div.profileFriend h4 a, div.profileFriendR h4 a
{
  display: block;
}

div.InfoPopup
{
  position: absolute;
  background-color: rgb(49, 79, 63);
  border: 1px solid rgb(11, 16, 14);
  text-align: left;
  padding: 10px;
}

#divChatBar
{
  cursor: move;
  margin: -10px;
  padding: 5px;
  margin-bottom: 5px;
  background-color: rgb(39,69,53);
}

/*FORUM PART!!!*/
div.divForumCathegory
{
  font-size: 12px;
  color: rgb(80,80,80);
  padding: 5px;
  padding-bottom: 3px;
}

div.divForumCathegory a
{
  display: block;
  color: inherit;
  text-decoration: none;
}

div.divForumCathegory a:hover
{
  color: rgb(120,140,140);
}

div.divForumContainer
{
  margin-top: 10px;
  background-color: transparent;
}

div.divForumColLeft
{
  float: left;
  width: 330px;
  padding-right: 5px;
}

div.divForumColRight
{
  float: left;
  width: 329px;
}

div.divThreadPreview
{
  border: 1px solid rgb(49, 79, 63);
  background-color: rgb(19, 27, 23);
  margin-bottom: 5px;
  overflow: hidden;
}

div.divThreadPreviewLocked
{
  border: 1px solid rgb(50, 50, 50);
  background-color: rgb(30, 30, 30);
  /*color: rgb(140,140,70);*/
  color: rgb(200,200,120);
  margin-bottom: 5px;
}

div.divThreadPreview h3, div.divThreadPreviewLocked h3
{
   margin-top: 0;
   margin-bottom: 5px;
}

div.divThreadPreviewLocked h3
{
  background-color: rgb(50,50,50);
  background-image: none !important;
  color: black;
}

h4.specialComment
{
  background-image: url("../pix/h3back.png");
}