/* BODY AND FONTS ----------------------------------------------------------------------------------------------------------- */
body,html {width: 100%; height: 100%;}
body,tr,td,input,textarea {font-family: 'Open Sans', Helvetica, sans-serif; font-size: 13px; color: #666666;}
body {margin: 0px; background-color: #376989; background-image:url(mainbackimage.jpg); background-position: bottom right; background-size: cover;}

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

/* Logo, Login and User Panel -------------------------------------------------------------------------------------------------- */
.loginlogo {background-image:url(wbaselogo.png); background-position: center top; background-repeat: no-repeat; background-color:#FFFFFF; width: 470px; height: 380px; position: relative; margin-left: auto; margin-right: auto; z-index: 1; overflow: auto;  box-shadow: 2px 2px 10px rgba(0,0,0,.9);}
.mainmenubox {width: 250px; margin-top: 80px; margin-left: 5px;}

.login_start {display: block; position: absolute; width: 450px; left: 10px; bottom: 10px; background-color:#EEEEEE; z-index: 1; border-radius: 0px; border: 1px solid #333333; font-size: 15px; display: none; overflow: hidden;}
.login_start td {font-size: 15px;}
.login_start input {width: 275px; border: 1px solid #666666; background-color:#FFFFFF; font-size: 17px; padding: 4px; border-radius: 0px;}
.login_button {width: 285px; height: 35px; line-height: 35px; text-align: center; color: #DDDDDD; cursor: pointer; border-radius: 0px; 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;}
.loginboldbig {font-weight: bold; font-size: 24px; color: #FFF; background-color: #AAA;}

.user_panel {background-color:#999; border: 1px solid #ddd; position: absolute; width: 300px; height: 65px; right: 5px; top: -70px; box-shadow: 2px 2px 10px rgba(0,0,0,.5);}
.user_panel table {margin-top: 13px;}
.user_panel td {font-size: 11px; color: #FFFFFF; overflow: hidden;}
.user_panel div {font-size: 11px; color: #FFFFFF; overflow: hidden;}
.logout_button {padding: 3px; color: #ddd; cursor: pointer; background-color: #aaa; text-align: center;}
div.logout_button:hover { background-color: #666; color: #fff;}

/* 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:#999999; 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: 0px; margin-top: 10px; background-color:#F5F5F5; color: #555555; cursor: pointer;}
div.main_menu:hover {background-color:#CCCCCC;}

/* Custom APUI Style */
.apui_window_wbase {position: absolute; border: 2px solid #444444; border-right: 4px solid #222222; border-bottom: 4px solid #222222; border-radius: 0px; background-color: #7A8AA1; z-index: 5;}
.apui_winshadow_wbase {margin-left: 5px; margin-top: 5px; position: absolute; border: 4px solid #000000; border-radius: 0px; background-color: #000000; z-index: 4;}
.apui_wingrayout_wbase {position: absolute; border: 4px solid #000000; border-right: 6px solid #000000; border-bottom: 6px solid #000000; border-radius: 0px; background-color: #000000; z-index: 3; display: none;}
.apui_window_header_wbase {width: 100%; height: 25px; background-color: #376989; color: #FFFFFF; font-weight: bold; font-size: 14px; border-bottom: 1px solid #999999; line-height: 25px; text-indent: 10px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.apui_window_navi_wbase {width: 100%; height: 30px; background-color:#376989; color: #FFFFFF; font-weight: normal; border-top: 1px solid #555555; text-align: right; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; position: relative;}
.apui_window_content_wbase {width: 100%; height: auto; background-color: #FFFFFF; overflow: auto;}

.apui_window_close_wbase {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_wbase:hover {background-color:#4A6088;}


.apui_confirm_button {display: inline-block; width: 150px; height: 22px; text-align: center; color: #DDDDDD; border-radius: 0px; 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; border-radius: 0px; 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; border-radius: 0px; 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: 0px; 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; border-radius: 0px; 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; border-radius: 0px; 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 ---------- */
.wbase_break {display: block; clear: both; width: 1px; height: 0px;}
.wbase_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: 0px; border: 1px solid #999999; background-repeat:no-repeat; background-color:#FAFAFA;}
div.wbase_element:hover {cursor: pointer;}
.wbase_element_disabled {background-image:url(/acss/img/apui_input_elemback_disabled.jpg); background-color:#EEF6F9;} 
.wbase_element_mandatory {background-image:url(/acss/img/apui_input_elemback_mandatory.jpg); background-color:#EEF6F9;} 
.wbase_element_focus {background-image:url(/acss/img/apui_input_elemback_focus.jpg); background-color:#FCF9F0;}
.wbase_element table { border-collapse: collapse;}
.wbase_element table td { border-collapse: collapse; padding: 2px;}
.wbase_element_left { overflow: hidden; vertical-align: top; font-size: 11px; text-indent: 5px; font-weight: bold;}
.wbase_element_left a {color: inherit; text-decoration: underline;}
.wbase_element_left_mandatory {font-weight: bold;} 
.wbase_element_right { overflow: hidden; vertical-align: middle;}
.wbase_element_right2 { overflow: hidden; vertical-align: middle;}
.wbase_element_warning {background-image:url(/acss/img/apui_input_elemback_warning.jpg); background-color:#FFE6E6;}
.wbase_relator {width: 30px; background-image:url(/acss/img/apui_input_choose.png); background-repeat: no-repeat; background-position: center center; cursor: pointer;}
td.wbase_relator:hover {background-image:url(/acss/img/apui_input_choose_hi.png);}
.wbase_relatorspec { position: relative; display: block; font-size: 12px; font-weight: bold; height: 35px; float: left; margin: 4px; overflow: visible; border-radius: 0px; border: 1px solid #AAAAAA; color:#666666; text-align: center; overflow: hidden; line-height: 35px; background-image:url(/acss/img/apui_input_elemback.jpg);}

td.wbase_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: 0px;}
td.wbase_element_right input:hover { border: 1px solid #000000;}
td.wbase_element_right input:focus {background-color: #FFFFFF;}
td.wbase_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: 0px;}
td.wbase_element_right select:hover { border: 1px solid #000000;}
td.wbase_element_right select:focus {background-color: #FFFFFF;}
td.wbase_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: 0px;}
td.wbase_element_right textarea:hover { border: 1px solid #000000;}
td.wbase_element_right textarea:focus {background-color: #FFFFFF;}

.wbase_checkbox {display: block; width: 95%; text-align: right;}
.wbase_checkbox_element {}
.wbase_radio {display: block; width: 95%; text-align: right;}
.wbase_radio_element {}

.wbase_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.wbase_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;}

.wbase_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; border-radius: 0px; 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: 540px; 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; border-radius: 0px;}
.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: 0px; border-top-left-radius: 0px; 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: 0px; display: none;}

.form_subtitle {float: left; width: 100%; height: 25px; line-height: 25px; font-size: 14px; font-weight: bold; color:#FFFFFF; background-color: #777; 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; color:#FFFFFF; text-align: center; width: 24px;}
.bstatus1 {background-color:#FF9900; color:#FFFFFF; text-align: center; width: 24px;}
.bstatus2 {background-color:#E65713; color:#FFFFFF; text-align: center; width: 24px;}
.bstatus3 {background-color:#D26859; color:#FFFFFF; text-align: center; width: 24px;}
.bstatus5 {background-color:#56C05B; 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;}
.sborder5 {border: 3px solid #56C05B;}


.file_list {position: relative; width: 510px; height: 150px; border: 1px solid #777; clear: both; margin-top: 5px; margin-left: 10px; margin-bottom: 30px;}
.file_list_items {width: 100%; height: 100%; overflow: auto; background-color: #EEE;}
.file_list_button {background-image:url(/acss/img/iconmini_add_black.gif); position: absolute; right: -1px; bottom: -20px; background-repeat: no-repeat; background-position: 5px center; display: inline-block; width: 110px; height: 18px; line-height: 18px; border: 1px solid #000000; background-color:#CCCCCC; color: #000000; text-align: center; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; cursor: pointer; font-size: 12px;}
.file_list_button:hover {background-color:#FFFFFF;}

.file_list_items td {border-bottom: 1px solid #AAA; cursor: pointer;}
.file_list_items tr {background-color: #FFF; color: #FFF;}
.file_list_items tr td:nth-child(1) {width: 38px;}
.file_list_items tr td:nth-child(3) {width: 50px;}
.file_list_items tr:hover {background-color: #EEE;}
.file_list_items .fdownload {display: inline-block; width: 24px; height: 24px; background-image:url(/acss/img/filelist_download.png);}
.file_list_items .fdownload:hover {background-color:#FF9;}
.file_list_items .fdelete {display: inline-block; width: 24px; height: 24px; background-image:url(/acss/img/filelist_delete.png);}
.file_list_items .fdelete:hover {background-color: #FF9;}

.file_list_wait {position: absolute; z-index: 4; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #FFF; background-image: url(/acss/img/spinner40.gif); background-position: center center; background-repeat: no-repeat;}