/* 
    Document   : neoserra.css
    Created on : Jun 9, 2011, 9:25:25 AM
    Author     : frankg
    Description:
        Purpose of the stylesheet follows.
*/
/* @import url('https://fonts.googleapis.com/css?family=Arimo'); */
    
/* @import url(https://fonts.googleapis.com/css?family=Satisfy); */


  
@media all
{
    root { 
        display: block;
    }
    
    html
    {
        height: 100%;
    }

    body {
        font-family: 'Arimo', Arial, Verdana, sans-serif;
        /* in generated header */
        font-style: normal;
        font-variant: normal;
        font-weight: normal;   
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        height: 100%;
    }
    h1
    {
        font-size: 140%;
    }
    h2
    {
        font-size: 120%;
    }
    h3
    {
        font-size: 110%;
    }
    label
    {
        font-weight:normal;
        color: #6b616b;
    }

    input[type="text"]
    {
        border-radius: 3px;
        border: #B1B1B1 solid 1px;
        padding: 4px;
    }
    input[type="password"]
    {
        border-radius: 3px;
        border: #B1B1B1 solid 1px;
        padding: 4px;
    }    
    input[type="checkbox"]
    {
        border-style: none;
    }    

    select
    { 
        border: #B1B1B1 solid 1px;    
        font-size: 13px;
        border-radius: 3px;
        /* font-family: 'Arimo', Arial, Verdana, sans-serif;*/
        padding: 4px;    
    }

    textarea
    {
        /* font-size: 13px; */
        border-radius: 3px;
        border: #B1B1B1 solid 1px;
        padding: 4px;    
    }

    label.bold
    {
        font-weight:bold;
        color:black;
    }

    .mark-mandatory
    {
        width: 30px;
        color: red;
    }

    .strikeout
    {
        text-decoration: line-through;
    }

    .profileSection
    {
        background-color: #f0f0f0;
        padding-bottom:5px;
        padding-top:5px;
        margin-top:10px;
        margin-bottom:10px;
        font-weight:bold;
        width:100%;

    }

    table
    {
        font-style: normal;
    }

    img
    {
        border:0px;
    }

    a
    {
        color: #346793;
        text-decoration: none;
    }
    
    a.neoserra
    {
        color: #346793;        
    }
    
    .ui-widget-content a
    {
        color: #346793;             
    }

    a:hover
    {
        color: #787878;
        text-decoration: underline;
    }
    a:vistied 
    {
        color:rgb(98,131,164);
    }
    
    
    a.addr
    {
        color: #346793;
        text-decoration: none;
    }

    a.addr:hover
    {
        color: #787878;
        text-decoration: underline;
    }
    a.addr:vistied 
    {
        color:rgb(98,131,164);
    }
    
    #stream a.datalink
    {
        /*color: black;
        font-weight: bold;*/
    }
    
    #stream-list a.datalink
    {
        color: #346793;
        font-weight: normal;
    }
    
    
    .task a.datalink
    {
        color: #888;
        font-weight: bold;
    }    
    
    a.historylink
    {
        color: #888;
        font-weight: bold;
    }
    

    /* Menu items */

    .menu-section
    {
        color: gray/*#A8A8A8*/   ;
        font-weight:bold;
        font-size: 13px;
        padding-bottom:3px;
        padding-left:3px;
    }


    a.menu-item
    {
        color: #346793;
        font-size: 12px;
        text-decoration: none;
        padding-top:2px;
    }
    
    a.menu-item:hover
    {
        color: #787878 ;
    }

    .menu-padding{
        margin-top:1px;
        line-height: 16px;
    }
    .menu-bar-menu
    {
        display: inline-block;
        height: 17px;
        padding-right: 5px;
        vertical-align: bottom;
        font-weight: normal;
    }
    
    .menu-bar-iconic
    {
        padding-right: 0px;
    }

    .menu-icon
    {
        height:16px;
        width:16px; 
        line-height:16px; 
        color: #aaa;
        text-alignment: center;
        padding-left:5px;
        padding-right:5px;
        margin-right:0px;
        text-indent:0px;
    }
    /*a.menu-item:vistied 
    {
        color:black;
    }*/

    .network-selected
    {
        background-color: rgb(150,150,150); /* Neoserra - dark grey */
        background-color: rgb(125,190,47);; /* Neoserra - green */
        padding: 2px;    
        color: white;
        padding-top: 10px;
        font-weight: 400;
        text-overflow: clipped;     
    }

    .network-selected-neoserra
    {
        background-color: rgb(150,150,150); /* Neoserra - dark grey */
        background-color: rgb(125,190,47);; /* Neoserra - green */
        /* background: -webkit-gradient(linear, left top, left bottom, from(rgb(125,190,47)), to(rgb(200, 230, 200)));     /* Neoserra */ 
        padding: 2px;    
        color: white;
        padding-top: 10px;
        font-weight: 400;
        text-overflow: clipped;        
    }
    
    .network-menu
    {
        border: 2px solid rgb(150,150,150); /*rgb(125,190,47);; Neoserra - green */
        padding: 4px;    
        color: black;
        font-weight: 400;
        text-overflow: clipped;        
        border-radius: 0px;
    }    
    .centers-link, .network-menu a:hover
    {
        color: blue;
    }
    a.menu-centers-link
    { 
        text-decoration:none;
        cursor:pointer;      
        border: 2px solid rgb(150,150,150); /*rgb(125,190,47);; Neoserra - green */
        padding: 4px;    
        color: black;
        font-weight: 400;
        text-overflow: clipped;        
        border-radius: 0px;        
        font-size: 80%;
    }
    a.menu-centers-link:hover
    {
        color: #346793;
        text-decoration: underline;        
    }    
    a#account-link-white:hover
    {
        color: #346793;
        text-decoration: underline;     
    }
    
    #menu-centers-panel
    {
        padding: 5px;
        color: white;
        background-color: white;
        border: black solid 2px;
        border-radius: 0px;
        width: auto; 
        z-index: 100;
        position: absolute;
        top: 40px;
        right: 20px;
        text-align: left;
        opacity: 1;
        background: white;
    }
    
    .network-option
    {
        background: -webkit-gradient(linear, left top, left bottom, from(rgb(244,244,244)), to(rgb(223,223,223))); 
        background: -moz-linear-gradient(top, rgb(244,244,244), rgb(223,223,223)); 
        padding: 3px;
        color: #346793;
        cursor:pointer;
        text-overflow: clipped;        
    }

    .network-option:hover
    {    
        background: #D0D0D0;
        padding: 2px;
        color: white;
        cursor:pointer;
        padding: 3px;
    }

    .image-border
    {
        /*border: 4px solid #cfcfcf;*/
        border: 1px solid black;
    }

    .image-border-small
    {
        border: 1px solid  black;
    }

    .menu-indent
    {
        padding-left: 10px; 
        margin-left: 24px; 
        text-indent: -20px;    
    }

    .comment-indent
    {
        padding-left:27px;
        padding-right:27px;
    }
    /* specific styles */

    /*#pageContainer
    {
        min-width: 800px;
        height: 100%;
    }*/

    #pageContainer #gutter
    {
        float: left;
        width: 1%;
        height: 1px;
    }
    
    /*
     * pageContainer
     *   header
     *   pageflow
     *      #leftcol .content | .content-wide   #rightcol
     */
    
    #pageflow
    {
        width:100%;
        /* min-width: 800px; 
                height: 100%;
        */
        display: block;

    }

    
    #innerContent
    {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
    }

    #innerContent table
    {
    }
    .displayTable
    {
        table-layout:fixed;
        border-collapse:collapse;
        width: 100%;
    }
    .displayLabel
    {
        text-align: left;
        padding-left: 2px;
        width: 100px;
        color: black;
    }
    .displayData
    {
        text-align: left;
        color: #202020;
    }    
    
    .alert-box
    {
        padding: 0 .7em;
        padding-left: 20px;
        padding-right: 10px;        
        border: 1px solid #fad42e;
        background: #fbec88;
        margin-top: 10px;        
    }
    
    .alert-box-action
    {
        float:right; 
        padding-left: 5px; 
        padding-right: 5px;
    }
    
    .info-box
    {
        padding: 10 .7em;
        border: 1px solid #1E90FF; 
        background: #F8F8F8; 
        padding-left:20px; 
        padding-right: 10px;
        margin-top: 10px;
    }

    .borderbox
    {
        border: 1px solid  #B1B1B1;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        margin-top: 15px;
        background-color: white;
        margin-right: 10px;
        color: black;
        width: 100%;
    }

    .borderbox-line
    {
        border-bottom: 2px solid #DADADA;
    }

    .ShadedLineDetail { background-color: #f5f5f5; }
    
    .filter-title {
        width: 100%;
        background-color: #f0f0f0;
        border: solid 1px #eaeaea;
        display: block;
        height: 36px;
    }
     
    .setup-option { 
        color:  #346793 !important; 
    }
        
    .borderbox-title
    {
        padding-top:5px;
        padding-bottom:5px;
        padding-left: 5px;        
        border-bottom: 1px solid #DADADA;
        font-weight: bold;
        font-size:100%;;
        display: block; 
        color: /*#B1B1B1*/ #6a6a6a;
    }
    .borderbox-title-right
    {
        float:right;     
    }

    .borderbox-title a:link 
    {
        text-align: right;
        float:right;
        font-weight: normal;
        padding-right:8px;
        font-size:12px;    
    }

    .borderbox-subtitle
    {
        display: block;
        background-color: #f0f0f0;
        width:99%;
        border-style: dotted;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-bottom: 4px;
        margin-right: 5px;
    }

    .borderbox-content
    {
        padding: 4px;
    }

    .borderbox-content a:link.right
    {
        text-align: right;
        float:right;
        font-weight: normal;
        /*padding-right:3px;*/
    }

    .smalltype
    {
        font-size: 10px;
        line-height: 12px;        
    }

    label.smalltype
    {
        font-size: 10px;
    }

    .entityViewEdit
    {
        text-align: right;
        float:right;
        font-weight: normal;
        /*padding-right:3px;*/
        display:inline-block;
        padding-right:0px;
    }

    .verticalspacer
    {
        height:10px;
    }

    #signin
    {
        float:left;
        padding: 5px;
        padding-top: 10px;
        padding-right:10px;
    }

    #signin label
    {
        color: white;
        font-size: 12px;
    }

    #signin input
    {
        color: black;
        font-size: 10px;
    }

    /* Header styles */

    #header 
    {
        width: 100%;

        margin-bottom: 0px;    
    }
    
    #search
    {
        margin-top: 4px;
    }
    
    #header-icons
    {
        padding-top: 5px;
    }
    
    #header-control
    {
        margin-top: 6px;
        /* position: fixed;*/
        right: 20px;
        top: 10px;
    }
    .header-neoserra 
    {
        /* background-color:rgb(70, 70, 70);      */        
        background: #505050; 
        background: -moz-linear-gradient(top,  #505050 0%, #0e0e0e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #505050 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #505050 0%,#0e0e0e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #505050 0%,#0e0e0e 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #505050 0%,#0e0e0e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

        color:white;    
        border-top: 2px solid rgb(125,190,47);     
    }
    .header-neoserra-white 
    {        
        border-top: 2px solid rgb(125,190,47);     
        xxborder-bottom: 4px solid orange;
        background: white;
    }   

    .header-neocats
    {
        background-color:#1C2531; 
        color:white;    
        border-top: 2px solid rgb(125,190,47);     
    }


    #account-box
    {
        width: auto;
    }

    #account-link
    {
        color:white;
        text-decoration: none;
        cursor: pointer;
    }

    #account-link-white
    {
        color:black;
        text-decoration: none;
        cursor: pointer;
    }    
    
    #account-panel
    {
        padding: 5px;
        color: white;
        background-color: white;
        border: black solid 2px;
        border-radius: 0px;
        /*width: 180px;*/
        z-index: 100;
        position: absolute;
        top: 40px;
        right: 20px;
        text-align: left;
        opacity: 1;
        background: white;
    }

    ul#account-panel-options 
    {
        width:100%;   
        list-style: none;    
        margin: 0px;
        padding:0px;      
    }
    ul#account-panel-options li
    {
        width:100%;
        list-style: none;    
        margin: 0px;
        padding:0px;    
    }
    


    ul#centers-panel-options 
    {
        width:100%;   
        list-style: none;    
        margin: 0px;
        padding:0px;      
    }
    ul#centers-panel-options li
    {
        width:100%;
        list-style: none;    
        margin: 0px;
        padding:0px;    
    }
    

    #pageContainer #header table
    {
        height: 50px;
        width: 100%;
        border-spacing: 0px;
    }

    #pageContainer #header table tr td
    {
        white-space:nowrap;
        padding-top: 6px;
    }

    #toolbox img
    {
        text-align: center;
        vertical-align:middle;
    }

    #toolbox a
    {
        vertical-align:middle;
    }

    .accountlink {
        color: white;
        font-size: 14px;
    }


    .accountlink-neoserra {
        color: white;
        font-size: 14px;
    }
    

    .accountlink-neoserra-white {
        color: black;
        font-size: 14px;
    }    

    #buttons
    {
        float:left;
        padding-top: 12px;
        padding-left: 20px;
        height: 32px;
        width: 100px;
    }

    .red
    {
        color:red;
    }

    a.buttonicon
    {
        background-position: 0px 0px;
        background-repeat: no-repeat;
        display: inline-block;
        margin: 0px 0px;
        text-decoration: none;
    }

    .buttonvalue
    {
        background-color: transparent;
        color: black;
        border: 0px;
        margin-left: 5px;
        margin-top: 7px;
        padding-top: 1px;
        padding-right: 4px;
        display: inline-block;
        height:auto;
        align: center;
        font-size:12px;
    }
    /* end of Header styles */

    /* Footer styles */
    #pageContainer #footer
    {
        clear: both;
        height: 50px;
        background-color:transparent;
    }
    #disclaimer
    {
        margin-left: 80px;
        margin-right: 80px;
        border-radius: 0px;
        background-color: #D0D0D0;
        padding: 5px;
    }
    #brandinfo
    {
        float: left;
        width: 600px; 
        background-color:transparent;
        margin-bottom: 10px;

    }
    /* end of Footer styles */

    #neologinpanel
    {
        border-color: #7dbf00;
        border-style: solid;
        border-radius: 0px;

        width: 400px; 
        background-color: white;
        padding: 0px;
        margin-top: 20px;
    }

    #neologinpanel th
    {
        background-color: lightgray;   
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        font-size: 14px;
        font-weight: bold;    
    }
    #neologinpanel td
    {
        font-size: 10px;   
    }


    /* forms */
    .eventLabel
    {
        padding-right: 5px;
        color:#6b616b;
    }

    .eventNotes
    {
        width:100%;
        word-wrap: break-word;
        margin-top: 8px;
        margin-bottom: 5px;
        padding-top: 5px;   
        padding-right: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;    
        border-radius: 5px;
    }

    .eventNotes.small
    {
        width:100%;
        word-wrap: break-word;
        margin-top:4px;
        margin-bottom: 5px;
        padding-top: 0px;   
        padding-right: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;    
        border-radius: 5px;

    }

    .entityComment
    {
        vertical-align:top;
    }

    .entityComment a.action
    {
        float: right;
        padding-right:10px;
    }

    .eventNotes p
    {
        margin: 0px 3px;
    }

    .eventNotes-delete
    {

        text-align:right;
        padding-left:80%;
        margin-bottom:30px;
        vertical-align:top;

        float:right;
    }

    .monospace
    {
        font-family: monospace;
    }

    .editNotesPlain
    {
        width:95%;
        word-wrap: break-word;
        margin-left:10px;
        margin-top: 5px;
        border-style: dashed;
        border-width: 1px;
        font-family: monospace;
        font-size: 14px;
        padding: 5px;
    }

    .clearfix
    {
        clear:both;
    }

    .button-right
    {
        text-align:right;
        /*float:right; */       
    }
    .button-left
    {
        text-align:left;

        padding: 5px;     
    }    
    
    button.button-left
    {
        background-color: rgb(125, 190, 47);
    }
    .button-row
    {
        background: -webkit-gradient(linear, left top, right bottom, from(rgb(244,244,244)), to(rgb(223,223,223))); 
        background: -moz-linear-gradient(top, rgb(244,244,244), rgb(223,223,223)); 
        background: -webkit-linear-gradient(right,  #F4F4F4 0%,#DFDFDF 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(right,  #F4F4F4 0%,#DFDFDF 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(right,  #F4F4F4 0%,#DFDFDF 100%); /* IE10+ */
        background: linear-gradient(to left,  #F4F4F4 0%,#DFDFDF 100%); /* W3C */
        
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#DFDFDF',GradientType=0 ); /* IE6-9 */
        
        color: black;
    }

    .button-table
    {
        width:100%;
    }

    .editableSection
    {
        padding-bottom: -2px;
        margin-bottom: 4px;
        border-bottom: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(113, 135, 158); /*#DADADA; */
        border-bottom-color: rgb(97,97,97); /* neoserra */    
        border-bottom-width: 3px;
        margin-top: 5px;
        
    }

    .editableSubSection
    {
        padding-bottom: -2px;
        margin-bottom: 2px;
        border-bottom: 0px;
        margin-top: 8px;
    }

    .sectionTitle
    {
        float:left;

        vertical-align: bottom;
        font-size: 120%;
        color: #6a6a6a;
        font-weight:bold;
        min-width: 60%;
    }

    .sectionTitleBreadcrumb
    {

        font-weight:normal;
    }

    .sectionSubTitle
    {
        float:left;
        vertical-align: bottom;
        font-size: 12px;
        font-weight: bold;
        padding-bottom:3px;

    }
    .sectionEditLink
    {
        float:right;
        vertical-align: bottom;
        font-weight:normal;
        min-height: 20px;
        max-height:20px;
    }

    .codeListSelect
    {
        font-weight: normal;
    }

    .hanging-indent {
        text-indent: -16px;
        padding-left: 16px;
        margin: 2px 0px;
    }
    
    table.modern 
    {
        width:100%;
        background-color: white;
        border-radius:0px;         
        border-collapse: collapse;        
        border-spacing: 0px;
    }
    
    .modern th
    {
        border-bottom: 1px solid black;      
        padding: 2px;
    }
    
    .modern th
    {
        padding: 2px;
    }    

    .dataGrid
    {
        width:100%;
        background-color: white;
        border:1px solid #B1B1B1;
        border-radius:0px;
        margin-top:10px;
        
    }

    .dataGrid table
    {
        border-top: 1px;
        border-bottom: 1px;
        border-right: 0px;
    }

    .dataGrid td/*, .dataGrid th */
    {
        border-top:1px solid #DADADA;
        padding:1px 3px 1px 1px; 
    }

    .dataGrid th 
    { 
        padding:1px 3px 1px 1px; 
        font-size:14px;
        text-align:left;
        color:gray;
        background-color: #F5F5F5;
    }

    .highlight
    {
        background-color:#F7F7F7;
    }

    .highlight-dataGrid
    {
        background-color:#F7F7F7;
        border-radius: 0px;
        overflow: hidden;
    }

    .fileinfo-on-hover
    {
        padding-left: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .fileinfo-panel
    {
        padding-left: 10px;
    }
    .fileinfo-highlight
    {
        background-color:#F7F7F7;  
        /* border: #202020 ridge 5px;; */
        border-style: outset;
        border-width: 2px;
    }

    .dataGrid th.add
    {
        align:right;
        text-align:right;
        padding-right:10px;
        font-weight:normal;
    }

    .dataGrid tr.alt td 
    {
        color:#000000;
        background-color:#F5F3E5;
    }

    /* filter form for grid views (with pages and rolodex) */
    .filter-form
    {
        background-color:#FaFaFa;  
        /* border: #202020 ridge 5px;; */
        border-style: outset;
        border-width: 2px;
        padding: 5px;
    }
    #cancel-icon,.panel-icon
    {
        font-size: 18px;
        margin-right: 10px;
        color:#999999;
    }

    .alerts
    {
        /* height: 16px; */
        background-color: #ffffff;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 6px;
        color: black;
        border: 2px solid black;
        border-radius: 5px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .alert-subtitle
    {
        font-size: 14px;
    }
    .alert
    {
        font-size: 14px;    
    }


    .alert-count
    {
        border-radius: 10px; 
        border: 1px solid #cc0000; 
        color:white; 
        background: #cc0000;; 
        width:.9em; 
        height:1em; 
        display:inline-block; 
        text-align:center;
        font-size: 11px;
    }

    .inplace-edit-ro
    {
        text-decoration: none;
    }

    .inplace-edit-ro a
    {
        text-decoration: none;
        color:black;
    }

    .inplace-edit-ro a.red
    {
        text-decoration: none;
        color:red;
    }

    .inplace-edit-ro a:link
    {
        text-decoration: none;
    }

     .inplace-edit-ro a:hover
    {
        border: 1px solid black;
        background-color: white;
        color: black;
    }

    .inplace-edit-rw
    {
        display: none;
    }

    .ui-button .inplace-edit-rw
    {
        font-size: 8px;
    }

    .field-error
    {
        background-color: #FF6666;
        color:white;
    }
    
    .field-select
    {
        width: 40%;
    }

    #panel-inout td
    {
    }

    #panel-inout .statustext
    {
        font-size: 10px;
    }

    #add-location
    {
        background-color: white;
        margin: 20px;
        margin-left: 50px;
        border-style: solid;
        border-color: gray;
        border-width: thin;
        border-radius: 5px;    
        width: 700px;
    }

    .address a:link { color: rgb(98,131,164); text-decoration: none; }
    .address a:visited { color: rgb(98,131,164); text-decoration: none; }
    .address a:hover { color: rgb(98,131,164); text-decoration:underline; }

    .page-number
    {
        padding:3px 7px 3px 7px;
        border:1px solid gray;
        margin-right:3px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color:#f5f5f5;
    }

    a.page-number
    {
        text-decoration:none;
    }

    a:hover.page-number
    {
        background-color:#333;
        color:#FFF;
    }

    .page-current
    {
        /* background-color: gray; */
        color:#FFF;
        color:  #fff;
        background: rgb(100,152,217);
        background-image: linear-gradient(top, rgb(115,182,240) 19%, rgb(100,152,217) 71%);
        background-image: -o-linear-gradient(top, rgb(115,182,240) 19%, rgb(100,152,217) 71%);
        background-image: -moz-linear-gradient(top, rgb(115,182,240) 19%, rgb(100,152,217) 71%);
        background-image: -webkit-linear-gradient(top, rgb(115,182,240) 19%, rgb(100,152,217) 71%);
        background-image: -ms-linear-gradient(top, rgb(115,182,240) 19%, rgb(100,152,217) 71%);

        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0.19, rgb(115,182,240)),
            color-stop(0.71, rgb(100,152,217))
        );        
    }

    .page-disabled
    {
        background-color: lightgray;
        color:#666;
    }

    .stream
    {
        list-style: none;
        padding-left: 0px;
    }
    .stream-item
    {
        padding-top:5px;
        min-height: 55px;
    }

    .stream-count
    {
        font-size: 11px;
    }

    .stream-date
    {
        display: block;
        border-bottom: rgb(97,97,97) solid 2px;
        padding-bottom: 2px;
        padding-top: 0px;
        margin-bottom: 5px;
        font-size: 150%;
        color: rgb(97,97,97);
    }

    .stream-separator
    {
        border-bottom: 1px dotted #cccccc; 
        display: block;     
        margin-bottom: 5px;
        margin-left: 70px;
    }

    .stream-item-body
    {
        width: 100%;
    }

    .stream-content
    {
        display: block;
        float:right;
        width: 85%;
        padding-right: 20px;
        padding-bottom: 1px;
        margin-bottom: 10px;
    }
    .stream-image
    {
        float:left;
        display: inline;
        margin-right: 10px;
        width: 10%; 
        margin-top: 10px;
    }
    .stream-comment
    {

         vertical-align:top; 
    }
    .stream-comment a
    {
         vertical-align:top; 
        /* font-size: 10px; */
    }
    #stream-filter-folded
    {
        padding:2px;
        margin-top: 10px;    
    }


    .stream-content-new
    {
        display: block;
        padding-right: 10px;
        padding-bottom: 1px;
        margin-bottom: 10px;
        margin-left: 30px;
        margin-top: 10px;
    }
    
    .stream-image-new
    {
        float:left;
        display: inline;
        margin-right: 5px;
        min-width: 40px;
    }    
    .stream-title-new    
    {
        font-size: 120%;
        margin-bottom: 5px;
    }
    
    .stream-object-type    
    {
        float: left;
    }
    
    .stream-object-title    
    {
        font-size: 100%;
    }
    
    .stream-object-subtitle
    {
        font-size: 80%;
    }    
    .stream-item-banner{
        margin-top: 10px;        
        margin-bottom: 5px;
    }

    .stream-separator-new
    {
        border-bottom: 1px dotted #cccccc; 
        display: block;     
        margin-bottom: 5px;
        margin-left: 0px;
    }    
    
    
    #stream-search,.filter-panel
    {
        display: none;        
        background-color:#FaFaFa;  
        /* border: #202020 ridge 5px;; */
        border-style: outset;
        border-width: 2px;
        padding: 5px;
    }


    .stream-dialog {
        padding: 10px;
        margin-top:5px;
        overflow-x: auto;
        background-color: #FBFBCC;
        border: 1px solid #E2E1D5;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;

        width:97%;
        text-align:left;
        float:left;
    }
    .stream-dialog form { margin: 0; }
    .stream-dialog textarea { margin: 0; }

    .stream-title
    {
        display:inline-block;
        float:left;    
    }
    
    .stream-actions {
        display:inline-block;
        float:right;
        color:#888;
    }
    /*.stream-actions { color: #888; }*/
    /*.stream-actions :hover { color: blue; }*/
    a.stream-action { font-size: 11px; color: #6b616b; text-align:right;}

    .stream-textarea {  }

    .stream-fundarea
    {
        font-size: 11px;
        background-color: #f0f0f0;
        border: 1px solid #101010;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; 
        padding: 1px;
    }
    
    .stream-fundarea-non-reportable
    {
        background-color: white;   
        text-decoration: line-through; 
        color: #E60F0F;         
    }
    
    .stream-attr
    {
        padding: 1px;
        margin-left: 10px;
    }

    .event-item
    {
        padding-top:5px;
        margin-top: 20px;
        margin-bottom: 20px;
        min-height: 55px;
        height:auto;
        border: black 1px solid;
        border-radius: 5px;
    }

    .event-question
    {
        /* font-size: 120%;*/
        font-weight: bold;
    }

    .inline-dialog
    {
        width:100%;
        background-color:#eeeeee;
    }

    #tags{ margin-left: 10px; display: inline-table; text-decoration: none; color: black; vertical-align: top; }     
    #taglist { visibility:  hidden; margin: 0px; padding: 0; display: inline; /*position: absolute;*/ z-index: 1;}
    #taglist li { list-style: none; border: 1px inset black; padding: 2px;}            
    #taglist li a {  background-color: lightgray; display: block; text-decoration: none;  }
    #taglist li a:hover {  background-color: darkgray; color: white; }         
    .tagged { background: #F5F5F5; border: 1px solid black; border-radius: 5px; padding: 2px 2px 4px 4px; margin-right: 4px;}
    .untag { padding-left: 5px; padding-right: 5px; font-size: 8px; }
    .untag a:link { text-decoration: none; }
    #tagslink a:link { text-decoration: none; }

    #forms 
    { 
        width: 100%;  
        padding: 5px; 
        margin-top: 0px;
        background-color: #F5F3E5;
    }
    .formlist 
    { 
        margin-top: 5px; 
        padding: 0; 
        display: inline;  
    }
    .formlist li 
    { 
        list-style: none; 
        display: inline; 
        margin-right: 4px; 
        background: #F5F5F5; 
        color: black; 
        font-size: 12px;
    }
    .formlist .selected a
    { 
        background-color: #FFFFFF;    
        border: 1px solid black;
    }
    li.formchoice a 
    { 
        text-decoration: none; 
        margin-left: 4px; 
        margin-right: 4px; 
        margin-top: 2px;
        margin-bottom: 2px;  
        padding: 4px;     
    }
    .formchoice a:hover 
    { 
        text-decoration: none; 
        background-color: lightgrey;
        border: 1px solid blue;    
    }

    .upload td
    {
        float: left;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    #clock:hover
    {
        cursor: pointer;
    }
    #worldtime
    {
        display: none;
        position: absolute;
        height: 100px;
        width: 200px;
        z-index: 95;
        border: 3px solid black;
        background-color:#f0f0f0;
        color: black;
    }

    .datagrid span.subtle
    {
        font-style: italic;
        color:#B1B1B1;
        font-weight:normal;
    }

    .speech  
    {  
        position: relative;  
        width: 99%; 

        padding: 7px;
        /*padding-top:5px;*/
        text-align: left; 
        word-wrap: break-word;
        margin-bottom: 5px;
        /*line-height: 100px;  */
        background-color: #fff;  
        border: 1px solid #B1B1B1;  
        -webkit-border-radius: 5px;  
        -moz-border-radius: 5px;  
        border-radius: 5px;  
        /* not in design mockup 
        -webkit-box-shadow: 2px 2px 4px #888;  
        -moz-box-shadow: 2px 2px 4px #888;  
        box-shadow: 2px 2px 4px #888;  */
        background-color: #F7F7F7;
    }  

    .speech:before  
    {  
        content: ' ';  
        position: absolute;  
        width: 0;  
        height: 0;  
        left: 30px;  
        top: -13px;  
        border: 6px solid;  
        border-color: transparent transparent #B1B1B1 #B1B1B1;

    }  

    .speech:after  
    {  
        content: ' ';  
        position: absolute;  
        width: 0;  
        height: 0;  
        left: 31px;  
        top: -11px;  
        border: 6px solid;  
        border-color:  transparent transparent #F7F7F7 #F7F7F7;  
    }




    /*Log in */

    .signInTop
    {
        height: 200px;
        background-color: #304055;
    }

    .signInLeft
    {
        height:100%;
        width:55%;
        float:left;
        background-color:white;
        display:inline-block;
    }

    .signInRight
    {
        height:100%;
        min-height: 100%;
        width:45%;
        float:right;
        background-color:#F7F7F7;
        display:inline-block;
    }

    .customizedMessage
    {
        color:black;
        font-weight:bold;
    }

    .messageUserTag
    {
        background-color:yellow;
    }

    .messageEdit
    {
        width:65%;
    }

    .dataParameters
    {
        background-color: #F7F7F7; /*#f4f4f7*/
        border: 1px solid  #B1B1B1;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding-left: 0px;
        padding-bottom: 0px;
        margin-top: 10px;
        margin-right: 10px;
        margin-left: 30px;
        color: black;
        width: 100%;
    }
    
    .sticky-toolbox
    {
        display: block;
        width: 99%;
    }
      
    .sticky-note
    {
        color: #333;
        position: relative;
        width: 85%;
        margin: 0 auto;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);    
        margin-top: 10px;
    }
    
    .sticky-text
    {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 100%;        
        /*font-family: Satisfy;*/
    }
    
    .sticky-textarea
    {
        margin-right: 20px;
        margin-left: 20px;
        font-size: 18px;        
        /*font-family: Satisfy;*/
        background: #eae672;        
        color: #333;
        width: 90%;
        min-height: 50px;        
    }    
        

    .sticky-rotate
    {
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        transform: rotate(2deg);        
    }
    .sticky-private
    {
        background: #eae672;
    }
    .sticky-public
    {
        background: salmon;
    }   

    
    .sticky-edit
    {
        padding: 5px;
    }
    
    /* used for CLIENT_ID auto-complete combobox */

    .ui-combobox {
        position: relative;
        display: inline-block;
    }
    .ui-combobox-toggle {
        position: absolute;
        top: 0;
        bottom: 0;
        margin-left: -1px;
        padding: 0;
        /* adjust styles for IE 6/7 */
        *height: 1.7em;
        *top: 0.1em;
    }
    .ui-combobox-input {
        margin: 0;
        padding: 0.3em;
    }

    /* ListViewHelper based pages use this for allowint the user to select optional fields */

    #column-list { list-style-type: none; margin: 0; padding: 0; width: 100%; }
    #column-list li { margin: 0 1px 1px 1px; padding-left: 1.5em;  }
    #column-list li span { position: absolute; margin-left: -1.3em; }

    .quick-search-item
    {
        font-size: 120%;
    }
    .quick-search-detail
    {
        padding-left: 20px;
        font-size: 80%;
    }

    .truncate-ellipsis {
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden;
        white-space:nowrap;
    }

    /* Timepicker addon */

    /* css for timepicker */
    .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
    .ui-timepicker-div dl { text-align: left; }
    .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
    .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
    .ui-timepicker-div td { font-size: 90%; }
    .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

    .ui-timepicker-rtl{ direction: rtl; }
    .ui-timepicker-rtl dl { text-align: right; }
    .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

    .tasks
    {
        display: block;
        position: relative;
        padding: 5px;
        border: 1px solid  #B1B1B1;        
        border-radius: 0px;
        padding-right: 10px;
        margin-top: 10px;
        padding-top: 10px;
    }

    .tasks-highlight
    {
        background: white;  
        color: black;
    }

    .task
    {
        padding: 0;
        font-size: 110%;
    }

    .task-type-highlight
    {
        border: 2px solid white;    
        background: rgb(125,190,47);
        padding-left: 4px;
        padding-right: 4px;      
    }

    .task-type
    {
        padding-left: 4px;
        padding-right: 4px;   
        color: #777; 
        font-size: 30px;
        float: left;
        position: relative;
    }
    .task-time
    {
        width: 100px;
    }

    .task-overdue
    {
        color: red;
    }
    
    .task-overdue a
    {
        color: red;
    }    
    
    .task-button
    {
        border: 1px solid #6c7984;
        background: #7DBE2F;
        font-weight: normal;
        color: #ffffff;    
        padding: 2px;
        margin: 2px;
    }
    .task-button a
    {
        color: white;
        text-decoration: none;
    }
    
    .chart-canvas
    {
        margin-top: 5px;
        margin-bottom: 5px;        
        float: left;
    }
    
    #charts-inner
    {
        display: block;
        height:auto;
    }
    
    /* used in some of the subset, report management areas for fields of checkboxes */
    .select-panel
    {
        margin-left: 20px;
        margin-right: 20px;        
        background: #efefef;
    }
    
    .select-panel-flush
    {
        margin-left: 5px;
        margin-right: 20px;        
        background: #efefef;
    }
    
    .select-options
    {
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 2px;
        margin-left: 0px;
        margin-right: 0px;          
        width: 90%;
        border-bottom: 1px #aaa solid;
        margin-bottom: 2px;
    }
    
    .local-time
    {
        font-size: 14px;
    }
    
    .local-place
    {
        font-style:italic;
        font-size:10px;
    }
    
    .local-temp
    {
        font-size: 12px;
    }
    
    table.local-info
    {
        padding: 0;
        margin: 0;
    }

    .label-text{ display: inherit;}
    .label-icon{ display: none; }
    
    #user-messages-alert
    {
        display:inline;
        position: relative;
        left: 0px;
        right: 0px;
    }
    
    .messages-panel-new
    {
        display:none; border: 1px solid rgb(158, 207, 105); padding-bottom:5px;
        border-bottom: 4px solid rgb(158,207,105);
        border-top: 4px solid rgb(158,207,105);
        margin-top:40px;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 100px        
    }

    .user-message
    {

    }
    
    .user-message-icon
    {
        float: left; 
        margin-right: .3em; 
        color: rgb(158,207,105);               
    }
    
    #messages-panel
    {
        background-color: white;
        border: rgb(158,207,105) solid 2px;
        border-radius: 0px;
        width: 450px;
        z-index: 100;
        position: absolute;
        top: 10px;
        left: 10px;
        text-align: left;
        opacity: 1;
        background: white;
        display: block;
    }

    ul#messages-panel-options 
    {
        width:100%;   
        list-style: none;    
        margin: 0px;
        padding:0px;      
        padding: 10px;
        padding-right: 50px;        
    }
    ul#messages-panel-options li
    {
        width:100%;
        list-style: none;    
        margin: 0px;
        padding:0px;    
    }
    
    /* FAQ search */
    #faq-search-alert
    {
        display:inline;
        position: relative;
        left: 0px;
        right: 0px;
    }
    
    .faq-search-panel-new
    {
        display:none; border: 1px solid rgb(158, 207, 105); padding-bottom:5px;
        border-bottom: 4px solid rgb(158,207,105);
        border-top: 4px solid rgb(158,207,105);
        margin-top:40px;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 100px        
    }

    .faq-search-message
    {

    }
    
    .faq-search-icon
    {
        float: left; 
        margin-right: .3em; 
        color: rgb(158,207,105);               
    }
    
    #faq-search-panel
    {
        background-color: white;
        border: rgb(158,207,105) solid 2px;
        border-radius: 0px;
        width: 450px;
        z-index: 100;
        position: absolute;
        top: 10px;
        left: 10px;
        text-align: left;
        opacity: 1;
        background: white;
        display: block;
    }

    ul#faq-search-panel-options 
    {
        width:100%;   
        list-style: none;    
        margin: 0px;
        padding:0px;      
        padding: 10px;
        padding-right: 50px;        
    }
    ul#faq-search-panel-options li
    {
        width:100%;
        list-style: none;    
        margin: 0px;
        padding:0px;    
    }    
    
    /* =================================================================================*/
    /* neo.dropdown.css */
    .hidden
    {
        display: none;
    }
    
    .neo-dropdown
    {
        padding:0px;
        margin:0px;
        display: inline;
    }

    .neo-dropdown-content
    {
        border-radius: 0px;
        border: black 1px solid;
        display:none;
        /* width: 200px; */
    }

    .neo-dropdown ul
    {
        padding:0;
        margin:0;
        float: right;
        z-index: 99;    
    }

    .neo-dropdown li
    {
        /*position: relative;
        float: left;*/
        list-style: none;
        margin: 0px;
        padding:0px;
        padding-left: 2px;
    }
    .neo-dropdown-icon
    {
        padding-left: 5px;
        padding-right: 15px;
        font-size: 150%;
        text-align: center;        
        display: inline-block;
    }

    .neo-dropdown-nopadding-important
    {
        height: auto !important;
        line-height: normal !important;
        cursor: pointer !important;   
    }

    .neo-dropdown-menuitem
    {
        margin-right: 6px;
        line-height: 1.4em;
        display: block;
        y-padding: .405em .405em;
        text-align: left;
        outline: none;
        text-decoration: none;
        text-overflow: ellipsis;
    }

    .neo-dropdown-li-transparent-borders
    {
        padding:0;
        margin:0;
        display: block;  
    }

    .neo-dropdown ul ul
    {
        position: absolute;
        display: none;
        left: -100%;
        /*margin-left: -50%;*/
        z-index: 100;    
    }

    .neo-dropdown ul li ul li
    {
        width: 100%; 
        white-space: nowrap;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .neo-dropdown .downarrow-icon-black
    {
        background : url("../css/cats/images/ui-icons_222222_256x240.png");
        vertical-align : middle;
        width : 14px;
        height : 16px;
        display : inline-block;
        background-position : -64px -16px;
        margin-top : -3px;
    }

    .neo-dropdown .downarrow-icon-white
    {
        background : url("../css/cats/images/ui-icons_ffffff_256x240.png");
        vertical-align : middle;
        width : 16px;
        height : 16px;
        display : inline-block;
        background-position : -64px -16px;
        margin-top : -3px;
    }

    .neo-dropdown .downarrow-icon-blue
    {
        background : url("../css/cats/images/ui-icons_2e83ff_256x240.png");
        vertical-align : middle;
        width : 16px;
        height : 16px;
        display : inline-block;
        background-position : -64px -16px;
        margin-top : -3px;
    }

    .neo-dropdown .downarrow-icon-red
    {
        background : url("../css/cats/images/ui-icons_cd0a0a_256x240.png");
        vertical-align : middle;
        width : 16px;
        height : 16px;
        display : inline-block;
        background-position : -64px -16px;
        margin-top : -3px;
    }


    .menu-item-separated
    {
        /*border-top: 1px solid black;    */
    } 
    
    .date-bubble
    {
        border:1px solid #006666;
        border-top-width: 4px;
        border-top-color: #346793;
        border-radius: 0px;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
        background-color: #eeeeee;
        font-size: 11px;
    }
    
    .sql-kw { 
        color:blue; 
    }
    .sql-block {
        width: 90%;font-family:monospace;margin:50px; border: 1px solid black; padding: 10px;
    }
    
    .subset-logic
    {
        min-height: 30px;
    }
    
    .subset-logic-tag
    {
        display: inline-block;
        min-width: 30px;
    }
    
    .subset-logic-expr
    {
        display: block;
        min-width: 400px;
    }    
    
    .tags-set a
    {
        text-decoration: none;
        display: inline-block;
        padding: .1em 1em .25em 1em;
        margin: 0 .625em 0 0;
        color:  #fff;
        background: rgb(100,152,217);
        background-image: linear-gradient(top, rgb(115,182,240) 19%, rgb(100,152,217) 71%);
        background-image: -o-linear-gradient(top, rgb(115,182,240) 19%, rgb(100,152,217) 71%);
        background-image: -moz-linear-gradient(top, rgb(115,182,240) 19%, rgb(100,152,217) 71%);
        background-image: -webkit-linear-gradient(top, rgb(115,182,240) 19%, rgb(100,152,217) 71%);
        background-image: -ms-linear-gradient(top, rgb(115,182,240) 19%, rgb(100,152,217) 71%);

        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0.19, rgb(115,182,240)),
            color-stop(0.71, rgb(100,152,217))
        );
        -moz-border-radius: .3125em;
        -webkit-border-radius: .3125em;
        border-radius: 5px;        
    }
    
    .hover-panel h2
    {
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
    }
    
    .hover-panel td
    {
        font-size: 12px;        
    }
    
    .hover-title
    {
        font-size: 18px;
    }
    
    
    #neoform-tabs { 
        background: transparent; 
        border: 1px solid  #B1B1B1;        
        border-radius: 0px; 
        margin-top: 5px;
    } 
    #neoform-tabs .ui-widget-header { 
        background: transparent; 
        border: none; 
        border-bottom: 1px solid #c0c0c0; 
        -moz-border-radius: 0px; 
        -webkit-border-radius: 0px; 
        border-radius: 0px; 
    } 
    #neoform-tabs .ui-tabs-nav .ui-state-default { 
        background: transparent; 
        border: none; 
    } 
    #neoform-tabs .ui-tabs-nav .ui-state-active { 
        background: transparent url(../images/uiTabsArrow.png) no-repeat bottom center; 
        border: none; 
    } 
    #neoform-tabs .ui-tabs-nav .ui-state-default a { 
        color: #707070; 
    } 
    #neoform-tabs .ui-tabs-nav .ui-state-active a { 
        color: rgb(125,190,47); /*#459e00; */
        font-weight: bold;
    }
    
    #loading-overlay { 
        display:none;
        position:absolute;
        background:#fff; 
    }

    #loading-info {
        position:absolute; 
    }    
    
    p.MsoNormal
    {
        margin: 0px;
    }
    p.MsoListParagraph
    {
        margin-left: .5in;
    }
    
    #scroll-left
    {
        width: 16px; 
        padding-left: 3px; 
        padding-right: 3px;
    }
    #scroll-right
    {
        width: 16px; 
        padding-left: 3px; 
        padding-right: 6px;
    }
    
    .progress-bar {
        height: 14px;
        width:  10px;
        border-radius: 5px;
        background-color: lightblue;
        margin: 20px;
     }

     .progress-bar > div {
         width: 0%;
         height: 100%;
         border-radius: 5px;
         background-image: linear-gradient(to right, lightskyblue, blue);
         background-size: 100px 100%;
         transition: width 200ms;
     }    
    
    /* ENd of Neoserra */
}    

@media screen
{
    #colright
    {

    /*    background-image:url(../images/GradientBkgd_Right.png);
        background-position: left;
        background-repeat: repeat-y;*/
/*
        background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(255,255,255,0.76) 28%, rgba(255,255,255,0.76) 30%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,1)), color-stop(28%,rgba(255,255,255,0.76)), color-stop(30%,rgba(255,255,255,0.76)));
        background: -webkit-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,0.76) 28%,rgba(255,255,255,0.76) 30%);
        background: -o-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,0.76) 28%,rgba(255,255,255,0.76) 30%);
        background: -ms-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,0.76) 28%,rgba(255,255,255,0.76) 30%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#c2ffffff',GradientType=1 );
        background: linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,0.76) 28%,rgba(255,255,255,0.76) 30%);
*/
        z-index: 50;    
    }
    
    .print-only
    {
        display:none;
    }    
        
    .screen-only
    {
    }     
}
    
@media print
{
    root { 
        display: block;
    }

    #header 
    {
        display:none;
    }

    #colleft
    {
        width:1%;
        display: none;
    }


    #colright
    {
        width: 1%;
        float: left;
        margin-top: 5px;    
        min-height: 50px;        
        display: none;
    }

    .content{
        width: 100%;
        margin-top: 5px;
        min-height: 50px;
        border-left: white;         
    }


    .sectionEditLink
    {
        display:none;
    }    
    
    .print-only
    {
        
    }
    
    .screen-only
    {
        display:none;
    }    
}

/* jqplot */
.jqplot-target{position:relative;color:#666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1em}.jqplot-axis{font-size:.75em}.jqplot-xaxis{margin-top:10px}.jqplot-x2axis{margin-bottom:10px}.jqplot-yaxis{margin-right:10px}.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis,.jqplot-yMidAxis{margin-left:10px;margin-right:10px}.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick,.jqplot-yMidAxis-tick{position:absolute;white-space:pre}.jqplot-xaxis-tick{top:0;left:15px;vertical-align:top}.jqplot-x2axis-tick{bottom:0;left:15px;vertical-align:bottom}.jqplot-yaxis-tick{right:0;top:15px;text-align:right}.jqplot-yaxis-tick.jqplot-breakTick{right:-20px;margin-right:0;padding:1px 5px 1px 5px;z-index:2;font-size:1.5em}.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{left:0;top:15px;text-align:left}.jqplot-yMidAxis-tick{text-align:center;white-space:nowrap}.jqplot-xaxis-label{margin-top:10px;font-size:11pt;position:absolute}.jqplot-x2axis-label{margin-bottom:10px;font-size:11pt;position:absolute}.jqplot-yaxis-label{margin-right:10px;font-size:11pt;position:absolute}.jqplot-yMidAxis-label{font-size:11pt;position:absolute}.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label{font-size:11pt;margin-left:10px;position:absolute}.jqplot-meterGauge-tick{font-size:.75em;color:#999}.jqplot-meterGauge-label{font-size:1em;color:#999}table.jqplot-table-legend{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px}table.jqplot-table-legend,table.jqplot-cursor-legend{background-color:rgba(255,255,255,0.6);border:1px solid #ccc;position:absolute;font-size:.75em}td.jqplot-table-legend{vertical-align:middle}td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active{cursor:pointer}.jqplot-table-legend .jqplot-series-hidden{text-decoration:line-through}div.jqplot-table-legend-swatch-outline{border:1px solid #ccc;padding:1px}div.jqplot-table-legend-swatch{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:6px;border-right-width:6px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid}.jqplot-title{top:0;left:0;padding-bottom:.5em;font-size:1.2em}table.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em}.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-highlighter-tooltip,.jqplot-canvasOverlay-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-point-label{font-size:.75em;z-index:2}td.jqplot-cursor-legend-swatch{vertical-align:middle;text-align:center}div.jqplot-cursor-legend-swatch{width:1.2em;height:.7em}.jqplot-error{text-align:center}.jqplot-error-message{position:relative;top:46%;display:inline-block}div.jqplot-bubble-label{font-size:.8em;padding-left:2px;padding-right:2px;color:rgb(20%,20%,20%)}div.jqplot-bubble-label.jqplot-bubble-label-highlight{background:rgba(90%,90%,90%,0.7)}div.jqplot-noData-container{text-align:center;background-color:rgba(96%,96%,96%,0.3)}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}


@font-face {
    font-family: 'Satisfy';
    font-style: normal;
    font-weight: 400;
    src: local('Satisfy'), url(https://static.neoserra.com/v101/css/satisfy.woff2) format('woff2');
    /* unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2212, U + 2215; */
}