/* Start of CMSMS style sheet 'table.css' */
/* some actual table stuff for actual tables */
table.clone
{
	border-collapse:collapse;
	border:1px solid #BCCBDA;
	width:100%;
	font-size:12px;
	margin-bottom:10px;
}

table.clone th
{
	margin:0px;
	padding: 5px 5px 5px 5px;
	background-color:#f0f7fa;
	color: #464646;
	font-weight:700;
	text-align:left;
	border-left:1px solid #E2EFF5;
	border-bottom: 1px solid #BCCBDA;
}

table.clone .firstCell
{
	border-left:none;
}
table.clone .right
{
	text-align:right;
}
table.clone td
{
	border-bottom:solid 1px #bccbda;
	border-left:solid 1px #e2eff5;	
	padding:3px;
	vertical-align:top;
	font-size:9pt;
}
table.clone tr
{
	border-left:solid 1px #bccbda;
}

div.table {
	padding: 0;
	margin: 0;
	border: 1px solid #bccbda;
	width: 788px;
}

div.table div.title_outer {
	background-color: #f0f7fa;
	padding: 0;
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #bccbda;
}

div.table div.title_outer div.title_inner {
	padding: 0;
	margin: 0;
}

div.table div.title_outer div.title_inner div {
	width: 100%;
	padding: 5px 0px 5px 5px;
	color: #464646;
	font-weight: bold;
}

div.table div.header, table.table thead th {
	background-color: #f0f7fa;
	padding: 0;
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #bccbda;
}

div.table div.header div.left,
div.table div.header div.content_header, {
	float: left;
	color: #464646;
	background-color: #f0f7fa;
}

div.table div.header div.left div, div.table div.header div.content_header div {
	width: 100%;
	padding: 5px 0px 5px 5px;
}

/* Set left border fo header cells to have border */
div.table div.header div.content_header div {
	border-left: 1px solid #e2eff5;
}

div.table div.row,
div.table div.row_last {
	padding: 0;
	margin: 0;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #bccbda;
}

div.table div.row div.left div.left_title,
div.table div.row_last div.left div.left_title {
	color: #889bad;
}

div.table div.row div.left,
div.table div.row div.content_row,
div.table div.row_last div.left,
div.table div.row_last div.content_row {
	width: 100%;
	float: left;
	overflow: hidden;
}

div.table div.row div.left div,
div.table div.row div.content_row div,
div.table div.row_last div.left div,
div.table div.row_last div.content_row div {
	width: 100%;
	padding: 5px 0px 5px 5px;
}

div.table div.row div.content_row div,
div.table div.row_last div.content_row div {
	border-left: 1px solid #f0f7fa;
}

div.table div.row div.content_row div.status_active,
div.table div.row_last div.content_row div.status_active {
	padding-left: 24px;
	background: #FFF url('../../../include/layout/images/table/status_active.gif') no-repeat scroll 6px center;
	color: #588526;
}

div.table div.row div.content_row div.status_suspended,
div.table div.row_last div.content_row div.status_suspended {
	padding-left: 24px;
	background: #FFF url('../../../include/layout/images/table/status_suspended.gif') no-repeat scroll 6px center;
	color: #9d080d;
}

div.table div.row div.content_row div.status_pending,
div.table div.row_last div.content_row div.status_pending {
	padding-left: 24px;
	background: #FFF url('../../../include/layout/images/table/status_pending.gif') no-repeat scroll 6px center;
	color: #f7941c;
}

div.table div.row_last {
	border-bottom: 0px;
}

/* Set the style of the bottom filter */
div.table div.footer {
	float: left;
	width:100%;
	background-color: #f7fbfc;
	padding: 2px 0 2px 0;
}

div.footer div.navigation {
	float: right;
	padding: 2px 0 2px 0;
	border: 1px solid #bccbda;
}

div.table div.filter {
	height: 22px;
	width:100%;
	background-color: #f7fbfc;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #bccbda;
}

/* Container for expander widget - used to set background and border */
div.table div.filter div.expander {
	position: absolute;
	border: 1px solid #d6e1ea;
	height: 20px;
}

/* Container for +/- button - sets the border and background */
div.table div.filter div.filtercontainer div.domainfilter {
	background-color: #FFF;
	width: 40px;
	height: 20px;
	border:1px solid #d6e1ea;
	position: absolute;
	left: 10px;
	top: -1px;
}

/* Sets the color of the expand and contract widgets */
div.table div.filter div.expander div {
	float: left;
	color: #0069ae;
	background-color: #FFF;
	width: 95px;
}

div.table div.filter div.expander div a {
	padding: 2px 0px 2px 6px;
	height: 16px;
	display: block;
}



/* Set the left border of the filter container */
div.table div.filter div.filtercontainer {
	padding: 0px;
	position: absolute;
	border: 1px solid #d6e1ea;
	border-top: 0px;
	border-bottom: 0px;
	height: 20px;
	width: 220px;
	top: 4px;
	left: 204px;
}

/* Set positioning of filter input */
div.table div.filter div.filtercontainer div.filterinput {
	position: absolute;
	left: 60px;
	top: -1px;
	height: 16px;
}

/* Set the position and image for the plus button */
div.table div.filter div.filtercontainer div.domainfilter div.filteradd {
	position: absolute;
	top: 5px;
	left: 6px;
	width: 20px;
	height: 14px;
}

/* Set the position and image for the subtract button */
div.table div.filter div.filtercontainer div.domainfilter div.filtersubtract {
	position: absolute;
	left: 23px;
	top: 5px;
	width: 20px;
	height: 14px;
}

/* Set the position of the drop down box */
div.table div.filter div.recordfilter {
	float: right;
	padding: 2px 4px 2px 0;
}

div.table div.dateselector {
	border: 1px solid #bccbda;
	border-width: 1px 0 0 0;
	width:100%;
	background-color: #f7fbfc;
	padding: 2px 0 2px 0;
}

/* Set the position of the drop down box */
div.table div.dateselector div.startdate {
	float: left;
	padding-top: 2px;
}

/* Set the position of the drop down box */
div.table div.dateselector div.enddate {
	float: left;
	padding: 2px 0 0 10px;
}


div.domainfilter {
	float: right;
}

div.filtersubmit {
	float: left;
}

div.filtersubmit_inner {
	border: 1px solid #d6e1ea;
	padding-top: 2px;	
	margin-top: 2px;
	background-color: #FFF;
}

div.filter_plus, div.filter_plus_active, div.filter_minus, div.filter_minus_active {
	float: left;
}

div.filter_plus div, div.filter_plus_active div, div.filter_minus div, div.filter_minus_active div {
	padding: 2px 4px 2px 4px;
}

div.filter_plus div, div.filter_plus_active div {
	border-right: 1px solid #d6e1ea;
}

div.filter_plus div {
	background: #fff url("../../../include/layout/images/filter_plus.gif") no-repeat 4px 2px;
}

div.filter_plus_active div {
	background: #fff url("../../../include/layout/images/filter_plus_active.gif") no-repeat 4px 2px;
}

div.filter_minus div {
	background: #fff url("../../../include/layout/images/filter_minus.gif") no-repeat 4px 2px;	
}

div.filter_minus_active div {
	background: #fff url("../../../include/layout/images/filter_minus_active.gif") no-repeat 4px 2px;	
}

div.domainfilter div.filter_input {
	float: left;
}

div.domainfilter div.filter_input div {
	margin-top: 2px;
	padding: 0px 4px 3px 4px;
}

div.separator {
	float: right;
	padding: 3px 15px 0 15px;
}

div.separator div {
	border-left: 1px solid #d6e1ea;
}

input.filterinput {
	color: #aaa;
	width: 100px;
	padding:0;
	margin:0;
	height: 20px;
}
/* End of 'table.css' */