/*********************************************************************************
 * $Id: style_gv.css,v 1.2 2009/05/06 07:59:00 yyshum Exp $
 * Description:  Contains a variety of utility functions used to display UI 
 * components such as form headers and footers.  Intended to be modified on a per 
 * theme basis.
 ********************************************************************************/


ul.noIndent
{
    /*text-indent: -20px;*/
    margin-left: 6px;
    margin-right:0;
    padding-left: 0;
}

.button
{
    border: 1px solid;
    font-size: 10px;
    font-weight: normal;
    background-repeat: repeat-x;
    background-position: bottom;
}

.buttonOn, .button:hover, .button:focus, .buttonOn:focus
{
    border: 1px solid;
    background-color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    background-repeat: repeat-x;
    background-position: top;
}

input, select
{
    border: 1px solid;
    font-size: 10px;
}

input:focus, textarea:focus, select:focus
{
}
textarea
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    border: 1px solid;
    font-size: 10px;
}
.checkbox, .radio, .checkbox input, .radio input
{
    border: 0px;
    background-color: transparent;
    margin: 0px;
    vertical-align: middle;
}


/* Content Specific Styles */
/* body text */
.contentBox
{
    border: 1px solid #ddd;
    padding: 10px 15px 15px 15px;
    margin: 10px 0 10px 0;
}
.teamNoticeBox
{
    border-bottom: 2px solid;
    padding: 0px 10px 0px 10px;
    background: #fff;
}
a.body:link, a.body:visited
{
    text-decoration: underline;
}

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

/*for the main screen navigation tabs*/
.tabRow
{
    height: 20px;
    background-position: top;
    background-repeat: repeat-x;
    border-bottom: solid 1px;
}
.currentTab
{
    font-size: 11px;
    font-weight: bold;
    padding-top: 1px;
    padding-left: 3px;
    padding-right: 5px;
    padding-top: 5px;
    background-position: top center;
    border-bottom: solid 1px;
}
.currentTabLeft, .otherTabLeft
{
    background-position: top left;
}
.currentTabRight, .otherTabRight
{
    background-position: top right;
}

a.currentTabLink:link, a.currentTabLink:visited
{
    text-decoration: none;
}
a.currentTabLink:hover
{
    text-decoration: none;
}

.otherTab
{
    font-size: 11px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 5px;
    padding-top: 5px;
    background-position: top center;
}
.otherTabRight, .otherTabLeft, .otherTab
{
    border-bottom: solid 1px;
}
a.otherTabLink:link, a.otherTabLink:visited
{
    text-decoration: none;
    padding-top: 0px;
}
a.otherTabLink:hover
{
    text-decoration: none;
}

#groupTabs
{
    margin-top: 20px;
}

.moreHandle
{
    background: url(          '../images/more.gif' ) no-repeat bottom left;
}

.subMenu
{
    width: 100%;
    padding: 0px;
    border-top: 0px;
    margin: 0px 0px 10px 0px;
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    color: #000;
    background: #f1f1f1;
    border-bottom: 1px solid;
}

ul.subMenu li
{
    list-style: none;
    margin: 0px;
    border: 0px;
    border-top: 1px solid;
}

ul.subMenu li a, ul.subMenu li a:link, ul.subMenu li a:visited
{
    display: block;
    border: 0px;
    text-align: left;
    padding: 3px 3px 3px 6px;
    text-decoration: none;
}

.subMenuItem
{
    padding: 3px 3px 3px 6px;
    text-decoration: none;
    border-top: 1px solid;
}

ul.subMenu li a:hover, .subMenuItemHover
{
    background: #cedce9;
    color: #000000;
}

ul.subMenu li span
{
    display: block;
    border: 0px;
    text-decoration: none;
    text-align: left;
    padding: 3px 3px 3px 6px;
}

ul.subMenu li span:hover
{
    color: #000000;
}

table.leftColumnModuleHead th
{
    /*left column styles*/
    text-align: left;
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: 1px solid;
    background-repeat: repeat-x;
    background-position: top;
}
.subMenuLink
{
    text-decoration: none;
    border-bottom: 0px;
    padding-left: 0px;
    cursor: pointer;
}
a.subMenuLink:hover
{
    text-decoration: none;
    border-bottom: 0px;
}

/* myArea is for my account, admin, logout, an about links*/



/*welcome user and date bar and last view*/
.moduleTitle
{
    padding-bottom: 3px;
    padding-top: 1px;
    margin-bottom: 5px;
    border-top: 1px solid;
}
.logo
{
    padding: 6px 5px 0px 15px;
    height: 20px;
    vertical-align: top;
    font-size: 16px;
    color: #5A5A5A;
    filter: dropshadow(color=#D0D0D0,offX=3,offy=3);
}
.headerBg
{
    font-size: 10px;
    background-repeat: repeat-x;
    background-position: top;
}
.welcome
{
    font-size: 10px;
    font-weight: normal;
    border-right: 1px solid;
    border-bottom: 1px solid;
    padding: 3px 10px 3px 10px;
    vertical-align: middle;
    background-repeat: repeat-x;
    background-position: top;
    height: 23px;
}
.searchField
{
    border: 1px solid;
    font-size: 11px;
}

#subtabs
{
    height: 21px;
    border-bottom: 1px solid;
    background-repeat: repeat-x;
    background-position: bottom;
}
ul.subTabs
{
    padding: 2px 0;
    margin: 3px 0 0 0;
    border-bottom: 1px solid;
    font: 11px Arial, Verdana, Helvetica, sans-serif;
}
ul.subTabs li
{
    list-style: none;
    margin: 0;
    display: inline;
}

.activeSubTab, ul.subTabs li a.activeSubTab:link, ul.subTabs li a.activeSubTab:visited, ul.subTabs li a.activeSubTab:hover
{
    background-repeat: repeat-x;
    background-position: top;
    border-bottom: 1px solid;
    font-weight: bold;
}

ul.subTabs li a
{
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 3px 8px;
    margin: 0px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: none;
    text-decoration: none;
}

ul.subTabs li a:link
{
    text-decoration: none;
}
ul.subTabs li a:visited
{
    text-decoration: none;
}

ul.subTabs li a:hover
{
    border-top: 1px solid;
    background-repeat: repeat-x;
    background-position: top;
}

.subTabMore
{
    font-size: 11px;
    text-decoration: none;
    padding-top: 3px;
}

.date
{
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid;
    padding-right: 10px;
}

.lastView
{
    padding-left: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
}

a.lastViewLink:link, a.lastViewLink:visited, .lastViewLink
{
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-left: 1px solid;
}
a.lastViewLink:hover
{
}

.leftColumn
{
    border-right: 1px solid; /*padding-right: 8px;*/
}

.leftColumnModuleName
{
    padding-left: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.leftColumnModuleS3
{
    font-size: 11px;
    border-bottom: 1px solid;
    padding: 8px 8px 5px 8px;
    background-repeat: repeat-x;
    background-position: bottom;
}
.leftColumnModuleS3 input, .leftColumnModuleS3 select
{
    margin-bottom: 4px;
    margin-top: 2px;
}
td.leftColumnModuleS3 .button
{
    padding-top: 0px;
    vertical-align: bottom;
    font-size: 11px;
}
td.leftColumnModuleS3 .dataLabel
{
    padding-bottom: 2px;
    padding-top: 3px;
    padding-left: 0px;
    vertical-align: bottom;
    font-size: 11px;
}

td.leftColumnModuleS3 .dataField
{
    padding-bottom: 3px;
}
.leftColumnModuleS3 #jscal_trigger
{
    margin-bottom: 4px;
    margin-top: 2px;
    vertical-align: bottom;
}
a.leftColumnModuleS3Link:link, a.leftColumnModuleS3Link:visited
{
    text-decoration: underline;
    border-bottom: 0px;
    padding-left: 0px;
    font-size: 11px;
}
a.leftColumnModuleS3Link:hover
{
    text-decoration: underline;
    border-bottom: 0px;
}

/*right main content (suffix S1 stands for Style 1) */
.listView
{
    border-top: 1px solid;
    border-right: none;
    border-bottom: 1px solid;
    border-left: none;
}

table.listView th, .listViewThS1
{
    /* this definition should be exactly the same as .listViewThS1 */
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 3px 5px 3px 5px;
    border-bottom: 1px solid;
    border-left: none;
    border-right: none;
    border-top: 1px solid;
    height: 20px;
    background-repeat: repeat-x;
    background-position: bottom;
}

table.listview th a:link, table.listview th a:visited
{
    /* this definition should be exactly the same 			as a.listViewThLinkS1:link, a.listViewThLinkS1:visited */
    font-weight: bold;
    text-decoration: none;
}

table.listview th a:hover
{
    /* this definition should be exactly the same 			as a.listViewThLinkS1:hover */
    text-decoration: none;
}

a.listViewThLinkS1:link, a.listViewThLinkS1:visited
{
    font-weight: bold;
    text-decoration: none;
}
a.listViewThLinkS1:hover
{
    text-decoration: none;
}


a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited
{
    font-size: 10px;
    text-decoration: none;
}
a.listViewTdLinkS1:hover
{
    text-decoration: underline;
}
a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited
{
    text-decoration: none;
}
a.listViewTdToolsS1:hover
{
    text-decoration: none;
}
.oddListRowS1
{
    font-size: 12px;
    padding-left: 5px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-top: 4px;
    vertical-align: top;
    border-bottom: solid 1px;
}

.evenListRowS1
{
    font-size: 12px;
    padding-left: 5px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-top: 4px;
    vertical-align: top;
    border-bottom: solid 1px;
    background-color: #FFCC99;
}

.evenListRowS2, .oddListRowS2
{
    font-size: 12px;
    padding-left: 5px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-top: 4px;
    vertical-align: top;
    border-bottom: none;
}
.listViewHRS1
{
}
.pageNumbers
{
}

.tabDetailView .listViewPaginationTdS1
{
    padding: 2px 5px 3px 8px;
    border-bottom: 1px solid;
}

.listViewPaginationTdS1
{
    padding: 1px 5px 2px 5px;
}

a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited
{
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 0px 3px 0px;
}
a.listViewPaginationLinkS1:hover
{
    text-decoration: underline;
}
a.listViewCheckLink:link, a.listViewCheckLink:visited
{
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
a.listViewCheckLink:hover
{
}

a.utilsLink:link, a.utilsLink:visited
{
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    padding-bottom: 3px;
}
a.utilsLink:hover
{
    text-decoration: underline;
}
.listViewCalCurrentAppt
{
    background-color: #75AF4F;
}
.listViewCalOtherAppt
{
    background-color: #4D5EAA;
}
.listViewCalConflictAppt
{
    background-color: #AA4D4D;
}
.listViewCalCurrentApptLgnd
{
    background-color: #75AF4F;
    border: 1px solid #444444;
}
.listViewCalOtherApptLgnd
{
    background-color: #4D5EAA;
    border: 1px solid #444444;
}
.listViewCalConflictApptLgnd
{
    background-color: #AA4D4D;
    border: 1px solid #444444;
}
/* charting styles */
.chartBox
{
    border: 1px solid;
    padding: 5px;
}

a.chartToolsLink:link, a.chartToolsLink:visited
{
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
a.chartToolsLink:hover
{
    text-decoration: none;
}

table.chartForm
{
    border: 1px solid;
    padding: 5px;
}

table.chartForm td
{
}

/* main tab forms */

.tabForm
{
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 10px 6px 12px 10px;
    font-size: 10px;
    background-repeat: repeat-x;
    background-position: top;
}
.subpanelTabForm
{
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 15px 0px 12px 0px;
    font-size: 10px;
    background-repeat: repeat-x;
    background-position: top;
}
table.subpanelTabForm td .listViewButtons
{
    background-color: #fff;
}
.subpanelTabForm p
{
    background: #fff;
    margin-bottom: 0;
}
.subpanelTabForm h3
{
    font-size: 11px;
}
.subpanelTabForm .h3Row
{
    padding-bottom: 5px;
    margin-top: 0;
}
.subpanelTabForm .listView
{
    margin-bottom: 20px;
    border-left: 1px solid;
    border-right: 1px solid;
}
table.tabForm td
{
}

h5.dataLabel
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: left;
    padding-bottom: 15px;
    margin-top: 1px;
    padding-left: 5px;
}
td.dataLabel
{
    padding: 5px 5px 5px 5px;
}
.dataLabel
{
    text-align: left;
    font-size: 10px;
    font-weight: normal;
}
.dataField
{
    font-size: 10px;
    font-weight: normal;
}

.tabFormAddDel
{
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: middle;
    text-align: center;
}

a.tabFormAdvLink:link, a.tabFormAdvLink:visited
{
    font-size: 11px;
    text-decoration: none;
    line-height: 20px;
    margin-right: 2px;
}
a.tabFormAdvLink:hover
{
    text-decoration: none;
}

/* main tab panel views */
.tabDetailView
{
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.tabDetailView .listViewPaginationTdS1 .tabDetailViewDL, table.monthHeader td
{
    border: none;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10px;
}


.tabDetailViewDL
{
    font-size: 10px;
    padding: 5px 6px 5px 6px;
    vertical-align: top;
    text-align: right;
    border-bottom: 1px solid;
}

h4.tabDetailViewDL
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: left;
    border: none;
}
.tabDetailViewDF
{
    font-size: 10px;
    border-bottom: 1px solid;
    padding: 5px 10px 5px 6px;
    vertical-align: top;
}

a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited
{
    text-decoration: underline;
}
a.tabDetailViewDFLink:hover
{
}

.tabDetailView2
{
    border: 1px solid;
}
.tabDetailViewDL2
{
    font-size: 10px;
    font-weight: normal;
    padding: 3px 6px 4px 6px;
    vertical-align: middle;
    border-top: 1px solid;
}
.tabDetailViewDF2
{
    font-size: 11px;
    border-left: 2px solid;
    font-weight: normal;
    padding: 4px 10px 4px 6px;
    vertical-align: middle;
}
a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited
{
    font-size: 11px;
    text-decoration: underline;
}
a.tabDetailViewDL2Link:hover
{
}

.tabTipView
{
    margin: 0 0 0 5px;
    padding: 3px;
    border: solid 1px;
}

.tabTipPopupView
{
    margin: 0 0 0 5px;
    padding: 3px;
    border: solid 1px;
    height: 200px;
    overflow: auto;
}


/* [cn.chung 20071018] as style for tips.*/
.subDTips
{
    position: absolute;
    display: none;
    margin: 0 0 0 5px;
    padding: 3px;
    border: solid 1px;
}

/* calendar styles */
.monthBox
{
    font-size: 10px;
}

.monthFooterPrev, .monthFooterNext
{
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.monthCalBody
{
}

.monthHeaderPrevTd
{
    padding-left: 5px;
}
.monthHeaderNextTd
{
    padding-right: 5px;
}
a.NextPrevLink:link, a.NextPrevLink:visited, a.NextPrevLink:hover
{
    text-decoration: none;
}

.monthCalBodyTHWeek, .monthCalBodyTHDay
{
    padding: 5px;
}

.monthCalBodyWeek
{
    vertical-align: top;
    padding: 5px;
}
a.monthCalBodyWeekLink:link, a.monthCalBodyWeekLink:visited
{
    font-size: 11px;
}
.monthCalBodyTodayWeekDay, .monthCalBodyTodayWeekEnd
{
    border: 1px solid;
    padding: 3px;
    text-align: right;
}
.monthCalBodyTodayWeekDay a.monthCalBodyWeekDayDateLink:link, .monthCalBodyTodayWeekDay a.monthCalBodyWeekDayDateLink:visited, .monthCalBodyTodayWeekEnd a.monthCalBodyWeekDayDateLink:link, .monthCalBodyTodayWeekEnd a.monthCalBodyWeekDayDateLink:visited
{
    font-weight: bold;
}
.monthCalBodyWeekDay, .monthCalBodyWeekEnd
{
    padding: 3px;
    text-align: right;
}

a.monthCalBodyWeekDayDateLink:link, a.monthCalBodyWeekDayDateLink:visited
{
    font-size: 10px;
}
a.monthCalBodyWeekDayDateLink:hover, a.monthCalBodyWeekEndDateLink:hover
{
}
a.monthCalBodyDayItemLink:link, a.monthCalBodyDayItemLink:visited, a.monthCalBodyDayItemLink:hover
{
    font-size: 10px;
}
.monthCalBodyDayItem
{
    margin: 7px 0px 7px 0px;
    padding: 5px 0px 8px 0px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.monthCalBodyDayIconTd
{
    padding-right: 3px;
    vertical-align: top;
}
.monthCalBodyDayItemTd
{
    vertical-align: top;
}

.monthCalBodyWeekDivbtn
{
    width: 100%;
    height: 100%;
}

.monthViewDayHeight
{
    height: 100px;
}
.yearViewDayHeight
{
    height: 40px;
}
.dailyCalBodyTime
{
    vertical-align: top;
    padding: 7px;
    height: 20px;
}

.dailyCalBodyItems
{
    padding: 5px;
    text-align: left;
    font-size: 10px;
}

a.weekCalBodyDayLink:link, a.weekCalBodyDayLink:visited
{
}
a.weekCalBodyDayLink:hover
{
}

.yearCalBody
{
}
.yearCalBodyMonth
{
    padding-top: 5px;
}
.yearCalBodyMonth th
{
}
.yearCalBodyMonth #daily_cal_table
{
    margin-top: 5px;
    border-top: 1px solid;
}
.yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay
{
    border-top: 1px solid;
}

a.yearCalBodyMonthLink:link, a.yearCalBodyMonthLink:visited
{
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    margin: 0px;
    padding: 5px;
    width: 100%;
    margin-bottom: 5px;
    text-decoration: none;
}
a.yearCalBodyMonthLink:hover
{
    text-decoration: underline;
}
.calSharedUser
{
    height: 20px;
    padding-top: 5px;
    padding-left: 8px;
    font-size: 11px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px;
}

/* misc font displays */
.todaysTask
{
    color: #FF7800;
}
.overdueTask
{
    color: #ff0000;
}
.required
{
    color: #ff0000;
}
.error
{
    color: #ff0000;
}
.success
{
    color: #00ee00;
}
.rssItemDate
{
    color: #666666;
    font-size: 11px;
}
.dateFormat
{
    font-weight: normal;
    font-style: italic;
    font-size: 11px;
}
.chartFootnote
{
    font-size: 11px;
}

.copyRight
{
    color: #888;
    padding: 3px;
}
a.copyRightLink:link, a.copyRightLink:visited
{
}
a.copyRightLink:hover
{
}

.tm
{
    font-size: 10px;
    font-family: Verdana;
}

.footer
{
    padding: 6px;
    line-height: 22px;
    width: 98%;
    margin-bottom: 20px;
    margin-top: 6px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
a.footerLink:link, a.footerLink:visited
{
    text-decoration: none;
}
a.footerLink:hover
{
    text-decoration: underline;
}

.footerHR
{
}
.aboveFooter
{
    padding-top: 10px;
}
.underFooter
{
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Scheduler Styles */
.schedulerDiv
{
    font-size: 10px;
    color: #000000;
    text-align: left;
    width: 100%;
    background-color: #FAFAFA;
    border-collapse: collapse;
    border-bottom: 1px solid #999;
    margin-top: 0px;
}
.schedulerTable
{
    width: 100%;
    border-collapse: collapse;
}
table.schedulerTable td
{
    height: 18px;
}

.schedulerTopRow, .schedulerTopDeleteHeaderCell, .schedulerDeleteHeaderCell, .schedulerTopHeaderCell, .schedulerAttendeeHeaderCell, .schedulerAttendeeHeaderCell
{
    height: 22px;
    border-bottom: 1px solid #ddd;
}

.schedulerTimeRow
{
    border-top: 1px solid #999;
    border-collapse: collapse;
}
.schedulerTimeCell, .schedulerAttendeeDeleteCell
{
    border-left: 1px solid #dddddd;
    padding-left: 4px;
}

.schedulerAttendeeCell
{
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding-left: 4px;
    width: 125px;
}
.schedulerAttendeeIconCell
{
    border: 1px solid #dddddd;
    padding: 0px;
    width: 16px;
}
.schedulerSlotEmptyDiv
{
    border: 0px solid transparent;
    width: 100%;
    height: 100%;
}
.schedulerSlotCellStartTime
{
    border-left: 4px solid #75AF4F;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 0px;
    background-color: #eeeeee;
    width: 15px;
}
.schedulerSlotCellEndTime
{
    border-left: 4px solid #ff0000;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 0px;
    background-color: #eeeeee;
    width: 15px;
}
.schedulerSlotCellHour
{
    border: 1px solid #dddddd;
    padding: 0px;
    background-color: #eeeeee;
    width: 15px;
}
.schedulerAttendeeRow
{
}

.schedulerEvenListRow, .schedulerOddListRow
{
    /*padding-top: 2px 5px 4px 5px;*/
    padding-top: 2px;
    background-color: #f6f6f6;
}

/* dynamic tab styles */
.myArea
{
    font: 12px Arial, Verdana, Helvetica, sans-serif;
    border-bottom: 1px solid;
}
ul.myArea
{
    white-space: nowrap;
    height: 15px;
    padding: 3px 0;
    margin: 0;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
}

ul.myArea li
{
    list-style: none;
    margin: 0 1px 0 0;
    display: inline;
}
ul.myArea li a
{
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 3px 5px 3px 5px;
    margin: 0px;
    text-decoration: none;
    border-bottom: 1px solid;
}

ul.myArea li a:link
{
    text-decoration: none;
}
ul.myArea li a:visited
{
    text-decoration: none;
}

ul.myArea li a:hover
{
    background-repeat: repeat-x;
    background-position: top;
}

#colorpicker
{
    vertical-align: middle;
}
ul.colorpicker
{
    border: none;
    padding: 0px;
    margin: 0;
}
ul.colorpicker li
{
    list-style: none;
    display: inline;
    padding: 0px;
    cursor: pointer;
    margin: 0;
}
ul.tablist
{
    padding: 3px 0;
    margin: 0;
    border-bottom: 1px solid;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
}

ul.tablist li
{
    list-style: none;
    margin: 0;
    display: inline;
}
ul.tablist li a
{
    background-repeat: repeat-x;
    background-position: top;
    padding: 3px 8px;
    margin: 0px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: none;
    text-decoration: none;
}

ul.tablist li a:link
{
    text-decoration: none;
}
ul.tablist li a:visited
{
    text-decoration: none;
}

ul.tablist li a:hover
{
    border-top: 1px solid;
    background-repeat: repeat-x;
    background-position: bottom;
}

ul.tablist li a.current, ul.tablist li a.current:hover
{
    background-repeat: repeat-x;
    background-position: bottom;
    border-bottom: 1px solid;
    font-weight: bold;
}

ul.subpanelTablist
{
    padding: 3px 0;
    margin: 0;
    border-bottom: 1px solid;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
}

ul.subpanelTablist li
{
    list-style: none;
    margin: 0;
    display: inline;
}
ul.subpanelTablist li a
{
    background-repeat: repeat-x;
    background-position: top;
    padding: 3px 8px;
    margin: 0px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: none;
    text-decoration: none;
}

ul.subpanelTablist li a:link
{
    text-decoration: none;
}
ul.subpanelTablist li a:visited
{
    text-decoration: none;
}

ul.subpanelTablist li a:hover
{
    border-top: 1px solid;
    background-repeat: repeat-x;
    background-position: bottom;
}

ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover
{
    background-repeat: repeat-x;
    background-position: bottom;
    border-bottom: 1px solid;
    font-weight: bold;
}

.sqsFloater
{
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    display: none;
    padding: 0;
}

.sqsFloater td
{
    border: 1px inset;
    color: black;
}

.sqsMatchedSmartInputItem
{
    font-size: 11px;
    padding: 2px 5px 2px 5px;
    margin: 0;
    cursor: pointer;
}

.sqsSelectedSmartInputItem
{
    background-color: #DEEFFF;
}

#sqsSmartInputResults
{
    padding: 0;
    margin: 0;
}

.sqsNoMatch
{
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    background-color: #eeeeee;
    color: #980000;
}

.olFontClass
{
}
.olFontClass A
{
}
.olCapFontClass
{
    font-weight: bold;
    color: #222222;
    background-color: #dfdfdf;
}
.olCapFontClass A
{
    color: #dfdfdf;
    font-size: 9px;
}
.olFgClass td
{
    background-color: #f9f9f9;
    padding: 5px 7px 7px 7px;
    line-height: 18px;
}
.olCgClass td
{
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #aaaaaa;
    background-color: #dfdfdf;
    padding-left: 5px;
}
.olCgClass
{
    padding: 0px;
    border: 0px;
}
.olBgClass
{
    background-color: #9e9e9e;
    border-bottom: solid 1px #5e5e5e;
    border-right: solid 1px #5e5e5e;
}
.olCloseFontClass
{
    padding-bottom: 1px;
    text-align: right;
    background-color: #dfdfdf;
}

/* acl role colors */

.aclAll
{
    color: #008000;
    font-weight: bold;
}
.aclOwner
{
    color: #000000;
    font-weight: bold;
}
.aclNone
{
    color: #FF0000;
    font-weight: bold;
}
.aclEnabled
{
    color: #008000;
    font-weight: bold;
}
.aclDisabled
{
    color: #FF0000;
    font-weight: bold;
}
.aclAdmin
{
    color: #0000FF;
    font-weight: bold;
}
.aclNormal
{
    color: #008000;
    font-weight: bold;
}

ul.noBullet
{
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

li.noBullet
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
/* help styles */
table.tabForm td ul li
{
    list-style-type: none;
    margin-bottom: 10px;
}

.helpButton
{
    font-weight: bold;
}

.helpShortcut
{
    font-weight: bold;
}

.fullHeight
{
    height: 100%;
}

.fullWidth
{
    width: 100%;
}

/* For transition between pages for page submit only */
.transitionLayerSubmit
{
    display: none;
    position: absolute;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    z-index: 999;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
    background-color: white;
}

.transitionContentSubmit
{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
}

.transitionTextSubmit
{
    font-weight: bold;
    font-size: xx-large;
    vertical-align: middle;
    font-family: Arial;
    text-align: center;
}

.transitionLayerLoad
{
    display: none;
    position: absolute;
    background-color: transparent;
    z-index: 998;
    left: 0px;
    width: 100%;
    height: 15px;
    top: 0px;
}

.transitionTextLoadGreen
{
    position: absolute;
    border: 1px solid;
    font-size: 16px;
    font-weight: normal;
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
    padding: 2px 5px 2px 5px;
    text-align: center;
    background-color: #eee;
    border-color: #9999cc;
    color: #444;
    background-image: url(../images/bgBlue.gif);
}

.transitionTextLoadRed
{
    position: absolute;
    border: 1px solid;
    font-size: 16px;
    font-weight: normal;
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
    padding: 2px 5px 2px 5px;
    text-align: center;
    border-color: #cda561;
    color: #444;
    background-color: #eee;
    background-image: url(../images/bgOcher.gif);
}

.panel
{
    display: inline;
}