div.modalBackground
{
    background-color: rgba(25,25,25,0.5);
}

.modal-backdrop, .modal-backdrop.fade.in {
opacity: 0.5;
filter: alpha(opacity=50);
}

div.main-content,
div.calendarOuterWrap
{
    min-height: 450px;
}

div.advisor {
    background-color: #A33;
    margin-top: -20px;
    text-align: center;
    /*text-transform: uppercase;*/
    font-size: 11px;
    letter-spacing: 2px;
    color: #CCC;
    margin-bottom: 1em;
    float: left;
    width: 100%;
    
}

div.advisor a {
    color:white;
   
}

    div.advisor a:hover {
        font-size:20px;
    }

div.support-info {
    background: #49afcd;
    color: white;
}

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




span.logincompany
{
    display: inline-block;
    color: #BBB;
    font-size: 12px;
    padding: 10px;
}

a.logofflink
{
    display: inline-block;
    padding: 10px;
    font-size: 12px;
}

/* ==========================================================================
   Forms
   ========================================================================== */
div.form-horizontal
{
    padding: 20px 0 0 0;
    min-width:400px;
    font-size:90%;
}

div.form-horizontal-padding 
{
    padding:0 20px;
}
.form-horizontal div.control-group
{
    margin-bottom: 4px;
}

.form-horizontal div.control-group.modal-footer 
{
    margin-top:1em;
    margin-bottom:0;
}

.form-horizontal .control-label {
width: 100px;
}
.form-horizontal .controls {
margin-left: 120px;
}

.form-horizontal .controls label 
{
    display:inline-block;
    margin-left:1em;
}

div.form-horizontal label, 
div.form-horizontal input,
div.form-horizontal  button,
div.form-horizontal  select,
div.form-horizontal  textarea 
{
    font-size:inherit;
}

div.form-horizontal div.new-entry-details 
{
    margin-top:1em;
}

div.form-horizontal div.control-group.entry-end-date,
div.form-horizontal div.control-group.entry-start-date 
{
    margin-top:1em;
}

div.form-horizontal div.new-entry-details textarea 
{
   height:4em;
}

/* ==========================================================================
   Calendar Filter Popup
   ========================================================================== */

div.toolbox
{
    display: block;
    min-height: 240px;
    max-height: 320px;
    padding: 20px;
}

div.toolbox select
{
    font-size: 95%;
    width: 14em;
    height: 24px;
    line-height: 24px;
}


div.keys-filters-wrap
{
    position: fixed;
    bottom: 0;
    z-index:2000;
}

div.keys-filters-wrap ul.dropdown-menu
{
    padding-top: 0;
}


div.popup-EditEntry, table.filter-table, div.popup-header-bar
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

div.popup-EditEntry
{
    -moz-box-shadow: 0 8px 16px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.25);
    box-shadow: 0 8px 16px rgba(0,0,0,.25);
}

table.filter-table td
{
    font-size: 90%;
    vertical-align: top;
    padding: 0 0em 0 2em;
}

div.popup-header-bar, 
div.navPrevNextToday div.ajax__calendar_header,
div.modal-header
{
    background-color: #c9c4b3;
    background-repeat: repeat-x;
    border-color: #c9c4b3;
    background-image: linear-gradient(to bottom, #c9c4b3, #111111);
    background-image: url(../Images/entryHighlight.png);
    background-repeat: repeat-x;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #FFF;
    padding: 6px 9px;
 
}

div.modal-header 
{
    border-bottom:none;
}

div.modal-footer 
{
    background-color: #EFECDB;
    border-top:none;
}

div.popup-header-bar h4,
div.modal-header h4
{
    margin: 0;
}
div.popup-header-bar h4 span
{
    margin-top: -6px;
    margin-left: 4px;
}

div.venue-key-checkboxes
{
    font-size: 11px;
    margin-right: 2em;
width: 13em;
}

div.venue-key-checkboxes div
{
    border-bottom: 1px dotted #ccc;
    white-space:nowrap;
}

div.venue-key-checkboxes div:hover
{
    background-color: #ffe;
}

div.venue-key-checkboxes input[type=checkbox]
{
    float: right;
    margin-top: 8px;
}

div.venue-key-checkboxes div span
{
    vertical-align: text-top;
    padding-right: 28px;
    line-height: 24px;
}

div.venue-key-checkboxes div span [class^="vicon-"], div.venue-key-checkboxes div span [class*=" vicon-"]
{
    vertical-align: middle;
}

div.filteragent
{
    min-width: 150px;
}

/* ==========================================================================
   Popup Calendar Change Date Control
   ========================================================================== */

div.navPrevNextToday div.ajax__calendar_container
{
    width: 230px;
    padding: 0;
    border: 1px solid #c9c4b3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 8px 16px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.25);
    box-shadow: 0 8px 16px rgba(0,0,0,.25);
}

div.navPrevNextToday div.ajax__calendar_header
{
    /* see above */
    padding: 4px 0;
}

div.navPrevNextToday .ajax__calendar_title
{
    color: #333;
}

div.navPrevNextToday div.ajax__calendar_footer, div.navPrevNextToday .ajax__calendar_today
{
    padding-bottom: 10px;
}

div.navPrevNextToday .ajax__calendar_day
{
    padding: 4px 5px !important;
    line-height: 18px;
    height: 18px;
}


div.navPrevNextToday .ajax__calendar_other .ajax__calendar_day
{
    color: #BBB !important;
}

div.navPrevNextToday .ajax__calendar_day:hover
{
    border-color: #c9c4b3;
    background-color: #fff;
}

div.navPrevNextToday .ajax__calendar_days
{
    padding-top: 5px;
}

div.navPrevNextToday .ajax__calendar_dayname
{
    font-weight: bold;
    font-size: 90%;
    color: #777;
}

div.navPrevNextToday .ajax__calendar_body, div.navPrevNextToday .ajax__calendar_days, div.navPrevNextToday .ajax__calendar_months, div.navPrevNextToday .ajax__calendar_years
{
    height: 195px;
    width: 230px;
}

div.navPrevNextToday div.ajax__calendar table td
{
    font-size: 12px;
}

/* ==========================================================================
   MonthView Calendar styles
   ========================================================================== */

        div.calendar-wrap
        {
            /*min-height:280px;*/
            border: 1px solid #c1bcad; /*background-color:#EFECDB; 	background-color: #F6F3E9;*/
            background-color: #FBF9EB !important;
            height: auto;
            border-top: 1px solid white;
            border-bottom: 1px solid #C9C4B3;
    
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
    
            overflow:hidden;
    
            -moz-box-shadow: rgba(255, 255, 255, 0.199219) 0px 2px 2px 0px, rgba(0, 0, 0, 0.01) 0px -2px 2px 0px;
            -webkit-box-shadow: rgba(255, 255, 255, 0.199219) 0px 2px 2px 0px, rgba(0, 0, 0, 0.01) 0px -2px 2px 0px;
            box-shadow: rgba(255, 255, 255, 0.75) 0px 2px 2px 0px, rgba(0, 0, 0, 0.01) 0px -2px 2px 0px;
        }
        table.calendarMonth
        {
            border-collapse: separate;
            background-color: #EFECDB;
            border: none;
            height: auto;
   
           -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
        }


        table.calendar-title a
        {
            display: block;
            width: 100%;
        }

        table.calendarMonth tr.rowspacer td
        {
            min-height: 0px;
            max-height: 100px;
        }

        table.calendarMonth .calendar-day
        {
            width: 14%;
            border-top-width: 1px;
            border-right-width: 1px;
            border-bottom-width: 1px;
            border-left-width: 1px;
            border-top-style: solid;
            border-right-style: solid;
            border-bottom-style: solid;
            border-left-style: none;
            border-top-color: #fff;
            border-right-color: #E4E1C7;
            border-bottom-color: #ADAB96;
            border-left-color: #D2CFBC;
    
                       -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }

        table.calendarMonth .calendar-weekend
        {
           background-color:#e8e5d4;
        }

        table.calendarMonth .calendar-selected-day
        {
            min-height: 100px;
            height: 100px;
            background-color: #FBF9EB !important;
            border-bottom-color: rgba(255,255,255,0.0);
            border-bottom-width: 0;
            padding-bottom: 12px;
        }

        table.calendarMonth .calendar-selected-day.calendar-weekend 
        {
             background-color: #F3F1E3 !important;
        }


        table.calendarMonth .weekExpandCollapse
        {
            border-top-width: 1px;
            border-right-width: 1px;
            border-bottom-width: 1px;
            border-left-width: 1px;
            border-top-style: solid;
            border-right-style: solid;
            border-bottom-style: solid;
            border-left-style: none;
            border-top-color: #FEFBDC;
            border-right-color: #E4E1C7;
            border-bottom-color: #ADAB96;
            border-left-color: #D2CFBC;
        }

        table.calendarMonth .calendar-day div.panelDay div table
        {
            border-collapse: separate;
            width: 100%;
            border-right: 1px solid #ebe6d2;
            border-left: 1px solid #fff;
        }
        table.calendarMonth .calendar-day div.panelDay div table td
        {
            background-color: #f6f3e9;
            height: 24px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #c9c4b3;
            font-size: 11px; /*	font-weight:bold;*/ /*	background-image:url(../Images/entryHighlight.png); 	background-repeat:repeat-x;*/
        }



        table.calendarMonth .calendar-day div.panelDay div table td a
        {
            color: #423E3D;
            display: block;
            line-height: 1;
        }


        table.calendarMonth .calendar-day div.panelDay div table td a:hover
        {
            text-decoration: none;
            background-image: url(../Images/entryHighlight.png);
            background-repeat: repeat-x;
        }

        table.calendarMonth .calendar-day a.no-entries, table.calendarMonth .calendar-day a.no-entries:hover, .calendar-day.calendar-selected-day a[disabled=disabled]
        {
            color: #ccc !important;
            display: block;
            line-height: 1;
            text-decoration: none;
            background-image: none;
            cursor: default;
            padding-top: 4px;
            padding-left: 4px;
        }
        /* ======================================== */

        table.calendarMonth .calendar-day div.panelDay div table td a span.client
        {
            font-style: italic;
        }

        table.calendarMonth .calendar-day div.panelDay div table td img
        {
            border-right: 1px solid #ddd !important;
        }

        table.calendarMonth .calendar-day div.panelDay div table tr.policestation td
        {
            background-color: #d9e8ff;
        }

        table.calendarMonth .calendar-day div.panelDay div table tr.holiday td
        {
            /*background-color:#d7d9f4 !important;*/
            background-color: #ececfa;
        }

        table.calendarMonth .calendar-day div.panelDay div table tr.crown td
        {
            background-color: #f7e7ed;
        }


        table.calendarMonth .calendar-day div.panelDay div table tr.magistrates td
        {
            background-color: #f7f3e4;
        }

        table.calendarMonthHeader
        {
            /*width:100%; 	background-color:#c9c4b3;*/
        }

        table.calendarMonthHeader td
        {
            /*background-color:#c9c4b3; 		background-image:url(../Images/entryHighlight.png); 	background-repeat:repeat-x;*/
            padding: 12px 6px;
            vertical-align: top;
        }

        table.calendarMonthHeader div.ajax__calendar table td
        {
            padding: 0;
            vertical-align: middle;
        }

        tr.calendarMonthDayNames
        {
            font-weight: normal;
            text-transform: uppercase;
            font-size: 11px; /*background-color:#D2CEAC;*/ /*background-color:#d2d0ba;*/
        }

       



        tr.calendarMonthDayNames th
        {
            padding: 3px 0;
            color: #979288;
            text-align: left;
            font-weight: normal;
            border-bottom: 1px solid #D2CFBC;
        }

        td.calendar-day-header, tr.gridViewHeader th
        {
            font-weight: normal;
            text-transform: uppercase;
            font-size: 11px;
            padding: 3px 0 3px 6px;
            color: #979288;
   
            font-weight: normal;
            border-bottom: 1px solid #D2CFBC;
        }


        table.calendarMonth .calendar-selected-day > a
        {
            color: #ccc !important;
            padding: 4px 6px;
            cursor: default;
        }
        table.calendarMonth .calendar-selected-day > a:hover
        {
            text-decoration: none;
        }


        table.calendarMonth a.has-entries, .calendar-day a.dayLink, table.calendarMonth .calendar-selected-day a.dayLink
        {
            /* color: #979288; */
            color: #423E3D;
            font-size: 1em;
            text-align: left;
            display: block;
            padding: 4px 6px;
            cursor: pointer;
            -webkit-text-shadow: 0px 2px 1px rgba(255, 255, 255, 1);
            text-shadow: 0px 2px 1px rgba(255, 255, 255, 1);
        }


          table.calendarMonth a.has-entries:hover,
           .calendar-day a.dayLink:hover
        {
            color: #423E3D;
            text-decoration: none;
            background-image: url(../Images/entryHighlight.png);
            background-repeat: repeat-x;
        }

        table.calendarMonth .calendar-day div.panelDay div table tr:hover td
        {
            background-image: none;
        }


        table.calendarMonth tr.openWeek td.calendar-day, table.calendarMonth tr.openWeek td.weekExpandCollapse
        {
            background-color: #FBF9EB;
            border-bottom-color: rgba(255,255,255,0.0);
            border-bottom-width: 0;
            padding-bottom: 12px;
        }

        table.calendarMonth tr.dayRow > td
        {
            padding: 4px 2px;
            background-color: #FBF9EB;
            border-top-width: 1px;
            border-right-width: 1px;
            border-bottom-width: 1px;
            border-left-width: 1px;
            border-top-style: solid;
            border-right-style: solid;
            border-bottom-style: solid;
            border-left-style: none;
            border-top-color: #fff;
            border-right-color: #E4E1C7;
            border-bottom-color: #D2CFBC;
            border-left-color: #D2CFBC;
        }

        table.calendarMonth tr.openWeek td.calendar-day.today
        {
            background-image: url(../Images/entryHighlight.png);
            background-repeat: repeat-x;
            background-color: #FEFEF9;
            padding: 0 1px 1px 1px;
        }

        table.calendarMonth tr.openWeek td.calendar-day.today a.dayLink
        {
            font-weight: bold;
            color: #423E3D;
        }


        h3.monthAndYear
        {
            font-weight: normal;
            margin: 0;
            line-height: 1;
            font-size: 28px;
            text-shadow: 0px 2px 1px rgba(255, 255, 255, 1);
            display: inline-block;
            min-width: 8em;
        }

        /* =====================================================
            Calendar Nav
           ===================================================== */

        div.navPrevNextToday
        {
            float: left;
            display: inline-block;
            white-space: nowrap;
            padding: 0 1.0em 0.5em 0;
        }

        div.navMonthWeekDayAndPopup
        {
            float: left;
            display: inline-block;
        }

        div.navCalendarPopup
        {
            float: left;
            display: inline-block;
            padding: 0 1.0em;
        }

        div.navAddEntry
        {
            display: inline-block;
            white-space: nowrap;
        }

        .dayofweek
        {
            color: #A5D4E4;
            background-color: #EFECDD;
        }

        .monthHeader
        {
            color: White;
            font-size: 24px;
            font-weight: bold;
            width: 100%;
            border-collapse: collapse;
        }

        td.tdKeyWrap
        {
            /*	background-color:#ebe6d2;*/
        }

        div.keyWwrap
        {
            width: 100%;
            margin-top: 12px; /*	border-top:1px solid #c9c4b3;*/
            font-size: 10px;
            height: 25px;
            padding-bottom: 2px;
        }

        div.keyWwrap div
        {
            min-width: 75px;
            max-width: 220px;
            padding: 0 20px 0 0;
            height: 25px;
            float: left;
            border-top: none;
            border-bottom: none;
            border-right: 1px solid #fff; /*	border-left:1px solid #c9c4b3;*/
            vertical-align: middle;
            line-height: 22px;
        }
        div.keyWwrap div img
        {
            vertical-align: middle;
            margin-right: 5px;
        }

        div.keyWwrap div.keyTitle
        {
            min-width: 20px;
            max-width: 30px;
            padding-left: 10px;
        }


        /* week expand button */

        table.calendarMonth td.weekExpandCollapse
        {
            vertical-align: top;
            border-bottom-color:rgba(173, 171, 150,0.5);
  
        }


        td.weekExpandCollapse a
        {
            /*background-color: rgba(235,230,210,0.5);*/
            background-color:#efecda;
            background-repeat: repeat-x;
            border-top: 1px solid #E4E1C7;
 
    
            background-image: -moz-linear-gradient(top, #fffcfa, #efecda);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fffcfa), to(#efecda));
            background-image: -webkit-linear-gradient(top, #fffcfa, #efecda);
            background-image: -o-linear-gradient(top, #fffcfa, #efecda);
            background-image: linear-gradient(to bottom, #fffcfa, #efecda);
    
            border-left-style: none;
            border-left-color: inherit;
            border-left-width: medium;
            border-right-style: none;
            border-right-color: inherit;
            border-right-width: medium;
            border-bottom-style: none;
            border-bottom-color: inherit;
            border-bottom-width: 0;
            display: block;
            height: 28px;
            line-height: 14px;
            vertical-align: text-top;
    
    
            -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .1);
            -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .1);
            box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .1);
        }



        td.weekExpandCollapse a:hover
        {
            color: #333333;
            background-color:#fffcfa;
            text-decoration: none; /* background-position: 0 -15px; */
            -webkit-transition: background-position 0.1s linear;
            -moz-transition: background-position 0.1s linear;
            -o-transition: background-position 0.1s linear;
            transition: background-position 0.1s linear;
        }

        td.weekExpandCollapse a:focus
        {
            outline: thin dotted #333;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }


        td.weekExpandCollapse a:active
        {
            background-color: #D2CFBC;
            outline: 0;
            border-top-color: #ADAB96;
            background-image: -moz-linear-gradient(top, #E4E1C7, #fbf9ea);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E4E1C7), to(#fbf9ea));
            background-image: -webkit-linear-gradient(top, #E4E1C7, #fbf9ea);
            background-image: -o-linear-gradient(top, #E4E1C7, #fbf9ea);
            background-image: linear-gradient(to bottom, #E4E1C7, #fbf9ea);
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
            -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
        }



/* end week expand button */


a.linkCalIcon
{
    background: url(../images/iconCalendar.gif) right center no-repeat;
}


.label-white
{
    font-size: .9em;
}


tr.loginUser
{
    font-weight: bold;
}

a.entry
{
    height: 30px;
}

span.venue
{
    float: left;
    margin-left: 4px;
}

span.attendWrap
{
    height: 28px;
    display: block;
    margin-left: 32px;
    padding-left: 4px;
}

span.attendee
{
    display: block;
    clear: right;
    padding-top: 4px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #ddd;
    height: 1em;
}
span.client
{
    padding-top: 2px;
}


var.attendWrap
{
    height: 28px;
    display: block;
    margin-left: 32px;
    padding-left: 4px;
}

var.attendee
{
    display: block;
    clear: right;
    padding-top: 4px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #ddd;
    height: 1em;
}
var.client
{
    padding-top: 2px;
}

a.editRecord .icon-pencil-small
{
    height: 30px;
    background-position: 900px 900px;
}

a.editRecord:hover .icon-pencil-small
{
   background-position: -500px -136px;
}



/* ==========================================================
	VENUE ICONS
	========================================================= */


[class^="vicon-"], [class*=" vicon-"]
{
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 1px; /* *margin-right: .3em; */
    line-height: 28px;
    vertical-align: text-top;
    background-image: url("../img/venueicons-cromwell-48-r6.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    border:0;
}

/* White icons with optional class, or on hover/active states of certain elements */

.icon-white, .nav-pills > .active > a > [class^="vicon-"], .nav-pills > .active > a > [class*=" vicon-"], .nav-list > .active > a > [class^="vicon-"], .nav-list > .active > a > [class*=" vicon-"], .navbar-inverse .nav > .active > a > [class^="vicon-"], .navbar-inverse .nav > .active > a > [class*=" vicon-"], .dropdown-menu > li > a:hover > [class^="vicon-"], .dropdown-menu > li > a:hover > [class*=" vicon-"], .dropdown-menu > .active > a > [class^="vicon-"], .dropdown-menu > .active > a > [class*=" vicon-"], .dropdown-submenu:hover > a > [class^="vicon-"], .dropdown-submenu:hover > a > [class*=" vicon-"]
{
    background-image: url("../img/venueicons-cromwell-48-r6.png");
}

.vicon-crown, .CrownCourt
{
    background-position: 0 0;
}

.vicon-magistrates, .Proceedings
{
    background-position: 0 -48px;
}

.vicon-police, .Investigation
{
    background-position: 0 -144px;
}

.vicon-courtduty
{
    background-position: 0 -96px;
}

.vicon-staffentry
{
    background-position: 0 -288px;
}

.vicon-meeting, .vicon-Meeting
{
    background-position: 0 -192px;
}


.vicon-unassigned
{
    background-position: 0 -240px;
}


.vicon-training
{
    background-position: 0 -336px;
}

.vicon-staffentry-police
{
    background-position: 0 -384px;
}

.vicon-staffentry-court
{
    background-position: 0 -432px;
}

.county-court {
    background-image: url("../img/gavel-icon.png");
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 1px;
    line-height: 28px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    border: 0;
}

.email,icon-email {
    background-image: url("../img/emailicon.png");
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 1px;
    line-height: 28px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    border: 0;
}


/* **********************************
   Additional vicons as of 28 Feb 2013

        Task types in app used as classes from 25 Jan 2014
        HearingFixture = 0
        GeneralAttendance = 1
        Meeting = 2
        Preparation = 3
        Decision = 4
        Letter = 5
        EmailOut = 6
        DocIn = 7
        DocOut = 8
        PhoneOut = 9
        Fax = 10
        Form = 12
        DynamicForm = 13
        HearingRequested = 14
        Conference = 15
        TelephoneAdvice = 16
        EmailIn = 17
        PhoneIn = 18
        HandOut = 19

 *********************************** */
 
.vicon-Letter, .vicon-letter {
  background-position: 0 -480px;
}

.vicon-doc-in, .vicon-DocIn {
  background-position: 0 -528px;
}

.vicon-doc-out, .vicon-DocOut{
  background-position: 0 -576px;
}

.vicon-phone-in, .vicon-PhoneIn {
  background-position: 0 -624px;
}

.vicon-phone-out, .vicon-PhoneOut {
  background-position: 0 -672px;
}

.vicon-phone-advice, .vicon-TelephoneAdvice {
  background-position: 0 -720px;
}

.vicon-phone-advice, .vicon-TelephoneAdvice {
  background-position: 0 -720px;
}
.vicon-form, .vicon-Form {
    background-position: 0 -576px;
}


/* **********************************
  End Additional vicons as of 28 Feb 2013
 *********************************** */


/* =====================================================
    Calendar Nav
   ===================================================== */
table.calendar-dayview-grid
{
    width: 100%;
    background-color: #EFECDB;
    height: auto;
    font-size: 12px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

.calendar-wrap table {
    width: 100%;
}

table.calendar-dayview-grid tr td
{
    background-color: #F6F3E9;
    height: 24px;
    border-top: 1px solid white;
    border-bottom: 1px solid #C9C4B3;

}

table.calendar-dayview-grid a 
{
    display:block;
}


th.cell-filedownload-head,
td.cell-filedownload
{
    text-align:center;
    width:6%;
 white-space:nowrap;
}

td.cell-filedownload a:hover span 
{
background-position: -408px -120px !important;
}

td.cell-time,
th.cell-time-head
{
    width:6%;

    padding-right: 5px !important;
    text-align: right;

}

th.cell-allday-head,
td.cell-allday 
{
     width:5%;

    text-align:center;
        padding-right:5px !important;  
}

td.cell-time,
td.cell-allday 
{
        background-color:#fffcfa !important;
}

th.cell-icons-head,
td.cell-icons
{
    width:5%;
    padding-left:15px;
    padding-right:10px;
}

th.cell-venue-head,
td.cell-venue 
{
    text-align:left;
   width:12%;
padding-left:3px;
}

th.cell-fee-earner-head,
td.cell-fee-earner 
{
    text-align:left;
    width:10%;
    padding-left:3px;
}

th.cell-client-head,
td.cell-client 
{
    text-align:left;
    width:10%;
    padding-left:3px;
}

td.cell-client
{
    font-style: italic;
}

th.cell-description-head
td.cell-description 
{
    text-align:left;
    padding-left:3px;
}

th.cell-edit-record-head,
td.cell-edit-record 
{
    width:5%;
    text-align:center;
}

td.cell-edit-record a 
{
    display:block;
}

td.cell-edit-record 
{
    border-left:1px solid #EBE6D3;
}

table.calendar-dayview-grid tr:hover td.cell-filedownload,
table.calendar-dayview-grid tr:hover td.cell-time,
table.calendar-dayview-grid tr:hover td.cell-allday,
table.calendar-dayview-grid tr:hover td.cell-icons,
table.calendar-dayview-grid tr:hover td.cell-venue,
table.calendar-dayview-grid tr:hover td.cell-fee-earner,
table.calendar-dayview-grid tr:hover td.cell-client,
table.calendar-dayview-grid tr:hover td.cell-description,
table.calendar-dayview-grid tr td.cell-edit-record:hover
{
    color: #423E3D;
    text-decoration: none;
    background-image: url(../Images/entryHighlight.png);
    background-repeat: repeat-x;
}






table.calendar-dayview-grid tr:first-child td:first-child 
{
        -moz-border-radius:8px 0 0 0;
    -webkit-border-radius:8px 0 0 0;
    border-radius:8px 0 0 0;
}

table.calendar-dayview-grid tr:first-child td:last-child 
{
        -moz-border-radius: 0 8px 0 0;
    -webkit-border-radius:0 8px 0 0;
    border-radius: 0 8px 0 0;
}

table.calendar-dayview-grid tr:last-child td:first-child 
{
        -moz-border-radius:0 0 0 8px;
    -webkit-border-radius:0 0 0 8px;
    border-radius:0 0 0 8px;
}

table.calendar-dayview-grid tr:last-child td:last-child 
{
        -moz-border-radius:0 0 8px 0;
    -webkit-border-radius:0 0 8px 0;
    border-radius:0 0 8px 0;
}


/* ===================== */

table.calendarMonth tr:first-child td:first-child,
table.calendarMonth tr:first-child td:first-child a 
{
        -moz-border-radius:8px 0 0 0;
    -webkit-border-radius:8px 0 0 0;
    border-radius:8px 0 0 0;
}

 table.calendarMonth tr:first-child td:last-child,
 table.calendarMonth tr:first-child td:last-child a
{
        -moz-border-radius: 0 8px 0 0;
    -webkit-border-radius:0 8px 0 0;
    border-radius: 0 8px 0 0;
}

table.calendarMonth tr:last-child td:first-child,
table.calendarMonth tr:last-child td:first-child a
{
        -moz-border-radius:0 0 0 8px;
    -webkit-border-radius:0 0 0 8px;
    border-radius:0 0 0 8px;
}

table.calendarMonth tr:last-child td:last-child,
table.calendarMonth tr:last-child td:last-child a
{
        -moz-border-radius:0 0 8px 0;
    -webkit-border-radius:0 0 8px 0;
    border-radius:0 0 8px 0;
}

table.calendarMonth tr:first-child td:first-child a 
{
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    display:none;
}

span.emptyData 
{
    display:block;
    text-align:center;
    padding-top:75px;
    padding-bottom:75px;
}

td.calendar-weekend a,
td.calendar-other-month a 
{
   /* padding-top:6px;
    padding-left:6px; */
}

td.calendar-other-month div.panelDay div a
{
    padding-top:0;
    padding-left:0;
}

div.panelDay table,
div.panelDay table td,
div.panelDay table td a  
{
    -moz-border-radius:0 !important;
        -webkit-border-radius:0 !important;
            border-radius:0 !important;
}


.modal 
{
    width:800px;
    margin-left:-400px;
    top:15%;
}

.modal-small 
{
    width:500px;
    margin-left:-250px;
    top:15%;
}

.modal-body 
{
    padding:0;
}

.modal.fade.in {
top: 15%;
}

.matter-label {
    display:inline-block;width:200px;
}

.user-detail-view {
    background-color: white;
}

.user-detail-edit-row {
    background-color: white;
}

.gridView {
    background-color: Transparent;
}

.gridViewRow {
    background-color: White;
    border-style: outset;
    border-width: 0;
    font-family: Tahoma;
    font-size: 12px;
    text-align: left;
}

    .gridViewRow td {
        padding-left: 3px;
    }

.gridViewAltRow {
    background-color: #F6F3EA;
    border-style: outset;
    border-width: 0;
    font-family: Tahoma;
    font-size: 12px;
    text-align: left;
}

    .gridViewAltRow td {
        padding-left: 3px;
    }

.gridViewHeader {
    background-color: #2A90B9;
    color: White;
    font-family: Tahoma;
    font-size: 12px;
}

.gridViewSelectedRow {
    background-color: #FFE8DF;
    border-style: outset;
    border-width: 0;
    font-family: Tahoma;
    font-size: 12px;
    text-align: left;
    background-image: none;
}
    /* {background-color:#DD4B16;border-color:Red;font-family:Tahoma;font-size:12px; text-align:left;}*/
    .gridViewSelectedRow td {
        padding-left: 3px;
    }

.gridpager, .gridpager a {
    text-align: right;
    color: #dd4b1a;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
    background-color: #D2CFBC;
}

    .gridpager td table tr td a {
        text-decoration: underline;
        font-size: 16px;
        font-weight: normal;
        margin-left: 10px;
    }

    .gridpager td table tr td span {
        font-size: 16px;
        font-weight: bold;
        margin-left: 10px;
    }

#gvProfitCosts_Detail td {
    text-align: left;
}

#profitCosts_Detail .disbursements table td:nth-child(5) {
    text-align: center;
}

#profitCosts_Detail .disbursements table td:nth-child(3) {
    text-align: left;
}