/* BODY AND FONTS ----------------------------------------------------------------------------------------------------------- */
body,html {width: 100%; height: 100%;}
body,tr,td,input,textarea {font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 14px; color: #666666;}
body {margin: 0px; background-image:url(honeyback.png); background-color:#FFFFFF; background-position: bottom; background-repeat: repeat-x;}

a {text-decoration: none; color: #999999;}
a:hover { text-decoration: underline; color: #666666;}

/* Logo, Login and User Panel -------------------------------------------------------------------------------------------------- */
.ebikelogo {background-image:url(ebikerslogo.png); background-position: center top; background-repeat: no-repeat; background-color:#FFFFFF; width: 410px; height: 350px; position: relative; margin-left: auto; margin-right: auto; z-index: 1; overflow: auto;}
.mainmenubox {width: 250px; margin-top: 80px; margin-left: 5px;}

.login_start {display: block; position: absolute; width: 390px; left: 10px; bottom: 10px; background-color:#EEEEEE; z-index: 1; border-radius: 10px; border: 1px solid #333333; font-size: 15px; display: none;}
.login_start td {font-size: 15px;}
.login_start input {width: 255px; border: 1px solid #666666; background-color:#FFFFFF; font-size: 15px;}
.login_button {width: 255px; height: 25px; line-height: 25px; text-align: center; color: #DDDDDD; cursor: pointer; border-radius: 5px; background-color:#666666;}
div.login_button:hover {background-color:#999999; color:#FFFFFF;}
.login_error {position: absolute; left: 20px; width: 340px; color: #FF0000; top: 120px; text-align: center; display: none;}

.user_panel { background-color:#999999; border: 1px solid #DDDDDD; position: absolute; width: 300px; height: 65px; right: 15px; top: -70px; -moz-border-radius: 10px; border-radius: 10px;}

.user_panel td {font-size: 10px; color: #FFFFFF; overflow: hidden;}
.logout_button {width: 50px; background-image:url(icon_logout.png); background-repeat: no-repeat; background-position: left center; text-indent: 15px; color: #CCCCCC; cursor: pointer;}
div.logout_button:hover {text-decoration: underline;}

/* Text Styles ----------------------------------------------------------------------------------------------------------- */
.boldbig {font-weight: bold; font-size: 24px;}

/* Admin Navigation */
.main_menu_title {width: 100%; height: 30px; line-height: 30px; font-weight: bold; font-size: 16px; text-indent: 5px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin-top: 10px; background-color:#F07D47; color: #FFFFFF;}
.main_menu {width: 95%; height: 30px; line-height: 30px; font-weight: bold; font-size: 15px; text-indent: 20px; border: 1px solid #999999; border-radius: 5px; margin-top: 10px; background-color:#F5F5F5; color: #555555; cursor: pointer;}
div.main_menu:hover {background-color:#CCCCCC;}

/* Custom APUI Style */
.apui_window_pp {position: absolute; border: 2px solid #444444; border-right: 4px solid #222222; border-bottom: 4px solid #222222; -moz-border-radius: 15px; border-radius: 15px; background-color: #7A8AA1; z-index: 5;}
.apui_winshadow_pp {margin-left: 5px; margin-top: 5px; position: absolute; border: 4px solid #000000; -moz-border-radius: 15px; border-radius: 15px; background-color: #000000; z-index: 4;}
.apui_wingrayout_pp {position: absolute; border: 4px solid #000000; border-right: 6px solid #000000; border-bottom: 6px solid #000000; -moz-border-radius: 15px; border-radius: 15px; background-color: #000000; z-index: 3; display: none;}
.apui_window_header_pp {width: 100%; height: 25px; background-color: #666666; background-image:url(apui_win_headback.png); background-position: center center; color: #FFFFFF; font-weight: bold; font-size: 14px; border-bottom: 1px solid #999999; line-height: 25px; text-indent: 10px; -moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px; border-top-right-radius: 10px;}
.apui_window_navi_pp {width: 100%; height: 30px; background-color:#F07D47; color: #FFFFFF; font-weight: normal; border-top: 1px solid #555555; text-align: right; -moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.apui_window_content_pp {width: 100%; height: 100%; background-color: #FFFFFF; overflow: auto;}

.apui_window_close_pp {width: 17px; height: 17px; position: absolute; right: 6px; top: 4px; cursor: pointer; background-image:url(/acss/img/apui_closex.gif); background-position: center center;}
div.apui_window_close_pp:hover {background-color:#4A6088;}


.apui_confirm_button {display: inline-block; width: 150px; height: 22px; text-align: center; color: #DDDDDD; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; line-height: 22px; font-weight: bold; border: 1px solid #DDDDDD; margin-right: 18px;}


/* Buttons and UI Elements */
.ppicon_add {background-image:url(/acss/img/iconmini_add_black.gif);}
.ppicon_ok {background-image:url(/acss/img/iconmini_ok_black.gif);}
.ppicon_cancel {background-image:url(/acss/img/iconmini_erase_black.gif);}
.pp_button {background-repeat: no-repeat; background-position: 5px center; display: inline-block; width: 130px; height: 20px; line-height: 20px; border: 1px solid #000000; background-color:#CCCCCC; color: #000000; text-align: center; margin: 4px; margin-right: 10px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;}
div.pp_button:hover {background-color:#FFFFFF;}

/* Database List Elements */
tr.db_list_row td {border-bottom: 1px solid #BBBBBB; font-size: 13px;}
tr.db_list_rownh td {border-bottom: 1px solid #BBBBBB; font-size: 13px;}
tr.db_list_row img {cursor: pointer;}
tr.db_list_row:hover {background-color: #EEEEEE;}

tr.ul_row td {border-bottom: 1px solid #EEEEEE;border-top: 1px solid #EEEEEE;}

.list_button {padding: 2px; font-size: 11px; background-image:url(/acss/img/iconmini_arrow_right_black.gif); background-position: 2px center; background-repeat: no-repeat; background-color: #EEEEEE; border: 1px solid #AAAAAA; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; text-align: center; width: auto; height: auto;}
div.list_button:hover {background-color: #FFFFFF;}

.sorted_asc {display: inline-block; width: 10px; height: 11px; background-image:url(sort_asc.gif); background-position: left bottom; background-repeat: no-repeat;}
.sorted_desc {display: inline-block; width: 10px; height: 11px; background-image:url(sort_desc.gif); background-position: left top; background-repeat: no-repeat;}
.sorted_none {display: inline-block; width: 10px; height: 11px; background-image:url(sort_none.gif); background-position: left top; background-repeat: no-repeat;}


.foto_mini_button {position: absolute; left: 3px; bottom: 0px; background-color:#AAAAAA; color: #FFFFFF; border: 1px solid #888888; border-radius: 5px; cursor: pointer; text-align: center; width: 100px; height: 17px; line-height: 17px; font-size: 11px; font-weight: bold;}
div.foto_mini_button:hover {background-color:#FFFFFF; color: #888888; border: 1px solid #888888;}
.mini_button {background-color:#AAAAAA; color: #FFFFFF; border: 1px solid #888888;  -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; text-align: center; width: auto; height: 17px; line-height: 17px; margin: 3px; font-size: 11px; font-weight: bold;}
div.mini_button:hover {background-color:#FFFFFF; color: #888888; border: 1px solid #888888;}
.mini_button80float {float: left; background-color:#AAAAAA; color: #FFFFFF; border: 1px solid #888888;  -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; text-align: center; width: 80px; height: 17px; line-height: 17px; margin-right: 5px; font-size: 11px; font-weight: bold;}
div.mini_button80float:hover {background-color:#FFFFFF; color: #888888; border: 1px solid #888888;}


/* GENERIC FORM ---------- */
.ebike_break {display: block; clear: both; width: 1px; height: 0px;}
.ebike_element {background-image:url(/acss/img/apui_input_elemback.jpg); position: relative; display: block; height: 35px; line-height: 30px; float: left; margin: 4px; overflow: visible; border-radius: 5px; border: 1px solid #999999; background-repeat:no-repeat; background-color:#FAFAFA;}
div.ebike_element:hover {cursor: pointer;}
.ebike_element_disabled {background-image:url(/acss/img/apui_input_elemback_disabled.jpg); background-color:#EEF6F9;} 
.ebike_element_mandatory {background-image:url(/acss/img/apui_input_elemback_mandatory.jpg); background-color:#EEF6F9;} 
.ebike_element_focus {background-image:url(/acss/img/apui_input_elemback_focus.jpg); background-color:#FCF9F0;}
.ebike_element table { border-collapse: collapse;}
.ebike_element table td { border-collapse: collapse; padding: 2px;}
.ebike_element_left { overflow: hidden; vertical-align: top; font-size: 11px; text-indent: 5px; font-weight: bold; line-height: 30px;}
.ebike_element_left a {color: inherit; text-decoration: underline;}
.ebike_element_left_mandatory {font-weight: bold;} 
.ebike_element_right { overflow: hidden; vertical-align: middle;}
.ebike_element_right2 { overflow: hidden; vertical-align: middle;}
.ebike_element_warning {background-image:url(/acss/img/apui_input_elemback_warning.jpg); background-color:#FFE6E6;}
.ebike_relator {width: 30px; background-image:url(/acss/img/apui_input_choose.png); background-repeat: no-repeat; background-position: center center; cursor: pointer;}
td.ebike_relator:hover {background-image:url(/acss/img/apui_input_choose_hi.png);}
.ebike_relatorspec { position: relative; display: block; font-size: 12px; font-weight: bold; height: 35px; float: left; margin: 4px; overflow: visible; border-radius: 5px; border: 1px solid #AAAAAA; color:#666666; text-align: center; overflow: hidden; line-height: 35px; background-image:url(/acss/img/apui_input_elemback.jpg);}

td.ebike_element_right input {width: 95%; font-size: 13px; color:#666666; border: 1px solid #BBBBBB; background-color:#FAFAFA; padding: 2px; font-family: 'Trebuchet MS', Helvetica, sans-serif; border-radius: 5px;}
td.ebike_element_right input:hover { border: 1px solid #000000;}
td.ebike_element_right input:focus {background-color: #FFFFFF;}
td.ebike_element_right select {width: 95%; font-size: 11px; border: 1px solid #BBBBBB; background-color:#FAFAFA; padding: 2px; font-family: 'Trebuchet MS', Helvetica, sans-serif; border-radius: 5px;}
td.ebike_element_right select:hover { border: 1px solid #000000;}
td.ebike_element_right select:focus {background-color: #FFFFFF;}
td.ebike_element_right textarea {width: 95%; font-size: 11px; border: 1px solid #BBBBBB; background-color:#FAFAFA; padding: 2px; font-family: 'Trebuchet MS', Helvetica, sans-serif; border-radius: 5px;}
td.ebike_element_right textarea:hover { border: 1px solid #000000;}
td.ebike_element_right textarea:focus {background-color: #FFFFFF;}

.ebike_checkbox {display: block; width: 95%; text-align: right;}
.ebike_checkbox_element {}
.ebike_radio {display: block; width: 95%; text-align: right;}
.ebike_radio_element {}

.ebike_warning {background-image:url(/acss/img/apui_input_warning.png); background-repeat: no-repeat; position: absolute; width: 24px; height: 24px; top: 5px; z-index: 1000; overflow: hidden; font-size: 11px; cursor: pointer; display: none; text-indent: 30px;}
div.ebike_warning:hover { background-image:url(/acss/img/apui_input_warning_box.png); width: 160px; height: 110px; vertical-align: middle; text-align: center; padding-left: 30px; padding-right: 10px; padding-top: 10px; text-indent: 0px; line-height: 14px;}

.ebike_header {background-image:url(/acss/img/apui_formheadback.gif); position: relative; display: block; height: 24px; line-height: 24px; float: left; margin: 2px; margin-top: 10px; overflow: visible; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #BBBBBB; border-right: 3px solid #999999; border-bottom: 3px solid #999999; background-repeat: no-repeat; background-color:#EBEBEB; text-align: left; font-weight: bold; font-size: 13px; text-indent: 14px; color:#000000;}

.microicon {display: inline-block; margin-left: 4px; width: 13px; height: 13px; background-repeat: no-repeat; background-position: center center; cursor: pointer;}
.microicon2 {display: inline-block; margin-top: 3px; margin-left: 4px; width: 13px; height: 13px; background-repeat: no-repeat; background-position: center center; cursor: pointer;}
.mi_down {background-image:url(/acss/img/microicon_down.gif);}
div.mi_down:hover {background-image:url(/acss/img/microicon_down_hi.gif);}
.mi_exclam {background-image:url(/acss/img/microicon_exclam.gif);}
div.mi_exclam:hover {background-image:url(/acss/img/microicon_exclam_hi.gif);}
.mi_add {background-image:url(/acss/img/microicon_add.gif);}
div.mi_add:hover {background-image:url(/acss/img/microicon_add_hi.gif);}
.mi_cancel {background-image:url(/acss/img/microicon_cancel.gif);}
div.mi_cancel:hover {background-image:url(/acss/img/microicon_cancel_hi.gif);}
.mi_delblack {background-image:url(/acss/img/microicon_eraseblack.gif);}
div.mi_delblack:hover {background-image:url(/acss/img/microicon_eraseblack_hi.gif);}

.micro_select {font-size: 9px; color: #666666;}

.win_filter {float: left; width: 520px; font-size: 10px; padding: 5px;}
.filter_label {display: inline-block; width: 40%; font-weight: bold; height: 14px;}
.filter_input {display: inline-block; width: 60%; font-size: 10px; height: 20px; padding: 0px;}
.filter_input2 {display: inline-block; width: 60%; font-size: 10px; height: 14px; padding: 0px;}

.overall_row_count {font-size: 11px; position: absolute; left: 10px; bottom: 7px; width: 150px; height: 17px; text-align: left; line-height: 17px;}

.nav_prev {background-image:url(snav_prev.gif); width: 23px; height: 15px; cursor: pointer; position: absolute; left: 10px; bottom: 5px;}
div.nav_prev:hover {background-color: #B47241;}
.nav_info {position: absolute; left: 40px; bottom: 5px; height: 14px; width: 80px; font-size: 10px; text-align: center; border: 1px solid #EEEEEE;}
.nav_next {background-image:url(snav_next.gif); width: 23px; height: 15px; cursor: pointer; position: absolute; left: 130px; bottom: 5px;}
div.nav_next:hover {background-color: #B47241;}

.save_indicator {position: absolute; width: 50%; left: 25%; top: 45%; background-color:#FFFFFF; color: #336600; border: 2px solid #336600; height: 40px; line-height: 40px; font-weight: bold; text-align: center;  z-index: 10; display: none;}

.lastedited td {background-color:#D9E4F2;}

.mini_relate {float: left; width: 20px; height: 15px; margin: 2px; background-image:url(/acss/img/iconmini_choose_black.gif); background-position: center center; background-repeat: no-repeat; cursor: pointer;}
div.mini_relate:hover {background-image:url(/acss/img/iconmini_choose_black_hi.gif);}
.mi_cselect {float: left; width: 125px; height: 13px; margin: 2px; border: 1px solid #EEEEEE; font-size: 10px; line-height: 13px;}
.mi_cinput {border: 1px solid #EEEEEE; margin: 2px; width: 145px; height: 13px; font-size: 10px; line-height: 13px; padding: 0px;}

.play_demo {width: 60px; height: 76px; float: left; background-image:url(play_demo.gif); background-position: center center; background-repeat: no-repeat; cursor: pointer;}
div.play_demo:hover {background-image:url(play_demo_hi.gif);}

.playicon_mini {width: 16px; height: 16px; background-image:url(playicon.gif); cursor: pointer;}
div.playicon_mini:hover {background-image:url(playicon_hi.gif);}

.musicresult_row {margin-left: 15px; width: 170px; font-size: 11px; overflow: hidden; white-space: nowrap;}
.20pxhigh {height: 20px;}

.contresult_row {margin-left: 15px; width: 370px; font-size: 11px; overflow: hidden; white-space: nowrap;}

.sorter_box {display: inline-block; background-color: #AAAAAA; width: 40px; height: 16px; -moz-border-radius: 5px; border-radius: 5px;}
.very_pale {background-color: #EFEFEF;}

.visible_icon_0 {display: inline-block; margin-left: 4px; width: 14px; height: 14px; cursor: pointer; background-image:url(visicon_0.gif);}
.visible_icon_1 {display: inline-block; margin-left: 4px; width: 14px; height: 14px; cursor: pointer; background-image:url(visicon_1.gif);}

.mediarel_list {width: 120px; height: 13px; font-size: 10px; color: #999999; border-bottom: 1px solid #EEEEEE; float: left; overflow: hidden;}

.window_tab { background-color:#CCCCCC; color: #333333; width: 120px; height: 30px; font-weight: bold; line-height: 30px; text-align: center; float: left; border: 1px solid #999999; border-top-right-radius: 10px; border-top-left-radius: 10px; cursor: pointer;}
div.window_tab:hover {background-color:#666666; color: #FFFFFF;}
.window_tab_active {background-color:#FFFFFF; color:#777777;}

.window_tab_content {width: 1210px; height: 700px; border: 1px solid #999999; border-top-right-radius: 10px; display: none;}

.form_subtitle {float: left; width: 100%; height: 25px; line-height: 25px; font-size: 14px; font-weight: bold; color:#FFFFFF; background-color:#D8B9A7; border-bottom: 1px solid #999999; text-indent: 10px; margin-bottom: 2px; margin-top: 6px;}

.helppage p {padding: 5px; margin-bottom: 5px; text-align: justify;}

.bstatus0 {background-color:#A3BA52 !important; color:#FFFFFF; text-align: center; width: 24px;}
.bstatus1 {background-color:#FF9900 !important; color:#FFFFFF; text-align: center; width: 24px;}
.bstatus2 {background-color:#E65713 !important; color:#FFFFFF; text-align: center; width: 24px;}
.bstatus3 {background-color:#D26859 !important; color:#FFFFFF; text-align: center; width: 24px;}
.bstatus4 {background-color:#60BDE1 !important; color:#FFFFFF; text-align: center; width: 24px;}
.bstatus5 {background-color:#56C05B !important; color:#FFFFFF; text-align: center; width: 24px;}

.sborder0 {border: 3px solid #A3BA52;}
.sborder1 {border: 3px solid #FF9900;}
.sborder2 {border: 3px solid #E65713;}
.sborder3 {border: 3px solid #D26859;}
.sborder4 {border: 3px solid #60BDE1;}
.sborder5 {border: 3px solid #56C05B;}