body {width:100%; min-height:100%;text-align:center;margin:0px; padding:0px;font-family: Arial,Helvetica,Tahoma;font-size:12px;color:#0d0d0d;background: #434140 url("../images/bg_left.gif") repeat-y left top;} a{ text-decoration:underline; color:#333333;} a:hover{ text-decoration:none;} a img{ border:0px;} img{vertical-align:middle;} fieldset{border:0px;} form,p, table{ margin:0px; padding:0px;} table tr td{vertical-align:middle; border-spacing:0px; font-size:12px;} .f-left{float:left;} .f-right{float:right;} .full-width{width:100%;} .center{text-align:center;} .align-right{text-align:right;} .align-left{text-align:left;} .align-middle{vertical-align:middle} .top_odsazeni {margin-top:10px;} .half_width {width:50%;} .underline {text-decoration:underline;} .clear {clear: both;height: 1px;font-size: 1px;line-height: .5;} .clear.line{background: url("../images/dot_line.gif") repeat-x; height:2px;} .italic {font-style:italic} .strong {font-weight:bold; color:#000000;} .inp-text{border:1px solid #CCCCCC; background: #ffffff url("../images/input_bg.gif") repeat-x; padding:2px 5px; font-size:12px;} .error_box{border:1px solid #CCCCCC; background: #ffffff url(../images/error_bg.gif) no-repeat 20px 15px; padding:15px 15px 20px 90px; position:relative; margin-bottom:10px;; min-height:47px;} .error_box .error_title{color: #cc0000;font-weight: bold; font-size:13px; display:block; padding-bottom:1em; padding-top:5px;} .error_box .corner{position:absolute; right:-2px; top:-2px;} .error_box ul{margin:0px 0px 0px 20px; padding:0px;} .error_box ul li{margin:0px; padding: 0px 0px 0px 20px; list-style-type:none; background:url("../images/error_label.gif") no-repeat left 2px; color:#cc0000;} .error_box div.status-message {margin:17px 0px 0px 0px; padding:0px; color:#cc0000; font-weight:bold; font-size:14px;} .done_box{border:1px solid #CCCCCC; background: #ffffff url(../images/done_bg.gif) no-repeat 20px 15px; padding:15px 15px 20px 90px; position:relative; margin-bottom:10px; min-height:47px;} .done_box .done_title{color: #cc0000;font-weight: bold; font-size:13px; display:block; padding-bottom:1em; padding-top:5px;} .done_box .corner{position:absolute; right:-2px; top:-2px;} .done_box div.status-message {margin:17px 0px 0px 0px; padding:0px; color:#3CA200; font-weight:bold; font-size:14px;} #layout{ float:left; min-width:100%; text-align:left; position: relative; padding-top:40px; background: url("../images/top_bg.gif") repeat-x;} #layout #header{ float:left; min-width:1000px; width:100%; position:relative; height:94px; background: #313636 url("../images/header_bg.gif") repeat-x left -1px; } #layout #header #logo{position:absolute; color:#ffffff; font-size:30px; font-weight:bold; left:-45px; } #layout #header .info{position:absolute;left:500px; background: url("../images/header_info.gif") no-repeat left center; min-height:79px; color:#828F8F; padding-top:15px;} #layout #header .info table{float:left; margin-left:40px;} #layout #header .info table strong{color:#FFFFFF;} #layout #header .info table a{color:#ffffff;} #layout #main_categories {float:left; width:100%; min-width:1000px; background: #EED359 url("../images/main_categories.gif") repeat-x ; min-height:65px;} #layout #main_categories ul{margin:0px; padding:0px; float:left; margin-top:29px; margin-left:22px; font-size:13px;} #layout #main_categories ul li{ list-style-type:none; margin:0px; padding:0px 3px 0px 0px; float:left;} #layout #main_categories ul li a{ line-height:35px; float:left; color:#0D0D0D; font-weight:bold; border-top:1px solid #EDB71D; border-left:1px solid #EDB71D; border-right:1px solid #EDB71D; background: #FBF4B9 url("../images/main_categories_menu_left.gif") no-repeat; text-decoration:none;} #layout #main_categories ul li a:hover,#layout #main_categories ul li a.aktiv{border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background: #FAF9F8 url("../images/main_categories_menu_bg_h.gif") repeat-x; } #layout #main_categories ul li a span{ background: url("../images/main_categories_menu_right.gif") no-repeat right top; padding:0px 6px; float:left;} #layout #main_categories ul li a span img{ padding-right:6px;} #layout #main_categories ul li a:hover span, #layout #main_categories ul li a.aktiv span{ background: none;} #layout #main_subcategories {float:left; width:100%; min-width:1000px; background:#ffffff; line-height:43px; font-size:11px;} #layout #main_subcategories ul{float:left; margin:0px 0px 0px 16px; padding:0px;} #layout #main_subcategories ul li{float:left; margin:0px 0px 0px 0px; padding:0px; list-style-type:none;} #layout #main_subcategories ul li a{color:#727272; text-decoration:underline; line-height:43px; float:left; padding:0px 8px;} #layout #main_subcategories ul li a:hover,#layout #main_subcategories ul li a.aktiv{color:#DC6326; text-decoration:none;} #layout #main{float:left; position:relative; width:100%; min-width:1000px; background: url("../images/bg_left.gif") repeat-y left top;} #layout #main #left_aside{position:absolute; left:0px; top:0px;float:left; width:205px; padding-left:21px; padding-bottom:30px; background:#111111 url("../images/bg_left.gif"); color:#ffffff;} #layout #main #left_aside a{color:#ffffff;} #layout #main #left_aside .menu{line-height:29px; margin-top:25px;display:block; background: #EEC234 url("../images/menu_top.gif") no-repeat; padding-left:10px;text-decoration:none; color:#0d0d0d; font-size:14px; font-weight:bold;} #layout #main #left_aside .menu img{padding-right:10px;} #layout #main #left_aside .TreeviewSpanArea{background:#303636; display:block; padding:10px;} #layout #main #left_aside .TreeviewSpanArea a{text-decoration:none; padding:0px;} #layout #main #left_aside ul.part_of_left_menu {margin:0px; padding:0px;} #layout #main #left_aside ul.part_of_left_menu li{margin:0px; padding:1px 0px; list-style-type:none;} #layout #main #left_aside ul.part_of_left_menu li a{display:block; background: #303636 url("../images/menu_dot.gif") no-repeat 13px center; line-height:29px; color:#ffffff; text-decoration:none; font-size:13px; padding-left:36px;} #layout #main #left_aside ul.part_of_left_menu li a:hover,#layout #main #left_aside ul li a.active{ background: #EBEBEA url("../images/menu_dot_a.gif") no-repeat 13px center; color:#DC6326; } #layout #main #left_aside ul.part_of_left_menu li ul{margin:1px 0px; padding:5px 0px; list-style-type:none;background:#303636} #layout #main #left_aside ul.part_of_left_menu li ul li{padding:0px; margin:0px;background:#303636; color:#ffffff; line-height:18px;} #layout #main #left_aside ul.part_of_left_menu li ul li a{background:#303636; padding:0px; padding:0px 0px 0px 36px; line-height:25px; font-size:12px; } #layout #main #left_aside ul.part_of_left_menu li ul li a:hover{background:#303636; } #layout #main #left_aside ul.part_of_left_menu li ul li a.active{font-weight:bold;background:#303636; } #layout #main #left_aside #left-menu-help { margin: 0px 0px; padding: 20px; background:#303636; line-height:18px;} #layout #main #left_aside #left-menu-help p {padding-bottom: 10px} #layout #main #left_aside div.left-menu-box { margin: 0px 0px; background:#303636; line-height:18px;} .endFloat {clear:both;width:0;visibility: hidden;} .part_of_left_menu {overflow: hidden;} #layout #main #content{ margin-left:226px;padding:0px 30px; line-height:18px; background: #EBEBEB url("../images/bg.gif") repeat-y center top; } #layout #main #content h2{color:#2f3535; font-size:14px; font-weight:bold; margin:0px; padding:0px 0px 7px 0px; } #layout #main #content .filtr{ float:right; line-height:16px;} #layout #main #content a{ color:#8d9b9b;} #layout #main #content table a{ color:#000000;} #layout #main #content .link{ color:#8d9b9b;} #layout #main #content table td{padding-right:5px;} #layout #main #content div#content_menu{line-height:34px;} #layout #main #content #content_menu{display:block; margin:0px; padding:0px; background: #E6E6E6 url(../images/titlebar_bg.gif) repeat-x; height:39px; padding:5px 11px 0px 11px; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC; clear:both;} #layout #main #content #content_menu li{margin:0px; padding:0px; list-style-type:none; float:left; } #layout #main #content #content_menu li a{float:left; line-height:39px; padding:0px 5px 0px 5px; color:#0E0D0D; text-decoration:none;} #layout #main #content #content_menu li a:hover{ text-decoration:underline;} #layout #main #content #content_menu li a.active{border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background:#ffffff; color: #DD6208;} .table-list{border-spacing:1px; font-size:11px; color:#000000; margin:10px 0px; width:100%;} .table-list th{border-spacing:1px; line-height:36px; background:#EBEBEA; font-weight:bold; text-align:center; border-top:1px solid #C4C4C3; padding:0px 15px; white-space:nowrap;} .table-list th.checkbox{padding:0px 5px;} .table-list tbody tr td{line-height:31px; padding:0px 15px; background:#ffffff; border:1px solid #ffffff; text-align:left; } .table-list tbody tr td.center{text-align:center; } .table-list tbody tr td.checkbox{ padding:0px 5px; } .table-list tbody tr.gray td{ background:#F4F2F1; border:1px solid #E0E0E0;} .table-list tbody tr.gray td.selected{ background:#FFFFED; } .table-list tbody tr:hover td,.table-list tbody tr:hover td.selected, .table-list tbody tr.selected td{ background:#FDF1A3; border:1px solid #F6E08D; color:#000000;} .table-list tfoot td{ text-align:right; padding:10px 15px 0px 15px;} .table-list thead th.selected{background:#F8EA7C; border-top:1px solid #C1992D; } .table-list thead th.selected a{color:#FFFFFF;} .table-list tbody tr td.selected { border: 1px solid #F6E08D; } .table-list tbody tr.selected td.selected { border-color: #EDB51A; background:#FDF1A3; } .table-list .error input { border-color: red; } #layout #main #content #inside_content{ float:left; min-width:100%; min-height:400px;margin:25px 0px; } #layout #main #content #inside_content .cont_box{display:block; margin-bottom:27px;background:#ffffff; border:1px solid #CCCCCC;padding:10px; } #layout #main #content #inside_content .cont_box span.f-left { padding-top:4px;} #layout #main #content #inside_content .cont_box span.f-left h2{padding:0px; line-height:18px; } #layout #main #content #inside_content .cont_box fieldset{background:#EBEBEB; border-top:1px solid #CECECE; padding:15px; display:block; margin-bottom:10px;} #layout #main #content #inside_content .cont_box fieldset h2{color:#dd6208; background:url("../images/line.gif") repeat-x left bottom; margin-bottom:10px; font-size:16px;} #layout #main #content #inside_content .cont_box fieldset .table{border:0px; background:transparent;} #layout #main #content #inside_content .cont_box fieldset .table td{border:0px;} #layout #main #content #inside_content .cont_box fieldset .table .header{text-align:right; } #layout #main #content #inside_content .cont_box fieldset .table.filter-data {width:auto; } #layout #main #content #inside_content .cont_box fieldset .table tr.required{font-weight:bold; } #layout #main #content #inside_content .cont_box fieldset .table tr div{ position:relative; white-space:nowrap;} #layout #main #content #inside_content .cont_box fieldset .table tr div button{ float:none;} #layout #main #content #inside_content .cont_box fieldset .table tr.required div img.required-corner{ position:absolute; left:373px; top:-1px;} #layout #main #content #inside_content .cont_box fieldset .table tr.required input { border:1px solid #EDB51A; background: #ffffff url("../images/input_text_bg_rq.gif") repeat-x left bottom; } #layout #main #content #inside_content .cont_box fieldset .table tr.required textarea { border:1px solid #EDB51A; background: #ffffff url("../images/input_text_bg_rq.gif") repeat-x left bottom; } #layout #main #inside_content .cont_box div.dm-list-data { background: white; } .dm-list-edit-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; z-index: 50; background: black } .ajax-overlay { position: absolute; opacity: 0.2; z-index: 50; background: black url("../images/ajax-loader.gif") center no-repeat; } .dm-list-edit-wrapper .dm-list-data table td.list-edit-const { color: #888888; } #layout #main #content #inside_content a.cont_box {display:block; text-align:right;} #layout #main #content #inside_content .cont_box.moduly{ padding:15px;} #layout #main #content #inside_content .cont_box.moduly h2{ padding-left:17px; font-size:17px;} #layout #main #content #inside_content .modul{ width:320px; height:100px; background:#F3F3F3; padding:10px; border:1px solid #E1E1E1; float:left; margin:13px 9px;} #layout #main #content #inside_content .modul.prihlasovani{ padding:20px 20px 23px 20px;width:300px; height: 225px; } #layout #main #content #inside_content .modul table{ width:100%; border-spacing:0px; text-align:left;} #layout #main #content #inside_content .modul table td.icon{ width:100%; border-spacing:0px; vertical-align:middle; padding-right:12px; width:59px; text-align:center;} #layout #main #content #inside_content .modul h3{ margin:0px; padding:0px 0px 10px 0px; font-size:15px;} #layout #main #content #inside_content .modul h3 span{ font-size:12px; font-weight:normal;} #layout #main #content #inside_content .modul p{line-height:16px; height:50px; overflow:hidden;} body.login_page { background: #EBEBEB url("../images/bg.gif") repeat-y center top; } body.login_page #layout #header{text-align:center; padding:0px;} body.login_page #layout #header #logo{ position:relative; margin:0px; padding:0px; left:0px;} body.login_page #layout #main #content { margin:0px auto; padding:0px; line-height:18px; width:100%;background: #EBEBEB url("../images/bg.gif") repeat-y center top; } body.login_page #layout #main #content #inside_content{ margin:0px auto;width:200px; float:none; min-width:400px; padding:25px 0px; min-height:200px;} body.login_page #layout #main #content #inside_content #lock{ font-size:14px; line-height:40px;} body.login_page #layout #main #content #inside_content #lock img{padding-bottom:4px; padding-left:5px;} body.login_page #layout #main #content #inside_content #content_menu a{color:#0e0d0d; font-size:12px;} body.login_page #layout #main #content #inside_content fieldset{border:0px; background:transparent;padding:10px 0px 0px 0px; } body.login_page #layout #main #content #inside_content .table input {width:170px;} body.login_page #layout #main #content #inside_content .table input[type=checkbox] {width:auto;} body.login_page #layout #main #content #inside_content .table{width:253px; margin:0px auto;} body.login_page #layout #main #content #inside_content .table .submit, #feedback_form .submit, #list-edit-dialog .submit {padding:5px 15px; margin-top:15px;} body.login_page #layout #main #left_aside {display:none;} #layout #main #content #footer{ float:left; width:100%; min-width:774px;background:url("../images/line.gif") repeat-x left top; text-align:center; color:#959595; padding:15px 0px; line-height:24px; font-size:11px;} #layout #main #content #footer strong{ color:#000000;} tr.form-error > td input { background-color: #e80007; } tr.form-error > td input:focus { background-color: #ff585d; } tr.form-error > td select { background-color: #e80007; } tr.form-error > td select:focus { background-color: #ff585d; } tr.form-error > td textarea { background-color: #e80007; } tr.form-error > td textarea:focus { background-color: #ff585d; } tr.required > td.header:after { content:'*'; color:#880000; } input.box, .table input { border:1px solid #CCCCCC; width:388px; background: #ffffff url("../images/input_text_bg.gif") repeat-x; padding:3px 5px; color:#0D0D0D; font-family:arial; } input.box[type=checkbox], .table input[type=checkbox] { width: auto; } input.box[type=radio], .table input[type=radio] { width: auto; } input.box:focus, .table input:focus { border:1px solid #777 } textarea.box, .table textarea { border:1px solid #CCCCCC; width:388px; background: #ffffff url("../images/input_text_bg.gif") repeat-x; padding:3px 5px; color:#0D0D0D; font-family:arial; font-size:12px;} textarea.box:focus, .table textarea:focus { border:1px solid #777 } select.box, .table select { border:1px solid #CCCCCC; width:400px; background: #ffffff url("../images/input_text_bg.gif") repeat-x; padding:3px 5px; color:#0D0D0D; font-family:arial; font-size:12px;} select.box option, .table select option { background: #ffffff;} select.box:focus, .table select:focus { border:1px solid #777 } textarea.mce_editable {width:815px;margin:0 auto 0 auto;height:450px;} textarea.artic_desc {height:200px} textarea.artic_content {height:400px} textarea.news {width:700px;margin:0 auto 0 auto; height: 250px} select.box, .table select {border:1px solid #999;width:400px; } ul#status-field li.error {list-style: square;color:#cc0000} ul#status-field li {display: none} table.table {background-color: #fff;} table.table td.center {padding: 1px 0 0 0;text-align: center;} table.table td.right {padding: 1px 5px 0 0;text-align: right;} table.table td.no_cell {border:0px solid black;padding:0;height:25px;} table.table td.no_active {background-color: #fff;color: #000;} table.table td {border:1px solid #CECECE;height:21px;padding:1px 0 0 10px;height:25px} table.table a {color: #000;font-weight: bold;text-decoration: none;} table.table tr.gray {background-color: #f5f5f5} table.table tr.gray:hover {background-color: #FFFFDD} table.table td.selected { border-color: #E0E0A0 } table.table td.header.selected a { color: #505020 } table.table td.header.selected { background-color: #FFFFC8; } table.table tr.selected { background-color: #FFFFC8; border-color: #E0E0A0 } .data-table button { border: 1px solid #EDB51A; padding: 0.25em 15px; float: right; text-decoration:none; margin: 0px 0px 0px 10px; background-color: #F5E091; background-image: url("../images/butt_content.png"); background-position: left center; background-repeat: repeat-x; color: #000000; font-size: 75%; font-weight: bold; cursor:pointer; } .data-table .dm-quick-search button { float: none; } table.form_layout { border: 0; margin: 0; padding: 0 } table.form_layout > tbody > tr { padding: 0; margin: 0; } table.form_layout > tbody > tr > td { vertical-align: top; padding: 0; margin: 0; } .table-list tbody tr.totals td { border-top-color: #555; } .table-list thead form input.col-swap-btn { background: white; border: none; color: transparent; font-size: 0; width: 6px; height: 12px; vertical-align: middle } .table-list thead form input.col-swap-btn.left { background: url("../images/table-swap-col-left.png") no-repeat; } .table-list thead form input.col-swap-btn.right { background: url("../images/table-swap-col-right.png") no-repeat; } table.table tr.untranslated td.l10n { color: #c01010; } table.table tr.untranslated td.l10n * { color: #c01010; } table.table tr.extsel-current { border: thin solid black; background-color: #FFFF66; } table.table tr.extsel-current td { border: thin solid black; background-color: #FFFF66; } .bulk-actions h2 { display: inline; padding: 0px } .bulk-actions span.bulk-actions-list { float: right } td.bulk-select { width: 10px; } .column-picker tr th { padding-right: 15px; } .column-picker tr td { vertical-align: top; } .column-picker tr td ul { padding: 0; } .column-picker tr td ul li { list-style: none; border: thin solid black; background: white; margin: 2px; padding: 2px; } .endFloat {clear:both;width:0;visibility: hidden;} .badPermission {text-align: center;} .badPermission img {padding: 20px} .badPermission h2 {color: red} .noImgSett img{padding:0;} #layout #main #content a.submit, .table-dialog a.submit {padding:1px 15px 0px 15px; height:20px; line-height:20px; } #layout #main #content .submit, #list-edit-dialog .submit, .dm-history-comment .submit, .table-dialog .submit { border: 1px solid #EDB51A; padding: 3px 15px; height:23px; float: right; text-decoration:none; margin: 0px 2px 0px 8px; background-color: #F5E091; background-image: url("../images/butt_content.png"); background-position: left center; background-repeat: repeat-x; color: #000000; font-size: 75%; font-weight: bold; cursor:pointer; } #layout #main #content .submit.history { float: left; } .bold {font-weight: bold;} .dpDiv { } .dpTable { font-size: 12px; text-align: center; color: #505050; background-color: #ece9d8; border: 1px solid #AAAAAA; } .dpTR { } .dpTitleTR { } .dpDayTR { } .dpTodayButtonTR { } .dpTD { border: 1px solid #ece9d8; } .dpDayHighlightTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; } .dpTDHover { background-color: #aca998; border: 1px solid #888888; cursor: pointer; color: red; } .dpTitleTD { } .dpButtonTD { } .dpTodayButtonTD { } .dpDayTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; color: white; } .dpTitleText { font-size: 12px; color: gray; font-weight: bold; } .dpDayHighlight { color: #4060ff; font-weight: bold; } .dpButton { font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; padding: 0px; } .dpTodayButton { font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; } td.list_highlight { color: #000000; } td.list_highlight_strong { color: red; } /******feedback form******/ #feedback_form {background: transparent url("../images/feedback_background.png") no-repeat; position:fixed;bottom:0px;right:30px;width: 265px; padding-bottom:10px; opacity: 0.75; z-index: 1000; } #feedback_form .header {height: 35px;padding-left: 40px; cursor: pointer; cursor: hand; } #feedback_form .header .feedback-close { position: absolute; top: 15px; right: 15px; display: none; } #feedback_form .form {display: none; text-align: left;padding-left: 40px;} #feedback_form .form .title{padding-top: 28px;} #feedback_form .form .title input {padding-top: 6px;background-color: transparent; width: 180px;border: none;} #feedback_form .form .content{padding-top: 10px; padding-bottom:10px;} #feedback_form .form .content textarea {padding: 6px 0px 6px 6px;background-color: transparent;width: 180px;height: 140px;border: none;} #feedback_form .feedback-close {position:absolute; right:13px; top:13px; display:none; cursor:pointer;} #feedback_form .form .button {background-color: transparent; margin:0px 35px 6px 0px;} #feedback_form .form span {font-size: 16px;color: white;} #feedback_form .hide {display: none;} #feedback_form .submit { border: 1px solid #EDB51A;padding: 3px 15px;float: right;text-decoration:none;margin:0px;background-color: #F5E091;background-image: url("../images/butt_content.png");background-position: left center;background-repeat: repeat-x;color: #000000;font-size: 75%;font-weight: bold;text-align:center;cursor:pointer; } #feedback_form .feedback-mail-send { position: absolute; display: none; top: 13px; left: 13px; width: 32px; height: 32px; background: url('../images/mail-send.png') no-repeat; } /* * Bublina napovedy */ #tooltip { width: 219px; height: 187px; z-index: 1000; position: absolute; top: -300px; left: -300px; opacity: 0; background-repeat: no-repeat } #tooltip.right.top { background-image: url('../images/tooltip-left-bottom.png'); } #tooltip.right.bottom { background-image: url('../images/tooltip-left-top.png'); } #tooltip.left.top { background-image: url('../images/tooltip-right-bottom.png'); } #tooltip.left.bottom { background-image: url('../images/tooltip-right-top.png'); } #tooltip p { height: 117px; width: 175px; overflow: auto; } #tooltip.bottom p { margin: 20px 24px 50px 20px; } #tooltip.top p { margin: 50px 24px 20px 20px; } .ui-timepicker { z-index: 1500; } /* aby byl vidět i při editaci v seznamu */ /* Category selector */ .categoryselector .categorybox {position: relative; float: left; margin: 15px 0px; width: 100%;} .categoryselector .activecats, .categoryselector .inactivecats {background: #efefef url('../images/categoryTableImages/catBackground.png') repeat-x; width: 194px; min-height: 250px; border: 1px solid #CCC; border-radius: 10px; padding: 10px 22px 20px; text-align: center; box-shadow: 2px 2px 4px #DDD;} .categoryselector .activecats {float: left; margin-left: 26px;} .categoryselector .inactivecats {float: right; margin-right: 26px;} .categoryselector h2 {font-size: 120%; margin: 0px 0px 10px 0px; padding: 0px;} .categoryselector h2 span {font-weight: normal;} .categoryselector .activecats div.column {background: #f8df6b url('../images/categoryTableImages/catActive.png') repeat-x; width: 145px; border: 1px solid #666; border-radius: 2px; margin: 3px auto 0px auto; padding: 5px 20px; word-wrap: break-word; text-align: left; font-weight: bold; color: #333;} .categoryselector .inactivecats div.column {background: #d7d7d5 url('../images/categoryTableImages/catInactive.png') repeat-x; width: 145px; border: 1px solid #BBB; border-radius: 2px; margin: 3px auto 0px auto; padding: 5px 20px; word-wrap: break-word; text-align: left; font-weight: bold; color: #FFF;} .categoryselector .placeholder {background: transparent; width: 142px; border: 3px dashed #CCC; border-radius: 2px; margin: 3px auto 0px auto; padding: 5px 20px; word-wrap: break-word; text-align: center; font-weight: bold; font-size: 10px; color: #CCC;} .categoryselector .switch {position: relative; width: 62px; height: 159px; top: 50px; margin: 0px auto;} .categoryselector .hideall {position: relative; width: 62px; height: 72px; background: url('../images/categoryTableImages/deselectAll.png') no-repeat; margin-bottom: 15px;} .categoryselector .showall {position: relative; width: 62px; height: 72px; background: url('../images/categoryTableImages/selectAll.png') no-repeat;} .categoryselector .settingsbox {clear: both; width: 574px; background: #f0f0f0 url('../images/categoryTableImages/catBackground.png') repeat-x; border: 1px solid #CCC; border-radius: 10px; margin: 0px 26px 40px; padding: 10px 22px 20px; text-align: left; box-shadow: 2px 2px 4px #DDD;} .categoryselector .settingsbox h2 {margin-left: 15px;} .categoryselector input[type="text"] {width: 60px;} .categoryselector input[type="submit"] {position: absolute; bottom: 0px; right: 0px; margin: 0px 36px 15px 0px; padding: 3px 5px; width: 70px; height: 20px; background: #f2e273 url('../images/categoryTableImages/submitButton.png') repeat-x; border: 1px solid #E78F08; border-radius: 2px; font-size: 10px; font-weight: bold; color: #333;}