/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 12px;
    line-height: 14px;
    color:#464648;  
    overflow: hidden;  
    border:none;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
    border:none;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#FirstLvlNav, #SecondLvlNav
{
    width:190px;    
    float:left;
    color:#FFF;
    border-right:1px solid #7d7d7f;
    overflow:hidden;
    height: 100vh;
    min-height: 760px;
}
#ThirdLvlNav {
	width:190px;    
    float:left;
    color:#FFF;
    border-right:1px solid #7d7d7f;    
    height: 100vh;
    min-height: 760px;
}
#ThirdLvlNav.closed, #ThirdLvlNav.animating {
	overflow:hidden;
}
#ThirdLvlNav .mCustomScrollBox {
	overflow:visible !important;
}

#ThirdLvlNav .mCSB_container, #MainContent .mCSB_container {
	overflow:visible;
}
#SecondLvlNav
{
    width:210px;
}
#FirstLvlNav
{
    background-color:#408dc5;  
    background-image:url("../images/ClientLogo.jpg");
    background-repeat:no-repeat; 
    background-position:center bottom; 
}

#FirstLvlNav.closed
{
    background-color:#408dc5;  
    background-image:url("../images/mobile/ClientLogo.jpg");
    background-repeat:no-repeat; 
    background-position:left bottom; 
}

#SecondLvlNav
{
    background-color:#41BBEC;
}
#ThirdLvlNav
{
    background-color:#E6E7E8;
}
#MainContent
{	    
    margin:0 auto;
    width:1024px;
    overflow-x: hidden;
    position:relative;
    /*visibility: hidden;*/
    /*min-width:728px;
    min-height:592px; */
}
      
.navigation #MainContent{
    float:left;
}			 

/* ==========================================================================
   Button styles
   ========================================================================== */
.btn-collapse
{
    background-color:#a2a2a2;
    padding:2px 0 2px 30px;
    color:#FFF;
    border-bottom: 1px solid #7d7d7f;    
    cursor:pointer;
    font-family: Calibri, Arial;
    background-image:url('../images/chevronSprite.png');
    background-repeat:no-repeat;
    font-size:14px;
    background-position:14px 0px;
    height:14px;
}

.closed .btn-collapse
{
    background-image:url('../images/chevronSprite.png');
    background-position:14px -50px;
}
.open.hoverOpen .btn-collapse
{
    background-image:url('../images/chevronSprite.png');
    background-position:14px -50px;
}
.expand
{
    display:none !important;
}
.open.hoverOpen .expand
{
    display:block !important;
}
.hoverOpen .collapse
{
    display:none !important;
}
/* ==========================================================================
   Navigation styles
   ========================================================================== */
.nav
{
    font-size:13px;
}
.closed .closeHide, .animating .closeHide
{
    display:none;
}
#FirstLvlNav.nav
{
    font-family: Calibri, Arial;
    color:#FFF;
}
#FirstLvlNav.nav ul
{
    margin:0;
    padding:0;   
}
#FirstLvlNav.nav ul li
{
    list-style:none;
    border-bottom:1px solid #7d7d7f;    
    min-width:190px;
}
#FirstLvlNav.nav ul li a
{
    color:#FFF;
    text-decoration:none;
    padding-left:52px;
    padding-top:20px;
    padding-bottom:20px;
    display:block;
    
    -o-transition:.4s;
    -ms-transition:.4s;
    -moz-transition:.4s;
    -webkit-transition:.4s;
    /* ...and now for the proper property */
    transition:.4s;
}
#FirstLvlNav.nav ul li a.selected, #FirstLvlNav.nav ul li a:hover
{
    background-color:#41BBEC;
}
.logo
{
    border-bottom:1px solid #7d7d7f;
}
.logo a
{
    width:190px;
    height:68px;
    background-image:url("../images/SynapzeLogo.jpg");
    display:block;
}
#FirstLvlNav {
	width:50px;
}
#FirstLvlNav.open {
	width:190px;
}
#FirstLvlNav.closed, #SecondLvlNav.closed, #ThirdLvlNav.closed
{
    width:50px;
}
body.non-interactive-nav #FirstLvlNav.closed, body.non-interactive-nav #FirstLvlNav.closed #SecondLvlNav.closed #ThirdLvlNav.closed
{
    width:50px !important;
}
#FirstLvlNav.closed .logo a
{
    width:50px;
    height:68px;
    background-image:url("../images/mobile/SynapzeLogo.jpg");
    display:block;
}
#FirstLvlNav.nav ul li a
{
    background-image: url('../images/navigationSprite.png');
    background-repeat: no-repeat;
}
.nav ul li.reportingPortal a
{    
    background-position: 0px 16px;
}
.nav ul li.contactCentre a
{    
    background-position: 0px -57px;
}
.nav ul li.campaignManager a
{    
    background-position: 0px -130px;
}
.nav ul li.programManager a
{    
    background-position: 0px -203px;
}
.nav ul li.surveyManager a
{    
    background-position: 0px -276px;
}
/*
#SecondLvlNav.nav ul
{
    margin:0;
    padding:0;     
}

#SecondLvlNav.nav ul li
{
    list-style:none;  
    min-width:190px;  
}
#SecondLvlNav.nav ul li a
{
    color:#FFF;
    text-decoration:none;
}
#SecondLvlNav.nav ul li.topItem
{
    margin-top:20px;
    padding-left:28px;
    font-weight:bold;
    border-bottom:1px solid #7d7d7f;
    background-image:url('../images/arrowSprite.png');    
    background-repeat:no-repeat;
    background-position:11px 3px; 
    padding-bottom:12px;  
    background-position:-239px 3px; 
    cursor: pointer;
    font-size:14px;
    font-weight:bold;
}
#SecondLvlNav.nav ul li
{
    padding:0;
    margin:0;    
}
#SecondLvlNav.nav ul li.topItem, #SecondLvlNav.nav ul li.topItem ul li
{
    margin-top:20px;
    padding-left:28px;
    font-weight:bold;
    border-bottom:1px solid #7d7d7f;    
    padding-bottom:12px;  
    background-position:-239px 3px; 
    cursor: pointer;    
    font-weight:bold;
}
#SecondLvlNav.nav ul li.topItem ul li
{
    border-bottom:none;
    padding:0;
    margin:0;
}
#SecondLvlNav.nav ul li.topItem ul li a
{
    padding: 8px 0 8px 28px;
}
#SecondLvlNav.nav ul li a
{
    padding-top:20px;
    padding-bottom:20px;
    padding-left:28px;
    display:block;
    border-bottom:1px solid #7d7d7f;
    font-weight: bold; 
}
#SecondLvlNav.nav ul li.topItem a
{
    border:none;
    padding:0;
}
#SecondLvlNav.nav ul li a:hover
{
    background-color:#EFEFEF;
    color:#464648;
}
#SecondLvlNav.nav ul li ul li
{
    padding:0;
    border:none;
    margin:0;
}
#SecondLvlNav.nav ul li ul
{
    border:none;
}
#SecondLvlNav.nav ul li.topItem.open
{
    background-position:6px 4px; 
}
#SecondLvlNav.nav ul li ul
{
    border-bottom:none;
    margin-left:-28px;
    padding-top:8px;
    height:0;
    overflow:hidden;
    font-weight:normal;
    font-size: 13px;
    width:210px;
}
#SecondLvlNav.nav ul li ul li a
{
    font-weight:normal;
    padding-left:28px;
    padding-top:8px;
    padding-bottom:8px;
    display:block;
}
#SecondLvlNav.nav ul li a.selected
{
    background-color:#dadada;
    color:#464648;
    font-weight:bold;
}
#SecondLvlNav.nav ul li ul li a.selected 
{
    background-color:#dadada;
    color:#464648;
    font-weight:bold;
}
#SecondLvlNav.nav ul li.topItem a:hover
{
    background-color:#41BBEC;
    color:#FFF;
}
#SecondLvlNav.nav ul li.topItem ul li a:hover
{
    background-color:#EFEFEF;
    color:#464648;          
}
#SecondLvlNav.nav ul li ul li a
{
    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
}


#SecondLvlNav.nav ul li.topItem.open ul
{
    height:auto;
}
*/

#contentWrapper{
    float:left;
    min-width:786px;
}
.graph
{
    width: 100%;
    height: auto;
    max-width:881px;
}















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/********** styling of horizontal main menu ***************/

.main-top-nav {
    width:100%;
    height:89px;
    background:#bfe8f8;
    color:#464648;
    display:block;
    border-bottom:1px solid #7d7d7f;
    min-width: 1129px;
}

.main-top-nav select {
    width: 180px;    
}

.main-top-nav .headerButtons {
    margin-top: 15px;
    margin-right: 20px;
    float: right;
    display: inline-block;
}
.table-row {
    display:table-row;
}

.main-top-nav h1 {
    font-size:12px;
}

.main-top-nav  ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

.main-top-nav .col1, .main-top-nav .col2, .main-top-nav .col3, .main-top-nav .col4, .main-top-nav .col5, .main-top-nav .col6 {
    display:inline-block;
    float: left;
    padding:15px 20px;
    height: 59px;	
    border-left:1px solid #7d7d7f;
}



.main-top-nav h1 {
    margin-bottom: 10px;
}

.main-top-nav .col1 {
    border-left:none;
}

.main-top-nav .col1 {
    /*min-width:160px;
    width:10%;*/
}

.main-top-nav .col2 {
    /*min-width:170px
    width:10%;*/
}

.main-top-nav .col3 {
    /*min-width:90px
    width:10%;*/
}

.main-top-nav .col4 {
    /*min-width:210px
    width:20%;*/
}

.main-top-nav .col5 {
    /*min-width:160px
    width:20%;*/
}

.main-top-nav .col6 {
    /*min-width:160px
    width:30%;*/
}

/****************** styling of content section in main ***********/

input {
    background:#fff;
    border:1px solid #a2a2a3;
}

.sm-spacing-bottom {
    margin-bottom:5px;
}

.spacing-bottom {
    margin-bottom:10px;
}

.md-spacing-bottom {
    margin-bottom:20px;
}

.lg-spacing-bottom {
    margin-bottom:30px;
}

.sm-spacing-top {
    margin-top:5px;
}

.spacing-top {
    margin-top:10px;
}

.md-spacing-top {
    margin-top:20px;
}

.lg-spacing-top {
    margin-top:30px;
}

.sm-spacing-right {
    margin-right:5px;
}

.spacing-right {
    margin-right:10px;
}

.md-spacing-right {
    margin-right:20px;
}

.lg-spacing-right {
    margin-right:30px;
}

.sm-spacing-left {
    margin-left:5px;
}

.spacing-left {
    margin-left:10px;
}

.md-spacing-left {
    margin-left:20px;
}

.lg-spacing-left {
    margin-left:30px;
}


.sm-spacing {
    margin:5px;
}

.spacing {
    margin:10px;
}

.md-spacing {
    margin:20px;
}

.lg-spacing {
    margin:30px;
}
.no-spacing
.checkbox-group {
    margin-top:5px;
    margin-bottom:5px;
}

.checkbox-group input[type="checkbox"] {
    margin-right:5px;
}

.content {
    position:relative;
    /*min-width: 1024px;*/
}
#Flyout .content {
    min-width: 0px;
}
#Flyout .data-info {
    width: 65%;
}
p {
    margin:5px 0;
}

.al-right {
    text-align:right;
}

.al-center{
    text-align:center;
}

.s-right {
    display:inline-block;
    float:right;
}

.form-group {
    margin-bottom:10px;
}

.layout-content {
    padding-right:20px;
}

.col-r .layout-content{
    padding-right:0;
}
.content-inner
{
    padding:20px;
}
h1 {
    color:#464648;
    font-size:18px;
    margin-top: 0;
    margin-bottom: 20px;
}


.box {
    border:1px solid #a7a9ac;
    padding:10px;
    margin-bottom:20px;
    background: #FFF;
    /*min-height: 100px;*/
    position: relative;
}
.layout-half .box .fixLblSize label
{
    display:inline-block;
    width:23%
}
.layout-half .box input[type="text"], .layout-half .box input[type="password"]
{
    display:inline-block;
    width:58%
}
.layout-half .box input.long, .layout-half .box label.long
{
    display:inline-block;
    width:73%
}
.box-table {
    border: 1px solid #A7A9AC;
    margin-bottom: 20px;    
    padding: 10px;
    background: #FFF;
}

.box h2 {
    background: #bfe8f8;
    font-size: 12px;
    padding:8px;
    margin-top:0;
    color:#464648;
}

.box h2.error
{
    color:#FFF;
    background:#e44848;
}

.box h2.success
{
    color: #FFF;
    background: #54b948;
}

.box-table h2 {
    background: #bfe8f8;
    font-size: 12px;
    padding:8px;
    margin-top:0;
    color:#464648;
}
.header-button-container {
    position: absolute;
    top: 12px;
    right: 15px;
}
.headerButtons .btn
{
    min-width: 85px;
}
.btn {
    background:#D9D9D9;
    color:#5B5B5B;
    padding:5px 10px;
    /*margin-bottom: 5px;*/
    text-align:center;
    min-width:10%;
    text-decoration:none;
    display:inline-block;    
    border: 1px solid #A2A2A3;
}
.btn:hover
{
    background: #A1A1A1;
    color: #FFF;
}
.btn.blue
{
    background:#40bbeb;
    color:#FFF;
}
.btn.blue:hover
{
    background:#408DC5;
}
.btn-container{
    /*padding:10px 0 0;*/
}

a {
    color:#00a4e4;
    text-decoration:none;
}

.col-l, .col-m, .col-r {
    float:left;
    width:33%;
}

.col-l label, .col-m label, .col-r label {
    display:block;
    padding:10px 0;
}

.col-l select, .col-m select, .col-r select {
    width:100%;	
}

.dk-gray th {
    background:#a2a2a3;
    color:#fff;
    padding:5px;
    text-align:center;
    font-size:11px;
}

.lgt-gray th {
    background:#ececec;
    color:#555555;
    padding:5px;
    text-align:center;
    font-size:11px;
    font-weight:normal;
}

.synapze {
    width:100%;
}

.synapze-blue,  .synapze-gray{
    width:100%;
}

.synapze-gray.borders {
    border: 1px solid #86878A;
}
.synapze-gray.borders td{
    border: 1px solid #86878A;
}
.synapze-gray.borders th{
    border: 1px solid #86878A;
}
.synapze-gray.borders th:last-child
{
    border-right: none;
}
.synapze-gray tr th a {
    color: #FFF;
}
.synapze-blue th {
    background:#bfe8f8;
    color:#464648;
    padding:5px;
    text-align:left;
    font-size:11px;
}

.synapze-gray th {
    background:#a2a2a3;
    color:#FFF;
    padding:5px;
    text-align:left;
    font-size:11px;
}

.synapze-blue td, .synapze-gray td{
    padding:5px;
}

.synapze-blue tr:nth-child(even), .synapze-gray tr:nth-child(even){
    background:#ececec;
}

tr.gray {
    background: #ececec !important;
}
tr.white {
    background: #FFF !important;
}

.synapze td {
    text-align:center;
}

.synapze td:first-child {
    text-align:left;
}

.zebra tr:nth-child(even) {
    background:#ececec;
}

.zebra tr:nth-child(even) td {
    border-right:1px solid #fefefe;
}

.zebra tr:nth-child(odd) td {
    border-right:1px solid #d3d3d4;
}

.zebra tr:nth-child(odd) td:last-child {
    border-right:none;
}

.zebra tr:nth-child(even) td:last-child {
    border-right:none;
}

.synapze td img {
    width:80px;
    border:1px solid #cecdc6;
    margin:10px;
    float:left;
}

h3 {
    font-size:12px;
    padding-bottom:0;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0;
}



.synapze .btn {
    background:#a2a2a3;
    color:#fff;
    padding:3px 10px;
    text-align:center;
    min-width:90px;
    text-decoration:none;
    display:inline-block;
    width:10%;
}

.data-group {
    padding:5px 0 5px 10px;
}

.data-wrapper .data-group:nth-child(even) {
    background:#ececec;
}
.data-wrapper .data-group:nth-child(odd) 
{
    background: #FFF;
}

.data-wrapper-readonly .data-group:nth-child(even) {
    background:#ECECEC;
}
.data-wrapper-readonly .data-group:nth-child(odd) 
{
    background: #FFF;
}

.data-wrapper-reverse .data-group:nth-child(even) {
    background: #FFF;
}
.data-wrapper-reverse .data-group:nth-child(odd) {
    background:#ececec;
}
.data-group.white {
    background: #FFF !important;
}
.data-group.gray {
    background: #ececec !important;
}



.label-data {
    display:inline-block;
    width:30%;
    max-width: 200px;
    float: left;
}

.data-info {
    font-weight:bold;
    width: 63%;    
    display: inline-block;
    float: left;
}
#ExternalPage .content .data-info {
    width: 35%;
}
.data-info-fill .data-info {
    display: inline;
}
.data-info input[type="text"]
{
    /*width:175px;*/
    margin-top:0;
    margin-bottom:0;
}
.box div.commprefInfo .items input{
    clear: both;
}
#SecondLvlNavScrolledContent
{
    /*height:100px;*/
    overflow-y:hidden;
    overflow-x:hidden;    
}
#ThirdLvlNavScrolledContent {
    overflow-y:visible;
    overflow-x:visible;    
}
/********** style trending page *****/

.spacing-sides {
    margin:0 20px;
}

.pad-nar {
    padding:10px;
}

.layout-pad {
    padding:20px;
}


.al-center {
    text-align:center;
}

.col-inner-l, .col-inner-r {
    float:left;
}

.col-inner-l {
    width:200px;
    background:#e6e7e8;
    height:814px; /***** to be removed **/
    overflow-y:scroll;
}

.col-inner-r {
    width:786px; 	
}

.col-inner-r img{
    width:100%;
}

.col-inner-l ul {
    list-style-type:none;
    margin:0;
    padding:0;
    font-size:14px;
}

.col-inner-l ul li {
    position:relative;
    border-top:1px solid #7d7d7f;
    padding:20px 10px 20px 30px;
}


.closed span.arrow {
    position:absolute;
    left:10px;
    background:url('../images/arrow-gray-sprite.png')no-repeat;
    background-position:0px 0px;
    width:10px;
    height:10px;
    display:inline-block;
}

.open ul.nest-list {
    font-weight:normal;
}

.open span.arrow {
    position:absolute;
    left:10px;
    background:url('../images/arrow-gray-sprite.png')no-repeat;
    background-position:-15px 0px;
    width:10px;
    height:10px;
    display:inline-block;
}

input.f-chbox {
    float:right;
    margin-right:10px;
}

.col-inner-l ul li:last-child {
    border-bottom:1px solid #7d7d7f;
}

.col-inner-l ul li ul.nest-list li {
    border:none;
    padding:10px 0 0 20px;
    font-size:13px;
}

.col-inner-l ul li ul li:last-child {
    border-bottom:none;
}

.col-inner-l .nest-list {
    display:none;
}


.synapze td.tab-hd {
    background:#e5e5e5;
}

.tab-data td, .tab-data th {
    border:1px solid #bbbbbb;
}

.tab-data td {
    text-align:right;
    padding:5px;
}

.synapze td.tab-f-col {
    width:95px;
    padding:5px 10px;
    text-align:left;
}

th.empty {
    background:transparent;
    border-top:none;
    border-left:none;
}

/********* style login page *****/

.login {
    width:372px;	
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    left:50%;	
    top:50%;
    margin-top:-221px;
    margin-left:-186px;
}
.login.content
{
    padding-top:0;
    padding-bottom:0;
    width:372px !important;
    min-width: 0;
}
.login label {
    display:block;
}

/*input[type="text"], input[type="password"], select, textarea  {*/
input[type="text"], input[type="password"]  {
    border:1px solid #d1d1d1;
    /*margin:10px 0;*/
    width:70%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding:5px 10px;    
    max-width: 415px; /*1/3 of width of main content area*/
}
input[type="text"].short, input[type="password"].short, select.short 
{
    max-width: 200px;
}
input[type="text"].med, input[type="password"].med, select.med, fieldset.med input[type="text"], fieldset.med input[type="password"], fieldset.med select
{
    max-width: 315px;
}
input[type="text"].long, input[type="password"].long
{
    max-width: 415px !important;
    width: 91% !important;
}
select.long 
{
    max-width: 437px !important;
    width: 97% !important;
}
textarea  {
    border:1px solid #d1d1d1;
    /*margin:10px 0;*/
    width:99.2%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding:.4% .4%;    
}
select  {
    border:1px solid #d1d1d1;
    width: 80%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding:5px 10px;
    max-width: 437px; /*1/3 of width of main content area*/
}

#Flyout select {
    width: 75%;
}

/*select {
    margin-top: 0;
}*/
/*.data-info select {
    margin: 0;
}*/
.login a {
    display:block;
}
/*
.leftFilter #MainContent
{
    overflow-y:hidden !important; 
    overflow-x: scroll !important;   
}

.leftFilter #contentWrapper
{
    overflow-y:scroll;    
    overflow-x:hidden; 
}*/

#MainContent, .contentWrapper
{
    overflow-y:hidden;    
    overflow-x:hidden; 
}
.contentWrapper
{
    width: 728px;
    height: 592px;
    background: #F6F6F6;
}
#ExternalPage
{
    position:absolute;
    z-index:3;
    display:none;
    border:none;
    width:728px;
    height:638px;
    background-color: #f6f6f6;    
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom:20px;
    border:1px solid #7d7d7f;
    right:-770px;
    top: 0;
    top: 50%;
    margin-top: -329px;
    margin-right: -385px;
}
#ExternalPage .frame
{
    border: none;    
    width:728px;
    height:592px;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
.contentWrapper .mCustomScrollBox
{
    margin-right:4px;
}
.contentWrapper .mCustomScrollBox .mCSB_container
{
    margin-right:30px;
}
.overlay
{
    display:none;
    opacity: .8;
    filter: alpha(opacity=80);
    background:#ffffff;
    position:absolute;
    top:0;
    left:0;
    height: 100vh !important;
    width: 100vw;
    z-index: 2;
}
.lfloat
{
    float:left;
}
.rfloat
{
    float:right;
}
.clear
{
    clear:both;
}
.ico-pdfPrint
{
    background-image:url('../images/ico-sprite.png');
    background-repeat:no-repeat;
    background-position: 0px 0px;
    width:92px;
    height:22px;
    display:block;
}
.ico-close
{
    background-image:url('../images/ico-sprite.png');
    background-repeat:no-repeat;
    background-position: -99px 0px;
    width:20px;
    height:20px;
    display:block;
    margin-top:13px;
    margin-bottom:13px;
}

.user-profile
{
    margin-left:15px;
    margin-top:30px;
}
.user-profile .username
{
    display:block;
    font-weight:bold;
	width: 200px;
}
.user-profile .logout a
{    
    color:#FFF;
    text-decoration:underline;
}

body.loginpage #MainContent
{
    overflow:hidden;
}
body.loginpage #FirstLvlNav
{
    background-image:none;
}
.img-center
{
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.loginpage .box
{
    margin-top:20px;
    margin-bottom:0;
}
/*table.interactive tr:hover
{
    cursor:pointer;    
    background: #A1A1A1;
}*/
.information
{
    color: #00A4E4;
}
.layout-half
{
    width:47.5%;
    float:left;    
}
.layout-half.right {
    margin-left: 5%;
}
.layout-thirds {
    width: 30%;
    margin-left: 5%;
    float: left;
}
.layout-two-thirds {
    width: 65%;
    margin-left: 5%;
    float: left;
}
.layout-full .layout-thirds:first-child, .layout-full .layout-quarter:first-child {
    margin-left: 0;
}
.layout-full
{
    width:100%;
    clear: both;
    display: block;   
}

.layout-full .layout-quarter {
    width: 21.25%;
    float: left;
    margin-left: 5%;
}
.items span input, .items span label {
    margin-bottom: 10px;
}
.required:before {
    color: #00A4E4;
    content: '* ';
    display:inline;
}
.f-white {
    color: #FFF;  
}
.alternatingBox {
    border: 1px solid #A2A2A3;
    float: left;
}
.box-white     
{
    padding: 10px 0 10px 10px;
    float: left;
    display: inline-block;
    min-width: 100px;
}
.box-gray 
{   
    padding: 10px 0 10px 10px; 
    float: left;
    display: inline-block;    
    background: #D9D9D9;
    min-width: 100px;
}
.inline-radio-btn {
    display: inline;
}
.inline-radio-btn input[type="radio"]:first-child {
    margin-left: 0;
}
.inline-radio-btn input[type="radio"] 
{
    margin-left: 5px;
    
}
.vertical-form input[type="text"], .vertical-form input[type="password"], .vertical-form select {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dataPager {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}
.dataPager .currentPage {
    float: left;
    margin-right: 20px;
    margin-top: 8px;
}
.dataPager .pageNumbers {
    float: left;
    margin-right: 20px;
    margin-top: 8px;
    width: 400px;
    text-align: center;
}
.dataPager .recordPerPage {
    display: inline;
    float: left;
}
.dataPager .recordPerPage span {
    margin-top: 8px;
    margin-right: 10px;
}
.dataPager .recordPerPage select, .dataPager .recordPerPage span
{
    float: left;
    display: inline;
    width: auto;
}
a.white {
    color: #FFF;
}
.tabs {
    margin-left: 10px;
}
.tabs a {
    float: left;
    display: inline-block;
    border: 1px solid #A7A9AC;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 5px 10px;
    border-bottom: none;
    margin-right: 5px;
    background: #ECECEC;
    color: #464648;
}
.tabs a.selected {
    font-weight: bold;
    background: #BFE8F8;    
}
.pipeSpacer {
    padding-left: 4px;
    padding-right: 4px;
}
input.btn[disabled="disabled"] {
    color: #FFF;
}
input.btn[disabled="disabled"]:hover {
    color: #FFF;
    background: #D9D9D9;
}

.dr-gray {
    padding: 10px;
    border: 1px solid #000;
}
textarea {
    margin-top: 5px;
}

.light-blue {
    color: #00A4E4;
}

.horizontal-rule {
    min-height: 1px;
    clear:both; 
    width:100%;
    border-bottom:1px solid #d1d1d1;
    height:1px;
    padding-top:5px;
    margin-top:5px;
    margin-bottom:5px;
}


.contentForm .contentFormLine.buttons .link-btn {
    border: none;
}

.contentForm .contentFormLine.buttons .link-btn:hover {
    background-color: transparent;
    text-decoration: underline;
}