﻿/* Use these styles to override skin styles that confilct with USchedule presentation */
html { overflow: -moz-scrollbars-vertical; }

html, body, form
{
    height: auto !important;
    margin: 0px;
    padding: 0px;
}

.frameWrapper {
    margin: 10px !important;
}

.frameTop {
    background-image: url('/DesktopModules/USchedule/img/shadow_01a.png') !important;
    background-repeat: no-repeat !important;
    padding: 4px !important;
    height: 35px !important;
    width: 925px !important;
}
.noframeTop
{
    background-image: url('/DesktopModules/USchedule/img/shadow_01a.png') !important;
    background-repeat: no-repeat;
    padding: 4px !important;
    height: 10px !important;
    width: 925px !important;

}
.frameMiddle
{
    width: 925px !important;
    background-image: url('/DesktopModules/USchedule/img/shadow_02.png') !important;
    background-repeat: repeat-y !important;
    padding: 10px !important;
}

.frameBottom
{
    background-image: url('/DesktopModules/USchedule/img/shadow_03.png') !important;
    background-repeat: no-repeat !important;
    padding: 4px !important;
    height: 18px !important;
    width: 925px !important;
}

#TableSkin
{
    width: 982px !important;
    height: 100% !important;
}

/*TDs that contain the following*/
.us_admin /* Use these styles to override skin styles that confilct with USchedule presentation */ /* Use these styles to override skin styles that confilct with USchedule presentation */ body
{
}

/*main table*/
.us_admin_wrapper
{
}

label
{
}

.z3sched h3
{
}

.us_admin_main_label
{
    color: #666666 !important;
    font-weight: bold !important;
    font-size: larger;
    padding-bottom: 10px;
}

.us_admin_main_label_big
{
    color: #666666 !important;
    font-weight: bold !important;
    font-size: large;
}
.us_admin_label_bold
{
    color: #808080 !important;
    font-weight:bold;
}

.us_admin_label
{
    color: #808080 !important;
}

.no_table_align{
display:block;
width:35%;
float:left;
text-align:right;
}

.no_table_align22{
display:block;
width:20%;
float:left;
text-align:right;
}

.tab_form_label /* aligns all lables in tabbed sections to the right, next to the input fields */
{
    text-align:right;
    
}

.us_admin_input
{
    color: #808080 !important;
}

.us_admin_links
{
    padding-top: 10px;
    clear: both;
    color: #808080 !important;
}

.us_admin_links a
{
    color: #808080 !important;
}


.us_admin_links a:link
{
    color: #808080 !important;
}

.us_admin_links a:hover
{
    color: #ff0000 !important;
}

/*control panel buttons/links*/
.us_admin_cp_links
{
    color: #666666 !important;
}

.us_admin_cp_links a:link
{
    color: #666666 !important;
}

.us_admin_cp_links a:hover
{
    color: #666666 !important;
}

.CustomTab
{
    font-family: tahoma !important;
    font-size: 11px !important;
    color: #666666 !important;
}

.SelectedTab
{
    font-family: tahoma !important;
    font-size: 11px !important;
    color: #666666 !important;
}

.HoveredTab
{
    font-family: tahoma !important;
    font-size: 11px !important;
    text-decoration: none !important;
    color: #666666 !important;
}

.DisabledTab
{
    font-family: tahoma !important;
    font-size: 11px !important;
    text-decoration: none !important;
    color: #666666 !important;
}


/*control panel buttons/links*/
.us_admin_cp_links
{
    color: #808080;
}

.us_admin_cp_links a:link
{
    color: #808080;
}

.us_admin_cp_links a:hover
{
    color: #ff0000;
}

.us_admin_ts_view
{
    border: 1px solid #898c95;
    margin-top: -1px;
}

.event
{
    width: 898px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.event .cancelled
{
    color: Red;
}
.event .title a:hover
{
    color: #606060;
    text-decoration: none;
}
.event .title a
{
    color: #808080;
    text-decoration: none;
}
.rwStatusbarRow
{
    display: none;
}
.RadScheduler .rsHeader h2
{
    color: White;
}
.RadScheduler_Default .rsMonthView div.rsWrap
{
    height: 50px;
}
.rsAptResize
{
    cursor: default !important;
}
.RadScheduler .rsModalWrapper div.rsModalDialog
{
    position: fixed;
    top: 33% !important;
}
.RadScheduler .rsAptSubject
{
    text-align: left;
    padding: 4px 0 1px;
    margin: 0 0 3px;
    font-weight: bold;
    color: #369;
    height: 17px;
    border-bottom: 1px solid #99DEFD;
    width: 100%;
}

.z3sched ul
{
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.z3sched li
{
    list-style: none !important;
    padding-left: 3px;
}

.z3sched
{
    font-family: arial;
    font-size: 10pt;
}

.z3sched h1, .z3sched h2, .z3sched h3
{
    padding: 0;
    margin: 0;
    font-weight: normal;
    color: #808080;
}

.z3sched h1
{
    border-bottom: 1px solid #ddd;
}
.z3sched h2
{
}
.z3sched h3
{
    font-size: 12pt;
    color: #606060;
    margin-bottom: 3px;
}

.z3sched select
{
    width: 200px;
}

.z3sched a
{
    color: #83A5D5;
    text-decoration: none;
}
.z3sched a:hover
{
    color: #E28022;
    text-decoration: underline;
}

.z3sched .xbutton
{
    height: 23px;
    border: 1px solid #3c7fb1;
    background: transparent url('../img/button_blue.gif') repeat-x top left;
}
.z3sched .xbutton.over
{
    border-color: #2c628b;
    background-image: url('../img/button_blue.gif');
}

.z3sched .divider
{
    border-bottom: 1px solid #ddd;
}

.z3sched .colWrapper
{
}
.middlecolumn
{
    float: left;
    padding-left: 10px;
    padding-top: 10px;
}
.z3sched .column
{
    float: left;
    padding-left: 10px;
}
.z3sched .column.wide
{
}
.z3sched .column.first
{
    border-width: 0;
}
.z3sched .row
{
    padding: 10px 0;
}
.z3sched .row.first
{
    padding-top: 5px;
}
.z3sched .row.actions
{
    clear: both;
}
.z3sched .row.actions .button
{
    margin-right: 10px;
}
.z3sched .row .rowContent
{
    padding-left: 10px;
}
.z3sched .row .rowContent .calender table
{
    /* border: 1px solid #999; */
}
.z3sched .row .rowContent .calender table table
{
    border-width: 0;
}
.z3sched .cart .first th
{
    text-align: left;
}
.z3sched .cart .appointments
{
}

.z3sched .cart .appointments td img
{
    margin-right: 5px;
}
.z3sched .cart .appointments td span
{
    display: block;
    color: #888;
    font-size: 9pt;
}

br.clear
{
    clear: both;
}

.hidden
{
    display: none !important;
}
.weekdaycheck
{
    float: left;
}

.weekdaycheck label
{
    float: left;
    width: 80px;
}



.button
{
    height: 17px;
    width: 17px;
    position: relative;
    top: 4px;
}

.edit
{
    background: transparent url(../img/edit.gif) no-repeat top left;
}

.save
{
    background: transparent url(../img/save.gif) no-repeat top left;
}

.cancel
{
    background: transparent url(../img/undo.gif) no-repeat top left;
}

.delete
{
    background: transparent url(../img/delete.gif) no-repeat top left;
}

.clone
{
    background: transparent url(../img/clone.gif) no-repeat top left;
}

.moveup
{
    background: transparent url(../img/plus2.gif) no-repeat top left;
}

.movedown
{
    background: transparent url(../img/minus2.gif) no-repeat top left;
}

.rwStatusbarRow
{
    display: none;
}

.rsAptSubject
{
    overflow: auto !important;
    height: auto !important;
}

/* phongs reporting */

.grid
{
    border: solid 2px #a5a4bd;
    font-family: Tahoma;
    font-size: 12px;
}
.grid H2
{
    background: #8988a5 url(images/title-bg.gif);
    border-bottom: solid 1px #57566f;
    height: 28px;
    line-height: 28px;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    color: #fff;
    font-size: 15px;
}
.grid TABLE
{
    width: 600px;
}

/* grid headers */
.grid .datatable .head TH
{
    background: #e9e9eb url(images/header-bg.gif);
    height: 24px;
    line-height: 24px;
    padding-left: 6px;
    color: #666666;
    text-align: left;
}
.grid .datatable .head TH.first
{
    /* get rid of the first slash */
    background: #e9e9eb url(images/header-bg.gif) -3px;
    width: 20px;
}

/* group header */
.grid .datatable .group TH
{
    padding: 10px 0px 2px 0px;
    color: #666666;
    text-align: left;
    border-bottom: solid 2px #a5a4bd;
}
.grid .datatable .group TH.first
{
    text-align: center;
    border-bottom: none;
}

/* data items */
.grid .datatable .item TD
{
    padding: 3px 0px 3px 6px;
    border: solid 1px #eae9e1;
    color: #222222;
}

/* pager */
.grid #pager .pager TD
{
    height: 40px;
}
.grid #pager .pager .commands
{
    height: 40px;
    padding: 4px 0px 0px 25px;
}
.grid #pager .pager .info
{
    padding: 4px 25px 0px 0px;
    text-align: right;
}
.hidden
{
    display: none;
    visibility: hidden;
}

rowContent
{
    color: #808080;
    text-decoration: none;
}
