Viewing File: /usr/local/cpanel/whostmgr/docroot/cgi/cwaf/css/cwaf.css

label {
display: inline-block;
}


input {
    border:2px solid #dadada;
    border-radius:7px;
    font-size:20px;
    padding:2px;
    width: 250px; 
}

input:focus { 
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}

.td_left_column {
    width: 150px;
    font-weight:bold;
    font-size: 12px;
    text-align:right;
  }
#debug {
  margin-left: 10px;
  width: 240px;
  }
#debug_level {
  margin-left: 10px;
  width: 240px;
  }

.ui-tabs .ui-tabs-nav {
  /*width: 900px;*/
  border: 0;
  /*background: url("../img/theader.jpg") repeat scroll 0 0 transparent;*/
  color: #555555;
  font-family: Arial;
  font-size: 20px;
  }

.ui-tabs .ui-tabs-panel {
  padding: 0.3em;
  }

.ui-dialog .ui-dialog-buttonpane {
     text-align: center; /* left/center/right */
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
   float: none;
}
#table {
  width: 100%;
}


div.scroll {
  height:200px;
  width:515px;
  overflow: auto;
  background-color: #EDF5FB;
  border: 1px solid #B7D8EE;
  padding:10px;
  margin:10px 0 0 0;	
  }

.val_id {
  width: 260px;
}

#ruleid {
  width: 275px;
}

/* vvv
#view_ids {
  color: #f00; 
}
*/

#config_update {
top:20px;
left: 150px;
}

.t_config {
    padding:2px;
    width: 500px;
    font-size: 12px;
}

.t_config tr td {
	padding:5px !important;
	backgroud-color:#e4eff6;
	color:#3a5c73
	}

.t_text {
    font-size: 13px;
}

#div_ok.outPopUp{
     position:absolute;
     width:300px;
     height:35px;
     z-index:15;
     top:50%;
     left:50%;
     margin:-150px 0 0 -150px;
     background:white;
     border: 1px solid #666;
     display: none;
     box-shadow:0 0 10px #3ADF00;
     border-radius:7px;
}
#div_fail.outPopUp{
     position:absolute;
     width:300px;
     height:35px;
     z-index:15; 
     top:50%;
     left:50%;
     margin:-150px 0 0 -150px;
     background:white;
     border: 1px solid #666;
     display: none;
     box-shadow:0 0 10px #B40404;
     border-radius:7px;
}

.slider-frame {
  position: relative;
  display: block;
  width: 84px;
  height: 20px;
  background-color: rgb(246, 249, 251);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
}

.slider-button {
  display: block;
  width: 43px;
  height: 20px;
  line-height: 20px;
  background: #f00;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  color: #000;
  font-family:sans-serif;
  font-size:10px;
  font-weight:bold;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
}

.slider-button.on {
  margin-left: 40px;
  background: #3ADF00;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom:0;
    padding-bottom:0;}

.ui-widget-content {
	margin:10px 0;}

#tabs{
	width:840px;
	border:1px #dcdcdc solid;}

.ui-widget-content {
    
    border: 1px solid #8BBDD0;}

}


.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
    background-image:url("../img/slider_bg.jpg");
    background-repeat:repeat-x;
    /*border:0px solid #000;*/
    color: #004276;
    font-weight: bold;
}






.ui-widget-header {
background:url("../img/theader.jpg");
}

.ui-tabs .ui-tabs-nav li {
margin: 1px 1px 0 0;
border-top-left-radius:3px;
border-top-right-radius:3px;
}

.ui-tabs-nav li.ui-tabs-active
{
border:none;
border-bottom:1px #1684b5 solid;
}



 
#tabs .ui-state-active {
  background:url('../img/btn_tab.jpg');   	
 }


#tabs .ui-state-active a:link { 
 color: #ffffff;
 text-decoration: none; 
 font-size:12px
 font-weight:normal;
 }



#tabs li.ui-state-default {
backgroud:none;
}



#tabs .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
 border-top-right-radius: 0px;
 }

#tabs .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
 border-top-left-radius: 0px;
}



#tabs .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
 border-bottom-right-radius: 0px;
}

#tabs .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
 border-bottom-left-radius: 0px;
}

.ui-tabs .ui-tabs-nav {
padding: 0 5em 0 0;
font-size: 12px;
font-weight: normal;
}



.ui-tabs .ui-tabs-nav li a {
padding: 0.8em 1em;
}


<!-- Debug Level -->

.ui-slider .ui-slider-handle {

border:1px red solid;
}



.i-slider-handle.ui-state-default.ui-corner-all { 
border:2px red solid;

}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background: "";
background-position: 0 -50px;
}

.filter-reports {
    background-color: #FDFDDF;
    border: 1px solid #F6D39B;
    height: 26px;
    padding: 8px;
    width: 840px;
}

#simple_editor {
    padding: 8px;
    margin-top:5px;
}

#simple_editor .addrule {
    background-color: #edf5fb;
    border: 1px solid #b7d8ee;
    padding: 8px;
    height: 26px;
    width: 350px;
    margin-top:5px;
}

#simple_editor .scroll {
    width: 350px;
}

/*Alert modal window*/
.alert {
    font-size: 13px;
}

/*Button*/


table.config {
width:100%;
border-collapse: separate;
border-spacing: 2px;
}

.config tr {
background: url("../img/susp-row.jpg") repeat-y scroll 0 1px #FFFFDD;
}

.config tr td{
padding:5px !important;
color:#3a5c73;
}

input.system, input, input[type="password"],input[type="text"] {
border: solid 1px #8bbdd0;
padding:5px;}

textarea{
border: solid 1px #8bbdd0;
padding:5px;}

select{
border: solid 1px #8bbdd0;
padding:5px;}


body {
font-family: Arial;
}

button, a.show_links   {
        -moz-box-shadow:inset 0px 1px 0px 0px #c7c7c7;
        -webkit-box-shadow:inset 0px 1px 0px 0px #c7c7c7;
        box-shadow:inset 0px 1px 0px 0px #c7c7c7;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8c8c8c), color-stop(1, #171417) );
        background:-moz-linear-gradient( center top, #8c8c8c 5%, #171417 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8c8c', endColorstr='#171417');
        background-color:#8c8c8c;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        border:1px solid #4a484a;
        display:inline-block;
        color:#ffffff;
        font-family:Arial;
        font-size:10px;
        font-weight:bold;
        padding:2px 5px; 
        text-decoration:none;
        text-align: center;
        width: 130px;
}.restore_rules:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #171417), color-stop(1, #8c8c8c) );
        background:-moz-linear-gradient( center top, #171417 5%, #8c8c8c 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#171417', endColorstr='#8c8c8c');
        background-color:#171417;
}.restore_rules:active { 
        position:relative;   
        top:1px;
}

/*a.show_links  {
        -moz-box-shadow:inset 0px 1px 0px 0px #c7c7c7;
        -webkit-box-shadow:inset 0px 1px 0px 0px #c7c7c7;
        box-shadow:inset 0px 1px 0px 0px #c7c7c7;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8c8c8c), color-stop(1, #171417) );
        background:-moz-linear-gradient( center top, #8c8c8c 5%, #171417 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8c8c', endColorstr='#171417');
        background-color:#8c8c8c;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        border:1px solid #4a484a;
        display:inline-block;
        color:#ffffff;
        font-family:Arial;
        font-size:10px;
        font-weight:bold;
        padding:2px 5px;
        text-decoration:none;} */

.restore_rules:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #171417), color-stop(1, #8c8c8c) );
        background:-moz-linear-gradient( center top, #171417 5%, #8c8c8c 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#171417', endColorstr='#8c8c8c');
        background-color:#171417;

}.restore_rules:active {
        position:relative;
        top:1px;
}
a {
    color: #3DBACD;
    text-decoration: none;
}
#add_link {
margin-left: 10px;
}

/*Button*/
.dialog_buttons{             

margin-left: 150px;
margin-top: 30px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');

	}

#mydiv {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: 499;
    background: white;
}
.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -109px; /* -1 * image width / 2 */
    margin-top: -9px;  /* -1 * image height / 2 */
    display: block;     
}

.fb_input {
 width: 100px;
}
.ui-dialog-titlebar {                            
 background: url("../img/btn_tab.jpg") repeat scroll 0 0 transparent;
}
.ui-widget-header {
border: 0px;
}

tr.catalog_item_off {
background: red;
}

#tabs-ctlg { padding: 0.3em 20px 20px; }
#modsec_textarea  { width: 400px; height: 300px; }

/* for CWAF */

.ui-widget-content {
 color: #4F6676;
 -webkit-border-bottom-right-radius: 6px;
 -webkit-border-bottom-left-radius: 6px;
 -moz-border-radius-bottomright: 6px;
 -moz-border-radius-bottomleft: 6px;
 border-bottom-right-radius: 6px;
 border-bottom-left-radius: 6px;
 -khtml-border-bottom-right-radius: 6px;
 -khtml-border-bottom-left-radius: 6px;

}

.ui-dialog {
 border-color: #1279a6;
 border-width: 2px;
 padding: 0px;
}

.ui-dialog-titlebar {
 background: url("../img/select_bg.png")  repeat scroll 0px 60px transparent;                            
}

.ui-widget-header {
 -webkit-border-bottom-right-radius: 0px;
 -webkit-border-bottom-left-radius: 0px;
 -moz-border-radius-bottomright: 0px;
 -moz-border-radius-bottomleft: 0px;
 border-bottom-right-radius: 0px;
 border-bottom-left-radius: 0px;
 -khtml-border-bottom-right-radius: 0px;
 -khtml-border-bottom-left-radius: 0px;

 -webkit-border-top-right-radius: 3px;
 -webkit-border-top-left-radius: 3px;
 -moz-border-radius-topright: 3px;
 -moz-border-radius-topleft: 3px;
 border-top-right-radius: 3px;
 border-top-left-radius: 3px;
 -khtml-border-top-right-radius: 3px;
 -khtml-border-top-left-radius: 3px;
}

.ui-dialog-buttonpane {
 border-color: #1279a6;
}


/*.ui-dialog .ui-dialog-buttonpane button {
 color: white;
}
*/


.ui-button {
    background: #1279a6 none repeat scroll 0 0;
    border: medium none;
    color: white;
}


.ui-dialog .ui-state-default {
 border: none;
 background: none repeat scroll 0 0 #1279a6;
 color: white;
}

.ui-dialog .ui-state-hover {
 border: none;
 background: none repeat scroll 0 0 #1b96ca;
 color: #e4eff6;
}

.ui-button-text-only .ui-button-text {
 padding:0.2em 1em;
}

.ui-dialog .ui-icon { 
 width: 16px;
 height: 16px;
 background-image: url("blitzer/images/ui-icons_004276_256x240.png");
 }

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
 background-image: url("blitzer/images/ui-icons_ffffff_256x240.png");
}

input, textarea {
 color: #4F6676;
 background-color: #eeeff0;
}

select {
 color: #4F6676;
}

#select_editor {color: #4F6676; padding: 0px 8px 0px 8px;}
#select_editor span {display: inline; font-weight: 700; padding-right: 2px;}
#select_editor a {display: inline-block; text-decoration: none;}
#select_editor a:hover {text-decoration: underline;}

#config_editor {padding: 8px; margin-top: 5px;}

.connection_error {
  color: red;
}
.latest_version {
  color: green;
}

.form_warn {
  color: red;
  height: 15px; 
  text-align: left;
}

.float-right {
  float:right;
}

input[type="checkbox"] {
 width: 10px;
}

.usernote a { text-decoration: underline;}
.usernote a:hover { text-decoration: none;}
.rednote {color:red;}

.userdata_label {
    width: 150px;
    font-weight:bold;
    font-size: 12px;
    text-align:left;
  }

.userdata_textarea  { 
   width: 400px; 
   height: 150px; 
}

.userdata_row  { display: table-row; font-size: 13px;}

.userdata_label_span  { 
    display: table-cell;
    width: 410px;
}

.userdata_text_span  { 
    display: table-cell;
    padding-left: 20px;
    text-align: justify;
    width: 350px;
}

#plesktitle h1 {
    color: #333;
    font-size: 21px;
    padding: 5px 0 10px;
    font-weight: bold;
}

#DAtitle h1 b {
    color: #333;
    font-size: 14px;
    padding: 5px 15px 10px;
    font-weight: bold;
}