/******************************************************************************************

		TABLE CSS
		
   *****************************************************************************************/

table
{
	border:0px;
	clear:both;
}

td
{
	border:0px;
	padding:6px 0px 4px 5px;
}


tr
{
	border:0px;
	background:#EBEBEB;
	color:#333333;
	/*height:19px;*/
	/*text-align:left;*/
	/*vertical-align: top; */
	/*padding: 3px 0px 0px 3px;*/
	
}

th,
tr.head
{
	background:#DCDCDC;
	font-weight:bold;
	border:0px;
	text-align:left;
	height:20px;
	padding:0px 0px 0px 5px;

}

tr.alt
{
	background:#F7F6F3;
	color:#284775;
	height:19px;
}

/******************************************************************************************

		Grid Control CSS
		
   *****************************************************************************************/

.rowStyle
{
	color:#666666;	
	/*height:24px;*/
	text-align:left;
	vertical-align: top;
	background:#EBEBEB url(../../Interface/images/css-dotted.gif) repeat-x bottom;		
}

.selectedRowStyle
{
	background:#E2DED6 url(../../Interface/images/css-dotted.gif) repeat-x bottom;	
	color:#666666;	
	font-weight:bold;
	height:19px;
}

.pagerStyle
{
	color:#FFFFFF;	
	/*float:right;*/
	padding:0px;
}

.pagerStyle table
{
	float:right;	
}

.pagerStyle td
{
	padding: 2px 0px 2px 0px;	
}

.pagerStyle a,
.pagerStyle span
{
	padding:0px 5px 0px 0px;	
}

.headerStyle
{
	background:#DCDCDC url(../../Interface/images/css-dotted.gif) repeat-x bottom;	
	color:#666666;	
	font-weight:bold;
	text-align:left;
	/*height:19px;*/
}


 .headerStyle a
{
	text-decoration:none;
	color:#000000;
	text-transform: uppercase;
	padding:0px 12px 0px 0px;
	background: url(../../Interface/images/grid-grey-downArrow.png) no-repeat  center right;
	padding-right: 15px;
	display:inline-block;
}

.headerStyle a.ascending
{
	padding:0px 12px 0px 0px;
	font-weight:bold;
	color: #458AA7;
	background: url(../../Interface/images/grid-blue-upArrow.png) no-repeat  center right !important;
}

.headerStyle a.decending
{
	padding:0px 12px 0px 0px;
	font-weight:bold;
	color: #458AA7;
	background: url(../../Interface/images/grid-blue-downArrow.png) no-repeat center right !important;
}

.alternatingRowStyle
{
	 color:#666666;	
	/* height:24px;*/
	 background:#F7F6F3 url(../../Interface/images/css-dotted.gif) repeat-x bottom;
}

.editRowStyle
{
	height:19px;
}

.gridStyle
{
	border: 0px;	
	width:100%;
	margin:10px 0px 0px 0px;
}

.gridStyle span.radio input
{
	margin: 0px 5px 0px 2px;	
	
}

/******************************************************************************************

		DIV TABLE CSS
		
   *****************************************************************************************/
.table 
{
	color:#666666;
	/*width: 100%;*/
}

.table div.row,
.table p 
{
	float: left; /* needs to float in order for lines to catch in ff and opera */
	clear: both;
	width: 100%;
	margin: 0;
	padding: 5px 0px;
	background: #EBEBEB  url(../../Interface/images/css-dotted.gif) repeat-x bottom;
	
}

.table div.headerRow,
.table p.headerRow
{
	font-weight:bold;
	background: #DCDCDC  url(../../Interface/images/css-dotted.gif) repeat-x bottom;
}

.table div.altRow,
.table p.altRow
{
	background: #F7F6F3  url(../../Interface/images/css-dotted.gif) repeat-x bottom;
}


.table div.rowLast
{
	background: #EBEBEB 1px !important;

}

.table div.altRowLast
{
	background: #F7F6F3 !important;
}

.table span
{
	float: left;
	padding: 0 10px;
}

.table p.firstLine span
{ /* to get rid of the top border from previous */
	border-top: none;
}

.table span.col1
{
	width: 8%;
}
.table span.col1long
{
	width: 30%!important;
	
}
.table span.col2
{
	width: 10%;
}
.table span.col3short
{
	width: 5%!important;
}
.table span.col3long
{
	width: 30%!important;
}
.table .col3long span
{
	width: 25%!important;
	white-space:nowrap;
}

.table span.col3
{
	width: 10%;
}

.table span.col4
{
	width: 12%;
}

.table span.col5
{
	width: 10%;
}
.table span.col6
{
	width: 5%;
}
.table span.col7
{
	width: 7%;
}
.table span.col8
{
	width: 7%;
}
.table span.col9
{
	width: 5%;
}

.table span.full
{
	width:100%;	
}

.table .divLine
{ 
	clear: both;
	width: 100%;
	height:2px;
	background: #C5C5C5;
	position:relative;
	overflow:hidden;
}

	
/* new blue selectable 'inbox' table style */

table.selectableGrid
{
	width: 100%;
}

table.selectableGrid,
table.selectableGrid tr,
table.selectableGrid td,
table.selectableGrid th,
table.selectableGrid tbody,
table.selectableGrid thead
{
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
	background-image: none;
}

table.selectableGrid
{
	background-image: url(../images/tables/sel/th-rowbg.png);
	background-repeat: no-repeat;
	background-position: right top;
}

table.selectableGrid tr td
{
	border-top: solid 2px #fff;
}

table.selectableGrid tr.headerStyle
{
	background-image: url(../images/tables/sel/th-rowbg-left.png);
	background-position: left top;
	background-repeat: no-repeat;
	height: 30px;
}

table.selectableGrid tr.headerStyle th
{
	line-height: 30px;
	padding: 0 20px;
	font-size: 11px;
}

table.selectableGrid tr.headerStyle th a
{
	background-image: url(../images/tables/sel/down-inactive.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	text-decoration: none;
	color: #182d3d;
	font-weight: bold;
}

table.selectableGrid tr.sortedByClientName_asc th.reqColClientName a,
table.selectableGrid tr.sortedByRoleTitle_asc th.reqColRoleTitle a,
table.selectableGrid tr.sortedByInvitationStatus_asc th.reqColInvitationStatus a,
table.selectableGrid tr.sortedByEmailSentDate_asc th.reqColEmailSentDate a
{
	background-image: url(../images/tables/sel/up-active.png);
}

table.selectableGrid tr.sortedByClientName_desc th.reqColClientName a,
table.selectableGrid tr.sortedByRoleTitle_desc th.reqColRoleTitle a,
table.selectableGrid tr.sortedByInvitationStatus_desc th.reqColInvitationStatus a,
table.selectableGrid tr.sortedByEmailSentDate_desc th.reqColEmailSentDate a
{
	background-image: url(../images/tables/sel/down-active.png);
}

.reqCol,
.reqCol,
.reqCol
{}


table.selectableGrid tr.rowStyle td
{
	background-color: #dfebf0;
}

table.selectableGrid tr.rowStyle:hover td
{
	background-color: #d8e3e8;
}

table.selectableGrid tr.selectedRowStyle td
{
	background-color: #455b74;
}

table.selectableGrid tr.selectedRowStyle:hover td
{
	background-color: #546f8e;
}

table.selectableGrid tr.rowStyle td,
table.selectableGrid tr.selectedRowStyle td
{
	height: auto;
	padding: 7px 20px 7px 20px;
	font-size: 12px;
	color: #333;
}
	
table.selectableGrid tr.selectedRowStyle td
{
	color: #fff;
}

/******************************************************************************************

	  BLUE GRID TABLE CSS
		
   *****************************************************************************************/

table.blueGrid
{
	width: 100%;
}

table.blueGrid,
table.blueGrid tr,
table.blueGrid td,
table.blueGrid th,
table.blueGrid tbody,
table.blueGrid thead
{
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
	background-image: none;
}

table.blueGrid
{
	background-image: url(../images/tables/sel/th-rowbg.png);
	background-repeat: no-repeat;
	background-position: right top;
}

table.blueGrid tr td
{
	border-top: solid 2px #fff;
}

table.blueGrid tr.headerStyle
{
	height: 30px;
}

table.blueGrid tr.headerStyle th 
{
	padding:0px 5px;
	font-size: 11px;
}

table.blueGrid tr.headerStyle th a
{
	background: url(../images/tables/sel/down-inactive.png) no-repeat right;
	padding-right: 15px;
	text-decoration: none;
	color: #182d3d;
	font-weight: bold;
	display:inline-block;
}

table.blueGrid tr.headerStyle th a.ascending
{
	background: url(../images/tables/sel/up-active.png) no-repeat right;
}

table.blueGrid tr.headerStyle th a.descending
{
	background: url(../images/tables/sel/down-active.png) no-repeat right;	
}

table.blueGrid tr.rowStyle td
{
	height: auto;
	padding:5px;
	font-size: 12px;
	color: #333;
	background-color: #dfebf0;
}
	
table.tabular
{
	width: 100%;
}

table.tabular,
table.tabular tr,
table.tabular td,
table.tabular th
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table.tabular th
{
	white-space: nowrap;
}

table.tabular th,
table.tabular td
{
	margin: 0;
	padding: 2px 10px;
}

table.tabular td.serviceQty
{
	width: 30px;
}

table.tabular td.serviceRequired
{
	font-weight: bold;
	width: 285px;
}

table.tabular td
{
	border-bottom: solid 1px #dcdcdc;
	font-size: 11px;
}

table.tabular tr.oddRow,
table.tabular td.oddRow td
{
	background-color: #ebebeb;
}

table.tabular tr.evenRow,
table.tabular td.evenRow td
{
	background-color: #f1f1f1;
}

table.tabular div.shareRow,
table.tabular div.noShareRow
{
	margin: 0 0 9px 0;
	padding: 0 0 9px 0;
}

table.tabular div.shareRow input,
table.tabular div.noShareRow input
{
	margin: 0 5px 3px 0;
	padding: 0;
	float: left;
}

table.tabular div.shareRow label,
table.tabular div.noShareRow label
{
}

table.tabular div.shareRow
{
	border-bottom: dotted 1px #c8c8c8;
}

table.tabular div.noShareRow
{
	margin-bottom: 0;
	padding-bottom: 0;
}

table.tabular tfoot tr,
table.tabular tfoot td
{
	background-color: #dcdcdc;
}

/******************************************************************************************

	  TOGGLE TABLE CSS
		
   *****************************************************************************************/

.toggleTable
{
	clear:both;
	overflow:hidden;
	position:relative;
}

.toggleTable .headerRow
{
	font-weight:bold;
	background: #DCDCDC  url(../../Interface/images/css-dotted.gif) repeat-x bottom !important;
	clear:both;
}

.toggleTable .row
{
	clear:both;
	overflow:hidden;
	position:relative;
	background: #EBEBEB  url(../../Interface/images/css-dotted.gif) repeat-x bottom;
	padding:1px 0px 1px 0px;
}

.toggleTable .altRow
{
	overflow:hidden;
	position:relative;
	background: #F7F6F3  url(../../Interface/images/css-dotted.gif) repeat-x bottom !important;
}

.toggleTable .row .cell
{
	display:block;
	float:left;
	padding: 4px 5px 4px 5px;
	position:relative;
	overflow:hidden;
}

.toggleTable .row .collapseButton,
.toggleTable .row .expandButton
{
	float:right;
	margin: 0px 10px 0px 0px;
}