/********************************************/
/* four rounded corner window */
/********************************************/

#four_corner_bottom {
	display:inline;
	float:left;
	width:475px;
	height:12px;
	background-image:url("http://images06.alloy.com/images/quizzes/4corner_small_bottom.gif");
	background-repeat:no-repeat;
	background-position:top;
	padding:0;
	margin:0;
}

#four_corner_top {
	display:inline;
	float:left;
	width:475px;
	height:12px;
	background-image:url("http://images06.alloy.com/images/quizzes/4corner_small_top.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0;
	margin:0;
}

#four_corner_body {
	display:inline; 
	float:left;
	background-color:#FFFFFF;
	text-align:left;
	width:471px;
	padding:0;
	margin:0;
	border-left:2px solid #d5c9a3; 
	border-right:2px solid #d5c9a3; 
}
/********************************************/
/* profile layout */
/********************************************/
#main {
	width: 475px;
	display:inline;
	float: left;
	margin-left:3px;
	font-family:Arial;
	text-align:left;
}

#side_1 {
	display:inline;
	float: left;
	width: 207px;
	text-align:left;
}

#side_1 #bluetop_top_section {
	background-color:#d4e167;
	height:auto;
}

span.user_name_big {
	color:#fff;
	font-size:20px;
	margin:5px;
}

#side_1 #bluetop_top_section a {
	float:right;
	height:21px;
	margin:5px;

}

#side_1 #bluetop_top_section img {
	margin:2px;
	padding:0;
}

.profile_content {
	display:inline;
	float:left;
	width:204px;
	margin-top:5px;
	padding-left:3px;
	font-size:10px;
}

.profile_content a {
	font-weight:bold;
	color:#57a0ba;
}

.question_answer span.question {
	font-weight:bold;
	font-size:11px;
}

#quizCompareMeterDiv {
	color:#a2ccdb;
	font-size:20px;
	text-align:left;
}

#quizCompareMeterDiv p {
	padding:30px;
}

#compare_text {
	font-size:13px;
	display:float;
	margin-left:150px;
}
/********************************************/
/* some blue font style */
/********************************************/
.blue_font {
	font-weight:bold;
	color:#57a0ba;
}
/********************************************/
/* quizzes_taken */
/********************************************/
#quizzes_taken {
	display:inline;
	float:left;
	margin-top:3px;
	width:475px;
}

#quizzes_taken #bluetop_top_section {
	background-image:url(http://images06.alloy.com/images/quizzes/quizzestaken_title.gif);
	background-repeat:no-repeat;
}

#quiz_taken {
	margin:5px 0 5px 5px;
	display:inline;
	float:left;
	width:470px;
	padding:0;
}

#quiz_taken #text_wrap {
	display:inline;
	float:left;
	width:350px;
	height:60px;
	border-bottom:2px dotted #9c8f5b;
	padding-left:20px;
	margin:0;
}

#quiz_taken_result {
	font-size:18px;
	color:#9c8f5b;
	text-decoration:none;
	
}

#quiz_taken_title {
	font-size:16px;
	color:#767676;
}

/**********profile manage**************/
form.profile_form {
	display:inline;
	float:left;
	width:100%;
}

.profile_form #left_wrap, #right_wrap {
	display:inline;
	float:left;
	width:320px;
}

#basic_info, #profile_info, #profile_manager_privacy, #profile_manager_boards, #profile_manager_photos {
	display:inline;
	float:left;
	width:100%;
	text-align:left;
	margin-top:20px;
	margin-left:17px;
}

span.profile_module_title {
	display:inline;
	float:left;
	font-size:15px;
	font-weight:bold;
}

#basic_info img, #basic_info li, #profile_manager_privacy li, #profile_manager_boards li {
	float:left;
	clear:left;
	margin-top:5px;
}

#profile_info label, #basic_info label, #profile_manager_privacy label, #profile_manager_boards label {
	font-weight:bold;
}

#profile_info ul li {
	display:inline;
	float:left;
	width:320px;
	margin-top:5px;
}

#profile_info textarea {
	float:left;
	width:310px;
	height:50px;
}

#profile_manager_photos ul {
	float:left;
	width:100%;
	padding-top:10px;
}

#profile_manager_photos ul li {
	float:left;
	padding-right:20px;
	height:130px;
}

.profile_manager #bluetop_top_section {
	background-image:url(http://images06.alloy.com/images/profile/profile_manager_title.gif);
	background-repeat:no-repeat;
}

.profile_form .submit_button {
	display:inline;
	float:left;
	margin-top:20px;
	margin-left:250px;
}
/*************photo_list_view******************/

.photo_list_view #bluetop_top_section {
	background-image:url("http://images06.alloy.com/images/profile/photo_title.gif");
	background-repeat:no-repeat;
}

#photo_list_items {
	display:inline;
	float:left;
	width:100%;
	margin:20px;
}

#photo_list_items ul li {
	display:inline;
	float:left;
	height:182px;
	width:84px;
	margin:0 30px 10px 0;
}

/*************photo_view******************/

.photo_view #bluetop_top_section {
	background-image:url("http://images06.alloy.com/images/profile/photo_title.gif");
	background-repeat:no-repeat;
}

span.photo_title, span.photo_view_title, span.photo_edit_title {
	display:block;
	margin:20px;
}

#photo_view_content {
	display:inline;
	float:left;
	width:100%;
}

#photo_view_content img, #photo_edit_content img{

	margin:auto;
}

/*************photo_edit******************/
.photo_edit #bluetop_top_section {
	background-image:url("http://images06.alloy.com/images/profile/photo_title.gif");
	background-repeat:no-repeat;
}

#photo_edit_content {
	float:left;
	width:100%;
}

#photo_edit_content label {
	float:left;
	clear:left;
	text-align:right;
	width:200px;
	margin-top:10px;
}

#photo_edit_content #title, #caption, #tags {
	margin-top:10px;
	float:left;
	width:340px;
}

/*************edit basic info******************/

#edit_basic_info form {
	margin-top:10px;
}

#edit_basic_info label {
	display:inline;
	float:left;
	clear:left;
	width:80px;
	text-align:right;
	margin-top:4px;
}

#edit_basic_info select, #edit_basic_info input{
	display:inline;
	float:left;
	width:220px;
	margin-top:5px;
}

#edit_basic_info input.submit_button {
	display:inline;
	float:left;
	width:100px;
	clear:left;
	margin-left:205px;
	padding:0;
}

.edit_basic_info #bluetop_top_section {
	background-image:url(http://images06.alloy.com/images/profile/edit_basic_info_title.gif);
	background-repeat:no-repeat;
}

/*************change password******************/

.change_password ul li {
	display:inline;
	float:left;
	clear:left;
	padding-top:5px;
}
.change_password label{
	display:inline;
	float:left;
	clear:left;
	width:140px;
	text-align:right;
	margin-top:4px;
}

.change_password #bluetop_top_section {
	background-image:url(http://images06.alloy.com/images/profile/change_password_title.gif);
	background-repeat:no-repeat;
}

.change_password form {
	display:inline;
	float:left;
	width:685px;
}

.change_password input.submit_button {
	display:inline;
	float:left;
	width:50px;
	clear:left;
	margin-left:237px;
	margin-top:5px;
	padding:0;
}


