@charset "utf-8";
/* CSS Document */

/* ==== General ==== */

html {
	margin:0 auto;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin:0 auto;
	padding:0;
	background:#ffe240;
}

#body_login {
	background:#282828 url(../images/home_bg_strip.jpg) repeat-x;
}

img {
	border:none;
	padding:0px;
	margin:0 auto;
}

.img_grid_import {
	float:left;
	width:320px;
	height:120px;
	text-align:center;
}

.img_grid img{
	border:3px solid #FFF;
}

.img_grid img:hover{
	border:3px solid #DDD;
}

p {
	margin:0 0 7px 0;
}

a {
	text-decoration:none;
	color:#06C;
}

a:hover {
	color:#F93;
}

.login a {
	color:#CCC;
	font-size:14px;
	font-weight:bold;
}

.login a:hover {
	color:#F93;
}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:#CCC 1px solid;
	background:#FFF url(../images/input_bg.jpg) repeat-x;
	color:#555;
	padding:5px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input.small {
	padding:3px;
}

input.radio {
	border:none;
	background:#FFF;
}

input.submit{
	background:url(../images/btn_bg.jpg) repeat-x;
	border:#CCC 1px solid;
	font-weight:bold;
	margin:0 auto;
	padding:5px 10px 5px 10px;
	overflow:visible;
	width:auto;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

input.submit:hover {
	border:#ffd87c 1px solid;	
	background:url(../images/btn_hover_bg.jpg) repeat-x;
	cursor:pointer;
}

input.submit2{
	background:url(../images/btn2_bg.jpg) repeat-x;
	border:#ffd87c 1px solid;
	font-weight:bold;
	padding:5px 10px 5px 10px;
}

input.submit2:hover {
	border:#CCC 1px solid;
	background:url(../images/btn2_hover_bg.jpg) repeat-x;
	cursor:pointer;
}

input[disabled]{ border: 1px solid #ccc; color:#999; } /* FF 2 Fix */

input[disabled]:hover { 
	cursor:default;	
	background:url(../images/btn_bg.jpg);
	border:#CCC 1px solid;
}

.btn_upload { 
	float:left;
	background:url(../images/btn_bg.jpg) repeat-x; 
	border:#CCC 1px solid; 
	height:28px;
	width:180px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.btn_upload:hover {
	border:#ffd87c 1px solid;	
	background:url(../images/btn_hover_bg.jpg) repeat-x;
	cursor:pointer;	
}

.btn_upload_small{ 
	float:right;
	background:url(../images/btn_bg.jpg) repeat-x; 
	border:#CCC 1px solid; 
	height:28px;
	width:80px;
	margin:10px 0 0 0;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.btn_upload_small:hover {
	border:#ffd87c 1px solid;	
	background:url(../images/btn_hover_bg.jpg) repeat-x;
	cursor:pointer;	
}

.btn_submit {
	float:left; 
	margin:0 0 0 10px;
}

.btn_submit2 {
	float:right; 
	margin-right:25px;
}
.btn_delete_wrap{
	width :14px; 
	height :14px;
}
.btn_delete_wrap:hover {
	background-color:#666;
	color:#FFF;
}
.btn_delete {
	height:10px;
	width:10px;
	font-style:normal;
	font-weight:bold;
	color:#999;
	font-size:13px;
}
.feed_bar{
	width : 480px;
	height : 25px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 15px;
	float: left;
	vertical-align : middle;
	background-color: #FFFFFF;
}

.feed_btn{
	width : 62px;
	height : 20px;
	font-weight : bold;
	float: left;
	border: 1px solid #AAAAAA;
	padding-top: 4px;
	text-align : center;
	font-size: 10pt;
	background-color:#F0F0F0;
	margin-left: 2px;
	color:#666;
}

.feed_btn:hover{
	background-color:#333;
	color:#FFF;
	cursor:hand;
}

.feed_btn_selected {
	background-color:#333;
	color:#FFF;
}

.feature_bar{
	width : 210px;
	height : 25px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 15px;
	float: left;
	vertical-align : middle;
	background-color: #FFFFFF;
}

.feature_btn{
	width : 66px;
	height : 20px;
	font-weight : bold;
	float: left;
	border: 1px solid #AAAAAA;
	padding-top: 4px;
	text-align : center;
	font-size: 8pt;
	background-color:#F0F0F0;
	margin-left: 1px;
	color:#666;
}

.feature_btn:hover{
	background-color:#333;
	color:#FFF;
	cursor:hand;
}

.feature_btn_selected {
	background-color:#333;
	color:#FFF;
}



.app_btn{
	width : 80px;
	height : 20px;
	font-weight : bold;
	float: left;
	border: 1px solid #AAAAAA;
	padding-top: 4px;
	text-align : center;
	font-size: 10pt;
	background-color:#F0F0F0;
	margin-left: 2px;
	color:#666;
}

.app_btn:hover{
	background-color:#333;
	color:#FFF;
	cursor:hand;
}

.app_btn_selected {
	background-color:#333;
	color:#FFF;
}

#password {
	font-size:10px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 18px;	
	color:#666;
	margin: 0 0 10px 0;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#06C;
	margin: 0 0 10px 0;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#C66;
	margin: 0 0 10px 0;
}

table {
	border:none;
	border-spacing:0px;
}

.table_title {
	font-weight:bold;
}

.table_skills, .table_top3, .table_awards, .table_certs, .table_work, .table_edu {
	margin-bottom:10px;
}

.table_skills td, .table_top3 td, .table_awards td, .table_certs td, .table_work td, .table_edu td{
	padding:3px 0 3px 0;
	height: 25px;
	vertical-align:middle;	
}

.table_profile td{
	padding:0px;
}

.tb_right {
	text-align: right;
    padding:5px;
}

.tb_left {
    text-align: left;
}


.alter_block{
	visibility: hidden;
}

td {
	vertical-align:middle;
	padding: 5px;
}

.table_search td{
	height:20px;
	padding: 0px;
}

.wrapper {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background:url(style/top_bg.jpg) repeat-x;	
}

.sub_wrapper {
	margin: auto;
	width: 1000px;
}

.main {
	width: 1000px;
	min-height:600px;
	height:auto !important;	
	margin: 0 auto;
	padding: 0;
}

.separator_s {
	width:146px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.separator_l {
	width:469px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.separator_xl {
	width:650px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

.grey {
	background:#333;
}

.msg {
	margin:auto auto 10px auto;
	max-width:500px;
	color:#FFF;
	text-align:center;
	padding:10px;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.msg a {
	color:#0CF;
}

.note {
	font-size:90%;
}

.warn {
	color:#F33;
	font-size:90%;
}

.hint {
	float:left;
	width:698px;
	border:1px solid #FC0;
	background:#FF9;
	padding:10px;
}
/* ==== End General ==== */

/* ==== Header ==== */
.header {
	float:left;
	width: 1000px;
	margin:0 auto;
	color:#CCC;
}

.topbar {
	float:left;
	width: 1000px;
	height: 94px;
	margin: 0 auto;
}

.topbar a{
	color:#fcd500;
}
.topbar a:hover {
	text-decoration:underline;
	background:none;
}

.logo a{
	float:left;
	width:277px;
	height:92px;
	margin:0 0 0 5px;
	background:url(style/logo.jpg);
}
.logo a:hover {
	background:url(style/logo.jpg);	
}

.topright {
	float:right;
	margin:60px 10px 0 0;
	font-size:14px;
}
.midbar {
	float:left;
	width: 1000px;
	height:35px;
	margin: 0 auto;	
	padding: 0;
}
.nav_wrap {
	float:left;
	margin: 1px 0 0 10px;
	padding: 0;
	height:35px;	
}
.nav {
	float:left;
	margin: 0 0 0 0;
	padding: 7px 0 7px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:14px;	
}
.nav_1{
	color:#DA500E;
}
.nav li {
	display:inline;	
	padding:0px;
	margin:0 10px 0 0;
}
.nav li a{
	color:#333;
}
.nav li a:hover{
	text-decoration:none;
	color:#F93;
}
.searchbox {
	float:right;
	margin: 0 10px 0 0;
	width:144px;
	height: 35px;
	background:url(style/search_box.jpg) no-repeat;
}
.search {
	float:left;
	border:none;
	padding: 0;
	margin: 11px 0 0 20px;
	height: 14px;
	width: 110px;
	font-size:10px;
	color:#333;
}
.btmbar {
	float:left;
	width: 1000px;
	margin: 0 auto;	
	padding: 0;
	height:35px;
}
.sub {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;	
}
.sub_ul {
	float:left;
	margin: 8px 4px 0 4px;
	padding: 0;
}
.sub_ul li {
	display:inline;
	margin: 0 4px 0 4px;
}
.sub a {
	color:#666;
}
.sub a:hover {
	text-decoration:none;
	color:#F93;
}
.sub_left {
	float:left;
	width:12px;
	height:31px;
	background:url(style/sub_left.jpg) no-repeat;
}
.sub_mid {
	float:left;	
	height:31px;
	background:url(style/sub_mid.jpg) repeat-x;
}
.sub_right {
	float:left;	
	width:12px;
	height:31px;
	background:url(style/sub_right.jpg) no-repeat;	
}
#sub_resume {
	float:left;
	margin-left:70px;
}
#sub_portfolio {
	float:left;
	margin-left: 146px;
}
#sub_blog {
	float:left;	
	margin-left: 228px;
}
#sub_network {
	float:left;	
	margin-left: 362px;
}
#sub_calendar {
	float:left;	
	margin-left: 278px;
}
#sub_cms {
	float:left;	
	margin-left: 380px;
}
#sub_jobs {
	float:left;	
	margin-left: 441px;
}
#sub_corp_recruit {
	float:left;	
	margin-left: 233px;
}
#sub_corp_about{
	float:left;	
	margin-left: 70px;
}
#sub_corp_bookmarks {
	float:left;	
	margin-left: 131px;
}
.my {
	float:left;
	margin: 15px 30px 0 240px;
	height:35px;
	font-size:110%;
	font-weight:bold;
	color:#FFF;
}
.my_on{
	border-bottom:2px solid #FFF;
}
.my_name {
	font-size:110%;
	color:#FC3;
}
.my a{
	color:#FFF;
}
.my a:hover{
	color:#FC3;
}
.my_left {
	float:left;
	width:16px;
	height:35px;
	background:url(../images/c_my_left.png);
}
.my_mid {
	float:left;	
	height:35px;
	background:url(../images/c_my_mid.png) repeat-x;
}
.my_mid_txt {
	margin:8px 8px 0 8px;
}
.my_right {
	float:left;	
	width:16px;
	height:35px;
	background:url(../images/c_my_right.png);	
}
#top_login {
	float:right;
	margin:40px 20px 0 0;
}
/* ==== End Header ==== */

.ads {
}

.content {
	float:left;
	margin: 0 auto;
	width: 1000px;
}

/* ==== Left ==== */
.left {
	float:left;
	width:212px;
}
.left_top {
	float:left;
	width:212px;
	height:28px;
	background:url(style/left_top.jpg);
}
.left_mid {
	float:left;
	width:212px;
	background:#FFF url(style/left_mid.jpg);
	min-height:200px;	
}
.left_btm {
	float:left;
	width:212px;
	height:28px;
	background:url(style/left_btm.jpg);	
}
.left_meat {
	width:158px;
	margin:0 auto;
}
.left_navbar {
	width:160px; 
	float:left; 
	margin:0 0 10px;
}
.left_navbar_icon {
	float:left; 
	width:32px;
}
.left_navbar_content {
	float:left; 
	width:118px; 
	margin:8px 0 0 10px;
}
/* ==== End Left ==== */

/* ==== Right ==== */
.right {
	float:left;
	margin-left:10px;
	width:772px;
}
.right_top {
	float:left;
	width:772px;
	height:28px;
	background:url(style/right_top.jpg);
}
.right_mid {
	float:left;
	width:772px;	
	min-height:400px;
	background:#FFF url(style/right_mid.jpg) repeat-y;
}
.right_mid2 {
	float:left;
	width:772px;		
	min-height:400px;
	background:#FFF url(style/right_mid2.jpg) repeat-y;
}
.right_mid_hint {
	float:left;
	width:772px;	
	background:#FFF url(style/right_mid.jpg) repeat-y;
}
.right_btm {
	float:left;	
	width:772px;
	height:28px;	
	background:#FFF url(style/right_btm.jpg);	
}
.right_meat {
	width:718px;
	margin:0 auto;
}
.meat2c_left {
	float:left;
	width:480px;
}
.meat2c_right {
	float:right;
	width:200px;
}
.right_sub {
	float:left;
	width:700px;
	margin:0 0 0 10px;
	padding:10px 0 10px 0;
	border:1px #E6E6E6 solid;
	background-color:#FFF;
}
.right_sub_title {
	width:680px; 
	text-align:center; 
	margin:10px;
	font-weight:bold;
	font-size:16px;
}
.right_sub_title2{
	font-weight:bold;
	font-size:16px;
}
.right_sub_content {
	width:660px;
	margin:0 auto;
}
.right_sub_description {
	width:680px; 
	text-align:center; 
	margin:10px;
}
.right_sub_title_audio {
	width:500px; 
	margin:20px;
}
.right_sub_left_wrap {
	float:left;
	width:205px;
}
.right_sub_left {
	width:160px;
	margin:0 auto;
	padding-right:10px;
	border-right:1px solid #E6E6E6;
}
.right_sub_right_wrap {
	float:left;
	width:480px;
}
.right_sub_right {
	width:460px;
	margin:0 auto;
}
.right_sub_right2{
	float:left;
	margin:0 0 20px 0;
	width:480px;
}
.form_title {
	text-align:right;
}
/* ==== End Right ==== */


/* ==== Footer ==== */
.footer {
	float:left;
	width:100%;
	height:93px;	
	background:url(style/btm_bg.jpg) repeat-x bottom;
	color:#999;
}
.footer_wrap {
	width:1000px;
	margin:0 auto;
}
.footer a{
	color:#fcd500;	
}
.copyright {
	float:left;
	width:400px;
	margin-top: 60px;
}
.links {
	float:right;
	width:300px;
	margin-top: 60px;	
}
/* ==== End Footer ==== */



/* ==== Page @ Login ==== */
.login {
	width: 1000px;
	height: 650px;
	margin:auto;
	background:top no-repeat url(../images/home_bg.jpg);
}
.login_input {
	width:140px;
	height:16px;
	padding: 4px;
	color:#999999;
}
/* ==== End Page @ Login ==== */


/* ==== Page @ Resume ==== */
.vlist {
	list-style-type: none;
	padding:0;
	margin:0 auto;
}
.vlist li {
	padding:4px 0 4px 0;
}
.title {
	margin:0 auto;
	height:35px;
}
.btn_edit {
	float:right;
	margin-top:2px;
}
.leftmenu {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	font-size: 110%;
}
.leftmenu li {
	padding:5px 0 5px 0;	
}
.visitors {
	float:left;
	width:158px;
}
.visitor {
	float:left;
	width:70px;
	height:100px;
	text-align:center;
	margin-right:8px;
}
.visitor_photo {
	float:left;
	width:70px;
	height:80px;
	background:url(../images/photo_border.jpg) top no-repeat;
}
.visitor_photo img {
}
.visitor_name {
	width:70px;
	height:20px;
}
.testimonial_meta {
	margin:5px 0 0 0;
	font-style:italic;
	font-size:90%;
	color:#666;
}
.guestbook_meta {
	margin:5px 0 0 0;
	font-style:italic;
	font-size:90%;
	color:#666;
}
/* visitor img border */

/* ==== End Page @ Resume ==== */


/* ==== Page @ Portfolio ==== */
.on {
	font-weight:bold;
}
.img_thumb {	
	border:#CCC 3px solid;
}
.sortable {
	list-style-type: none; 
	display: inline; 
	cursor:move; 
}
.sortable li {
	float:left; 
	width:350px; 
	height:200px;
	margin-right:5px;
	padding:10px 0 10px 0;
}
.sortable li:hover {
	background-color:#FFC;
}
.sort_placeholder {
	border:#666 1px dashed;
}
.pf_type_div1 {
	float:left;
	width:70px;
	text-align:center;
}
.portfolio_grid {
	float:left; 
	width:150px;
	height:190px;
	margin:10px;
	background:url(../images/portfolio_grid.jpg);
}
.portfolio_grid_title {
	padding:10px 0 4px 0;
	text-align:center;
	color:#666;
}
.portfolio_grid_description {
	text-align:center;
	font-size:10px;
	padding-top:5px;
}
.comment_wrap {
	float:left;
	width:700px;	
	margin:10px 0 0 0;
}
.comment_one_wrap {
	float:left;
	width:700px;
	margin-bottom:10px;
}
.comment_one_user {
	float:left;
	width:98px;
	text-align:center;
}
.comment_one_content {
	float:left;
	width:600px;
}
.comment_one_decorate {
	border:1px #CCC solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.comment_one_inner {
	margin:10px;
}
.comment_date {
	color:#999;
	font-size:10px;
}
/* ==== End Page @ Portfolio ==== */

/* ==== Sort ==== */
.sortable_s {
	list-style-type: none; 
	display: inline; 
	cursor:move; 
}
.sortable_s li {
	float:left;
	height:120px;
	width:120px;
	margin-right:5px;
	padding:10px 0 10px 0;
	text-align:center;
}
.sortable_s li:hover {
	background-color:#FFC;
}

.sortable_resume {
	padding:0;
	margin:0 auto;
	list-style-type: none; 
}
.sortable_resume li {
	padding:0px;
	margin:0 auto;
}

.sort_bar_center{
	width : 400px;
	cursor: move; 
}
.sort_bar_center :hover {
	background-color:#FEF9D3;
}

.sort_bar_right{
	width : 120px;
	cursor: move; 
}
.sort_bar_right :hover {
	background-color:#FEF9D3;
}

/* ==== End Sort ==== */

/* ==== Page @ CMS - assign judges ==== */
.drag {
	background-color:#FFF;
	border:1px solid gray;
	padding:10px;
	margin:10px;
	cursor:move;
	width:300px;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.drag:hover {
	/*background-color:#FFC;*/
	border:2px solid #666;
}

/* for the friends drag and drop */
.friend:hover {
	background-color:#FFC;
	cursor:move; 
}
/* for the blog drag and drop */
.blog_entry:hover {
	background-color:#FFC;
	cursor:move; 
}

.drop {
	background-color:#FFF;
	border:2px solid #666;
	padding:10px;
	margin:10px;
	width:320px;
}
.drop-active {

}
.drop-hover {
	background-color:#EFEFEF;
	border:1px solid #666;
}
.dropped {
	padding-left:5px;
	height:20px;
	vertical-align:top;
}
.parts {
	font-size:90%;
}
.entries {
	color:#06F;
}
/* ==== End Page @ CMS - assign judges ==== */


/* ==== Page @ Network ==== */

.network_cat{
	width:160px;
}

/* ==== End Page @ Network ==== */


/* ==== Page @ Teams ==== */
.team_logo {
	width:200px;
	padding:10px;
}
.member_pic {
	width:120px;
	padding:15px;
}
.member_pic_s {
	height:80px;
	padding:10px;
}
.blog_user_pic {
	width:80px;
	float:left;
	padding:0 10px 0 0;
}
.blog_user_pic_s {
	width:60px;
	float:left;
	padding:0 10px 0 0;
}
.blog_content {
	float:left;
	width:700px;
	background:#FFF;
	border:1px solid #CCC;
	padding:10px;
	margin:10px 0 10px 0;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.blog_reply_content {
	float:left;
	width:580px;
	background:#FFF url(../images/comment_bg.jpg) repeat-x;
	border:1px solid #c1e9a4;
	padding:10px;
	margin:10px 0 20px 0;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/* ==== End Page @ Teams ==== */

/* ==== Page @ Register ==== */
.register_bg {
	background:url(../images/register_bg.jpg) top no-repeat;
	width:1000px; 
	height:550px; 
	margin:0 auto; 	
}

.form_bg {
	background:#FFF;
	border:1px solid #CCC;
	padding:20px;
	margin:0 auto;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/* ==== End Page @ Register ==== */

/* ==== Others ==== */

.thumb {
	float:left;
	margin:3px 0 0 10px;
	font-size:11px;
	color:#666;
}

.thumb_num {
	font-size:24px;
	color:#F60;
}


/* ==== Page @ Introduction ==== */
.intro {
	width: 362px;  
	height: 440px; 
	line-height: 1.5;
	border-right: 0.1em solid #DDDDDD;	
	padding: 10px 10px 10px 10px;
	text-align: left;	
}

.intro_thumb{
	float: left; 
	width: 60px; 
	height: 56px; 
	margin-left: 10px; 
	border: 0.1em solid #DDDDDD;
}