/* --- PRIDAJ URL --- */
#left-col-add { width: 650px; margin: 0; }

#left #left-col-add h2 { color: #FF6600; font-size: 1.6em; font-weight: normal; padding: 15px 0 0 0; margin: 0; }
#left #left-col-add h1 { color: #FF6600; font-size: 2em; font-weight: normal; padding: 15px 0 0 0; margin: 0; }

#left #left-col-add .pridaj_cat { padding: 15px 0 0 0; margin: 0; }
#left #left-col-add .pridaj_cat h2 { color: #000; font-weight: bold; padding: 0 0 0 20px; background: url(../layout/public/images/adresar.jpg) no-repeat 0 0; font-size: 1em; }
#left #left-col-add .pridaj_cat p { margin: 0 0 0 20px; padding: 0; font-size: 95%; }

input, select, textarea { color: #000; }
textarea { overflow: auto; }
#left-col-add form.add-url div { clear: left; display: block; width: 610px; _width: 620px; height: expression('1%'); margin: 5px 0 0 0; padding: 1px 3px; }

#left-col-add form.add-url { min-width: 650px; max-width: 650px; width: 650px; margin: 0 0 0 0; }
#left-col-add form.add-url fieldset { clear: both; border-top: 1px solid #ECECEC; padding: 5px 10px; margin: 15px 0 0 0; }
#left-col-add form.add-url fieldset legend { font-size: 120%; font-weight: normal; color: #A9A9A9; padding: 0 5px; }

#left-col-add form.add-url fieldset div.notes { float: right; width: 230px !important; width /**/:250px; height: auto; margin: 0 0 10px 10px; padding: 5px; border: 1px solid #E2EDD9; background-color: #F1F8EC; font-size: 88%; }
#left-col-add form.add-url fieldset div.notes h4 { background: url(information.png) no-repeat 0 0.2em; padding: 3px 0 3px 20px; border-bottom: 1px solid #DDEAD2; font-size: 120%; color: #E67F00; }
#left-col-add form.add-url fieldset div.notes p { margin: 12px 0; line-height: 13px; }
#left-col-add form.add-url fieldset div.notes p a strong { color: #719E49; text-decoration: underline; }
#left-col-add form.add-url fieldset div.notes p a:hover strong { color: #719E49; text-decoration: none; }
#left-col-add form.add-url fieldset div.notes p strong { color: #3E5E87; }
#left-col-add form.add-url fieldset div.notes p em { color: #719E49; font-weight: bold; font-style: normal; }
#left-col-add form.add-url fieldset div.notes p span.cerven { color: #f00; font-weight: bold; }
#left-col-add form.add-url div fieldset legend { padding: 0 3px 0 9px; }
#left-col-add form.add-url div.required fieldset legend { font-weight: bold; }
#left-col-add form.add-url div label { display: block; float: left; width: 160px !important; width /**/:170px; padding: 3px 5px 5px 5px; margin: 0 0 5px 0; text-align: right; }
#left-col-add label.label  { display: block; float: left; width: 190px; _width: 200px; padding: 3px 10px 0 0; }

#left-col-add form.add-url div.optional label, label.optional { font-weight: normal; }
#left-col-add form.add-url div.required label, label.required { font-weight: bold; }
#left-col-add form.add-url div.optional, #left-col-add form.add-url div.required { margin: 10px 0; vertical-align: top; }
#left-col-add form.add-url div.optional img { vertical-align: middle; height: 20px; }


#left-col-add form.add-url div small { display: block; margin: 0 0 0 172px; padding: 1px 3px; font-size: 88%; height: expression('1%'); }
#left-col-add form.add-url div big { font-size: 85%; height: expression('1%'); }
#left-col-add form.add-url div.required span { padding: 0 7px; background: #FFDEBD; border: 1px solid #FFAF55; color: #000; }
#left-col-add form.add-url div.required em { font-size: 85%; vertical-align: top; }

#left-col-add form.add-url div .prednost { margin: 4px 0 6px 5px; padding: 0; width: 15px; line-height: 15px; height: 15px; vertical-align: middle; }

#left-col-add form.add-url fieldset div.optional .checkbox, #left-col-add form.add-url fieldset div.required .checkbox { margin: 4px 0 6px 5px; padding: 0; width: 15px; line-height: 15px; height: 15px; vertical-align: middle; }
#left-col-add form.add-url fieldset div.optional p.verzie { display: block; float: left; width: 120px !important; width /**/:130px; padding: 3px 5px 5px 5px; margin: 0 0 5px 0; text-align: right; height: 80px; }


form.add-url dl { margin-top: 10px; }
form.add-url dt, form.add-url dd { float: left; margin: 5px 5px 5px 0; width: 445px; _width: 435px; }
form.add-url dt { width: 168px; text-align: right; font-weight: bold; }
form.add-url dd em { color: gray; }
form.add-url dl a, form.add-url dl a:link, form.add-url dl a:visited, form.add-url dl a:active, form.add-url dl a:hover { color: #008000; }


.kroky li { padding: 3px 0; color: gray; }
.kroky li.kasa { color: #FF6600; font-weight: bold; }
.kroky li em { background: #C5C5C5; color: #fff; padding: 2px 5px; font-style: normal; margin-right: 3px; }
.kroky li.kasa em { background: #FF6600; color: #fff; padding: 2px 5px; font-style: normal; margin-right: 3px; }

p.error { padding: 0 0 0 27px; margin: 0; }
form.add-url div.error { background: #FFFCF6 url(required_bg.gif) no-repeat top left; border: 1px solid #f00; }
#left-col-add form.add-url div.error p.error { background: transparent url(error.png) no-repeat 0 0.2em; border-style: none; font-size: 90%; font-weight: bold; margin: 0 0 0 170px; _margin: 0 0 0 175px; width: 380px; _width: 400px; color: #f00; padding: 3px 0 3px 20px; }
form.add-url div.error p { font-size: 88%; font-weight: bold; margin: 0 0 0 132px; width: 250px; }
form.add-url div.error p a, form.add-url div.error p a:link, form.add-url div.error p a:visited, form.add-url div.error p a:active, form.add-url div.error p a:hover { color: #3CB371; }

p.dobre { padding: 0 0 0 27px; margin: 0; }
form.add-url div.dobre { background: #FFFCF6 url(dobre_bg.gif) no-repeat top left; border: 1px solid #228B22; }
#left-col-add form.add-url div.dobre p.dobre { background: transparent url(dobre.jpg) no-repeat 0 0.2em; border-style: none; font-size: 90%; font-weight: bold; margin: 0 0 0 170px; _margin: 0 0 0 175px; width: 380px; _width: 400px; color: #228B22; padding: 3px 0 3px 20px; }
form.add-url div.dobre p { font-size: 88%; font-weight: bold; margin: 0 0 0 132px; width: 250px; }
form.add-url div.dobre p a, form.add-url div.dobre p a:link, form.add-url div.dobre p a:visited, form.add-url div.dobre p a:active, form.add-url div.dobre p a:hover { color: #228B22; }



form.add-url div input, form div textarea { width: 250px; padding: 1px 3px; margin: 0; }
form.add-url div input.katka { width: 81px; }
form.add-url div input.fotos { vertical-align: top; }
form.add-url div input.trinast { margin: 0 0 0 15px; padding: 0; width: 15px; }
form.add-url div select.katkosa { width: 259px !important; width /**/:250px; margin: 0; }
form.add-url div select.katkosos { width: 339px !important; width /**/:330px; margin: 0; }
form.add-url div select.katkos { width: 100px; }
form.add-url div input.inputText { width: 230px; }

#left-col-add form.add-url div.submit { /*padding: 0 0 0 180px;*/ padding: 0 0 0 0; }
#left-col-add form.add-url div input.inputSubmit { background-color: #ccc; color: #000; width: 90px; padding: 0; margin: 0; }
#left-col-add form.add-url .pokr, #left-col-add form.add-url .pokr:hover, #left-col-add form.add-url .sp_pokr, #left-col-add form.add-url .sp_pokr:hover { cursor: pointer; width: 260px; _width: 250px; margin-left: 10px; padding: 2px 0; border: 2px solid #8FD247; background: #73C231; color: #fff; font-weight: bold; }
#left-col-add form.add-url .pokr:hover { border: 2px solid #61B2E0; background: #359CD7; }
#left-col-add form.add-url .sp_pokr { border: 2px solid #ABDD75; background: #B6E492; color: gray; }
#left-col-add form.add-url .sp_pokr:hover { border: 2px solid #9DCFEC; background: #ABD6EF; color: gray; }

#left form.varhol .pokrub, #left form.varhol .pokrub:hover { cursor: pointer; width: 260px; _width: 250px; margin: 10px 0 0 10px; padding: 2px 0; border: 2px solid #61B2E0; background: #359CD7; color: #fff; font-weight: bold; }
#left form.varhol .pokrub:hover { border: 2px solid #8FD247; background: #73C231; }

/* #left-col-add form.add-url div#volba { margin: 15px 0 0 0; }
#left-col-add form.add-url div#volba h4 { color: #008000; font-size: 125%; } */


#pravidla { border: 1px solid #4E4E4E; margin: 25px 0 5px 0; }
#else { height: 200px; width: 708px; display: block; overflow: auto; background: #FBFBFB; }
#else p, #else h2, #else h3, #else ul { margin: 10px 15px 20px 15px; font-size: 95%; }
#else h2 { color: #E67F00; font-size: 1.5em; }
#else h3 { font-size: 1.3em; margin: 30px 15px 5px 15px; }
#else ul { margin: -10px 15px 0 15px; }
#else li { list-style-type: disc; margin: 0 15px; }

p.error { padding: 3px 0 5px 27px; }
form.suhlas div.error { background: #FFFCF6 url(required_bg.gif) no-repeat top left; border: 1px solid #f00; }
form.suhlas div.error p.error { background: transparent url(error.png) no-repeat 0 0.2em; font-size: 88%; font-weight: bold; border-style: none; margin: 0 0 0 15px; color: #f00; }
form.suhlas div.error p { margin: 0; }
form.suhlas div input { margin: 2px; }


/* --- CHYBOVE HLASKY --- */
#left-col-add form.add-url div.bad, #left-col-add .bad, .good { background: #FFF6F6; color: #f00; padding: 15px 15px 5px 15px; margin: 15px 10px; border: 1px solid #f00; width: 585px; _width: 620px; }
#left-col-add form.add-url div.bad h3, #left-col-add .bad h3, .good h3 { font-size: 140%; font-weight: normal; letter-spacing: 0; background: url(bad.png) no-repeat; padding-left: 40px; line-height: 30px; }

.good { background: #F1F8EC; color: #228B22; border: 1px solid #228B22; }
.good h3 { background: url(good.png) no-repeat; padding-bottom: 10px; }
.good ul { margin: 0 10px 10px 55px; }
.good li { list-style: disc; }
.bad p, .good p { padding-top: 15px; }

