﻿body {
    background-color: #CAD7BE;
    color: #2C2C2C;
    font-size: 14px;
}

body, * {
    font-family: Arial,Helvetica,Verdana,"Bitstream Vera Sans",sans-serif;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

.ModAuthenticationC table {
    width: 100%;
}

    .ModAuthenticationC table tr {
        display: none;
    }

        .ModAuthenticationC table tr:first-child {
            display: table-row;
        }

    .ModAuthenticationC table table tr {
        display: table-row;
    }

    .ModAuthenticationC table table .StandardButton {
        display: none;
    }

.ModAuthenticationC input {
    width: 50% !important;
}

.ModAuthenticationC .NonMobileWebControl {
    display: none;
}

.ModAuthenticationC .MobileWebControl {
    display: block !important;
}

.PageContentHide {
    display: none;
}

.PageContentShow {
    display: inherit;
}

.mobile-loader {
    top: 50%;
    left: 50%;
    opacity: .85;
    z-index: 100000;
    position: absolute;
    margin-top: -75px;
    margin-left: -120px;
    box-sizing: border-box;
    background-color: #000;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 30px;
}

.CmisMobileModule ol, .CmisMobileModule ul, .CmisMobileModule ol li, .CmisMobileModule ul li {
    list-style: none outside none;
}

.CmisMobileModule .Item, .CmisMobileModule .Item a {
    overflow: hidden;
}

.CmisMobileModule a:hover {
    text-decoration: none;
    color: inherit;
}

.CmisIcon {
    float: right;
    margin-right: 0 !important;
}

.AstechIcon {
    float: left;
    margin-left: 0 !important;
}

a.NotAuthenticated {
    visibility: hidden;
}

.CmisMobileModule .ModuleControl {
    overflow: hidden;
    clear: both;
}

.CmisMobileModule .RightControl {
    float: right;
}

.CmisMobileModule .LeftControl {
    float: left;
}

.ImageOuterHolder {
    text-align: center;
    display: block;
    width: 100%;
    margin: auto;
}

.ImageInnerHolder {
    padding: 10px 5px;
}

a[disabled=disabled].km-listview-link::after {
    display: none;
}

.km-ios .km-switch {
    -webkit-transform: none;
}

.ViewMeetings .DisplayOptions {
    clear: both;
    overflow: hidden;
}

    .ViewMeetings .DisplayOptions .FakeLink div.ViewDisplayOptions {
        float: left;
        padding: 1em 0 .4em 1em;
    }

    .ViewMeetings .DisplayOptions .FakeLink div.PeriodDisplayOptions {
        float: right;
        padding: 1em 1em .4em 0;
    }

.ViewMeetings .MobileList .Item .MeetingOverview {
    overflow: hidden;
}

    .ViewMeetings .MobileList .Item .MeetingOverview .MeetingDetail {
        float: left;
    }

    .ViewMeetings .MobileList .Item .MeetingOverview .MeetingTime {
        padding-left: 1em;
    }

    .ViewMeetings .MobileList .Item .MeetingOverview .MeetingCommittee {
        clear: left;
    }

.ViewMeetings .NoRecords {
    font-size: 1.2em;
    font-weight: 700;
    font-style: italic;
    padding: 1em;
}

.ViewMeetings .MobileList .Item .km-icon {
    float: left;
    padding-top: 1em;
    /*padding-left: 0.05em;*/
    padding-right: 0.3em;
   
}

.ViewMeetings .MobileList .Item .km-listview-link {
    position: relative;
}

.ViewMeeting .Box {
    border: 1px solid #BBB;
    border-radius: 8px 8px 8px 8px;
    margin: 10px 0;
    padding: 10px;
}

.ViewMeeting .Overview {
    clear: both;
    text-align: center;
    margin: 0;
}

    .ViewMeeting .Overview .CommitteeName {
        font-weight: 700;
        font-size: 24px;
    }

    .ViewMeeting .Overview .MeetingDate {
        font-size: 18px;
    }

    .ViewMeeting .Overview .MeetingTime {
        font-size: 14px;
    }

.ViewMeeting .Map {
    float: right;
    width: 400px;
    margin-right: -100%;
}

.ViewMeeting .NoMap {
    text-align: center;
    font-style: italic;
}

.ViewMeeting .DemoGoogleMapImage {
    margin: -2px;
}

.ViewMeeting #contentwrapper {
    float: right;
    width: 100%;
}

.ViewMeeting .Venue {
    margin-right: 440px;
    min-height: 400px;
}

    .ViewMeeting .Venue .VenueItem {
        font-size: 14px;
    }

    .ViewMeeting .Venue .VenueName {
        text-align: center;
        font-weight: 700;
        font-size: 18px;
    }

    .ViewMeeting .Venue .VenueAddress {
        margin-top: 10px;
    }

        .ViewMeeting .Venue .VenueAddress .AddressItem {
            font-size: 14px;
            text-align: center;
        }

    .ViewMeeting .Venue .VenueAccess {
        margin-top: 10px;
        text-align: justify;
    }

.ViewMeeting .Documents {
    clear: both;
    margin: 0;
}

.ViewMeeting .MobileList .Item .DocOverview {
    float: left;
}

    .ViewMeeting .MobileList .Item .DocOverview .DocDetail {
        float: left;
    }

    .ViewMeeting .MobileList .Item .DocOverview .DocSize {
        padding-left: 1em;
        font-weight: 400;
        font-style: italic;
    }

.ViewMeeting .MobileList .Item a {
    overflow: hidden;
}

.ViewMeeting .MobileList .Item .km-icon {
    float: left;
    margin-top: .2em;
}

.ViewMeeting .MobileList .Item .km-listview-link {
    position: relative;
}

.ViewMeeting .km-listview-wrapper .Overview {
    margin: 1em 1em 0;
}

.ViewMeeting #contentwrapper .km-listview-wrapper {
    margin-left: 1em;
    margin-right: 1em;
}

.ViewMeeting #mytest .km-listview-wrapper {
    margin-right: 1em;
}

.ViewMembers #select-group {
    margin: 1em auto .4em;
}

.ViewMembers .MemberBlock {
    height: 50px;
}

.ViewMembers .ImageHolder {
    text-align: center;
    height: 50px;
    width: 50px;
    float: left;
    margin-right: 1em;
}

.ViewMembers .PartyColour {
    border: solid #000 1px;
    height: 45px;
    width: 20px;
    float: left;
    margin-right: 1em;
}

.ViewMembers .PenPicResize {
    max-height: 100%;
}

.ViewMembers .MobileList .Item .km-listview-link {
    position: relative;
}

.ViewMember .MemberX {
    clear: both;
    overflow: hidden;
    margin-left: 1em;
    margin-right: 1em;
}

.ViewMember .Box {
    border: 1px solid #BBB;
    border-radius: 8px 8px 8px 8px;
    margin: 10px 0;
    padding: 10px;
}

.ViewMember .MemberPenPic {
    float: right;
    width: 210px;
    margin-right: -100%;
}

.ViewMember #contentwrapper {
    float: right;
    width: 100%;
}

.ViewMember .contentwrapper {
    float: right;
    width: 100%;
}


.ViewMember .MemberDetails {
    margin-right: 250px;
    min-height: 345px;
    position: relative;
}

.ViewMember .PenPicResize {
    height: 250px;
}

.ViewMember .PartyLogoResize {
    height: 50px;
}

.ViewMember .MemberDetails .LabelWrapper {
    clear: both;
    overflow: hidden;
    margin-bottom: .5em;
}

    .ViewMember .MemberDetails .LabelWrapper .Label {
        float: left;
        width: 5em;
        font-weight: 700;
        text-align: right;
    }

    .ViewMember .MemberDetails .LabelWrapper .Value {
        float: left;
        margin-left: 1em;
    }

.ViewMember .MobileList .Item .CommitteeOverview {
    float: left;
}

.ViewMember .MobileList .Item .km-icon {
    float: left;
    /*padding-left: 0.05em;*/
    /*padding-right: 0.3em;*/
    padding-top: 0.5em;
}

.ViewMember .ButtonBar {
    bottom: 0;
    width: 95%;
    overflow: hidden;
    margin: 2em 1em 1em;
}

    .ViewMember .ButtonBar .Button {
        float: right;
    }

.ViewMember #contentwrapper .km-listview-wrapper {
    margin-left: 1em;
    margin-right: 1em;
}

.ViewMember #mytest .km-listview-wrapper {
    margin-right: 1em;
}

.Rss .MobileList .Item .LargeIcon .km-icon {
    float: left;
    /*padding-left: 0em;*/
    padding-top: 1em;
}

.Rss .MobileList .Item .km-listview-link {
    overflow: hidden;
}

.Rss .MobileList .Item .NewsItemElements {
    overflow: hidden;
}

.Rss .MobileList .Item .NewsItemElement {
    float: left;
}

.EditRssFeeds .MobileList .Item .NewsItemElements {
    float: left;
    max-width: 90%;
}

.EditRssFeeds .km-switch-label-on{
    margin-left: 0.5em;
    font-size: 0.5em;
    top: 0.5em;
}

.EditRssFeeds .km-switch-label-off {
    
    font-size: 0.5em;
    top: 0.5em;
}

.EditRssFeeds2 .MobileList .Item .NewsItemElements {
    float: left;
    max-width: 60%;
    padding-top: 0.5em;
}

.Rss .DeleteFeed {
    float: right;
    margin-top: 0.5em;
    background-color: red;
}

.Rss .EditFeed {
    float: left;
    margin-top: 1em;
    margin-right: 1em;
}

    .Rss .DeleteFeed[disabled=disabled], .Rss .EditFeed[disabled=disabled] {
        visibility: hidden;
    }

.Rss .MobileList .Item .LoadingImage, .Rss .MobileList .Item .WarningImage {
    vertical-align: middle;
}

.Rss .MobileList .Item .NewsItemTitle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ViewRssFeeds .MobileList .Item .NewsItemTitle {
    max-width: 81%;
}

.Rss .MobileList .Item .NewsItemAge {
    padding-left: 1em;
}

.Rss .MobileList .Item .NewsItemDescription {
    clear: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Rss .Save {
    background-color: red;
}

.Rss .Validator {
    float: right;
    margin-right: 50%;
}

#Form.showControlBar {
    margin-top: 0 !important;
}

.ViewRssFeedsSettings .RadGridWrapper {
    width: 50em;
}

.ViewBookmarks .MobileList .Item .BookmarkOverview {
    overflow: hidden;
}

    .ViewBookmarks .MobileList .Item .BookmarkOverview .BookmarkDetail {
        float: left;
        max-width: 85%;
    }

    .ViewBookmarks .MobileList .Item .BookmarkOverview .BookmarkTitle {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .ViewBookmarks .MobileList .Item .BookmarkOverview .BookmarkDescription {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.ViewBookmarks .DisplayOptions {
    clear: both;
    overflow: hidden;
}

.ViewBookmarks .MobileList .Item .BookmarksOverview {
    overflow: hidden;
}

.ViewBookmarks .NoRecords {
    font-size: 1.2em;
    font-weight: 700;
    font-style: italic;
    padding: 1em;
}

.ViewBookmarks .MobileList .Item .km-icon {
    float: left;
    padding-top: 2em;
    padding-left: 2em;
}

.ViewBookmarks .MobileList .Item .km-icon .km-bookmarks {
        margin-left: 0;
}



.ViewBookmarks .km-detail .km-icon, .km-button .km-icon, .km-list .km-icon, .km-ios .km-button .km-icon
{
        margin-left: 0;
}


.ViewBookmarks .MobileList .Item .km-listview-link {
    position: relative;
}

.ViewBookmarksSettings .DefaultBookmark {
    border: 1px solid #ccc;
    border-bottom: 2px solid;
    padding: 5px;
}

.ViewBookmarksSettings .AddBookmarkHolder {
    border: 1px solid #ccc;
    padding: 5px;
}

    .ViewBookmarksSettings .AddBookmarkHolder .label {
        float: left;
        width: 100px;
    }

  .ViewBookmarks .km-quicklinks-small {
       float: left;
       margin-left: 0.5em;
   }

.EditBookmarks .Title {
    padding: 10px 0 0;
}

.EditBookmarks .MobileList .Item .BookmarkOverview {
    width: 50%;
    float: left;
    overflow: hidden;
}

    .EditBookmarks .MobileList .Item .BookmarkOverview .BookmarkDetail {
        width: 80%;
        float: left;
    }

    .EditBookmarks .MobileList .Item .BookmarkOverview .BookmarkTitle {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .EditBookmarks .MobileList .Item .BookmarkOverview .BookmarkDescription {
        width: 100%;
        font-style: italic;
        font-weight: 400;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.EditBookmarks .MobileList .DeleteBookmark {
    float: left;
    margin-right: 1em;
    margin-top: .5em;
    background-color: red;
}

.EditBookmarks .MobileList .EditBookmark {
    float: left;
    margin-right: 1em;
    margin-top: .5em;
}

.EditBookmarks .MobileList .LargeIcon .km-icon {
    padding-top: 0.6em;
    /*padding-left: 2em;*/
}

.EditBookmarks .MobileList .Item .km-icon {
    float: left;
}

.EditBookmarks .MobileList .Item .km-listview-link {
    position: relative;
}

.EditBookmark .EditForm {
    border: 1px solid #BBB;
    border-radius: 8px 8px 8px 8px;
    margin: 10px 0;
    padding: 10px;
}

.EditBookmark .Save {
    background-color: red;
}

.EditBookmark .MobileList .Item .km-icon {
    float: left;
    padding-top: 2em;
    padding-left: 2em;
}

.EditBookmark .MobileList .Item .km-listview-link {
    position: relative;
}

.EditBookmarks .km-switch-label-on{
    margin-left: 0.5em;
    font-size: 0.5em;
    top: 0.5em;
}

.EditBookmarks .km-switch-label-off {
    
    font-size: 0.5em;
    top: 0.5em;
}

.MobileList .Item a div.ListItemLabelMinor, .MobileList .Item div.ListItemLabelMinor {
    font-style: italic;
    font-weight: 400;
    font-size: .8em;
}

.ViewMeetings #layout-group {
    margin: auto;
    margin-top: 5px;
}

.ViewMeetings #MeetingList {
    padding: 5px;
}

.ViewMeetings .Header {
    width: 100%;
    text-align: center;
    font-size: x-large;
}

.ViewMeetings .rsContent {
    border-top: 1px solid #3a5168 !important;
}

    .ViewMeetings .rsContent .rsApt {
        background-color: #E5EDC0 !important;
        border: 1px solid #ccc;
        color: #000 !important;
    }

    .ViewMeetings .rsContent .rsAptOut {
        border-left: 1px solid #ccc !important;
        border-right: 1px solid #ccc !important;
    }

    .ViewMeetings .rsContent .rsDateWrap {
        height: 25px !important;
    }

.km-ios h2 {
    color: #324B00;
}



.km-ios .km-navbar {
    background-color: #6C8C00 !important;
    background-image: none !important;
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0, 0, 0, 0.3)),color-stop(0.05,transparent),color-stop(0.98,transparent),color-stop(1,rgba(70, 70, 70, 0.5))),-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255, 255, 255, 0.35)),color-stop(0.5,rgba(255, 255, 255, 0.1)),color-stop(0.5,rgba(255, 255, 255, 0)),color-stop(1,rgba(255, 255, 255, 0))) #6C8C00 !important;
}

.km-ios .km-header .km-button {
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0, 0, 0, 0.3)),color-stop(0.05,transparent),color-stop(0.98,transparent),color-stop(1,rgba(70, 70, 70, 0.5))),-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255, 255, 255, 0.35)),color-stop(0.5,rgba(255, 255, 255, 0.1)),color-stop(0.5,rgba(255, 255, 255, 0)),color-stop(1,rgba(255, 255, 255, 0))) #6C8C00 !important;
}

.km-ios .km-back::before {
    left: -0.37em;
    zoom: 1.73;
    -webkit-mask-image: none;
}

.km-ios .km-insetcontent {
    background-image: none !important;
    background-color: #E5EDC0 !important;
}

.km-ios .km-content .km-button {
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0, 0, 0, 0.3)),color-stop(0.05,transparent),color-stop(0.98,transparent),color-stop(1,rgba(70, 70, 70, 0.5))),-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255, 255, 255, 0.35)),color-stop(0.5,rgba(255, 255, 255, 0.1)),color-stop(0.5,rgba(255, 255, 255, 0)),color-stop(1,rgba(255, 255, 255, 0))) #6C8C00 !important;
}

.km-ios .km-content .km-icon {
    background-color: #C1C7B5 !important;
}

.km-ios .km-content .km-switch-label-off {
    color: #324B00;
}

.km-ios .km-content .km-switch-background, .km-ios .km-content .km-slider-background {
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0, 0, 0, 0.3)),color-stop(0.05,transparent),color-stop(0.98,transparent),color-stop(1,rgba(70, 70, 70, 0.5))),-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255, 255, 255, 0.35)),color-stop(0.5,rgba(255, 255, 255, 0.1)),color-stop(0.5,rgba(255, 255, 255, 0)),color-stop(1,rgba(255, 255, 255, 0))) #6C8C00 !important;
}

.km-ios .km-content .km-button {
    color: #000;
}

.km-ios .km-buttongroup .km-text {
    color: #000;
}

    .km-ios .km-buttongroup .km-text a,
    .km-ios .km-buttongroup .km-text a:hover,
    .km-ios .km-buttongroup .km-text a:visited,
    .km-ios .km-buttongroup .km-text a:link {
        color: #000 !important;
    }

.km-ios .km-buttongroup .km-state-active .km-text {
    color: #FFF;
}

    .km-ios .km-buttongroup .km-state-active .km-text a,
    .km-ios .km-buttongroup .km-state-active .km-text a:hover,
    .km-ios .km-buttongroup .km-state-active .km-text a:visited,
    .km-ios .km-buttongroup .km-state-active .km-text a:link {
        color: #FFF !important;
    }

.km-ios .km-buttongroup .km-state-active .km-text {
    color: #FFF;
}

.km-label-datamsg {
	color: #2E3D47;
	font-size: 24px;
}

/*Calendar Box Sizing Override*/
/*Content Box Fix*/
#calendar * {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
