DIV#leftcol {
 width: 576px;
 margin: 0;
 overflow: hidden;
}

DIV#rightcol {
 width: 168px;
 overflow: hidden;
 float: right;
}


/* IMAGE */
DIV.surround_box_top.image {
    width: 576px;
}

DIV.surround_box_top .border_box.image {
    width: 570px;
}

DIV.image DIV.iefix0r {
	*margin-left: 0px;
	*margin-top: -2px;
}


DIV.image .inner_box {
    background-color: #F2F2F2;
    width: 570px;
    text-align: center;
}

/* 2007-08-30 Daniel Pieper (dani@kuse.de) */
DIV.image {
 display: block;
 width: 570px;
 text-align: center;
 position: relative;
}

SPAN.overlayimage {
 display: block;
 left:2px;
 right:2px;
 text-align: center;
 filter:alpha(opacity=90);
 -moz-opacity:.9;
 opacity:.9;
 background-color: #f12f0c;
 position:absolute;
 top:50%;
 margin-top:-56px;
 height: 112px;
 overflow:hidden;
}
* html SPAN.overlayimage {width:100%; margin-top:-100px;}

SPAN.overlay {
 background-image: url(../app/img_eraffe/site/pictures/eraffe_0815.gif);
 position:absolute;
 cursor:pointer;
 top:0px;
 left:0px;
 bottom:0px;
 right:0px;
}
* html SPAN.overlay {
height:500px;
width:100%;}
/* IMAGE NAVIGATION */
DIV.surround_box_top.image_navigation {
    width: 168px;
}

DIV.surround_box_top .border_box.image_navigation {
    width: 162px;
}

DIV.image_navigation A.block.button {
 width: 80px;
 height: 40px;
 background-color: #DCDCDC !important;
 float: left;
}

DIV.image_navigation A.block.button.prev {
    background-image: url(../app/img_eraffe/site/pictures/image_prev.gif);
}

DIV.image_navigation A.block.button.prev:hover {
    background-image: url(../app/img_eraffe/site/pictures/image_prev_hover.gif);
}

DIV.image_navigation A.block.button.next {
    background-image: url(../app/img_eraffe/site/pictures/image_next.gif);
    margin-left: 2px;
}

DIV.image_navigation A.block.button.next:hover {
    background-image: url(../app/img_eraffe/site/pictures/image_next_hover.gif);
}

DIV.image_navigation A.block.overview {
 width: 162px;
 height: 23px;
 text-align: center;
 line-height: 23px;
 font-weight: bold;
 float: left;
 margin-top: 2px;
}

/* IMAGE DETAILS */
DIV.surround_box.image_details {
    width: 168px;
}

DIV.surround_box .border_box.image_details {
    width: 162px;
    padding-top: 0;
}

DIV.image_details DIV.row {
 width: 156px;
 height: 22px;
 margin-top: 2px;
 overflow: hidden;
 line-height: 22px;
 padding-left: 6px;
}

DIV.image_details SPAN.left {
  width: 90px;
  display: block;
  font-weight: bold;
  float: left;
}

DIV.image_details SPAN.right {
  display: block;
  float: left;
}

/* FUNCTIONS */
DIV.surround_box .border_box.image_functions {
 width: 162px;
 padding-top: 0px;
}

A.block.functions {
 width: 162px;
 height: 22px;
 font-weight: bold;
 line-height: 22px;
 overflow: hidden;
 margin-top: 2px;
}

A.functions IMG {
 float: left;
 margin-right: 3px;
}

/* FUNCTIONS - NAMEPLATES */
DIV.surround_box .border_box.image_nameplate_functions {
 width: 162px;
 padding-top: 0px;
}

DIV.image_nameplate_functions A.block.functions {
 width: 156px;
 padding-left: 6px;
}

DIV.image_nameplate_functions IMG.male {
 float: left;
}

DIV.image_nameplate_functions IMG.male.na {
 filter:alpha(opacity=25);
 -moz-opacity:.25;
 opacity:.25;
}

DIV.image_nameplate_functions IMG.female {
 float: left;
 margin-left: 15px;
}

DIV.image_nameplate_functions IMG.female.na {
 filter:alpha(opacity=25);
 -moz-opacity:.25;
 opacity:.25;
}


/* IMAGE RATING */
DIV.surround_box_top.image_rating {
    width: 576px;
}

DIV.surround_box_top .border_box.current_rating {
    width: 197px;
    height: 30px;
    margin-top: 10px;
    clear: none;
    float: left;
}


DIV.current_rating DIV.desc {
 width: 63px;
 height: 30px;
 font-weight: bold;
 line-height: 30px;
 float: left;
 overflow: hidden;
 padding-left: 6px;
}

DIV.current_rating DIV.stars_surround {
 width: 128px;
 height: 30px;
 background-color: #F2F2F2;
 float: left;
 overflow: hidden;
}

DIV.current_rating SPAN.star_bg {
 width: 114px;
 height: 21px;
 background-image: url(../app/img_eraffe/site/pictures/cur_rating_bg.gif);
 background-repeat: repeat-x;
 display: block;
 margin-top: 4px;
 margin-left: 6px;
 float: left;
}

DIV.current_rating SPAN.star {
 height: 21px;
 background-image: url(../app/img_eraffe/site/pictures/cur_rating_star.gif);
 background-repeat: repeat-x;
 display: block;
 float: left;
}

/* IMAGE RATING - RATE */
DIV.surround_box_top .border_box.rate_image {
    width: 357px;
    height: 30px;
    margin-top: 10px;
    clear: none;
    float: right;
}

DIV.rate_image DIV.desc {
 width: 76px;
 height: 30px;
 font-weight: bold;
 line-height: 30px;
 float: left;
 overflow: hidden;
 padding-left: 6px;
}

DIV.rate_image A.block.rate_image {
 width: 13px;
 height: 30px;
 margin: 0;
 overflow: hidden;
 float: left;
 margin-left: 2px;
 background-image: url(../app/img_eraffe/site/pictures/image_vote_bg.gif);
 background-position: center left;
 background-repeat: repeat-x;
 border-left: 7px solid #F2F2F2;
 border-right: 7px solid #F2F2F2;
}

DIV.rate_image A.block.rate_image:hover {
 background-image: url(../app/img_eraffe/site/pictures/image_vote_hover.gif);
 border-left: 7px solid #E2e2e2;
 border-right: 7px solid #E2e2e2;
}

DIV.rate_image A.rate_image.four { width: 26px; }
DIV.rate_image A.rate_image.six { width: 39px; }
DIV.rate_image A.rate_image.eight { width: 52px; }
DIV.rate_image A.rate_image.ten { width: 65px; }


/* COPY IMAGE */
DIV.surround_box.copy_image {
    padding-top: 6px;
}

DIV.copy_image SELECT {
    width: 115px;
}

DIV.copy_image INPUT.go {
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-image: url(../app/img_eraffe/site/search_input_go.gif);
    background-repeat: no-repeat;
    width: 51px;
    height: 20px;
    line-height: 40px;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden;
    font-size: 0px;
    color: #353535;
    *margin-top: 1px;
    margin-left: 0px;
}


/* RANBDOM IMAGE */
DIV.surround_box .border_box.random_image {
 width: 162px;
 padding-top: 0px;
}

A.block.random_image {
 width: 162px;
 height: 100px;
 font-weight: bold;
 overflow: hidden;
 margin-top: 2px;
 text-align: center;
}

A.random_image IMG {
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
}


/* COMMENTS */
DIV.emoticons {
    width: 570px;
}

DIV.emoticons_extended {
    width: 560px;
}

DIV.comments_form TEXTAREA {
    width: 560px;
}

/* NEW NAMEPLATE */
TABLE.nameplate {
	width: auto;
	position: absolute;
	color: #FFFFFF;
	height: 41px;
	cursor: pointer;
	z-index: 1;
}

TABLE.nameplate SPAN.name {
	margin-top: 5px;
	float: left;
	position: relative;
	white-space: nowrap;
	display: inline !important;
}

TABLE.nameplate TD {
	background-repeat: no-repeat;
}

TABLE.nameplate TD.middle DIV {
	background-repeat: repeat-x;
	vertical-align: top;
	color: #FFFFFF;
	height: 29px;
}

/* NAMEPLATE SKIN MALE:1 */
TABLE.nameplate TR.m1 TD.left {
	width: 8px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m1_left.png);
}

TABLE.nameplate TD.middle {
	vertical-align: top;
}

TABLE.nameplate TR.m1 TD.middle DIV.iefix {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m1_bg.png);
}

TABLE.nameplate TR.m1 TD.right {
	width: 24px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m1_right.png);
}

TABLE.nameplate TR.m1 TD.right.del {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m1_del.png);
	text-align: right;
	vertical-align: top;
}

TABLE.nameplate TR.m1 A.del_ico {
	width: 11px;
	display: block;
	float: right;
	height: 11px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m1_del_x.png);
	position: relative;
	margin-right: 2px;
	top: -4px;
	z-index: 200;
}

TABLE.nameplate TR.m1 TD.middle SPAN.name {
	right: -13px;
	margin-left: -15px;
}

/* NAMEPLATE SKIN MALE:2 */
TABLE.nameplate TR.m2 TD.left {
	width: 24px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m2_left.png);
}

TABLE.nameplate TR.m2 TD.middle DIV.iefix {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m1_bg.png);
}

TABLE.nameplate TR.m2 TD.right {
	width: 11px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m2_right.png);
}

TABLE.nameplate TR.m2 TD.right.del {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m2_del.png);
	text-align: right;
	vertical-align: top;
	width: 13px;
}

TABLE.nameplate TR.m2 A.del_ico {
	width: 11px;
	display: block;
	float: right;
	height: 11px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m1_del_x.png);
	position: relative;
	margin-right: 2px;
	top: -4px;
	z-index: 200;
}

TABLE.nameplate TR.m2 TD.middle SPAN.name {
	left: -17px;
	margin-right: -18px;
}

/* NAMEPLATE SKIN MALE:3 */
TABLE.nameplate TR.m3 TD.left {
	width: 21px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m3_left.png);
}

TABLE.nameplate TR.m3 TD.middle {
	vertical-align: bottom;
}

TABLE.nameplate TR.m3 TD.middle DIV.iefix {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m3_bg.png);
}

TABLE.nameplate TR.m3 TD.right {
	width: 11px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m3_right.png);
	background-position: right bottom;
}

TABLE.nameplate TR.m3 TD.right.del {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m3_del.png);
	text-align: right;
	vertical-align: top;
	width: 11px;
}

TABLE.nameplate TR.m3 A.del_ico {
	width: 11px;
	display: block;
	float: right;
	height: 11px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m1_del_x.png);
	position: relative;
	margin-right: 2px;
	margin-top: 8px;
	z-index: 200;
}

TABLE.nameplate TR.m3 TD.middle SPAN.name {
	left: -16px;
	margin-right: -17px;
}

/* NAMEPLATE SKIN MALE:4 */
TABLE.nameplate TR.m4 TD.left {
	width: 9px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m4_left.png);
	background-position: right bottom;
}


TABLE.nameplate TR.m4 TD.left.del {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m4_del.png);
	text-align: left;
	width: 11px;
	vertical-align: top;
}

TABLE.nameplate TR.m4 TD.middle {
	vertical-align: bottom;
}

TABLE.nameplate TR.m4 TD.middle DIV.iefix {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m3_bg.png);
}

TABLE.nameplate TR.m4 TD.right {
	width: 24px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m4_right.png);
	background-position: right bottom;
}

TABLE.nameplate TR.m4 A.del_ico {
	width: 11px;
	display: block;
	float: left;
	height: 11px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_m1_del_x.png);
	position: relative;
	left: -1px;
	margin-top: 8px;
	z-index: 200;
}

TABLE.nameplate TR.m4 TD.middle SPAN.name {
	right: -14px;
	margin-left: -18px;
}

/* NAMEPLATE SKIN MALE:1 */
TABLE.nameplate TR.f1 TD.left {
	width: 8px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f1_left.png);
}

TABLE.nameplate TD.middle {
	vertical-align: top;
}

TABLE.nameplate TR.f1 TD.middle DIV.iefix {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f1_bg.png);
}

TABLE.nameplate TR.f1 TD.right {
	width: 24px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f1_right.png);
}

TABLE.nameplate TR.f1 TD.right.del {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f1_del.png);
	text-align: right;
	vertical-align: top;
}

TR.f1 A.del_ico {
	width: 11px;
	display: block;
	float: right;
	height: 11px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f1_del_x.png);
	position: relative;
	margin-right: 2px;
	top: -4px;
	z-index: 200;
}

TABLE.nameplate TR.f1 TD.middle SPAN.name {
	right: -13px;
	margin-left: -15px;
}


/* NAMEPLATE SKIN MALE:2 */
TABLE.nameplate TR.f2 TD.left {
	width: 24px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f2_left.png);
}

TABLE.nameplate TR.f2 TD.middle DIV.iefix {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f1_bg.png);
}

TABLE.nameplate TR.f2 TD.right {
	width: 11px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f2_right.png);
}

TABLE.nameplate TR.f2 TD.right.del {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f2_del.png);
	text-align: right;
	vertical-align: top;
	width: 13px;
}

TABLE.nameplate TR.f2 A.del_ico {
	width: 11px;
	display: block;
	float: right;
	height: 11px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f1_del_x.png);
	position: relative;
	margin-right: 2px;
	top: -4px;
	z-index: 200;
}

TABLE.nameplate TR.f2 TD.middle SPAN.name {
	left: -17px;
	margin-right: -18px;
}

/* NAMEPLATE SKIN MALE:3 */
TABLE.nameplate TR.f3 TD.left {
	width: 21px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f3_left.png);
}

TABLE.nameplate TR.f3 TD.middle {
	vertical-align: bottom;
}

TABLE.nameplate TR.f3 TD.middle DIV.iefix {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f3_bg.png);
}

TABLE.nameplate TR.f3 TD.right {
	width: 11px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f3_right.png);
	background-position: right bottom;
}

TABLE.nameplate TR.f3 TD.right.del {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f3_del.png);
	text-align: right;
	vertical-align: top;
	width: 11px;
}

TABLE.nameplate TR.f3 A.del_ico {
	width: 11px;
	display: block;
	float: right;
	height: 11px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f1_del_x.png);
	position: relative;
	margin-right: 2px;
	margin-top: 8px;
	z-index: 200;
}

TABLE.nameplate TR.f3 TD.middle SPAN.name {
	left: -16px;
	margin-right: -17px;
}

/* NAMEPLATE SKIN FEMALE:4 */
TABLE.nameplate TR.f4 TD.left {
	width: 9px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f4_left.png);
	background-position: right bottom;
}


TABLE.nameplate TR.f4 TD.left.del {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f4_del.png);
	text-align: left;
	vertical-align: top;
}

TABLE.nameplate TR.f4 TD.middle {
	vertical-align: bottom;
}

TABLE.nameplate TR.f4 TD.middle DIV.iefix {
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f3_bg.png);
}

TABLE.nameplate TR.f4 TD.right {
	width: 24px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f4_right.png);
	background-position: right bottom;
}

TABLE.nameplate TR.f4 A.del_ico {
	width: 11px;
	display: block;
	float: left;
	height: 11px;
	background-image: url(../app/img_eraffe/site/pictures/uop/uop_f1_del_x.png);
	position: relative;
	left: -1px;
	margin-top: 8px;
	z-index: 200;
}

TABLE.nameplate TR.f4 TD.middle SPAN.name {
	right: -14px;
	margin-left: -18px;
}

/* NAMEPLATES MENU */
DIV#nameplates_menu {
 width: 342px;
 height: 220px;
 background-image: url(../app/img_eraffe/site/pictures/uop/menu.png);
 background-repeat: no-repeat;
 position: absolute;
 border: 0;
 top: 555px;
 left: 365px;
 z-index: 100;
}

DIV#nameplates_menu DIV.desc {
 color: #FFFFFF;
 width: 315px;
 margin-left: 10px;
 margin-top:26px;
 line-height: 15px;
}

DIV#nameplates_menu .nameplate_detail {
 margin-left: 2px;
 float: left;
 text-align: center;
 margin-right: 13px;
 margin-top: 10px;
 display: block;
 width: auto;
}

DIV#nameplates_menu TABLE.nameplate {
 position: relative;
 float: left;
 z-index: 300;
 margin: 0;
 cursor: move;
}

DIV#nameplates_menu INPUT {
 width: 0;
 border: 0;
 height: 0;
 overflow: hidden;
 font-size: 0;
 visibility: hidden;
}

DIV#nameplates_menu INPUT.submit {
 visibility: visible;
 width: auto;
 height: 15px;
 font-size: 10px;
 font-family: Verdana;
 background: none;
 font-weight: bold;
 color: #FFFFFF;
 margin-top: 8px;
 margin-left: 180px;
 *margin-left: 160px;
 margin-bottom: 10px;
 clear: left;
 cursor: pointer;
}

DIV#nameplates_menu INPUT.submit:hover { color: #3891B6; }

DIV#nameplates_menu A.close {
 float: right;
 margin-top: -20px;
 *margin-top: 0px;
 margin-right: 5px;
 width: 15px;
 height: 15px;
 display: block;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF !important;
}

DIV#nameplates_menu A.close:hover { color: #FD2626 !important; }