*
{
   font-family: Verdana, Tahoma, Sans-Serif;
   font-weight: normal;
   margin: 0px;
   padding: 0px;

}

html,body
{
   color: #000;
   height: 100%;
   margin: 0;
   padding: 0;
   font-size: 11px;
}

div#topBar {
   z-index: 50
}

#topBar
{
   position: fixed;
   top: 0;
   width: 100%;
   left: 0px;
   z-index: 3;
   background: #153D71 url("/images/topbar_gradient_background.jpg") top left repeat-x;
   display: block;
}

#SEL_Logo {
   margin-left: 5px;
   background: url('/images/topbar_logo.png') no-repeat;
   width: 61px;
   height: 38px;
   border: none;

}

#midBar
{
   background: #002c76;
   border-bottom: solid 1px #061440;
   line-height: 20px;
   padding-right: 20px;
}

#midBar span, #midBar div
{
   margin-left: 20px;
   color: #b2bfd5;
}

#bottom_bar
{
   position: fixed;
   bottom: 0px;
   width: 100%;
   left: 0px;
   z-index: 3;
}

#copyright_bar
{
   height: 16px;
   background: url("/images/head_bg.png") #1133AA;
   width: 100%;
   border-top: 2px solid #001977;
   position: relative;
   z-index: 2;
   color: white;
   text-align: left;
   font-size: x-small;
   padding-left: 10px;
}

* html #topBar {
   top: document.body.scrollTop;
   position: absolute;
}

* html #bottom_bar {
   bottom: document.body.scrollBottom;
   position: absolute;
}

div.device_name
{
   color: #b2bfd5;
   position: absolute;
   top: 20px;
   left:68px;
   font-size:11px;
}

div.username_holder
{
   color: #b2bfd5;
   position:absolute;
   right:5px;
   top:10px;
   font-size:12px;
   font-weight:bold;
   text-align:right;
}

div.server_time
{
   position: absolute;
   left: 68px;
   text-align: right;
   top: 4px;
   color: #b2bfd5;
   font-size:11px;
}

div#warning_indicators
{
   position: absolute;
   top:9px;
   text-align:center;
   z-index:120;
   left:200px;
   right:200px;
}

a.tool_tip
{
   text-decoration:none;
   cursor:pointer;
}

a.tool_tip  span
{
   display: none;
}

a.tool_tip :hover span
{
  position: absolute;
  height: 30px;
  text-align:left;
  width: 200px;
  font-style: normal;
  margin-left: 0px;
  padding: 0px;
  padding-left: 3px;
  display: inline;
  z-index: 12;
  margin-top:20px;
}

a.tool_tip :hover span span
{
   background: white;
   border: solid 1px #004b8d;
   border-right-width: 3px;
   width: 200px;
   margin: 0px;
   padding: 2px;
   height: auto;
   display: block;
   z-index: 13;
   font-weight: normal!important;
   text-decoration:none;
}


#warning_indicators a
{
   text-decoration:none;
}

#warning_indicators a:link span
{
   display: none;
}

#warning_indicators a:visited span
{
   display: none;
}

#warning_indicators a:hover span
{
  position: absolute;
  height: 30px;
  text-align:left;
  width: 300px;
  font-style: normal;
  margin-left: 0px;
  padding: 0px;
  padding-left: 3px;
  display: inline;
  z-index: 12;
  margin-top:20px;
}

#warning_indicators a:hover span div
{
   background: white;
   border: solid 1px #004b8d;
   border-right-width: 3px;
   width: 300px;
   margin: 0px;
   padding: 2px;
   height: auto;
   display: block;
   z-index: 13;
   font-weight: normal!important;
}

span#serverTime
{
   color: #b2bfd5;
}

span {
   color:inherit;
}

span#trademark
{
   font-size: xx-small;
   font-style: sub;
   color: white;
   vertical-align: bottom;
}

div#content
{
   background: none repeat scroll 0 0 #FFFFFF;
   margin: 5px 5px 0;
   border: 1px solid #595959;
}

div#content_login
{
   padding-top: 5px;
}

#content #content_topBar {
   background: url("/images/content_grad_header.jpg") repeat-x scroll left top #D4D4D4;
   border-bottom: 1px solid #B3B3B3;
   border-top: 1px solid #FFFFFF;
   height: 24px;
   line-height: 24px;
}

.data_detail_header
{
   background: url("/images/content_grad_header.jpg") repeat-x scroll left top #D4D4D4;
   border-bottom: 1px solid #B3B3B3;
   border-top: 1px solid #FFFFFF;
   height: 24px;
   line-height: 24px;
   font-weight:bolder;
}

.data_detail_column
{
   vertical-align:top!important;
}

#content_topBar span {
   color: #3A3939;
   margin-left: 10px;
}

.nav_open
{
   margin-top:5px;
   width:11px;
   height:14px;
   background: url('/images/arrow_grey_left.png') center right no-repeat;
   cursor:pointer;
}

.nav_closed
{
   margin-top:5px;
   width:11px;
   height:14px;
   background: url('/images/arrow_grey_right.png') center right no-repeat;
   cursor:pointer;
}



div#topSpacer
{
   height: 38px;
   width: 100%;
}

img
{
   border: 0px;
   vertical-align: middle;
}


div#page
{
   position:absolute;
   height: 100%;
   bottom:0px;
   left:0px;
   right:0px;
}

div#content_frame
{
   text-align: left;
   border: 5px solid #fff;
  /*width: 98%;*/
   background: #FFF;
}

div#content_body
{
   margin: 0 auto;
   text-align: left;
   border-bottom: 2px solid #181818;
   height:100%;
}

#content_header
{
   width: 100%;
   background: #181818;
   display: block;
   height: 25px;
   color: #FFF;
   margin-bottom: 5px;
}

#content_header_text
{
   padding-left: 5px;
   display: block;
   color: #FFF;
   padding-top: 5px;
   font-weight: bold;
}

#logout, #gostale
{
   -moz-user-select: text;
   color: #B2BFD5;
   text-align: left;
   background: none;
   border: none;
   padding: 0px;
   cursor: pointer;
   font-size: 10px;
   font-weight: bold;
   vertical-align: middle;
   font-variant:small-caps;
}

#virtualkeyboard
{
   -moz-user-select: text;
   color: #B2BFD5;
   text-align: left;
   background: none;
   border: none;
   padding: 0px;
   cursor: pointer;
   font-size: 10px;
   font-weight: bold;
   vertical-align: middle;
   font-variant:small-caps;
}

div#navigation
{
   border-top: 1px solid #999999;
   float: left;
   text-align: center;
   width: 172px;
   background: url("/images/navigation_grad_button.jpg") repeat-y scroll left top #000000;
   z-index: 11;
}

#navHolder
{
   background: url("/images/navigation_grad_button.jpg") repeat-y scroll left top #000000;
}

#nav_menu
{
   z-index: 11;
}

#navigation ul
{
   border-top: 1px solid #E1E0E0;
   display: block;
   margin: 0;
   padding: 10px 0;
}

#navigation ul li
{
   font-weight: bold;
   margin-bottom: 1px;
   margin-top: 1px;
   white-space: nowrap;
   margin-left:10px;
   margin-right:5px;
}

ul
{
   list-style: none;
   padding: 0px;
   margin: 0px;
}

#navigation li
{
   padding-top: 1px;
   padding-bottom: 1px;
   height: 1.6em;
   text-align: left;
}

#navigation li button
{
   -moz-user-select: text;
   text-align: left;
   background: none;
   border: none;
   padding: 0px;
   cursor: pointer;
   font-size: 10px;
}

.menu_section
{
   color: #393939;
   font-size: 13px;
}

.collapsible_content {
   padding: 0 15px;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.1s ease-in-out;
 }

 .collapsible:after {
   content: url(/images/desc_sort.gif);
   float: right;
 }

 .collapsible.is_open:after {
   content: url(/images/asc_sort.gif);
 }

.menu_item, .menu_item :visited
{
   color: #000000;
   font-size: 10px;
   font-weight:normal!important;
   cursor:pointer;
}

span.current_sub_navigation_item
{
   background: #fafafa;
   display: inline-block;
   padding: 3px 8px;
   border: 1px solid #ccc;
   font-weight: bold;
   color: #181818;
}

table.widgetList
{
   width: auto;
   border-collapse: collapse;
   margin: 0px;
   padding: 0px;
   /*margin-top: 10px;*/
   margin-bottom: 5px;
}

table.fieldList, table.syslog_settings, table.detailList
{
   width: 100%;
   border-collapse: collapse;
   margin: 0px;
   padding: 0px;
   /*margin-top: 10px;*/
   margin-bottom: 5px;
}

table.detailList tbody tr td
{
  padding-left: 0px!important;
  padding-right: 0px!important;
}

table.fieldList th, table.syslog_settings th, table.widgetList th
{
   color: #000;
   height: 15px;
   padding-left: 5px;
   vertical-align: bottom;
   border-bottom: 1px solid #1133AA;
   text-align: left;
   font-weight: bold;
   white-space:nowrap;
}

table.detailList th
{
   color: #000;
   height: 15px;
   vertical-align: bottom;
   border-bottom: 1px solid #1133AA;
   text-align: left;
   font-weight: bold;
}

table.fieldlist th details
{
   height:1%;
}

table.fieldList td, table.widgetList td
{
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #FFF;
   padding-left: 5px;
   vertical-align: middle;
}

table.detailList td
{
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #FFF;
   padding-left:0px;
   vertical-align: top;
   height:1.6em;
}

table.fieldList td.form_buttons, table.widgetList td.form_buttons, table.fieldList td.form_buttons
{
   border: none;
}

table.fieldList td.actions, table.widgetList td.actions
{
   margin: 0px;
   font-size: 11px;
   vertical-align: middle;
}

table.syslog_settings td
{
   padding-left: 5px;
   padding-top: 3px;
   padding-bottom: 3px;
   border-right: 1px solid #ddd;
}

table.syslog_settings tbody
{
   border: 1px solid #ddd;
}

table.syslog_settings td.form_buttons
{
   border-top: 1px solid #ddd;
}

.odd, .even
{
   color: #000;
   height: 50px;
}

.odd
{
   background-color: #e8eaf3;
}

.even
{
   background-color: #f4f4f4;
}

input,select,textarea
{
   background-color: #f4f7f9;
   border-color: #999;
   border-width: 1px;
   border-style: solid;
}

input:focus,select:focus,textarea:focus
{
   background-color: white;
   border-color: #555;
}

.ip
{
   width: 35px;
}

.cidr
{
   width: 50px;
}

table.vertical_split td
{
   vertical-align:top;
   background-color: #f4f7f9;
}
table.vertical_split td.reference
{
   width:45%!important;
   border-right:solid 1px #e8eaf3;

}

table.form
{
   width: 100%;
   border-collapse: collapse;
   margin-bottom: 5px;
   margin-top:5px;
}

table.form th
{
   padding: 0px;
   margin: 0px;
   border-bottom: none;
}

table.form td
{
   padding: 5px;
   color: #181818;
   background-color: #f4f7f9;
   height: 40px;
   font-weight: bold;
   vertical-align: top;
}

div.form 
{
   padding: 5px;
   color: #181818;
   background-color: #f4f7f9;
   font-weight: bold;
   vertical-align: top;
}

table.form a
{
   color: #444;
   border-right: 1px solid #bbb;
   padding-left: 3px;
   padding-right: 3px;
   font-style: bold;
}

table.form td span
{
   font-weight: bold;
}

table.form a:hover
{
   color: #004b8d;
}

table.form a:link span
{
   display: none;
}

table.form a:visited span
{
   display: none;
}

table.form a:hover span
{
  position: absolute;
  height: 30px;
  text-align:left;
  width: 300px;
  font-style: normal;
  margin-left: 0px;
  padding: 0px;
  padding-left: 3px;
  display: inline;
  z-index: 12;
}

table.form a:hover span span
{
   background: white;
   border: solid 1px #004b8d;
   border-right-width: 3px;
   width: 300px;
   margin: 0px;
   padding: 2px;
   height: auto;
   display: block;
   z-index: 13;
   font-weight: normal!important;
}

.form_buttons
{
   padding-top: 4px;
   text-align: right;
   width: 250px;
}

.bold
{
   font-weight: bold;
}

.right
{
   text-align: right;
}

.center
{
   text-align: center;
}

.current_page
{
   padding: 0px 8px;
   border: 1px solid #ccc;
   font-weight: bold;
   color: #1133AA;
   background: #FAFAFA;
}

.inline
{
   display: inline;
}

span.subtext
{
   display: inline-block;
   font-weight: normal!important;
}

table.form span.validation_error
{
  position: absolute;
  height:30px;
  text-align:left;
  width: 400px;
  font-style: normal;
  margin-left: 0px;
  padding: 0px;
  padding-left: 6px;
  display: inline;
  background: url("/images/validation_error_header.gif") no-repeat;
  z-index: 10;
}

table.form span.validation_error span
{
   background: white;
   border: solid 1px #AA0000;
   border-right-width: 3px;
   width: 400px;
   margin: 0px;
   padding: 2px;
   height: auto;
   display: block;
   font-weight: normal!important;
   z-index: 11;
}

.button, .action_button
{
   padding: 0px 8px;
   border: 1px solid #ccc;
}

.action_button[disabled]
{
   color:#AAA;
}

.action_button
{
   background: #e4eef3;
   font-weight: bold;
   color: #1133AA;
}

.right_action_buttons
{
   float:right;
   text-align:right;
}

input.transparent
{
   display:none;
}

div.loader
{
   width:100%;
   background: url("/images/loader.gif") no-repeat center;
}

span.form_header
{
   width: 100%;
   background: url("/images/form_header.gif") repeat-x;
   display: block;
   text-align:left;
}

span.form_header_text
{
   padding-top: 5px;
   padding-left: 5px;
   padding-right: 5px;
   vertical-align: middle;
   display: inline;
   font-weight: bold;
   background: #fff;
   color: #1b1b1b;
   margin-left: 20px;
}

span.good_feedback,
span.bad_feedback,
span.warning_feedback,
span.info_feedback
{
   margin-top: 5px;
   margin-bottom: 5px;
   display: block;
   border-width: 1px;
   border-style: solid none solid none;
   padding-top: 5px;
   padding-left: 10px;
   padding-bottom: 5px;
   font-weight: bold;
}

span.info_feedback
{
   background: #e4eef3;
   border-color: #1133AA;
   color: #1133AA;
}

span.good_feedback
{

   background: #99FF99;
   border-color: #336633;
   color: #336633;
}

span.bad_feedback
{
   background: #FFD5D5;
   border-color: #AA0000;
   color: #AA0000;
}

span.warning_feedback
{
   background: #FFFF99;
   border-color: #776633;
   color: #776633;
}

 div.widget
 {
    position: relative;
    float: left;
    background: #FFF;
    padding: 10px;
    padding-top: 10px;
    margin: 6px;
 }


div.title
 {
    position: relative;
    border-bottom: 1px solid #1133AA;
    border-collapse: collapse;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
 }

table.slim tbody tr.even
{
  height: 1.6em;
}

table.slim tbody tr.odd
{
  height: 1.6em;
}

table.slim tbody tr td
{
  padding-left: 5px;
  padding-right: 5px;
}

table.banding tr:nth-child(even)
{
  color: #000;
  background-color: #f4f4f4;
  height: 1.6em;
}

table.banding tr:nth-child(odd)
{
  color: #000;
  background-color: #e8eaf3;
  height: 1.6em;
}

td.content_row_nav
{
   vertical-align: top;
   background: #000000 url(/images/navigation_grad_button.jpg) repeat-y scroll left top;
   width: 150px;
}

td.content_row_content
{
   vertical-align: top;
   padding-left: 5px;
   padding-top: 0px;
   width: 99%;
}

div#usagePolicy
{
   width: 450px;
}

div#login
 {
   width: 350px;
   margin-right: 10px;
}

div.username, div.password, div.destination
{
   text-align: left;
   padding-left: 5px;
   margin-bottom: 10px;
}

div#submit
{
   float: right;
}

div#usagePolicy, div#login
{
   float: left;
   background: #FFF;
   padding: 10px;
   padding-top: 10px;
   min-height: 165px;
}

div#login_page
{
   width: 855px;
   text-align: center;
   margin: 0px auto;
   margin-right: auto;
   margin-left: auto;
   margin-top: 100px;
   background-color: #f2f2f2;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
   border: 1px solid gray;
   z-index: 10;
}

h3.title
{
   position: relative;
   width: 100%;
   border-bottom: 1px solid #1133AA;
   border-collapse: collapse;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 10px;
   margin-top:10px;
   text-align: left;
}

h3.title_no_border
{
  position: relative;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top:10px;
  text-align: left;
}

th.options
{
   width: 250px;
}

th.options_two
{
   width: 175px;
}

form.optionsColumn
{
   margin: 0;
   padding: 0;
   display: inline;
}

div#center_wrapper
{
   position: absolute;
   width: 650px;
   height: 250px;
   bottom: 50%;
   right: 50%;
}

div#center_box
{
   text-align: center;
   position: relative;
   top: 50%;
   left: 50%;
}

table#error_box
{
   border-collapse: collapse;
   border: 2px;
   background-color: white;
   width: 650px;
   height: 250px;
   border-color: #20336E;
   border-style:solid;
}

td#error_content_window
{
   height: 226px;
   padding: 15px 5px 15px 5px;
}

table#error_content
{
   height: 100px;
   width: 650px;
   padding-left: 31px;
}

td#error_line
{
   background-color:#20336E;
   width:1px
}

td#error_left
{
   vertical-align: middle;
   padding-right: 5px;
   width: 203px;
}

#error_title
{
   font-weight: bold;
   color: #1031A5;
   font-size: 18px;
   padding-left: 5px;
}

#error_text
{
   color: #333;
   font-size: 14px;
   line-height: 20px;
   padding-top: 1em;
   padding-bottom: 1em;
   padding-left: 5px;
}

#error_link
{
   color: #1031A5;
   font-size: 15px;
   padding-left: 5px;
}

.barMeter
{
   position:relative;
   height:12px;
   width:57px;
   border-color:#2666A6;
   border-style:none;
   background: url('/images/load_meter_background.png') no-repeat  left;
   padding:1px;
}

.barValue
{
   height:10px;
   margin-top:1px;
   margin-left:1px;
   background: url('/images/load_meter.png') repeat-y  left;
}

div#calendar
{
   border-width:1px;
   border-style:solid;
   border-color:#aaa;
   width:240px;
   background-color:#F5F5F5;
   font-size:9px;
   margin:0px;
}

#calendarHolder
{
  float:left;
  padding-left:10px
}

div.databody
{
   width:240px;
   z-index:10px;
}
table.calFrame
{
   border-collapse:collapse;
   text-align:center;
   font-size:11px;
   width:240px;
   background-color:#FFF;
}

table.calFrame thead
{
   background-color:#F5F5F5;
}

table.calFrame td, th
{
   cursor:default;
}

table td.calDayName
{
   border-width:1px 1px 1px 1px;
   border-style:solid;
   border-color:transparent;
   font-weight:bold;
   height:20px;
}

table td.calDatePFMonth
{
   cursor:default !important;
   color:#999999;
}

table td.calWeekend
{
   background-color:#e4eef3;
}

table td.calToday
{
   background-color:#DDD;
   font-weight:bold !important;
}

table td.calDate
{
   width:40px;
   height:10px;

}

.selectedDay
{
   background-color:#AAA !important;

}

table td.calDate:hover
{
   cursor:pointer;
}

.calHide
{
   display:none;
}

.calShow
{
   display:;
}
#alertBar
{
   margin-top:10px;
   width:550px;
   z-index:100;
   border:none;
   opacity:.8;
}

div.alert
{
/*   background:#1C1C1C none repeat scroll 0 0;
   border-color:#AAA;
  border-style: solid;
   border-width:1px;
   clear:both;
   color:#FFFFFF;*/
   background: #FFD5D5;
   border: solid 1px #AA0000;
   border-right-width: 3px;
   color:black;
   float:right;
   height:22px;
   margin-top:5px;
   padding-top:5px;
   position:relative;
   width:100%;
   z-index:101;
}

div.alertHeader
{
   color:#A71111;
   float:left;
   font-weight:bold;
   padding-left:5px;
   padding-right:5px;
   text-align:left;
}

div.alertMessage
{
   color:black;
   float:left;
   font-weight:bold;
}

div.alertOptions
{
   float:right;
   padding-right:5px
}

#LDAPBrowser
{
   overflow:auto;
   margin:5px;
   height:200px;
   border-color:#AAA;
   background-color:white;
   border-width:1px;
   border-style:solid;
}

ul#LDAPBrowserTree
{
   margin:0px;
   padding-left:12px;
   list-style-type:none;
}

ul#LDAPBrowserTree li
{
   margin:0px;
}

li.expanded
{
   list-style-image:none;

}

li.collapsed
{
   list-style-image:none;
}

li.leaf
{
    list-style-image:none;
}

.selectedDN
{
   scroll:auto;
   margin:5px;
   padding-left:5px;
   padding-top:auto;
   padding-bottom:auto;
   border-color:#AAA;
   background-color:white;
   border-width:1px;
   border-style:solid;
   font-size:10px;
}

#selected_dn_text
{
   font-weight:bold;
}

.ldapUserRoles
{
   vertical-align:top;
   padding-top:5px;
}


.vertical-bar {clear:none;display:inline;width:2px;height:100%;border-right: 1px solid #B8B8B8;border-left: 1px solid #FFF;margin-left: 6px;margin-right: 10px;}

.spacer1  { clear:none;display:inline;width:0px;height:0px;padding-left:1px;}
.spacer3  { clear:none;display:inline;width:0px;height:0px;padding-left:3px;}
.spacer5  { clear:none;display:inline;width:0px;height:0px;padding-left:5px;}
.spacer10 { clear:none;display:inline;width:0px;height:0px;padding-left:10px;}

.floatLeft  {float:left;}
.floatRight {float:right;}

.clear, .clearBoth { height:0;width:0;clear:both;}
.clearRight        { display: block;clear: right;}
.clearLeft         { display: block;clear: left;}

.displayNone       { display: none !important;}
.displayBlock      { display: block !important;}

.clickable { cursor: pointer;}

.w10  { width:10px;}
.w15  { width:15px;}
.w25  { width:25px;}
.w50  { width:50px;}
.w100 { width:100px;}
.w150 { width:150px;}
.w200 { width:200px;}
.w250 { width:259px;}

.h10  { height:10px;}
.h15  { height:15px;}
.h25  { height:25px;}
.h50  { height:50px;}
.h100 { height:100px;}
.h150 { height:150px;}
.h200 { height:200px;}
.h250 { height:259px;}

.inline { display:inline;}

.ellipsis  {
   white-space: nowrap;
   display:block;

   overflow: hidden;
   text-overflow: ellipsis;
}

.input_error {

   position: relative;
   margin-top: 10px;
   font-size:10px;
   color:#7F1000;
   position:absolute;
   top: 185px;
   left:390px;
   font-weight:bold;


}

.inputFormat {
   color:#606060;
   font-size:8px;
   font-weight:bold;

}

.input {

   height:18px;

   width:197px;
   border:1px solid #000;
}

.input-group {
   position: relative;
   display: table;
   border-collapse: separate;
   width: 100%;
}

.input-group-addon {
   padding: 0px 5px 0px 0px;
   font-size: 11px;
   display: inline-block;
   width: 155px;
   color: #555;
   text-align: left;
}

.input-group-addon.prefix {
   border-radius: 4px 0px 0px 4px;
   border-right: 0;
}

.prefix input {
   border-radius: 0px 4px 4px 0px;
}

.prefix .input-group-addon {
   border-right: 0;
   border-radius: 4px 0px 0px 4px;
}

.btnTextRed
{
  color:#7F1000 !important
}

.showingFormat {
   font-size:10px;
   color:#A2A2A2;
   height:18px;
   padding-left:4px;
   width:193px;
   border:1px solid #000;
}

.sortable {
   padding-left: 15px !important;
   cursor: pointer;
}

.asc {
   background: url('/images/asc_sort.gif') no-repeat;
   background-position: 3px center;
}

.desc {
   background: url('/images/desc_sort.gif') no-repeat;
   background-position: 3px center;
}

.neither {
   background: url('/images/white_neither_sort.gif') no-repeat;
   background-position: 3px center;
}

.event-collection-space .table-sorting
{
   padding:5px 0 5px 0
}
.event-collection-space .table-sorting span
{

}
.event-collection-space .table-sorting ul
{
   padding:0;margin:0; margin-left:5px
}
.event-collection-space .table-sorting li
{
   color:#00337F;
}

.event-collection-space fieldset
{
   margin:5px 0 5px 0;padding:5px
}

.event-collection-space legend
{
   color:#00337F;
   font-family:arial;
   font-size:12px;
   font-weight:bold;
   padding:1px 3px;
   text-decoration:none;
   text-shadow:1px 1px 0px #ffffff;
   margin-left:0px
}

.event-collection-space .icon {
   padding-left:16px;
}

.event-collection-space .clickable {
   cursor:pointer
}


table.apiTable tbody tr:nth-child(odd), table.apiTable tbody tr:nth-child(even)
{
   color: #000;
}

table.apiTable tbody tr:nth-child(odd)
{
   background-color: #e8eaf3;
}

table.apiTable tbody tr:nth-child(even)
{
   background-color: #f4f4f4;
}

table.apiTable tbody tr td {
   padding-left: 5px;
   white-space: pre;
   text-align: left;
   height: 50px;
   border-bottom: 1px dotted #cccccc;
}

table.apiTable th {
   white-space: pre;
   width: 60%;
}

input.auditOption, label.auditOption {
   font-weight: bold;
   display: block;
}

 input.auditChecks label.auditChecks span.auditChecks {
   display: block;
   vertical-align: middle;
 }

.dTable tbody tr:nth-child(odd), .dTable tbody tr:nth-child(even)
{
   color: #000;
}

.dTable tbody tr:nth-child(odd)
{
   background-color: #e8eaf3;
}

.dTable tbody tr:nth-child(even)
{
   background-color: #f4f4f4;
}

.dTable tbody tr:hover
{
   background-color: #8D93A1;
}

.dTable tbody tr td {
   padding-left: 5px;
   text-align: left;
   white-space:nowrap;
   border-bottom: 1px dotted #cccccc;
}

.filter-options {
   padding: 3px;
   border-bottom: 1px solid #B5B5B5;
}

.filter-buttons
{
  padding-right:10px;
  padding-left:2px;
  border-right:1px solid #aaa
}

.filter-buttons button {
  font-size:10px;
  min-width:80px;
  margin:1px
}

#filter-devices-checkbox-list
{
  padding-left:220px;
  margin-left:-110px;
}

ul.inline-list li {
   display: inline;
}

ul.comma-seperated-list li:after {
   content: ', ';
}

ul.comma-seperated-list li:last-child:after {
   content: '';
}

.deviceName {
   cursor: pointer;
   display:block;
   clear:right;

   width: 120px;
   color: #00337F;
   /*color: #135C8A;*/
   float:left;
   font-size: 15px;
   font-weight:bold;
   padding: 5px;
   text-shadow: #fff 1px 1px;
}

.filter-devices .device-item {
   height:20px;float:left;vertical-align:top;
}

.device-item label {
   color:#000;font-size:12px;text-shadow: #fff 1px 1px;font-weight:bold;
}

.device-item input[type="checkbox"] {
   position:relative;top:2px;
}



.boxButton {
   cursor: pointer;
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
   box-shadow:inset 0px 1px 0px 0px #ffffff;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
   background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
   background-color:#ededed;
   -moz-border-radius:1px;
   -webkit-border-radius:1px;
   border-radius:1px;
   border:1px solid #BDBDBD;
   display:inline-block;
   color: #00337F; /* #0e2557; */
   font-family:arial;
   font-size:12px;
   font-weight:bold;
   padding:1px 3px;
   text-decoration:none;
   text-shadow:1px 1px 0px #ffffff;
}.boxButton:hover {
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
   background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
   background-color:#dfdfdf;
}
.boxButton:active {
   position:relative;
   top:1px;
}

.boxButton[disabled] {
   cursor:default;
   color:#ccc;
}

.boxButton[disabled]:hover {
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
   background:-moz-linear-gradient( center top, #ededed 6%, #dfdfdf 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
   background-color:#ededed;
}

.boxButton[disabled]:active {
   position:relative;
   top:0px;
}



.box-open {
   background:url('/images/minus_box.png');
   background-repeat:no-repeat;
}

.box-closed {
   background:url('/images/plus_box.png');
   background-repeat:no-repeat;
}

.field-open {
   margin:10px 0 5px 0;
   padding:5px;
}

.field-closed {
   margin:10px 0 5px 0;
   padding:5px;
}

#ec_table_all {
   width: 30px;
}

#time-query-select
{
  height:20px;
}

/* All widths are character widths multiplied by 1.625 */

#ec_table_timestamp
{
   /* 12 - 25 characters */
   min-width: 20ex;
   max-width: 41ex;
}

#ec_table_device
{
   /* 18-% */
   min-width: 30ex;

}

#ec_table_port
{
   /* 8 */
   min-width: 13ex;
   max-width: 13ex;
}

#ec_table_event_type
{
   /* 12 */
   min-width: 20ex;
   max-width: 20ex;
}

#ec_table_targets
{
   /* 12 */
   min-width: 20ex;

}

#ec_table_format
{
   /* 10 */
   min-width: 17ex;
   max-width: 17ex;
}

#ec_table_size
{
   /* 10 */
  min-width: 17ex;
  max-width: 17ex;
}

.invalidFormat
{
  color: red;
  font-weight:bold;
  display:none;
}

label.invalid .invalidFormat
{
  display:inline;
}
 
p.policy {
   white-space: pre-wrap;
}