/*bio*/
.bio{
	width:100%;
}
.bio h1{
	color:#1f6891;
	text-transform:capitalize;
}
.bio h2{
	color:#ffffff;
	text-transform:capitalize;
	padding:2px;
	text-align: left;
}
.bio .title {
	width:100%;
	background-color:#7A9D27;
}
.bio .click {
	width:100%;
/*	background-color:#0080C0;*/
	background-color:#7A9D27;
	
}
.bio .click td{
	color:#FFFFFF;
	font-size:12px;
	padding-top:2px;
	padding-bottom:2px;
	height:16px;
	cursor:pointer;
}
.bio .preview{
	background-color:#CFE69B;
}

/*rating*/
#container {
	width: 300px;
	padding: 0px;
	}
/*gallery style1*/
#info {
		width:300px;
		margin:0 auto;
		border:1px solid #ccc;
		overflow:hidden;
		padding:10px 25px;
		position:relative;
	}
	#info a {
		background:#fff;
		color:#333;
		display:block;
		position:absolute;
		text-decoration:none;
		top:2px;
		z-index:100;
	}
		#info a#move-left {
			left:0px;
		}
		#info a#move-right {
			right:0px;
		}
		#info .mod {
			overflow:hidden;
		}
	#themes {
		width:2000px;
	}
	.mod {
		width:268px;
		overflow:hidden;
		margin-top:4px;
		margin-bottom:4px;
		position:relative;
		
	}
	#themes, #themes li {
		margin:0;
		overflow:hidden;
		padding:0;
	}
	#themes li {
	float:left;
	margin-top:4;
	margin-bottom:4;	
	width:67px;
	padding-top: 4;
	padding-right: 0;
	padding-bottom: 4;
	padding-left: 0;
	}
	li img {
		border:none;
		padding:0px;
		margin:0px;
	}
	
#gallery {
	width: 268px;
	margin-top:2px;
}
/*
#left {
	padding-top: 22px;

}
#right {
	padding-top: 22px;

}
*/
/*app*/

.loadingapp {
	height: 30px;
	background: url('../img/rating/working.gif') 50% 50% no-repeat;
	}
#loadingbio {
	position:absolute;
	height:800px;
	width:700px;
	background: url('../img/rating/working.gif') 50% 50% no-repeat;
	text-align: center;
	vertical-align: middle;
	z-index: 1000;
	cursor: wait;
	}

.bar{
    
    z-index:2;
}
.bio_bar{
    z-index:2000;
}
/* notification box*/

.notification-box
{
position:absolute;
left:1px;
margin: 5px;
z-index:1;
background-color:#FFFDCC;
border:solid 1px #778899;
font-size:12px;
text-align:left;
}

/* contextual page help box*/
.page-help-box
{
position:absolute;
right:400px;
top:300px;
left: 400px;
margin: 5px;
z-index:1000;
background-color:#7A9D27;
border:solid 1px #7A9D27;
font-size:12px;
text-align:left;
}

.top-help-box
{
	background-color:#7A9D27;
	cursor:move;
	color: #FFFFFF;
	font-size: 14px;
}

.helplink a{
font: 12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

.helplink a:hover{
text-decoration:underline;
}

.page-help-box .rowDark{
BACKGROUND-COLOR: #FFFDCC;
}
.rowLight{
background-color: #FFFFFF;
}

.rowDark{
BACKGROUND-COLOR: #E3E7EE;
}

.rowHighlight{
background-color: #FFCC99
}

.rowHover{
background: #CCFFCC;
}
/*listing TAble*/
#listingTbl{
font-size:12px;
line-height:14px;
border: 1px solid #bfcde1;
width:100%;
}

#listingTbl a{
text-transform: uppercase;
color: #708090;
text-decoration: none;
}

#listingTbl a:hover{
text-transform: uppercase;
text-decoration:underline;
}

#listingTbl .tableheader{
background-color:#7A9D27;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height:22px;
padding-left:5px;
}

#listingTbl .buttonsline{
text-align: right;
}



#listingTbl .data {
background-color: #ECECEC;
color: #000000;
font: normal 12px/12px Arial, Helvetica, sans-serif;
border: 1px solid #FFF;
border-color: #f9f9f9 #BDBDBD #BDBDBD #f9f9f9;
padding: 5px;
}

#listingTbl .dataheader {
background-color: #dddddd;
color: #000000;
font: bold 12px/12px Arial, Helvetica, sans-serif;
border: 1px solid #FFF;
/*border-color: #f9f9f9 #d2d2d2 #d2d2d2 #f9f9f9; */
border-color: #f9f9f9 #d2d2d2 #d2d2d2 #f9f9f9;
padding: 5px;
vertical-align: middle;
}