A {
	color:#000000;
	text-decoration:none; 
}

A:hover {
	color:#000099;
	text-decoration: underline;
}

.webbook H2 {
	border-top: 1px solid gray;
	background-color: #F0F0F0;
	color: #404040;
	padding: 0.75em 0.50em 0.50em 0.50em;
	margin: 1.75em 0 0.75em 0;
}

TABLE.invisible  {
	border-collapse: collapse;
}

.invisible, 
TABLE.invisible, 
TABLE.invisible > TR, 
TABLE.invisible > TH, 
TABLE.invisible > TD  {
	margin  : 0;
	border  : 0;
	padding : 0;
}

TEXTAREA,
SELECT,
INPUT[type=text],
OPTION,
CODE,
.monospaced,
.numericValue {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}

SELECT,
TEXTAREA,
INPUT { 
	padding-left: 0.2em;
}

.numericValue { 
	white-space: nowrap;
	text-align: right;
}

.box,
.boxHeading,
.boxContent {
	padding: 0.25em 0.75em 0.25em 1.00em;
	margin-bottom: 1.00em;
	background-color: white;
	border: 1px solid silver;
/*	border-radius: 6px; */
}

.boxHeading {	
	margin-bottom: 0;
	border-bottom-width: 0;
	font-weight: bold;
}

.boxContent {
	margin-top: 0;
}

.slim {
	padding: 0.25em;
}

.bgRed    { background-color: #FFE8E8; border-color: #D0B8B8; }
.bgYellow { background-color: #FFFFD0; border-color: #D0D040; }
.bgGreen  { background-color: #E0FFD4; border-color: #A0D090; }
.bgBlue   { background-color: #CCEEFF; border-color: #A8D0F0; }
.bgGray   { background-color: #F0F0F0; border-color: #C0C0C0; }


.bgGrayHeading {
	background-color: #D0D0D0;
/*	border-color: #C0C0C0; */
}

.bgYellow TD,
.bgYellow TH {
	border-color: #F0F080;
}

/* .bgYellow .heading, */
.bgYellow TH,
.bgYellow TH A,
.bgYellow TH A:hover {
	background-color: #F0F080;
	color: black;
}

.searchForm HR,
.bgGreen    HR   { background-color: #E0FFD4; border-color: #A0D090; }
.bgRed      HR   { background-color: #FFE8E8; border-color: #D0B8B8; }
.bgYellow   HR   { background-color: #FFFFD0; border-color: #D0D040; }
.bgBlue     HR   { background-color: #CCEEFF; border-color: #80B0E0; }

DIV.textBoxForLeft48pxIcon {
	position: relative;
	margin: 0.75em 0;
	padding: 0.75em 1.50em 0.75em 60px;
	min-height: 32px;
	
	border: 1px solid #C0C0C0;
	border-radius: 6px;
	background-color: #F0F0F0;	
}

DIV.textBoxForLeft48pxIcon IMG.left48pxIcon {
	position: absolute;
	height: 48px;	
	width: 48px;	
	top: -8px;
	left: 8px;	
	
	border-width: 0;
}

DIV.textBoxForLeft48pxIcon H3 {
	padding-top: 0;
	margin-top: 0;
}

.labelBox {
	border: 1px solid #666;
	font-weight: bold;
	padding: 0 3px;
}
.labelBox,
.labelX { border-color: #666; color: #000; background-color: #BBB; }
.labelW { border-color: #800; color: #FF0; background-color: #A00; }
.labelP { border-color: #A60; color: #420; background-color: #FA0; }
.labelA { border-color: #AA0; color: #440; background-color: #FF6; }
.labelG { border-color: #0C0; color: #040; background-color: #8F8; }

.gotoTableBottom {
	float: left;
	padding: 0 0.50em;
}

.listActionSelector {
	
	color: black;
	background-color: #E0E0FF;
	background-color: #D2D2EF;
	background-color: #CECFEF;
	
	border: 1px solid #8A90BA;
	border-top: 0;
	padding: 0 4px 0 3px;
	
	margin: 0 0 0.25em 0;

	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft : 5px;
	-moz-border-radius-bottomright : 5px;
}

.listActionSelector HR {
	color: #8A90BA;
	border-color: #8A90BA;
}

.listActionSelector .checkBoxCell {
	padding-left: 0;
	padding-right: 0;
}

.listActionSelector .textCell {
	padding-left: 0.35em;
}

.listActionText,
.listActionSelector .textCell {
	color: #2C2E3C;
}

TABLE.dynamicTable {

	border-collapse: separate;
	border-spacing: 0;
	
	border: 1px solid #8A90BA;

	border-top-left-radius      : 6px;
	border-top-right-radius     : 6px;
	-moz-border-radius-topleft  : 6px;
	-moz-border-radius-topright : 6px;
}
.dynamicTable TH, .dynamicTable TH a {
	background-color: #8A90BA;
}
.dynamicTable TR:first-child TH:first-child,
.dynamicTable TR:first-child TD:first-child {
	border-top-left-radius     : 5px;
	-moz-border-radius-topleft : 5px;
}
.dynamicTable TR:first-child TH:last-child,
.dynamicTable TR:first-child TD:last-child {
	border-top-right-radius     : 5px;
	-moz-border-radius-topright : 5px;
}


/*
The exact heigth is selected so that the resulting heigth for table rows 
without any icon images matches those that do have icon images (16x16 px).
Without it table rows without any icon images matches minimizes to text 
row height only.
Different browsers seems to clcultae row height slightly different even when 
height of TD is given so this is a compromise
*/
TABLE.dynamicTable TD {
	padding-top: 0.16em;
	padding-bottom: 0.16em;
	height: 1.80em;
}

TABLE.dynamicTable TH {
	padding-top: 0.16em;
	padding-bottom: 0.16em;
	height: 2.10em;
}

TD.dataInput { color: black; background-color: #C0C0C0; }

.bgRed  TD.dataInput { color: black; background-color: #F0B8B8; }
.bgBlue TD.dataInput { color: black; background-color: #A8D0F0; }

.emphasized { font-weight: bold; }

TABLE.formOption,
DIV.formOption { 
	float         : left;
	margin-right  : 1.0em;
}

DIV.formOption { 
	margin-right  : 2.0em;
}

TABLE.formOption TD { 
	height: 2.50em;
}

TABLE.formOption TD.optionName,
TABLE.formOption TD.optionNameLong { 
	text-align: right;
}

TABLE.formOption TD.optionName { 
	width: 4.00em;
}

TD.padded, TH.padded {
	padding-top    : 0.35em;
	padding-bottom : 0.35em;
}

.optionalInfo {
	border-top: 1px solid silver;
}

.disabled {
	background: transparent none;
	color:#999999;
}

.linkShowPerson         { background-image: url("../images/icons/no_thumb.png"); }
.linkShowPersonDisabled { background-image: url("../images/icons/no_thumb.png"); }

.linkShowPerson,
.linkShowPersonDisabled {
	text-decoration:none;
	padding: 0.25em 0 0.25em 1.75em;
	background-repeat: no-repeat;
	background-position: left center;
}



/* Switch org controls *******************************************************/

.newOrg, .curOrg, .searchOrg {
	padding: 0.5em 0 0.5em 20px;
	background-position: center left;
	background-repeat: no-repeat;
}

.curOrg    { background-image: url("../images/icons.disabled/login.gif"); }
.newOrg    { background-image: url("../images/icons/login.gif"); }
.searchOrg { background-image: url("../images/icons/search.gif"); }

.newOrg:hover { text-decoration: underline; }
		
.spaceLeft { margin-left: 12px; }
.searchIcon { position: absolute; }

.errMsg {
	color: #933;
	font-weight: bold;
}
	
.betaLabel {
	color: white;
	background-color: red;
	font-weight: bold;
	padding-left: 0.25em;
	padding-right: 0.25em;
	margin-left: 0.50em;
}

#personalizedOverview {
	margin: 0 0 0.75em 0;
	padding: 0 0 0.75em 0;
}



/* searchForm should the same as box bgGeen */
.searchForm {
	color: black;
	background-color: #E0FFD4;
	border: 1px solid #A0D090;
	padding: 0.25em 0.75em 0.25em 1.00em;
	margin-bottom: 1.00em;
	margin-top: 1px;

	border-radius: 6px;
	border-top-left-radius: 0;
	
	-moz-border-radius: 6px;
	-moz-border-radius-topleft: 0;
}

#advancedSearchOptions {
	margin-top     : 0.3em;
	padding-top    : 0.6em;
	padding-bottom : 0.4em;
	border-top     : 1px solid #A0D090;
	display        : none;
	clear          : left;
	
	display        : block;
}

#searchControl {
	visibility: hidden;
}

#toggleSearch {

	color: #508040;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:85%;
	
	background-repeat: no-repeat;
	background-position: bottom left;
	
	padding: 6px 0 2px 26px;
	margin: 0;
	border-width: 0;

}

#toggleSearch:hover {
	text-decoration: underline;
}

.checkAttendance TD { min-width: 3.50em; }

.searchMinimize { background-image: url('images/searchMinimize.png'); }
.searchMaximize { background-image: url('images/searchMaximize.png'); }