body{
	margin:0px; 
	padding:0px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
}

.container{
	position:relative;
	width:900px;
	height:auto;
	margin:0px auto;
}

.sub_container_top{
	position:relative;
	width:889px;
	height:auto;
	margin:0px auto;
}

.clear{clear:both;}

p{ margin:0px; padding:0px; padding-top:6px; padding-bottom:6px;}

img{ border:none;}


/**************************************** top bg css ***********************************************/

#sub_top_bg{
	position:relative;
	background:url(../images/subpage_top_bg.jpg) repeat-x center center;
	height:203px;
	width:100%;
}

#left_top_bg{
	position:relative;
	width:auto;
	height:auto;
	float:left;
}

#rite_top_bg{
	position:relative;
	width:459px;
	height:auto;
	float:right;
}

#top_blue_bg{
	position:relative;
	background:url(../images/subpage_nav_bg.png) no-repeat;
	width:459px;
	height:31px;
}

.cover_blue_bg{
	position:relative;
	width:450px;
	height:auto;
	margin:0px auto;
	padding-top:4px;
}


ul.top_menu{ margin:0px; padding:0px; list-style:none;}
ul.top_menu li{ float:left; width:auto; height:auto; padding:0px 6px; font-weight:bold; font-size:13px;}
ul.top_menu li a{ color:#115861; text-decoration:none;}
ul.top_menu li a:hover{ color:#115861; text-decoration:underline;}


#sub_sologan{
	position:relativee;
	background:url(../images/subpage_slogan.png) no-repeat;
	width:369px;
	height:49px;
	margin-top:10px;
}


/**************************************** top bg css ***********************************************/


/**************************************** Navigation css ***********************************************/


#navigation{
	position:relative;
	background:url(../images/subpage_navigation_bg.png) no-repeat;
	width:889px;
	height:62px;
	margin-top:5px;
}

ul.nav_menu{ margin:0px; padding:0px; list-style:none; padding-left:30px;}
ul.nav_menu li{ float:left; width:auto; height:auto; padding-top:8px; }
li.other_li{ padding-left:40px; margin-top:3px; }


/**************************************** Navigation css End here ***********************************************/






#mid_blue_bg{
	position:relative;
	background:url(../images/subpage_content_mid.png) repeat-y;
	width:889px;
	height:auto;
}

#bot_blue_bg{
	position:relative;
	background:url(../images/subpage_content_bottom.png) no-repeat;
	width:889px;
	height:14px;
}


#left_inner_mid{
	position:relative;
	width:250px;
	height:auto;
	float:left;
	margin-left:10px;
	padding-top:10px;
}

#rite_inner_mid{
	position:relative;
	width:892px;
	height:auto;
	float:left;
	margin-left:0px;
	padding-top:10px;
}

#white_top_bg{
	position:relative;
	width:245px;
	background:url(../images/subpage_content_left_top.png) no-repeat;
	height:15px;
}

#white_bot_bg{
	position:relative;
	width:245px;
	background:url(../images/subpage_content_left_bottom.png) no-repeat;
	height:11px;
}

#white_mid_bg{
	position:relative;
	background:url(../images/subpage_content_left_mid.png) repeat-y;
	width:245px;
	height:auto;
}

.cover_white_bg{
	position:relative;
	width:212px;
	height:auto;
	margin:0px auto;
	font-size:11px;
}

.user_pannel{ position:relative; background:url(../images/userpanel_image2.png) no-repeat; width:49px; height:49px; float:left}
.user_pannel2{ position:relative; width:49px; height:49px; float:left; margin-left:5px;}
.see_more{ float:right; font-size:11px; position:relative; padding-right:0px;}
.see_more a{ color:#000; text-decoration:none;}
.see_more a:hover{  text-decoration:underline;}


.user_pic{
	position:relative;
	float:left;
	width:auto;
	height:auto;
	margin-top:5px;
}

.user_name_heading{
	position:relative;
	float:left;
	width:auto;
	height:auto;
	margin-top:30px;
	margin-left:20px;
}

.create_new_album{
	position:relative;
	width:auto;
	height:auto;
	margin-top:70px;
}

.select_name{ position:relative; float:left; text-align:right; padding-top:30px; width:200px; height:auto; padding-right:15px;}


.select_album_field{ position:relative; float:left; width:260px; height:auto; margin-top:20px;}

.inside_album_name{ background:url(../images/inputfield_text.png) no-repeat; padding-top:7px; width:256px; height:32px; border:none; font-size:16px; padding-left:4px;}

.create_butt{ position:relative;  width:111px; height:40px; float:left; margin-top:30px; margin-left:110px;}

.reset_butt{ position:relative;  width:111px; height:40px; float:left; margin-top:30px; margin-left:20px;}

.sign_reset_butt{ position:relative;  width:111px; height:40px; float:right; margin-top:30px; margin-left:100px;}

.inside_create{background:url(../images/button_create.png) no-repeat; border:none; width:111px; height:40px;}
.inside_signin{background:url(../images/button_signin.png) no-repeat; border:none; width:111px; height:40px;}
.inside_signup{background:url(../images/button_signup.png) no-repeat; border:none; width:111px; height:40px;}
.inside_reset{background:url(../images/button_reset.png) no-repeat; width:111px; height:40px; border:none;}


/************************************Public time line page css  ***************************************************/

.public_timeline_pic{
	position:relative;
	width:auto;
	height:auto;
	float:left;
	padding-top:20px;
}

.side_div{
	position:relative;
	float:left;
	width:150px;
	height:auto;
	float:left;
	font-weight:bold;
	padding-top:40px;
}

.side_div p span{ font-size:12px; font-weight:normal;}

.public_white_bg{ 
position:relative; 
background:url(../images/publictime_commentbox.png) no-repeat;
width:563px;
height:92px;
margin-left:9px;
margin-top:-8px;
}

.comments{
	position:relative;
	font-size:13px;
	float:left;
	margin-left:10px;
	margin-top:30px;
}

.public_timeline_pic2{
	position:relative;
	width:auto;
	height:auto;
	float:left;
	margin-top:18px;
	margin-left:30px;
}

.next_page{ color:#00A6DE; position:relative; width:80px; float:right; padding-top:10px; font-size:12px;}
.next_page a{ color:#00A6DE; text-decoration:none;}
.next_page a:hover{ color:#00A6DE; text-decoration:underline;}

#rite_inner_mid_public{
	position:relative;
	width:580px;
	height:auto;
	float:left;
	margin-left:12px;
	padding-top:10px;
}



/************************************Public time line page css END  ***************************************************/








/************************************Share Album page css ***************************************************/




.inside_list_menu{ position:relative; padding-top:3px;  width:256px; height:36px; }


.inside_txt_area{ position:relative; background:url(../images/inputfield_message.png) no-repeat; width:263px; height:70px; border:none; padding-top:6px; font-size:15px; padding-left:4px; font-family:Arial, Helvetica, sans-serif; overflow:auto;} 

.commnets_left{ position:relative; padding-top:20px; float:left; padding-right:10px; width:155px; text-align:right;}

.inside_syn{background:url(../images/button_sync.png) no-repeat; border:none; width:111px; height:40px; }

.syn_butt{ position:relative;  width:111px; height:40px; float:left; margin-top:30px; margin-left:100px;}



/************************************Share Album page css END  ***************************************************/

/************************************upload page css END  ***************************************************/


#rite_inner_mid_user{
	position:relative;
	width:600px;
	height:auto;
	float:left;
	margin-left:12px;
	padding-top:10px;
}
.image1{ position:relative; width:auto; height:auto; float:left; margin-top:20px;}
.image2{ position:relative; width:auto; height:auto; float:left; margin-top:20px; margin-left:20px;}
.album_name{ padding:0px; margin:0px; font-size:12px; padding-left:50px;}


/************************************upload page css END  ***************************************************/


.album_title{ position:relative; float:left; width:auto; height:auto; padding-top:10px; font-size:12px; font-weight:bold;}
.zoom_div{ position:relative; background:url(../images/viewalbum_zoom.png) no-repeat; width:258px; height:17px; float:right; margin-top:10px;}

.big_img{position:relative; background:url(../images/dummypic.jpg) no-repeat; width:581px; height:340px; margin-top:20px;}

.thumb_pic{ position:relative; background:url(../images/dummy_thumbs.jpg) no-repeat; width:581px; height:61px;}

.decription{ position:relative; background:url(../images/viewalbum_controls.jpg) no-repeat; width:581px; height:26px;}


























/************************************* Footer start fromm here ****************************************/

#footer_bg{
	position:relative;
	background:url(../images/footer_bg.jpg) repeat-x center center;
	height:283px;
	width:100%;
	margin-top:40px;
}

#footer_links{
	position:relative;
	float:right;
	width:320px;
	height:auto;
	color:#04281c;
	font-size:15px;
	padding-top:115px;
	text-align:right;
}

ul.footer_menu{ margin:0px; padding:0px; list-style:none; padding-bottom:30px;}
ul.footer_menu li{ float:left; width:auto; height:auto; padding-left:8px;}
ul.footer_menu li a{ color:#04281c; text-decoration:none;}
ul.footer_menu li a:hover{ text-decoration:underline;}


#footer_links a{ color:#04281c; text-decoration:none;}
#footer_links a:hover{ color:#04281c; text-decoration:underline;}



/************************************* Footer End fromm here ****************************************/