@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);


BODY {
  background: #ffffff;
  font-family: 'Roboto',sans-serif;
  font-weight:400;
  line-height:1.5em;
  color: #333333;
  margin: 0; 
}

h2 {
    font-weight:300;
    font-size:1.5em;
    color:#555;
}


.lightfont {
    font-family: 'Roboto',sans-serif;
    padding-left:0;
    white-space:normal;
    font-weight: 400;
    color: #555;
}

A.function {
    text-transform:uppercase;
}


TD.chatbox_picture {
    vertical-align:top; border-bottom:1px solid #ddd;
}

TD.chatbox_large_picture {
    padding-top:10px; vertical-align:top; border-bottom:1px solid #ddd;
}

TD.chatbox_large_emp_name {
    padding-left:10px; padding-top:10px;
}

DIV.chatbox_large_emp_name_div {
    font-family:lucida grande,tahoma,verdana,arial,sans-serif; 
    font-size:11px; 
    font-weight: bold;
    color: #225497;
}

/*
DIV.chatbox_large_emp_name_div:hover {
    text-decoration: underline;
}
*/

TD.chatbox_large_time {
    text-align:right; padding-top:10px; font-family:lucida grande,tahoma,verdana,arial,sans-serif; font-size:11px;color:#bbb;
}

TD.chatbox_time {
    font-family:lucida grande,tahoma,verdana,arial,sans-serif; font-size:11px; border-bottom:1px solid #ddd; vertical-align:top;
}

DIV.chatbox_timediv {
    color:#666; left:162px; top:-10px; position:relative; margin-bottom:-13px; background:#fff;
}

TD.chatbox_large_msg {
    max-width:400px; 
    width: expression(Math.min(parseInt(this.offsetWidth), 400 ) + "px"); 
    font-family:lucida grande,tahoma,verdana,arial,sans-serif; font-size:11px; border-bottom:1px solid #ddd; vertical-align:top;padding-left:10px; padding-bottom:10px;
}

DIV.chatbox_msgdiv {
    width:194px;word-wrap:break-word;
}

DIV.chatbox_large_msgdiv {
    width:400px;word-wrap:break-word;
}

TD.chatbox_day_change {
    text-align:right; border-bottom:1px solid #aaa;
}




SPAN {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    white-space:nowrap;
}


SPAN.maxwidth120 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    white-space:nowrap;
    display:inline-block;
    overflow:hidden;
    max-width:120px;
    width: expression(Math.min(parseInt(this.offsetWidth), 120 ) + "px"); 
    margin-bottom:1px;
}



IMG.drop_shadow {
        background: #fff;
        padding: 1px;
        -webkit-box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
        -moz-box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
        box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
}


A {
  color: #225497;
  text-decoration:underline;
}



.pure-table {
    font-size:1.0em;
    border:0;
}

.pure-table th {
    font-weight:bold; border-bottom:2px solid #ccc;
    background:#fff;
    border-bottom: 2px solid #ced6de;
    white-space:nowrap;
    text-align:left;
}

.pure-table-horizontal td {
    border-bottom: 1px solid #ced6de;
    border-collapse: collapse;
    outline:none;
    border:0;
/*    display:table-row;*/
vertical-align: top;
    border-bottom:1px solid #ddd;
}




TABLE.mainview_table {
  border-spacing: 1px;
  border: 1px solid #d2d2d2;
 
  width: 100%;
  
  border-collapse:collapse; 
}


TABLE.dynwidth_table {
  border-spacing: 1px;
  border:0;
  border-collapse:collapse; 
  background-color: transparent;
}

TABLE.borderless_table {
  border-spacing: 1px;
  border:0;
  border-collapse:collapse; 
  background-color: transparent;
}


/*
TABLE.mainview_table {
  border-spacing: 1px;
  border:0;
  width: 100%;
  background:#d2d2d2;
}


TABLE.dynwidth_table {
  border-spacing: 1px;
  border:0;
  background:#d2d2d2;
}
*/

TABLE.detailview_table {
  border-spacing: 0px;
  border: 1px solid #d2d2d2;
  width: 100%;
}


TABLE.detailview_table td {
    margin:0;
    padding:4px;
}

TABLE.multi_select_table td {
    margin:0;
    padding:2px;
    background: #f2f2f2;
}

TABLE.bottomline_table {
  border-spacing: 0px;
  border:0;
  width: 100%;
  background:#fff;
}

TABLE.bottomline_table td {
    padding: 5px;

}

TABLE.filter {

    background: #fff;
  width:100%;
  padding: 7px; 

}


TABLE.filter TD {
    padding:6px;
}


.badge {
    background-color:#bbb;
    margin-bottom:3px;
}


UL.menu {
 margin: 0; padding: 0;
 list-style: none;
 font-size: 10ptpt;
 font-family: 'Roboto', sans-serif;

 background: transparent;
 width:150px;
 overlap:hidden;
}


LI.menu {
    cursor:pointer;
    display: block;
    margin: 0 0 1px 0px;
    padding: 5px;
    color: #333;

    background: transparent;
    overflow:hidden;
    white-space:normal;
}

LI.menu A {
    color: #333;
}


LI.menu A:hover {
    text-decoration:none;
}


LI.menu_active A {
    color: #fff;
}


LI.menu_active A:hover {
    text-decoration:none;
}


LI.menu_active {
    cursor:pointer;
    display: block;
    padding: 5px;
    background: #e0e0e0;
    overflow:hidden;
}

LI.menu:hover {
    background: url(../../icons/stripes_light.png); 
    overflow:hidden;
}


LI.menu_active:hover {
    
}


INPUT.single, TEXTAREA, SELECT {
    border: 1px solid #a0a0a0;
    font-family: helvetica, sans-serif;
    
    
    font-weight: normal;
}


TD.multi_select {
    padding: 2px;
    border-style:none;
    font-family: helvetica, sans-serif;
    
}


INPUT.button {
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
}

A:link { 
    color: #225497;
    text-decoration:none;
}

A:visited { 
    color: #225497;
    text-decoration:none;
}

A:active { 
    color: #225497;
    text-decoration:none;
}

A:hover {
    color: #225497;
    text-decoration:underline;
}


P,TR,TH,TD,OL,FORM {
    font-family: 'Roboto',sans-serif;
    font-size:0.95em;
    color:#333;
}


UL {
  font-family: 'Roboto',sans-serif; 
  color: #333333;
}


P.maxwidth400 {
    max-width: 400px;
    width: expression(Math.min(parseInt(this.offsetWidth), 400 ) + "px"); 
}

H1 {
  font-family: 'Roboto',sans-serif;
}

TT {
  background: #fff;
  color: #555; 
  font-family: courier; 
}


TD.submenu {
    color: #333;
    padding: 5px;
}


TD.transparent {
  padding: 6px;
  background: transparent;
  font-family: 'Roboto',sans-serif;
  color: #333;
  text-align: left;
}

TD.transparent_right {
  padding: 6px;
  font-family: 'Roboto',sans-serif; 
  color: #333;
  text-align: right;
}

TD.white {
  background: #fff;
  font-family: 'Roboto',sans-serif;
  color: #333;
  text-align: left;
  padding: 4px;
}


TABLE.mainview_table TD.white {
  background: #fff;
  font-family: 'Roboto',sans-serif;
  color: #333;
  text-align: left;
  border-left: 1px solid #d2d2d2; 
  border-top: 1px solid #d2d2d2; 
  border-bottom: 1px solid #d2d2d2; 
  padding: 4px;
}

TD.white_right {
  padding: 3px;
  background: #fff;
  font-family: 'Roboto',sans-serif; 
  color: #333;
  text-align: right;
  padding: 3px;
}

TD.light_dotted {
  padding: 6px;
  background: #f2f2f2;
  background-image:url('../../icons/dot.png');
  background-repeat:no-repeat;
  background-position:center bottom;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: left;
  vertical-align: top;
}

TABLE.mainview_table TD.light {
  padding: 6px;
  background: #f2f2f2;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: left;
  vertical-align: top;


  border-top: 1px solid #d2d2d2; 
  border-bottom: 1px solid #d2d2d2; 

}

TABLE.mainview_table TD.light_borderleft {
  padding: 6px;
  background: #f2f2f2;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: left;
  vertical-align: top;


  border-left: 1px solid #d2d2d2; 
  border-top: 1px solid #d2d2d2; 
  border-bottom: 1px solid #d2d2d2; 

}

TD {
    padding-left: 4px;
    padding-right: 4px;
    line-height:1.5em;
}

TD.light {
  padding: 6px;
  background: #f2f2f2;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: left;
  vertical-align: top;
}

TD.narrow {
    padding: 4px;
}

TD.narrow2 {
    padding: 2px;
    white-space:nowrap;
}

TD.light_centered {
  padding: 6px;
  background: #f2f2f2;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #d2d2d2; 
  border-bottom: 1px solid #d2d2d2; 
}


TABLE.borderless_table TD.light{
    border:0;
    padding:10px;
}

TABLE.borderless_table TD {
    padding-right:10px;
}

TD.light_nonzebra {
  padding: 6px;
  background: #f2f2f2;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: left;
  vertical-align: top;
}

TD A {
  color: #225497;
  text-decoration: none;
}

TD.light_zebra_toggle {
  padding: 6px;
  background: #fff;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: left;
  vertical-align: top;

  border-top: 1px solid #d2d2d2; 
  border-bottom: 1px solid #d2d2d2; 


}

TD.light_zebra {
  padding: 6px;
  background: #fafafa;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: left;
  vertical-align: top;

  border-top: 1px solid #d2d2d2; 
  border-bottom: 1px solid #d2d2d2; 

}

TD.light_right {
  padding: 6px;
  background: #f2f2f2;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: right;
  vertical-align: top;
}


TD.light_right_zebra {
  padding: 6px;
  background: #fafafa;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: right;
  vertical-align: top;


  border-top: 1px solid #d2d2d2; 
  border-bottom: 1px solid #d2d2d2; 

}

TD.light_right_zebra_toggle {
  padding: 6px;
  background: #fff;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: right;
  vertical-align: top;

  border-top: 1px solid #d2d2d2; 
  border-bottom: 1px solid #d2d2d2; 

}

TD.light_vmiddle { 
  background: #f2f2f2;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: left;
  vertical-align: middle;
}

TD.vmiddle {
  vertical-align: middle;
}

TD.dark {
  padding: 6px;
  background: #fff;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: left;
  vertical-align: middle;
}

TD.dark_dotted {
  padding: 6px;
  background: #fff;
  background-image:url('../../icons/dot.png');
  background-repeat:no-repeat;
  background-position:center bottom;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: left;
  vertical-align: middle;
}


TD.inputlabel {
    padding-right: 6px;
  background: #fff;
  font-family: 'Roboto',sans-serif; 
  
  opacity: 0.8;
  moz-opacity: 0.8;
  filter: Alpha(opacity=80);
  color: #333333;
  text-align: right;
  border-top: 1px solid #d2d2d2; 
  border-bottom: 1px solid #d2d2d2; 
}

TD.dark_top {
  padding: 6px;
  background: #fff;
  background-position: center center;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: left;
  vertical-align: top;
}

TD.dark_right {
  padding: 6px;
  background: #fff;
  background-position: center center;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: right;
  vertical-align: middle;
}

TD.dark_right_bottom {
  padding: 6px;
  background: #fff;
  background-position: center center;
  font-family: 'Roboto',sans-serif; 
  
  color: #333333;
  text-align: right;
  vertical-align: bottom;
}

TH.headline      {
  padding: 6px;
  padding-bottom: 14px;
  background: #fff;
  font-family: 'Roboto', sans-serif; 
  font-size: 18pt;
  font-weight: 300;
  color: #333;
  text-align: left;
  vertical-align: middle;
  padding-left: 6px;
}

TH.headline A {
  color: #333;
  text-decoration: none;
}

TH.headline_right {
  padding: 6px;
  background: #fff;
  font-family: 'Roboto', sans-serif; 
  font-size: 18pt;
  font-weight: 300;
  color: #333;
  text-align: right;
  vertical-align: middle;
  padding-left: 6px;
}

TH.headline_right A {
  color: #333;
  text-decoration: none;
}

TH.headline_top      {
  padding: 6px
  background: #fff;
  font-family: 'Roboto', sans-serif; 
  font-size: 18pt;
  font-weight: 300;
  color: #333;
  text-align: left;
  vertical-align: top;
  padding-left: 6px;
}

TH.headline_top A {
  color: #333;
  text-decoration: none;
}

TH.white {
  padding: 6px;
  background: #ffffff;
  font-family: 'Roboto',sans-serif; 
  
  color: #333;
  padding: 3px;
  
}

TH.dark {
  padding: 6px;
  
  background: #e6e6e6;
  background-position: center center;
  font-family: 'Roboto',sans-serif; 
  
  font-weight:normal;
  color: #2d444f;
  text-align: left;
  vertical-align: top;
  white-space:nowrap;
  border-bottom: 1px solid #d2d2d2; 
}

TH.dark A {
  color: #2d444f;
  text-decoration:none;
}

TH.dark_right {
  padding: 6px;
  background: #e6e6e6;

  font-family: 'Roboto',sans-serif; 
  
  font-weight:normal;
  color: #2d444f;
  text-align: right;
  vertical-align: top;
  white-space:nowrap;
  border-bottom: 1px solid #d2d2d2; 
}

TH.dark_right A {
  color: #2d444f;
  text-decoration:none;
}


.grid-severity-critical,
.grid-severity-critical span,
.grid-severity-major,
.grid-severity-major span,
.grid-severity-minor,
.grid-severity-minor span,
.grid-severity-notice,
.grid-severity-notice span { display:inline-block; height:16px; background-image:url(../../icons/bg_notifications.png); background-repeat:no-repeat; font:bold 10px/16px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; padding:0 0 0 7px; margin:0 0; white-space:nowrap; color:#fff; -moz-border-radius: 0; -webkit-border-radius: 0x; border-radius: 0;}
.grid-severity-critical { background-position:0 0; margin-top: -2px}
.grid-severity-critical span { background-position:100% 0; padding:0 7px 0 0; }
.grid-severity-major { background-position:0 -16px; margin-top: -2px }
.grid-severity-major span { background-position:100% -16px; padding:0 7px 0 0; }
.grid-severity-minor { background-position:0 -32px; margin-top: -2px }
.grid-severity-minor span { background-position:100% -32px; padding:0 7px 0 0; }
.grid-severity-notice { background-position:0 -48px; margin-top: -2px }
.grid-severity-notice span { background-position:100% -48px; padding:0 7px 0 0; }
.grid-severity-critical span A,
.grid-severity-major span A,
.grid-severity-minor span A,
.grid-severity-notice span A { text-decoration:none; color:#fff}


.pure-button-primary {
    background: #189acf;
    color: #fff;
}
.pure-button-warning {
    background: crimson /*#E74C3C*/ ;
    color: #fff;
}

.pure-button-xsmall {
    font-size: 70%;
    margin:2px;
}

.pure-button-small {
    font-size: 85%;
}

.pure-button-large {
    font-size: 110%;
}

.pure-button-xlarge {
    font-size: 125%;
}

TH.headline_right INPUT {
  font-family: 'Roboto',sans-serif; 
  
}
/*
i.fa {
    font-size:1.2em;
}
*/

.fa {
    color: #777;
}

a .fa {
    color: #777;
}