/***************************************************************** 
This section contains styles that are used by Mimsware CMS and are not specific
to a given area (e.g. not specifically used by the renderer or admin pages) 
*****************************************************************/
#tblContentLayout {
    width: 100%;
}

.mcms_PageViewContainer {
    width: 100%;
    border-width: 0px;
}

input {
    font-size: 12px;
}

/***************************************************************** 
This section contains styles that the page content renderer uses 
*****************************************************************/

.mcms_RendererPageContainer {
    width: 100%;
}

.mcms_RendererPageDescription {
 
}

.mcms_RendererPageSectionsContainer {
    width: 100%;
}

.mcms_RendererPageSectionContentContainer {
    width: 100%;
}

.mcms_RendererPageSectionHeading {
}

.mcms_RendererCommitteeMembersContainer {
    width: 100%;
}

.mcms_RendererCommitteeHeader {
    font-weight: bold;
    font-variant: normal;
    color: #626262;
    text-align: left;
    font-family: Arial, Sans-Serif;
    font-style: italic;
    font-size: 14px;
}

.mcms_RendererCommitteeMember {
    font-weight: normal;
    font-variant: normal;
    color: black;
    text-align: Left;
    font-family: Arial, Sans-Serif;
    font-style: normal;
    font-size: 12px;
    white-space: nowrap;
    width: 212px;
}

.mcms_RendererContentCaption {
}

.mcms_RendererContentLink {
}

.mcms_RendererContentSummary {
}


.mcms_RendererContentDetail {
}

.mcms_RendererContentSourceCaption {
    font-weight: bold;
    display: none;
}

.mcms_RendererContentSource {
    display: none;
}

.mcms_RendererContentPublishedDateTime {
}

.mcms_RendererContentExpiredDateTime {
}

.mcms_RendererContentViewDetailLink {
    
}

.mcms_RendererContentCalendarStartDateTimeCaption {
    font-weight: bold;
}

.mcms_RendererContentCalendarStartDateTime {
}

.mcms_RendererContentCalendarEndDateTimeCaption {
    font-weight: bold;
    margin-bottom: 15px;
}

.mcms_RendererContentCalendarEndDateTime {
    margin-bottom: 15px;
}

.mcms_RendererContentCalendarEventLocationCaption {
    font-weight: bold;
}

.mcms_RendererContentCalendarEventLocation {
}

.mcms_RendererContentClassifiedAdContactNameCaption {
    font-weight: bold;
}

.mcms_RendererContentClassifiedAdContactName {
}

.mcms_RendererContentClassifiedAdContactPhoneCaption {
    font-weight: bold;
}

.mcms_RendererContentClassifiedAdContactPhone {
}

.mcms_RendererContentClassifiedAdContactEmailCaption {
    font-weight: bold;
}

.mcms_RendererContentClassifiedAdContactEmail {
}

.mcms_RendererContentJobListingCompanyName {
}

.mcms_RendererContentLegalCaseType {
}

.mcms_RendererContentLegalCaseCourtType {
}

.mcms_RendererContentLegalCaseNumber {
}

.mcms_RendererContentLegalCaseDecisionDateTime {
}

.mcms_RendererColumnSpacer {
    width: 10px;
    white-space: nowrap;
}

/***************************************************************** 
This section contains styles that the search result renderer uses
*****************************************************************/

.mcms_SearchResultLink {
    font-size: 1.2rem;
}

.mcms_SearchResultSummary {
    font-size: 1.1rem;
}

.mcms_SearchResultCaption {
    font-size: 1rem;
    padding: 10px 0 10px 10px;
    margin-bottom: 0;
    font-weight: 600;
}

.mcms_SearchResultField {
    font-size: 1rem;
}

.mcms_SearchResultHeaderContainer {
    background-color: #eaeaea;
    width: 100%;
    padding: 5px 30px;
    font-size: 1rem;
    line-height: 1.3;
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
}

    .mcms_SearchResultHeaderContainer tr td:last-child {
        padding-right: 15px;
    }


.mcms_SearchResultNavigationContainer {
    width: 100px;
}

    .mcms_SearchResultNavigationContainer input {
        margin: 0 7px;
    }

        .mcms_SearchResultNavigationContainer input:hover {
            border-radius: 5px;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(105,105,105,.4);
            -moz-box-shadow: 0px 0px 5px 0px rgba(105,105,105,.4);
            box-shadow: 0px 0px 5px 0px rgba(105,105,105,.4);
        }


/***************************************************************** 
This section contains styles that the admin pages use 
*****************************************************************/

/* Page heading styles for the admin pages */
.mcms_AdminPageViewHeading {
    font-weight: bold;
    color: #626262;
    width: 100%;
    text-align: center;
    font-family: Sans-Serif;
    font-style: italic;
    font-size: 18px;
    margin-bottom: 3px;
}

.mcms_AdminPageViewSectionHeading {
    font-variant: normal;
    color: #fff;
    width: 100%;
    text-align: Left;
    font-family: Arial, Sans-Serif;
    font-style: italic;
    font-size: 16px;
    font-weight: bold;
    background-color: #626262;
    padding-left: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 3px;
}

.mcms_AdminTabHeading {
    font-weight: bold;
    color: black;
    width: 100%;
    text-align: left;
    font-family: Sans-Serif;
    font-style: normal;
    font-size: 15px;
    margin-bottom: 3px;
}

/* Login screen specific styles */
.mcms_LoginContainer {
    padding: 0 0 5px 50px;
    width: 400px;
    background-color: #F5F5F5;
    border: 1px solid gray;
}

/* Generic input field or field layout styles that are shared through MimswareCMS */
.mcms_ColumnSpacer {
    width: 10px;
    white-space: nowrap;
}

.mcms_Caption {
    font-size: 12px;
    font-weight: normal;
    color: Black;
    white-space: nowrap;
}

.mcms_RequiredCaption {
    font-size: 12px;
    font-weight: bold;
    color: Black;
    white-space: nowrap;
}

.mcms_Example {
    font-size: 12px;
    font-weight: normal;
    color: Black;
    white-space: nowrap;
}

.mcms_Instructions {
    font-size: 12px;
    font-weight: bold;
    color: Black;
}

.mcms_LinkButton {
    font-size: 12px;
    font-weight: normal;
    color: #626262;
    white-space: nowrap;
    margin-top: 2px;
    margin-bottom: 2px;
}

    .mcms_LinkButton:hover {
        font-size: 12px;
        font-weight: normal;
        color: #626262;
        white-space: nowrap;
        margin-top: 2px;
        margin-bottom: 2px;
    }

.mcms_GenericDisabledField {
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #DCDCDC;
    color: Black;
    font-size: 12px;
    font-family: Arial, Sans-Serif;
}

.mcms_GenericTextField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

.mcms_GenericWideTextField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    width: 416px;
}

.mcms_GenericWideTextAreaField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    width: 416px;
}

.mcms_GenericWideDisabledField {
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #DCDCDC;
    color: Black;
    width: 425px;
    font-size: 12px;
}

.mcms_GenericTextAreaField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

.mcms_GenericDisabledGuidField {
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #DCDCDC;
    color: Black;
    width: 250px;
    font-size: 12px;
}

.mcms_GenericDropDownList {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
}

.mcms_GenericCheckbox {
    font-size: 12px;
    font-weight: normal;
    color: Black;
    margin-top: 2px;
    margin-bottom: 2px;
    white-space: nowrap;
}

.mcms_DateField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 80px;
    font-size: 12px;
}

.mcms_TimeField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    width: 80px;
}

.mcms_PhoneNumberField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 128px;
    font-size: 12px;
}

.mcms_EmailAddressField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 216px;
    font-size: 12px;
}

.mcms_AddressLineField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 368px;
    font-size: 12px;
}

.mcms_CityField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 368px;
    font-size: 12px;
}

.mcms_StateField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 36px;
    font-size: 12px;
}

.mcms_ZipCodeField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 96px;
    font-size: 12px;
}

/* Category Entity Derived Fields */
.mcms_CategoryNameField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 225px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

.mcms_CategoryKeyField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

/* Category Type Entity Derived Fields */
.mcms_CategoryTypeDescriptionField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 225px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

/* Content Entity Derived Fields */
.mcms_ContentCaptionField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100%;
    height: 50px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

.mcms_ContentSourceField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    width: 300px;
}

.mcms_ContentSourceLinkURLField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    width: 400px;
}

.mcms_ContentSortKeyField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 104px;
    font-size: 12px;
}

.mcms_ContentContactNameField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    width: 216px;
}

.mcms_ContentCompanyNameField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    width: 216px;
}

.mcms_ContentLinkURLField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    width: 90%;
}

.mcms_ContentLinkImageField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    width: 90%;
}

.mcms_ContentEditorField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    font-family: Arial, Sans-Serif;
}

.mcms_ContentEventLocationField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    width: 216px;
}

.mcms_ContentCaseNumberField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    width: 216px;
}

/* Title Entity Derived Fields */
.mcms_TitleField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 373px;
    font-size: 12px;
}

.mcms_TitleDescriptionField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    width: 373px;
    height: 66px;
    font-family: Arial, Sans-Serif;
}

/* Location Entity Derived Fields */
.mcms_LocationDisplayNameField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 250px;
    font-size: 12px;
}

.mcms_LocationStreetNumberField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 80px;
    font-size: 12px;
}

/* Organization Entity Derived Fields */
.mcms_OrganizationNameField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 368px;
    font-size: 12px;
}

/* User Entity Derived Fields */
.mcms_UserNameField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 175px;
    font-size: 12px;
}

.mcms_UserNameDisabledField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 175px;
    background-color: #DCDCDC;
    color: Black;
    font-size: 12px;
}

.mcms_UserFirstNameField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 216px;
    font-size: 12px;
}

.mcms_UserLastNameField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 216px;
    font-size: 12px;
}

.mcms_PasswordField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 175px;
    font-size: 12px;
    float: left;
}

.mcms_PasswordHintField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    width: 315px;
}

.mcms_UserNameField, .mcms_PasswordField, .mcms_buttonArea input {
    border: 1px solid #626262;
    padding: 3px;
}

.mcms_buttonArea input {
    border: 1px solid #626262;
    padding: 3px 10px;
    cursor: pointer;
}


/* Security Role Entity Derived Fields */
.mcms_SecurityRoleNameField {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    width: 264px;
}

.mcms_SecurityRoleDescriptionField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 360px;
    height: 129px;
    font-size: 12px;
    font-family: Arial, Sans-Serif;
}

/* Commitee Entity Derived Fields */
.mcms_CommitteeNameField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 360px;
    font-size: 12px;
}

.mcms_CommitteeDescriptionField {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    margin-top: 2px;
    margin-bottom: 2px;
    height: 125px;
    width: 360px;
}

/* Page Entity Derived Fields */
.mcms_PageDescriptionField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 416px;
    font-size: 12px;
}

.mcms_PageURLField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 416px;
    font-size: 12px;
}

.mcms_PageHeadingImageURLField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 416px;
    font-size: 12px;
}

/* Page Section Entity Derived Fields */
.mcms_PageSectionHeadingField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 416px;
    font-size: 12px;
}

.mcms_PageSectionSortKeyField {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 104px;
    font-size: 12px;
}

/* Error Information Fields */
.mcms_ErrorPageMessage {
    font-size: 12px;
    font-weight: normal;
    color: Black;
}

.mcms_ErrorSummaryText {
    font-size: 12px;
    font-weight: normal;
    color: Red;
}

.mcms_ErrorText {
    color: Red;
}

/***************************************************************** 
This section contains styles that govern the appearance of all
datagrids in a Mimsware CMS-based site.
*****************************************************************/
.mcms_DataGrid_Category {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_CategoryType {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_Committee {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_Content {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_ContentCategory {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_ContentType {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_Directory {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_Location {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_Page {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_PageSection {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_SecurityRole {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_SecurityRoleUsers {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_CommitteeUsers {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_Title {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_User {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_UserCommittee {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGrid_UserEmailAddress {
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-color: #336666;
    border-style: double;
    border-width: 3px;
}

.mcms_DataGridHeader {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-color: #336666;
}

    .mcms_DataGridHeader td a {
        color: #fff;
    }

        .mcms_DataGridHeader td a:visited {
            color: #fff;
        }

        .mcms_DataGridHeader td a:hover {
            color: #fff;
        }

.mcms_DataGridItem {
    color: #000000;
    background-color: #fff;
}

.mcms_DataGridSelectedItem {
    font-weight: bold;
    color: #fff;
    background-color: #fafad2;
}

.mcms_DataGridAlternatingItem {
    background-color: #CCCCCC;
}

.mcms_DataGridEditItem {
    font-weight: normal;
    color: #000000;
    background-color: #fafad2;
}

.mcms_DataGridFooter {
    color: #333333;
    background-color: #fff;
}

.mcms_DataGridPager {
    color: #ffffff;
    font-size: 125%;
    font-weight: bold;
    background-color: #336666;
    text-align: center;
}

    .mcms_DataGridPager td a {
        color: #ffffff;
        font-weight: normal;
        text-decoration: underline;
    }

        .mcms_DataGridPager td a:visited {
            color: #ffffff;
            font-weight: normal;
            text-decoration: underline;
        }

        .mcms_DataGridPager td a:hover {
            color: #ffffff;
            font-weight: normal;
        }


.sitemapNodes a {
    line-height: 180%;
}

.sitemapNodes img {
    max-width: none;
}

@media (max-width: 479px) {

    .sitemapNodes a {
        padding-right: 0px;
        font-size: 85%;
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width : 768px) {

    .sitemapNodes a {
        padding-right: 10px;
        font-size: 90%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width : 479px) {

    .sitemapNodes a {
        padding-right: 0px;
        font-size: 70%;
        line-height: 150%;
    }
}