.cgru_parameter {
/*box-shadow: 0px 0px 3px rgba(0,0,0,.5) inset, 0px 0px 5px rgba(255,255,255,.5);*/
border: 1px solid #777777;
border-radius: 2px;
margin: 3px 10px;
position: relative;
height: 24px;
}
.cgru_parameter * {
text-align: center;
position: absolute;
/*margin: 0px;*/
}
.cgru_parameter .label { padding: 5px 10px }
.cgru_parameter .button {
cursor: pointer;
width: 30px; right: 5px;
top: 1px; bottom: 1px;
/*box-shadow: 0px 0px 3px rgba(0,0,0,.5), 0px 0px 5px rgba(255,255,255,.5) inset;*/
padding: 3px;
border: 1px solid #777777;
border-radius: 2px;
margin: 0px;
background-color: rgba(255,255,255,.2);
}
.cgru_parameter .button:hover { background-color: rgba(255,255,255,.4); }
.cgru_parameter .variable {
position: absolute;
left: 80px; right: 60px;
top: 2px; bottom: 2px;
/*box-shadow: 0px 0px 3px rgba(0,0,0,.5) inset, 0px 0px 5px rgba(255,255,255,.5);*/
box-shadow: 0px 0px 5px rgba(255,255,255,.5);
padding: 3px 8px;
border: 1px solid #777;
border-radius: 2px;
}


.cgru_window_back {
position: absolute;
background: rgba(0,0,0,0.5);
top: 0; bottom: 0; left: 0; right: 0;
padding: 5% 8%;
overflow: auto;
}
.cgru_window_back.cgru_absolute {
padding: 0 0;
overflow: hidden;
}
.cgru_window_window {
position: relative;
background: #DDDDDD;
/*max-height: 100%;*/
border: 2px solid #575757;
border-radius: 2px;
box-shadow: 0px 0px 10px #000;
color: #000000;
}
.cgru_window_window.cgru_absolute {
position: absolute;
top: 5%; right: 5%; bottom: 5%; left: 5%;
}
.cgru_window_content {
position: relative;
background: #BBB;
margin: 3px;
padding: 20px;
border: 1px solid #777;
border-radius: 2px;
overflow: auto;
}
.cgru_window_content.cgru_absolute {
position: absolute;
right: 0; bottom: 0; left: 0;
top: 14px;
}
.cgru_window_title { text-align: center; }
.cgru_window_close { cursor: pointer; opacity: 0.7; float: right; text-align: center; padding: 0px 6px; }
.cgru_window_close:hover { opacity: 1.0; }


.cgru_dialog_content * {
margin: 0; padding: 0; overflow: hidden;
font: 16px Arial;
}
.cgru_dialog_content {
position: absolute;
background: #AAA;
color: #000000;
border-radius: 4px;
box-shadow: 0px 0px 5px #000;
top: 30%;
left: 10%;
right: 10%;
}
.cgru_dialog_textmode {
top: 10%;
}
.cgru_dialog_back {
position: absolute;
background: rgba(0,0,0,0.5);
top: 0; bottom: 0; left: 0; right: 0;
}
.cgru_dialog_title, .cgru_dialog_status, .cgru_dialog_info, .cgru_dialog_button_cancel, .cgru_dialog_button_apply {
background: #CCC;
padding: 6px 12px;
border-radius: 8px;
}
.cgru_dialog_title, .cgru_dialog_status {
padding: 4px;
border-radius: 0px;
box-shadow: 0px 0px 5px #000;
}
.cgru_dialog_info {
margin: 10px;
box-shadow: 0px 0px 5px #000 inset;
}
.cgru_dialog_input {
background: #EEE;
padding: 6px 18px;
min-height: 1.2em;
box-shadow: 0px 0px 5px #000 inset;
}
.cgru_dialog_button_left { float: left}
.cgru_dialog_button_left, .cgru_dialog_button_right { width: 50%; }
.cgru_dialog_button_cancel, .cgru_dialog_button_apply {
margin: 10px;
cursor: pointer;
box-shadow: 0px 0px 5px #000;
text-align: center;
}


.cgru_menu {
font-size: 12px;
display: none;
cursor: pointer;
background: #AAA;
position: absolute;
border-radius: 4px;
box-shadow: 0px 0px 5px #000;
padding: 4px 10px;
top: 0; left: 0;
}
.cgru_menu_item { box-shadow: 0px 0px 10px #AAA inset; padding: 2px; border-top: 1px solid #999;}
.cgru_menu_item:first-child { border-style: none;}
.cgru_menu_item:hover { background: #DFF; border-radius: 4px;}
.cgru_menu_item.disabled { color: #555;}
.cgru_menu_item.disabled:hover { background: #AAA;}


.cgru_error_back { background: #F77;}


.cgru_cmdexec {
opacity: 0.8;
padding: 3px 8px;
border-radius: 2px;
background-color: #DD8;
background-size: 22px;
background-repeat: no-repeat;
border: 1px solid rgba(0,0,0,.5);
padding: 4px 8px;
font-weight: bold;
color: #000000;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
}
.cgru_cmdexec.open {
padding: 0px 0px;
width: 30px; height: 20px;
background-image: url(icons/open.png);
background-size: 60%;
background-repeat: no-repeat;
background-position: center;
}
.cgru_menu_item.cgru_cmdexec {
border: 1px solid #555;
}
.cgru_cmdexec:hover {
border: 1px solid rgba(255,255,0,1);
}
.cgru_cmdexec.clicked {
background-color: #0F0;
}
.cgru_cmdexec.error {
background-color: #F00;
}
.cgru_cmdexec.timeout {
-o-transition: background-color 1s ease-out;
-moz-transition: background-color 1s ease-out;
-webkit-transition: background-color 1s ease-out;
}