hr {  
	border: 0;
	height: 1px;
	margin: 0;
	background: rgb(0, 0, 0);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(140,92,20,0.65), rgba(0,0,0,0));
	background: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(140,92,20,0.65), rgba(0,0,0,0));
	background: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(140,92,20,0.65), rgba(0,0,0,0));
	background: -o-linear-gradient(left, rgba(0,0,0,0), rgba(140,92,20,0.65), rgba(0,0,0,0));
}

/* {{{ common (also known as ungrouped) */
div.tw2gui_modal_box {
	position:absolute;
	top:0;
	left:0;
	z-index:9000;
}
div.tw2gui_modal_fixed { 
	position: fixed; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 999; 
}
div.tw2gui_window {
	position:absolute;
	width:748px;  /*shortend by 1px - to happify IE7 */
	height:471px;
	cursor:default;
}
div.tw2gui_window h1 {
	display:block;
	margin-bottom:5px;
	font-size:16pt;
}
div.tw2gui_window_border {
	position:absolute;
	background-image:url(/images/tw2gui/window/window_border.png?9);
	z-index:2;
}
div.tw2gui_window_shadow_box {
	position:absolute;
	top:-10px;
	left:-10px;
	right:-15px;
	bottom:-15px;

}
div.tw2gui_bg_tl {
	left:0;
	right:50%;
	top:0;
	bottom:50%;
	background-position:top left;
}
div.tw2gui_bg_br {
	width:50%;
	height:50%;
	right:0;
	bottom:0;
	background-position:bottom right;
}
div.tw2gui_bg_bl {
	left:0;
	right:50%;
	height:50%;
	bottom:0;
	background-position:bottom left
}
div.tw2gui_bg_tr {
	width:50% ;
	right:0;
	top:0;
	bottom:50%;
	background-position:top right
}
div.tw2gui_window_shadow {
	position:absolute;
}

.tw2gui_win2 div.tw2gui_window_border {
	background-image:url(/images/tw2gui/window/window2_border.png?15);
}

.tw2gui_win2.snow div.tw2gui_window_border {
	background-image:url(/images/tw2gui/window/window2_snowborder.png?16);
}

.tw2gui_win2.fire div.tw2gui_window_border {
	background-image:url(/images/tw2gui/window/window2_fireborder.png?1);
}

.tw2gui_win2.fire .tw2gui_window_border_ext {
	background-image: url(/images/tw2gui/window/window2_fireborder_top.png?1);
	width: 50%;
	height: 90px;
	position: absolute;
	top: -90px;
}

.tw2gui_win2.fire .tw2gui_window_border_ext_tl {
	left: 0;
	background-position: top left;
}

.tw2gui_win2.fire .tw2gui_window_border_ext_tr {
	right: 0;
	background-position: top right;
}

.tw2gui_win2 div.tw2gui_inner_window_bg2 {
	background:url(/images/tw2gui/window/window2_bg_right.png?2) right bottom no-repeat;
}

.tw2gui_win2 .tw2gui_window_notabs div.tw2gui_inner_window_title_right,
.tw2gui_win2 .tw2gui_window_notabs div.tw2gui_inner_window_title_left {
	top:20px;
}

.tw2gui_win2 div.tw2gui_inner_window_title {
	left:0px;
	right:0px;
	z-index:2;
}
.tw2gui_win2 .tw2gui_inner_window_title_divider {
	display: inline-block;
	background: url(/images/tw2gui/window/window2_title_divider.jpg) no-repeat;
	width: 15px;
	height: 15px;
}

.tw2gui_win2 div.tw2gui_window_shadow_box {
	display:none;
	top:2px;
	left:2px;
	right:-12px;
	bottom:-16px;
}

.tw2gui_win2 div.tw2gui_window_pane, .tw2gui_win2 div.tw2gui_window_content_pane {
	top:85px;
	left:25px;
	right:25px;
	bottom:25px;
}

.tw2gui_win2 div.tw2gui_window_pane .loader {
	position:absolute;
	z-index:100;
	width: 100%;
	height: 95%;
	display:none;
	margin-top:25px;
}

.tw2gui_win2 div.tw2gui_window_pane .loader img {
	position:absolute;
	height:27px;
	width:35px;
	margin:-18px 0px 0px -14px;
	top: 50%;
	left: 50%;
}

.tw2gui_win2 div.tw2gui_window_content_pane {
	z-index:2;
}
div.tw2gui_win2.tw2gui_window_notabs div.tw2gui_window_content_pane {
	top:70px;
}
div.tw2gui_win2.empty_title div.tw2gui_window_content_pane {
	top:65px;
}

.tw2gui_win2 .window_tab_container {
	display: none;
}
.tw2gui_win2 .window_tab_container.active {
	display: block;
}

.tw2gui_win2 div.tw2gui_inner_window_title canvas {
	top:48px;
}
.tw2gui_win2 div.tw2gui_window_notabs canvas {
	top:36px;
}

.tw2gui_win2 div.tw2gui_window_inset {
	background:url(/images/tw2gui/window/window2_bg.jpg?6) bottom left no-repeat;
	top:20px;
	left:12px;
	right:14px;
	bottom:14px;
	z-index:1;
}

div.tw2gui_window_inset {
	position:absolute;
	top:12px;
	left:8px;
	right:9px;
	bottom:13px;
}

div.tw2gui_window_inset_right {
	position:absolute;
	top:12px;
	width:145px;
	right:9px;
	bottom:13px;
}
div.tw2gui_window_inset_bottom {
	position:absolute;
	height:124px;
	left:12px;
	right:50px;
	bottom:13px;
}

div.tw2gui_inner_window_bg, div.tw2gui_inner_window_bg2,div.tw2gui_inner_window_bg_pane {
	position:absolute;
	width:100%;
	height:100%;
}

div.tw2gui_inner_window_title {
	position:absolute;
	left:-5px;
	top:0px;
	right:-5px;
	height:68px;
	overflow:hidden;
	font-family:Times New Roman, Serif;
	padding-top:4px;
	cursor:move;
}
div.tw2gui_window > div.tw2gui_inner_window_title { padding-top:28px; }
.tw2gui_window_notabs div.tw2gui_inner_window_title { height:50px; }

div.tw2gui_inner_window_title_left,div.tw2gui_inner_window_title_right {
	position:absolute;
	left:0;
	bottom:0px;
	right:50%;
	height:50px;
	background-image:url(/images/tw2gui/window/window2_title.png?13);
	background-repeat: no-repeat;
	background-position:left bottom;
}
div.tw2gui_inner_window_title_right {
	left:50%;
	right:0;
	background-position:right bottom;
}

div.tw2gui_inner_window_title div.textart_title {
	position:relative;
	color:#FFE7B1;
	margin-left:auto;margin-right:auto;
	padding-top:28px;
	line-height:50px;
	text-align:center;
}

div.tw2gui_inner_window_title div.textart_title a {
    color: #FEED90;
}

.tw2gui_window_notabs div.tw2gui_inner_window_title div.textart_title {
	padding-top:2px;
}

div.tw2gui_inner_window_title canvas, div.tw2gui_window_title_text {
	position:absolute;
	width:700px;
	margin-left:-350px;
	top:28px;
	left:50%;
	cursor:default;
	text-align:center;
}
div.empty_title div.tw2gui_inner_window_title canvas, div.empty_title div.tw2gui_inner_window_title div {
	display:none;
}
div.empty_title div.tw2gui_window_content_pane {
	top:32px;
}

div.tw2gui_inner_splitwindow {
	position:absolute;
	display:none;
	left:9px;
	bottom:13px;
	width:224px;
	top:50px;
}
div.tw2gui_inner_splitwindow_rightfade {
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	width:21px;
}
.splitwindow div.tw2gui_inner_splitwindow {
	display:block;
}
.tw2gui_inner_splitwindow_container {
	overflow:hidden;position:absolute;right:10px;left:0;top:0;bottom:0
}

.draggable {
	touch-action: none;
	touch-action: pinch-zoom;
}
/* }}} */

/* {{{ tw2gui window */
div.tw2gui_window_sizer {
	position:absolute;
	right:3px;
	bottom:0px;
	width:20px;
	height:20px;
	background: url(/images/tw2gui/window/window2_resizer.png?7) no-repeat;
	cursor:nw-resize;
	z-index:2;
}
div.tw2gui_window_content_pane {
	position:absolute;
	right:10px;
	bottom:10px;
	left:10px;
	top:62px;
}

div.tw2gui_window_tab_control_clipper {
	position:absolute;
	top:27px;
	right:16px;
	width:94px;
	height:18px;
	overflow:hidden;
}

div.tw2gui_window_tab_control {
	top:-18px;
	position:absolute;
	z-index:12;
	width:94px;
	height:18px;
	background: url(/images/tw2gui/window/tabbar/window2_tab_control.png?3) no-repeat;
}
div.tw2gui_window_tab_control_btnleft, div.tw2gui_window_tab_control_btnright, div.tw2gui_window_tab_control_select{
	position:absolute;
	width:20px;
	height:16px;
	top:1px;
}
div.tw2gui_window_tab_control_btnleft {
	left:22px;
}
div.tw2gui_window_tab_control_btnright {
	left:43px;
}
div.tw2gui_window_tab_control_select {
	left:64px;
}
div.tw2gui_window_buttons {
	position:absolute;
	top:5px;
	right:24px;
	width:80px;
	height:20px;
	z-index:14;
	text-align:right;
}
div.tw2gui_window_buttons_reload,div.tw2gui_window_buttons_closeall,div.tw2gui_window_buttons_minimize,div.tw2gui_window_buttons_close {
	background:url(/images/tw2gui/window/window2_buttons.png?5);
	width:20px;
	height:20px;
	display:inline-block;
	background-position:0px -20px;
	cursor: pointer;
	zoom:1;
	*display:inline;

}
div.tw2gui_window_buttons_reload:hover {background-position:0px 0px; }
div.tw2gui_window_buttons_closeall { background-position:-20px -20px; }
div.tw2gui_window_buttons_closeall:hover { background-position:-20px 0px; }
div.tw2gui_window_buttons_minimize { background-position:-40px -20px; }
div.tw2gui_window_buttons_minimize:hover { background-position:-40px 0px; }
div.tw2gui_window_buttons_close { background-position:-60px -20px; }
div.tw2gui_window_buttons_close:hover { background-position:-60px 0px; }

div.tw2gui_window.noreload div.tw2gui_window_buttons_reload {display:none;}
div.tw2gui_window.nocloseall div.tw2gui_window_buttons_closeall {display:none;}
div.tw2gui_window.nominimize div.tw2gui_window_buttons_minimize {display:none;}
div.tw2gui_window.noclose div.tw2gui_window_buttons_close {display:none;}

div.tw2gui_window_tabbar {
	position:absolute;
	left:20px;
	right:88px;
	overflow:hidden;
	height:33px;
	top:18px;
	z-index:3;
}
div.tw2gui_window_notabs div.tw2gui_window_tabbar {
	display:none;
}
div.tw2gui_window_tabbar_tabs {
	position:absolute;
	left:15px;
	width:2000px;
	z-index:2;
}
div.tw2gui_window_tabbar_fadeleft {
	background:url(/images/tw2gui/window/tabbar/window2_tab_fade_left.png?2) no-repeat top left;
	width:19px;
	top:0;
	height:26px;
	position:absolute;
	left:0;
	z-index:4;
}
div.tw2gui_window_tabbar_faderight {
	background:url(/images/tw2gui/window/tabbar/window2_tab_fade_right.png?4) no-repeat top right;
	width:28px;
	top:0;
	height:9px;
	position:absolute;
	right:0;
	z-index:4;
}
div.tw2gui_window_tab {
	background:url(/images/tw2gui/window/tabbar/window2_tab_inactive.png?8) no-repeat top left;
	height:23px;
	margin-top:4px;
	margin-right:8px;
	display:inline-block;
	position:relative;
	cursor:pointer;
	zoom:1;
	*display:inline;
}
.tw2gui_window_tab.loading {
	opacity: 0.5;
}
.tw2gui_window_tab .loader {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url('/images/throbber2.gif') 50% 50% no-repeat;
}
.tw2gui_window_tab.loading .loader {
	display: block;
}
div.tw2gui_window_tab_text {
	margin-left:16px;
	margin-right:12px;
	margin-top:8px;
	font-family:Arial,Times New Roman, Georgia, Serif;
	font-weight:bold;
	font-size:8pt;
	color:#AE9E82;
}
div.tw2gui_window_tab_terminator {
	position:absolute;
	height:23px;
	width:24px;
	right:-16px;
	top:0px;
	z-index:2;
	background:url(/images/tw2gui/window/tabbar/window2_tab_inactive.png?8) top right no-repeat;
}
div.tw2gui_window_tab_terminator_close {
	position: absolute;
	height: 23px;
	width: 28px;
	right: -16px;
	top: 0px;
	background: url('/images/tw2gui/window/tabbar/tab_close_inactive_normal.png') no-repeat;
	background-position: -285px 0px;
}
div.tw2gui_window_tab_terminator_close:hover {
	background: url('/images/tw2gui/window/tabbar/tab_close_inactive_hover.png') no-repeat;
	background-position: -285px 0px;
}
div.tw2gui_window_tab_active {
	background:url(/images/tw2gui/window/tabbar/window2_tab_active.png?3) left top;
	height:33px;
	margin-top:-4px;
	color:white;
	z-index:3;
	margin-top:0px;
}
div.tw2gui_window_tab_active div.tw2gui_window_tab_terminator {
	background:url(/images/tw2gui/window/tabbar/window2_tab_active.png?3) right top;
	height:33px;
	width:22px;
	right:-12px;
	z-index:4;
}
div.tw2gui_window_tab_active div.tw2gui_window_tab_terminator_close {
	background:url(/images/tw2gui/window/tabbar/tab_close_normal.png);
	background-position: -285px 0px;
	height:33px;
	width:22px;
	right:-12px;
	z-index:4;
}
div.tw2gui_window_tab_active div.tw2gui_window_tab_text {
	margin-right:10px;
	font-size:10pt;
	color:#D2C196;
}
div.tw2gui_window_tab div.tw2gui_window_tab_text:hover {
	color:white;
}

div.tw2gui_window div.fancytable {
	position:relative;
}

div.tw2gui_window div.fancytable div._bg {
	background-image:url(/images/tw2gui/table/table_border.png?3);
	position:absolute;
	/*z-index:1;*/
}
div.tw2gui_window div.fancytable > div.trows {
	padding:9px;
}
div.tw2gui_window div.fancytable > div.trows > div > div {
	position:relative;
}
div.tw2gui_window div.fancytable .row > div{
	display:inline-block;
	zoom:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	*display:inline;
}
div.tw2gui_window div.fancytable > div.trows > div.tbody {

}
div.tw2gui_window div.fancytable > div.trows div.tw2gui_scrollpane_clipper_contentpane {
	padding-left:5px;
	width:100%;
}
div.tw2gui_window div.fancytable > div.trows > div.tbody div.row {
	line-height:29px;
	height:29px;
	position: relative;
	left: -4px;
	background: url('/images/tw2gui/table/table_row.png') repeat-x center top;

}
div.tw2gui_window div.fancytable > div.trows > div.thead {
	padding:5px;
	font-weight:bold;
	background:url(/images/tw2gui/table/table_thead.jpg?3) center bottom;
}
div.tw2gui_window div.fancytable > div.trows > div.tfoot {
	padding:5px;
	font-weight:bold;
	background:url(/images/tw2gui/table/table_thead.jpg?3) center top;
}
div.tw2gui_window div.fancytable > div.trows > div.tbody {
	position: relative;
	min-height:100px;
}

div.tw2gui_window div.fancytable > div > div.statics > div > div {
	display:inline-block;
	zoom:1;
	*display:inline;
}

div.tw2gui_window div.tw2gui_modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; }

/* }}} */

/* {{{ fancytable */
div.fancytable .tw2gui_scrollpane {
	height: 200px;
}

div.fancytable > div.tw2gui_bg_tl,
div.fancytable > div.tw2gui_bg_tr { height: 80px; }
div.fancytable > div.tw2gui_bg_br,
div.fancytable > div.tw2gui_bg_bl { height: 80px; }
div.fancytable > .trows > .tbody > div.tw2gui_bg_l, 
div.fancytable > .trows > .tbody > div.tw2gui_bg_r {
	position: absolute !important;
	background: url(/images/tw2gui/table/table_border_lr.png) repeat-y !important;
	height: 100%;
	width: 50%;
	top: 0;
}
div.fancytable > .trows > .tbody > div.tw2gui_bg_l {
	background-position: top left;
	left: -9px;
} 
div.fancytable > .trows > .tbody > div.tw2gui_bg_r {
	background-position: top right !important;
	right: -9px;
}
/* }}} */

/* {{{ window box extension */
div.tw2gui_window .tw2gui_window_extension_box {
	position: relative;
	top: 74px;
	left: 15px;
	width: 280px;
	height: 372px;
	overflow: hidden;
}

div.tw2gui_window .tw2gui_window_extension_box_wrap {
	position: relative;
	background: url(/images/tw2gui/window/extension/box.png) no-repeat;
	background-position: right top;
	width: 267px;
	height: 372px;
	z-index: 10;
}
div.tw2gui_window .tw2gui_window_extension_box_btn {
	position: absolute;
	background: url(/images/tw2gui/window/extension/boxbtn.png) no-repeat;
	width: 17px;
	height: 70px;
	top: 160px;
	left: 249px;
	z-index: 11;
	cursor: pointer;
}
div.tw2gui_window .tw2gui_window_extension_box_head {
	position: absolute;
	top: 8px;
	height: 26px;
	width: 255px;
}
div.tw2gui_window .tw2gui_window_extension_box div.tw2gui_scrollpane {
	position: absolute;
	width: 236px;
	height: 305px;
	top: 50px;
	left: 10px;
	text-align: center;
}
/* }}} */

/* {{{ scrollbar */
div.tw2gui_scrollbar.vertical {
	position:absolute;
	overflow:hidden;
	right:0;
	width:15px;
	bottom:0;
	top:0;
	background:url(/images/tw2gui/window2_scrollbar_vertical.png?1) repeat-y -30px 0px;
}
div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_arrow_leup,div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_arrow_ribo {
	background:url(/images/tw2gui/window2_scrollbar_vertical.png?1) no-repeat 0px 0px;
	width:15px;
	height:15px;
	left:0px;
	top:0px;
	max-height:51%;
	position:absolute;
}
div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_arrow_ribo {
	background-position:0px bottom;
	bottom:0px;
	top:auto;
}
div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_pulley_area {
	position:absolute;
	right:0;
	width:15px;
	bottom:15px;
	top:15px;
}
div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_pulley {
	background:url(/images/tw2gui/window2_scrollbar_vertical.png?3) repeat-y -45px 0px;
	height:50%;
	min-height:16px;
	position:absolute;
	width:15px;
	cursor:ns-resize;
}
div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_pulley_bg1 {
	background:url(/images/tw2gui/window2_scrollbar_vertical.png?1) no-repeat -15px -27px;
	height:3px;
	width:15px;
	position:absolute;
	bottom:-3px;
}
div.tw2gui_scrollbar.vertical div.tw2gui_scrollbar_pulley_bg2 {
	background:url(/images/tw2gui/window2_scrollbar_vertical.png?1) no-repeat -15px 0px;
	height:5px;
	width:15px;
	position:absolute;
	top:0;
}


div.tw2gui_scrollbar.horizontal {
	position:absolute;
	overflow:hidden;
	left:0;
	right:0;
	height:15px;
	bottom:0;
	background:url(/images/tw2gui/window2_scrollbar_horizontal.png?1) repeat-x 0 -30px;
}
div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_arrow_leup,div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_arrow_ribo {
	background:url(/images/tw2gui/window2_scrollbar_horizontal.png?1) no-repeat 0 0;
	width:15px;
	height:15px;
	left:0;
	top:0;
	max-width:51%;
	position:absolute;
}
div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_arrow_ribo {
	background-position: 100% 0;
	right:0;
	left:auto;
}
div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_pulley_area {
	position:absolute;
	height:15px;
	left:15px;
	right:15px;
	top:0;
}
div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_pulley {
	background:url(/images/tw2gui/window2_scrollbar_horizontal.png?3) repeat-x 0 -45px;
	width:50%;
	min-width:16px;
	position:absolute;
	height:15px;
	cursor:ew-resize;
}
div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_pulley_bg1 {
	background:url(/images/tw2gui/window2_scrollbar_horizontal.png?1) no-repeat -27px -15px ;
	height:15px;
	width:3px;
	position:absolute;
	right:-3px;
}
div.tw2gui_scrollbar.horizontal div.tw2gui_scrollbar_pulley_bg2 {
	background:url(/images/tw2gui/window2_scrollbar_horizontal.png?1) no-repeat 0 -15px;
	height:5px;
	width:15px;
	position:absolute;
	left:0;
}
/* }}} */

/* {{{ scrollpane */
div.tw2gui_scrollpane {
	position: relative;
	height:100%;
	width:100%;
}
div.tw2gui_scrollpane_clipper {
	overflow:hidden;
	position:absolute;
	left:0;right:0;top:0;bottom:0;
}
div.tw2gui_scrollpane_clipper_contentpane {
	position:relative;
}
/* }}} */

/* {{{ groupframe */
div.tw2gui_groupframe {
	position:relative;
}
div.tw2gui_groupframe_background {
	position:absolute;
	left:8px;
	right:8px;
	top:10px;
	bottom:10px;
}
div.tw2gui_groupframe_background.bg0 {
	background:url(/images/tw2gui/groupframe/groupframe_bg.jpg?12) center center;
}
div.tw2gui_groupframe_frame {
	position:absolute;
	background-image:url(/images/tw2gui/table/table_border.png?4);
}
div.tw2gui_groupframe_content_pane {
	position:relative;
	padding:15px;
}
/* }}} */

/* {{{ textfield */
span.tw2gui_textfield_wrapper {
	display:inline-block;
}
span.tw2gui_textfield {
	display:inline-block;
	background:url(/images/tw2gui/textfield/textfield_cap.png?11) left top no-repeat;
	padding-left:12px;
	line-height:12px;
	height:30px;
}
span.tw2gui_textfield > span{
	background:url(/images/tw2gui/textfield/textfield.png?11) right top no-repeat;
	display:inline-block;
}
span.tw2gui_textfield input {
	border:none;
	background:none;
	line-height:18px;
	margin:0;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:0px;
	padding-right:8px;
	height:18px;
	color:black;
	outline:none;
}
/* }}} */

/* {{{ progressbar */
div.tw2gui_progressbar_label { background: url(/images/tw2gui/progress/tw2gui_progressbar_labelbgr.png) repeat-x; height: 21px; width: 100%; line-height: 21px; }
div.tw2gui_progressbar_label span { padding: 0 0 0 5px; }
div.tw2gui_progressbar_label img { margin: -1px 0 0 3px; }
div.tw2gui_progressbar_shadow { background: url(/images/tw2gui/progress/tw2gui_progressbar_shadow.png) repeat-x; width: 100%; height: 15px; }

div.tw2gui_progressbar { position:relative; font-weight:bold; }
div.tw2gui_progressbar_progress { position: relative; background: url('../images/tw2gui/progress/tw2gui_progressbar.png?1') repeat-x; text-align:center; padding: 0 3px; }
div.tw2gui_progressbar_progress,
div.tw2gui_progressbar_fill,
div.tw2gui_progressbar_contents,
div.tw2gui_progressbar_begin,
div.tw2gui_progressbar_end { height:17px; }

div.tw2gui_progressbar_begin,
div.tw2gui_progressbar_end { position: absolute; background:url('../images/tw2gui/progress/tw2gui_progressbar.png?1') 0 -17px; width:20px; top: 0;}
div.tw2gui_progressbar_begin { left: 0; }
div.tw2gui_progressbar_end { background-position: -26px -17px; right: 0; }

div.tw2gui_progressbar_fill {
	position: absolute;
	background:url('../images/tw2gui/progress/tw2gui_progressbar.png?1') repeat-x 0 -34px;
	max-width:100%;
	min-width:0px;
	z-index: 1;
}
.animate div.tw2gui_progressbar_fill {
	transition: width 500ms ease-in;
}
div.tw2gui_progressbar.direction_ltr div.tw2gui_progressbar_fill {
	left: 0;
}
div.tw2gui_progressbar.direction_rtl div.tw2gui_progressbar_fill {
	right: 0;
}
div.tw2gui_progressbar.red div.tw2gui_progressbar_fill { background-position: 0 -51px; }
div.tw2gui_progressbar.yellow div.tw2gui_progressbar_fill { background-position: 0 -68px; }
div.tw2gui_progressbar.mpi_red div.tw2gui_progressbar_fill { background-position: 0 -85px; }
div.tw2gui_progressbar.blue div.tw2gui_progressbar_fill { background-position: 0 -102px; }

div.tw2gui_progressbar_contents { position: absolute; color:white; line-height:19px; font-size:12px;
	text-shadow: black 1px 1px 1px; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; will-change: contents; }
/* }}} */

/* {{{ checkbox */
div.tw2gui_checkbox {
	background:url('../images/tw2gui/checkbox.png') no-repeat;
	display:inline-block;
	min-width:20px;
	color:black;
	/*color:white;*/
	height:20px;
	cursor:pointer;
	font-size:12px;
	/*text-shadow: black 1px 1px 1px;*/
	line-height: 20px;
	zoom:1;
	*display:inline;
}
div.tw2gui_checkbox_checked {
	background-position: 0 -20px;
}
div.tw2gui_checkbox_labeled {
	padding-left:25px;
}
/* }}} */

/* {{{ radiobutton */
div.tw2gui_checkbox_checked.tw2gui_radiobutton,
div.tw2gui_checkbox.tw2gui_radiobutton { background:url('../images/tw2gui/radiobutton.png?99') no-repeat; }
div.tw2gui_checkbox.tw2gui_radiobutton:hover { background-position: 0 -20px; }
div.tw2gui_checkbox_checked.tw2gui_radiobutton:hover,
div.tw2gui_checkbox_checked.tw2gui_radiobutton { background-position: 0 -40px; }
/* }}} */

/* {{{ textarea */
span.tw2gui_textarea {
	position:relative;
	display:inline-block;
}
span.tw2gui_textarea > div {
	background-image:url(/images/tw2gui/textfield/textarea_border.png);
	position:absolute;
}
span.tw2gui_textarea > div.tw2gui_bg {
	background:url(/images/tw2gui/textfield/textarea_bg.jpg) center center;
	position:absolute;
	left:9px;
	right:9px;
	bottom:9px;
	top:9px;
}
span.tw2gui_textarea textarea {
	position:relative;
	background:none;
	border:none;
	outline:none;
	resize:none;
	color:#005;
}
span.tw2gui_textarea div.tw2gui_textarea_wrapper {
	background:none;
	position:relative;
	margin:10px;
}

.tw2gui_textarea .tw2gui_textarea_toggler {
	position: absolute;
	top: 50%;
	left: -1px;
	margin-top: -35px;
	background: url(/images/tw2gui/window/extension/boxbtn.png) no-repeat -17px 0;
	width: 17px;
	height: 70px;
	cursor: pointer;
	display: none;
}
.tw2gui_textarea:hover .tw2gui_textarea_toggler {
	display: block;
}
.tw2gui_textarea .tw2gui_textarea_toggler.expanded {
	background-position: 0 0;
	left: -8px;
}
/* }}} */

/* {{{ combobox */
span.tw2gui_combobox,span.tw2gui_combobox > span {
	display:inline-block;
	cursor:pointer;
}
span.tw2gui_combobox_text {
	background:url(/images/tw2gui/combobox.png) left top;
	height:29px;
	width: 125px;
	min-width:30px;
	max-width:185px;
	overflow:hidden;
	line-height:29px;
	padding-left:8px;
	padding-right:8px;
	vertical-align: middle;
}
span.tw2gui_combobox_btn {
	background:url(/images/tw2gui/combobox.png) right top;
	height:29px;
	width:17px;
	line-height:29px;
	vertical-align: middle;
}
.tw2gui_combobox_list {
	position:absolute;
}
.tw2gui_combobox_list div.tw2gui_groupframe_frame {
	background-image:url(/images/tw2gui/groupframe/slimborder.png);
}
.tw2gui_combobox_list div.tw2gui_groupframe {
	left:-2px;
	top:-8px;
}
.tw2gui_combobox_list div.tw2gui_groupframe_background {
	left:3px;
	top:3px;
	right:3px;
	bottom:3px;
}
.tw2gui_combobox_list div.tw2gui_groupframe_content_pane {
	padding:10px;
}
.tw2gui_combobox_list div.tw2gui_groupframe_content_pane > span{
	display:block;
	cursor:pointer;
	padding-left:8px;
}
.tw2gui_combobox_list div.tw2gui_groupframe_content_pane > span:hover {
	background:url(/images/tw2gui/arrow/arrow_right.png) left center no-repeat;
}
/* }}} */

/* {{{ selectbox */
div.tw2gui_selectbox { 
	position: absolute; 
	z-index: 16777270; 
	padding: 7px 10px 11px 10px;
}
div.tw2gui_selectbox ul.tw2gui_selectbox_content {
	position: relative;
	min-width: 150px;
	max-width: 700px;
	max-height: 320px;
	color: #000;
	font-weight: bold;
	list-style-type: none;
	text-align: left !important;
}
div.tw2gui_selectbox.with_scrollbar ul.tw2gui_selectbox_content {
	height: 320px;
}

div.tw2gui_selectbox.right ul.tw2gui_selectbox_content {
	margin: 0 10px 0 0;
}

div.tw2gui_selectbox ul.tw2gui_selectbox_content li { 
	position: relative;
	background: url(/images/tw2gui/selectbox_row.png?5) repeat-x;
	border-bottom: 1px solid #8A7E68; 
	padding: 3px 10px; 
	cursor: pointer; 
}
div.tw2gui_selectbox ul.tw2gui_selectbox_content li img { 
	position: absolute; right: 5px;
}
div.tw2gui_selectbox ul.tw2gui_selectbox_content li:hover { 
	background-position: 0 -26px;
}

div.tw2gui_selectbox > div.tw2gui_selectbgr div.tw2gui_bg_tl,
div.tw2gui_selectbox > div.tw2gui_selectbgr div.tw2gui_bg_tr,
div.tw2gui_selectbox > div.tw2gui_selectbgr div.tw2gui_bg_bl,
div.tw2gui_selectbox > div.tw2gui_selectbgr div.tw2gui_bg_br {
	position: absolute;
	background-image: url(/images/tw2gui/selectbox.png?6);
}
div.tw2gui_selectbox div.tw2gui_selectbgr .arrow {
	background-image: url(/images/tw2gui/selectbox_arrows.png?4);
	position:absolute;
}
.arrow.top { top: -8px; width:22px; height:10px; background-position:-24px 0px;}
.arrow.bottom { bottom: -5px; width:24px; height:10px; background-position:-23px 14px; }

div.tw2gui_selectbox_header {
	position: relative;
	min-width: 30px;
	height: 33px;
	display: none;
	max-width: 300px;
}
div.tw2gui_selectbox_header div.tw2gui_selectbgr div.tw2gui_bg_tl,
div.tw2gui_selectbox_header div.tw2gui_selectbgr div.tw2gui_bg_tr {
	position: absolute;
	background-image: url(/images/tw2gui/selectbox_header.png?3);
	bottom: 0;
}
div.tw2gui_selectbox_header .header_title {
	position: relative;
	height: 33px;
	color: #fff;
	font-weight: bold;
	line-height: 27px;
	text-shadow: #000 1px 1px 1px;
	text-align: center;
	font-size: 16px;
	overflow: hidden;
}

/* }}} */

/* {{{ Overloading normal buttons in new windows */
div.tw2gui_window a.button_wrap .button_right {
	background:url(/images/tw2gui/button/button_normal.png?1) right top;
	height:36px;
	width:7px;
}
div.tw2gui_window a.button_wrap .button_middle {
	background:url(/images/tw2gui/button/button_normal.png?1) center top;
	height:36px;
	line-height:35px;
	color: #FFE7B1;
}
div.tw2gui_window a.button_wrap .button_left {
	background:url(/images/tw2gui/button/button_normal.png?1) left top;
	width:7px;
	height:36px;
}
div.tw2gui_window a.button_wrap:hover .button_right,
div.tw2gui_window a.button_wrap:hover .button_left,
div.tw2gui_window a.button_wrap:hover .button_middle {
	background-image:url(/images/tw2gui/button/button_highlight.png);
	color: #fff;
}
/* }}} */

/* {{{ System icons */
.system_icon_warning, .system_icon_usererror, .system_icon_ok, .system_icon_question { background: url(/images/tw2gui/systemicons.png) no-repeat; display: block; width: 52px; height: 57px; }
.system_icon_warning { background-position: 0 0; }
.system_icon_usererror { background-position: -52px 0; }
.system_icon_ok { background-position: -106px 0; }
.system_icon_question { background-position: -160px 0; }
/* }}} */

/* {{{ dialog, tooltip */
div.tw2gui_dialog_framefix { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 500; }
div.tw2gui_dialog_framefix.no_block {pointer-events:none;}
div.tw2gui_dialog { position: absolute; z-index: 1000; min-width: 450px; min-height: 125px; max-width: 840px; }
div.tw2gui_dialog_framefix.no_block div.tw2gui_dialog {pointer-events:auto;}
div.tw2gui_dialog div.tw2gui_inner_window_title { position: relative; padding: 0; left: 0; right: 0; cursor:default;}
div.tw2gui_dialog div.tw2gui_inner_window_title.draggable { cursor:move; }
div.tw2gui_dialog div.tw2gui_dialog_content { padding: 3px 25px 25px; }
div.tw2gui_dialog div.tw2gui_dialog_content > div { position: relative; }
div.tw2gui_dialog div.tw2gui_dialog_content div.tw2gui_dialog_text { font-size: 14px; float: left; }
div.tw2gui_dialog div.tw2gui_dialog_content div.tw2gui_dialog_icon { font-size: 14px; float: left; margin: 0 10px; }
div.tw2gui_dialog div.tw2gui_dialog_actions { padding: 0 25px 28px; text-align: right; }
div.tw2gui_dialog div.tw2gui_dialog_iecockblocker { position: absolute; width: 100%; height: 100%; }

.popup_content {
	position: relative;
	z-index: 2;
	padding: 20px;
	max-width: 500px;
	list-style-position: inside;
}
.popup_content .horizontal-divider {
	margin-left: auto;
	margin-right: auto;
}

.blackboard .city div.tp_front div.tw2gui_bg_tl,
.blackboard .city div.tp_front div.tw2gui_bg_tr,
.blackboard .city div.tp_front div.tw2gui_bg_bl,
.blackboard .city div.tp_front div.tw2gui_bg_br,
div.mousepopup div.tp_front div.tw2gui_bg_tl,
div.mousepopup div.tp_front div.tw2gui_bg_tr,
div.mousepopup div.tp_front div.tw2gui_bg_bl,
div.mousepopup div.tp_front div.tw2gui_bg_br,
div.tw2gui_dialog div.tp_front div.tw2gui_bg_tl, 
div.tw2gui_dialog div.tp_front div.tw2gui_bg_tr, 
div.tw2gui_dialog div.tp_front div.tw2gui_bg_bl, 
div.tw2gui_dialog div.tp_front div.tw2gui_bg_br {
	position:absolute;
	background-image:url(/images/tw2gui/tooltip/tooltipBG.png);
}

div.mousepopup.ornamentic div.tp_front div.tw2gui_bg_tl,
div.mousepopup.ornamentic div.tp_front div.tw2gui_bg_tr,
div.mousepopup.ornamentic div.tp_front div.tw2gui_bg_bl,
div.mousepopup.ornamentic div.tp_front div.tw2gui_bg_br,
div.tw2gui_dialog.ornamentic div.tp_front div.tw2gui_bg_tl, 
div.tw2gui_dialog.ornamentic div.tp_front div.tw2gui_bg_tr, 
div.tw2gui_dialog.ornamentic div.tp_front div.tw2gui_bg_bl, 
div.tw2gui_dialog.ornamentic div.tp_front div.tw2gui_bg_br {
	position:absolute;
	background-image:url(/images/tw2gui/tooltip/tooltipBG_ornamentic.png);
}

div.tw2gui_dialog.welcome {
	background-image:url(/images/window/welcome-barkeeper.png);
	height: 408px;
	width: 775px;
}
div.tw2gui_dialog.welcome div.tp_front {
	display: none;
}
div.tw2gui_dialog.welcome span {
	position: absolute;
	top: 180px;
	left: 240px;
	width: 470px;
}
div.tw2gui_dialog.welcome .tw2gui_dialog_actions {
	position: absolute;
	bottom: 0;
	right: 12px;
}

div.tw2gui_dialog .tw2gui_dialog_position_fix {
	position: relative;
	z-index: 1;
}

div.mousepopup .teaser_headline {}

div.mousepopup .teaser_animation {
	display: inline-block;
	width: 26px;
	height: 10px;
	line-height: 10px;
	font-size: 14px;
	letter-spacing: 2px;
	overflow: hidden;
	vertical-align: text-bottom;
	color: #000000;

	-webkit-animation: teaserLoader 1.3s linear 1;
	-moz-animation: teaserLoader 1.3s linear 1;
	-o-animation: teaserLoader 1.3s linear 1;
	animation: teaserLoader 1.3s linear 1;

}

div.mousepopup .teaser_content {
	height: 0;
	width: 0;
	opacity: 0;
	transition:  opacity 1s ease-out;
	overflow: hidden;
}
div.mousepopup.extended { }
div.mousepopup.extended .teaser_headline {}
div.mousepopup.extended .teaser_animation {
	display: none;
}

div.mousepopup.extended .teaser_content {
	height: auto;
	width: auto;
	opacity: 1;
}

img.hasMousePopup, .hasMousePopup img {
	-webkit-touch-callout: none;
}
/* }}} */

/* {{{ dialog characters */

div.tw2gui_dialog .tw2gui_dialog_character {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
}
div.tw2gui_dialog .tw2gui_dialog_character.character_male {
	width: 378px;
	height: 660px; /* 694px; */
	margin: -500px 0 0 -500px;
	background: url('/images/tw2gui/character/cowboy.png?') no-repeat 0 0;
}

div.tw2gui_dialog .tw2gui_dialog_character.character_female {
	width: 356px;
	height: 530px;
	margin: -530px 0 0 -478px;
	background: url('/images/tw2gui/character/cowgirl.png?') no-repeat 0 0;
}

div.tw2gui_dialog .tw2gui_dialog_character.character_clown {
	background: url('/images/tw2gui/character/clown.png') no-repeat 0 0;
}

/* }}} */

/* {{{ pagebar */
.tw2gui_pagebar {position:relative;}
.tw2gui_pagebar div.current_page {background:url(/images/tw2gui/pagebar/bg.png) 0 0; margin-left: 35px; width:44px; height:20px; text-align:center; line-height:20px; font-weight:bold; cursor:pointer; color:#fff; font-size:11px; display: inline-block; zoom:1; *display:inline; /* IE7 fix for div + inline-block */}
.tw2gui_pagebar .button {position:absolute; height:18px; background-image:url(/images/tw2gui/pagebar/arrows.png); cursor:pointer; top:1px; }
.tw2gui_pagebar .firstPage {width:15px; background-position:0px 0px; left:0px; cursor: pointer;}
.tw2gui_pagebar .firstPage:hover {background-position: -15px 0;}
.tw2gui_pagebar .previousPage {width:10px; background-position:-30px 0px; left:20px;}
.tw2gui_pagebar .previousPage:hover {background-position: -40px 0;}
.tw2gui_pagebar .nextPage {width:9px; background-position:-50px 0px; left:85px; cursor: pointer;}
.tw2gui_pagebar .nextPage:hover {background-position: -59px 0;}
.tw2gui_pagebar .lastPage {width:15px; background-position:-68px 0px; left:100px; cursor: pointer;}
.tw2gui_pagebar .lastPage:hover {background-position: -83px 0;}
.tw2gui_pagebar .pageprompt {display:none; position:absolute; left:-6px; top:-40px; width:115px; padding:5px; text-align:center;}
.tw2gui_pagebar .pageprompt .background {background: url(/images/tw2gui/groupframe/groupframe_bg.jpg) center center; left:3px; top:3px; right:3px; bottom:3px; position:absolute;}
.tw2gui_pagebar .pageprompt .frame {background-image: url(/images/tw2gui/groupframe/slimborder.png); position:absolute;}
.tw2gui_pagebar .pageprompt .tw2gui_textfield_wrapper,.tw2gui_pagebar .pageprompt span {position:relative;}
/* }}} */

/* {{{ bbcodes */
.tw2gui_bbcodes {position:relative;}
.tw2gui_bbcodes span {background-image:url(/images/tw2gui/tw2gui_bbcodes.png); width:21px; height:20px; cursor:pointer; float: left; }
/* using background-position-y here would save much code, but CSS3 is not widely supported yet :-| */
.tw2gui_bbcodes .bbbold {left:0px;} .tw2gui_bbcodes .bbbold:hover {background-position:0px 20px;}
.tw2gui_bbcodes .bbitalic {background-position:-22px 0; left:22px;} .tw2gui_bbcodes .bbitalic:hover {background-position:-22px 20px;}
.tw2gui_bbcodes .bbunderline {background-position:-44px 0; left:44px;} .tw2gui_bbcodes .bbunderline:hover {background-position:-44px 20px;}
.tw2gui_bbcodes .bbstrike {background-position:-66px 0; left:66px;} .tw2gui_bbcodes .bbstrike:hover {background-position:-66px 20px;}
.tw2gui_bbcodes .bbplayer {background-position:-88px 0; left:88px;} .tw2gui_bbcodes .bbplayer:hover {background-position:-88px 20px;}
.tw2gui_bbcodes .bbtown {background-position:-110px 0; left:110px;} .tw2gui_bbcodes .bbtown:hover {background-position:-110px 20px;}
.tw2gui_bbcodes .bburl {background-position:-176px 0; left:176px;} .tw2gui_bbcodes .bburl:hover {background-position:-176px 20px;}
.tw2gui_bbcodes .bbfort {background-position:-132px 0; left:132px;} .tw2gui_bbcodes .bbfort:hover {background-position:-132px 20px;}
.tw2gui_bbcodes .bballiance {background-position:-154px 0; left:154px;} .tw2gui_bbcodes .bballiance:hover {background-position:-154px 20px;}
/* }}} */

/* {{{ searchbox  */
.searchbox div.tw2gui_button div.textart_title { width: 24px; max-width: 30px; height: 16px; padding: 7px 4px; margin: 0;}
.searchbox div.tw2gui_button { position:absolute; top: 0px; right:0px; width: 32px; max-width: 40px; height: 16px;}
/*TODO */
.searchbox span.tw2gui_textfield {padding-left: 10px; padding-right: 10px;}
.searchbox span.tw2gui_textfield input[type='text'] {width: 134px;}
/* }}} */

/* {{{ accordion */
.tw2gui_accordion_categorybar { width:150px; height:21px; cursor: pointer; }
.tw2gui_accordion_categorybar > div { width: 50%; height: 21px; position: absolute; background:url('/images/tw2gui/accordion/accordion_bar2.png') no-repeat; }

.tw2gui_accordion_content {display: none;}
.accordion_label {position: absolute; left: 30px; padding-top: 2px; font-weight: bold; color: #fff; font-size: small;}

div.accordion_left_opened {left: 0px;background-position: left bottom;}
div.accordion_left_closed {left: 0px; background-position: left top;}
div.accordion_right {right: 1px; background-position: right top;}
p.accordion_contentRow {margin:0; padding:0; font-size: 8pt;font-weight:bold; padding-left: 4px; height: 18px; background: url('/images/tw2gui/accordion/accordion_row.png') center top repeat-x; }
/* }}} */

/* {{{ htmltable */
table.tw2gui_htmltable { /*width: 520px; height: 285px; max-width: 525px;*/
	border-spacing:0;

	table-layout: fixed;

	border: 2px ridge #321;
	border: 2px ridge #523f30;
	background-color: #cfc091; /* bräunlich */
	background-color: #E7DAB0; /* ~khaki dunkel */
	/*background-color: #ffc; /* ~gelb */
	/*background-color: #7d6e33;
	background-color: #CBC2A3;*/
	/*background-color: #d2c196;*/
	background-color: #e8dab3;
	color: #321;
}
table.tw2gui_htmltable tr, table.tw2gui_htmltable td {height: 9px;}
table.tw2gui_htmltable { min-width: 100px; min-height: 100px; padding:0; margin: 0;}
table.tw2gui_htmltable thead, table.tw2gui_htmltable tfoot {}
table.tw2gui_htmltable_tdcontainer {}
div.tw2gui_htmltable_div_content {width: 104%; overflow:auto; overflow-y:scroll; overflow-x: hidden; min-height: 100px; margin-left: -2px;}
/* CSS hack for IE 7 and other stupid browser */
*:first-child+html div.tw2gui_htmltable_div_content {}
table.tw2gui_htmltable_contenttable {width: 100%; min-height: 100px;}
table.tw2gui_htmltable_contenttable tr {border-bottom: 1px solid #000;}
table.tw2gui_htmltable th.for_scrollbar {text-align: left; vertical-align: top; width:22px;}
table.tw2gui_htmltable img.tw_item {width: 16px; height: 16px;}
table.tw2gui_htmltable_contenttable td {color: #321;font-size: 8pt;}
table.tw2gui_htmltable_contenttable td, table.tw2gui_htmltable_contenttable th {
white-space:nowrap;
	overflow-x:hidden;
	text-overflow:ellipsis;
	padding:0;
	margin:0;
}
/* }}} */

/* {{{ plusminusfield */
div.tw2gui_plusminus {text-align: center; font-weight: bold; background: url('/images/tw2gui/plusminus/plusminus_display_bg2.png'); width:86px; height:15px;}
div.tw2gui_plusminus > span {display: inline-block; margin-top: 1px}
div.tw2gui_plusminus span.butPlus { background-image: url('/images/tw2gui/plusminus/plus_button.png'); width: 12px; height: 12px;  }
div.tw2gui_plusminus input.displayValue, div.tw2gui_plusminus input.displayValueBonus { background: transparent; color: #fff; width: 50px; height: 12px; text-align: center; font-size: 10pt; text-shadow: #000 1px 1px 1px; border: none; font-family: inherit; font-weight: inherit; -moz-appearance: textfield }
div.tw2gui_plusminus input.displayValue::-webkit-inner-spin-button, div.tw2gui_plusminus input.displayValue::-webkit-outer-spin-button, div.tw2gui_plusminus input.displayValueBonus::-webkit-inner-spin-button, div.tw2gui_plusminus input.displayValueBonus::-webkit-outer-spin-button { visibility: hidden; -webkit-appearance: none; margin: 0 }
div.tw2gui_plusminus input.displayValue:invalid, div.tw2gui_plusminus input.displayValueBonus:invalid { color: red !important }
div.tw2gui_plusminus span.butMinus { background-image: url('/images/tw2gui/plusminus/minus_button.png'); width: 12px; height: 12px; }
/* }}} */

/* {{{ plusminusfield with arrows*/
div.tw2gui_plusminus.with_arrows {text-align: center; font-weight: bold; background: rgba(0,0,0,0.3); width:86px; height:20px; line-height:20px;}
div.tw2gui_plusminus.with_arrows > span {display: inline-block; vertical-align: middle; }
div.tw2gui_plusminus.with_arrows span.butPlus { background-image: url('/images/scrollbar/scroll_up.png'); width: 15px; height: 12px; cursor: pointer; }
div.tw2gui_plusminus.with_arrows input.displayValue, div.tw2gui_plusminus.with_arrows input.displayValueBonus { background: transparent; color: #fff; width: 50px; height: 20px; text-align: center; font-size: 11pt; text-shadow: #000 1px 1px 1px; border: none; font-family: inherit; font-weight: inherit; -moz-appearance: textfield }
div.tw2gui_plusminus.with_arrows span.butMinus { background-image: url('/images/scrollbar/scroll_down.png'); width: 15px; height: 12px; cursor: pointer; }
div.tw2gui_plusminus.with_arrows > span.inactive { opacity: 0.5; cursor: default;}
/* }}} */

/* {{{ arrow up, down, cancel-all */
div.tw2gui_arrow_up_bottom, div.tw2gui_arrow_up_top,
div.tw2gui_arrow_down_bottom, div.tw2gui_arrow_down_top, div.tw2gui_arrow_up_cancel {
    background: url('/images/tw2gui/arrow_updown.png?7') no-repeat;
    width: 54px;
    height: 14px;
    cursor: pointer;
}
div.tw2gui_arrow_up_top { background-position: 0 -14px; }
div.tw2gui_arrow_up_top.inactive, div.tw2gui_arrow_up_bottom.inactive { background-position: 0 -28px; }
div.tw2gui_arrow_down_top { background-position: -54px 0; }
div.tw2gui_arrow_down_top.inactive, div.tw2gui_arrow_down_bottom.inactive { background-position: -54px -28px; }
div.tw2gui_arrow_down_bottom { background-position: -54px -14px; }

div.tw2gui_arrow_up_top.highlight { will-change: opacity; background-position: -108px -14px; }
div.tw2gui_arrow_down_top.highlight { will-change: opacity; background-position: -162px 0; }

div.tw2gui_arrow_up_bottom.highlight { will-change: opacity; background-position: 0 0; }
div.tw2gui_arrow_down_bottom.highlight { will-change: opacity; background-position: -162px -14px; }

div.tw2gui_arrow_up_cancel { background-position: -108px -28px }
/* }}} */

/* {{{ job searchbar */
div.tw2gui_jobsearchbar {position: relative; top: 0px; left: 3px; width: 120px;}
div.tw2gui_jobsearchbar input {font-size: 9pt;}
div.tw2gui_jobsearch_showall {display:none; position: absolute; top: 3px; right: 2px; width: 24px; height: 24px;  background:url('/images/tw2gui/searchbar_button_all.png?2') no-repeat;}
div.tw2gui_jobsearchbar_results, div.tw2gui_jobsearchbar_allresults {display: none; background-image: url('/images/tw2gui/textfield/textarea_bg.jpg'); position: relative; top: 0px; left: 5px; z-index: 5; padding-left: 5px; width: 185px; font-size:9pt; color: #333; border: 1px solid #543;}
div.tw2gui_jobsearchbar_results {padding:0 2px; width: 165px;}
div.tw2gui_jobsearchbar_results > p:hover, div.tw2gui_jobsearchbar_allresults p:hover,
div.tw2gui_jobsearchbar_results > p.focused, div.tw2gui_jobsearchbar_allresults p.focused {font-weight: bold;}
div.tw2gui_jobsearchbar_clearbutton {width: 20px; height: 22px; position: absolute; top: 4px; right: 8px; background: url('/images/window/jobs/x.jpg') no-repeat; cursor:pointer;}
div.tw2gui_jobsearchbar_clearbutton:hover {background: url('/images/window/jobs/x_hover.jpg') no-repeat;}
/* }}} */

/* job stars */
div.tw2gui_jobstars {width: 278px; height: 52px;}
div.jobstar {width: 52px; height: 52px; display: inline-block;
	zoom:1; *display:inline; /* IE7 fix */ 
	background: url('/images/tw2gui/jobstars.png?1') no-repeat 0 0;}
div.jobstar.bronzestar {background-position: -52px 0;}
div.jobstar.silverstar {background-position: -104px 0;}
div.jobstar.goldstar {background-position: -156px 0;}

/* progressbar as circle progress */
div.tw2gui_progresscircle {width: 105px; height: 105px; position: relative; left: 0px; top: 0px; background: url('/images/tw2gui/circleprogress/background.png'); }
div.tw2gui_progresscircle > img {position: absolute;}
img.tw2gui_cprog_dot1 {left: 45px; top: 4px;}
img.tw2gui_cprog_dot2 {left: 65px; top: 16px;}
img.tw2gui_cprog_dot3 {left: 69px; top: 42px;}
img.tw2gui_cprog_dot4 {left: 53px; top: 65px;}
img.tw2gui_cprog_dot5 {left: 21px; top: 67px;}
img.tw2gui_cprog_dot6 {left: 3px; top: 40px;}
img.tw2gui_cprog_dot7 {left: 16px; top: 9px;}

div.tw2gui_progresstraffic {width: 105px; height: 105px; position: relative; left: 0px; top: 0px; background: url('/images/tw2gui/trafficprogress/background.png'); }
div.tw2gui_progresstraffic > img {position: absolute;}
img.tw2gui_tprog_dot1 {left: 38px; top: 4px;}
img.tw2gui_tprog_dot2 {left: 70px; top: 39px;}
img.tw2gui_tprog_dot3 {left: 39px; top: 70px;}
img.tw2gui_tprog_dot4 {left: 5px; top: 39px;}

div.fancybanner {
	position: absolute;
	left: 50%;
	height: 100px;
	margin-left: -250px;
	width: 500px;
	text-shadow: 1px 2px 1px #000;
	display:none;
}
div.fancybanner .bgr {
	position: relative;
	margin: 0 auto;
	height: 100px;
	width: 100px;
}
div.fancybanner .content {
	position: absolute; 
	top: 0px;
}

div.fancybanner .bgr-left, div.fancybanner .bgr-right, div.fancybanner .bgr-mid {
	position: absolute;
	background: url(/images/interface/notification/lvlup_bgr.png) no-repeat;
	height: 100px;
}
div.fancybanner .bgr-left { left: 0; width: 50px; }
div.fancybanner .bgr-mid { left: 50px; right: 50px; background-position: -50px 0; }
div.fancybanner .bgr-right { right: 0; width: 50px; background-position: right; }

div.fancybanner div.title {
	position: relative;
	text-align: center;
	font-size: 18pt;
	top: 20px;
	color: #DBA901;
	width: 500px;
}
div.fancybanner div.subtitle {
	font-size: 18pt;
	font-weight: bold;
	position: relative;
	color: white;
	top: 23px;
	width: 500px;
	text-align: center;
}

div.fancybanner div.button {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	text-align: center;
}

div.fancybanner div.quest_reward_button {
	height: 60px;
	width: 160px;
	position: relative;
	margin: auto;
	top: -20px;
	cursor: pointer;
}