@import "buttons/buttons.css";

body
{
  font-family: Tahoma;
  font-size: 12px;
  text-align: center;
  margin: 0;
  padding: 0;
}

#page
{
  background-image: url(bgmainbar.png);
  background-repeat: repeat-x;
  background-position: left 23px;
  text-align: center;
  margin: 0;
  padding: 0;
}

.content
{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

a
{
  text-decoration: none;
  color: #256791;
}

a:hover
{
  text-decoration: none;
}

a:visited
{
  color: #256791;
}

img
{
  border: 0;
}

h2
{
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #0C9EDC;
  text-decoration: none;
}

h3
{
  margin: 0;
  font-size: 14px;
}

.flowerh2
{
  background-image: url(generic-h2bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  border-bottom: solid 1px #0C9EDC;
  padding-left: 34px;
}

.flowerh2 span
{
  display: block;
  padding: 4px 0px 6px 0px;
}

p
{
  text-align: justify;
}

li
{
  margin-top: 5px;
}

.hidden
{
  display: none;
}

.close
{
  text-align: right;
  font-size: 80%;
  font-weight: bold;
  color: #0C9EDC;
  margin: 30px 0px 0px 0px;
}

#tabbar
{
  height: 42px;
}

#tabbar .content
{
  padding-top: 14px;
}

#tabbar .content2
{
  padding-left: 244px;
}

.rollcontainer
{
  padding: 4px 0px 0px 10px;
}

.rollline
{
  height: 1.2em;
  position: relative;
  padding: 0;
  margin: 0;
  overflow: hidden;
  color: White;
}

.rollline ul
{
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.rollline ul li
{
  margin: 0;
  padding: 0;
}

.rollline ul li a
{
  color: white;
}

#header
{
  height: 108px;
  background-image: url(bgheader.png);
  background-repeat: no-repeat;
  background-position: center center;
}

#header .content
{
  position: relative;
}

#header h1.section
{
  margin: 0;
  padding: 0;
  position: absolute;
  left: 230px;
  top: 34px;
  font-size: 16px;
  font-weight: normal;
  z-index: 10;
}

#header a.calendar
{
  display: block;
  height: 108px;
  width: 260px;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
}

#header input
{
  background-color: #60A6F7;
  border: 1px solid black;
  width: 8em;  
}

#medibar
{
  height: 24px;
}

#medibar .content
{
  height: 24px;
  background-image: url(bgmedibar.png);
  background-repeat: no-repeat;
}

#main .content
{
  background-image: url(bgline.png);
  background-repeat: repeat-x;
  background-position: left 26px;
}

#leftcol
{
  float: left;
  width: 730px;
}

#rightcol
{
  float: right;
  width: 165px;
  margin-top: 28px;
}

#rightcol h2
{
  width: 165px;
  height: 32px;
  padding: 0;
  margin: 0;
  color: black;
  background-image: url(right-h2.png);
  font-size: 12px;
}

#rightcol h2 span
{
  display: block;
  padding: 8px;
  text-align: center;
}

#innercontent
{
  clear: both;
  padding: 5px;
}

#footer
{
  height: 24px;
}

#footer .content
{
  height: 24px;
  background-image: url(bgfooter.png);
  background-repeat: no-repeat;
  color: #0C9EDC;
}

#footer .content .left
{
  padding: 4px 10px 0px 10px;
}

#footer .content .right
{
  padding: 4px 10px 0px 10px;
}

#footer .content .left a
{
  color: #0C9EDC;
}


.maintab
{
  background-image: url(maintab_131x28.png);
  width: 131px;
  height: 28px;
  display: block;
  float: left;
  font-size: 12px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.maintab span
{
  display: block;
  padding: 6px 0px 2px 0px;
  text-align: center;
  color: white;
}

.maintab:hover
{
  background-position: left -28px;
}

.activetab, .activetab:hover
{
  background-position: left -56px;
}

.tabs .tab
{
  cursor: pointer;
}

.wtabs .tab
{
  background-image: url(wtab.png);
  height: 23px;
  display: block;
  float: left;
  font-size: 12px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin-right: 1px;
}

.wtabs .tab span
{
  display: block;
  padding: 4px 0px 2px 0px;
  text-align: center;
  width: 137px;
  color: #1C4166;
}

.wtabs .tab:hover
{
  background-position: left -23px;
}

.wtabs .active
{
  background-position: left -46px;
  font-weight: bold;
}

.wtabcontent
{
  padding: 10px;
  background-color: #F1F6FF;
}

.btabs .tab
{
  background-image: url(btab-24px.png);
  height: 24px;
  display: block;
  float: left;
  font-size: 12px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin-right: 1px;
}

.btabs .tab span
{
  display: block;
  padding: 4px 0px 2px 0px;
  text-align: center;
  width: 137px;
  color: #1C4166;
}

.btabs .tab:hover
{
  background-position: left -24px;
}

.btabs .active
{
  background-position: left -48px;
  font-weight: bold;
}

.btabcontent
{
  padding: 10px;
  background-color: #F1F6FF;
}

.switcher
{
  height: 39px;
  width: 103px;
  float: left;
  display: block;
  background-repeat: no-repeat;
  background-image: url(switcher.png);
  text-decoration: none;
  color: black;
}

.switcher:hover
{
  background-position: left -39px;
}

.switcherselected
{
  background-image: url(switcher-selected.png);
  color: #0C9EDC;
}

.switcher span
{
  display: block;
  text-align: center;
  padding-top: 8px;
}

.switcher:visited
{
  color: Black;
}

.left
{
  float: left;
}

.right
{
  float: right;
}

.centeredtext
{
  text-align: center;
}

.righttext
{
  text-align: right;
}

.paddedcontent
{
  padding: 0px 10px 0px 10px;
}

.cleaner
{
  clear: both;
}

.errortext
{
  color: #DB2455;
  font-weight: bold;
}

#loginbox
{
  float: right;
  padding: 11px 0px 10px 0px;
  width: 300px;
  position: relative;
}

#loginbox div
{
  position: absolute;
  color: white;
}

#loginbox a
{
  display: block;
  color: White;
}

#loginbox .avatar
{
  position: absolute;
  left: 14px;
  top: 10px;
  width: 62px;
  height: 91px;
  background-image: url(login-box/avatar-box.png);
}

#loginbox .avatar a
{
  display: block;
  padding: 2px;
}

#loginbox .avatar a img
{
  width: 58px;
  height: 87px;
}


#loginbox .login-womenzone
{
  position: absolute;
  left: 90px;
  top: 10px;
  background-image: url(login-box/login-womenzone.png);
  width: 176px;
  height: 29px;
  line-height: 28px;
}

#loginbox .login-facebook
{
  position: absolute;
  left: 90px;
  top: 41px;
  background-image: url(login-box/login-facebook.png);
  width: 176px;
  height: 29px;
  line-height: 28px;
}

#loginbox .registration
{
  position: absolute;
  left: 90px;
  top: 72px;
  background-image: url(login-box/registration.png);
  width: 176px;
  height: 29px;
  line-height: 28px;
}

#loginbox .login-facebook span, #loginbox .login-womenzone span, #loginbox .registration span
{
  padding-left: 40px;
}


#loggedbox
{
  float: right;
  padding: 11px 0px 10px 0px;
  width: 300px;
  position: relative;
}

#loggedbox div
{
  position: absolute;
  color: white;
}

#loggedbox a
{
  color: white;
}


#loggedbox .avatar
{
  position: absolute;
  left: 0px;
  top: 10px;
  width: 62px;
  height: 91px;
  background-image: url(login-box/avatar-box.png);
}

#loggedbox .avatar a
{
  display: block;
  padding: 2px;
}

#loggedbox .avatar a img
{
  width: 58px;
  height: 87px;
}

#loggedbox .userinfo
{
  position: absolute;
  left: 70px;
  top: 10px;
  background-image: url(login-box/logged-on.png);
  width: 211px;
  height: 29px;
  text-align: center;
  line-height: 26px;
  color: #CC003A;
}

#loggedbox .rss
{
  position: absolute;
  left: 70px;
  top: 41px;
  background-image: url(login-box/notifications.png);
  background-repeat: no-repeat;
  width: 212px;
  height: 29px;
  line-height: 28px;
}

#loggedbox .rss span
{
  padding-left: 40px;
}

#loggedbox .logout
{
  position: absolute;
  display: block;
  left: 182px;
  top: 72px;
  background-image: url(login-box/logout.png);
  width: 98px;
  height: 29px;
  line-height: 28px;
}

#loggedbox .logout span
{
  padding-left: 40px;
}


#loggedbox .settings
{
  position: absolute;
  display: block;
  left: 70px;
  top: 72px;
  background-image: url(login-box/settings.png);
  width: 98px;
  height: 29px;
  line-height: 28px;
}

#loggedbox .settings span
{
  padding-left: 34px;
}

form .fakesubmit
{
  position: absolute;
  top: -50px;
  left: 0px;
  width: 10px;
  height: 10px;
  color: Red;
}

/* login formular */
#mainloginform
{
  text-align: center;
  position: relative;
  overflow: hidden;
}

#mainloginform p
{
  width: 50%;
  margin: 10px auto 10px auto;
}

#mainloginform span.title
{
  color: #0C9EDC;
  font-weight: bold;
}

#mainloginform input[type="text"],#mainloginform input[type="password"]
{
  width: 100%;
}

#mainloginform .buttonbar
{
  padding-left: 180px;
}


/* registracni formular */
#registrationform
{
  text-align: center;
}

#registrationform p
{
  width: 50%;
  margin: 10px auto 10px auto;
}

#registrationform span.title
{
  color: #0C9EDC;
  font-weight: bold;
}

#registrationform input
{
  width: 100%;
}

#registrationform .buttonbar
{
  padding-left: 180px;
}

#resetpasswordform 
{
  text-align: center;
}

#resetpasswordform p
{
  width: 50%;
  margin: 10px auto 10px auto;
}

#resetpasswordform span.title
{
  color: #0C9EDC;
  font-weight: bold;
}

#resetpasswordform input
{
  width: 100%;
}

#resetpasswordform .buttonbar
{
  padding-left: 180px;
}

.settingsform 
{
  text-align: center;
}

.settingsform p
{
  width: 50%;
  margin: 10px auto 10px auto;
}

.settingsform span.title
{
  color: #0C9EDC;
  font-weight: bold;
}

.settingsform input[type="text"],.settingsform input[type="password"]
{
  width: 100%;
}

.settingsform .buttonbar
{
  text-align: center;
}

#settingsbox
{
  width: 575px;
  margin-left: auto;
  margin-right: auto;
}

a.settingheader
{
  display: block;
  height: 33px;
  width: 575px;
  background-image: url(settings-bar.png);
  background-repeat: no-repeat;
  color: black;
  font-weight: bold;
}

a.settingheader span
{
  display: block;
  padding: 8px 0 0 50px;
}


.settingcontent
{
}

.settingcontent .settingsform
{
  padding-top: 50px;
  background-image: url(settings-content.png);
  background-repeat: no-repeat;  
}


#feedbackform 
{
  text-align: center;
}

#feedbackform p
{
  width: 75%;
  margin: 10px auto 10px auto;
}

#feedbackform span.title
{
  color: #0C9EDC;
  font-weight: bold;
}

#feedbackform textarea
{
  width: 100%;
}

#feedbackform .buttonbar
{
  padding-left: 180px;
}

#inviteform 
{
  text-align: center;
}

#inviteform p
{
  width: 75%;
  margin: 10px auto 10px auto;
}

#inviteform span.title
{
  color: #0C9EDC;
  font-weight: bold;
}

#inviteform input
{
  width: 100%;
}

#inviteform .buttonbar
{
  padding-left: 180px;
}


/* poradna */
.questions
{
}

.question
{
  border-bottom: solid 1px #365A7F;
  padding-bottom: 20px;
}

div.question:hover
{
  background-image: url(bghoverquestion.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.question h2, .question h2 a
{
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #0C9EDC;
  text-decoration: none;
}

.questionanswerscount
{
  width: 51px;
  height: 51px;
  background-image: url(bganswerscount.png);
  background-repeat: no-repeat;
  position: relative;
}

.questionanswerscount img
{
  position: absolute;
  top: 30px;
  left: 30px;  
}

.questionanswerscount span
{
  display: block;
  position: absolute;
  top: 11px;
  left: 10px;
  width: 30px;
}


.questioninfobox
{
  float: left;
  width: 70px;
  padding-left: 20px;
  padding-top: 35px;
  font-size: 1.5em;
  text-align: center;
}

.questiontextbox
{
  float: left;
  padding-left: 1em;
  padding-top: 15px;
  width: 620px;
}

.question p
{
}

.questiontextbox .questioncategories, .questiontextbox .questionauthor
{
  font-size: 90%;
  color: #D32355;
}

.questiontextbox .questioncategories a, .questiontextbox .questionauthor a, .answerauthor a
{
  color: #D32355;
}

.questiontextbox .questiondate
{
  font-size: 90%;
  float: right;
  color: #505050;
}


.questionslist
{
  margin: 1em;
}

#categorieslist
{
  margin: 0;
  padding: 0px 5px 0px 5px;
  clear: both;
  list-style-type: none;  
}

#categorieslist li
{
  width: 15em;
  display: block;
  float: left;
  color: Black;
}

#categorieslist a
{
  color: Black;
}

#categorieslist li small
{
  color: #365A7F;
}

#categorieslist a:hover
{
  color: #CC003A;
}

/* Detail otazky */
#questiondetail
{
  padding-left: 80px;
  padding-right: 10px;
  background-image: url(flower-bold.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

#questiondetailcontent
{
  background-image: url(srafy.png);
  padding: 15px 15px 15px 15px;
}

#questiondetail h1
{
  color: #0C9EDC;
  font-size: 16px;
  margin: 0;
}

#questiondetail .questioncategories, #questiondetail .questionauthor
{
  font-size: 90%;
  color: #D32355;
}

#questiondetail .questiondate
{
  font-size: 90%;
  float: right;
  color: #505050;
}

.answer .answertext
{
  padding: 5px 0px 10px 0px;
  float: right;
  width: 640px;
}

.answeraccepted .answertext
{
  background-color: #FEE4ED;
  background-image: url(flower-red-small.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}

#answersbox
{
  color: #808080;
  padding-right: 10px;
}

#answersbox h2
{
  border-bottom: solid 1px #1C4166;
  color: #1C4166;
  font-size: 90%;
  margin-bottom: 10px;
}

#answersbox .answerrating
{
  float: left;
  width: 80px;
  height: 100px;
  background-image: url(flower-light.png);
  background-repeat: no-repeat;
  background-position: 0px 18px;
  position: relative;
}

#answersbox .answerrating .answerratingnum
{
  position: absolute;
  left: 10px;
  top: 36px;
  display: block;
  width: 40px;
  text-align: center;
  color: #0B9CDD;
  font-size: 22px;
}

#answersbox .answerrating .answerratingplus
{
  position: absolute;
  left: 23px;
  top: 10px;
  color: #0B9CDD;
  font-size: 26px;
}

#answersbox .answerrating .answerratingminus
{
  position: absolute;
  left: 26px;
  top: 49px;
  color: red;
  font-size: 30px;
}

#answersbox .answerauthor
{
  font-size: 90%;
  color: #D32355;
  padding-left: 5px;
}

#answersbox .answerdate
{
  font-size: 90%;
  float: right;
  color: #505050;
  width: 12em;
}

#answersbox hr
{
  border: 0;
  border-top: solid 1px #D0ECF9;
}

#answersbox p
{
  min-height: 3em;
  padding: 0px 5px 0px 5px;
}

#answerbox
{
  padding-top: 20px;
}

#answerbox h2
{
  border-bottom: solid 1px #1C4166;
  color: #1C4166;
  font-size: 90%;
}

#answerbox h3
{
  color: #1C4166;
  font-weight: normal;
}

#answerbox-content
{
  padding: 20px 30px 0px 30px;
}

#newanswer_text
{
  border: solid 1px #1C4166;
  width: 100%;
  height: 10em;
}

.answercomments
{
  padding-left: 150px;
}


/* Nova otazka */
#newquestionbox
{
  background-image: url(flower-big-light.png);
  background-repeat: no-repeat;
  background-position: 600px top;
}

#newquestionbox h3
{
  color: #0C9EDC;
  font-weight: bold;
  margin-top: 10px;
}

#questiontitle
{
  border: solid 1px black;
  width: 90%;
}

#questiontext
{
  border: solid 1px #2D363D;
  width: 90%;
  height: 10em;
}

#categoriesbox
{
  border: solid 1px #2D363D;
  width: 90%;
}

/* kalendar */
#tcalendar
{
  font-family: Tahoma;
  font-size: x-small;
  border-collapse: collapse;
  background-image: url(calendar/table.png);
  background-repeat: no-repeat;
  border-spacing: 1px;
}

#tcalendar thead tr
{
  height: 18px;
}

#tcalendar thead th
{
  width: 21px;
  color: white;
  text-align: center;
}

#tcalendar thead td
{
  width: 75px;
}

#tcalendar thead td.padder, #tcalendar tbody td.padder
{
  width: 1px;
  border: 0px;
}


#tcalendar tbody tr
{
  height: 32px;
}

#tcalendar tbody td, #tcalendar tbody td div
{
  width: 21px;
  height: 32px;
  background-repeat: no-repeat;
  text-align: center;
}

#tcalendar tbody th
{
  width: 75px;
  color: white;
}

#tcalendar td.noday
{
  background-image: url(calendar/noday_td.png);
}

#tcalendar td.fday
{
  background-image: url(calendar/fday_td.png);
}

#tcalendar td.fgday
{
  background-image: url(calendar/fgday_td.png);
}

#tcalendar td.foday
{
  background-image: url(calendar/foday_td.png);
}

#tcalendar td.fmpday
{
  background-image: url(calendar/fmpday_td.png);
}

#tcalendar td.fmday0
{
  background-image: url(calendar/fmday0_td.png);
}

#tcalendar td.fmday1
{
  background-image: url(calendar/fmday1_td.png);
}

#tcalendar td.fmday2
{
  background-image: url(calendar/fmday2_td.png);
}

#tcalendar td.fmday3
{
  background-image: url(calendar/fmday3_td.png);
}

#tcalendar td.fmday4
{
  background-image: url(calendar/fmday4_td.png);
}

#tcalendar td.pregnancy div
{
  background-image: url(calendar/pregnancy-div.gif);
}

#tcalendar td.today div
{
  background-image: url(calendar/today-div.gif);
}


/*
#tcalendar td
{
  width: 18px;
  height: 32px;
  text-align: center;
  border: solid 1px #170C06;
  border-spacing: 0;
  padding: 0;
}

#tcalendar .cmonth
{
  text-transform: uppercase;
  font-weight: bold;
  background-color: #170C06;
  color: White;
  padding: 2px;
  text-align: center;
}

.fday
{
  background-color: #eee8aa;
}

.fmday0
{
  background-color: #EE0000
}

.fmday1
{
  background-color: #CC0000
}

.fmday2
{
  background-color: #AA0000;
}

.fmday3
{
  background-color: #880000
}

.fmday4
{
  background-color: #660000;
}

.fmpday
{
  background-color: #AB8D77;
}
*/
/*
#tcalendar .row0 td
{
  border: none;
  height: 20px;
}

#tcalendar .today
{
  border: solid 2px yellow;
}
*/

#calendarplace
{
  position: relative;
  height: 410px;
}

#calendarloader
{
  position: absolute;
  display: block;
  padding-top: 100px;
  padding-bottom: 100px;
  z-index: 10;
  width: 727px;
  height: 402px;
  background-image: url(whiteblocker.png);
}

#calendarbox
{
  position: absolute;
  z-index: 1;
}

#calendarunderbox
{
  background-image: url(box-bg.png);
  width: 728px;
  height: 261px;
}

#calendarunderbox #poradnauline
{
  padding: 8px 0px 5px 35px;
}

#calendarunderbox #chesslady
{
  padding: 20px 25px 0 35px;
}

#calendarunderbox #chesslady h2
{
  margin: 0;
  padding: 0 0 4px 0;
  font-size: 12px;
}

#calendarunderbox .rollline
{
  height: 120px;
  color: Black;
}

#calendarunderbox .rollline ul li
{
  height: 120px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#calendarunderbox .rollline ul li img
{
  float: left;
  padding-right: 10px;
}

#calendarunderbox .rollline ul li a
{
  color: #0C9EDC;  
}

#calendarunderbox .rollline ul li p
{
  padding-top: 4px;
}

#calendarunderbox #newsuline
{
  padding: 15px 0px 5px 35px;
}

#calendarunderbox #ovuhint
{
  padding: 15px 0px 5px 35px;
}

/* bublinka */
#ib_title
{
  color: white;
  font-weight: bold;
}

#ib_text
{
  color: white;
  height: 108px;
}

#ib_eventlist
{
  font-size: 75%;
}

/* STYLY EDITACNIHO DIALOGU */
#editdlg
{
  width: 590px;
  height: 590px;
  position: absolute;
  font-family: Tahoma;
  font-size: small;
  background-color: black;
  background-image: url(bluefloweronblack.png);
  background-repeat: no-repeat;
  background-position: 10px 6px;
}

#editdlg a
{
  text-decoration: none;
}

#editdlg h2
{
  font-size: 12px;
  margin-bottom: 1em;
}

#ed_content
{
  width: 590px;
  height: 590px;
  position: relative;
}

#ed_tabs
{
  position: absolute;
  top: 56px;
  left: 20px;
  width: 552px;
  height: 24px;
}

#ed_sheets
{
  position: absolute;
  top: 80px;
  left: 20px;
  width: 551px;
  height: 450px;
  background-color: #F1F5FE;
}

#ed_sheet1_placeholder
{
}

#ed_sheet2_placeholder
{
  padding: 10px;
}

#ed_sheet3_placeholder
{
}

#ed_sheet4_placeholder
{
}

#ed_sheet4 textarea
{
  height: 260px;
  width: 340px;
}


#ed_caption
{
  font-size: 16px;
  color: #0C9EDC;
  font-weight: bold;
  position: absolute;
  top: 10px;
  left: 60px;
}

#ed_subcaption
{
  font-size: 14px;
  color: #0C9EDC;
  position: absolute;
  top: 30px;
  left: 60px;
}

#savebutton
{
  position: absolute;
  top: 545px;
  left: 420px;
}

#ed_addeventbar
{
  padding: 1em 0px 1em 220px;
}

#cancelbutton
{
  position: absolute;
  top: 545px;
  left: 500px;
}

#ed_notes
{
  width: 545px;
  height: 440px;
}

#ed_events table
{
  width: 100%;
}

#ed_events table thead
{
  font-weight: bold;
  background-color: #efefef;
  color: Black;
}

.ed_eventrow
{
  cursor: pointer;
}

.ed_eventrow:hover
{
  background-color: #D8FECB;
}


/* STYLY UDALOSTNIHO DIALOGU */
#eventdlg
{
  border-left: solid 4px black;
  border-right: solid 4px black;
  width: 400px;
  height: 420px;
  position: absolute;
  font-family: Tahoma;
  font-size: small;
  background-color: black;
  background-image: url(bluefloweronblack.png);
  background-repeat: no-repeat;
  background-position: 10px 6px;
}

#ev_caption
{
  font-size: 16px;
  color: #0C9EDC;
  font-weight: bold;
  position: absolute;
  top: 10px;
  left: 60px;
}

#eventdlg a
{
  text-decoration: none;
}

#ev_content
{
  width: 390px;
  height: 350px;
  position: relative;
}

#ev_tabs
{
  position: absolute;
  top: 56px;
  left: 20px;
  width: 450px;
  height: 24px;
}

#ev_sheets
{
  position: absolute;
  top: 80px;
  left: 20px;
  width: 360px;
  height: 300px;
  background-color: #F1F5FE;
}


#ev_sheet1_placeholder
{
  padding: 10px;
}

#eventdlg table
{
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
}

#eventsavebutton
{
  position: absolute;
  top: 386px;
  left: 230px;
}

#eventcancelbutton
{
  position: absolute;
  top: 386px;
  left: 308px;
}


.sheetcontent
{
  padding: 5px 5px 5px 5px;
}

.sheetactive
{
  border: solid 2px #AA8D78;
  background-color: #AA8D78;
  color: black;
}

.sheetinactive
{
  border: solid 2px white;
  border-top: solid 1px black;
  background-color: white;
  color: gray;
}

#blocker
{
  position: absolute;
  display: none;
  z-index: 100;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: Black;
}

.infotext
{
  padding-left: 30px;
  background-image: url(../img/idea.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.warntext
{
  padding-left: 30px;
  background-image: url(../img/warn.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* diar */


/* boxiky v panelu */
.rosebox
{
  background-color: #FAE6EC;
  display: block;
}

.bluebox
{
  background-color: #E8F6FC; 
  display: block;
}

.graybox
{
  background-color: #E7E7E7;
  display: block;
}

.greenbox
{
  background-color: #ECFFB0;
  display: block;
}


/* boxiky */
#rightcol a, #rightcol a:visited
{
  color: Black;
  text-decoration: none;
}

#rightcol a:hover
{
  text-decoration: underline;
}

#rightcol .bluebox, #rightcol .rosebox
{
  margin-top: 6px;
  padding: 6px;
}

#rightcol .graybox, #rightcol .greenbox
{
  margin-top: 2px;
  font-size: 90%;
  padding: 4px;
}

#cardsettings
{
  background-image: url(cardscroller.png);
  background-repeat: no-repeat;
  width: 687px;
  height: 114px;
  margin: 0px auto 0px auto;
  position: relative;
}

#cardcontainer
{
  position: relative;
  top: 4px;
  left: 38px;
  width: 608px;
  height: 112px;
  overflow: hidden;
}

#cardwall
{
  position: absolute;
  width: 100000px;
}

#cardwall img
{
  cursor: pointer;
}

#scroll_left
{
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 35px;
  height: 112px;
}

#scroll_right
{
  display: block;
  position: absolute;
  top: 0px;
  left: 647px;
  width: 35px;
  height: 112px;
}

/* CLANKY */

.clanky
{
  width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.clanky td
{
  padding: 10px;
  vertical-align: top;
  border-bottom: solid 1px #365A7F;
}

.clanky a
{
  text-decoration: none;
}

/* NOVINKY */
ul.newslist
{
  margin: 0;
  padding: 0;
}

ul.newslist li
{
  list-style-type: none;
  margin: 0;
  padding: 10px 0px 20px 100px;
  border-bottom: solid 1px #0C9EDC;
  background-image: url(newsbg.png);
  background-repeat: no-repeat;
  background-position: left center;
}

#unsupportedbrowser
{
  width: 90%;
  margin: 0px auto 15px auto;
  background-image: url(srafy.png);
  padding: 15px 15px 15px 15px;
  border: solid 1px #0C9EDC;
}

.faketab
{
  display: inline-block;
  width: 149px;
  height: 23px;
  text-align: center;
  background-image: url(faketab.png);
}

.faketab-inactive
{
  height: 22px;
}

.faketab span
{
}

.faketabbar
{
  text-align: left;
  line-height: 24px;
  height: 25px;
  background-image: url(/design/gray1px.png);
  background-repeat: repeat-x;
  background-position: left 22px;
}

.faketabbar .faketab
{
  display: block;
  float: right;
}

.faketabbar h2
{
  width: 34%;
  float: left;
}

.faketabbarswitchers
{
  width: 65%;
  float: right;
  text-align: right;
}

#mymoodbox
{
  text-align: center;
  width: 164px;
  height: 117px;
  background-image: url(/design/moods/my-mood-box.png);
}

#mymoodbox div.title
{
  color: White;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
}

#mymoodbox div.moodimages
{
  padding-top: 8px;
}

#mymoodbox a
{
  display: inline-block;
  width: 38px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: 0 -35px;
}

#mymoodbox a:hover, #mymoodbox a.selected
{
  display: inline-block;
  background-position: 0 0;
}

#moodbox
{
  text-align: center;
  width: 164px;
  height: 117px;
  background-image: url(/design/moods/my-mood-box.png);
}

#moodbox div.title
{
  color: White;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
}

#moodbox table
{
  width: 80%; 
  text-align: center;
  margin-top: 4px;
}