@import url('/jquery/jquery-ui-1.9.2/css/wsm-theme/jquery-ui-1.9.2.custom.css');
@import url('/jquery/jquery.jqGrid-4.4.1/css/ui.jqgrid.css');
@import url('/jquery/jquery.jqplot.1.0.8r1250/jquery.jqplot.css');

/* Main UI layout */
/* Header */
.app_logo 
{
    padding: 5px 0px 0px 4px;    
}
.logo_generic {
    width:113px;
    height:27px;
    background:transparent url('/images/logo_generic.png') no-repeat scroll top left;
    display:block;
}
.masthead {
    clear:both;
    display:block;
    min-height:39px;
    background:#dfdfdf url('/images/gated_masthead_bg.png') repeat-x scroll top left;
}
.app_title {
    float:left;
    color:#d3d3d3;
    font:normal 16px 'Myriad Pro','Arial',sans-serif;
    margin: 9px 0 0 16px;
}
.wsm-navbar-noborder 
{
    min-height:39px;
    border: 0 !important;
}
.wsm-nav-collapse-phone
{
    background: Black;
}

.headerLinks A:link,
.headerLinks A:visited  
{
    color: #DBDBDB;
    text-decoration: none;
}
.headerLinks A:hover
{
    color: #ffffff;
    text-decoration: underline;
    cursor: pointer;
}
.headerLinks .help-inline
{
    color: #CACACA !important; 
}
.headerLinks .menuitem
{
    color: black !important;
}
.headerLinks .menuitem:hover
{
    color: white !important;
}
.headerLinks .divider 
{
    padding: 4px;
}
.headerLinks
{
    color: #CACACA !important; 
    text-decoration: none;
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial;
    padding:5px 20px 2px 20px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
    background-color:#3a3a3a;
    margin-right: -10px;
}
.headerLinks .caret
{
    border-top: 4px solid #DBDBDB;
}

#interpage_link {
    margin: 8px 15px 0px 0px;
}

#interpage_link a:hover
{
    text-decoration: underline;
}

#interpage_link a
{
    text-decoration: none;
}

/*
 * Content 
 */
.content_header 
{
    width: 100%;
}
.content_header a
{
    vertical-align: top;
}
.content_header p
{
    padding: 0px 4px 4px 4px;
    vertical-align: middle;
    float: right;
}

label.error_field {
  color: Red;
  width: 100%;
}  

.loading_report
{ 
   display:none; 
   width:100%; 
   height:100%;
}

/* 
 * Common traffic log and reports detail view 
 */
.detailviewLinks
{
    text-decoration: underline;
    color: Blue !important;
}
#detailview
{
    display: none;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    /*font-size: 75%;*/
}
#detailview td a
{
    text-decoration: underline;
    color: Blue;
}
#detailview td
{
    padding: 3px;
}

/* 
 * Common grid settings
 */
.ui-jqgrid 
{
    /*border-right-color: #000000;*/
}
.gridAltRow
{
    background-color: rgb(240,241,242); 
    background-color: rgba(255,234,83,0.5); 
    background-color: rgba(0, 70, 127, 0.25); 
    background-color: rgba(38, 188,215, 0.1); 
    background-color: rgba(234,239,241,0.25);
    background-color: rgb(245,246,247); 
    background-color: rgb(247,250,250);
    
    background-image: none;
}
.ui-jqgrid .ui-jqgrid-htable th div 
{
    font-size:100%;
}

th.ui-th-column div{
    white-space:normal !important;
    height:auto !important;
    padding:0px;
}

.ui-jqgrid .ui-pg-input {
    font-size:10px;
    height:18px;
    width: 60px;
    margin:0;
}

.ui-jqgrid #sp_1 {
    font-size:10px;
    height:18px;
    width: 70px;
    margin:0;
    vertical-align: text-top; /* IE gets munged by the default alignment */
}
div.ui-jqgrid-view table.ui-jqgrid-btable      
{
    border-collapse:separate; /* Eliminate horizontal scrollbar view bug in Webkit */
} 
#grid_entities,#server_grid_entities .jqgrow
{
    cursor: pointer;
}

/* Enable word-wrap in grids */
.ui-jqgrid tr.jqgrow td
{
    white-space: normal;
    height: auto;
    padding-top: 4px;
    padding-bottom: 3px;
    line-height: 16px;
}
/* Fix pagination for jqgrid with bootstrap */
input.ui-pg-input {
    width: auto;
    padding: 0px;
    margin: 0px;
    line-height: normal
}
select.ui-pg-selbox {
    width: auto;
    padding: 0px;
    margin: 0px;
    line-height: normal
}

/* Control font sizes in date time picker plugin */
.ui-dialog-buttonpane { font-size: 12px; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
/*.ui-datepicker { font-size: 12px; }*/


/* Small device image sprite */
.fb_device_icon
{
    width: 16px; 
    height: 16px; 
    background-image: url("/images/devices/devices_small.png");
}
.fb_wfs 
{
    background-position: 0 0px;
}
.fb_core
{
    background-position: -16px 0;
}
.fb_peak
{
    background-position: -32px 0px;
}
.fb_firecluster
{
    background-position: -48px 0px;
}

.fb_soho
{
    background-position: 0 -18px;
}
.fb_edge
{
    background-position: -16px -18px;
}
.fb_edgeW
{
    width: 18px;
    background-position: -32px -18px;
}
.fb_folder
{
    background-position:  0 -36px;
}
.srv_generic
{
    background-position:  0 -54px;
}
.srv_log
{
    background-position:  -16px -54px;
}
.srv_mgmt
{
    background-position:  -32px -54px;
}
.srv_quarantine
{
    background-position:  -48px -54px;
}
.srv_report
{
    background-position:  -64px -54px;
}
.srv_wb
{
    background-position:  -80px -54px;
}

.fb_xtm2
{
    width: 18px;
    background-position:  0 -72px;
}
.fb_xtm2W
{
    width: 20px;
    background-position:  -21px -72px;
}
.fb_xtm5
{
    width: 20px;
    background-position:  -42px -72px;
}
.fb_xtm8
{
    width: 20px;
    background-position:  -64px -72px;
}

.fb_xtm1050
{
    width: 24px;
    background-position:  0 -90px;
}
.fb_xtm2050
{
    width: 24px;
    background-position:  -28px -90px;
}
.fb_xtmv
{
    width: 20px;
    background-position:  -58px -90px;
}


/*
 * Utility functions
 */

.nodisplay {
    display: none;
}

.cl 
{
    clear: left;
}
.cr 
{
    clear: right;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.transparent 
{
    /*background: transparent;*/
}

.no-resize
{
    resize: none;
}

.monospace
{
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.text-nowrap
{
    white-space: pre;
    overflow: auto;
}
/* */

/*
 * Print 
 */
@media print
{
    .chrome,
    #alertmod,
    #accordion
    {display:none !important;}
    head
    {display:none !important;}
    div#webui_leftcol
    {display:none !important;}
    div#webui_content_wrapper
    { 
        margin: 0 0px;
        left: 0px;
    }
}

/*
 * Export dialog
 */
.export_noheader .ui-dialog-titlebar {
    display: none;
}

.frontpanelUnitHeader {
    display: block;
    font-weight: bold;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    background: #dddddd;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dddddd), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #dddddd, #ffffff);
    background: -moz-linear-gradient(center bottom, #dddddd 0%, #ffffff 100%);
    background: -o-linear-gradient(bottom, #dddddd, #ffffff);
    filter: none;
    filter: progid:dximagetransform.microsoft.gradient(startColorStr='#444444', EndColorStr='#555555');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#dddddd')";
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 1px solid #aaa;
    font-size: 1.0em;
    line-height: 2.0em;
    text-transform: none;
    padding: 0.25em .75em;
    margin-bottom: 0px; 
    /*padding-bottom: 6px;*/
}

.frontpanelUnitHeader select {
    width: 180px;
}

.frontpanelUnit {
    float: left;
    background: none repeat scroll 0 0 padding-box white;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF;
    margin-bottom: 1em;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

#statusForm .form-horizontal {
    margin: 16px 0px 16px;
}
#statusForm .form-horizontal .control-group {
   margin-bottom: 5px;
}

#statusForm .form-horizontal .control-label {
    width: 130px;
    font-weight: bold;
}

#statusForm .textValue {
    padding-top: 5px;
}

.lr-margin5 {
    margin-left: 5px;
    margin-right: 5px;
}

.date_navbar_daterange
{
    font-size: 10px;
    padding-left: 7px;
    color: #555555;
}
.rotated_text
{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    margin-top: 200px;
    z-index: inherit;
    white-space: nowrap;
}

/* compliment of control-label for show text values instead of input controls */
.form-horizontal .control-value {
    float: left;
    padding-top: 5px;
    text-align: left;
}

/* Fix alignment in checkboxes and radios */
input[type="radio"] {
    margin-top: 2px;
}
input[type="checkbox"] {
    margin-top: 1px;
}

#user_mode_div {
    padding:5px 5px 30px 5px;
}

.alert-user-mode {
    color: #333;
}
.user-mode-warning {
    color: #777;
}

/* Begin - reports navigation collapse/Expand */
#show_hide_reps {
    font-size: 80%;
    font-style:italic;
}
#todays_dashboard li {
    padding:1px 15px;
    padding-right:2px;
}
#todays_reports li {
    padding:1px 15px;
    padding-right:2px;
}

#todays_reports li.nav-header {
    margin-top: 9px;
}

#todays_reports li a {
    display: block;
    padding: 2px 15px;
}

#todays_reports li.active a, #todays_reports li.active a:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
    background-color: #0088cc;
}

#todays_reports li a:hover {
    text-decoration: none;
    background-color: #eeeeee;
}

#todays_reports ul div {
  margin-left: -15px;
  margin-right: -15px;
}
/* End - reports navigation collapse/Expand */

.td-threat-level {
    -webkit-box-shadow: inset 0 -10px rgba(0, 0 ,0, 0.05);
    box-shadow: inset 0 -10px 0 rgba(0, 0, 0, 0.05);
    color: white;
    text-align: center;
}

.td-high {
    background-color: rgba(252, 40, 40, 1.0);
    
}
.td-med {
    background-color: rgba(245, 122, 0, 1.0);
}
.td-low {
    background-color: rgba(243, 174, 51, 1.0);
}