/**********************************
 *
 * standard html tags styling
 *
*/

* {
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px;
}
body {
  color: black;
  background-color: white;
  height: 100%;
  font-size: 11px;
	margin: 0;
	padding: 0;
	border: 0;
}
body.error {
	padding: 10px;
}
h1 {
	font-size: 15px;
	color: #666699;
	padding: 10px;
	margin: 0;
}
h2 {
	font-size: 13px;
	padding: 10px 0 5px 0;
  border-bottom: 1px solid #AAAABB;
  margin: 0 0 10px 0;
}
h3 {
	color: #666699;
	font-size: 12px;
	padding: 0;
	margin: 15px 0 5px 0;
}
h3.top {
	padding: 2px 0 7px 0;
}
form {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 0;
	margin: 0 0 0 0;
	padding: 5px;
}
/*
fieldset {
	border: 1px solid #AAAABB;
	border-bottom: 0;
	background-color: #EEEEF5;
	padding: 0 20px 20px 0;
	margin: 0 0 0 0;
}
*/
fieldset .section {
  font-weight: bold;
  padding-left: 5px;
}
input {
	border: 1px solid #AAAABB;
	padding: 2px 2px 1px 2px;
	height: 14px;
}
input[readonly] {
	background-color: #F5F5F5;
}
label.error {
	color: red;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
}
img.fieldAction {
	vertical-align: text-bottom;
	padding-left: 5px;
	cursor: pointer;
}
a {
	color: #666699;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: blue;
}
p.important {
	font-weight: bold;
	color: red;
}
p.info {
	color: #666699;
	font-weight: bold;
}
/**********************************
 *
 * top bar & menu styles
 *
*/
.topMenu {
	padding: 10px;
}
.topMenu a {
	border-right: 1px solid #AAAABB;
  padding: 0 10px 0 10px;
  margin: 0;
}
.topMenu a.lastItem {
	border: 0;
	padding-right: 0;
}
.bodyPanel {
	position: absolute;
	top: 45px;
}
#ajaxStatus {
	padding-right: 10px;
	position: relative;
	top: -3px;
}
#userStatus {
	padding-right: 10px;
}
#userStatus .fullname {
	font-weight: bold;
	padding-right: 5px;
}

/**********************************
 *
 * homepage styles
 *
*/

.homepagePanel {
	padding: 0 10px;
  font-size: 12px;
}
.homepagePanel p {
  font-size: 12px;
}
.homepagePanel ul {
	margin-top: 0;
}
.homepagePanel li {
	list-style-type: square;
	color: #666699;
	padding-top: 10px;
}
.homepagePanel li span {
  font-size: 11px;
	color: black;
}
.homepagePanel li a {
  font-size: 12px;
	padding-bottom: 3px;
	display: block;
}
.homepagePanel h2 {
	padding: 0 0 5px 0;
}

/**********************************
 *
 * common used styles
 *
*/
.bold {
	font-weight: bold;
}
.noBold {
	font-weight: normal !important;
}
.right {
	text-align: right;
	vertical-align: middle;
}
.labelColumn, .freeLabelColumn {
	text-align: right;
}
.labelColumn {
	width: 100px;
}
.freeLabelColumn {
	padding-left: 25px;
}
.lastButton {
  margin-right: 0 !important;
}
.formButtons {
	display: block;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #AAAABB;
  height: 50px;
}
.formButtons a {
  border: 1px solid #AAAABB;
  margin: 0 5px 0 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
	background-color: #EEEEF5;
	color: #666699;
	display: block;
	width: 100px;
	text-align: center;
	float: right;
}
.formButtons a.important {
  border-color: red;
	color: red;
}
.formButtons a:hover {
	color: blue;
	border-color: blue;
}
.teamTreeColumn, .teamFormColumn {
	vertical-align: top;
}
.teamTreeColumn .formButtons {
	border: 0;
	margin-right: 5px;
}
.teamTreeColumn .formButtons a {
	width: 220px;
}
.formButtonsText {
	float: left;
	color: #666699;
	font-weight: bold;
	padding-top: 4px;
}
.formHeaderText {
	color: #666699;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
}
#waitMessageBox {
  position: absolute;
  width: 200px;
  height: 50px;
  z-index: 9999;
  visibility: hidden;
  border: 1px solid #666699;
  background-color: #AAAABB;
  color: black;
  text-align: center;
  font-weight: bold;
}
#waitMessageBox span {
  position: relative;
  top: 17px;
}
.copyright {
	margin: 5px auto 0 auto;
	font-size: 10px;
	color: gray;
	width: 850px;
	text-align: right;
}
.copyright a {
	font-size: 10px;
}

/**********************************
 *
 * week sheet styles
 *
*/
 
.weekSheetFormMessages {
	display: block;
  padding-top: 10px;
  border-top: 1px solid #AAAABB;
}
.formMessages {
	list-style: none;
	padding-left: 25px;
	margin-left: 0;
}
.formMessages .info {
	color: blue;
}
.formMessages li {
	padding-left: 5px;
	list-style: square;
}
.formMessages .warn {
	color: yellow;
}
.formMessages .error {
	color: red;
}
.formBottomMessages {
	margin: 0 0 0 25px;
}
.loginMessages {
	margin-top: 10px;
}
#weekSheet {
}
.weekSheetGrid {
	/*margin-bottom: 10px;*/
}
.personalWeekSheetGrid {
	background-color: #EEEEF5;
	border: 1px solid #AAAABB;
	padding-bottom: 0;
}
.weekSheetGrid input {
	width: 50px;
	text-align: right;
}
.weekSheetGrid fieldset {
	border-bottom: 1px solid #AAAABB;
}
.weekSheetGrid fieldset.bottom {
	border-bottom: 0;
}
.resultsFieldsets {
	background-color: #EEEEF5;
	vertical-align: top;
	width: 493px;
	border: 1px solid #AAAABB;
}
.weekSheetGrid .leftColumn {
	border-right: 1px solid #AAAABB;
	vertical-align: top;
}
.weekSheetGrid .rightColumn {
	vertical-align: top;
}
.weekSheetGrid .recruitingColumn {
	vertical-align: top;
	background-color: #F5EEEE;
}
.recruitingFieldsets {
	background-color: #F5EEEE;
	vertical-align: top;
	width: 246px;
	border: 1px solid #AAAABB;
	border-left: 0;
}
.editDialogButtons {
	border-top: 0;
	margin-top: 0;
	padding-right: 5px;
}
.weekSheetGrid .labelColumn {
	width: 170px;
}
.recruitingColumn .labelColumn {
	width: 300px;
}

/******************************************
* common tree styles
******************************************/
.statTree {
	border-bottom: 1px solid #555599;
	border-left: 1px solid #555599;
	clear: both;
}
.statTree .rich-tree-node-text {
	border: 0;
	border-top: 1px solid #555599;
	padding: 0 0 0 4px;
	text-decoration: none;
}
.statTree .rich-tree-node-icon-leaf, .statTree .rich-tree-node-icon, .statTree .rich-tree-node-handleicon {
	vertical-align: top;
}
.statTree .rich-tree-node-icon-leaf, .statTree .rich-tree-node-icon {
	vertical-align: top;
	border-top: 1px solid #555599;
}
.statTree .rich-tree-node-handleicon {
	border-top: 1px solid #555599;
	border-left: 1px solid #555599;
}
.statTree .rich-tree-node-children {
	border-left: 1px solid #555599;
	margin-left: 0;
	padding-left: 18px;
}
.statTree .rich-tree-node {
	border-right: 1px solid #555599;
}
.statNodeTitle {
	border: 0;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	white-space: normal;
}
.inactive {
	color: #666699;
}
.statNodeTitleColumn {
	vertical-align: top;
}
.statNodeTitleColumn a {
}
.statGridColumn {
	width: 668px;
	vertical-align: top;
}

/******************************************
* common statistics styles
******************************************/
.statHeader {
	border-color: #555599;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	width: 100%;
	background-color: #D4CFC7;
}
.statHeader td {
	border-left: 1px solid #555599;
	border-top: 1px solid #555599;
	text-align: center;
	font-weight: bold;
	padding: 4px 1px 4px 0;
}
.statHeader .highlight {
	color: #555599;
}
.statHeader label {
	font-weight: normal;
}
.statHeader input {
	border: 0;
	padding-left: 5px;
}
.statHeader .kr,.statHeader .ppp,.statHeader .nexta,.statHeader .doubleLeftBorder {
	border-left: 2px solid #555599;
}
.nexta,.nextp,.nexts {
	width: 22px;
}
.kr,.ap,.as,.au,.pp,.ps,.pu,.sp,.ss,.dop,.sml {
	width: 29px;
}
.bjp,.bjs,.bjc{
	width: 36px;
}
.dopc{
	width: 39px;
}
.ppp,.pps,.ppu,.dopc,.infop,.infos,.cert{
	width: 45px;
}
.statGrid {
	border: 0;
	border-spacing: 0;
	float: right;
	border-collapse: collapse;
	empty-cells: show;
	height: 21px;
}
.statGrid td {
	text-align: right;
	border-left: 1px solid #DDDDEE;
	padding: 4px 1px 4px 0;
}
.statGrid .rowTitle {
	font-size: 10px;
}
.statGrid .nexta,.statGrid .kr,.statGrid .ppp {
	border-left-width: 2px;
}
.statGrid .rowTitle,.statGrid .kr,.statGrid .ap,.statGrid .pp,.statGrid .sp,.statGrid .bjp,.statGrid .sml,.statGrid .dop,.statGrid .nexta,.statGrid .ppp {
	border-color: #555599;
}
.statGrid .dopc {
}

/******************************************
* personal statistics styles
******************************************/
.pStatPageGrid td {
	vertical-align: top;
}
.pStatPanel {
}
.pStatPanel h3 {
	padding-top: 15px;
	color: red;
}

.pStatPanel, .pStatFilterPanel {
	width: 730px;
}
.pStatFilterPanel {
	border: 1px solid #555599;
	background-color: #EEEEF5;
	margin: 5px 0;
	padding: 10px 0;
}
.pStatFilterPanel .weekNumber {
	display: block;
	font-weight: bold;
	border: 1px solid #AAAABB;
	height: 14px;
	width: 80px;
	margin-left: 10px;
	background-color: white;
	text-align: right;
	padding: 2px 4px 1px 4px;
}
.selectWeekButton {
	margin-right: 3px;
}
.pStatFilterPanel .selectAgent {
	margin-left: 10px;
}
.pStatPanel .statHeader {
	/*width: 722px;*/
	float: right;
	border-right-width: 2px;
}
.pStatPanel .statHeader .termTitle {
	border-left-width: 2px;
}
.pStatPanel .rich-tree-node {
	border-right: 2px solid #555599;
}
.pStatPanel .separator {
	background-color: #555599;
	height: 1px;
}
.pLegendPanel {
	width: 210px;
	border: 2px solid #555599;
}
.pLegendPanel td {
	vertical-align: top;
	padding: 4px 0 2px 4px;
}
.pStatSumAndPerf {
	border-left: 2px solid #555599;
	border-right: 2px solid #555599;
	border-bottom: 2px solid #555599;
	font-weight: bold;
}
.pStatSum {
	background-color: #F5F5F5;
	float: none !important;
	height: 22px;
	width: 100%;
}
.rStatSum {
}
.pStatSum td, .pStatPerf td {
	height: auto;
}
.pStatPerf {
	background-color: #F5F5F5;
	float: none !important;
	width: 100%;
}
.sumTitle {
	width: 170px;
}
.pStatSumAndPerf .sumTitle {
	width: auto;
}
.pStatSum .sumTitle, .pStatPerf .sumTitle {
	text-align: left;
	padding-left: 40px;
	padding-top: 4px;
	float: left;
}
.pStatSum .statGrid, .pStatPerf .statGrid {
	border-color: #555599;
	float: right;
}
.pHist {
	border: 2px solid #555599;
	empty-cells: show;
	border-collapse: collapse;
}
.pHist .header {
	background-color: #D4CFC7;
}
.pHist .header td {
	border-bottom: 2px solid #555599;
	text-align: center;
	font-weight: bold;
}
.pHist td {
	width: auto;
	border-left: 1px solid #555599;
	border-bottom: 1px solid #555599;
	text-align: right;
	padding: 4px 4px 4px 10px;
}
.pHist .histTitle {
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}

/**********************************
 * team statistics styles
**********************************/
.tStatFilterPanel {
	border: 1px solid #555599;
	background-color: #EEEEF5;
	margin: 5px 0;
	padding: 10px 0;
}
.tStatFilterPanel .weekNumber {
	display: block;
	font-weight: bold;
	border: 1px solid #AAAABB;
	height: 14px;
	width: 80px;
	margin-left: 10px;
	background-color: white;
	text-align: right;
	padding: 2px 4px 1px 4px;
}
.filterButtonImage {
	margin-left: 10px;
	cursor: pointer;
}
.tStatPanel {
	width: 960px;
	border-right: 1px solid #555599;
}
.tStatPanel .statGrid {
		/*width: 630px;*/
}
.statGrid .rowTitle {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	display: block;
	width: 85px;
}
.statGrid .teamRow {
	background-color: #F5F5F5;
}
.statGrid .teamRow td {
	border-bottom: 1px solid #DDDDEE;
}
.statGrid .rowTitle a {
	font-size: 10px !important;
}
.tLegendPanel {
	border: 2px solid #555599;
	margin-top: 5px;
	/*width: 550px;*/
}
.tLegendPanel td {
	vertical-align: top;
	padding: 4px 4px 2px 4px;
}
#teamStatTreePane {
	width: 960px;
	border-right: 1px solid #555599;
	border-bottom: 1px solid #555599;
}
#teamStatTreeScroller {
	overflow-x: hidden;
}
#teamStatTab .rich-tabpanel-content {
	padding-right: 26px;
}

/**********************************
 * team tab styles
**********************************/
H2.myTeam {
	margin-right: 10px;
}	
.teamTree {
	width: 298px;
	border: 1px solid #AAAABB;
	margin-right: 10px;
}
.teamTree .rich-tree-node-text {
	cursor: pointer;
}
.teamTreeColumn {
	vertical-align: top;
}
.teamFormColumn {
	vertical-align: top;
}
.teamTreeToolbar {
	width: 300px;
}
.teamTreeToolbar .leftToolbarItem {
	padding-right: 0;
}
fieldset.agentForm {
	border: 1px solid #AAAABB;
	background-color: #EEEEF5;
	padding: 0 20px 20px 0;
	margin: 0 0 10px 0;
}
/**********************************
 *
 * form panel styles
 *
*/

#personalInfo {
	width: 580px;
}
.changeDialog {
	width: 400px;
}
.changeDialog .labelColumn {
	width: 125px;
}

/**********************************
 *
 * login page styles
 *
*/

.loginPanel {
	width: 100%;
	text-align: center;
	padding-top: 100px;
}
.loginInnerPanel {
	width: 810px;
	margin: 0 auto;
	padding: 10px 20px;
	text-align: left;
	background-color: #F9F9FE;
	border: 1px solid #AAAABB;
}
.loginPanel .fullname {
	font-weight: bold;
}
.ideaInfo {
	display: block;
  border-top: 1px solid #AAAABB;
  margin-top: 50px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.loginForm {
	height: 110px;
	border: 1px solid #AAAABB;
	padding: 20px;
	margin-bottom: 5px;
	text-align: center;
	background-color: white;
}
.loginForm input {
	width: 200px;
}
.loginForm label {
	width: 200px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}
.errorPanel {
	width: 400px;
	text-align: left;
}
.loginText {
	display: block;
	padding-right: 10px;
}
.loginText p {
	margin-top: 0;
}
/**********************************
 *
 * RichFaces styles overriding
 *
*/

.rich-tree-node-highlighted {
	background-color: #EEEEF5;
	color: black;
	text-decoration: none;
}
.rich-tree-node-highlighted .teamRow {
	background-color: #EEEEF5;
}
.rich-calendar-popup tr:hover .rich-calendar-cell {
	background-color: #EEEEF5;
	color: black;
}
.rich-calendar-popup tr:hover .rich-calendar-week {
	background-color: #AAAABB;
}
.rich-tab-inactive {
	cursor: pointer;
}
.rich-combobox-input, .rich-combobox-input-inactive, .rich-combobox-input-disabled {
	border: 1px solid #AAAABB !important;
}
.rich-combobox-button, .rich-combobox-button-inactive, .rich-combobox-button-disabled {
	border: 1px solid #AAAABB !important;
}
.rich-combobox-list-decoration {
	border: 1px solid #AAAABB;
}
.rich-combobox-item-selected {
	background-color: #EEEEF5;
}
.rich-toolbar input {
	margin: 2px 0 0 0;
	padding-left: 5px;
	border: 0;
}
.rich-toolbar label {
	font-weight: normal;
}