* { margin: 0; padding: 0; } img, fieldset { border: none; } :focus { outline: 0; } a { text-decoration: underline; } .alt { display: none; } /************************ TYPO *********************************/ body { font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 11px; color: #6E6E6E;} a { color: #01A647; text-decoration: underline;} a:hover { color: #01A647; text-decoration: none;} a.gray { color: #6E6E6E; text-decoration: none;} a.gray:hover { color: #6E6E6E; text-decoration: underline;} a.gray_underline { color: #6E6E6E; text-decoration: underline;} a.gray_underline:hover { color: #6E6E6E; text-decoration: none;} .error { color: #CC0F13;} .error_message { font-weight: normal; text-decoration: none; color: #CC0F13;} #flashMessage {display: block; width: 590px; font-weight: normal; text-decoration: none; color: #4895CB; padding-top: 3px;} a.add_button:link, a.add_button:visited { display: block; background: url('../../img/admin/add.png') no-repeat; vertical-align: bottom; height: 20px; width: 20px; } a.add_button:hover { background-position: 0px -20px; } a.logout_button:link, a.logout_button:visited { display: block; background: url('../../img/admin/logout.png') no-repeat; vertical-align: middle; height: 20px; width: 20px; } a.logout_button:hover {background-position: 0px -20px;} a.help_button:link, a.help_button:visited { display: block; background: url('../../img/admin/help.png') no-repeat; vertical-align: middle; height: 20px; width: 20px;} a.help_button:hover { background-position: 0px -20px; } a.aktiv_button:link, a.aktiv_button:visited { display: block; margin: 0px auto; background: url('../../img/admin/aktiv.png') no-repeat; vertical-align: middle; height: 20px; width: 20px; } a.aktiv_button:hover { background-position: 0px -20px; } a.deaktiv_button:link, a.deaktiv_button:visited { display: block; margin: 0px auto; background: url('../../img/admin/deaktiv.png') no-repeat; vertical-align: middle; height: 20px; width: 20px; } a.deaktiv_button:hover { background-position: 0px -20px; } a.edit_button:link, a.edit_button:visited { display: block; margin: 0px auto; background: url('../../img/admin/edit.png') no-repeat; vertical-align: bottom; height: 20px; width: 20px; } a.edit_button:hover { background-position: 0px -20px; } a.delete_button:link, a.delete_button:visited { display: block; margin: 0px auto; background: url('../../img/admin/delete.png') no-repeat; vertical-align: bottom; height: 20px; width: 20px; } a.delete_button:hover {background-position: 0px -20px;} a.preview_button:link, a.preview_button:visited { display: block; margin: 0px auto; background: url('../../img/admin/preview.png') no-repeat; vertical-align: bottom; height: 20px; width: 20px; } a.preview_button:hover {background-position: 0px -20px;} a.up_button:link, a.up_button:visited {float:right; display: block; background: url('../../img/admin/up.png') no-repeat; vertical-align: middle; height: 16px; width: 16px; } a.up_button:hover { background-position: 0px -16px; } a.down_button:link, a.down_button:visited {float:left; display: block; background: url('../../img/admin/down.png') no-repeat; vertical-align: middle; height: 16px; width: 16px; } a.down_button:hover { background-position: 0px -16px; } h1 { font-size: 18px; color: #2A789E; font-weight: bold; } h2 { font-size: 15px; color: #2A789E; font-weight: bold; } h3 { font-size: 12px; color: #2A789E; font-weight: bold; } input, select, textarea { font: 11px verdana, arial, helvetica, tahoma, sans-serif; color: #4E4E4E;} .spacer_right6 {padding-right: 6px;} .spacer_right15 {padding-right: 15px;} .spacer_right10 {padding-right: 10px;} .spacer_left6 {padding-left: 6px;} .spacer_left10 {padding: 0 0 0 10px;} .spacer_left20 {padding: 0 0 0 20px;} .spacer_top_left10 {padding: 10px 0 0 10px;} .right { float: right;} .left_15 { float: left; margin: 0 0 0 15px;} .left_5 { float: left; margin: 0 0 0 5px;} .top_button { float: right; margin: 0 5px 0 0;} #button_wrapper { float: right; margin: 15px 45px 0 0;} /************************ GENERAL *********************************/ html { background: #4895CB;} #container {position: relative; top: 25px; width: 885px; margin: 0px auto; padding-bottom:20px; } #container_login {position: relative; top: 25px; width: 495px; margin: 0px auto; } #top {float: left; width: 885px; height: 65px; background: url('../../img/admin/BKG_top.gif') left top repeat-x;} #top_login { width: 495px; height: 65px; background: url('../../img/admin/BKG_top.gif') left top repeat-x;} #corner_top_left {float: left; width: 20px; height: 65px; background: url('../../img/admin/BKG_corner_top_left.gif') left top no-repeat; } #corner_top {float: left; width: 845px; height: 65px; } #lang {float: right; width: 200px; margin: 22px 10px 0 0;} #corner_top_login {float: left; width: 455px; height: 65px; } #corner_top_right {float: left; width: 20px; height: 65px; background: url('../../img/admin/BKG_corner_top_right.gif') left top no-repeat; } #logo {width: 86px; height: 19px; margin: 24px 0 0 43px; } #banner_logo {width: 153px; height: 19px; margin: 24px 0 0 43px; } #middle {float: left; width: 885px; padding-bottom:10px; background: url('../../img/admin/BKG_home.gif') left top repeat-y;} #middle_login {float: left; width: 495px; padding-bottom:10px; background: url('../../img/admin/BKG_login.gif') left top repeat-y;} #date { float: left; height: 11px; margin: 20px 0 0 53px;} #wrapper {float: left; width: 885px; margin:10px 0 10px 0; } #white_wrapper {float: left; width: 495px; margin:10px 0 10px 0; } #white_box {width: 850px; padding-bottom:10px; margin: 0px auto;} #white_box_login {width: 461px; padding-bottom:10px; margin: 0px auto;} #white_box_top {float: left; width: 850px; height: 10px; background: url('../../img/admin/BKG_white_box_top.gif') left top no-repeat; } #white_box_top_login {float: left; width: 461px; height: 15px; background: url('../../img/admin/BKG_white_box_login_top.gif') left top no-repeat; } #white_box_middle {float: left; width: 850px; background: url('../../img/admin/BKG_white_box.gif') left top repeat-y;} #white_box_middle_login {float: left; width: 461px; background: url('../../img/admin/BKG_white_box_login.gif') left top repeat-y;} #white_box_middle_login .login_title {clear: both; float: left; margin: 5px 0 0 35px; width: 431px;} #white_box_left {float: left; width: 187px;} #monitor {float: left; margin: 40px 0 0 50px;} #construction {float: left; margin: 10px 0 0 -10px; padding: 10px 0 15px 0;} #welcome {float: left; width: 140px; margin: 10px 0 0 30px;} #underconstruction {float: left; width: 140px; margin: 30px 0 0 35px;} #gray_box {float: left; width: 259px; margin: 30px 0 20px 0; } #gray_box_top {float: left; width: 259px; height: 10px; background: url('../../img/admin/BKG_gray_box_top.gif') left top no-repeat; } #gray_box_middle {float: left; width: 259px; height: 140px; background: url('../../img/admin/BKG_gray_box.gif') left top repeat-y;} #gray_box_bottom {float: left; width: 259px; height: 10px; background: url('../../img/admin/BKG_gray_box_bottom.gif') left top no-repeat; } #white_box_bottom {float: left; width: 850px; height: 10px; background: url('../../img/admin/BKG_white_box_bottom.gif') left top no-repeat; } #white_box_bottom_login {float: left; width: 461px; height: 15px; background: url('../../img/admin/BKG_white_box_login_bottom.gif') left top no-repeat; } #bottom {clear: both; width: 885px; height: 55px; background: url('../../img/admin/BKG_bottom.gif') left top repeat-x;} #bottom_login {clear: both; width: 495px; height: 55px; background: url('../../img/admin/BKG_bottom.gif') left top repeat-x;} #corner_bottom_left {float: left; width: 20px; height: 55px; background: url('../../img/admin/BKG_corner_bottom_left.gif') left top no-repeat; } #corner_bottom {float: left; width: 845px; height: 55px; } #corner_bottom_login {float: left; width: 455px; height: 55px; } #corner_bottom_right {float: left; width: 20px; height: 55px; background: url('../../img/admin/BKG_corner_bottom_right.gif') left top no-repeat; } #side_wrapper { width: 820px; margin: 0px auto; padding-top: 10px;} /************************ LEFT SIDE *********************************/ #side_left {float: left; width: 168px; padding-bottom: 10px;} .small_box {float: left; width: 168px; margin-bottom: 15px; } .small_box_top {float: left; width: 168px; height: 28px; background: url('../../img/admin/BKG_small_box_top.gif') left top no-repeat; } .small_box_head { float: left; margin: 5px 0 0 10px;} .small_box_middle {float: left; width: 158px; padding:10px 0 5px 10px; background: url('../../img/admin/BKG_small_box.gif') left top repeat-y;} .small_box_bottom {float: left; width: 168px; height: 10px; background: url('../../img/admin/BKG_small_box_bottom.gif') left top no-repeat; } /************************ RIGHT SIDE *********************************/ #window {float: right; width: 640px; padding-bottom:10px;} #window_top_left {float: left; width: 10px; height: 60px; background: url('../../img/admin/BKG_window_top_left.gif') left top no-repeat; } #window_top {float: left; width: 620px; height: 60px; background: url('../../img/admin/BKG_window_top.gif') left top repeat-x; } .window_head { float: left; margin: 25px 0 0 30px;} #window_top_right {float: left; width: 10px; height: 60px; background: url('../../img/admin/BKG_window_top_right.gif') left top no-repeat; } #window_bar_top {float: left; width: 640px; height: 26px; background: url('../../img/admin/BKG_window_bar_top.gif') left top repeat-x; } #window_body {clear: both; float: left; width: 600px; padding: 20px 20px 25px 20px; min-height: 100px; background: url('../../img/admin/BKG_window_body.gif') left top repeat-y; } #window_list_body {clear: both; float: left; width: 640px; padding: 5px 0 25px 0; min-height: 100px; background: url('../../img/admin/BKG_window_list_body.gif') left top repeat-y; } #window_bar_bottom {float: left; width: 640px; height: 3px; background: url('../../img/admin/BKG_window_bar_bottom.gif') left top repeat-x; } #window_bottom_left {clear: both; float: left; width: 10px; height: 28px; background: url('../../img/admin/BKG_window_bottom_left.gif') left top no-repeat; } #window_bottom {float: left; width: 620px; height: 28px; background: url('../../img/admin/BKG_window_bottom.gif') left top repeat-x; } #window_bottom_right {float: left; width: 10px; height: 28px; background: url('../../img/admin/BKG_window_bottom_right.gif') left top no-repeat; } #cms_data {clear: left; float: left; margin: 0 0 0 15px;} /* list tablica */ #page { clear: left; padding-top: 11px; margin: 0 0 20px 0; text-align: right; line-height: 15px; } #page a { color: #4E4E4E; background: #EBEBEB; } #page a.letters { color: ##4E4E4E;} #page span { padding: 0 17px; } #page span a { padding: 3px 7px; } #page span a:hover, #page span a.on { background: #B7B7B7; color: #fff; font-weight: bold; } #page a.back, #page a.forward { background: none; font-weight: bold; } #page a.back { background: url(../../img/admin/BKGmore.png) left 2px no-repeat; padding-left: 14px; } #page a.forward { background: url(../../img/admin/BKGmore2.png) right 2px no-repeat; padding-right: 14px; } #list { border-collapse: separate; border-spacing: 0px; width: 100%; margin: 0px auto; text-align: center; vertical-align: top; padding-bottom: 10px; border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD;} #list th.cell_50 {width: 50px;} #list th.cell_60 {width: 60px;} #list th.cell_70 {width: 70px;} #list th.cell_100 {width: 100px;} #list th.cell_150 {width: 150px;} #list th.cell_200 {width: 200px;} #list th { height: 26px; background: url(../../img/admin/BKG_window_bar_top.gif) left top repeat-x; color: #555555; padding: 2px 0; } #list td { padding: 2px 0; } #list tr.title th { background: #fff; color: #777; padding: 15px 0 5px 0; } #list th.center, #list td.center { text-align: center; padding-left: 3px; } #list td.border_left { text-align: center; padding-left: 3px; } #list td.left { text-align: left; padding-left: 3px; } #list tr.grayrow td { background: #F9F9F9; border-bottom: 1px solid #DFDFDF;} #list tr.whiterow td { background: #FFFFFF; border-bottom: 1px solid #DFDFDF;} #list tr.bottomrow td { height: 26px; background: url(../../img/admin/BKG_window_bar_down.gif) left top repeat-x; } #list .position { width: 35px; margin: 0px auto;} #list .score_bar {float: left; width: 150px; background: #D4D3D3;} /* lista */ ul.actions {clear: both; margin: 20px 0 0 20px; padding-left: 20px; list-style: none; } ul.actions li{ line-height: 15px; padding-left: 15px; background-image: url('../../img/admin/arrow.gif') ; background-repeat: no-repeat; background-position: 0px 3px; } ul.actions li a {color:#777777; text-decoration: none;} ul.actions li a:hover {text-decoration: underline;} /************************ FOOTER *********************************/ #footer {clear: both; width: 400px; height: 30px; margin: 0px auto; text-align: center; padding: 15px 0 0 0; } /************************ FORM *********************************/ .login_box { margin: 10px 0 0 10px;} .login_box label { display: block; margin-bottom: 5px; } .login_box fieldset { margin: 0 0 5px 10px; } .login_box .txt { font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 11px; color: #6E6E6E;} .txt { border: 1px solid #BABABA; background: url(../../img/admin/BKG_input.gif) left top repeat-x; width: 130px; margin: 0 3px 0 0; padding: 1px 2px; } /* select box styles */ select {width: 130px; height: 18px; cursor: pointer; color: #4E4E4E; border: 1px solid #BABABA; background: url('../../img/admin/BKG_input.gif') left top repeat-x; } #main_form {width: 590px; float: left;} #main_form fieldset {display: block; float: left; width:590px; padding-bottom: 10px; } #main_form.space {padding: 10px 0 15px 20px;} #main_form strong { display: block; font-size: 11px; margin: 10px 0 20px 0; } #main_form em { color: #DE6C25; } #main_form .instruction { float: right; width: 180px; overflow: hidden;} #main_form label { display: block; float: left; clear: left; width: 107px; } #main_form select {float: left; width: 170px; padding: 1px; border: 1px solid #9fbdc0; background: #ffffff;} #main_form .multiple {width: 250px; height: 100%;} #main_form .date {float: left; border: 1px solid #BABABA; width: 143px; padding: 2px 23px 2px 3px; background: #fff url('../../img/admin/BKGdate.gif') top right no-repeat; } #main_form .check img { display: block; float: left; margin:8px 8px 5px 0; border: 1px solid #BABABA; } #main_form .check .inputtext { float: left; margin-top:8px;} #main_form .inputtext { font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 11px; color: #6E6E6E;} #main_form .inputtext {float: left; width: 230px; height: 17px; border: 1px solid #BABABA; background: url('../../img/admin/BKG_input.gif') left top repeat-x;} #main_form .inputfile {float: left; width: 180px; height: 17px; border: 1px solid #BABABA; background: url('../../img/admin/BKG_input.gif') left top repeat-x;} #main_form fieldset .inputtext { width: 110px; margin-right: 3px;} #main_form .big { width: 170px !important; } #main_form .biger { width: 190px; margin-right: 4px; } #main_form .small { width: 50px !important; } #main_form .txtarea { margin: 5px 0 10px 0; } #main_form textarea { font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 11px; color: #6E6E6E;} #main_form textarea { width: 280px; padding: 2px; height: 136px; font-family: Arial, Helvetica, sans-serif; background: url('../../img/admin/BKG_textarea.gif') left top repeat-x; font-size: 11px; border: 1px solid #BABABA; } #main_form i { font-size: 11px; color: #fff; display: block; margin: 5px 0 5px 0; } #main_form .error_message {clear: both; display: block; margin: 0 0 0 107px; color: #CC0F13;} #main_form .field_350 { width: 350px;} #main_form fieldset .radio {float: left; border: none; margin: -5px 0 0 0; width: 200px; } #main_form fieldset .radio label { cursor: pointer; float: left; margin: 3px 15px 0 0; width: 150px; } #main_form fieldset .radio input {display: block; float: left; margin: 0 5px 0 0; } #main_form .file {clear: left; float: left; width: 550px} #main_form .file img {float: left; } #main_form .file .check {float: left; width: 30px} #main_form fieldset .checkbox {float: left; border: none; margin: -5px 0 0 0; width: 200px; } #main_form fieldset .checkbox label { cursor: pointer; float: left; margin: 3px 15px 0 0; width: 150px; } #main_form fieldset .checkbox input {display: block; float: left; margin: 0 5px 0 0; } .select100 { border: 1px solid #BABABA; background: #ffffff; width: 100px;} .select140 { border: 1px solid #BABABA; background: #ffffff; width: 140px;} .clear {float: left; margin: 10px 0 10px 10px; overflow: hidden; width: 250px;} .clear a.button { background: transparent url('../../img/admin/BKGbutton_right.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 11px arial, sans-serif; height: 22px; margin-right: 6px; padding-right: 14px; /* sliding doors padding */ text-decoration: none;} .clear a.button span { background: transparent url('../../img/admin/BKGbutton_left.gif') no-repeat; display: block; line-height: 12px; padding: 5px 0 5px 13px;} .clear a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */} .clear a.button:active span{ background-position: bottom left; padding: 6px 0 4px 14px; /* push text down 1px */}