.error { color: red;} #page { width: 775px; margin: auto; text-align: left; clear: both;} #main { position: relative; border: solid 1px white;} #left { position: absolute; margin-left: 0; top: 0; left: 0; width: 150px; font-size: 100%;} #right { position: static; margin-left: 160px; top: 0; min-height: 500px; height: auto !important; height: 500px;} .leftHead, .leftHeadS, .leftHeadP, .leftHeadL { margin: 0; padding: 0; border: 1px solid #000000; border-top: none;} .leftHead div, .leftHeadS div, .leftHeadP div, .leftHeadL div { background-repeat: no-repeat;} .leftHead { background: #FF4646;} .leftHeadS { background: #CC33CC;} .leftHeadP { background: #996699;} .leftHeadL { background: #1ABDE3;} .leftHead div, .leftHeadS div, .leftHeadP div, .leftHeadL div { padding: 0; background-repeat: no-repeat; background-position: top right; margin: 0 -1px 0 -1px; background-color: transparent; border: none;}
.leftHead div div, .leftHeadS div div, .leftHeadP div div, .leftHeadL div div { margin: 0; padding: 0; background-position: top left; background-repeat: no-repeat; margin: 0; margin-bottom: 0; background-color: transparent;} .leftHead div { background-image: url(../img/top01R.png);} .leftHeadS div { background-image: url(../img/top01R.png);} .leftHeadP div { background-image: url(../img/top01R.png);} .leftHeadL div { background-image: url(../img/top01R.png);} .leftHead div h4, .leftHeadS div h4, .leftHeadP div h4, .leftHeadL div h4 { color: #FFFFFF; margin: 0 4px 0 4px; padding: 2px 6px 1px 6px; font-size: 95%; border-top: solid 1px #000000;} .leftHead div div { background-image: url(../img/top01L.png);} .leftHeadS div div { background-image: url(../img/top01L.png);} .leftHeadP div div { background-image: url(../img/top01L.png);} .leftHeadL div div { background-image: url(../img/top01L.png);}
.leftHead div h4 a, .leftHead div h4 a:visited, .leftHeadS div h4 a, .leftHeadS div h4 a:visited, .leftHeadP div h4 a, .leftHeadP div h4 a:visited, .leftHeadL div h4 a, .leftHeadL div h4 a:visited { color: #FFFFFF; text-decoration: none;} .leftBody, .leftBodyS, .leftBodyP, .leftBodyL { border: solid 1px #000000; border-top: none; padding: 10px 10px 2px 10px; margin: 0; font-size: 95%;} .leftBody { background: #FFF4F4;} .leftBodyS { background: #F9E8F9;} .leftBodyP { background: #F3EDF3;} .leftBodyL { background: #E7FBFE; padding-bottom: 10px;} .leftBody p, .leftBodyS p, .leftBodyP p { padding-bottom: 5px; margin: 0;} .leftBody A, .leftBody A:visited, .leftBodyS A, .leftBodyS A:visited, .leftBodyP A, .leftBodyP A:visited { text-decoration: none; color: #000000;} .leftBody A:hover, .leftHead div h4 A:hover, .leftBodyS A:hover, .leftHeadS div h4 A:hover, .leftBodyP A:hover, .leftHeadP div h4 A:hover { text-decoration: underline;} .menuSpacer { padding: 0; height: 10px; overflow: hidden; margin: 0;}
.leftBodyL div { margin-bottom: 8px;} .leftBodyL label { font-size: 100%; width: 45px !important; width: 40px; padding-top: 3px; display: block; float: left;} .leftBodyL label A, .leftBodyL label A:visited { text-decoration: none; color: #000000;} .leftBodyL label A:hover { text-decoration: underline;} .leftBodyL input { color: #000000; font-size: 100%;} .leftBodyL span { margin-left: 45px; display: block; color: #000000; padding-top: 3px;} .leftBodyL a, .leftBodyL a:visited { color: #000000; text-decoration: none; font-size: 12px;} .leftBodyL a:hover { text-decoration: underline;} .hpFormInput { width: 75px;} form { padding: 0; margin: 0;} .hpFormSubmit { background: url(../img/tl_3_77.png); border: none; height: 20px; width: 77px; margin-left: 45px; display: block; background-color: transparent;} .prehadz2 { clear: none; font-size: 80%; margin: 0;} .prehadz2 div { text-align: right; color: #666666;} .prehadz2 div em { font-style: normal; color: #000000;}
.prehadz2 span a:link, .prehadz2 span a:visited { color: #666666; text-decoration: underline;} .prehadz2 span a:hover {} .prehadz2 div a:link, .prehadz2 div a:visited { color: #666666;} .prehadz2 div a:hover {} .prehadz2 span { color: #000000; float: left;} .prehadz2 span em { color: #666666; font-style: normal;} #rightBody { _height: 10px;} #rightBody h2 { margin: 0; padding: 7px 0 10px 0; font-size: 122%; _height: 10px;} .vypisVtip h2 { color: #FF4646; border-top: solid 5px #FF4646; border-bottom: solid 1px #000000;} .vypisSMS h2 { color: #CC33CC; border-top: solid 5px #CC33CC; border-bottom: solid 1px #000000;} #rightBody h2 img { float: left; width: 30px; height: 24px; margin: 5px 10px 10px 0;} #rightBody h2 span { display: block; font-size: 70%; font-weight: normal; color: #000000;} #rightBody h2 span a:link, #rightBody h2 span a:visited { color: #000000; text-decoration: underline;} #RightBody h2 span a:hover {} #rightBody ul { margin: 0; ; padding: 0; ; list-style-type: none;}
#rightBody ul li { float: left; width: 202px; margin: 0; padding: 0;} #rightBody ul li h3 { margin: 0; padding: 10px 0 0 10px; font-size: 122%; font-weight: bold;} .vypisVtip ul li h3 a:link, .vypisVtip ul li h3 a:visited { color: #FF4646;} .vypisVtip ul li h3 a:hover {} .vypisSMS ul li h3 a:link, .vypisSMS ul li h3 a:visited { color: #CC33CC;} .vypisSMS ul li h3 a:hover {} #rightBody ul li span { font-size: 85%; display: block; padding: 0 0 0 10px; color: #000000;} .vtipy .f_left { width: 300px; float: left; height: auto !important; height: 100px;} .vtipy .f_right { width: 300px; float: right; height: auto !important; height: 100px;} .vtipy .wholeDiv { margin: 10px 0 0 0; height: auto !important; height: 100px;} .vtipy .f_left .hm_head { background-color: #0DBDE3;} .vtipy .f_right .hm_head { background-color: #FF4646;} .vtipy .wholeDiv .hm_head { background-color: #996699;} .addJoke .hm_head, .sendEmail .hm_head { background-color: #FF4646;} .addSMS .hm_head { background-color: #CC33CC;}
.addStory .hm_head { background-color: #996699;} .hm_head { background: url(../img/top_hm1_L.png) no-repeat top left; height: auto !important; height: 10px;} .vtipy .f_left .hm_head div, .vtipy .f_right .hm_head div, .vtipy .wholeDiv .hm_head div, .addnew .hm_head div { background: transparent url(../img/top_hm1_R.png) no-repeat top right; margin: 0; padding: 0;} .vtipy .f_left .hm_head div h3, .vtipy .f_right .hm_head div h3, .vtipy .wholeDiv .hm_head div h3, .addnew .hm_head div h3 { border-top: solid 1px #000000; margin: 0 4px 0 4px; padding: 2px 6px 0 6px; text-align: right; font-size: 95%; height: auto !important; height: 2px;} .vtipy .f_left .hm_head div h3 img, .vtipy .f_right .hm_head div h3 img, .vtipy .wholeDiv .hm_head div h3 img, .addnew .hm_head div h3 img { padding: 0; margin: 2px 0 0 0;} .vtipy .f_left .hm_head div h3 span, .vtipy .f_right .hm_head div h3 span, .vtipy .wholeDiv .hm_head div h3 span, .addnew .hm_head div h3 span { float: left; _font-size: 95%; display: block;}
.vtipy .f_left .hm_head div h3 span a, .vtipy .f_right .hm_head div h3 span a, .vtipy .wholeDiv .hm_head div h3 span a, .addnew .hm_head div h3 span a { color: #ffffff; text-decoration: none;} .vtipy .f_left .hm_body, .vtipy .f_right .hm_body, .vtipy .wholeDiv .hm_body, .addnew .hm_body { border: solid 1px #000000; padding-bottom: 5px; height: auto !important; height: 20px;} .vtipy .f_left .hm_body { background: url(../img/back_0.png) repeat-x;} .vtipy .f_right .hm_body { background: url(../img/back_1.png) repeat-x;} .vtipy .wholeDiv .hm_body { background: url(../img/papagaj.png) no-repeat bottom right;} .vtipy .f_left .hm_body p, .vtipy .f_right .hm_body p { margin: 0; padding: 10px; height: auto !important; height: 140px; min-height: 140px; color: #000000; font-size: 95%;} .vtipy .wholeDiv .hm_body p { margin: 0; padding: 10px 160px 10px 10px; height: auto !important; height: 140px; min-height: 140px; color: #000000; font-size: 95%;} .vyp_vtipy div em, .vyp_prib .story em { clear: left;
display: block;} .vyp_vtipy div em a, .vyp_prib .story em a { color: #000000; font-style: normal;} .vyp_prib .story .infoUser .vote a { color: #000000; font-style: normal; text-decoration: none; font-size: 95%;} .vyp_vtipy { border: solid 1px #000000; padding: 0 10px 10px 10px; background-image: url(../img/back_2.png) repeat-x top left;} .vyp_sms { border: solid 1px #000000; padding: 0 10px 10px 10px; background-image: url(../img/back_3.png) repeat-x top left;} .vyp_prib { border: solid 1px #000000; padding: 0 10px 10px 10px; background-image: url(../img/back_4.png) repeat-x top left;} .vyp_vtipy h2 { color: #FF4646; border-bottom: solid 5px #FF4646;} .vyp_sms h2 { color: #CC33CC; border-bottom: solid 5px #CC33CC;} .vyp_prib h2 { color: #996699; border-bottom: solid 5px #996699;} .vyp_vtipy .popis_L, .vyp_sms .popis_L, .vyp_prib .popis_L { float: left;} .vyp_vtipy .popis_R, .vyp_sms .popis_R, .vyp_prib .popis_R { float: right; font-size: 90%; padding: 0; margin: 0 0 10px 0;}
.vyp_vtipy .popis_R a, .vyp_sms .popis_R a, .vyp_prib .popis_R a { color: #000000;} .vyp_vtipy .prehadz2, .vyp_sms .prehadz2, .vyp_prib .prehadz2 { clear: both; margin: 5px 0 5px 0;} .vote { display: block; color: #FF4646; padding: 0; margin: 0 0 0 10px; font-weight: bold; font-size: 95%;} .vote a { color: #000000; font-weight: normal; text-decoration: none; padding: 0 0 0 7px; font-size: 95%;} .vote a img { margin: 0 0 0 3px;} .vyp_vtipy .oddelovac { overflow: hidden; padding: 5px 0 0 0; margin: 0 0 5px 0; border-bottom: solid 1px #FFCECE;} .vyp_sms .oddelovac { overflow: hidden; padding: 5px 0 0 0; margin: 0 0 5px 0; border-bottom: solid 1px #EFC2EF;} .vyp_prib .oddelovac { overflow: hidden; padding: 5px 0 0 0; margin: 0 0 5px 0; border-bottom: solid 1px #FFCECE;} .vyp_vtipy .vote2, .vyp_sms .vote2, .vyp_prib .vote2 { display: block; text-align: right;} .vyp_vtipy p, .vyp_sms p, .vyp_prib p { margin: 0; padding: 10px 0 10px 0; line-height: 110%;} .vyp_vtipy .vote, .vyp_sms .vote, .vyp_prib .vote {
float: left; margin-left: 0; font-size: 100%;} .vyp_vtipy form div div, .vyp_sms form div div, .vyp_prib form div div { text-align: right; font-size: 95%;} .vyp_vtipy form div div a, .vyp_sms form div div a, .vyp_prib form div div a { color: #000000;} .sendJoke { clear: both; margin: 10px 0 0 0; padding: 0;} .sendJoke input { clear: both; margin: 0; padding: 0 10px 0 10px;} .all a { color: #000000; padding: 0 0 0 10px;} .vyp_prib .story { padding: 0 0 10px 0; margin: 0;} .vyp_prib .story span { text-align: right; display: block;} .vyp_prib .story span a:link, .vyp_prib .story span a:visited { float: left; color: #000000; font-weight: normal; text-decoration: none;} .vyp_prib .story span a:hover { text-decoration: underline;} .addJoke { background-image: url(../img/back_2.png) repeat-x top left;} .addSMS { background-image: url(../img/back_3.png) repeat-x top left;} .addStory { background-image: url(../img/back_4.png) repeat-x top left;} .addnew .hm_body {} .addnew h3 { color: #ffffff;}
.addnew .hm_body { margin: 0; padding: 10px;} .addnew .hm_body label { display: block; float: left; width: 100px; clear: left;} .addnew .hm_body select { display: block; width: 200px; margin: 0 0 10px 150px; font-size: 95%;} .txt { display: block; width: 200px; margin: 0 0 10px 150px; font-size: 95%;} .addnew .hm_body textarea { display: block; width: 430px; height: 100px; margin: 0 0 10px 150px; font-size: 95%;} .addnew .hm_body .tl_1_77 { border: none; background-color: transparent; width: 77px; height: 20px;} .tl_1_77 { background: url(../img/tl_6_77.png); border: none; width: 77px; height: 20px;} .infoUser { text-align: right;} .infoUser .vote a { float: none !important; font-size: 95%; color: #000000;} .infoUser a { color: #000000; font-size: 95%;} .sendStory { margin: 10px 0 0 0; font-size: 95%;} .sendStory a { color: #000000; padding: 0 10px 0 10px;} .sendStory a img { margin: 0 10px 0 0;} .butony { padding: 10px 7px 0 0 !important; padding: 10px 5px 0 0; text-align: right;}
.butony input { margin: 0 0 0 10px;} .sendEmail .clearL {} .sendEmail .txt { margin-left: 50px; float: left;} .sendEmail select { float: left;} .sendEmail textarea { float: left; margin-left: 50px !important;} .sendEmail form span { padding: 0 10px 0 10px; font-size: 90%;} .sentMail { margin: 0 0 10px 0;} .sentMail b { display: block; clear: left; float: left; width: 80px;} .voteWindow { background: red;}