.sort-table {
	font:		Icon;
	border:		0px Solid navy;
	background:	Window;
	color:		WindowText;
}

.sort-table thead {
	background-color: #F87217;
}

.sort-table td {
        text-align: right;
	padding:	1px 3px;
	border: 0px solid navy;
}

.sort-table thead td {
        color: white;
        font-weight: bold;
	border:			0px solid;
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
	cursor:			default;
}

.sort-table thead td:hover {
        color: green;
	border-color:	ButtonShadow ButtonHighlight 
					ButtonHighlight ButtonShadow;
	padding:		3px 4px 1px 6px;
}

.sort-arrow {
	width:					11px;
	height:					11px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0 2px;
}

.sort-arrow.descending {
	background-image:		url("/css/downsimple.png");
	
}

.sort-arrow.ascending {
	background-image:		url("/css/upsimple.png");
}

textarea {
	font-size:	1em;
	border: 1px solid navy
}
.even {
	background:	#eee;
}

.odd {

 }
.selected
{
   background: #87ceeb
}

.cell-label  {
	background: 	ButtonFace;
	border: 1px solid navy;
	
 }

.Button 
 {
    border: 1px solid navy; 
    font-family: arial,verdana; 
    color: #000000;
    font-weight: bold;
    width: 140px;
 }
         
 .Select 
 {
	width: 165px;
 }
 .SelectStates 
 {
	width: 200px;
 }    
 .ActionButton 
 {
   width: 140px
 }


.selection_table {
	border: 1px solid navy;
	}
.selection_table td {
	border: 1px solid navy;
	}
.input_table {
	width: 200;
        border: 1px solid navy;
}
.input_table thead td {
	border:			1px solid navy;
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
	cursor:			default;
}
.input_table td {
	width: 150;
	border: 1px solid navy;
	align: center;
	}
input:focus { color: red; background-color: yellow; }


/* ------------------------------------------------------ */
/* General TrackWORKS HTML element styles                 */
/* ------------------------------------------------------ */

div.wPageFrame { width: 700px;
	border: 1px solid navy;
}
 
div.wTitleBar { text-align: center;
	border: 1px solid navy; 
	color: #eeeeee;
	background: navy;
	font-weight: bold;
}
div.wEntityDetailLine {
	width: 100%;
}
div.wPageBody { width: 100%;
	background: #C0C0C0;
	padding-bottom: 10px;
}

div.wButtonBar { width: 100%;
	float: left;
	background-color: #C0C0C0;
	text-align: center;
	padding: 3px;
}

div.wTableHeaderLine { width: 100%;
	text-align: center;
}

font.wInfoLabel {
}
font.wInfoValue {
	font-weight: bold;
}

font.wTableHeader {
	font-weight: bold;
}
font.wUnselectedTableHeader { 
	font-style: italic;
}

a.wButton { text-align: center;
	color: black;
	font-family: Verdana;
	font-size: 9pt;
	padding: 3px;
	text-decoration: none;
	background-color: #DCDCDC;
	border-top: solid white 1px;
	border-right: solid white 1px;
	border-left: solid black 1px;
	border-bottom: solid black 1px;
}
a.wButton:hover { 
	color: black;
	background-color: white;
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-left: solid white 1px;
	border-bottom: solid white 1px;
}

a.wUpdateButton { text-align: center;
	color: green;
	font-family: Verdana;
	font-size: 9pt;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
	background-color: #DCDCDC;
	border-top: solid white 1px;
	border-right: solid white 1px;
	border-left: solid black 1px;
	border-bottom: solid black 1px;
}
a.wUpdateButton:hover { 
	background-color: white;
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-left: solid white 1px;
	border-bottom: solid white 1px;
}


/* ------------------------------------------------------ */
/* HTML element styles specific to TW Entity Details page */
/* ------------------------------------------------------ */

div.wEntityLeftRegion { width: 70%; 
	margin: 5px;
	float: left;
}
div.wEntityRightRegion { width: 25%;
	margin: 5px;
	float: right;
}

div.wEntityInfoRegion { width: 100%;
	text-align: left;
	padding-bottom: 20px;
}

div.wEntityScheduleRegion { width: 100%;
	padding-bottom: 20px;
}
div.wEntityScheduleList { width: 100%;
}

div.wEntityHistoryRegion { width: 100%;
}
div.wEntityHistoryList { width: 100%;
	height: 300px;
	overflow: auto;
}

div.wEntityGroupRegion { width: 100%;
	padding-bottom: 20px;
}
div.wEntityGroupList { width: 100%;
}

div.wEntitySubjectRegion { width: 100%;
	padding-bottom: 20px;
}
div.wEntitySubjectList { width: 100%;
}

div.wEntityParentRegion { width: 100%;
	padding-bottom: 20px;
}
div.wEntityParentList { width: 100%;
}

div.wEntityChildRegion { width: 100%;
	padding-bottom: 0px;
}
div.wEntityChildList { width: 100%;
}

/* ------------------------------------------------------------ */
/* HTML element styles specific to TW Entity State Details page */
/* ------------------------------------------------------------ */

div.wEntityStateTopRegion { width: 100%;
	margin: 5px;
	padding-bottom: 20px;
}
div.wEntityStateCenterRegion { width: 100%;
	margin: 5px;
}

div.wEntityStateBottomRegion { width: 100%;
	margin: 5px;
}

div.wEntityStateWorkSummaryRegion { width: 40%;
	margin: 5px;
	float: left;
}
div.wEntityStateWorkSummaryList { width: 100%;
}

div.wEntityStateWorkHistoryRegion { width: 100%;
	margin: 5px;
}
div.wEntityStateWorkHistoryList { width: 100%;
}

div.wEntityStateScheduleSummaryRegion { width: 40%;
	margin: 5px;
	float: left;
}
div.wEntityStateScheduleSummaryList { width: 100%;
}

div.wEntityStateDelayHistoryRegion { width: 100%;
	margin: 5px;
}
div.wEntityStateDelayHistoryList { width: 100%;
}

div.wEntityStateCommentList { width: 100%;
	height: 300px;
	overflow: auto;
}

/* ---------------------------------------------------------------- */
/* HTML element styles specific to TW Entity Add to Work Queue page */
/* ---------------------------------------------------------------- */

div.wEntityAddQueueInfoRegion { width: 95%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 20px;
}

div.wEntityAddQueueStateRegion { width: 48%;
	height: 200px;
	margin: 5px;
	float: left;
	padding-bottom: 10px;
}

div.wEntityAddQueueStateList { width: 100%;
	text-align: left;
	overflow: auto;
	background-color: white;
	height: 100%;
}

div.wEntityAddQueueScheduleMenu { width: 100%;
}

div.wEntityAddQueueCommentRegion { width: 45%;
	height: 200px;
	margin: 5px;
	float: right;
	padding-bottom: 10px;
}

div.wEntityAddQueueCommentBox { width: 100%;
	background-color: white;
	height: 100%;
}

/* -------------------------------------------------------------- */
/* HTML element styles specific to TW Entity Change Location page */
/* -------------------------------------------------------------- */

div.wEntityChangeLocationInfoRegion { width: 95%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

div.wEntityChangeLocationMenuRegion { width: 95%;
	margin: 5px;
	float: left;
	text-align: left;
}

div.wEntityChangeLocationEntityTypeMenu { 
	float: left;
	text-align: left;
}

div.wEntityChangeLocationEntityGroupMenu {
	text-align: left;
}

div.wEntityChangeLocationValidRegion { width: 60%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

div.wEntityChangeLocationValidList {
	height: 200px;
	overflow: auto;
}

div.wEntityChangeLocationCommentRegion { width: 35%;
	height: 200px;
	margin: 5px;
	float: right;
	padding-bottom: 10px;
}

div.wEntityChangeLocationCommentBox { width: 100%;
	background-color: white;
	height: 100%;
}


/* ---------------------------------------------------------------- */
/* HTML element styles specific to TW Entity Set Next Location page */
/* ---------------------------------------------------------------- */

div.wEntityNextLocationInfoRegion { width: 95%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

div.wEntityNextLocationMenuRegion { width: 95%;
	margin: 5px;
	float: left;
	text-align: left;
}

div.wEntityNextLocationEntityTypeMenu { 
	float: left;
	text-align: left;
}

div.wEntityNextLocationEntityGroupMenu { 
	text-align: left;
}

div.wEntityNextLocationValidRegion { width: 60%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

div.wEntityNextLocationValidList {
	height: 200px;
	overflow: auto;
}

div.wEntityNextLocationCommentRegion { width: 35%;
	height: 200px;
	margin: 5px;
	float: right;
	padding-bottom: 10px;
}

div.wEntityNextLocationCommentBox { width: 100%;
	background-color: white;
	height: 100%;
}

/* -------------------------------------------------------------- */
/* HTML element styles specific to TW Entity Edit Attributes page */
/* -------------------------------------------------------------- */

div.wEntityEditAttributesInfoRegion { width: 95%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

div.wEntityEditAttributesValuesRegion { width: 60%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

div.wEntityEditAttributesValuesList {
	height: 150px;
	overflow: auto;
}

div.wEntityEditAttributesInputRegion { width: 35%;
	margin: 5px;
	float: right;
	padding-bottom: 10px;
}

div.wEntityEditAttributesInputField { width: 100%;
	height: 100%;
	padding-bottom: 10px;
}

/* --------------------------------------------------------- */
/* HTML element styles specific to TW Entity Start Work page */
/* --------------------------------------------------------- */

div.wEntityStartWorkInfoRegion { width: 95%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

div.wEntityStartWorkCommentRegion { width: 95%;
	height: 150px;
	margin: 5px;
	float: left;
	padding-bottom: 10px;
}

div.wEntityStartWorkCommentBox { width: 100%;
	background-color: white;
	height: 100%;
}

/* -------------------------------------------------------- */
/* HTML element styles specific to TW Entity Stop Work page */
/* -------------------------------------------------------- */

div.wEntityStopWorkInfoRegion { width: 95%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

div.wEntityStopWorkCommentRegion { width: 95%;
	height: 150px;
	margin: 5px;
	float: left;
	padding-bottom: 10px;
}

div.wEntityStopWorkCommentBox { width: 100%;
	background-color: white;
	height: 100%;
}

/* --------------------------------------------------------- */
/* HTML element styles specific to TW Entity Delay Work page */
/* --------------------------------------------------------- */

div.wEntityDelayWorkInfoRegion { width: 95%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 20px;
}

div.wEntityDelayWorkStateRegion { width: 48%;
	height: 150px;
	margin: 5px;
	float: left;
	padding-bottom: 10px;
}

div.wEntityDelayWorkStateList { width: 100%;
	text-align: left;
	overflow: auto;
	background-color: white;
	height: 100%;
}

div.wEntityDelayWorkCommentRegion { width: 45%;
	height: 150px;
	margin: 5px;
	float: right;
	padding-bottom: 10px;
}

div.wEntityDelayWorkCommentBox { width: 100%;
	background-color: white;
	height: 100%;
}

/* ---------------------------------------------------------- */
/* HTML element styles specific to TW Entity Unlog State page */
/* ---------------------------------------------------------- */

div.wEntityUnlogStateInfoRegion { width: 95%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

div.wEntityUnlogStateCommentRegion { width: 95%;
	height: 100px;
	margin: 5px;
	float: left;
	padding-bottom: 10px;
}

div.wEntityUnlogStateCommentBox { width: 100%;
	background-color: white;
	height: 100%;
}

div.wEntityUnlogStateHistoryRegion { width: 95%;
	padding-top: 10px;
	float: left;
	margin: 5px;
}
div.wEntityStateHistoryList { width: 100%;
	height: 300px;
	overflow: auto;
}

/* ------------------------------------------------------ */
/* HTML element styles specific to TW Person details page */
/* ------------------------------------------------------ */

div.wPersonInfoRegion { width: 95%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

div.wPersonHistoryRegion { width: 95%;
	padding-top: 10px;
	float: left;
	margin: 5px;
}
div.wPersonHistoryList { width: 100%;
	height: 300px;
	overflow: auto;
}

/* ----------------------------------------------------------- */
/* HTML element styles specific to TW Entity Change State page */
/* ----------------------------------------------------------- */

div.wEntityChangeStateInfoRegion { width: 95%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

div.wEntityChangeStateWorkRegion { width: 95%;
	margin: 5px;
	float: left;
	text-align: left;
}

div.wEntityChangeStateRequiredRegion { width: 100%;
	text-align: left;
}

div.wEntityChangeStateRequiredList { width: 100%;
	text-align: left;
}

div.wEntityChangeStateOptionalRegion { width: 100%;
	text-align: left;
}

div.wEntityChangeStateOptionalList { width: 100%;
	text-align: left;
}

div.wEntityChangeStateStateRegion { width: 48%;
	height: 150px;
	margin: 5px;
	float: left;
	padding-bottom: 10px;
}

div.wEntityChangeStateStateList { width: 100%;
	height: 150px;
	text-align: left;
	overflow: auto;
	background-color: white;
}

div.wEntityChangeStateCommentRegion { width: 45%;
	height: 150px;
	margin: 5px;
	float: right;
	padding-bottom: 10px;
}

div.wEntityChangeStateCommentBox { width: 100%;
	background-color: white;
	height: 100%;
}

/* ------------------------------------------------------------ */
/* HTML element styles specific to TW Entity Correct State page */
/* ------------------------------------------------------------ */

div.wEntityCorrectStateInfoRegion { width: 95%;
	margin: 5px;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

div.wEntityCorrectStateWorkRegion { width: 95%;
	margin: 5px;
	float: left;
	text-align: left;
}

div.wEntityCorrectStateRequiredRegion { width: 100%;
	text-align: left;
}

div.wEntityCorrectStateRequiredList { width: 100%;
	text-align: left;
}

div.wEntityCorrectStateOptionalRegion { width: 100%;
	text-align: left;
}

div.wEntityCorrectStateOptionalList { width: 100%;
	text-align: left;
}

div.wEntityCorrectStateStateRegion { width: 48%;
	height: 150px;
	margin: 5px;
	float: left;
	padding-bottom: 10px;
}

div.wEntityCorrectStateStateList { width: 100%;
	height: 150px;
	text-align: left;
	overflow: auto;
	background-color: white;
}

div.wEntityCorrectStateCommentRegion { width: 45%;
	height: 150px;
	margin: 5px;
	float: right;
	padding-bottom: 10px;
}

div.wEntityCorrectStateCommentBox { width: 100%;
	background-color: white;
	height: 100%;
}