* {margin: 0; padding: 0;}
/*body {background:url(images/top_bg.gif) repeat-x top #ffffff; font-size:100%; line-height: 1em; font-family:tahoma; color:#4e565a; text-align:center;}*/
body {font-size:100%; line-height: 1em; font-family:tahoma; color:#4e565a; text-align:center; background-color: #FFF;}

/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#000000; font-weight:normal; font-size:1em}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
#content ul{margin:0px; padding:0px; list-style:none;}
#content ul li { line-height:1.9em}
#content ul li a{text-decoration:none; color:#313131; background:url(images/marker_list.gif) no-repeat 0 5px; padding-left:8px}
#content ul li a:hover{
	text-decoration:none;
	color:#3CF
}

ul.list_2 {margin:0px; padding:0px; list-style:none}
ul.list_2 li { line-height:1.82em}
ul.list_2 li a{text-decoration:none; color:#01a1ce; background:url(images/marker_list2.gif) no-repeat 0 5px; padding-left:8px}
ul.list_2 li a:hover{ text-decoration:none; background:#01a1ce; color:#fff}

dl.free {}
.free dt {color:#01a1ce; font-weight:bold; font-size:1.09em; line-height:1.5em; margin-bottom:3px}
.free dd {padding-bottom:16px; background:url(images/line_bg.gif) repeat-x bottom; margin-bottom:16px}
.free dd.none {background:none; margin-bottom:0}
.free dd a {color:#4e565a; text-decoration:none}
.free dd a:hover {color:#01a1ce}
.free dd a.download {color:#01a1ce; font-weight:bold; font-size:1.09em; line-height:1.5em; text-decoration:none; display:block; margin-top:2px}
.free dd a.download:hover {color:#4e565a}
/*==========================================*/

a {text-decoration:underline; color:#01a1ce}
a:hover {text-decoration:none}

a.link {text-decoration:none; color:#313131; background:url(images/marker_link.gif) no-repeat 0 3px; padding-left:19px; font-weight:bold}
a.link:hover {text-decoration:none; background:url(images/marker_link.gif) no-repeat 0 0}

.fright {float:right}
.column { float:left;}
.clear { clear:both;}

p {margin:0 0 14px 0}
.p1 {margin:0 0 28px 0}
.p2 {margin:0 0 14px 0}
.p2:first-line {color:#01a1ce; font-weight:bold}

.font_1 {color:#01a1ce; font-size:1.09em}

.jump_1 {width:164px; height:20px; border:solid 1px #b4babd; color:#313131; padding-left:5px; margin-right:6px}
.jump_2 {width:149px; height:20px; border:solid 1px #b4babd; color:#313131; padding-left:5px}

.input_1 {width:139px; height:17px; border:solid 1px #b4babd; color:#313131; padding-left:5px}
.div_input {height:33px}
.form {height:33px; width:100%}

/*header*/
#header { height:460px}

.logo {position:absolute; margin:0 0 0 35px}

.menu {width:780px; position:absolute; margin:31px 0 0 35px; background:url(images/menu_bg.gif) repeat-x top; height:55px}
.menu img {margin-top:10px}
.menu a:link, .menu a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #09C;
	text-decoration: none;
}
.menu a:hover {
	color: #00F;
}

.m1 {margin-left:27px}

.menu_top {
	color:#778693;
	position: absolute;
	margin: 34px 0 0 0px;
	text-align: right;
	font: 0.6875em/1.82em Tahoma, Geneva, sans-serif;
	height: 3em;
	width: 820px;
}
.menu_top a {color:#778693; text-decoration:none}
.menu_top a:hover {text-decoration:underline}

.header_imgs {position:absolute; margin:86px 0px 0px 35px; width:780px}
.header_imgs .header_block {height:39px; margin-top:1px; font-family:tahoma; font-size:0.6875em; line-height:1.09em; color:#dde6e8}
.header_imgs .header_block a.pages {color:#dde6e8; text-decoration:none; width:17px; text-align:center; padding:3px 0 3px 0; float:left; margin-right:4px}
.header_imgs .header_block a.pages:hover {font-weight:bold; background:#313131}
.header_imgs .header_block a.pages:active {font-weight:bold; background:#313131}
.header_imgs .header_block .prev {position:absolute; margin:11px 0 0 0}
.header_imgs .header_block .next {position:absolute; margin:11px 0 0 246px}
.header_imgs .header_block .stop {position:absolute; margin:11px 0 0 750px}
.header_imgs .header_block .ind {padding:11px 0 0 25px}

/*content*/
#content {font-size:0.6875em; line-height:1.27em; min-height:809px; height:auto !important; height:820px}
.title_1 {margin-bottom:24px}
.title_2 {margin-bottom:20px}
.title_3 {margin-bottom:11px}
.img_left {float:left; margin:0 20px 20px 0}
.img {margin-bottom:10px}

#content .indent_1 {padding:24px 30px 0 29px}
#content .indent_2 {
	padding-top: 0;
	padding-right: 27px;
	padding-bottom: 5px;
	padding-left: 0;
}

.line {background:url(images/line_bg.gif) repeat-x left top; height:20px}

/*footer*/
#footer_main {width:100%; background:url(images/footer_bg.gif) repeat-x top #f2f5f6; height: 3em;}
#footer { color:#808d94; font-size:0.6875em; line-height:4.1em; text-indent:37px; text-align:left}
#footer a {color:#808d94; text-decoration:none}
#footer a:hover {text-decoration:underline}


/*================== index.html ==================*/
#page1 #content .col_1 .indent { padding:32px 15px 20px 36px;}

/*================= Create Profile ================*/
.TabbedPanelsContent { margin: 50px 0px 25px 0px;}
.c_profile_tab { background: url(images/mt.jpg) no-repeat;padding: 10px; border-bottom:1px solid #ccc; width:72px; text-align:center; font-weight:bold; float:left; list-style-type:none; cursor:pointer;}
.c_profile_tabp{ background: url(images/mtp.jpg) no-repeat;padding: 10px; border-bottom:1px solid #ccc; width:110px; text-align:center; font-weight:bold; float:left; list-style-type:none; cursor:pointer;}
#cprofile_info { background:#f5fafa; /*border:1px solid #ddd;*/ width:99.5%; float:left;}
#cprofile_coninfo { background:#f5fafa; /*border:1px solid #ddd;*/ width:99.5%;float:left;}
#cprofile_aboutme { background:#f5fafa; /*border:1px solid #ddd;*/ width: 99.5%;float:left;}
#cprofile_projects { background:#f5fafa; /*border:1px solid #ddd;*/width: 99.5%;float:left;}
#cprofile_albums { background:#f5fafa; /*border:1px solid #ddd;*/ width:99.5%;float:left;}
#cprofile_sales { background:#f5fafa; /*border:1px solid #ddd;*/ width:99.5%;float:left;}
#cprofile_privacy { background:#f5fafa; /*border:1px solid #ddd;*/ width:99.5%; float:left;}
.cprofile_editinfo { /*border:1px solid #999;*/ width: 550px; margin:0px 0px 0px 3px;}
.cprofile_editb_l { /*border-bottom:1px solid #ccc;*/ padding:5px;}
.cprofile_edititle { width:88px; font-weight:bold; float:left; margin:3px 0px -3px 0px;}
.cprofile_ava { float: left; text-align: right;}
.cprofile_imgava { background:#efefef; border:1px solid #ccc; padding:10px; margin:10px}

/*================= View Profile =================*/
.vprofile_views { background:#efefef; border:1px dashed #ccc; font-weight: bold; padding:8px 0px 8px 5px; margin-bottom:5px;}
.vprofile_outerdiv {
	padding:5px 5px 15px 5px;
	margin-top:0;
	border:1px dashed #777;
	text-align:left;
	width:95%;
	float:left;
}
.vprofile_innerdiv { background-color:white; width:100%; float:left;}
.vprofile_uinfo {
	margin:0px;
	text-align:left;
	padding-top: 10px;
}
.vprofile_utitle { font-weight:bold; padding:4px 0px 4px 0px;}
.vprofile_uatt { font-weight:normal;}
.vprofile_uother { margin:0px 0px 10px 10px;}
.vprofile_textb { border:1px dashed #ccc; width:239px; height:73px; overflow:auto;}
.vprofile_textb_hover:hover { background:#CCFFFF;border:1px dashed #ccc; width:239px; height:73px; overflow:auto;}
.vprofile_commentsTab { background:#efefef; border:1px dashed #ccc; width:488px; padding:5px; cursor:pointer;}
.commentBy { margin-bottom:3px;font-size:10px;font-style:italic;color:#666;}
.commentMenuBar { text-align:right; padding-right: 5px;}
.commentNLoggedin { margin:10px 0px 10px 0px;text-align:center;}
.commentSepLine { border-top:1px solid #efefef;}
.commentText {
	margin:10px 0px 3px 0px;
	font-size:11px;
	color:#555;
}
.commentUserLinks { text-decoration:none; color:#01a1ce;}
.commentAva { padding-right: 10px; float:left;}
#userNewCommentMain { margin-bottom:10px;}
#userNewCommentText { margin:10px 0px 3px 0px;font-size:11px;color:#555;}
#userPostNewComment { float:left;margin-bottom:10px;}
#userComment { border:1px solid #ccc;width:406px;height:35px;padding:3px;font-size:11px;color:#555;}
#commentPostButton { background:#f5f5f5;border:1px solid #ccc;margin: 0px 0px 0px 5px;width:50px;height:43px;}
#userCommentWarn { margin:10px 0px 10px 0px;font-size:11px;width:100%;color:#aa0000;}


/*==================block====================*/
.block {
	float:left;
	width:383px;
	line-height:1em;
	min-height:237px;
	height:auto !important;
	height:237px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin-left: 6px;
}
.block .l_t { 
	/*background:url(images/left_top_1.gif) left top no-repeat; */
	min-height:239px; height:auto !important; height:239px; width:100%}
/*.block .r_t { background:url(images/right_top_1.gif) right top no-repeat;}
.block .r_b { background:url(images/right_bot_1.gif) right bottom no-repeat;}
.block .l_b { background:url(images/left_bot_1.gif) left bottom no-repeat;}
.block .left {background:url(images/left_1.gif) repeat-y left}
.block .top {background:url(images/top_1.gif) repeat-x top}
.block .right {background:url(images/right_1.gif) repeat-y right}
.block .bot {background:url(images/bot_1.gif) repeat-x bottom}*/
.block .ind {padding:29px 10px 20px 37px}
.block .box {width:100%}
.block .column {width:82px}

.block_1 {
	float: right;
	width: 383px;
	min-height:237px;
	height:auto !important;
	height:237px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin-right: 5px;
}
.block_1 .l_t { 
	/*background:url(images/left_top_1.gif) left top no-repeat; */
	min-height:239px; height:auto !important; height:239px; width:100%}
/*.block_1 .r_t { background:url(images/right_top_1.gif) right top no-repeat;}
.block_1 .r_b { background:url(images/right_bot_1.gif) right bottom no-repeat;}
.block_1 .l_b { background:url(images/left_bot_1.gif) left bottom no-repeat;}
.block_1 .left {background:url(images/left_1.gif) repeat-y left}
.block_1 .top {background:url(images/top_1.gif) repeat-x top}
.block_1 .right {background:url(images/right_1.gif) repeat-y right}
.block_1 .bot {background:url(images/bot_1.gif) repeat-x bottom}*/
.block_1 .ind {padding:29px 0 20px 36px}
.block_1 .column {width:175px}
.block_1 .fright {margin:7px 36px 0 0}

.block_3 { background:#f5f8fa; width:100%; margin-top:14px}
.block_3 .l_t { background:url(images/left_top_3.gif) left top no-repeat; min-height:502px; height:auto !important; height:502px; width:100%}
.block_3 .r_t { background:url(images/right_top_3.gif) right top no-repeat;}
.block_3 .r_b { background:url(images/right_bot_3.gif) right bottom no-repeat;}
.block_3 .l_b { background:url(images/left_bot_3.gif) left bottom no-repeat;}
.block_3 .left {background:url(images/left_3.gif) repeat-y left}
.block_3 .top {background:url(images/top_3.gif) repeat-x top}
.block_3 .right {background:url(images/right_3.gif) repeat-y right}
.block_3 .bot {background:url(images/bot_3.gif) repeat-x bottom}
.block_3 .ind {padding:38px 32px 18px 40px}
/*==========================================*/