/*IE9 a:focus blue text fix*/
th a:focus,
.mycdx-header a:focus
{
    background-color: transparent !important;
}

div.node-page > .row {
    margin: 0 -1em;
    padding: 0 1em;
}

/*Toggle Button CSS*/
a.toggler {
    background: green;
    cursor: pointer;
    border: 2px solid black;
    border-right-width: 15px;
    padding: 0 5px;
    border-radius: 5px;
    text-decoration: none;
    transition: all .5s ease;
}

a.toggler.off {
    background: red;
    border-right-width: 2px;
    border-left-width: 15px;
}
 
button, input[type="button"], input[type="reset"], input[type="submit"], .button, #edit-cancel {
    color: #ffffff !important;
    margin-top: 5px;
}

input[type="button"].hidden + input[type="button"], input[type="button"].hidden + input[type="reset"], input[type="button"].hidden + input[type="submit"], input[type="submit"].hidden + input[type="button"], input[type="submit"].hidden + input[type="reset"], input[type="submit"].hidden + input[type="submit"], #edit-cancel {
    margin-left: 0em;
}

input[type="button"].condensed, input[type="submit"].condensed, button.condensed, a.button.condensed
{
   margin-left: 0em !important; 
}

label.radio-label {
    display: inline;
}

input[type="checkbox"], input[type="radio"]  {
    width: auto !important;
}

@media screen and (max-width: 799px)
{
    input[type="checkbox"], 
    input[type="radio"]  
    {
        width: 1em !important;
        height: 1em !important;
    }
}

@media screen and (max-width: 44em)
{
    input[type="checkbox"], 
    input[type="radio"]  
    {
        width: 1em !important;
        height: 1em !important;
    }
}


li#share {
	z-index: 1 !important;
}

.hidden,
.s508hide,
input[type="button"].hidden,
input[type="reset"].hidden,
input[type="submit"].hidden,
.button.hidden {
    display: none;
}

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

.word-break 
{
     word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

@media screen and (min-width: 47em) 
{
    .hidden-lg
    {
        display: none !important;
    }
}

@media screen and (max-width: 47em) 
{
    .hidden-sm
    {
        display: none !important;
    }
    
    .mycdx-row.mycdx-header > *
    {
        min-width: 1%; /*Forces Firefox to play nice with the mycdx-table*/
    }
}

.microsite-name img
{
    max-width: 70px;
    vertical-align: middle;
}

.microsite-user-contact
{
    font-size: 12px;
    float:right;
    padding: .4em 0;
    display: inline;
}

aside .pane-content h2, .box > .pane-content h2 {
	border-bottom: 1px solid #CCCCCC;
}

div#microsite-login {
	background: transparent;
	padding-top: .2em;
}

div#microsite-login h2 {
	font-size: 1.33em;
    font-weight: normal;
}

div#microsite-login ul li {
	list-style-type: none;
    margin: 0 0 5px;
}

div#microsite-login ul#microsite-login-form-fields {
	padding-bottom: .0em;	
}

div#microsite-login ul {
	padding-left: 0em;
}

div#microsite-login ul#microsite-login-help {
	font-size: 12px;
	padding-bottom: 0em;
}

#microsite-login-help > li {
	margin: 2px !important;
}

div#main-banner div {
    width: 100%;
	z-index: 0 !important;
}

div#main-banner img {
	margin-bottom: -4px;
	max-height: 220px;	
	min-height:200px;
	border: 1px solid #F4F4F4;
}

span.error, div.error {
    color: #9a0000;
}

select.error 
{
    border-color: #9a0000;
}


/*****
Panels
*****/
.box.multi.news.basic h2
{
    border: none !important;
    background-image: none !important;
}

.box.multi.news.basic div.pane-content 
{
    border: none !important;
    padding: 10px;
}

.box.multi.news.basic div.pane-content ul
{
    list-style: none;
    padding: 0px;
}



/********
Fancybox
********/

.fancybox-close:hover, .fancybox-close:active
{
    background-color: transparent !important;    
}


/*****
Alerts
*****/

.alert-error{
    background-color: #9A0000;
    border-color: #9A0000;
    color: #FFFFFF;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjEuMzM4MDExIiB3aWR0aD0iMjQiIHZlcnNpb249IjEuMSIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4NCjxwYXRoIGQ9Ik0xMS40OTM1ODIsMC4zNzk4MjM4N2ExLjYyMDA1ODcsMS42MTcyNTQyLDAsMCwwLC0wLjgwOTk1MSwwLjgwODUzODEzbC0xMC4xMjQzMzMyMSwxNy4zODM3NDFhMS42MjAwNTg3LDEuNjE3MjU0MiwwLDAsMCwtMC4yMDIxMTksMC40MDQwMDcsMS42MjAwNTg3LDEuNjE3MjU0MiwwLDAsMCwwLDAuNjA2MTI1LDEuNjIwMDU4NywxLjYxNzI1NDIsMCwwLDAsMC4yMDIxMTksMC42MDYwNjQsMS42MjAwNTg3LDEuNjE3MjU0MiwwLDAsMCwxLjAxMjM5OTUxLDAuODA4NTM4LDEuNjIwMDU4NywxLjYxNzI1NDIsMCwwLDAsMC40MDUxODkyLDBoMjAuMDQ2MjE4NWExLjYyMDA1ODcsMS42MTcyNTQyLDAsMCwwLDAuNDA1MTg5LDAsMS42MjAwNTg3LDEuNjE3MjU0MiwwLDAsMCwxLjAxMjM5OSwtMC44MDg1MzgsMS42MjAwNTg3LDEuNjE3MjU0MiwwLDAsMCwwLjIwMjEyOCwtMC42MDYwNjQsMS42MjAwNTg3LDEuNjE3MjU0MiwwLDAsMCwwLC0wLjYwNjEyNSwxLjYyMDA1ODcsMS42MTcyNTQyLDAsMCwwLC0wLjIwMjEyOCwtMC40MDQwMDdsLTEwLjEyNDM0Mi0xNy4zODM3NDFhMS42MjAwNTg3LDEuNjE3MjU0MiwwLDAsMCwtMS4wMTI0NDQsLTAuODA4NTM4MTMsMS42MjAwNTg3LDEuNjE3MjU0MiwwLDAsMCwtMC44MDk5NTEsMHoiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMzMyYTA1IiBzdHJva2UtbWl0ZXJsaW1pdD0iNCIgc3Ryb2tlLWRhc2hhcnJheT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwLjY1Njk1ODgyIiBmaWxsPSIjZmNkMTE2Ii8+DQo8cGF0aCBkPSJtMTIuMzEyMDg1LDE0LjcyNDA4NmMwLjAxOTItMi44MTU5OTcsMC4wOTYtMy42MTYwMDEsMC40NjA4LTUuMTE5OTk4OSwwLjI2ODgtMS4xMTk5OTksMC4zNDU2LTEuNjE2MDAwNSwwLjM0NTYtMi4wODAwMDAxLDAtMS4wMjM5OTktMC4zODQwMDEtMS41Mi0xLjE3MTItMS41MnMtMS4xOTA0LDAuNTEyMDAxMS0xLjE5MDQsMS41MDQwMDAxYzAsMC40Nzk5OTk1LDAuMDc2OCwwLjk3NjAwMSwwLjM0NTYsMi4wOTYsMC4zNjQ4LDEuNTAzOTk3OSwwLjQyMjQsMi4yNTYwMDQ5LDAuNDYwOCw1LjExOTk5ODloMC43NDg4bS0wLjM2NDgsMS4yODAwMDJjLTAuNjcxOTk5LDAtMS4yMDk2LDAuNDQ4MDAxLTEuMjA5NiwwLjk5MTk5OSwwLDAuNTU5OTk5LDAuNTM3NjAxLDEuMDA4LDEuMTkwNCwxLjAwOCwwLjY3MTk5OSwwLDEuMjA5Ni0wLjQ0ODAwMSwxLjIwOTYtMS4wMDgsMC0wLjU0Mzk5OC0wLjUzNzYwMS0wLjk5MTk5OS0xLjE5MDQtMC45OTE5OTkiIGZpbGw9IiMzMzJhMDUiLz4NCjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: 15px 15px;
    padding-left: 50px !important;
}

.alert-success {
    background-color: #4D8E4D;
    border-color: #4D8E4D;
    color: #FFFFFF;
}

.alert-dismissable {
    padding-right: 5px;
}

.alert {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
    font-weight: bold;
}

button.alert-close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    padding: 0;
    margin: 0px;
    margin-left: 5px;
}

.alert-close:hover 
{
    color: #999999 !important;
}

.alert-close {
    color: #FFFFFF !important;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 0 #FFFFFF;
}

/*MyCDX styling*/
.services .pane-title, 
.services .pane-content
{
    border-color: #006545 !important;
}
.services .pane-title
{
    background-color: #006545 !important;
}
span.mycdx-sortable-table-links
{
    display: none;
}
.mycdx-sortable-rows
{
    display: table-row-group;
}
.mycdx-div
{
    clear: both;
}
.mycdx-table
{
    float: left;
    width: 60%;
}
.newsContainer
{
    float: right;
    width: 39%;
}

.mycdx-manage-service
{
    right: 10px; 
    bottom: 7px; 
    position: absolute; 
    color: #f6f6f6 !important; 
    font-size: 75%;
}

.mycdx-services-pane
{
    position: relative;
}

.mycdx-row
{
    display: table-row;
    width: 100%;
}

.mycdx-row.mycdx-header
{
    margin-bottom: 10px;
}

.mycdx-row.mycdx-header > *
{
    cursor: pointer;
}

.mycdx-row > *
{
    display: table-cell;
    padding: 5px;
    border-bottom: 1px solid #666;
}

.newsContainer .box
{
    padding: 0px !important;
    font-weight: normal !important;
}

.newsContainer .box .pane-title
{
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%) !important;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%) !important;
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%) !important;
    background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%) !important;
    background-image: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%) !important;
    background-image: none !important;
    background-repeat: repeat !important;
    padding-left: 0px !important;
}

.newsTimestamp
{
    border-bottom: 1px solid red;
}

.box.news .newsTimestamp
{
    border-color: #58b;
}
@media screen and (min-width:431px)
{
    .mycdx-program-name .th-fixer
    {
        width: 200% !important;
    }
    .mycdx-status
    {
        min-width: 85px;
        max-width: 90px;
    }
}
@media screen and (max-width: 430px)
{
    span.mycdx-sortable-table-links
    {
        display: block;
    }
    .mycdx-header-hidden
    {
        display:none !important;
    }
    .mycdx-header-block
    {
        display:block !important;
    }
    .mycdx-header
    {
        display:none;
        background-color: #ffffeb;
    }
    .mycdx-header > *
    {
        padding-bottom: 30px;
    }
    .mycdx-row.mycdx-header .th-fixer
    {
        float:left;
    }
    .mycdx-row.mycdx-header .th-sort
    {
        float: right;
    }
    .mycdx-row > *
    {
        display: block;
    }
    .mycdx-status,
    .mycdx-program-name,
    .mycdx-header *
    {
        border-bottom: 0px;
    }
    .mycdx-sortable-rows > .mycdx-row > *:before
    {
        content: attr(data-label);
        font-weight: bold;
        padding-right: 10px;
    }
    /*.mycdx-cat-sortable-rows > .mycdx-row > *:before
    {
        content: attr(data-label);
        font-weight: bold;
        padding-right: 10px;
    }*/
}
@media screen and (max-width: 781px)
{
    .mycdx-table
    {
        float: none !important;
        width: 100%;
    }
    
    .mycdx-table td
    {
         word-break: break-word;

        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    
    .newsContainer
    {
        float: none !important;
        width: 100%;
    }

    .manageServicesLink
    {
        float: none;
    }  
}
/*FAQ/Index AND About/SystemInformation styling*/

#AboutFAQContentArea > #FAQtop
{
    display: none;
}

#AboutFAQContentArea > h3
{
    padding: 5px;
}

@media only screen and (max-width: 799px) 
{
    
    .sponsorhip-actions a
    {
        margin-bottom: 1em;
    }
    .sponsorhip-actions a:last-of-type
    {
        margin-bottom: 0em !important;
    }
    .responsive-table-hidden-sm
    {
        display: none;
    }
    
    .responsive-table td:before
    {
        content:attr(data-label);
        font-weight: bold;     
        margin-bottom: 5px;   
    }
    
    /*ToDo table styling*/
    #toDoTable > tbody > tr > td.select-all-td:before
    {
        content: attr(data-label) !important;
    }
    #toDoTable > tbody > tr > td:nth-of-type(1):before
    {
        content: "Select";
    }
    
    #toDoTable > tbody > tr > td:nth-of-type(2):before
    {
        content: "Program Service";
    }
    
    #toDoTable > tbody > tr > td:nth-of-type(3):before
    {
        content: "Description";
    }
    #toDoTable > tbody > tr > td:nth-of-type(4):before
    {
        content: "Task Type";
    }
    #toDoTable > tbody > tr > td:nth-of-type(5):before
    {
        content: "Date Created";
    }
    #toDoTable > tbody > tr > td:nth-of-type(6):before
    {
        content: "Due Date";
    }
    
    /*SDWIS tables*/
    #SDWIS-FAQ > tbody > tr > td:nth-of-type(1):before
    {
        content: "Item";
    }
    
    #SDWIS-FAQ > tbody > tr > td:nth-of-type(2):before
    {
        content: "Description";
    }
    
    #SDWIS-FAQ > tbody > tr > td:nth-of-type(3):before
    {
        content: "Mapping From";
    }
    
    /*Tri-Me Web tables*/
    #TRIQ4-FAQ > tbody > tr > td:nth-of-type(1):before
    {
        content: "Benefit";
    }
    #TRIQ4-FAQ > tbody > tr > td:nth-of-type(2):before
    {
        content: "Description";
    }
    
    #TRIQ7-FAQ > tbody > tr > td:nth-of-type(1):before
    {
        content: "Item";
    }
    
    #TRIQ7-FAQ > tbody > tr > td:nth-of-type(2):before
    {
        content: "Description";
    }
    
    #TRIQ8-FAQ > tbody > tr > td:nth-of-type(1):before
    {
        content: "Guide Name";
    }
    
    #TRIQ8-FAQ > tbody > tr > td:nth-of-type(2):before
    {
        content: "Does this guide apply to you?";
    }
    #TRIQ8-FAQ > tbody > tr > td:nth-of-type(3):before
    {
        content: "Guide Download";
    }
    
    #TIQ5-FAQ > tbody > tr > td:nth-of-type(1):before
    {
        content:"Concept";
    }
    #TIQ5-FAQ > tbody > tr > td:nth-of-type(2):before
    {
        content:"Definition";
    }
}

/* Versiform */
#versiform-selected-users-list li:nth-of-type(2n) 
{
    background: none repeat scroll 0 0 #eee;
}

.versiform-shared-users-pane 
{
    width: 100%;
    max-width: 400px;
}

div.versiform-users-list 
{
    max-height: 180px; 
    width: 100%; 
    overflow: auto;
}

div#versiform-preview-container
{
    width: 100%;
}

div#versiform-preview-container iframe
{
    width: 100%; 
    height: 425px;
    margin-bottom: 0.5em;
}

/* ESigPin Select Questions formatting*/
.secretQuestion
{
    max-width: 100%;
    word-wrap: normal;
    white-space: normal;
}

.secretQuestion,
.secretAnswer,
.eSigYear
{
    margin: 2px;
}

@media screen and (max-width: 43em)
{
    .secretQuestion,
    .secretAnswer,
    .eSigYear
    {
        display: block;
    }
    
    .eSigYear:before 
    {
        content: "Year";
    }
}

@media screen and (min-width: 43em)
{
    .secretQuestion
    {
        width: 450px;
    }
}

/****
Forms
****/

label.required
{
    position: relative;
}
label.required:after
{
    position: absolute;
    content: "\00a0*";
}
div.form-group:after {
    clear: both;
}

div.form-group:before, .form-group:after {
    content: " ";
    display: table;
}

div.form-group {
    margin-bottom: 15px;
}

div.form-group > .hidden {
    display: none !important;
}

div.form-group > div.form-field > .hidden {
    display: none !important;
}

div.form-group > div.form-field.block 
{
    display: block !important;    
}

div.form-group label, div.form-group div label
{        
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 15px !important;
}

div.form-group label {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0px;
    vertical-align: top;
    margin-bottom: 5px;
}

div.form-group div.form-field 
{
    width: auto;
    display: inline-block;
}

div.form-group div.form-field label 
{
    display: block;
    width: 100%;
}

div.form-group div.form-field label.inline
{
    display: inline;
    width: 100%;
}

div.form-group div.form-field select 
{
    width: 100% !important;
    max-width: 600px;
}

div.form-group.xsm div.form-field select
{
    min-width: 100px !important;
}

div.form-group.radio-group div.form-field label
{
    display: inline;
    width: 100%;
}

div.form-group.radio-group div.form-field label.error 
{
    float:right;
    padding-left: 15px;
}

div.form-group div.form-field label.error, 
div.form-group div.form-field label.error,
.checkbox-group label.error,
#aoSelection label.error
{
    color: #9a0000;
}

.itemGroup input[type=radio] + label.error
{
    position: relative;
    top: -20px;
    left: -20px;
}

.itemGroup .userAuth
{
    position: relative;
    top: -27px;
}

div.form-group div.form-field div.combo-field
{
    display: table;
    margin: -1px;
    border: #ddd solid 1px;
    border-radius: 5px;
    padding-right: 3px;
}

div.form-group div.form-field div.combo-field span
{
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

div.form-group div.form-field div.combo-field span label
{
    margin-left: 0px;
}

div.form-group div.form-field div.combo-field label
{
    font-size: 90%;
    font-weight: normal;
    display: inline;
}

@media screen and (min-width: 43em) 
{
    div.form-group label, div.form-group div label
    {
        display: inline-block;
        width: 135px !important;
        margin-bottom: 0px;
    }
    
    div.form-group .radio-group
    {
        display: block;
    }
    
    div.form-group label.long-label
    {
        width: auto !important;
        display: block;
    }
    
    div.form-group.xl label
    {
        display: inline-block;
        width: 210px !important;
    }
    
    div.form-group.xl label.long-label
    {
        display: block;
    }
    
    div.form-group.radio-group div.form-field label 
    {
        display: inline !important;
        width: 100%;
    }
    
    div.form-group.radio-group div.form-field label.error
    {
        padding-left: 0px !important;
    }
    
    div.form-group.xxl label
    {
        display: inline-block;
        width: 250px !important;
    }
    
    div.form-group.sm label
    {
        display: inline-block;
        width: 110px !important;
    }
    
    div.form-group.xs label
    {
        display: inline-block;
        width: 60px !important;
    }
    
    div.form-group.xsm label
    {
        display: block;
        width: 90px !important;
    }
                 
    div.form-group div.form-field label 
    {
        display: inline;
        margin-left: 5px;
    }
    
    div.form-group div.form-field label.error
    {
        width: auto !important;
        display: inline-block;
    }
          
    div.form-group div.form-field select 
    {
        margin-left: 0px;
        display: inline-block !important;
    }
    
    div.form-group div.form-field.cdx-select-role-field
    {
        margin-left: -5px !important;
    }
    
    div.form-group div.form-field.multi-input input
    {
        margin-left: 3px;
        margin-right: 3px;
    }
}

@media screen and (max-width: 43em) {  
    input[type="submit"]#btnSubmitPaper
    {
        margin-left: 0 !important;
    } 
}

/*Modal css for Lexis Nexis Information Page*/

.modal-first-button
{
    float: left;
}

.modal-last-button
{
    float: right;
}

/* TSCA AP Styling*/

@media screen and (max-width: 320px)
{
    #CancelTSCA
    {
        display: block;
        padding-left: 0px;
        margin-left: 0px;
    }
}

/* IEPB AP Styling*/

tr.iepb-year
{
    background-color: #ddd;
}


tr.iepb-grant
{
    background-color: White;
}

/**************************GLOBAL STYLING************************/
/*popup-body styling */
#popUpBody, #popUpHtml
{
    overflow: visible !important;
    background-color: #ffffff !important;
}

#popUpBody h2.popUpHeader
{
    color: #517BA5;
    width: 100%;
}

#popUpBody #innerContentArea hr
{
    border: 1px solid #517BA5;
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
}

#popUpBody #innerContentArea
{
    padding-top: 0px !important;
}

#popUpBody #innerContentArea fieldset
{
    padding: 0px !important;
}
/*break-word styling */
.break-word
{
     word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
/*inline styling */
.inline
{
    display:inline-block;
}
/*block styling*/
.block
{
    display:block;
}
/*block-important styling*/
.block-important
{
    display: block !important;
}
/* float-right styling*/
.float-right
{
    float: right;
}
/* BigLegend for fieldsets provided in s.css */
legend.big-legend
{
    height: auto !important;
    text-indent: 0 !important;
    text-align: center;
}
/* smallText styling */
.smallText
{
    font-size: 75% !important;
}

/* bold styling */
.bold,
.bold *
{
    font-weight: bold !important;
}
/* justify styling */
.justify
{
    text-align: justify;
}
/* center styling */
.center
{
    text-align: center;
}
/* Important Styling*/
.important
{
    color: #369 !important;
    font-weight: bold;
}

/*Inner Content Area*/
#innerContentArea
{
    padding-top: 1em;
}

/*Bread Crumbs*/
ul.breadcrumbs 
{
    padding-left: 0px !important;
    display: inline-block !important;
}

ul.breadcrumbs + *
{
    margin-top: 1em;
}

ul.breadcrumbs,
ul.breadcrumbs > li
{
    list-style:none;
    display:inline;
}
ul.breadcrumbs > li:after
{
    font-family: FontAwesome;
    content: "\f101";
}
ul.breadcrumbs > li.root:before
{
    content: "You are here: ";
    font-weight: bold;
}

ul.breadcrumbs >li.current:after
{
    content: "";
}

@media screen and (max-width: 42em)
{
    ul.breadcrumbs > li.root:before,
    ul.breadcrumbs,
    ul.breadcrumbs > li
    {
        display: block;
    }
}
/*List Styling*/
.bullets
{
    list-style-type: circle !important;
}
.decimal
{
    list-style-type: decimal !important;
}
.squares
{
    list-style-type: square !important;
}
.no-style
{
    list-style-type: none !important;
}
@media screen and (max-width: 43em) 
{
   .bullets > li,
   .decimal > li,
   .squares > li,
   .no-style > li
   {
       margin-bottom: .5em;
   }
}

.loggedInUser 
{
padding: 15px 5px 0 0;
text-align: right;
color: white;
font-size: 80%;
}
/** Accordion *****************************************************************/
.accordion_cdx {
  list-style: none;
  padding-left: 0;
}

.accordion_title_cdx { /* arrow-right.svg */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iOC4xMTk2NTY2IiB3aWR0aD0iOC4xMTk5OTk5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+DQo8cGF0aCBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMi40Nzc5NzE5LDAuNDQ1NDY3MDEsNS41NzA2NjE3LDQuMjY4MjM5NSwyLjQ3Nzk3MTksNy42NDEyNzQxIiBzdHJva2U9IiMzNjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjVweCIgZmlsbD0ibm9uZSIvPg0KPC9zdmc+");
  background-position: .4em .8em;
  background-repeat: no-repeat;
  display: block;
  line-height: 1.1;
  margin: 0;
  padding: .5em 1.2em;
  text-decoration: none;
}
.accordion_title_cdx:focus,
.accordion_title_cdx:hover {
  background-color: #f5ecb8;
  color: #369;
  text-decoration: underline;
}
.accordion_title_cdx.active { /* arrow-down.svg */
  background-color: #f5ecb8;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iOCIgd2lkdGg9IjguMDUwMDAwMiIgdmVyc2lvbj0iMS4xIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPg0KPHBhdGggc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTcuMzI5Mjg1MiwyLjYxNTAwODMsMy44MTIzOTcyLDUuMzA4NTg0MywwLjcwOTI2MDY0LDIuNjE1MDA4MyIgc3Ryb2tlPSIjMzY5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS4zNDI2OTYxOXB4IiBmaWxsPSJub25lIi8+DQo8L3N2Zz4=");
  font-weight: bold;
}

.accordion_pane_cdx {
  padding: .5em 1.2em 1em 1.2em;
}
.accordion_pane_cdx.active {
  background-color: #ffffeb;
}
.accordion_pane_cdx > :last-child {
  padding-bottom: 0;
}

.accordion_pane_cdx > ul,
.accordion_pane_cdx > ol
{
    list-style: none;
}

.simple-paging 
{
    display: inline-block; 
    list-style: none; 
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.simple-paging > .prev
{
    float: left;
}

.simple-paging > .next
{
    float: right;
}

@media screen and (max-width: 43em)
{
    .simple-paging li
    {
        width: 3.3em;
        height: 1.3em;
        overflow: hidden;
        text-overflow: clip;
    }
    
}
/* Buttton text fixes */
input[type="button"],
input[type="reset"],
input[type="submit"],
.button
{
    /*min-height: 24px;*/
    height: auto;
    word-wrap: normal;
    max-width: 100%;
    white-space: normal;
}
.fancybox-inner input[type="button"],
.fancybox-inner input[type="reset"],
.fancybox-inner input[type="submit"],
.fancybox-inner .button,
input[type="button"].modal-button,
input[type="reset"].modal-button,
input[type="submit"].modal-button,
button.modal-button,
.button.modal-button,
button.alert-close
{
    width: auto !important;
    margin-right: 1em !important;
    height: auto !important;
    line-height: 22px !important;
}
.button.modal-button
{
    display: inline-block !important;
}
.button.modal-button span
{
    display: inline !important;
}
/* Fixing Sizing on Input/Cancel Buttons on phones */
@media screen and (max-width: 599px)
{
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .button,
    #edit-cancel
    {
        width: 100%;
        margin-right: 0px;
        height: 44px;
    }
    .button
    {
        display: table;
    }
    .button span
    {
        display: table-cell;
        vertical-align: middle;
    }
    
    .form-field
    {
        width: 100% !important;
    }
    
    .form-field input[type="text"], .form-field input[type="password"], .form-field select
    {
        width: 100%;
    }
    
}

.fancybox-inner .form-field, .fancybox-inner .form-field input[type="text"], .fancybox-inner .form-field select
{
	width: auto !important;		
}

/*Fixing Tabs from s.css*/
.tabs
{
    margin-bottom:0 !important;
}
.tabs > li
{
    margin-bottom: 0 !important;
    text-align:center;
}

/*Radio button hopefully global styling*/

input[type="radio"] + label
{
    display: inline !important;
    margin-left: 5px;
}

/*Tab Div to match .tabs styling*/
.tab-div,
tabs + *
{
    margin: -1px 0px 0px 0px;
    padding: 0;
    border: 1px solid #999;
}

.tab-div > *
{
    padding: 5px;
    margin: 10px;
}

.tab-div > ol
{
    margin-left: 2em;
}
/*cdx tab styling*/
@media screen and (max-width: 741px)
{
    .cdx-tabs
    {
        display: none;
        margin-bottom: 10px !important;
    }
    .cdx-tabs-toggle-div
    {
        display: block !important;
    }
    .cdx-tabs li
    {
        display: block !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .cdx-tabs li a
    {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #999 !important;
    }
    
    .show-cdx-tabs
    {
        display: block;
    }
    
    .cdx-tabs li.dropdown ul.dropdown-menu
    {
        width: calc(100% - 32px);
    }
    
    .cdx-tabs li.dropdown.open a
    {
        border-bottom: none !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    
    .cdx-tabs li.dropdown.open ul.dropdown-menu, .cdx-tabs li.dropdown.open ul.dropdown-menu a
    {
        background-color: #f0f0f0 !important;
    }
    
    .cdx-tabs li.dropdown.open ul.dropdown-menu > li > a:hover
    {
        background-color: #969696 !important
    }
    
    .cdx-tabs li.dropdown.open > a
    {
        background-color: #58b !important;
        color: #f9f9f9 !important;
    }
    
    .cdx-tabs > li > .dropdown-menu {
        margin-top: 0px !important;
    }    
}
@media screen and (min-width: 742px)
{
    .cdx-tabs
    {
        display: block !important;
    }
}

.cdx-tabs-toggle-div
{
    display: none;
    margin-bottom: 10px;
    font-weight: bold;
}

.cdx-tabs-toggle-div .cdx-active-tab
{
    width: 88%;
    display: inline-block;
}
.cdx-tabs
{
    list-style: none;
    padding-left : 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.cdx-tabs li
{
    display: inline-block;
    margin-bottom: 1px;
    padding-bottom: 0px;
}
.cdx-tabs > li > a,
.cdx-tabs > li > a:visited,
.cdx-tabs-toggle-div .cdx-active-tab span,
.sortable-table-links span,
.mycdx-sortable-table-links
{
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.14902) 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #f9f9f9;
    display:inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    color: #369;
    font-size: 105%;
    border: 1px solid #999;
    border-bottom: none;
}

.cdx-tabs li.active a:hover
{
    background-color: #58b !important;
    color: #f9f9f9 !important;
}

.cdx-tabs-toggle-div .cdx-active-tab span,
.cdx-tabs li.active > a,
.cdx-tabs li.active a:visited,
.cdx-tabs li a:hover
{
    background-color: #369;
    color: #f9f9f9;
}

.cdx-tabs > li > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 1px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-top: none;
}

.dropdown-toggle:focus {
    outline: 0 none;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #f9f9f9;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;    
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    /*top: 100%;*/
    left: auto;
    z-index: 1000;
}
.dropdown-menu.pull-right {
    left: auto;
    right: 0;
}
.dropdown-menu .divider {
    background-color: #e5e5e5;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}

.dropdown-menu > li 
{
    display: block;
}

.cdx-tabs li.dropdown.open {
    border-bottom: 1px solid #f9f9f9;
    margin-bottom: 0;    
}

.cdx-tabs li.dropdown.open a {
    background-image: none !important;
}

.cdx-tabs li.dropdown.open ul.dropdown-menu > li > a
{
    text-decoration: none;
}

.cdx-tabs li.dropdown.open ul.dropdown-menu li.active a
{
    color: #f4f4f4 !important;
    background-color: #666666 !important;
}

.cdx-tabs li.dropdown.open ul.dropdown-menu li.active a:hover
{
    background-color: #969696 !important;
}

.dropdown-menu > li > a {
    clear: both;
    color: #369 !important;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: none;
    background-color: #f9f9f9 !important;
    text-align: left;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #969696 !important;
    color: #f4f4f4 !important;
    text-decoration: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #428bca;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
    text-decoration: none;
}
.open > .dropdown-menu {
    display: block !important;
}
.open > a {
    outline: 0 none;
}
.dropdown-menu-right {
    left: auto;
    right: 0;
}
.dropdown-menu-left {
    left: 0;
    right: auto;
}
.dropdown-header {
    color: #777;
    display: block;
    font-size: 12px;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.dropdown-backdrop {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 990;
}
.pull-right > .dropdown-menu {
    left: auto;
    right: 0;
}

.dropdown-menu .divider {
    background-color: #999;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}

.dropdown-header {
    color: #666;
    display: block;
    line-height: 1.42857;
    padding: 3px 20px;
    font-size: 101%;
    white-space: nowrap;
    margin-left: -5px;
    font-weight: bold;
}

.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

.cdx-tabs-toggle-div .cdx-active-tab span,
.sortable-table-links span,
.mycdx-sortable-table-links
{
    border-radius: 5px !important;
    border: 1px solid black;
    height: 29px !important;
    cursor: pointer;
}
.expand-icon-bar
{
    background-color: White;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    max-width: 18px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}
.expand-trigger
{
    padding-top:4px;
    border-radius: 5px;
    border: 1px solid black;
    background-color: #969696;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    width: 9%;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.14902) 100%);
    vertical-align: top;
}
li.expand-trigger span
{
    display: block;
}
/* Simple Nav Pill styling */
.simple-nav-cdx
{
    margin: .25em .25em .5em .25em;
}
.simple-nav-cdx a {
  color: #fff;
  font-size: 100%;
  font-weight: bold;
  line-height: 3.3847;
  padding: 0px 0.3em 0px 0.3em;
  margin: 0.1em;
  text-decoration: none;
  background-color: #58b;
  border: 2px solid #58b;
  display: block;
  border-radius: 10px;
}
.simple-nav-cdx a:focus,
.simple-nav-cdx a:hover,
.simple-nav-cdx a.selected {
  background-color: White;
  color: #58b;
  outline: 0;
  border: 2px solid #58b;
}

@media screen and (min-width: 38em) 
{
    .simple-nav-cdx a 
    {
        display: inline-block;
    }
}
/*Role Sponsorship Styling*/
.sponsorhip-actions a
{
    display: block;
}

#rejectionComment #Comment
{
    height: 100px;
    width: 100%;
    max-height: 100%;
}

.sponsorship-invite-wrapper > fieldset
{
    width: 45%;
    display: inline-block;
    margin: .5em;
    min-height: 270px;
    float: left;
    margin-bottom: 2em;
}

@media screen and (max-width: 799px)
{
    .sponsorship-invite-wrapper > fieldset
    {
        width: 100% !important;
        float: none !important;
    }
}
/*My Profile Styling*/
.prim-org-address
{
    display: inline-block;
    width: 89%;
}
/*Paging Table Header Styling*/
.paging-table-header .items-found,
.sortable-table-header .items-found
{
    float: left;
}

.paging-table-header .pagelinks,
.sortable-table-header .pagelinks
{
    float: right;
}

.paging-table-header .pagebanner,
.sortable-table-header .pagebanner
{
    float: left;
}

@media screen and (min-width: 800px)
{
    .rt-hidden-lg
    {
        display: none !important;
    }
}
@media screen and (max-width: 799px)
{
    .paging-table-header > *,
    .sortable-table-header > *
    {
        margin-bottom: 1em;
    }
    .paging-table-header .items-found, 
    .paging-table-header .pagebanner,
    .sortable-table-header .items-found,
    .sortable-table-header .pagebanner
    {
        float: none;
    }
    .paging-table-header .pagelinks,
    .sortable-table-header .pagelinks
    {
        float: none;
        display: block;
    }
    
    .sortable-table-links
    {
        display: block !important;
        clear: both;
    }

    .sortable-table-links div a
    {
        display: block !important;
        width: 95%;
    }
}

.paging-table-header + *
{
    clear: both;
}

.sortable-table-links
{
    display: none;
    background-color: #ffffeb;
}

.sortable-table-links span,
.mycdx-sortable-table-links
{
    display: block;
    background-color: #369;
    color: #f9f9f9;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}

.sortable-table-links + *
{
    clear: both;
}

.responsive-table.sortable th a,
.theader-link
{
    width: 95%;
    color: Black !important;
    font-weight: bold;
}

.sortable-table-links div a:after
{
    float: right;
    font-family: FontAwesome;
    content: "\f0dc";
    
}

.sortable-table-links .ascending:after
{
    font-family: FontAwesome;
    content: "\f0dd" !important;
     
}

.sortable-table-links .descending:after
{
    font-family: FontAwesome;
    content: "\f0de" !important;
}

.paging-table-bottom > .pagelinks
{
    float: right;
    margin-bottom: 1em;
    margin-right: .5em;
}

.mycdx-th-spacer
{
    max-width: 300px;
    width: 100%;
}

.mycdx-th-spacer i.th-sort
{
    vertical-align: top !important;
}
.th-fixer
{
    width:95%;
    display: table-cell;
    margin: 0px;
    padding: 0px;
}
i.th-sort
{
    width: 2%;
    display: table-cell;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    cursor: pointer;
}
.table-field-email > div
{
     word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    max-width: 200px;
}

/* responsive-table Table Styling */
.responsive-table
{
    width:100% !important;
}

.responsive-table > tbody > tr > td 
{ 
    font-weight: normal;
}

.responsive-table > tbody > tr > td input[type=text]
{
    width: 100%;
}

.responsive-table > tbody > tr > td.stacked-links a
{
    display: block;
    margin-bottom: 3px;
}

@media only screen and (max-width: 500px) 
{
    .responsive-table > tbody > tr > td:before 
	{
		display: block;
        padding-right: 10px;
        position: relative;
        color: #000;
        text-decoration: underline;
        margin-bottom: 10px;
	}
	
	.responsive-table > tbody > tr:nth-of-type(2n) > td 
	{
	    border-bottom-color: #ccc;
	    border-top-color: #ccc;
	}
}

@media only screen and (max-width: 799px) and (min-width: 501px) 
{
	.responsive-table > tbody > tr > td:before 
	{ 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 43%; 
		padding-right: 10px;
	}
	
	.responsive-table > tbody > tr > td 
    { 
		padding-left: 45%;
		padding-right: 0.5%;		
	}
}

@media only screen and (max-width: 799px) {
    .responsive-table, 
    .responsive-table > thead, 
    .responsive-table > tbody, 
    .responsive-table > thead > tr > th, 
    .responsive-table > tbody > tr > td, 
    .responsive-table > * > tr
    {
        display: block;
    }

    .responsive-table > thead > tr
    {
        position: absolute;
		top: -9999px;
		left: -9999px;
    }
    
    .responsive-table > * > tr  
    {
        border: 1px solid #ccc; 
    }
    
    .responsive-table > tbody > tr > td 
    { 
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;	
	}
	
	.responsive-table > tbody > tr > td.noresize
	{
	    padding-left: 0%;
	}
	
	.responsive-table > tbody > tr > td.noresize:before 
	{ 
	    padding-right: 0%;
	}
}

/******************************************************************************/

#globalfooter{margin-top:10px}
#globalfooter li{display:inline;border-right:1px solid #fff}
#globalfooter li.last{border-right:none}
#globalfooter li a{padding:0 9px 0 5px;color:White}

#footer{clear:left;color:black; text-align:center; font-size:.9167em;margin:0 auto;padding:1em 0;position:relative;width:960px}
#footer a:focus,#footer a:hover{text-decoration:underline}
#footer a{color:black;text-decoration:none}
#footer ul{list-style:none;margin-left:-5px}

@media screen and (max-width: 43em)
{
    .link-set a
    {
        display: block !important;
        margin-bottom: 10px;
    }
}

.link-set a:active, .link-set a:hover
{
    background-color: transparent;   
    color: #336699; 
}

@media screen and (min-width: 43em)
{
    .link-set a
    {
        display: inline !important;        
    }
    
    .link-set a:after 
    {
        content: "\00a0\00a0|";
        text-decoration: none !important;  
        display: inline-block !important;      
        color: #151515 !important;
        cursor: default !important;
    }
    
    .link-set a.last:after
    {
        content: "\00a0" !important;
    }
}

@media screen and (min-width: 43em) {
	div#main-banner img {
		min-height: 220px;		
	}
}

@media screen and (max-width: 42em) and (min-width: 31em) {
	div#microsite-login ul#microsite-login-help {
		float: left;
		margin-left: 45px;
	}
	
	div#microsite-login ul#microsite-login-help li {
		padding-top: 1em;
	}
	
	div#microsite-login ul#microsite-login-form-fields {
		float: left;
	}
}
@media screen and (max-width: 30em) {
	div#main-banner {
		display:none;
	}
}

/*************
Login Styling
*************/
#loginBox
{
    float: left;
    margin: 10px;
}

#loginBox ul
{
    margin: 10px 0 0 0;
    list-style-type: none;
}

#loginBox ul li
{
    clear: left;
    float: left;
    margin: 0 0 10px 0;
}

#loginBox label
{
    text-align: left;
}

#loginBox span
{
    font-size: 12px;
    margin: 0;
    font-weight: normal;
}

#loginBox a:link, #loginBox a:hover, #loginBox a:active, #loginBox a:visited
{
    text-decoration: underline;
}

.loginBoxh4
{
    margin: 10px 0 0 0;
}

#loginBox input[type="text"], #loginBox input[type="password"]
{
    width: 250px;
    padding: 3px;
}

.loginHelpBox
{
    border: 1px solid #4289AA;
    margin: 0;
}
.loginHelpBox
{
    -moz-border-radius: 10px 10px 0 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.loginHelpBox
{
    float: left;
    border: 1px solid #4289AA;
    margin: 15px auto 0 auto;
    width: 450px;
}

.loginHelpBox h4
{
    -moz-border-radius: 6px 6px 0 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.loginHelpBox h4
{
    font-size: 1.0em;
    text-align: left;
    color: #fff;
    padding: 4px;
    margin: 0 0 .2em;
    background-color: #4289AA;
}

/*************
Confirmation Messages
*************/
div.confirmationMessageHD
{
    width: 99%;
    color: #559B6A;
    font-weight: bold;
    margin: 20px 0px 20px 0px;
}

/*************
Error Messages
*************/
.field-validation-error, .errorMessage, #errorMsg li
{
    color: #B50000;
    background: none;
    border: none;
    margin: 0 10px 0 0;
    font-weight: bold !important;
}

.responsive-error-left
{
    font-weight: bold;
}

.responsive-error-left,
.responsive-error-right
{
    min-height: 2em;
}

@media screen and (min-width: 680px)
{
    .responsive-error-left
    {
        width: 20%;
        display: inline-block;
        height: 100%;
        vertical-align: top;
    }
    .responsive-error-right
    {
        width: 79%;
        display: inline-block;
    }
}

/************************
508 Compliance Components
************************/
.legendNoBorders {
    border: medium none;
    display: none;
    margin: 0;
    padding: 0;
}

.fieldsetNoBorders {
    border: medium none;
    margin: 0;
    padding: 0;
}


/******************
Organization Search
******************/
.org-search-org-name
{
    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

div.cdx-organization-search
{
    width: 100%;
}

#searchName
{
    min-width: 300px;
    margin-bottom: 10px;
}

@media screen and (max-width: 47em) 
{ 
    #searchName
    {
        width: 100%;
        min-width: 100%;
    }
}


/**********************
Registration Components
**********************/

div.panel-pane.registration-info-pane h2.pane-title
{
    text-align: left !important;
}

div.panel-pane.registration-info-pane div.pane-content div.form-group 
{
    margin-bottom: 7px;
}

div.panel-pane.registration-info-pane div.pane-content ul
{
    list-style-type: none;
    padding: 0px;
}

.scrollable-content-frame {
    min-height: 120px;
    max-height: 400px;
    width: 100%;
    overflow: auto;
    border: 1px solid #CCCCCC;
}

.scrollable-content-frame > .scrollable-content {
    padding: 5px;
}

div.cdx-organization-programs div.organization-details
{
    width: 100%; 
    background-color: #666666; 
    color: #ffffff; 
    font-weight: bold; 
    padding: 5px;
}

div.row.program-service-actions > .col
{
    padding: 0px;
}

div.row.program-service-actions 
{
    margin-bottom: 5px;
    margin-top: 10px;
}

div.row.program-service-actions > div.col > a.toggleAll
{    
    text-decoration: none;
}

div.row.program-service-actions > div.col.align-right
{
    text-align: right !important;
}
    
@media screen and (max-width: 44em),print and (max-width: 45em) {       
    div.row.program-service-actions > div.col.align-right
    {
        text-align: left !important;
    }
}
ol#programServicesList, ol.cdx-program-services {
    list-style-type: none;
    padding-left: 0 !important;
}

ol#programServicesList li, ol.cdx-program-services li {
    font-weight: bold;
    margin: 3px 3px 8px 3px;    
    border: 1px solid #88ACD0;
    color: #000000;
}

ol#programServicesList li a, ol.cdx-program-services li a {
    text-decoration: none;
    width: 100%;
    color: inherit;
    display: block;
    padding: 0.4em;
    margin: 0px !important;
}

ol#programServicesList li a:hover, ol#programServicesList li a:active, ol#programServicesList li a.active,
ol.cdx-program-services li a:hover, ol.cdx-program-services li a:active, ol.cdx-program-services li a.active
 {
    background-color: #517BA5 !important;
    color: #ffffff !important;
}

ol.cdx-program-services li a.active:hover, 
ol.cdx-program-services li a.active:focus
{
    background-color: #88ACD0 !important;
}

ol.cdx-program-services li div.collapsible-program 
{
    padding: 10px;
}

ol.cdx-program-services li div.collapsible-program a
{
    padding: 0px;
    color: #4D8E4D !important;
}

ol.cdx-program-services li div.collapsible-program a:active,  
ol.cdx-program-services li div.collapsible-program a:focus
{
    color: #ffffff !important;
}

ol.cdx-program-services li div.collapsible-program > .request-actions 
{
    display: inline-block; 
    margin-bottom: 10px; 
    width: auto;
}

ol.cdx-program-services li div.collapsible-program > .request-actions a
{
    width: auto !important;
}

ol.cdx-program-services li div.collapsible-program a.inline 
{
    display: inline;
}

ol.cdx-program-services li div.collapsible-program a:hover
{
    padding: 0px;
    background: transparent !important;
    color: #76B66C !important;
}

ol.cdx-program-services li div.collapsible-program table > tbody > tr > td 
{
    vertical-align: top !important;
}

ol.cdx-program-services li div.collapsible-program table > tbody > tr > td:last-child a 
{
    margin-bottom: 5px !important;
}

#manage-facilities-search > div 
{
    border: 1px solid #88acd0; 
    display: block; 
    margin-bottom: 15px; 
    padding: 10px;
}

input#dataFlowSearch {
    height: 35px;
    padding: 2px;
    margin-bottom: 20px;
    width: 100%;
}

div.cdx-error-pane h3.pane-title {
    text-align: left;
}

div.cdx-error-pane div.pane-content ul
{
    list-style-type: none;
    padding-left: 0px;
}

div#subject-form-field select 
{
    margin-left: 0 !important;
}

/************************
Registration Progress Bar
************************/

#crumbs ul {
    list-style: none;
    display: inline-table;
    padding-left: .3em;
}

#crumbs ul li {
    display: inline;			
}
	
#crumbs ul li.active a, #crumbs ul li.active span
{
    background: #517BA5 !important;
}

#crumbs ul li.complete a, #crumbs ul li.complete span
{
    background: #4D8E4D;
}

#crumbs ul li.complete a i, #crumbs ul li.complete span i
{
    display: inline;
}

#crumbs ul li.active a i, #crumbs ul li.active span i
{
    display: none !important;
}
	
#crumbs ul li a, #crumbs ul li span {
    display: block;
    float: left;
    height: 36px;
    background: #666666;
    text-align: left;
    padding: 5px 25px 20px 30px;
    position: relative;
    margin: 0 10px 7px -5px; 			
    font-size: 17px;
    text-decoration: none;
    color: #fff;
}

#crumbs ul li a i, #crumbs ul li span i
{
    display: none;
}

#crumbs ul li.active a:after, #crumbs ul li.active span:after
{
    border-left: 18px solid #517BA5 !important;
}

#crumbs ul li.complete a:after, #crumbs ul li.complete span:after 
{
    border-left: 18px solid #4D8E4D;
}

#crumbs ul li a:after, #crumbs ul li span:after {
    content: "";  
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #666666;
    position: absolute; right: -18px; top: 0;
    z-index: 1;
    -moz-transition: background-color .25s linear, border-color .25s linear, -moz-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -moz-transform .25s linear;
    -ms-transition: background-color .25s linear, border-color .25s linear, -ms-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -ms-transform .25s linear;
    -o-transition: background-color .25s linear, border-color .25s linear, -o-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -o-transform .25s linear;
    -webkit-transition: background-color .25s linear, border-color .25s linear, -webkit-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -webkit-transform .25s linear;
    transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, transform .25s linear;
}
		
#crumbs ul li a:before, #crumbs ul li span:before {
    content: "";  
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #ffffff;
    position: absolute; left: 0; top: 0;
}
	
#crumbs ul li:first-child a, #crumbs ul li:first-child span {
	border-top-left-radius: 10px; 
	border-bottom-left-radius: 10px;
	padding-left: 10px;
}
#crumbs ul li:first-child a:before, #crumbs ul li:first-child span:before {
	display: none; 
}
				
#crumbs ul li:last-child a, #crumbs ul li:last-child span {
	padding-right: 10px;
	border-top-right-radius: 10px; 
	border-bottom-right-radius: 10px;
}

#crumbs ul li:last-child a:after, #crumbs ul li:last-child span:after {
	display: none; 
}			
	
#crumbs ul li.active a:hover, #crumbs ul li.active span:hover 
{		
    background: #88ACD0 !important;
}

#crumbs ul li.complete a:hover, #crumbs ul li.complete span:hover 
{		
    background: #76B66C;
}
			
#crumbs ul li a:hover, #crumbs ul li span:hover 
{
    -moz-transition: background-color .25s linear, border-color .25s linear, -moz-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -moz-transform .25s linear;
    -ms-transition: background-color .25s linear, border-color .25s linear, -ms-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -ms-transform .25s linear;
    -o-transition: background-color .25s linear, border-color .25s linear, -o-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -o-transform .25s linear;
    -webkit-transition: background-color .25s linear, border-color .25s linear, -webkit-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -webkit-transform .25s linear;
    transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, transform .25s linear;
    background: #969696;
}

#crumbs ul li.active a:hover:after, #crumbs ul li.active span:hover:after 
{
    border-left-color: #88ACD0 !important;
}

#crumbs ul li.complete a:hover:after, #crumbs ul li.complete span:hover:after 
{
    border-left-color: #76B66C;
}

#crumbs ul li a:hover:after, #crumbs ul li span:hover:after 
{
    -moz-transition: background-color .25s linear, border-color .25s linear, -moz-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -moz-transform .25s linear;
    -ms-transition: background-color .25s linear, border-color .25s linear, -ms-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -ms-transform .25s linear;
    -o-transition: background-color .25s linear, border-color .25s linear, -o-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -o-transform .25s linear;
    -webkit-transition: background-color .25s linear, border-color .25s linear, -webkit-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -webkit-transform .25s linear;
    transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, transform .25s linear;
	border-left-color: #969696;
}
	
@media screen and (max-width: 30em) 
{    
    #crumbs ul 
    {
        display: block;        
    }
    
    #crumbs ul li a, #crumbs ul li span	 
    {
        border-top-right-radius: 10px; 
	    border-bottom-right-radius: 10px;
	    border-top-left-radius: 10px; 
	    border-bottom-left-radius: 10px;
	    padding-left: 10px;
	    height: auto;
	    float: none;
    }
    
    #crumbs ul li a:after, #crumbs ul li span:after
    {
        visibility: hidden !important;
    }   
    
    #crumbs ul li a:before, #crumbs ul li span:before {
	    display: none !important; 
    }    
}		

#divMessage
{
    color: #B50000;
    margin: 0;
    font-weight: bold;
}

#divMessage span
{
    text-decoration: underline;
}
/* dsa styling*/
.dsa-inner-box
{
    padding-right: 10px;
}
/************************
 Simple iframe styling
************************/
#dsaBox,
div.iframe-container 
{
    position: relative;
    width: 100%;
    height: 60%;
    max-height: 400px;
    padding: 0px;
    margin-bottom: 2em;
    /*IDevice smooth scrolling*/
    -webkit-overflow-scrolling: touch !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

div.iframe-container iframe
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: visible;
}

@media screen and (max-width: 43em) 
{
    div.iframe-container
    {
        width: 98% !important;
    }
}
/*Layout styling */

#epa-info
{
    display: block;
    width: 40%;
    float: left;
    padding-right: 0px;
    margin-right: 0px;
}

#epa-info > *
{
    padding-right: 0px;
    margin-right: 0px;
}

#cdx-info
{
    display:block;
    width: 60%;
    float: left;
    padding-left: 0px;
    margin-left: 0px;
}

#cdx-info > *
{
    padding-left: 0px;
    margin-left: 0px;
}

@media screen and (max-width: 810px)
{
    .region-footer
    {
        padding-bottom: 11.6em;
    }
    .footer-div
    {
        text-align: center;
    }
    
    #cdx-info,
    #epa-info
    {
        display: inline-block;
        float: none;
        width: auto;
    }
}

/************************
 Simple Form layout
************************/
.simpleForm{width:100%; font-size:85%;}
.simpleForm label{display: inline-block; font-weight: bold;}
.simpleForm span{display: inline-block;}
.simpleForm select{max-width: 100%;}

.simpleForm .rowContainer{width:100%;clear: both;padding-bottom: .5em;}
.rowContainer .collabel{width:25%; float:left;display:inline-block;font-size:95%;}
.rowContainer .colInput{width:75%;display:inline-block;}
.colInput span{display:inline-block}
.colInput input{width:auto}
.colInput select{max-width:80%}

@media screen and (max-width: 40em) 
{    
.simpleForm .rowContainer{width:100%;clear: both;padding-bottom: .5em;}
.rowContainer .collabel{float: none;width: 100%;}
.rowContainer .colInput{width:100%;display:inline-block;}
}


/*FRS Styling*/

@media only screen and (max-width: 799px) and (min-width: 501px) 
{
    #facility-results-table td.padded 
    {
        min-height: 4em;
    }
}

.page-number.active {
    background: linear-gradient(to bottom, white 0%, gainsboro 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #cacaca;
    color: #333333 !important;
    cursor: pointer !important;
}

.page-number {
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #333333 !important;
    cursor: pointer !important;
    display: inline-block;
    margin-left: 2px;
    min-width: 1.5em;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none !important;    
}

div.pager 
{
    margin: 10px 0px 10px 0px;
}

input.short-entry
{
    max-width: 35%;
}

/* new FRS CSS changes below "_PartialFacilitSearch.cshtml" */
#undo-standardized-address
{
    display: none;
}

.master-mismatch-color
{
    color: #9a0000;   
}
.aprox-latlong-color
{
    color: orange;   
}
.missing-latlong-color
{
    color: red;   
}

.widget-title
{
    display:none;
}

@media screen and (min-width: 940px)
{
    .widget-column
    {
        width: 50%;   
    }

    .widget-facility-display
    {
        float:left;
    }

    .widget-map-display
    {
        float:right;
    }

}

@media screen and (max-width: 1400px)
{       
    .facility-search-wide-template .region-alert > .block-alert,
    .facility-search-wide-template .masthead,
    .facility-search-wide-template .nav,
    .facility-search-wide-template .main-content,
    .facility-search-wide-template .main-footer 
    {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1400px)
{       
    .facility-search-wide-template .region-alert > .block-alert,
    .facility-search-wide-template .masthead,
    .facility-search-wide-template .nav,
    .facility-search-wide-template .main-content,
    .facility-search-wide-template .main-footer 
    {
        max-width: 1400px;
    }
}

/* small-responsive-table Table Styling */
.small-responsive-table-hidden-sm
{
    display: none;
}
.small-responsive-table td:before
{
    content:attr(data-label);
    font-weight: bold;     
    margin-bottom: 5px;   
}
.small-responsive-table > tbody > tr > td input[type=text]
{
    width: 100%;
}
.small-responsive-table > tbody > tr > td:before 
{
	display: block;
    padding-right: 10px;
    position: relative;
    color: #000;
    text-decoration: underline;
    margin-bottom: 10px;
}
.small-responsive-table > tbody > tr:nth-of-type(2n) > td 
{
	border-bottom-color: #ccc;
	border-top-color: #ccc;
}
.small-responsive-table > tbody > tr > td:before 
{ 
	position: absolute;
	top: 6px;
	left: 6px;
	width: 43%; 
	padding-right: 10px;
}
.small-responsive-table > tbody > tr > td 
{ 
	padding-left: 45%;
	padding-right: 0.5%;		
}
.small-responsive-table, 
.small-responsive-table > thead, 
.small-responsive-table > tbody, 
.small-responsive-table > thead > tr > th, 
.small-responsive-table > tbody > tr > td, 
.small-responsive-table > * > tr
{
    display: block;
}
.small-responsive-table > thead > tr
{
    position: absolute;
	top: -9999px;
	left: -9999px;
}
.small-responsive-table > * > tr  
{
    border: 1px solid #ccc; 
}
.small-responsive-table > tbody > tr > td 
{ 
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;	
}
.small-responsive-table > tbody > tr > td.noresize
{
	padding-left: 0%;
}
.small-responsive-table > tbody > tr > td.noresize:before 
{ 
	padding-right: 0%;
}

/*Date picker styling here*/
.ui-widget-header
{
    background: #369 !important;
    border: 1px solid #369 !important;
}

.ui-corner-all.ui-state-hover {
    background: white !important;
    border: 1px solid #76b66c !important;
    color: #369 !important;
}

.ui-corner-all.ui-state-hover span.ui-icon-circle-triangle-w,
.ui-corner-all.ui-state-hover span.ui-icon-circle-triangle-e {
    background-image: url(/ContentFramework/v3/js/third-party/jquery-ui-1.10.4/css/ui-lightness/images/ui-icons_228ef1_256x240.png);
}

.ui-datepicker-calendar .ui-state-default.ui-state-hover {
    border: 1px solid #369 !important;
    background: white !important;
    color:  #76b66c !important;
}

a.light-link {
    color: white;
}