@CHARSET "UTF-8";
@import "/styles/button2.css";

*{margin:0;padding:0;}
html,body{width:100%;}
html{overflow-y:scroll;}
body{background-color:#4a4a4a;*word-break:break-all;-ms-word-break:break-all;}
body,table{font-size:12px;line-height:18px;letter-spacing:-1;font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif;color:#404040;}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
a{color:#404040;text-decoration:none; font-size:12px;}
a:hover{color:#404040;text-decoration:underline;}
em,address{font-style:normal;}
button,label{cursor:pointer;_cursor /**/:hand;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
textarea{overflow:auto;font-size: 12px}
html:first-child select{height:20px;padding-right:6px;}
option{padding-right:6px;}
#masterFrame { background: #f8f8f8 url(/images/layouts/default/topBg.gif) top left repeat-x; margin: 0; padding: 0; height: 100%;}
* html body {text-align:center;}
hr {border:0px; height:1px; border-top:1px solid #ccc; clear:both;}

/* client validation*/
h1 {font-size: 18px; color:#444;}
h2 {font-size: 16px;}
.hand {cursor:pointer;}
.bold {font-weight:bold;}
.small {color:#ccc; font-size:10px;}
.listNone li {border:0; list-style:none; margin-left:110px;}
.menuCut {color:#ddd; margin:0 5px;}
.colorG {color:#7ec243}
.colorP {color:#8154bb;}
.colorB {color:#4892d9;}
.colorO {color:#f89800;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.defaultTitle { margin:50px 30px 5px 30px; color:#555; }
.marginHack {margin:0}

/* input */
input.type-text {
	color:#555;
	background-color: #f5f5f5;
	border:1px solid #ccc;
	font-size:11px;
	height:18px;
	_height:20px;
	padding:3px 0 0 3px;
	_margin:0 5px 0 0;
	margin:0 5px 0 0;
}

input.readonly {
	background-color:#ccc;
}

#wrap{ width:960px; margin:0 auto; text-align:left;}

/* header */
#header {
	width:auto;
	w\idth:920px;
	height: 80px; 
	padding: 5px 15px 0 25px;
	background: url(/images/layouts/default/topBg1.png) left -20px no-repeat;
}

* html #header {
	background: url(/images/layouts/default/topBg1.gif) left -20px no-repeat;
}

#header h1 {
	float: left;
	width: 115px;
	margin-top: 3px
}

#myMenu { float: right; height: 22px; margin-left:300px; }
#myMenu li { float:left; }

#gnb { float: left; width:500px; margin:3px 0 0 50px; text-align: center; }
#gnb li { float:left; margin:0 15px; }


#header #search { float:right; margin-top:8px;}
#header #search li { float:left; }
#header #searchInput {
	width: 140px;
	height: 15px;
	_height:17px;
	padding: 3px 0 3px 3px;
	vertical-align:top;
	margin-right:3px;
	border: 1px solid #bababa;
}


.search {
	float:right;
	margin-top:8px;
	_margin-right:-5px;
	_width: 220px;
}
.search li { float:left; }
.searchKeyword {
	width: 140px;
	height: 15px;
	padding: 3px 0 3px 3px;
	vertical-align:top;
	margin-right:3px;
	border: 1px solid #bababa;
	_margin-top:-1px;
}
* html #header #search {_width: 220px; _margin-right:-5px;}
* html #header #searchInput {height: 15px; margin-top:-1px;}

/* container // content + sidebar */
#container { width:960px;}
#containerBg
{
	background: url(/images/layouts/default/containerBg.png) top left no-repeat;
	overflow:hidden;
}
#containerBg1
{
	background: url(/images/layouts/default/containerBg1.png) top left no-repeat;
	overflow:hidden;
}
#containerBg2
{
	background: url(/images/layouts/default/containerBg2.png) top left no-repeat;
	overflow:hidden;
}

* html #containerBg {width:960px; background: url(/images/layouts/default/containerBg.gif) top left no-repeat; overflow:hidden; }
* html #containerBg1 {width:960px; background: url(/images/layouts/default/containerBg1.gif) top left no-repeat; overflow:hidden;}
* html #containerBg2 {width:960px; background: url(/images/layouts/default/containerBg2.gif) top left no-repeat; overflow:hidden;}


/* content */
#content { float:left; width:710px;}
#content2 { padding:50px 120px}
#content h3{ margin:5px 0 0 30px;}

#mainMessage{
	margin:10px 0 0 20px;
	padding: 37px 0 0 25px;
	width:645px;
	height:63px;
	background: url(/images/layouts/default/mainMessage.gif) left top no-repeat;
	font-weight:normal;
	color:#999;
}

/* status */
#status {
	/*background-color:#FFF9D7;
	border:1px solid #E2C822;*/
	font-weight:bold;
	position:absolute;
	vertical-align:middle;
	z-index:100;
	top:10px;
	right:10px;
	width:350px;
	height:150px;
	color:#555;
	font-size:12px;
	background : url(/images/layouts/default/statusBg.png) left top no-repeat;
	clear: both;

}
#status table { margin:55px 20px;}
#status td { vertical-align:top; font-size:13px; }
#statusX {
	position:absolute;
	z-index:101;
	top:8px;
	right:8px;
}

/* subMenu */
.subMenu { padding-left:20px; overflow:hidden; margin-bottom: 20px;}
.subMenu .sutTitle { padding-top:10px; color:#aaa; margin: 0 -15px;}
.subMenu li { width:110px; float:left; text-align:center;}
.subMenu li a { color: #888; text-decoration: none; }
.subMenu li a:hover { color: #aaa; }

.subMenu li.selected { margin-left: -2px; height:35px; background: url(/images/layouts/default/subMenuBg.gif) no-repeat left top;}
.subMenu li.selected div.liBg { height:35px; margin-left:2px; padding-top:10px; background: url(/images/layouts/default/subMenuBg.gif) no-repeat right top;}
.subMenu li div.liBg2 { height:32px; padding-top:10px; background: url(/images/layouts/default/subMenuBg.gif) no-repeat right -42px;}
.subMenu li.selected a { color: #444; font-weight: bold;}

/* teamlist */
.teamlist { margin:0 30px; list-style:none; padding-bottom:10px;}
.teamlist hr {width: 100%; border:1px solid #eee; margin:5px 0 0 0; _margin-top:-5px;}
.teamlist li {padding:10px 0 10px 0; _height:0; _font-size:0; border-top:1px solid #ddd;_padding:10px 0 20px 0;}
.teamlist dl {width: 100%; overflow:hidden; position:relative;}

/* teamlist info */
.teamlist dt {padding:5px 0 0 0; font-size:15px; margin-left: 95px;  font-weight:bold; /*text-decoration:underline;*/}
.teamlist dt a {/*text-decoration:underline;*/ color:#555;}
.teamlist dt a:hover {color:#aaa;}
.teamlist dd {font-size:13px; line-height:17px; /*color:#ccc;*/ font-weight:bold; padding-top:3px;}

.dd_subTit {color:#666;}
.dd_photo {float:left; margin:-20px 20px 5px 0; border:1px solid #ddd;}
.dd_photo2 {float:left; margin-right:10px; border:1px solid #ddd; }
.dd_name {color:#7ec243; font-weight:normal;} /* green */
.dd_id {color:#4892d9; font-weight:normal; font-size:12px;} /* blue */
.dd_date {color:#aaa; font-weight:normal; font-size:11px; padding-left:5px;}
.dd_message {color:#888; font-weight:normal; font-size:11px;}
.actions {cursor:pointer; display:block; position:absolute; right:5px; top:5px;}

li.noTeamPod {margin:60px 100px; padding: 60px 0; border: 1px dashed #aaa; text-align:center; font-size:16px; color:#555;}
li.noTeamPod span {margin: 20px auto;}

#myteampod-list { color:#999; margin-top:10px;}
#myteampod-list li { padding:10px 0; border-top:1px solid #ddd;}
#myteampod-list .dd_photo {float:left; margin:0px 20px 5px 0; border:1px solid #ddd;}

/* friend info */
.friendList { margin:0 30px; list-style:none; padding-bottom:10px;}
.friendList hr {width: 100%; border:1px solid #eee; margin:5px 0 0 0; _margin-top:-5px;}
.friendList li {padding:10px 0 10px 0; _height:0; _font-size:0; border-top:1px solid #ddd;_padding:10px 0 20px 0;}
.friendList dl {width: 100%; overflow:hidden; position:relative;}
.friendList dt {padding:5px 0 0 0; font-size:15px; margin-left: 95px;  font-weight:bold; /*text-decoration:underline;*/}
.friendList dd {font-size:13px; line-height:17px; /*color:#ccc;*/ font-weight:bold; padding-top:3px;}

/* creatTeam 
#creatTeam {border:1px dashed #ccc; overflow:hidden; margin:0 30px 30px 30px ; padding:30px 30px; height:100%; }
#creatTeam dt{padding-left:20px;}
#creatTeam dd{width:50%;}
#creatTeam tr{height:40px;}*/


/* teamPod */
#teamPod {
	margin:10px 30px;
	border:5px solid #ddd;
}

#teamPod dl {
	font-size:13px;
	line-height:22px;
	color:#aaa;
	font-weight:normal;
	padding:10px 30px 10px 30px;
	margin:10px;
	overflow:hidden;
}
#teamPod dl dt {font-size:17px; color:#666; margin-bottom:-22px; font-weight:bold;}
#teamPod dl dd {margin: 0 0 0 140px; font-size:13px;}
#teamPod .tit a {font-size:18px; text-decoration:underline;}
#teamPod dd .high {color:#666;}
#teamPod .dd_but {margin: -55px 10px 10px 0; text-align:right;}
#teamPod .dd_but input {font-size: 16px; padding: 10px; padding-top: 10px; text-align: center; width: 130px; height:20px; color:#fff; font-weight:bold; font-align:center; background-color: #9b7ae5;border: 2px solid #555;}
#teamPod .Url input {width: 200px; height:18px; border:0px;}
#PodComment { margin:0 30px; }


/* view round box */
.view_box {border:5px solid #ddd; margin:20px 30px;padding:20px 30px;}
.view_boxBg {border:1px solid #f1f1f1; margin:20px 30px;padding:20px; background-color:#fafafa;}
.view_box1 {border:5px solid #ddd; margin:20px 80px; padding:20px 50px; overflow:hidden;}
.view_box1 td {padding-top:5px; padding-bottom:5px;}
.view_boxTeam {margin:20px 30px;}

* html .view_boxBg {}
.view_box2 {padding:2px; margin-bottom:12px;border:2px solid #cccccc;}
.singlePage {width: 440px; margin: 20px auto 20px;}
.singlePage h1{margin:10px 0}
.singlePage_box {border:5px solid #ddd; margin:10px 0; padding: 30px 50px; }
.singlePage_box tr {height:35px;}
.singlePage_box table {margin: auto}

/*
.view_box2 .view_box_guide {position:relative;width:100%;}
.view_box2 .view_box_tl {position:absolute;top:-4px;left:-4px;display:block;width:9px;height:9px;background:url(/images/common/ui/viewbox/bg_rndbox_2.gif) no-repeat;font-size:0}
.view_box2 .view_box_tr {position:absolute;top:-4px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(/images/common/ui/viewbox/bg_rndbox_2.gif) right top no-repeat;font-size:0}
.view_box2 .view_box_bl {position:absolute;top:-5px;left:-4px;display:block;width:9px;height:9px;background:url(/images/common/ui/viewbox/bg_rndbox_2.gif) left bottom no-repeat;font-size:0}
.view_box2 .view_box_br {position:absolute;top:-5px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(/images/common/ui/viewbox/bg_rndbox_2.gif) right bottom no-repeat;font-size:0}
.view_box2 .view_contents {padding:10px 10px 10px 24px;border:1px solid #ededed}
*/

.talkInput { border:1px solid #ccc }
.talkReplyInput { background-color: #faffeb; border:1px solid #d0e793; font-size:11px; color:#448011;}

.schoolName, .careerName, .activityName {font-size:16px; margin-bottom:5px 0; font-weight:bold;}

/* sidebar */
#sidebar {
	float:right;
	width:250px;
}

#sidebar ul.menu {
	margin: 5px;
}

#sidebar ul.menu li {
	font-size: 14px;
	cursor: pointer;
	padding: 5px 0 5px 20px
}

#sidebar ul.menu li:hover {
	background-color: #edf2f9
}

#sidebar ul.menu li.selected {
	background-color: #edf2f9
}

/* login // join */
* html #sidebar table {width:237px;}

#loginBox { margin:10px 0; padding: 30px 50px; border: 3px solid #ddd; }
#login_1 , 
#login_2 { margin-bottom: 20px;}
#login_1 #saveId { margin-left:0;}

#join { padding:30px 20px 50px 30px;}
#join td label { color:#8154bb; padding-top:7px; height:33px; float:left; width:140px; font-size:14px; font-weight:bold;}

#join td img { margin: 5px;}
#join .type-text {
	width:220px;
	_width:222px;
	color:#8154bb;	/* 보라 */
	background-color: #f9f5ff;
	border:1px solid #c9b7e0;
	font-size:16px;
	font-weight:bold;
	height:22px;
	_height:24px;
	padding:3px;
	_margin:0 5px 0 0;
	margin:0 5px 0 0;
}


#login_1 input.type-text, 
#login_2 input.type-text {
	width:148px;
	_width:150px;
	color:#8154bb;	/* 보라 */
	background-color: #f9f5ff;
	border:1px solid #c9b7e0;
	font-size:11px;
	height:18px;
	_height:20px;
	padding:3px 0 0 3px;
	_margin:0 5px 0 0;
	margin:0 5px 0 0;
}

#join dd input,
#password #email,
#loginBox #login_1 input.type-text, 
#loginBox #login_2 input.type-text {
	width:220px;
	_width:222px;
	color:#8154bb;	/* 보라 */
	background-color: #f9f5ff;
	border:1px solid #c9b7e0;
	font-size:16px;
	font-weight:bold;
	height:22px;
	_height:24px;
	padding:3px;
	_margin:0 5px 0 0;
	margin:0 5px 0 0;
}

#login_2 input.type-text { width:126px; _width:128px; padding-left: 25px; }
#loginBox #login_2 input.type-text { width:196px; _width:198px; padding-left: 27px; }


#passwordSearch { margin:80px 150px; color:#666;}
#passwordBox { margin:10px 0; padding:50px 10px 50px 10px; height:130px; border: 3px solid #ddd; text-align:left;}
#password td { color:#8154bb; padding:7px 10px; height:33px; font-size:14px; font-weight:bold;}
#passwordBox table { margin-left:50px;}
#password label.error { font-weight:normal; font-size:12px;}
#passwordBox span { margin: 20px 0;} 

/* welcomeHupod */
#welcomeHupod {clear:both;}
#welcomeHupod li{ border:0; padding:3px 0 3px 30px;}
#welcomeHupod #welcomeTit {color:#555; padding-top:20px; font-weight:bold; padding-left:15px;}
#welcomeHupod #welcomeFriend {float:left; padding:10px 0 0 30px; text-align:center; color:#7ec243}

/* myInfo */
#myInfo {
	padding:15px 20px 15px 20px;
}

* html #myInfo {padding:10px 0;}

#channelInfo {
	padding: 0 20px 15px 20px;
}

* html #channelInfo {padding:10px 0;}

#myPic {
	background-color:#fff;
	border:5px solid #ddd;
	float:left;
}

#myNickname { float:left; margin:5px; color:#333; font-weight:bold}
#myNickname a {color:#333;}
	
#myInfo dl { text-align:left; clear:both;}
#myInfo dt { color:#8554A3; padding-top:15px; font-weight: bold;}
#myInfo dd { padding-top:3px; color:#ccc; font-family:돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; font-size: 11px; line-height:17px;}
#myInfo .info li { min-width:100px; list-style:none; padding:2px 0 0 10px;}
#myInfo .info li span, #myInfo li a { color:#777; font-weight: normal; text-decoration: none;}
#myInfo .info li .email {color:#7ec243;}

	
#channelInfo dl { text-align:left; clear:both;}
#channelInfo dt { color:#8554A3; padding-top:15px; font-weight: bold;}
#channelInfo dd { padding-top:3px; color:#ccc; font-family:돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; font-size: 11px; line-height:17px;}
#channelInfo .info li { min-width:100px; list-style:none; padding:2px 0 0 10px;}
#channelInfo .info li span, #myInfo li a { color:#777; font-weight: normal; text-decoration: none;}
#channelInfo .info li .email {color:#7ec243;}

#myProbuts { background-color:#fff; float:left; width:100%; }

/* notice */
#notice { margin:5px 0;}
#notice ul { width:220px;}
#notice li { text-align:left; padding-left:2px; height:20px; }

/* intro */
#intro { margin:30px 40px; color: #777;}
#intro h1 { margin:10px 50px -5px 50px;}
#intro ul { margin:0 50px; color:#666; text-align:left; }
#intro li { list-style:none; margin: 20px 0; padding: 15px; border: 1px dashed #aaa; overflow:hidden; }
#intro div.image { float: left; font-size:15px; color:#555; font-weight:bold; padding:10px; border-right:1px solid #ddd; }
#intro div.description { float: left; clear: right; padding: 30px 0 0 30px }

/* Paginate */
.paginate { padding: 15px 0; text-align: center; }
.paginate * { margin: 0; padding: 0; }
.paginate strong { color: #7ec243 !important; }
.paginate a:hover {	background: #F7F7F7; color: #4892d9;}
.paginate a,.paginate strong {
	_position: relative;
	margin-left: -7px;
	font-weight: bold;
	display: inline-block;
	padding: 3px 10px 1px 9px;
	color: #313031;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-decoration: none;
	line-height: normal;
	font: bold 12px 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;
	background: #fff;
}
.paginate a.pre {
	padding: 3px 10px 1px 16px;
	background: url(/images/common/ui/paginate/bu_pg1_l1.gif)
		no-repeat 8px 6px !important;
	border: none;
	font-weight: normal;
}
.paginate a.pre_end {
	padding: 3px 10px 1px 16px;
	background: url(/images/common/ui/paginate/bu_pg1_l2.gif)
		no-repeat 4px 7px !important;
	border: none;
	border-right: 1px solid #ccc;
	font-weight: normal;
}
.paginate a.next {
	padding: 3px 16px 1px 10px;
	background: url(/images/common/ui/paginate/bu_pg1_r1.gif)
		no-repeat 39px 7px !important;
	border: none;
	font-weight: normal;
}
.paginate a.next_end {
	padding: 3px 16px 1px 10px;
	background: url(/images/common/ui/paginate/bu_pg1_r2.gif)
		no-repeat 39px 7px !important;
	border: none;
	border-left: 1px solid #ccc;
	font-weight: normal;
}

/* footer */
#footer {
	clear: both;
	text-align: center;
	width:100%;
	height: 80px;
	background-color: #4a4a4a;
	padding:10px 0;
	/* position:absolute;
	bottom:0; */
}

#footer a,
#footer a:visited { text-decoration: none; color: #999; }
#footer a:hover { text-decoration: underline; }

#footer dl { width:960px; margin:10px auto; }
#footer dt { padding:0 30px; float:left; }	/* bottom_logo */
#footer dd { margin-top: 10px; padding:0 0 3px 30px; float:left; text-align:left; border-left:1px solid #666; }

#footer ul li {
	display: inline;
	font-size :11px;
	padding-left:20px;
	margin-right:18px;
	white-space: nowrap;
	border-left:1px solid #999;
}
#footer ul li.first {
	border:0;
	padding-left:0;
}

#footer #select_language {
	color:#666;
	border:1px solid #ccc;
	font-size:11px;
	_font-size:10px;
	height:18px;
	_height:20px;
}

#footer address { font: 9px Verdana; margin-top:4px; color: #999 }
#footer address a {	font: normal 11px verdana; color: #7ec243; }




/* ie6 ie7 hack
. {
	*padding-left: 10px
}

/* button over jquery ui bug */
.ui-datepicker {z-index: 1;} 

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:dotum, Tahoma, Sans-serif; white-space:nowrap; background:url(/images/layouts/default/buttonWhite.gif) no-repeat; vertical-align:middle; overflow:visible; color:#333;}
.button { height:23px; padding:0; margin-right:2px; background-position:left top; z-index:1;}
.button a,
.button button,
.button input{ left:2px; _vertical-align:top; cursor:pointer;}


/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 5px 8px; font-size:14px; line-height:29px; background-position:right -30px; }
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:14px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(/images/layouts/default/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(/images/layouts/default/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(/images/layouts/default/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(/images/layouts/default/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}
.button.purple,
.button.purple a,
.button.purple button,
.button.purple input { background-image:url(/images/layouts/default/buttonPurple.gif); color:#fff;}
.button.purple *:hover,
.button.purple *:active,
.button.purple *:focus{ color:#ff0;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}




/* team CSS */
#teamBg #header { height: 99px; padding: 5px 15px 0 25px; background: url(/images/layouts/default/topTeamBgMy.png) left top no-repeat;}
#teamBg #header a{ color:#daf5a9; text-decoration:none;}
#teamBg #header *:hover{ color:#b5dc4d; text-decoration:none;}
#teamBg #header h1 { float: left; width: 115px; margin-top:-2px; font-size: 12px; font-weight:normal;}
#teamBg #myMenu {margin-top:-2px;}
#teamBg #myMenu .colorB {color: #daf5a9;}
#teamBg #myMenu .colorP {color: #daf5a9;}
#teamBg #teamTit { float: left; height: 30px; margin-top:10px;}
#teamBg #teamTit *:hover { color:#1e6007; }
#teamBg #teamTit img{ float:left; width:55px; height: 55px; border:3px solid #daf5a9;}
#teamBg #teamTit div{ float:left; margin-top:15px; margin-left:10px;}
#teamBg #teamTit h2 a{font-size:18px; color:#1e6007;}
#teamBg #teamTit h4 {font-size:12px; color:#333; font-weight:normal;}

#TeamSettingMenu {margin-top:20px;}
#TeamSettingMenu li {float:left; font-size:14px; padding:10px 40px;font-weight:bold;}
#TeamSettingMenu li a {color:#555; font-size:14px;}
#contentTeam {padding:0 40px;}
#contentTeam h1{margin-left:30px;margin-top:30px;}

/* teamDashboard */
#teamDashboard { border: 1px dashed #aaa; padding: 10px 20px;}
#teamDashboard h3 {color: #555; font-size:15px; margin:10px 0;}
#teamDashboard ul {list-style:none; margin:0 15px; line-height:23px;}
#teamDashboard ul a {text-decoration:none;}
#teamDashboard ul a:hover {text-decoration:underline;}
#teamDashboard li a { color: #555; }
#teamDashboard .head {font-weight:bold; font-size:12px;}
#teamDashboard .date {color: #aaa; font-size:11px }

/* comment list */
/* 팀원에게 당신의 생각을 전달하세요 */
#writeForm {float:left; margin:5px 0px; padding:20px 30px; background-color:#f5f5f5; border:1px solid #dfdfdf;}
#writeForm div {float:left; margin-top:5px;}
#writeForm .teamCommentInput {width:730px; margin-right:15px; height:40px;font-size:16px; background-color:#FFF; border:1px solid #ccc;}

/* 팀팟 홈 */
#teamContent .teamlist {margin:0;}
#teamContent .commentReplyContainer *{vertical-align:middle;}
#teamContent .commentReplyContainer {width:800px; font-size:12px;padding:0; margin-left:90px; _margin-left:50px; float: left; }
#teamContent .commentReplyContainer .nickname{float:left;color:#7ec243;font-weight:normal; margin-left:10px;}
#teamContent .commentReplyContainer .text{float:left;color:#333;margin-left:10px;text-align:left;vertical-align:middle;_margin-top:5px;display:inline}
#teamContent .commentReplyInput {width:650px; height: 20px; margin-right:5px; background-color:#FFF; border:1px solid #dfdfdf;}

#teamContent .replyContainer {padding:5px 0;  background:#f5f5f5; _background:none; virtical-align:middle;}
#teamContent .deleteReply {cursor:pointer;}
#teamContent .replyButton *{virtical-align:middle;}

#teamContent li {padding:10px 0 10px 0;}
#teamContent li .imageContainter {float:left; width:87px; margin-right:20px;}
#teamContent li .imageContainter .image{border:5px solid #ddd}
#teamContent li .imageContainter .nickname{text-align:center;color:#468200;font-weight:bold;font-size:12px}
#teamContent li .textContainter {float:left;width: 590px; font-size:15px}
#teamContent li .textContainter *{vertical-align:middle; color:#333}
#teamContent li .textContainter .date{color:#999; font-size:12px;}


/* task */
#taskinput { border:1px dashed #ccc; overflow:hidden; padding:20px 50px; margin:20px 0; }
#taskDetail { padding:10px 30px;}
#taskDetail tr {height:26px;}
#taskDetail input {margin:0 5px 0 20px; border:1px solid #dfdfdf; background:#fff;} 
#taskDetail textarea {border:1px solid #dfdfdf; font-size:12px;}

/* task bbs */
.bbs_property {width:100%; border-bottom:2px solid #DCDCDC; margin:5px 0; }
.bbs_property caption {display:none;}
.bbs_property th {text-align:center; padding:10px 0 7px 0; background-color:#F5F7F9; border-top:2px solid #DCDCDC; font:12px dotum; font-weight:bold; color:#666;}
.bbs_property td {vertical-align:top; padding:12px 0 8px 0; border-top:1px solid #E5E5E5; color:#999;line-height: 120%;vertical-align: middle}
.bbs_property strong {color:#666; text-decoration:none;}
.bbs_property a:hover, .bbs_property strong:hover {text-decoration:underline;}

label.error, ul.errors { /*padding-left: 5px;*/ font-weight: bold !important; color: #f89800 !important; display:block; height:20; width:100% !important;}

input.valid {
  	border: 1px solid #7ec243;
	background: #bcffbf;
}

input.error {
  	border: 1px solid #c24949;
	background: #ffbcbc;
}

/* topBar */
#topBar { position:relative; width:100%; height:27px; background:transparent url(/images/index/topBar_bg.gif) repeat-x -10px top;}
#top_title {float:left; margin-left:20px;}
#top_utility { height:25px; float:right; padding-right:20px;}
#top_utility img { margin-top:1px; vertical-align:middle;}
#top_utility .logoHerald { margin:0px; vertical-align:middle;}
#top_utility select { height:18px; font-size:11px; margin-top:3px;}

/* basic */
.input_text {
	border:1px solid #BEBEBE;
	color:#444444;
	/*display:block;*/
	font-size:12px;
	height:16px;
	padding:4px 2px 0;
	position:relative;
	vertical-align:top;
	padding-bottom:2px;
	padding-top:2px;
}

.input_text.focus{border:1px solid #669900; background:#fff !important;}
.input_text.focusnot{background:#fff !important;}

/*.ui-widget {height:15px;padding-top:1px;border:1px solid #b6ad9b;vertical-align:middle;padding:0 2px;}*/ 
.ui-widget{margin:0 0 -1px 0;vertical-align:middle;}
.textarea_field {border:1px solid #b6ad9b;}

#login1_container, #login2_container {
	width: 210px;
	margin: 0 0 0px 8px;
}
#login1_container #id {
background:#FFFFFF url(/images/index/bg_login_id.gif) no-repeat scroll 0 0;width:130px;
margin:2px 0;
}
#login1_container #pw {
background:#FFFFFF url(/images/index/bg_login_pw.gif) no-repeat scroll 0 0;width:130px;
margin:2px 0;
}

#login1_container dt{display:none; left:0; top:0; width:0; height:0; font:0/0 Sans-serif; overflow:hidden;}
#login1_container legend{display:block; position:absolute; width:0; height:0; left:0; top:0; overflow:hidden; font:0/0 Sans-serif;}
#login1_container dl{width:140px;float:left;}
#login1, #login2, #openid-info {cursor:pointer;}
#login1_button_container{float:left; margin: 5px 0 0 3px;}

#openid_identifier {
	padding-left:21px;width:110px;
	background: url(/images/common/logos/openid_small.gif) no-repeat scroll 3px 50% !important;
}

/* tab1 */
.tab_1{width:100%; background:url(/images/common/ui/menu/bg_tab.gif) repeat-x left bottom; overflow:hidden;}
.tab_1 li{float:left; _display:inline; margin-right:-1px; border:1px solid #D4D4D4; color:#333;}
.tab_1 li a{_float:left; display:block; height:20px; padding:9px 18px 0 19px; color:#666; text-decoration:none;}
.tab_1 li a:hover{color:#333; background:#F4F4F4;}
.tab_1 li.selected{border-bottom:1px solid #F4F4F4; background:#F4F4F4;}
.tab_1 li.selected a{color:#333; font-weight:bold; letter-spacing:-1px;}

#bar {
	width:100%;
	display:block;
	background-color:white;
	border-bottom:1px solid #ccc;
	color:black;
	height:25px;
	font-size:12px;
}

#bar_in {
	padding-top:5px;
	width:950px;margin:auto;
}

#bar_logo {
float:left;
}

#bar_menu {
float:left;padding-left:15px;
}

#bar_account {
	float:right;
}


/* 채널 */
#channelContent .teamlist {margin:0 30px;}
#channelContent .commentReplyContainer *{vertical-align:middle;}
#channelContent .commentReplyContainer {width:560px; font-size:12px;padding:0; margin-left:90px; _margin-left:45px; float: left; }
#channelContent .commentReplyContainer .nickname{float:left;color:#7ec243;font-weight:normal; margin: 0 5px 0 0}
#channelContent .commentReplyContainer .text{color:#333; margin-left:10px; text-align:left; vertical-align:middle; _margin-top:5px; float: left; width: 500px}
#channelContent .commentReplyInput {width:650px; height: 20px; margin-right:5px; background-color:#FFF; border:1px solid #dfdfdf;}

#channelContent .replyContainer {padding:5px 0;  background:#f5f5f5; _background:none; virtical-align:middle;}
#channelContent .deleteReply {cursor:pointer;}
#channelContent .replyButton *{virtical-align:middle;}

#channelContent li {padding:10px 0 10px 0;}
#channelContent li .imageContainter {float:left; width:87px; margin-right:20px;}
#channelContent li .imageContainter .image{border:5px solid #ddd}
#channelContent li .imageContainter .nickname{text-align:center;color:#468200;font-weight:bold;font-size:12px}
#channelContent li .textContainter {float:left;width: 543px; font-size:15px}
#channelContent li .textContainter *{vertical-align:middle; color:#333}
#channelContent li .textContainter .date{color:#999; font-size:12px;}

#channelContent li .textContainter a {font-size:15px;vertical-align:top;}