/* 
    Document   : forms.css
    Created on : 2009-jan-15, 20:09:41
    Author     : Patrik Högberg
    Description:
        Styles for forms.
*/

.errors {
	clear:both;
}

optgroup.parent {
	color:gray;
	font-weight: bold;
}
option.child {
	margin-left: 5px;
}

/**********************************************
* Interior profile form
***********************************************/
#editprofile dd label {
	font-weight:normal;
}

/**********************************************
* Profile layout form
***********************************************/
#editlayout dd label {
	font-weight:normal;
}

/**********************************************
* Profile image form
***********************************************/
#profile_picture {
	width:150px;
	height:150px;
	margin-right:10px;
	float:left;
	/* margin-left:10px; */
	border:gray solid 2px;
	background-color:#e7e7e7;
}
#profile_picture #empty {
	padding-top:55px;
	text-align:center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18pt;
    font-weight: bold;
    color: #999999;
}
#new_picture {
	height:40px;
	overflow:hidden;
}

/**********************************************
* Company registration/edit form
***********************************************/
#company_logo {
	float:left;
	width:250px;
	height:250px;
	margin-right:10px;
	text-align:center;
	background-color:#eeeeee;
	border:1px solid gray;
	overflow:hidden;
}
#company_partnerlink {
	float:left;
	width:250px;
	height:80px;
	margin-right:10px;
	text-align:center;
	background-color:#eeeeee;
	border:1px solid gray;
	overflow:hidden;
}
/**********************************************
* OpenID Provider forms
***********************************************/
.openid_provider_identifier {
	width:200px;
	float:left;
	/*
	background: #FFFFFF url(../images/backgrounds/www_hemochharmoni_se_label.png) no-repeat 0 -1px;
	padding-left:181px;
	*/
}
#registerForm pre {
	text-indent:0;
}
/**********************************************
* Forum report page
***********************************************/
#report_message_copy {
	width:430px;
	overflow:hidden;
	margin-left:18px;
	border:1px solid #AAAAAA;
	background:#EEEEEE;
	padding:5px;
}
/**********************************************
* Album update page
***********************************************/
.image_url {
	width:100%;
	margin-top:3px;
	margin-bottom:10px;
    color: #990033;
	text-align:center;
}

.imageviewouter {
	width:160px;
	/* height:230px; */
	margin-right:10px;
	float:left;
	overflow:hidden;
	clear:left;
}

.imageviewcontrols {
	text-align:left;
	padding-top:10px;
}
.imageviewcontrols img {
	margin-left:15px;
}
.imageview {
	width:154px;
	height:154px;
	/* margin-right:10px; */
	/* float:left; */
	/* margin-left:10px; */
	border:gray solid 2px;
	background-color:#e7e7e7;
	overflow:hidden;
}

.imageview.empty {
	background:#e7e7e7 url(../images/status/progress.gif) no-repeat 60px 55px;
}

.upload_image_title {
	/* clear:right; */
	float:left;
	width:90px;
	padding-left:7px;
	text-align:left;
	font-weight:bold;
	color:gray;
}
.upload_image_tags {
	position:relative;
	float:left;
	width:200px;
}
.upload_image_tags .taglist {
	color:gray;
}
.upload_image_tags .taglistlink {
	float:right;
}
.upload_image_form_details {
	float:left;
	width:309px;
	margin-bottom:10px;
}
.upload_image_form_top {
	width:309px;
	height:15px;
	background:url(../images/frames/gallary-form-top.png);
}
.upload_image_form_middle {
	width:309px;
	background:url(../images/frames/gallary-form-middle.png);
}
.upload_image_form_bottom {
	width:309px;
	height:23px;
	background:url(../images/frames/gallary-form-bottom.png);
}
.upload_image_form_middle label {
	font-weight:normal;
}
.upload_image_form_divider {
	clear:both;
	width:300px;
	height:1px;
	margin-left:4px;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:dashed 1px #87C9E5;
}
#album_update_header {
	position:relative;
	width:487px;
	height:24px;
	line-height:24px;
	color:#444444;
	padding-left:18px;
	background:url(../images/frames/album-header.gif);
}
#album_update_book {
	width:144px;
	height:65px;
	position:absolute;
	top:6px;
	left:350px;
	background:url(../images/frames/album-create.png);
}
#album_update_step1 {
	float:left;
	background:url(/images/icons/icon-create-album-no1.png) no-repeat;
	height:185px;
	width:30px;
	margin-right:10px;
	margin-left:6px;
}
#album_update_step2 {
	clear:both;
	float:left;
	background:url(/images/icons/icon-create-album-no2.png) no-repeat;
	height:75px;
	width:30px;
	margin-right:10px;
	margin-left:6px;
}
#album_update_step3 {
	clear:both;
	float:left;
	background:url(/images/icons/icon-create-album-no3.png) no-repeat;
	height:100px;
	width:30px;
	margin-right:10px;
	margin-left:6px;
}
#album_update_step4 {
	clear:both;
	float:left;
	background:url(/images/icons/icon-create-album-no4.png) no-repeat;
	height:33px;
	width:30px;
	margin-right:10px;
	margin-left:6px;
}
.album_update_divider {
	clear:both;
	width:500px;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:dashed 1px #E9E9E9;
}
#album_theme label {
	font-weight:normal;
}
#browse_images, #browse_picture {
	border:1px solid #aaaaaa;
	background:#e0e0e0 repeat-x scroll 0px;
	font-size:12px;
	width:201px;
	height:24px;
	vertical-align:middle; /* emulates a <button> if node is not */
	text-align:center;
}
.btnHover{
	background:#eaeaea repeat-x scroll 0px;
    cursor:pointer;
    font-weight:bold;
}
.btnActive{
	background-color:#144D9E;
}

.btnDisabled{
	background-color:#666;
	color:#999;
	border:1px solid #999;
}

/*******************************************************
* Image content box
********************************************************/
.image_content_box {
	display:none;
	position:absolute;
	top:28px;
	left:150px;
	width:596px;
	height:347px;
	text-align:left;
	background:url(../images/frames/image-content-frame.png) no-repeat;
	z-index:20;
	color:#666666;
	font-size:11px;
	font-weight:normal;
	opacity: 0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
.image_content_box #close {
	position:absolute;
	top:18px;
	left:560px;
}
.image_content_box #submit {
	position:absolute;
	top:300px;
	right:40px;
}
.image_content_box .column {
	padding-left:20px;
	width:170px;
}
.image_content_box .first {
	margin-left:10px;
}
.image_content_box .title {
	height:45px;
	line-height:50px;
	font-weight:bold;
}
.image_content_box .content {
	margin-top:-5px;
	height:290px;
	overflow:auto;
}
.image_content_box .last {
	margin-top:5px;
	height:240px;
}
.image_content_box ul {
	width:155px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
.image_content_box ul.category li {
	margin-left:17px;
	line-height:23px;
	text-indent:6px;
}
.image_content_box ul.children li {
	text-indent:-6px;
	height:19px;
	line-height:19px;
}
.image_content_box ul.children li img {
	margin-bottom:-2px;
	margin-right:5px;
}
.image_content_box li a {
	display:block;
}
.image_content_box li a.selected {
	background:url(../images/frames/image-category-background.png);
	color:white;
	font-weight:bold;
}