.gc_frontend_modify { margin:0; padding:0; background:#555; color: #fff; font: 12px/120% Arial, Helvetica, sans-serif;}
.gc_frontend_modify a {color: #fff;}

.gc_frontend_modify input, .gc_frontend_modify select, .gc_frontend_modify textarea {
    width: 97%;
    color: #fff;
    font-size: 12px;
    background: #444;
    border: #999 1px solid;
    padding: 2px;
    margin: 0;
}




.gc_wrapper .gc_show_settingsbox_button, .gc_wrapper iframe.gc_settingsblock, .gc_editbutton, .aw_switch { position:absolute; top:0; right:0;}



/*Settings iFrame */
.gc_wrapper .gc_show_settingsbox_button, .gc_wrapper .gc_move_selected_items_button { cursor: pointer; width: 32px; height: 32px; top:-10px; right:-10px; z-index: 1000; background: transparent url(../img/edit32.png) no-repeat center center; opacity: 0.3; transition: 1s opacity;}
.gc_wrapper:hover .gc_show_settingsbox_button { opacity: 1;}
.gc_wrapper .gc_move_selected_items_button {display:none; position:absolute; top:-10px; right:40px; background: transparent url(../img/move32.png) no-repeat center center; opacity: 0.9;}

.gc_wrapper iframe.gc_settingsblock {width:260px; height:400px; border:0; right:32px; top:-160px; z-index:2000; box-shadow: 6px 4px 25px 0px rgba(0, 0, 0, 0.2);}

#gc_modify_settings .gc_settingsnav a {display:block; text-align:center; text-decoration:none; font-size:14px; font-weight: bold; color: #fff;  width:100%; padding: 4px 0;  border-bottom: 1px solid #999; background: url(../img/arr-down.png) no-repeat 10px center; transition: 1s all;}
.gc_settingsnav a.navtree0 {opacity:0.4;}
.gc_settingsnav a.navtree1 {opacity:0.6;}
.gc_settingsnav a.navtree2 {opacity:0.8;}
.gc_settingsnav a.navtree3 {opacity:0.9;}

#gc_modify_settings .gc_settingsnav a:hover {opacity:1 ! important;} 
#gc_modify_settings .gc_settingsnav a.navtreeactive {opacity:1 ! important; background: #1a4058; color:#fff;} 

#gc_modify_settings h1 {font-size:15px; text-align:center;}

#gc_modify_settings form {width:90%; margin-left:5%;}
#gc_modify_settings form p.active-1 {opacity:0.4;}
#gc_modify_settings form p.active-1:hover {opacity:0.8;}


#XXmodify_settings input, #XXmodify_settings select {width:97%; padding: 2px 1%; border: 1px solid #7aa1ba;}

a.set_footer {display:block; text-align:center;  border: 1px solid #999; padding:2px 0; margin:10px 20% 12px 15%; text-decoration:none; color:#999;}

#gc_modify_settings .moveselected {background: #38a9d3; color:#fff; font-size:14px; font-weight:bold; text-align:center; padding:20px; margin-bottom:20px; cursor:pointer;}

/*Frontend settings*/



/*single comments*/
.gc_comm_block {transition: 0.3s all; }
.gc_comm_block .gc_editbutton {cursor:pointer;  width:24px; height:24px;  border-radius:50%; z-index:900; background: #cc0000 url(../img/edit20.png) no-repeat center center;  opacity: 0.3; transition: 1s opacity; }
.gc_comm_block:hover .gc_editbutton { opacity: 0.7;}
.gc_comm_block.active0 .gc_editbutton {background-color:#ff9900;}
.gc_comm_block.active1 .gc_editbutton {background-color:#66cc33;}
.gc_comm_block.active2 .gc_editbutton {background-color:#33cccc;}
.gc_comm_block.active3 .gc_editbutton {background-color:#cc66ff;}


.aw_switch {display:block;font-size:12px; XXbackground: #eee; right:25px; top:-30px; width:160px; z-index:2000;  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.6);}
.aw_switch div {padding:4px; border-bottom:1px solid #666; transition: 1s all; }
.aw_switch div.change:hover {background:#999;  cursor:pointer; }
.aw_switch .aw_switch_divider {cursor:normal; padding-top:8px; font-weight:bold; background:#1a4058;}
.aw_switch .chosen {cursor:normal; background: #999; }
.aw_switch .change.selected {background: #0ff;}
.XXaw_switch .change.notselected {background: #00f;}

.gc_comm_block.isselected { box-shadow: 6px 4px 15px 0px rgba(0, 0, 0, 0.4);}
.gc_comm_block.isselected .gc_editbutton { opacity: 1;}