@import url('tabs.css');
@import url('common/text-field.css');

/* hide text */
#details .status { text-indent: -9999px; }


/* layout */
#body { padding-left: 0; padding-right: 0; width: 980px; }
#details { width: 958px; margin: 0 auto; margin-top: -1px;}
#details .w2 { min-height: 230px; padding: 30px; }

#details .name { display: block; margin-bottom: 5px; float: left; }
#details .status { height: 18px; margin: 6px 0 0 10px; float: left; }
#details .status.online { width: 49px; }
#details .status.offline { width: 55px; }
#details .member-since { margin-bottom: 10px; padding: 0 0 5px 17px; display: block; border-bottom: 1px dashed black; clear: left; }
#details .picture { width: 150px; height: 150px; border: 1px solid #e7e7e7; display: block; position: absolute;  }
/*#details ul { float: left; }*/
#details ul { margin-left: 165px; }
#details h3 { margin: 0 0 5px 310px; }
#details ul { margin-bottom: 30px; }
#details li { margin-bottom: 8px; }
#details label { width: 135px; margin-right: 10px; float: left; }
#details input.submit { width: 87px; height: 31px; margin: 10px 0 0 310px; padding: 0; border-width: 0; display: block }
#details .remove-picture { margin-left: 145px; display: block; float: left; clear: left}
#details .edit { margin-left: 5px; }


/* color */
#details { background-image: url(../images/profile/frame/bg_middle.png); }
#details .w2 { background: transparent url(../images/profile/frame/bg_top.png) no-repeat scroll 0 0; }
#details .w1 { background: transparent url(../images/profile/frame/bg_bottom.png) no-repeat scroll bottom left; }

#details .name { color: #68644e; }
#details .status.online { background-image: url(../images/profile/online.png); }
#details .status.offline { background-image: url(../images/profile/offline.png); }
#details .member-since { background: transparent url(../images/profile/icon.png) no-repeat scroll 0 0; }
#details .picture { background: white url(../images/profile/avatar.png) no-repeat scroll center center; }

#details input.submit { color: white; background-image: url(../images/profile/update_button_bg.png); }

/* type */
#details .name { font-size: 24px; font-weight: bold; }
#details .edit { font-size: 12px; font-weight: normal; }

#details .member-since { font-size: 11px; }
#details .member-since .label { font-weight: bold; }
#details label { text-align: right; line-height: 25px; }
#details .email { line-height: 25px; }
#details input.submit { text-indent: 13px;font-size: 12px; font-family: verdana; font-weight: bold; }
#picture-row .no-picture { line-height: 26px; }