/* @class="eProof.Component.ContentTitle" */
.contentTitle {
	font-family:"Trebuchet MS","Segue UI","BitStream Vera Sans","DejaVu Sans",Verdana,Sans Serif;
	font-weight:400px;
	color:#474747;
	line-height:16px;
	font-size:14.5px;
	border-top:1px solid #474747;
	border-bottom:1px solid #474747;
	background
}
/* @class="eProof.Component.ControlPanelButton" */
/* @class="eProof.Component.MessageBox" */
	.msgBoxUpper {
		background:url(/images/eproof/template/dialog_top.png) no-repeat top left;
		width:560px;
		height:20px;
	}
	.msgBoxLower {
		background:url(/images/eproof/template/dialog_btm.png) no-repeat bottom left;
		width:560px;
		height:30px;
	}
	.msgBoxBody {
		background:url(/images/eproof/template/dialog_mid.png) repeat-y top left;
		width:560px;
	}
	.msgBoxInner {
		font-family:"Trebuchet MS","Segue UI","BitStream Vera Sans","DejaVu Sans",Verdana,Sans Serif;
		font-size:16px;
		padding:10px 20px 10px 20px;
		width:510px;
		word-wrap:break-word;
		color:#c9c9c9;
		text-align:center;
		
	}
/* @class="eProof.Component.PagedTable" */
	.pageControlLink {
		float:left;
		padding:2px 2px 2px 2px;
		cursor:pointer;
	}
	.pageControlElement {
		float:left;
		padding:2px 2px 2px 2px;
	}
	.listTableHdr {
		font-size:13px;
		font-family:verdana,ariel,helvetica;
		cellspacing:0px;
		cellpadding:0px;
		color:#dddddd;
		text-align:left;	
		cursor:pointer;
	}
	.listTable {
		width:100%;
		margin-right:50px;
		border:1px solid #333333;
		color:#333333;
		background-color:#dddddd;
		font-size:13px;
		font-size:80%;
		font-family:verdana,ariel,helvetica;
		cellspacing:0px;
		cellpadding:0px;
	}
	.heading {
		border-bottom:1px solid black;
	}
	.pageControlOuter {
		float:right;
		font-size:13px;
		font-family:verdana,ariel,helvetica;
		color:#cccccc;
		
	}
	.pageControlInner {
		line-height:23px;
		height:27px;
		float:left;
		background-color:#474747;
		
	}
	
	.listTable th {
		background-color:#000000;
		color:#dddddd;
		text-align:left;
	}
	
	.tableRow {
		cursor:pointer;
		border:1px solid red;
	}
	.ecImg {
		margin:0;
		padding:0;
		float:left;
		display:inline;
	}
	.ptToggle {
		margin:0 5px 3px 0px;
		cursor:pointer;
	}
	.searchBox {
		height:27px;
		background-color:#474747;
		float:left;
		padding-top:0px !important;
		padding-top:2px;
		
	}
	.searchBoxLabel {
		font-family: verdana,ariel,helvetica;
		margin:0 10px 0 10px;
		color:#999999;
		font-size:12px;
		line-height:27px;
		vertical-align:middle;
	}
	.searchInput {
		margin:0 2px 0 0px;
		padding:0px;
		font-size:12px;
		height:19px;
		vertical-align:middle;
	}
	.searchGo {
		margin:0 10px 0 0px;
		padding:0;
		vertical-align:middle;
		cursor:pointer;
	}
	.sqlBox {
		border:1px solid #cccccc;
		font-size:12px;
		margin:5px 5px 5px 5px;
		padding:5px 5px 5px 5px;
	}
	.emptyTableMsg {
		border:1px dotted #474747;
		margin:10px 10px 10px 10px;
		height: 100px;
		line-height:100px;
		text-align:center;
		color:#474747;
	}
	.sortIcon {
		display:block;
		background:transparent url(/images/eProof/template/icon_up_down.png) no-repeat scroll top left;
		margin:4px 0 2px 2px;
		overflow:hidden;
	}
	
/* @class="eProof.Component.PagedTableAd" */
	.thmbCell {
		height:150px;
		width:110px;
		float:left;
		margin:5px 5px 5px 5px;
		position:relative;
	}
	.thmbCellInner {
		position:absolute;
		vertical-align:bottom;
		display:block;
		bottom:0px;
	}
	.thmb {
		cursor:pointer;
		border:1px solid #e6e6e6; 
	}
	.thmbText {
		color:#474747;
		font-size:10px;
		font-family:verdana,arial,helvetica;
	}
	.ecImg {
		margin:0;
		padding:0;
		float:left;
		display:inline;
	}
	.loupe {
		/*width:400px;*/
		/*height:460px;*/
		position:absolute;
		top:-1000px;
		left:-1000px;
		display:hidden;
		background-color:#474747;
		/*border:1px solid #666666;*/
		border:1px solid #999999; 
	}
	.loupeImg {
		width:380px;
		height:380px;
		margin:5px 10px 10px 10px;
	}
	.loupeText {
		color:#cccccc;
		margin-top:10px;
		margin-left:10px;
		margin-right:10px;
		font-family:verdana,sans serif;
		font-size:10px;
		line-height:18px;
		width:auto;
		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
	}
/* @class="eProof.Component.Button" */

a.ePButton {
	background: transparent url(/images/eProof/template/buttonA.png) no-repeat scroll top right;
	display: block;
	float: left;
	font: normal 12px verdana, arial, sans-serif;
	height: 25px;
	margin-right: 3px;
	padding-right: 18px;	
	text-decoration:none;
	text-align:center;
	color:#ffffff;
}

a.ePButton span {
	background: transparent url(/images/eProof/template/buttonB.png) no-repeat;
	display:block;
	line-height: 15px;
	padding: 5px 0px 5px 18px;
}

a.ePButton:active {
    background-position: bottom right;
    color: #ffffff;
    outline: none; /* hide dotted outline in Firefox */
}

a.ePButton:visited {
	color: #ffffff;
}

a.ePButton:active span {
    background-position: bottom left;
    color: #cccccc;
    /* padding: 2px 0 8px 18px; *//* push text up 3px */
}

/* @class="eProof.Component.TabGroup" */

/* @doc="Wrapper for body of tabgroup, when tab bar is shown." */
.tabGroupBody {
	background: #e2e2e2;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	height: 400px;
	width: 100%;
}

/* @doc="Container of tab bar buttons." */
table.tabGroupBar {
	background-color:transparent;
	font-size:13px;
	font-family:"ms trebuchet",verdana,arial,helvetica;
}

.tabGroupBar {
	position:relative;
	bottom: -1px;
	background-color:transparent;
	display:block;
	clear:both;
	font-size:15px;
	font-family:"ms trebuchet",verdana,arial,helvetica;
}

.tabGroupBar ul {
	height:25px;
	list-style:none;
	margin-left:0px;
	margin-bottom:0px;
	padding:0px;
	clear:both;
}

.tabGroupBar ul li {
	display:inline;
	list-style:none;
	cursor:pointer;
	margin:0;
	padding:0;
}

/* @doc="Individual tab bar button in On state." */
td.tabGroupButtonOn {
	/*border-style:none;*/
	
	background: transparent;
	font-weight: bold;
	padding-right: 0px;
	padding-left: 0px;
	cursor: pointer;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
}

td.tabGroupButtonOn .tabGroupButtonSpanL {
	
	display:inline-block;
	height:25px;
	padding-left:10px;
	background:transparent url(/images/eProof/template/tab_left_active.png) no-repeat top left;
	line-height:25px;
}

td.tabGroupButtonOff .tabGroupButtonSpanL {
	display:inline-block;
	height:25px;
	padding-left:10px;
	background:transparent url(/images/eProof/template/tab_left_inactive.png) no-repeat top left;
	line-height:25px;
}

td.tabGroupButtonOn .tabGroupButtonSpanR {
	display:inline-block;
	height:25px;
	width:40px;
	background:transparent url(/images/eProof/template/tab_right_active.png) no-repeat bottom left;
	line-height:25px;
}

td.tabGroupButtonOff .tabGroupButtonSpanR {
	display:inline-block;
	height:25px;
	width:40px;
	background:transparent url(/images/eProof/template/tab_right_inactive.png) no-repeat bottom left;
	line-height:25px;
}


/* @doc="Individual tab bar button in Off state." */
td.tabGroupButtonOff {
	color:#cccccc;
	border-style:none;
	background: transparent;
	padding-right: 0px;
	padding-left: 0px;
	cursor: pointer;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
}

/* @doc="Individual tab bar button in Disabled state." */
td.tabGroupButtonDisabled {
	background: #AAAAAA;
	color: gray;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	padding-right: 5px;
	padding-left: 5px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
}

/* @doc="Link within a tab button." */
td.tabGroupButtonOn a,td.tabGroupButtonOff a,td.tabGroupButtonDisabled a {
	color: black;
	text-decoration: none;
}

td.tabGroupButtonOff:hover {
	background: transparent;
}

/* @doc="Extra space on edges of tab bar." */
.tabGroupExtra {
	border-bottom: 1px solid black;
	background: transparent;
	width: 100%;
}

/* @doc="Container for gaps between tabs." */
.tabGroupGapTd {
	height:25px;
	border-bottom: 1px solid black;
	background: transparent;
	empty-cells: show;
}

/* @doc="The width of this selector controls the gap between tabs in the tab bar." */
.tabGroupGap {
	width: 4px;
}


.tabGroupButtonOn {
}

.tabGroupButtonOn .tabLink {
	background: transparent url('/images/eProof/template/tab_right.png') no-repeat scroll top right;
	z-index:100;
}

.tabGroupButtonOn .tabLink .tabSpan {
	background: transparent url('/images/eProof/template/tab_left.png') no-repeat top left;
	display:block;
	line-height:15px;
	padding: 5px 0 5px 10px;
	/*z-index:100;*/
}

.tabGroupButtonOff .tabLink {
	background: transparent url('/images/eProof/template/tab_right.png') no-repeat scroll bottom right;
	color:#cccccc;
}

.tabLink {
	position:relative;
	display: inline;
	float: left;
	height: 25px;
	margin-left:-25px;
	margin-right:6px;
	padding-right:42px;
	text-index:-9999px;
	text-decoration:none;
	outline:none;
}


.firstTab {
	position:relative;
	margin-left:0px;
	left:10;
}

.tabGroupButtonOff .tabLink .tabSpan {
	background: transparent url('/images/eProof/template/tab_left.png') no-repeat bottom left;
	display:block;
	line-height:15px;
	padding: 5px 0 5px 10px;
}

/* EOF */