body {background-color:#CDCDCD; font-family:Tahoma, sans-serif; font-size:10px; overflow:hidden;} a {color:#000; text-decoration:none;} strong {font-weight:bold;} #workspace {overflow:hidden; z-index:7; float:left; position:absolute; top:36px; left:14px;} #canvas {position:fixed; left:40px; top:60px; box-shadow: 0px 2px 8px #999; float:left; display:none;} #panels {position:relative; top:22px; width:262px; height:100px; float:right; z-index:9; background-color:#F2F2F2; border-left:1px solid #808080;} input {outline: none} .warning {color:#CC0000 !important;} .disabled {opacity: 0.25; -moz-opacity: 0.25; filter:alpha(opacity=25); pointer-events:none;} #taskbar, #workspace, #panels {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* /// Taskbar ///*/ #taskbar {position:fixed; z-index:11; width:100%; background-color:#F2F2F2; font-family:Helvetica, Arial, sans-serif; font-size:12px;} #taskbar #container {height:13px;} #taskbar ul {border-bottom:1px solid #808080; padding:5px 0px 3px 0px;} #taskbar ul li {display:inline; margin-left:6px; position:relative; padding:5px 8px 2px 8px;} #taskbar ul li:hover {cursor:default;} #taskbar li ul {display:none; position:absolute; width:140px; background-color:#FFF; border:1px solid #808080; top:21px; left:0px; line-height:18px; padding:4px 0px 4px 0px;} #taskbar li ul li {display:block; margin-left:0px; padding:0px 7px 0px 7px;} #taskbar li ul li:hover {background-color:#BEBEBE; cursor:default;} #taskbar li ul .l1d {color:#CCC;} #taskbar li ul .l1d:hover {background-color:#FFF;} #taskbar .shortcut {float:right;} #taskbar .divider {background-color:#DEDEDE; height:1px; margin:4px 0px 4px 0px;} #taskbar .divider:hover {background-color:#DEDEDE;} #taskbar #login_status {display:inline; float:right; margin:5px 4px 0px 0px; color:#A6A6A6;} #taskbar #doc_info {position:relative; top:-17px; height: 0px; text-align:center;} #taskbar .shortcut {display:none;} /* /// Rulers ///*/ #ruler_c {position:fixed; z-index:10; top:22px; width:14px; height:14px; border:1px solid #000; border-left:0px; border-top:0px; background-color:#FFF;} #ruler_fv {position:fixed; z-index:10; width:14px; height:1px; background-image: url("../images/ruler/fv.png");top:0px;} #ruler_fh {position:fixed; z-index:10; width:1px; height:14px; background-image: url("../images/ruler/fh.png");top:22px; left:0px;} #ruler_h_holder {position:fixed; z-index:9; top:22px; width:100%; height:14px; overflow:hidden; background-color:#FFF; border-bottom:1px solid #000;} #ruler_v_holder {position:fixed; z-index:9; top:37px; width:14px; height:100px; overflow:hidden; background-color:#FFF; border-right:1px solid #000;} #ruler_h {position:fixed; z-index:9; width:100%; top:22px; height:15px;} .val_h {position:fixed; z-index:8; top:21px; font-size:9px;} .val_v {position:fixed; z-index:8; width:10px; line-height:9px; left:2px; font-size:9px;} .val_h:hover {cursor:default;} .val_v:hover {cursor:default;} /* /// Panels ///*/ #panels {color:#666;} #panels h2 {font-weight:bold;} #panels input {color:#666; font-size:10px; padding-left:2px;} #layer_panels {height:350px; overflow:auto; margin-top:1px;} /* /// Toolbar ///*/ #toolbar {height:28px; padding:5px 0px 5px 6px; border-bottom:1px solid #808080; border-top:1px solid #FFF;} #panels #toolbar .tool_but {height:26px;} #panels #toolbar .tool_but:hover {background-position: 0px -26px;} #toolbar #select {width:26px; background-image: url("../images/tools/select.png"); float:left; margin-right:6px;} #toolbar #rectangle {width:25px; background-image: url("../images/tools/rectangle.png"); float:left;} #toolbar #circle {width:25px; background-image: url("../images/tools/circle.png"); float:left;} #toolbar #line {width:26px; background-image: url("../images/tools/line.png"); float:left; margin-right:6px;} #toolbar #hand {width:26px; background-image: url("../images/tools/hand.png"); float:left; margin-right:6px;} #toolbar #zoom-in {width:25px; background-image: url("../images/tools/zoom-in.png"); float:left;} #toolbar #zoom-out {width:26px; background-image: url("../images/tools/zoom-out.png"); float:left; margin-right:6px;} /* /// Tool Cursors ///*/ .tool_cursor_default {cursor:default;} .tool_cursor_crosshair {cursor:crosshair;} .tool_cursor_move {cursor:move;} /* /// Toolbar Color Picker ///*/ #toolbar #picker {width:26px; height:26px; display:inline; float:left;} #toolbar #picker #lc {width:12px; height:12px; padding:1px; background-color:#fff; border:1px solid #B3B3B3; position:absolute; z-index:2; } #toolbar #picker #fc {width:12px; height:12px; padding:1px; background-color:#fff; border:1px solid #B3B3B3; position:absolute; z-index:1; margin:10px 0px 0px 10px;} #toolbar #picker #lc .but{width:8px; height:8px; border:2px solid #9cc} #toolbar #picker #fc .but{width:12px; height:12px; background-color:#fcc} #toolbar #picker #lc:hover {border-color:#808080;} #toolbar #picker #fc:hover {border-color:#808080;} /* /// Color Palette ///*/ #palette {height:27px; background-color:#F2F2F2; border-top:1px solid #FFF; border-bottom:1px solid #808080;} #current_color_w {width:14px; height:14px; margin:4px 0px 5px 6px; padding:1px; float:left; border:1px solid #B3B3B3;} #current_color {width:14px; height:14px; background-color:#9cc;} #color_hex_w {width:62px; height:16px; margin:4px 0px 5px 0px; float:left; border:1px solid #B3B3B3; border-left:0px; background-color:#FFF;} #color_hex_input {width:59px; height:14px; border:0px; margin:1px 0px 0px 1px;} #swatches {width:110px; height:14px; margin:4px 0px 5px 5px; padding:1px; float:left; border:1px solid #B3B3B3;} .swatch {width:14px; height:14px; float:left; border-right:1px solid #F2F2F2;} .swatch_active {border-color:#000 !important; z-index:4 !important;} #no_color {margin-right:3px; background-image:url("../images/panels/palette_no_color.png");} #last_color {margin-left:2px; background-image:url("../images/panels/palette_prev_color.png");} #done_but {float:right; margin: 4px 4px 0 0;} /* /// Layers ///*/ #layers {background-color:#FFF; line-height:16px; height:220px; border-bottom:1px solid #D8D8D8; overflow:auto;} #layers h2 {margin:0px 4px 0px 10px; padding:6px 0px 4px 0px; border-bottom:1px solid #CCC;} .layer {height:19px; margin:1px 4px 1px 0px; padding:4px 0px 0px 10px;} .layer_sub {height:19px; margin:1px 0px; padding:4px 0px 0px 20px;} .layer p {display:inline-block; max-width:100px; margin-left:4px; height:17px; vertical-align:top; margin-top:-1px; overflow:hidden;} .layer_arrow {width:19px; height:15px; display:inline; float:left; } .layer_divider {height:1px; background-color:#CCC;} .layer_content_icon {margin-right:4px; float:right;} .icon_target {float:right;} #layer_divider_depth1 {margin:0px 0px 0px 20px;} #layer_divider_depth2 {margin:0px 0px 0px 39px;} .layer_selected {background:url("../images/panels/layer_bg.png") repeat-x;} .layer_drop_area {height:23px; background-color:#F2F2F2;} .layer_name_input {height:13px; max-width:100px; border:1px solid #CCC;} /* /// Layer Controls ///*/ #layer_controls {height:18px; padding:4px 0px 5px 6px; border-top:1px solid #FFF; border-bottom:1px solid #808080;} #layer_controls #opacity {width:207px; height:18px; margin-left:4px; float:left; background-image:url("../images/panels/layer_controls_opacity_bg_long.png");} #layer_controls #opacity_input {width:29px; height:12px; border:none; float:right; margin:3px; font-size:10px; padding-left:1px;} #layer_controls #opacity_slider {width:110px; height:12px; margin:3px 0px 0px 52px; display:inline-block;} #layer_controls .ui-slider-handle {width:12px; height:12px; margin-left:-6px; display:block; position:relative; cursor:default; outline:none; background-image:url("../images/panels/layer_controls_opacity_slider.png");} #layer_controls .ui-state-focus {background-image:url("../images/panels/layer_controls_opacity_slider_focus.png");} #layer_controls .ui-state-active {background-image:url("../images/panels/layer_controls_opacity_slider_active.png");} #layer_controls #visibility_off {width:17px; height:18px; margin-left:6px; float:left; background-image:url("../images/panels/layer_controls_eye_off.png");} #layer_controls #delete {width:18px; height:18px; float:left; background-image:url("../images/panels/layer_controls_delete.png");} #layer_controls #visibility_off:hover {background-position:0px -17px;} #layer_controls #visibility_off:active {background-position:0px -34px;} #layer_controls #delete:hover {background-position:0px -17px;} #layer_controls #delete:active {background-position:0px -34px;} #layer_controls #picker2 .lc:hover {border-color:#808080;} #layer_controls #picker2 .fc:hover {border-color:#808080;} /* /// Rectangle Dimensions, Margins & Ratios ///*/ #dimensions {height:316px; padding:7px 3px 0px 10px; border-bottom:1px solid #808080; border-top:1px solid #FFF;} #dimensions h2 {margin-bottom:8px;} #rectangle_locks {width:223px; height:137px; margin-bottom:10px; background-image:url("../images/panels/rectangle_lock_bg.png");} #lock_text {position:relative; float:left; left:0px; top:-34px; font-size:13px; width:223px; text-align:center; font-weight:bold; color:#BFBFBF; letter-spacing:2px; line-height: 15px; display:none; pointer-events:none;} #lock_text .lock_text1 {font-size:9px;} .rect_lock {z-index:11;} #lock_t {width:11px; height:29px; position:relative; float:left; left:106px; top:1px; background-image:url("../images/panels/rectangle_lock_v.png");} #lock_r {width:29px; height:11px; position:relative; float:left; left:153px; top:63px; background-image:url("../images/panels/rectangle_lock_h.png");} #lock_b {width:11px; height:29px; position:relative; float:left; left:37px; top:107px; background-image:url("../images/panels/rectangle_lock_v.png");} #lock_l {width:29px; height:11px; position:relative; float:left; left:-10px; top:63px; background-image:url("../images/panels/rectangle_lock_h.png");} #lock_h {width:11px; height:75px; position:relative; float:left; left:26px; top:31px; background-image:url("../images/panels/rectangle_lock_height.png");} #lock_w {width:161px; height:11px; position:relative; float:left; left:31px; top:-12px; background-image:url("../images/panels/rectangle_lock_width.png");} #lock_t:hover, #lock_b:hover {background-position:0px -27px;} #lock_l:hover, #lock_r:hover {background-position:-27px 0px;} #lock_w:hover {background-position:0px -9px;} #lock_h:hover {background-position:-9px 0px;} #lock_t.locked, #lock_b.locked {background-position:0px -54px;} #lock_l.locked, #lock_r.locked {background-position:-54px 0px;} #lock_w.locked {background-position:0px -18px;} #lock_h.locked {background-position:-18px 0px;} #inputs_wh {width:85px; float:left;} .panel_spinner_wrap {height:15px; margin-bottom:7px;} .panel_spinner_wrap .value_wrap {height:13px; border:1px solid #B3B3B3; float:left;} .panel_spinner_wrap input {width:38px; height:13px; border:1px solid #B3B3B3; border-top:0px; border-bottom:0px; float:left;} .panel_spinner_wrap .button_left {width:13px; height:13px; float:left; background-image:url("../images/panels/fields_arrow_left.png");} .panel_spinner_wrap .button_right {width:13px; height:13px; float:left; background-image:url("../images/panels/fields_arrow_right.png");} .panel_spinner_wrap .button_left:hover {background-position:0px -13px;} .panel_spinner_wrap .button_right:hover {background-position:0px -13px;} .panel_spinner_wrap .button_left:active {background-position:0px -26px;} .panel_spinner_wrap .button_right:active {background-position:0px -26px;} .panel_spinner_wrap label {width:15px; float:left; margin-top:2px;} .panel_spinner_wrap .locked {opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); pointer-events:none} .switch_button {width:15px; height:15px;} .switch_button:hover {background-position:0px -15px;} .switch_button:active {background-position:0px -30px;} #crg {height:104px;} #crg .excess, #crg .extra_val_wrap {height:18px;} #crg .excess_val, #crg .column_w_val, #crg .row_h_val {display:inline-block; margin-top:2px;} #crg .panel_spinner_wrap .value_wrap, #baseline_grid .panel_spinner_wrap .value_wrap, #image_grid .panel_spinner_wrap .value_wrap, #rectangular_grid .panel_spinner_wrap .value_wrap {width:53px;} #crg .panel_spinner_wrap input, #baseline_grid .panel_spinner_wrap input, #image_grid .panel_spinner_wrap input, #rectangular_grid .panel_spinner_wrap input {width:23px;} #switch_wh {width:53px; height:37px; float:left; background-image:url("../images/panels/fields_switch_bg.png");} #switch_wh .switch_button {background-image:url("../images/panels/fields_switch.png");} #switch_wh #switch1 {position:relative; top:11px; left:18px;} #ratios_wh {margin-left:2px; float:left;} .drop_w {width:82px; height:15px; margin-top:11px;} .drop_down_but {width:15px; height:15px; float:left; background-image:url("../images/panels/fields_arrow_down.png");} .drop_down_but:hover{background-position:0px -14px;} .drop_w input {width:38px; height:13px; float:left; border:1px solid #B3B3B3; border-right:0px; background-color:#FFF;} .drop_w label {width:26px; float:left; margin-top:2px;} .drop_w.locked {opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); pointer-events:none;} #panel_divider {width:262px; height:2px; position:absolute; left:0px; top:300px; background-color:#808080; z-index:12;} #panel_divider:hover{cursor: row-resize;} .panel_mid_divider {height:3px; margin:0px 11px 10px 0px; border-bottom:1px solid #B9B9B9; clear:both;} #inputs_margins {width:85px; float:left;} #switch_margins {width:53px; height:81px; float:left; background-image:url("../images/panels/fields_switch_01_0.png");} #switch_margins .switch_button {background-image:url("../images/panels/fields_switch.png");} #ratios_margins {margin:22px 0px 0px 2px; float:left;} #switch2 {position:relative; top:-70px; left:18px;} #ratio_slider_wrap {position:relative; width:18px; height:81px; top:0px; left:0px;} #ratio_slider_wrap #slider1 {width:18px; height:15px; display:block; position:absolute; top:0px; background-image:url("../images/panels/fields_switch_arrow_over.png");} #ratio_slider_wrap #slider2 {width:18px; height:15px; display:block; position:absolute; top:22px;background-image:url("../images/panels/fields_switch_arrow_over.png");} #ratio_slider_wrap #slider1:hover, #ratio_slider_wrap #slider2:hover {background-position: 0px -15px;} /*WH and Margins number select lists*/ #dimensions .ratio_select {width:15px; height:15px; border:1px transparent; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);} #dimensions .ratio_select:focus {left:38px;} /* Grid Style Selects */ .small_panel .style_select {width:15px; height:15px; border:1px transparent; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);} /*.small_panel .style_select:focus {left:38px;}*/ /* /// Small Panels - Cols Rows Gutters, Baseline Grid, Image Grid, Rectangle Grid ///*/ .small_panel {height:67px; padding:7px 3px 0px 10px; border-top:1px solid #FFF; border-bottom:1px solid #808080; overflow:hidden; /*display:none;*/} .small_panel h2 {margin-bottom:8px; width:206px; float:left;} .small_panel label {width:50px !important; float:left; margin:2px 4px 0px 0px; text-align:right;} .small_panel .inputs_left {float:left; width:112px;} .small_panel .inputs_right {float:left; width:110px;} .small_panel .spinner {width:112px; height:15px; margin-bottom:7px;} .small_panel .input_spinner {width:24px; height:13px; float:left; border:1px solid #B3B3B3; border-left:0px; border-right:0px;} .drop_val {width:38px; height:13px; float:left; border:1px solid #B3B3B3; border-right:0px; background-color:#FFF; margin-bottom:7px; padding-left:2px;} .wide_color_picker {width:52px; height:11px; float:left; border:1px solid #B3B3B3; padding:1px;} .check {width:15px; height:15px; margin:-2px 0px 0px 207px; position:relative; background-image: url("../images/panels/check3.png");} .check:hover {background-position: 0px -15px;} .check_active:hover {background-position: 0px -45px !important;} #baseline_grid .wide_color_picker div {width:52px; height:11px; background-color:#9CDAE5;} #image_grid .wide_color_picker div {width:52px; height:11px; background-color:#E89F9F;} #rectangular_grid .wide_color_picker div {width:52px; height:11px; background-color:#C8B7E5;} #pal label, #circle_cr label {width:21px !important;} #pal input, #circle_cr input {width:30px} #pal.small_panel, #circle_cr.small_panel {height:104px} #pal .inputs_left, #circle_cr .inputs_left {width:88px;} #pal .inputs_right, #circle_cr .inputs_right {width:90px;} #pal .inputs_left2, #circle_cr .inputs_left2 {width:121px; float:left} #pal .inputs_right2, #circle_cr .inputs_right2 {width:105px; float:left} #pal .inputs_right2 label, #circle_cr .inputs_right2 label {width:35px !important;} #pal #switch_points, #circle_cr #switch_points {width:47px; height:37px; float:left; background-image:url("../images/panels/line_points_switch_bg.png");} #pal #switch_points .switch_button, #circle_cr #switch_points .switch_button {position:relative; top:11px; left:16px; background-image:url("../images/panels/line_points_switch.png");} /* ///////////////////////////////// New File Dialog ////////////////////////////// */ .dialog {width:416px; position:absolute; top:25%; left:25%; background-color:#F2F2F2; border:1px solid #808080; z-index:15; font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:18px; display:none;} .dialog {box-shadow:#CCC 0 6px 12px; -moz-box-shadow:#CCC 0 6px 12px; -webkit-box-shadow:#CCC 0 6px 12px; box-shadow:#CCC 0 6px 12px;} .dialog h2 {font-weight:bold;} .dialog input {font-size:12px; padding-left:4px;} .dialog .header {padding:2px 16px; border:1px solid #FFF; border-bottom:1px solid #d9d9d9; font-weight:bold; text-align:center; background-color:#ECECEC;} .dialog .header:hover {cursor:default;} .dialog .content {padding:16px; border:1px solid #FFF; border-top:0px;} .dialog .content label {margin:3px 4px 0px 0px; float:left; text-align:right; width:50px;} .dialog .divider {height:1px; background-color:#D9D9D9; border-bottom:1px solid #FFF; margin-bottom:11px; clear:both;} .dialog a {border-bottom: 1px solid;} .dialog a:hover {border-bottom: 2px solid;} #new_file_dialog {height:287px;} #new_file_dialog .content {height:230px;} #new_file_dialog .left {width:166px; height:60px; float:left;} #new_file_dialog .middle {width:72px; height:60px; float:left; background-image:url("../images/dialogs/switch_bg.png");} #new_file_dialog .right {width:130px; float:left;} #new_file_dialog .dialog_dropdown_text_wrap {width:168px;} #new_file_dialog .control_set {height:72px;} /*Dropdown list styles*/ #new_file_dialog #presets_drop {left:71px; top:112px;} #new_file_dialog #units_drop {left:71px; top:148px;} #new_file_dialog #whratio_drop {left:287px; top:202px; width:87px;} #new_file_dialog #whratio_drop #horizontal_ratios {display:none;} /*Text select lists*/ #new_file_dialog .dialog_text_select{width:112px; height:24px; border:1px transparent; position:absolute; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);} #new_file_dialog #presets_select {top:89px; left:71px;} #new_file_dialog #presets_select:focus {left:81px;} #new_file_dialog #units_select {top:125px; left:71px;} #new_file_dialog #units_select:focus {left:81px;} /*Number select lists*/ #new_file_dialog .ratio_select {width:24px; height:24px; border:1px transparent; position:absolute; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);} #new_file_dialog #ratio_select {top:179px; left:352px;} #new_file_dialog #ratio_select:focus {left:297px;} #new_file_dialog .switch_button {width:23px; height:23px; position:relative; top:18px; left:25px; background-image:url("../images/dialogs/switch_but.png");} #new_file_dialog .switch_button:hover {background-position:0px -22px;} #new_file_dialog .switch_button:active {background-position:0px -44px;} .dialog_text_input_wrap {height:36px;} .dialog_text_input_wrap input {width:168px; height:22px; float:left; border:1px solid #B3B3B3;} .dialog_dropdown_text_wrap {height:24px; margin-bottom:12px; margin-right:34px;} .dialog_dropdown_text_wrap .value_wrap {width:85px; height:20px; padding:1px; background-color:#FFF; border:1px solid #B3B3B3; border-right:0px; float:left;} .dialog_dropdown_text_wrap .value {width:81px; height:18px; padding:2px 0px 0px 4px; background-image: url("../images/dialogs/button_bg_tile.png");} .dialog_dropdown_text_wrap .button {width:24px; height:24px; float:left; background-image:url("../images/dialogs/drop_but.png");} .dialog_dropdown_number_wrap {height:24px; margin-top:18px;} .dialog_dropdown_number_wrap label {width:28px !important;} .dialog_dropdown_number_wrap input {width:60px; height:22px; border:1px solid #B3B3B3; border-right:0px; float:left;} .dialog_dropdown_number_wrap .button {width:24px; height:24px; background-image:url("../images/dialogs/drop_but.png"); float:left; } .dialog_dropdown_number_wrap .button:hover {background-position:0px -23px;} .dialog_dropdown_number_wrap select {position:absolute; width:24px; height:24px; margin-left:96px;} .dialog_dualswitch_wrap {height:24px; margin-bottom:12px;} .dialog_dualswitch_wrap .switch_wrap{width:47px; height:24px; float:left;} .dialog_dualswitch_wrap #v {width:23px; height:24px; background-image:url("../images/dialogs/orient_v.png"); float:left;} .dialog_dualswitch_wrap #h {width:24px; height:24px; background-image:url("../images/dialogs/orient_h.png"); float:left;} .dialog_dualswitch_wrap label {width:64px !important;} .dialog_dualswitch_wrap #v:hover {background-position: 0px -23px;} .dialog_dualswitch_wrap #h:hover {background-position: 0px -23px;} .dialog_spinner_wrap {height:24px; margin-bottom:12px;} .dialog_spinner_wrap .value_wrap {width:110px; height:22px; border:1px solid #B3B3B3; float:left;} .dialog_spinner_wrap input {width:60px; height:22px; border:1px solid #B3B3B3; border-top:0px; border-bottom:0px; float:left;} .dialog_spinner_wrap .button_left {width:22px; height:22px; float:left; background-image:url("../images/dialogs/button_left.png");} .dialog_spinner_wrap .button_right {width:22px; height:22px; float:left; background-image:url("../images/dialogs/button_right.png");} .dialog_spinner_wrap .button_left:hover {background-position:0px -22px;} .dialog_spinner_wrap .button_right:hover {background-position:0px -22px;} .dialog_spinner_wrap .button_left:active {background-position:0px -44px;} .dialog_spinner_wrap .button_right:active {background-position:0px -44px;} .dialog_button_wrap {width:82px; height:20px; background-color:#FFF; border:1px solid #B3B3B3; padding:1px; float:right; margin-right:13px;} .dialog_button_wrap_last {width:80px; height:20px; border:1px solid #808080; padding:1px; float:right; } .dialog_button {height:18px; color:#333; padding-top:2px; text-align:center; background-image:url("../images/dialogs/button_bg_tile.png");} .dialog_button:hover {cursor:default; color:#000; background-position: 0px -20px;} .dialog_button:active {background-position: 0px -40px;} .dialog_dropdown_list {width:110px; position:absolute; background-color:#FFF; border:1px solid #B3B3B3; padding:2px 0px; display:none; z-index:20;} .dialog_dropdown_list li {padding-left:4px;} .dialog_dropdown_list .div {background-color:#DEDEDE; height:1px; margin:4px 0px 4px 0px;} .dialog_dropdown_list li:hover {background-color:#BEBEBE; cursor:default;} .dialog_dropdown_list li.divider:hover {background-color:#DEDEDE;} .dialog_dropdown_list .r_info {color:#808080;} .dialog_dropdown_list .active {color:#000; font-weight:bold;} .panel_button {display:inline; border:1px solid #B3B3B3; padding:2px 0px;} .panel_button .panel_button_inner {display:inline; border:1px solid #FFF; padding:1px 3px; background-image:url("../images/panels/but_bg.png"); } .panel_button:hover .panel_button_inner {background-position: 0 -14px; cursor:default;} .panel_button:active .panel_button_inner {background-position: 0 -28px;}