/* CSS Document */

body
{
    background: #828688;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 145%;
}

/* LINKS */
a:link, a:visited
{
    color: #006699;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a.text:link, a.text:visited
{
    color: Black;
    text-decoration: none;
}

a.text:hover
{
    color: Black;
    text-decoration: none;
}


.more
{
    float: right;
    margin-top: 8px;
    margin-right: 16px;
    font-weight: bold;
    color: #333333;
}

.more a:link, .more a:visited
{
    color: #333333;
}

.more a:hover
{
    color: #006699;
}

#quicklink
{
    background: url(images/icons/more_icon.png) right no-repeat;
    height: 12px;
    padding-right: 20px;
    margin-right: 12px;
    font-size: 13px;
    font-weight: bold;
    width: 180px;
}

#quicklink2
{
    padding-right: 20px;
    margin-right: 12px;
    line-height: 200%;
    font-weight: bold;
}

.breadcrumb
{
    color: #999999;
    font-size: 10px;
    float: right;
    padding-top: 4px;
    font-weight: bold;
}

.breadcrumb a:link, .breadcrumb a:visited
{
    color: #FF6600;
    text-decoration: none;
}

.breadcrumb a:hover
{
    text-decoration: underline;
}

.right
{
    float: right;
}

.left
{
    float: left;
}

.clear
{
    clear: both;
    margin: 0;
    display: block;
}


h1
{
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    margin: 0px;
}

h2
{
    font-size: 12px;
    font-weight: bold;
    color: #FF6600;
    margin: 0px;
}

h3
{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin: 0;
}

h4
{
    font-size: 16px;
    color: #000000;
    margin: 0;
}

.page
{
    background: url(images/common/page_bg.jpg) repeat-x #DDDDDD;
    text-align: center;
}

.pageholder
{
    width: 964px;
    margin: auto;
    padding-bottom: 24px;
    text-align: left;
}


/* MASTHEAD */

.masthead
{
    height: 118px;
}

.tophead
{
    height: 32px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    width: 964px;
    margin: auto;
}

.tophead a:link, .tophead a:visited
{
    color: #FFFFFF;
    text-decoration: underline;
}

.logo
{
    padding-top: 12px;
    height: 42px;
}

/* TOP MENU */

.topmenu
{
    height: 43px;
    font-family: Helvetica, "Lucida Sans" , Arial;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    clear: both;
}

.topmenu a:link, .topmenu a:visited
{
    color: #333333;
    text-decoration: none;
}

.topmenu a:hover
{
    text-decoration: underline;
}

.menu_on a:link, .menu_on a:visited
{
    color: #FFFFFF;
    text-decoration: underline;
}

.menu_off
{
    height: 29px;
    width: 104px;
    padding-top: 14px;
    text-align: center;
    float: left;
}

.menu_on
{
    background: url(images/menu/topmenu_on_bg.jpg) repeat-x;
    height: 29px;
    width: 104px;
    padding-top: 14px;
    text-align: center;
    float: left;
    color: #FFFFFF;
}

.sep
{
    background: url(images/menu/topmenu_sep.jpg) no-repeat;
    height: 43px;
    width: 3px;
    float: left;
}

.submenu
{
    background: url(images/menu/submenu_bar.jpg) no-repeat top;
    width: 965px;
    height: 31px;
    font-weight: bold;
    font-size: 11px;
}

.link_off
{
    background: url(images/menu/submenu_link_off.jpg) no-repeat top;
    width: 137px;
    height: 18px;
    margin-left: 4px;
    padding-top: 6px;
    text-align: center;
    float: left;
}

.link_on
{
    background: url(images/menu/submenu_link_on.jpg) no-repeat top;
    width: 137px;
    height: 18px;
    margin-left: 4px;
    padding-top: 6px;
    text-align: center;
    text-decoration: underline;
    float: left;
}

.link_off a:link, .link_off a:visited
{
    color: #006699;
}
.link_on a:link, .link_on a:visited
{
    color: #000000;
}

/* BOXES */

.box1
{
    width: 681px;
    float: left;
}

.box1top
{
    background: url(images/common/box1_top.jpg) no-repeat top;
    width: 680px;
    height: 5px;
}

.box1bg
{
    background: url(images/common/box1_bg.jpg) repeat-y;
    width: 680px;
}

.box1foot
{
    background: url(images/common/box1_foot.jpg) no-repeat bottom;
    width: 680px;
    padding-bottom: 26px;
    height: auto;
    text-align: center;
}

.box1title
{
    width: 645px;
    padding-top: 10px;
    margin: auto;
    text-align: left;
}

.box2
{
    width: 283px;
    float: right;
}

.box2top
{
    background: url(images/common/box2_top.jpg) no-repeat;
    width: 283px;
    height: 5px;
}

.box2bg
{
    background: url(images/common/box2_bg.jpg) repeat-y;
    width: 283px;
}

.box2foot
{
    background: url(images/common/box2_foot.jpg) no-repeat bottom;
    width: 283px;
    padding-bottom: 26px;
    height: auto;
    text-align: center;
}

.box2title
{
    width: 250px;
    padding-top: 10px;
    margin: auto;
    text-align: left;
}

.box1 #content
{
    background: #ECECEC;
    margin: auto;
    text-align: left;
    width: 623px;
    padding-left: 22px;
    padding-top: 14px;
    padding-bottom: 8px;
    padding-right: 8px;
}

.box2 #content
{
    background: #ECECEC;
    margin: auto;
    text-align: left;
    width: 228px;
    padding-left: 22px;
    padding-top: 14px;
    padding-bottom: 8px;
    padding-right: 8px;
}

.box3 #content, .box3 #content2, .box3 #content3
{
    background: #ECECEC;
    margin: auto;
    text-align: left;
    width: 919px;
    padding-left: 22px;
    padding-top: 14px;
    padding-bottom: 8px;
    padding-right: 8px;
}

.box3
{
    width: 975px;
}

.box3top
{
    background: url(images/common/box3_top.jpg) no-repeat top;
    width: 975px;
    height: 5px;
}

.box3bg
{
    background: url(images/common/box3_bg.jpg) repeat-y;
    width: 975px;
}

.box3foot
{
    background: url(images/common/box3_foot.jpg) no-repeat bottom;
    width: 975px;
    padding-bottom: 26px;
    height: auto;
    text-align: center;
}

.box3title
{
    width: 939px;
    padding-top: 10px;
    margin: auto;
    text-align: left;
}

/* MODAL BOXES */

.modalbox1
{
    width: 353px;
}

.modalbox1_top
{
    background: url(images/common/modalbox1_top.png) top no-repeat;
    width: 353px;
    height: 16px;
}

.modalbox1_body
{
    background: url(images/common/modalbox1_bg.png) top repeat-y;
    width: 353px;
    text-align: center;
}

.modalbox1_foot
{
    background: url(images/common/modalbox1_foot.png) top no-repeat;
    width: 353px;
    height: 16px;
}


.modalbox1 #content
{
    background: #ECECEC;
    margin: auto;
    text-align: left;
    width: 270px;
    padding-left: 22px;
    padding-top: 14px;
    padding-bottom: 8px;
    padding-right: 8px;
}

.modal1title
{
    width: 300px;
    padding-top: 10px;
    margin: auto;
    text-align: left;
}


/* TITLE HEADINGS */

.infotitle
{
    background: url(images/icons/info_icon.jpg) no-repeat;
    height: 20px;
    padding-left: 22px;
    padding-top: 2px;
    padding-bottom: 12px;
    float: left;
}

.newstitle
{
    background: url(images/icons/news_icon.jpg) no-repeat;
    height: 20px;
    padding-left: 22px;
    padding-top: 2px;
    padding-bottom: 12px;
}

.quicklinkstitle
{
    background: url(images/icons/quicklinks_icon.jpg) no-repeat;
    height: 20px;
    padding-left: 22px;
    padding-top: 2px;
    padding-bottom: 12px;
}

.selfservicetitle
{
    background: url(images/icons/staff_icon.png) no-repeat;
    height: 20px;
    padding-left: 22px;
    padding-top: 2px;
    padding-bottom: 12px;
}
.accountstitle
{
    background: url(images/icons/accounts_icon.png) no-repeat;
    height: 22px;
    padding-left: 28px;
    padding-top: 2px;
    padding-bottom: 12px;
    font-size: 14px;
    color: #999999;
    float: left;
}

.locationstitle
{
    background: url(images/icons/locations_icon.png) no-repeat;
    height: 22px;
    padding-left: 28px;
    padding-top: 2px;
    padding-bottom: 12px;
    font-size: 14px;
    color: #999999;
    float: left;
}

.schedulestitle
{
    background: url(images/icons/schedules_icon.png) no-repeat;
    height: 22px;
    padding-left: 28px;
    padding-top: 2px;
    padding-bottom: 12px;
    font-size: 14px;
    color: #999999;
    float: left;
}
.schedulestitle2 /*for default page*/
{
    background: url(images/icons/schedules_icon.png) no-repeat;
    height: 22px;
    padding-left: 28px;
    padding-top: 2px;
    padding-bottom: 12px;
}

.stafftitle
{
    background: url(images/icons/staff_icon.png) no-repeat;
    height: 22px;
    padding-left: 28px;
    padding-top: 2px;
    padding-bottom: 12px;
    font-size: 14px;
    color: #999999;
    float: left;
}

.warning
{
    background: url(images/icons/warning_icon.jpg) no-repeat;
    height: 23px;
    padding-left: 32px;
    padding-top: 2px;
    padding-bottom: 12px;
    font-size: 14px;
    color: #999999;
    text-align: left;
}

.error
{
    background: url(images/icons/error_icon.jpg) no-repeat;
    height: 23px;
    padding-left: 32px;
    padding-top: 2px;
    padding-bottom: 12px;
    font-size: 14px;
    color: #999999;
    text-align: left;
}

.addJobLevel
{
    background: url(images/icons/addJobLevel_icon.jpg) no-repeat;
    height: 23px;
    padding-left: 32px;
    padding-top: 2px;
    padding-bottom: 12px;
    font-size: 14px;
    color: #999999;
    text-align: left;
}

.calendar
{
    background: url(images/icons/calendar_modal_icon.jpg) no-repeat;
    height: 23px;
    padding-left: 32px;
    padding-top: 2px;
    padding-bottom: 12px;
    font-size: 14px;
    color: #999999;
    text-align: left;
}


/* NEWS */
.newsdate
{
    color: #999999;
    font-size: 10px;
}

.storytitle
{
    font-size: 11px;
    font-weight: bold;
    display: block;
}

/* BUTTONS */
.orangebutton
{
    background: url(images/common/button_orange.png) no-repeat;
    width: 102px;
    height: 19px;
    padding-top: 2px;
    padding-right: 3px;
    margin-right: 0px;
    color: #FFFFFF;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    float: left;
    cursor: pointer;
}
.orangebutton_small
{
    background: url(images/common/button_orange_small.png) no-repeat;
    width: 70px;
    height: 19px;
    padding-top: 2px;
    padding-right: 3px;
    margin-right: 0px;
    color: #FFFFFF;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    float: left;
    cursor: pointer;
}
.orangebutton_ultrasmall
{
    background: url(images/common/button_orange_ultrasmall.png) no-repeat;
    width: 45px;
    height: 19px;
    padding-top: 2px;
    padding-right: 3px;
    margin-right: 0px;
    color: #FFFFFF;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    float: left;
    cursor: pointer;
}
.orangebutton_wide
{
    background: url(images/common/button_orange_wide.png) no-repeat;
    width: 160px;
    height: 19px;
    padding-top: 2px;
    padding-right: 3px;
    margin-right: 12px;
    color: #FFFFFF;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    float: left;
    cursor: pointer;
}

.bluebutton
{
    background: url(images/common/button_blue.png) no-repeat;
    width: 91px;
    height: 19px;
    padding-top: 2px;
    margin-right: 12px;
    color: #FFFFFF;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    float: left;
    cursor: pointer;
}

.bluebutton_wide
{
    background: url(images/common/button_blue_wide.png) no-repeat;
    width: 121px;
    height: 19px;
    padding-top: 2px;
    margin-right: 12px;
    color: #FFFFFF;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    float: left;
    cursor: pointer;
}
.bluebutton_extrawide
{
    background: url(images/common/button_blue_extrawide.png) no-repeat;
    width: 170px;
    height: 19px;
    padding-top: 2px;
    margin-right: 12px;
    color: #FFFFFF;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    float: left;
    cursor: pointer;
}

.graybutton
{
    background: url(images/common/button_gray.png) no-repeat;
    width: 111px;
    height: 19px;
    padding-top: 2px;
    margin-right: 12px;
    color: #333333;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    float: left;
    cursor: pointer;
}

.graybutton2
{
    background: url(images/common/button_gray2.png) no-repeat;
    width: 90px;
    height: 19px;
    padding-top: 2px;
    margin-right: 12px;
    color: #333333;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    float: left;
    cursor: pointer;
}

.graybutton_wide
{
    background: url(images/common/button_gray_wide.png) no-repeat;
    width: 125px;
    height: 19px;
    padding-top: 2px;
    margin-right: 12px;
    color: #333333;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    float: left;
    cursor: pointer;
}

.roundbtn1
{
    background: url(images/common/roundbutton1.jpg) no-repeat 0px center;
    width: 51px;
    height: 14px;
    text-align: center;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 10px;
    float: left;
    line-height: 140%;
    color: #666666;
    cursor: pointer;
}

.roundbtn2
{
    background: url(images/common/roundbutton2.jpg) no-repeat;
    width: 78px;
    height: 14px;
    margin-left: 4px;
    text-align: center;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 10px;
    float: left;
    line-height: 140%;
}

.roundbtn3
{
    background: url(images/common/roundbutton3.jpg) no-repeat;
    width: 105px;
    height: 14px;
    margin-left: 4px;
    text-align: center;
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 10px;
    float: left;
    line-height: 140%;
}

a:link.orangebutton, a:link.orangebutton_small, a:link.orangebutton_ultrasmall, a:link.orangebutton_wide, a:visited.orangebutton, a:visited.orangebutton_small, a:visited.orangebutton_ultrasmall, a:visited.orangebutton_wide, a:link.bluebutton, a:link.bluebutton_wide, a:link.bluebutton_extrawide, a:visited.bluebutton, a:visited.bluebutton_wide, a:visited.bluebutton_extrawide
{
    color: #FFFFFF;
    text-decoration: none;
}

a:hover.orangebutton, a:hover.orangebutton_small, a:hover.orangebutton_ultrasmall, a:hover.orangebutton_wide, a:hover.bluebutton, a:hover.bluebutton_wide, a:hover.bluebutton_extrawide
{
    text-decoration: none;
}

a:link.graybutton, a:visited.graybutton, a:link.graybutton2, a:visited.graybutton2, a:link.graybutton_wide, a:visited.graybutton_wide
{
    color: #333333;
    text-decoration: none;
}

a:hover.graybutton, a:hover.graybutton2,a:hover.graybutton_wide
{
    text-decoration: none;
}

a:link.roundbtn1, a:visited.roundbtn1, a:link.roundbtn2, a:visited.roundbtn2, a:link.roundbtn3, a:visited.roundbtn3
{
    color: #666666;
}

a:hover.roundbtn1, a:hover.roundbtn2, a:hover.roundbtn3
{
    color: #000000;
    text-decoration: none;
}

/* TEXT AND CONTENT */
.caption
{
    color: #999999;
}

.rectable
{
    margin-left: 24px;
    margin-top: 10px;
    border: 0;
    width: 590px;
}

.rectable td
{
    border-bottom: #CCCCCC 1px solid;
    padding-top: 6px;
    padding-bottom: 6px;
}

.calendartable
{
    width: 270px;
    border: 0px;
    margin-top: 6px;
}

.calendartable td
{
    border-bottom: #CCCCCC 1px solid;
    padding-top: 4px;
    padding-bottom: 2px;
    text-align: center;
    width: 38px;
}

/* FOOTER */
.footer
{
    height: 76px;
    width: 964px;
    margin: auto;
    font-size: 9px;
    color: #FFFFFF;
    text-align: center;
}

.footer #content
{
    margin: auto;
    padding-top: 14px;
    padding-bottom: 4px;
    padding-right: 14px;
    text-align: left;
    float: right;
}

.footer a:link, a:visited
{
    color: #CCCCCC;
    text-decoration: none;
}

.footer a:hover
{
    text-decoration: underline;
}

/* FORM ELEMENTS */
.editform
{
}

.editform input, .editform select
{
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 12px;
    color: #333333;
    border: #CCCCCC 1px solid;
    height: 20px;
}

.required
{
    background: url(images/icons/icon_asterisk.jpg) no-repeat center right;
    padding-right: 10px;
    width: auto;
    height: auto;
}

/*OTHERS*/

/* LINKS */
a.lnk:link, a.lnk:visited
{
    color: #006699;
    text-decoration: none;
}
a.lnk:hover
{
    text-decoration: underline;
}
.link_off a:hover
{
    text-decoration: underline;
}
.link_off_wide
{
    background: url(images/menu/submenu_link_off_wide.jpg) no-repeat top;
    width: 180px;
    height: 18px;
    margin-left: 4px;
    padding-top: 6px;
    text-align: center;
    float: left;
}

.link_on_wide
{
    background: url(images/menu/submenu_link_on_wide.jpg) no-repeat top;
    width: 180px;
    height: 18px;
    margin-left: 4px;
    padding-top: 6px;
    text-align: center;
    text-decoration: underline;
    float: left;
}

.link_off_wide a:link, .link_off_wide a:visited
{
    color: #006699;
}
.link_on_wide a:link, .link_on_wide a:visited
{
    color: #000000;
}
.link_off_wide a:hover
{
    text-decoration: underline;
}

.lefttext
{
    text-align: left;
}
.centertext
{
    text-align: center;
}
.innercontent
{
    margin-left: 24px;
    margin-top: 12px;
    border: none;
    width: 886px;
}
.innercontent_td
{
    border-bottom: #CCCCCC 1px solid;
    padding-top: 6px;
    padding-bottom: 6px;
}
.innercontent input, .innercontent select, .innercontent textarea
{
    font-family: "Lucida Grande" , "Trebuchet MS";
    font-size: 12px;
    color: #333333;
}
.inputborder
{
    border: solid 1px #CCCCCC;
}
.commands
{
    margin-top: 12px;
    padding-top: 12px;
    border-top: #CCCCCC 1px solid;
}
.commands_noborder
{
    margin-top: 6px;
    padding-top: 6px;
}
.week
{
}
.week th
{
    font-weight: normal;
    border-bottom: #CCCCCC 1px solid;
    padding-top: 3px;
    padding-bottom: 3px;
}
.week td
{
    text-align: center;
    font-weight: bold;
    border-bottom: #CCCCCC 1px solid;
    padding-top: 3px;
    padding-bottom: 3px;
}
.editablelist
{
}
.editablelist th
{
    text-align: left;
    font-weight: normal;
    border-bottom: #CCCCCC 1px solid;
    padding-top: 6px;
    padding-bottom: 6px;
}
.editablelist td
{
    font-weight: bold;
    border-bottom: #CCCCCC 1px solid;
    padding-top: 6px;
    padding-bottom: 6px;
}
.weeklysched
{
    border-top: #CCCCCC 1px solid;
    border-left: #CCCCCC 1px solid;
}
.weeklysched th
{
    text-align: left;
    font-weight: normal;
    border-bottom: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    padding-top: 3px;
    padding-bottom: 3px;
}
.weeklysched td
{
    font-weight: bold;
    border-bottom: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    padding-top: 3px;
    padding-bottom: 3px;
}
.editableform
{
}
.editableform td
{
    border-bottom: #CCCCCC 1px solid;
    padding-top: 6px;
    padding-bottom: 6px;
}
.editableform td.clear
{
    border-bottom: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

.editableform td.clear td
{
    border-bottom: none;
    padding-top: 0px;
    padding-bottom: 0px;
}


/*DAILY SCHEDULE*/

.staff /*row*/
{
    line-height:275%;
}

.ds_hd /*header*/
{
    border-bottom: #CCCCCC 1px solid;
    text-align: center;
    font-weight: bold;
}
.ds_sh /*segment header*/
{
    font-size: 10px;
    font-family: Arial Narrow;
    text-align: left;
    border-bottom: #CCCCCC 1px solid;
}
.ds_sm /*staff member cell*/
{
    padding: 2px 2px 2px 2px;
    font-weight: bold;
    border-bottom: #CCCCCC 1px solid;
}
.ds_sa /*staff member availability*/
{
    padding: 2px 2px 2px 2px;
    font-weight: normal;
    border-bottom: #CCCCCC 1px solid;
}
.ds_swh /*staff member work hours*/
{
    padding: 2px 2px 2px 2px;
    font-weight: normal;
    border-bottom: #CCCCCC 1px solid;
}
.ds_sth /*staff hours*/
{
    text-align: center;
    border-bottom: #CCCCCC 1px solid;
}
.ds_sl /*cell slider*/
{
    /*background-color: #FFFFFF;     height: 10px;*/
    border-bottom: #CCCCCC 1px solid;
    height: 22px;
    vertical-align: bottom;
    padding-bottom: 6px;
}

/* Staffing requirements */
tr.sr_hd th /* header*/
{
    font-weight: bold;
    border-bottom: #CCCCCC 1px solid;
    text-align: center;
}
.sr_hd_seg /* header segment*/
{
    width: 60px;
}
.sr_hd_sl /* header skill level*/
{
    width: 70px;
}
.sr_hd_tot /* header skill total*/
{
    width: 70px;
}

.sr_rw /* row */
{
    font-weight: normal;
    border-bottom: #CCCCCC 1px solid;
}
.sr_rw_tbl /* row graphics table */
{
    width: 85px;
}
.sr_rw_cellbar /* row graphics bar cell */
{
    width: 45px;
}
.sr_rw_bar /* row graphics bar selected */
{
    padding-bottom: 1px;
}
.sr_rw_bar_act /* row graphics bar selected */
{
    background-color: #FF6600;
    height: 14px;
}
.sr_rw_bar_req /* row graphics bar selected */
{
    background-color: #006699;
    height: 14px;
}
.sr_rw_tbl_data
{
    width: 40px;
    padding-right: 3px;
    text-align: right;
    font-size: 0.8em;
}
/*TOTALS*/
.ds_to /*header*/
{
    border-bottom: #CCCCCC 1px solid;
    font-weight: normal;
}

.sr_ds /*staffing requirements description*/
{
    padding: 3px;
    font-weight: bold;
    border-bottom: #CCCCCC 1px solid;
}
.sr_dt /*staffing requirement detail*/
{
    text-align: left;
    border-bottom: #CCCCCC 1px solid;
    font-family: Arial Narrow;
}

/* Gantt view */
table.gantt
{
    border-top: #CCCCCC 1px solid;
    border-left: #CCCCCC 1px solid;
}
table.gantt th.staff
{
    font-weight: bold;
    border-bottom: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    text-align: left;
}
table.gantt th.time
{
    font-weight: bold;
    border-bottom: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    text-align: center;
}
table.gantt td.joblevel
{
    font-weight: bold;
    border-bottom: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
}
table.gantt td.staff
{
    font-weight: normal;
    border-bottom: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
}
table.gantt td.staff_joblevel
{
    font-weight: normal;
    border-bottom: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    padding-left: 15px;
}
table.gantt td.bar
{
    font-weight: normal;
    border-bottom: #CCCCCC 1px solid;
/*    border-right: #CCCCCC 1px solid;  */
    padding: 3px 0px 3px 0px;
}
table.gantt td.bar div.fill
{
    background-color: #006699;
}
table.gantt td.bar div.fillp
{
    background-color: #A5C4CF;
}
table.gantt td.bar div.empty
{
}
table.gantt td.barright
{
    border-right: #CCCCCC 1px solid;
}


/*PAGING*/
input.paging_current
{
    padding: 0px 2px;
    margin: 0px;
    border: solid 1px #111111;
    background-color: #555555;
    color: White;
}
input.paging
{
    padding: 0px 2px;
    margin: 0px;
    border: solid 1px #111111;
    background-color: #DDDDDD;
    color: #000000;
}