﻿body {background-color: #dddddd; color:black; margin:0; font-size:small; font-family: Verdana,Helvetica,Arial; font-size: 12px;}
Table.MainBackground {background-color: #cccccc;}
img {border-style:none; padding: 0px; margin: 0px;}

/*Page Display Styles*/
table.MainBackground {background-color:#cccccc;}
td.CMSHeader {background-color:#ffffff;}
td.StatusBar {color: white; background-color:#7c8fa1; border-bottom:1px solid #424c55; padding:4px 20px 4px 20px;}
td.StatusBar a:link {color:White; text-decoration:none;}
td.StatusBar a:visited {color:White; text-decoration:none;}
td.StatusBar a:hover {color:White; text-decoration:underline;}
td.Workarea {background-color:#7c8fa1; border-bottom:1px solid #424c55; padding-bottom: 20px;}
td.PageTitle {background-color:#eeeeee; padding:4px 0 4px 0;}
span.PageTitle {background-color:#eeeeee; color:#000000; font-size:x-large; font-style:italic;}
td.PageArea {background-color:#eeeeee;}
div.PageArea {background-color:#f0f0e5; border:1px solid #65615f;}
td.PageShadow {background-color:#111111;}
.PageDivider {background-color:#cac6af;}
td.UnderBar {background-color:#cccccc;}

/*Pnav Styles*/
a.PnavLink {color:black; padding-right:20px; white-space:nowrap;}
span.PnavTitle {color:black; font-size:larger; font-style:italic; font-weight: bold;}

.MenuButtonActive {color: #789245; padding: 4px; text-decoration: none; white-space: nowrap; border: #ececec inset; border-width: medium; border-color: #fcfcfc; border-style: inset;}
.MenuButtonActive a {color: #789245; padding: 4px; text-decoration: none;}
.MenuButtonHover {color: #789245; background-color: #f0f0e5; padding: 4px; text-decoration: none; white-space: nowrap; border: #ececec outset; border-width: medium; border-color: #fcfcfc; border-style: outset;}
.MenuButtonHover a {color: #789245; background-color: #f0f0e5; padding: 4px; text-decoration: none;}
.MenuButtonInactive {color: Black; padding: 4px; text-decoration: none; white-space: nowrap; border: #ececec outset; border-width: medium; border-color: #fcfcfc; border-style: outset;}
.MenuButtonInactive a {color: Black; padding: 4px; text-decoration: none;}

/*Gridview styles*/
.ListStyle {border-top:3px solid #f6dbab; border-left:1px solid #f6dbab; border-right:1px solid #f6dbab; border-bottom:3px solid #f6dbab;}
.ListStyle a {color:#65615f;}
.ListStyle a:hover {color:#65615f; text-decoration:none;}
.ListStyleAltRow {color:#65615f; background-color:#f0f0e5;}
.ListStyleAltRow td {padding: 2px 10px 4px 10px;}
.ListStyleEdit {color:#65615f; background-color:#b3d4b8;}
.ListStyleEdit td {padding:0 10px 2px 10px;}
.ListStyleEmpty {color:#65615f; background-color:#ffffff; text-align: center;}
.ListStyleEmpty td {padding: 16px 0 16px 0;}
.ListStyleFooter {color:#65615f; background-color:#f6dbab;}
.ListStyleFooter td {padding: 0 10px 2px 10px;}
.ListStyleHeader {color:#976f39; height:23px; text-align:left; background-image:url('/images/headerRPT.gif'); background-position:top left; background-repeat:repeat-x;}
.ListStyleHeader th {padding: 0 10px 2px 10px; text-align: left;}
.ListStyleHeader a {color:#976f39;}
.ListStyleHeader a:hover {color:#976f39; text-decoration:none;}
.ListStylePager {color:#000000; background-color:#f5e5ac;}
.ListStylePager td {padding:0 2px 0 0;}
.ListStyleRow {color:#65615f; background-color:#ffffff;}
.ListStyleRow td {padding: 2px 10px 4px 10px;}
.wsLinks {color: White; background-color: #65615f; font-size: small; font-weight: normal; border: 1px solid black; padding: 0 5px 2px 5px; text-decoration: none;}

.ListStylePrint {}
.ListStylePrint a {color:Black;}
.ListStylePrint a:hover {color:Black; text-decoration:none;}
.ListStyleAltRowPrint {color:Black; background-color:#eeeeee;}
.ListStyleAltRowPrint td {padding: 2px 10px 4px 10px;}
.ListStyleEmptyPrint {color:Black; background-color:White; text-align: center;}
.ListStyleEmptyPrint td {padding: 16px 0 16px 0;}
.ListStyleFooterPrint {color:#65615f; background-color:White;}
.ListStyleFooterPrint td {padding: 0 10px 2px 10px;}
.ListStyleHeaderPrint {color:Black; text-align:left;}
.ListStyleHeaderPrint th {padding: 0 10px 2px 10px; text-align: left;}
.ListStyleHeaderPrint a {color:Black;}
.ListStyleHeaderPrint a:hover {color:Black; text-decoration:none;}
.ListStyleRowPrint {color:Black; background-color:White;}
.ListStyleRowPrint td {padding: 2px 10px 4px 10px;}

.SubListStyle {border:1px solid Black;}
.SubListStyle a {color:Black;}
.SubListStyle a:hover {color:Black; text-decoration:none;}
.SubListStyleAltRow {color:Black; background-color:#f0f0e5;}
.SubListStyleAltRow td {padding: 2px 10px 4px 10px;}
.SubListStyleEdit {color:Black; background-color:#b3d4b8;}
.SubListStyleEdit td {padding:0 10px 2px 10px;}
.SubListStyleEmpty {color:Black; background-color:White; text-align: center;}
.SubListStyleEmpty td {padding: 16px 0 16px 0;}
.SubListStyleFooter {color:#65615f; background-color:White;}
.SubListStyleFooter td {padding: 0 10px 2px 10px;}
.SubListStyleHeader {color:Black; background-color:#f6dbab; text-align:left;}
.SubListStyleHeader th {padding: 0 10px 2px 10px; text-align: left;}
.SubListStyleHeader a {color:Black;}
.SubListStyleHeader a:hover {color:Black; text-decoration:none;}
.SubListStyleRow {color:Black; background-color:White;}
.SubListStyleRow td {padding: 2px 10px 4px 10px;}

/* Link styles */
a.ListLink {color:#65615f;}
a.ListLink:link {color:#65615f; text-decoration:underline;}
a.ListLink:visited {color:#65615f; text-decoration:underline;}
a.ListLink:hover {color:Black; text-decoration:none;}
a.ListLink:active {color:#65615f; text-decoration:underline;}
a.FormLink {color:#789245;}
a.FormLink:link {color:#789245; text-decoration:underline;}
a.FormLink:visited {color:#789245; text-decoration:underline;}
a.FormLink:hover {color:#789245; text-decoration:none;}
a.FormLink:active {color:#789245; text-decoration:underline;}
a.CommandLink {color:#789245;}
a.CommandLink:link {color:#789245; text-decoration:underline;}
a.CommandLink:visited {color:#789245; text-decoration:underline;}
a.CommandLink:hover {color:#789245; text-decoration:none;}
a.CommandLink:active {color:#789245; text-decoration:underline;}
.ReportLink {text-decoration: underline;}
.ReportLink:hover {text-decoration: none;}

/*Options table style*/
.OptionsBox {border-bottom:1px solid #65615f;}
td.OptionsDivider {border-left:1px solid #65615f;}
.OptionsLabel {color: Black; font-weight: bold;}

/*Form styles*/
.FormStyle {}
.FormStandard {color:#65615f; background-color:#ffffff; border:3px solid #f6dbab; text-align: center;}

/*DataList styles*/
.DataListStyle {border-top:3px solid #f6dbab; border-left:1px solid #f6dbab; border-right:1px solid #f6dbab; border-bottom:3px solid #f6dbab;}
.DataListStyle a {color:#65615f;}
.DataListStyle a:hover {color:#65615f; text-decoration:none;}
.DataListStyleAltRow {color:#65615f; background-color:#f0f0e5;}
.DataListStyleAltRow td {padding: 2px 10px 4px 10px;}
.DataListStyleEdit {color:#65615f; background-color:#b3d4b8;}
.DataListStyleEdit td {padding:0 10px 2px 10px;}
.DataListStyleFooter {color:#65615f; background-color:#dbdbdb;}
.DataListStyleFooter td {padding: 0 10px 2px 10px;}
.DataListStyleHeader {color:#976f39; background:#f7e7a2; height:23px; text-align:left;}
.DataListStyleHeader th {padding: 0 10px 2px 10px; text-align: left;}
.DataListStyleHeader a {color:#976f39;}
.DataListStyleHeader a:hover {color:#976f39; text-decoration:none;}
.DataListStyleRow {color:#65615f; background-color:White;}
.DataListStyleRow td {padding: 2px 10px 4px 10px;}

/* New Project Management styles */
div.DateTitle {background-color: #f6dbab; padding: 4px 10px 4px 6px; border-bottom: 1px solid #976f39;}
.DateTitle span {color:#976f39; font-size: larger; font-weight: bold; padding: 4px;}
div.TimeList {border: 1px solid #976f39; padding: 0;}
td.ProjectTitle {background-color: #ffffff; padding: 4px 10px 4px 6px; border-bottom: 1px solid #976f39;}
.ProjectTitle a {color:#976f39;}
.ProjectTitle span {color:#976f39;}
td.ProjectSpacer {height: 20px;}
tr.TimeRow0 .TimeItem {background-color: #dbdbdb; color:#976f39; padding: 2px;}
tr.TimeRow1 .TimeItem {background-color: #eeeeee; color:#976f39; padding: 2px;}

.Calendar .none {color: Black; background: none;}
.Calendar .payPeriod {color: White; background-color: Green;}
.Calendar .current {color: White; background-color: Red;}

/*Project Management List styles*/
.TaskListDiv {border: 1px solid #cccccc;}
.TimeListDiv {border: 1px solid #976f39;}
.TaskListTitleBar {color: #976f39; background-color: #f6dbab; padding: 4px 10px 4px 6px; border-bottom: 1px solid #976f39;}
.TaskListTitle {color:#976f39;}
a.TaskListTitle {color:#976f39; text-decoration:none;}
a.TaskListTitle:hover {text-decoration:underline;}
.TaskListSubTitleBar {color: #976f39; padding: 4px 0 4px 0;}
.TaskListSubTitle{color:#976f39;}
a.TaskListSubTitle{color:#976f39; text-decoration:underline;}
a.TaskListSubTitle:hover{text-decoration:none;}
.TaskActions {white-space: nowrap;}

/*Client Management styles*/
.ClientHeading {font-size: 200%; padding: 10px 0 6px 0; border-bottom: 1px solid black;}
.ClientTitle {padding: 0 0 2px 10px;}
.ClientInfoBox {padding: 6px; border: 1px solid #976f39; min-height: 400px; height: auto !important; height: 400px;}
.ClientListDiv {border: 1px solid #cccccc;}

/* 976f39 */
.tabControl {color: Black; border: none;}
.tabPage {color: Black; padding: 2px; background-color: White; border-left: 1px solid #976f39; border-right: 1px solid #976f39; border-bottom: 1px solid #976f39;}
.tabTitleActive {cursor: pointer; padding: 4px 10px 4px 10px; white-space: nowrap; font-weight: bold; height: 20px; font-size: 110%; border-top: 1px solid #976f39; border-left: 1px solid #976f39; border-right: 1px solid #976f39; background-color: White; color: Black;}
.tabTitleInactive {cursor: pointer; padding: 4px 10px 4px 10px; white-space: nowrap; height: 20px; font-size: 110%; border: 1px solid #976f39; background-color: #f0f0e5; color: Black;}
.tabTitleSpacer {border-bottom: 1px solid #976f39;}

/*Reorder List*/
.dragHandle {width: 10px; height: 15px; background-color: Blue; cursor: move; border: outset thin black;}
.callbackStyle {border:thin blue inset;}
.callbackStyle table {background-color:#5377A9;	color:Black;}
.itemArea {margin-left:15px; font-family: Arial,Verdana,sans-serif; font-size:1em; text-align:left;}
.reorderListDemo li {list-style: none; margin: 2px;	color:#000000;}
.reorderListDemo ul {padding: 0px; margin: 0px}
.reorderListDemo li a {color:#000000 !important; font-weight:bold;}
.reorderListDemo {border: 1px solid #f6dbab; background-color: #ffffff; padding: 20px 10px 20px 10px;}    
.reorderCue {border:dashed thin black; width:100%; height:25px;}

/*Misc Style*/
td.Login {color: Black;}
.LoginFormLink a {color:#789245;}
.LoginFormLink a:link {color:#789245; text-decoration:underline;}
.LoginFormLink a:visited {color:#789245; text-decoration:underline;}
.LoginFormLink a:hover {color:#789245; text-decoration:none;}
.LoginFormLink a:active {color:#789245; text-decoration:underline;}

.RichTextEditTitle {font-size:x-large; font-weight: bold;}
.Link_Button {text-decoration: none;}
.AddButton {margin-left: 20px; text-align: left; width: 100%}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
html>body #sortable li { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

/*Dashboard Navigation*/
.navbar-dashboard {
    height: 50px;
    width: 100%;
    background-color: #1a99ce;
    border-bottom: solid 1px #eeeeee;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.navbar-header {
    float: left;
}
.navbar-brand {
    color: #eeeeee;
    font-weight: bold;
    height: 50px;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    display: block;
    text-decoration: none;
}
.navbar-text {
    color: #99ca3b;
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
    display: block;
}
.navbar-nav {
    padding-left: 0;
    float: left;
    margin: 0;
    list-style: none;
}
.navbar-right {
    float: right!important;
}
.navbar-nav > li {
    float: left;
    position: relative;
    display: block;
}
.navbar-nav > li > a {
    padding: 15px;
    line-height: 20px;
    color: #eeeeee;
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 14px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    color: #cccccc;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  /*margin: 2px 0 0;*/
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
}
.dropdown:hover > .dropdown-menu,
.open > .dropdown-menu {
    display: block;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  text-decoration: none;
}
@media print{
	.navbar-dashboard {
		display: none;
	}
}