body
{
	z-index: bottom;
	z-index: -1;
}

.below p
{
	padding-top:8%;
}

div#portrait_grid
{
	position: absolute;
	top: 0;
	margin-top: 1.5%;
	margin-left: 5%;
	margin-right: 5%;
	overflow: scroll;
	height: 97%;
}

.new
{
	position: absolute;
	top: -12%;
	left: 1%;
	color: red;
	font-size: 3.5em;
}

.bio_header
{
	color: white;
}

.bio_value
{

}

.bio_name
{
	font-size: 1.2em;
	margin-bottom: 1%;
}

.bio_full
{
	margin-top: 2%;
	margin-left: 1%;
}

.bio_detail
{
	margin-left: 1%;
}

div#portrait_content .portrait .logo
{
	width: 40%;
	position: absolute;
	right: 0;
	top: 0;
}

.portrait .name
{
	padding-top: 3%;
	height: 6%;
	line-height: 70%;
    background-color: #333333;
    color: #FFFFFF;
    text-align: center;
}

.portrait
{
    width: 12.3%;
    height: auto;
    float: left;
    margin: 1%;
	border-width: 2px;
	border-color: grey;
}

.portrait:hover
{
	border-width: 2px;
	border-color: white;
}
.portrait:checked
{
	border-width: 2px;
	border-color: white;
}

div#portrait_wrapper
{
	margin: auto;
	width: 85%;
	height: auto;
	position: relative;
}

div#portrait_content
{
	margin-top: 2%;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

div#portrait_content img
{
	display: block;
	width: 100%;
	height: auto;
}

div#portrait_details_wrapper
{
	margin-top: 1%;
	width: 90%;
	height: auto;
	/*overflow: scroll;*/
	position: relative;
}

div#portrait_details_wrapper img
{
	display: block;
	width: 100%;
	height: auto;
}

div#portrait_details
{
	position: absolute;
	top: 0;
	margin-top: 2%;
	margin-left: 8%;
	margin-right: 2%;
	color: grey;
	overflow: scroll;
	height: 95%;
}

/*Bottom Panel Elements*/

div#bottom_panel_wrapper
{
	width: 15%;
	height: auto;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
}

div#bottom_panel_a
{
	width: 66%;
	height: auto;
	position: relative;
	float: right;
}

div#bottom_panel_a img
{
	display: block;
	width: 100%;
	height: auto;
}

div#bottom_panel_b
{
	width: 66%;
	height: auto;
	position: relative;
	float: right;
	margin-top: 15px;
}

div#bottom_panel_b img
{
	display: block;
	width: 100%;
	height: auto;
}

/*Accept Button*/

div#b_panel_wrapper
{
	position: absolute;
	bottom: 0;
}

div#accept_cont
{
	width: 100%;
	height: auto;

}

.accept
{
	display: block;
	width: 100%;
	height: auto;

}

#accept_img
{
	background-decorator: image;
	background-image: select.png;
}

#accept_btn
{
	click-sound: (error)15,(success)7;
}

button#accept_btn:hover #accept_img
{
	background-decorator: image;
	background-image: select-neg-h.png;
}

button#accept_btn:active #accept_img
{
	background-decorator: image;
	background-image: select-neg-o.png;
}

/*Scroll Buttons*/

#portrait_grid scrollbarvertical
{
	scrollchange-sound: 9;
	width: 5.5%;
	position: absolute;
	left: -5.5%;
	z-index: 5;
}

#portrait_grid scrollbarvertical slidertrack
{
	display:none;
}

#portrait_grid scrollbarvertical sliderbar
{
	display:none;
}

#portrait_grid scrollbarvertical sliderbar:hover
{
	display:none;
}

#portrait_grid scrollbarvertical sliderbar:active
{
	display:none;
}

#portrait_grid scrollbarvertical sliderarrowdec
{
	width: 100%;
	height: 20%;
	margin-top: 9%;
	mouseover-sound: 17;
	click-sound: 0;
	icon-decorator: image;
	icon-image: arrow-dbl-up.png;
}

#portrait_grid scrollbarvertical sliderarrowinc
{
	width: 100%;
	height: 20%;
	margin-bottom: 50%;
	mouseover-sound: 17;
	click-sound: 0;
	icon-decorator: image;
	icon-image: arrow-dbl-down.png;
}

#portrait_grid scrollbarvertical sliderarrowdec:hover
{
	icon-image: arrow-dbl-up-h.png;
}

#portrait_grid scrollbarvertical sliderarrowinc:hover
{
	icon-image: arrow-dbl-down-h.png;
}

#portrait_grid scrollbarvertical sliderarrowdec:active
{
	icon-image: arrow-dbl-up-o.png;
}

#portrait_grid scrollbarvertical sliderarrowinc:active
{
	icon-image: arrow-dbl-down-o.png;
}

#portrait_details scrollbarvertical
{
	scrollchange-sound: 9;
	width: 8%;
	position: absolute;
	left: -9%;
	z-index: 5;
}

#portrait_details scrollbarvertical slidertrack
{
	display:none;
}

#portrait_details scrollbarvertical sliderbar
{
	display:none;
}

#portrait_details scrollbarvertical sliderbar:hover
{
	display:none;
}

#portrait_details scrollbarvertical sliderbar:active
{
	display:none;
}

#portrait_details scrollbarvertical sliderarrowdec
{
	width: 100%;
	height: 30%;
	margin-top: 15%;
	mouseover-sound: 17;
	click-sound: 0;
	icon-decorator: image;
	icon-image: arrow-dbl-up.png;
}

#portrait_details scrollbarvertical sliderarrowinc
{
	width: 100%;
	height: 30%;
	margin-bottom: 15%;
	mouseover-sound: 17;
	click-sound: 0;
	icon-decorator: image;
	icon-image: arrow-dbl-down.png;
}

#portrait_details scrollbarvertical sliderarrowdec:hover
{
	icon-image: arrow-dbl-up-h.png;
}

#portrait_details scrollbarvertical sliderarrowinc:hover
{
	icon-image: arrow-dbl-down-h.png;
}

#portrait_details scrollbarvertical sliderarrowdec:active
{
	icon-image: arrow-dbl-up-o.png;
}

#portrait_details scrollbarvertical sliderarrowinc:active
{
	icon-image: arrow-dbl-down-o.png;
}