/********************************************/
/*** Work Items Screens (workitem.css) ***/
/*******************************************/
/* Work Item table formatting */
#work-items {
	width: 710px;
	/*margin-left: 25px;*/
	margin-bottom: 10px;
	border: solid 1px #b1b3b8;
}

#work-items ol,
#work-items ul {
	font-size: 10px;
}
#work-items ul li {
	margin-bottom: 5px;
}

/* Work Item  paragraph */
#work-items p {
	/*margin: 10px;*/
	/*margin-left: 10px;
	margin-right: 10px;*/
}

/* Work Item  formats rows, to show different colors */	
#work-items tr.odd td,
#work-items tr.odd th {
	background: #CED6DE;
	border-right: solid 1px #fff;	
}
	
/* Work Item  formats rows, to show different colors */		
#work-items tr.selected td {
	background: #CAE2EE;
}

/* Work Item formats the form */	
#work-items form {
	padding: 10px;
}

/* Work Item OK and Refresh buttons */
#work-items input.image {
  margin-bottom: 1px;
  vertical-align: bottom;
}

/* Work Item - formatting work item list table */
#work-items td {
	font-size: 10px;
	padding: 5px;
	border-right: solid 1px #fff;
}
/* Work Item - formatting work item list table */
#work-items td a {
	text-decoration: underline;
}


/* Work Item - sets work item details table formatting */
#work-items #table-info h3 {
	font-size: 10px;
	line-height: 20px;
	font-weight: normal;
	padding: 0;
	margin: 6px 0 0 10px;
	float: left;
}

/* Work Item - formats the table header for work items */
#work-items th {
	text-align: center;
	padding: 5px;
	background: #FAE6F5;	
    border-right: 1px solid #FFF;	
}


/* Work Item - sets the table width of workitems */
#work-items table {
	width: 709px;
	border-collapse: separate;  /* workaround to display borders  in workitem list in FF*/	
}

/* Work Item - sets the border and table height */
#work-items #table-info {
	border-top: solid 1px #b1b3b8;
	height: 50px;
}

/* Work Item - sets the formatting for the pager in work list*/
#work-items .pager {
	/*width: 125x;
	_width: 170px;*/
	padding: 0;
	float: right;
	margin-right: 10px;
	_margin-right: 5px;
	_margin-top: 10px;
}

/* Work Item - sets the formatting for the pager in work list (makes it horizontal)*/
#work-items .pager li {
	list-style-type: none;
	display: inline;
	padding: 0 2px 0 4px;
	margin: 0;
	color: #b1b3b8;
	border-left: solid 1px #b1b3b8;
}
	
/* Work Item - formats the text in the table header */
#work-items th a:link {
	color: black;
	text-decoration: none;
}
/* Work Item - formats table header text when moused over */
#work-items th a:hover {
	color: #069;
	text-decoration: underline;
}	


#WIL li a {
	text-decoration: underline;
}

/*
WORK ITEM LIST TABLE STYLES
*/

#WILLinks {
	width: 100%;
	text-align: center;
	margin: 4px 0;
}

#WITable {
	width: 100%;
	border: 1px solid #B1B3B8;
	border-collapse: collapse;	
}

#WITable tr.odd {
	background: #CED6DE;
}

#WITable tr.even {
	background: #FFFFFF;
}

#WITable tr.hoverRow,
#WITable tr.even.hoverRow,
#WITable tr.odd.hoverRow {
	background: #0FF;
}

#WITable tr.currentRow,
#WITable tr.even.currentRow,
#WITable tr.odd.currentRow {
	background: #07F;
}

#WITable tbody tr {
	border: 1px solid #B1B3B8;	
	height: 1.5em;

}

#WITable thead tr {
	height: 1em;
}

#WITable_head {
	background: #FAE6F5;	
}

#WITable_head input,
#WITable_head select {
	border: 1px solid black;
	padding: 1px;
}

#WITable tr.empty {
	border: 0px;
}

#WITable th,
#WITable td 
{
	font-weight: normal;
	padding: 3px;
}

#WITable th a {
	text-decoration: none;
	color: #000;
}

#WITable #WITable_body a,
#WITable th a:hover {
	text-decoration: underline;
	color: #069;
}

#WITable_pager {
	text-align: right;
	width: 100%;
	color: #B1B3B8	
}

#WITable_pager .clickable {
	color: #006699;
	cursor: pointer;
}

#WITable_pager .bold {
	font-weight: bold;
}

#WITable_pager span {
	margin: 0 5px;
}

#WITable .left {
	position: relative;
	float: left;
}

/*
WORK ITEM LIST OPTIONS STYLES
*/

#WILOptions_Save,
#WILOptions_Cancel {
	position: relative;
	float: right;
	padding: 0 0 0 5px;
	top: -25px;
	margin: 0;
}

#WILOptions_Description {
	width: 645px;
}

#WILOptions_Available,
#WILOptions_Displayed {
	display: inline;
	position: relative;
}

#WILOptions {
	border: 1px solid #B1B3B8;
	width: 770px;
	padding: 15px;
}

#WILOptions_Fieldsets {
	border: 1px solid black;
	background: #CED6DE;
	padding: 5px;	
	_padding: 10px;
}

#WILOptions p {
	clear: both;
	position: relative;
	top: -15px;
}

#WILOptions select {
	width: 250px;
	height: 150px;
}

#WILOptions_ColumnAdd {
	position: relative;
	top: -105px;
	_top: -100px;	
	left: 35px;
	_left: 32px;	
	margin: 0 35px 0 0;
	_margin: 0 40px 0 0;
}

#WILOptions_ColumnRemove {
	position: relative;
	left: -25px;
	_left: -32px;	
	top: -45px;
	margin: 0 5px 0 0;
	_margin: 0;
}

#WILOptions_ColumnUp {
	position: relative;
	top: -125px;
	margin: 0 5px;
}

#WILOptions_ColumnDown {
	position: relative;
	left: -30px;
	_left: -34px;	
	margin: 0 -25px 0 0;
	_margin: 0 -25px -4px 0;	
}

/** OR Image in Area Selection**/
#item-details tr.or th,
#item-details tr.or td {
	border-bottom-width: 5px;
}

#item-details span.or {
	background-color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.25em;
	position: relative;
	height: 20px;
	width: 29px;
	vertical-align: middle;
	left:100px;
	top: 19px;
}

/**End OR Image **/

/** Add Area button**/
#item-details th.add_area,
#item-details td.add_area{
	background-color: transparent;
}

.wpsPortletTitleIcon {
	vertical-align:top;
}