@charset "utf-8";
body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 20px;
}

#container {
	background-color: #FFFFFF;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	top: 0px;
}

h6 {
	font-size: 9px;
	color: #669900;
}

.pera {
	font-size: 10px;
	line-height: 15px;
	color: #0000CC;
}

.user_home_data {
	background-color: #666666;
	width: 980px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
}
.big_pic_box {
	height: auto;
	width: auto;
	text-align: center;
	margin: 5px;
	padding: 5px;
}
.small_pic_box {
	height: 45px;
	width: 45px;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.small_pic_box_text {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
.white_header {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.gray_box {
	padding: 10px;
	height: 100px;
	width: 430px;
	background-color: #ababab;
	background-image: url(images/gray_logo.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


.user_home_data_heading {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

.small_curve_top {
	background: url(images/small_curve_top.gif) no-repeat center bottom;
}
.small_curve_mid {
	background: url(images/small_curve_mid.gif) repeat-y center;
}
.small_curve_btm {
	background: url(images/small_curve_btm.gif) no-repeat center top;
}

.big_curve_mid {
	background-image: url(images/big_curve_mid.gif);
	background-repeat: repeat-y;
	width: 316px;
	float: left;
}
.big_curve_btm {
	background-image: url(images/big_curve_btm.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 10px;
	width: 316px;
	float: left;
}
.big_curve_top {
	background-image: url(images/big_curve_top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 21px;
	width: 316px;
	padding-left: 0px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.menu_pan {
	background-image: url(images/menu_pan.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 17px;
	width: 450px;
	float: left;
	padding: 0px;
}
.profile_photo{ margin:5px; border:8px #FFCC00 solid;  }
.profile_menu{
	list-style:none;
	display:block;
	padding-left:15px;
	color: #333333;
}
.profile_menu ul {
	margin: 0px;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}
.profile_menu li {
	list-style-image: none;
	list-style-type: none;
}

.profile_menu img{ border:none; }
.profile_menu a{
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	font-size:11px;
}
.friend_list{ width:60px; height:100px; background:#FFCC00; border:8px #FFCC00 solid; float:left; margin:2px;}
.friend_list img{width:60px; height:60px; border:none;}
.friend_name{font-size:10px; color:#006600;}
.friend_req{ width:60px; height:100px; background:#FFCC00; border:8px #FFCC00 solid; float:left; margin:2px;}
.friend_req img{border:none;}
.question_list{ padding:5px; border:1px solid #FFCC00; margin:2px;}
.question_list a{ color:#FFFFFF;}
.question{
	padding:8px;
	border:2px solid #84C223;
	margin:5px;
	background-color: #ECF9D9;
	font-size: 12px;
	color: #333333;
	width: 789px;
}
.answer{
	padding:8px;
	border:2px solid #0099FF;
	margin:0px 5px 5px 5px;
	background-color: #D2EDFF;
	color: #333333;
}
.answer img{ border:3px solid #FFCC00;}
 
.answer_header{
	padding:1px;
	font-weight:bold;
	background-color: #0099FF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	width: 806px;
}

.answer_form {
	background-color: #D2EDFF;
	padding: 8px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 2px solid #0099FF;
	width: 789px;
}
.button_color {
	background-color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	border-top-width: none;
	border-right-width: none;
	border-bottom-width: none;
	border-left-width: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}
.album_cover{ width:140px; height:150px; float:left; border:3px solid #999999; margin:5px; padding:6px;}
.album_cover:hover{border:3px solid #FFFFFF;}
.comment{ padding:5px; margin:2px; border:1px solid #FFFFFF;}
.message_list {
	background-color: #CDE699;
	border: 2px solid #789E27;
	color: #333333;
	width: 789px;
	padding: 8px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.message_list img{ border:3px solid #FFCC00;}
.search_result{padding:8px;
	border:2px solid #0099FF;
	margin:0px 5px 5px 5px;
	background-color: #D2EDFF;
	color: #333333;}
.search_result img{ border:2px solid #FFCC00;
}
.top_menu {
	color: #333333;
	background-color: #FFCC00;
	border: 2px solid #AA8800;
	margin: 5px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	width: auto;
	text-align: right;
}

.top_menu a {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
.top_menu a:hover {
	text-decoration: underline;
}

.mycommunity_box {
	
	padding: 10px;
}
.tital_curve {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 5px;
}

.community_login_box   a   {
	font-size: 12px;
	font-weight: bold;
	color: #0066FF;
	text-decoration: underline;
}
.mycommunity_box     h1 {
	color: #669900;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.community_login_box {
	width: auto;
	border: 2px solid #EEF9DD;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	margin: 5px;
}
.user_middle_bar a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}


.user_top {
	background-image: url(images/small_curve_top.png);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	height: 9px;
	width: 140px;
}
.user_mid {
	background-image: url(images/small_curve_mid.png);
	background-repeat: repeat-y;
	width: 140px;
	float: left;
}
.user_btm {
	background-image: url(images/small_curve_btm.png);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 9px;
	width: 140px;
}


.community_login_box h3 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.right_box_container{ width:300px; padding:5px; height:auto;}
.user_middle_bar {
	width: auto;
	border: 2px solid #EEF9DD;
	padding-right: 10px;
	padding-left: 10px;
	margin: 5px;
}
#study_home
{
	float:left;
	width:146px;
	height:30px;
}
#usernav {
	height: 30px;
	background-image: url(images/nav.jpg);
	width: 624px;
	background-repeat:repeat-x;
	float: left;
	}
.search_bar {
	background-image: url(images/search_bar_back.gif);
	background-repeat: no-repeat;
	float: right;
	height: 30px;
	width: 185px;
	}
#usernav ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 10px;
	padding-right: 0px;
}

#usernav li {
	float: left;
	padding: 0px;
	margin: 0px;
	width: auto;
	list-style-image: none;
	list-style-type: none;
}
#usernav li a:link, #usernav a:visited, #usernav a:active {
	display: block;
	width: auto;
	text-decoration: none;
	color: #FFFFFF;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 25px;
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;
	padding-top: 5px;
	float: left;
	margin: 0;
}
#usernav li a:hover {
	color: #FFFFFF;
	background-image: url(images/nav_hover.png);
	background-repeat: repeat-x;
}
img {
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}
.message_box
{
	background-color:#C9EA97;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.album_box {
	height: 69px;
	width: 66px;
	background-image: url(../images/album_icon.png);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-right: 8px;
	padding-bottom: 16px;
	padding-left: 26px;
}
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #009900;
	background-color: #eef9df;
	text-decoration: none; /* no underline */
	color: #247c01;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #009900;
	
	color: #247c01;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #009900;
		
		font-weight: bold;
		background-color: #247c01;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #009900;
	
		color: #009900;
	}
		
		div.domtab{
	width:706;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
		}
		ul.domtabs{
	float:left;
	width:700px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: -1px;
	margin-left: 0;
	padding: 0px;
		}
		ul.domtabs li{
	float:left;
	list-style-image: none;
	list-style-type: none;
	padding-top: 0;
	padding-right: 0px;
	padding-left: 0;
	padding-bottom: 0px;
	margin-left: -1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
		}
.user_side_bar {
	padding: 10px;
	float: left;
	width: 230px;
}
.green_box {
	width: 210px;
	border: 1px solid #84c228;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.user_content {
	padding: 10px;
	float: right;
	width: 720px;
	margin-top: 0px;
}
.gradiant_back {
	background-image: url(images/div_back.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	width: auto;
	height: auto;
}

		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
	width:120px;
	display:block;
	color:#84c228;
	height:21px;
	font-weight:bold;
	text-decoration:none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #84c228;
	border-right-color: #84c228;
	border-left-color: #84c228;
	background-image: url(images/dob_tab_li_inactive.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
		}
	ul.domtabs a:hover{
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #84C228;
	border-right-color: #84C228;
	border-left-color: #84C228;
	color: #009900;
	background-image: url(images/dob_tab_li.jpg);
	background-repeat: repeat-x;
		}
		div.domtab div{
	width:auto;
	padding:10px;
	background-color: #FFFFFF;
	border: 1px solid #84C228;
	margin: 0px;
	clear: both;
		}
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
	color:#009900;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #84C228;
	border-left-color: #84C228;
	border-right-color: #84C228;
	background-image: url(images/dob_tab_li.jpg);
	background-repeat: repeat-x;
	height: 22px;
		}
		#domtabprintview{
			float:right;
			padding-right:1em;
			text-align:right;
		}
		#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover{
			color:#009900;
		}
		div.domtab div a:link,
		div.domtab div a:visited,
		div.domtab div a:active
		{
			color:#009900;
			font-weight:bold;
			font-size:14px;
		}
		div.domtab div h2 a,
		div.domtab div h2 a:hover,
		div.domtab div h2 a:active
		{
			color:#cfc;
			display:inline;
			padding:0;
			font-weight:normal;
			font-size:1em;
		}
		/*FOR INVITATION PAGE*/
		
 .user_middle_bar_message{
border:2px solid #EEF9DD;
margin:5px;
padding-left:10px;
padding-right:10px;
width:auto;}

span.user_middle_bar_message{color:#669900;}

#footer {
	clear: both;
	width: auto;
	padding: 5px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	height: auto;
}
#footer ul {
	list-style-type: none;
}
#footer li {
	font-family: verdana, arial;
	font-size: 10px;
	color: #666666;
	padding-bottom: 5px;
	display: inline;
}
#footer li a {
	text-decoration: none;
	color: #666666;
}
#footer li a:hover {
	text-decoration: underline;
	color: #333333;
}
.green_td {
	background-color: #85C226;
	font-weight: bold;
	color: #FFFFFF;
}
#slideshow {
	width:620px;
	height:175px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #dcf2bd;
	border: 2px solid #84c228;
	float: left;
	position: relative;
	padding-top: 15px;
}
#slideshow a {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

#slideshow #slidesContainer {
	width:560px;
	height:165px;
	margin-top: 10px;
	margin-right:auto;
	margin-bottom: 10px;
	margin-left:auto;
	text-align: center;
	position: relative;
	overflow: auto;
	clear: both;
}
#slideshow #slidesContainer .slide {
	width:120px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:165px;
	float: left;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	position: relative;
}

/** 
 * Slideshow controls style rules.
 */
.control {
	display:block;
	width:30px;
	height:190px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
	text-align: center;
	background-color: #84c228;
}
#leftControl {
	top:0;
	left:0;
	background-image: url(images/control_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #84c228;
}
.slide_margin {
	margin-right: 20px;
	margin-left: 20px;
}
#rightControl {
	top:0;
	right:0;
	background-color: #84c228;
	background-image: url(images/control_right.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#leftControl_off {
	top:0;
	left:0;
	background-image: url(images/control_left_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #84c228;
}
#rightControl_off {
	top:0;
	right:0;
	background-color: #84c228;
	background-image: url(images/control_right_off.png);
	background-repeat: no-repeat;
	background-position: center center;
}