

/* main
------------------------------------------------------------ */

#main{
float:left;
width:650px;
text-align:center;
padding:10px 0 20px;
margin:0;
}

#container div.column1{
float:none;
width:960px!important;
margin:0 auto!important;
}



#container h1{
text-align:left;
margin: 20px 0 10px 0;
padding:2px 7px 0;
border-left:3px solid skyblue;
font-size:18px;
color:#555;
}


h2,h3{
text-align:left;
margin: 15px -8px 5px -8px;
padding:0;
color:#2c8cab;
font-size:15px;
}

h4{text-align:left;background: #d7e8ef;color:#37525b;padding:2px 4px;margin: 1em 1em 1em 0;
border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}

div.text{
text-align:left;margin:0 20px;padding:10px 0;
}

div.text p{margin:0.8em 0;}

p.more{text-align:right;margin:10px 7px;font-weight:bold;}
p.more a{
font-weight:bold;padding-right:11px;
background:url("/img/icon/arw_more.gif" ) no-repeat right 2px;}
p.more a:hover
{background:url("/img/icon/arw_more2.gif" ) no-repeat right 2px;}

.next{margin:10px 7px;font-weight:bold;}
.next a{padding-left:12px;
background:url("/img/icon/arw_more.gif" ) no-repeat 0px 2px;}
.next a:hover
{background:url("/img/icon/arw_more2.gif" ) no-repeat 0px 2px;}

p.back{
text-align:left;
padding-left:12px;
background : url("/img/icon/arrow_left.gif" ) 0px -2px no-repeat;
margin:0.5em;
}

p.res_time{
text-align:right;
margin:0;padding:0;
color:#666;
font-size:12px;
line-height:120%;
}

.sure{
padding-right:10px;
background:url("/img/icon/sure.gif" ) no-repeat top right;
}


div.note {
text-align:left;
margin: 1em;
}

div.note2 {
text-align:left;
padding-left:15px;
background : url("/img/icon/pencil.gif" ) 0px 0px no-repeat;
}

div.note2 p{
margin:1em 0;}

p.note {
text-align:left;
padding-left:15px;
background : url("/img/icon/pencil.gif" ) 0px 0px no-repeat;
margin:1em 0;
}


p.note2 {
line-height : 130%;
margin:0.5em;
text-align:left;
font-size:12px;
padding-left:15px;
background : url("/img/icon/arrow.gif" ) 4px 2px no-repeat;
}



/* list
------------------------------------------------------------ */


div.text ul{
text-align:left;
margin:1em;
list-style-type: none;
}

ul.list li{
padding:0 0 0 10px;
background : url("/img/icon/arrow.gif" ) 0px 4px no-repeat;
margin:0.8em 0;
}


ul.list_em{color:#2b1d0f;margin: 0em 1em 1em 1em;background:#FFFCD7;padding:3px 8px;}
ul.list_em li{font-size:12px;
padding:0 0 0 10px;
background : url("/img/icon/arrow_orange2.gif") 0px 4px no-repeat;
margin:0.5em 0;
}



ul.notice{
text-align:left;
padding:4px;
margin:0.5em 1.5em;
list-style-type: none;
background:#F7F7F7;
}

ul.notice li{
text-align:left;
font-size:11px;
padding:0 0 0 12px;
background : url("/img/icon/arrow_brown.gif" ) -1px -1px no-repeat;
margin:0.3em 0.2em;
}

ul.notice li span{
font-weight:bold;
color:#9F4700;}

ol.caption{
text-align:left;
font-size:11px;
margin:3px 1em 3px 3em;
padding:0;
background:#F7F7F7;
}

ol.caption li{
margin:0.5em 0.2em;
padding:0 3px;
}


p.topic_path{
font-size: 11px;
margin:0 0 0.5em 0.5em;
}

a.myprof{color:#F00;margin:0 5px;}


#main .section{
text-align:left;
margin:0 10px;
padding:10px;
border-bottom:1px #ACC6C6 dotted;
}

#main .section h2{margin:0 0 0 -5px;}

#main .section ul{
margin:0;
}

#main .section ul li{
margin:5px 0;
}

#main .sec_top{
border-top:1px #ACC6C6 dotted;
}


#sub ul.list{
text-align:left;
margin:0;
padding:0 10px;
}

#sub ul.list li{
background : url("/img/icon/arrow_orange2.gif" ) 0px 7px no-repeat;
margin:0;
padding: 4px 5px 3px 12px;
border-bottom:1px #ccc dotted;
}

p.recvmenu{margin: 1.5em 0 1em 0;}

/* newsletter
------------------------------------------------------------ */

div.newsletter_top{border-top:1px #ddd solid;margin:10px 0;}

div.newsletter{
clear:both;
border-bottom:1px #ddd solid;
margin:5px 0;
padding:8px;
text-align:left;
}

* html div.newsletter,* html #extra div.newsletter{
height:50px;
}

div.newsletter div.news_img{width:68px;float:left;text-align:center;}

div.newsletter img.prof{
width:40px;height:40px;}


div.newsletter div.news_body{margin:0 0 0 70px;text-align:left;}

div.newsletter p{
margin:0;text-align:left;}

.newsletter p.il{text-align:left;padding:0 0 0 37px;margin:0;
background:url("/img/job/view/il.gif") no-repeat 0 1px;}

.newsletter p.ma{text-align:left;padding:0 0 0 37px;margin:0;
background:url("/img/job/view/ma.gif") no-repeat 0 1px;}

.newsletter p.mo{text-align:left;padding:0 0 0 37px;margin:0;
background:url("/img/job/view/mo.gif") no-repeat 0 1px;}

.newsletter p.nv{text-align:left;padding:0 0 0 37px;margin:0;
background:url("/img/job/view/nv.gif") no-repeat 0 1px;}

.newsletter p.cp{text-align:left;padding:0 0 0 37px;margin:0;
background:url("/img/job/view/cp.gif") no-repeat 0 1px;}

div.newsletter p.comment{text-align:left;padding:0 0 0 16px;margin:0;
background:url("/img/icon/comment.gif") no-repeat 0 1px;}


p.up_nl{
margin:0;
padding-left:17px;
background:url("/img/icon/newsletter.gif") 0px 3px no-repeat;
}

p.up_ml{
margin:0;
padding-left:17px;
background:url("/img/icon/email.gif") 0px 0px no-repeat;
}

p.up_rss{
margin:0;
padding-left:17px;
background:url(/img/icon/rss_mark.gif) 0px 3px no-repeat;
}

p.up_1l{
margin:0;
padding-left:17px;
background:url("/img/icon/1l.gif") 0px 3px no-repeat;
}

p.up_ev{
margin:0;
padding-left:17px;
background : url("/img/icon/ev.gif") 0px 3px no-repeat;
}


/* footmark
------------------------------------------------------------ */
div#footmark .form{text-align:center;margin:1em auto;}
div#footmark .form input.input{width:400px;}
div#footmark ul{margin:15px 0;padding:0px;list-style:none;text-align:left;border-top:1px #aaa dotted;}
div#footmark ul li{margin:5px 0;padding:6px;word-wrap:break-word;
line-height:150%;border-bottom:1px #aaa dotted;}
div#footmark ul img.thumb{width:32px;height:32px;}
div#footmark ul div.thumb{width:37px;margin:0;float:left}
div#footmark ul div.word{margin:0;padding:0;margin-left:40px;}
div#footmark ul p{margin:0;padding:0;}
div#footmark ul p img{margin:2px 1px 0 0;}


/* thumbs
------------------------------------------------------------ */

ul.thumbs{margin: 10px 20px 20px 0px;padding:0px;}
ul.thumbs li{padding:0px;
border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
ul.thumbs li ul{padding-left:0px;}
ul.thumbs li ul li{
float:left;padding:3px 3px 3px 4px;
}



ul.thumbs li ul li a img{
border:1px #fff solid;
width:110px;height:80px;
}

ul.thumbs li ul li a:hover img{
border:1px yellow solid;
}

ul.thumbs li ul li.moreimg{
padding: 3px 0 0 3px;
}

ul.thumbs li ul li.moreimg img,
ul.thumbs li ul li.moreimg a:hover img{
border:0;
}


ul.thumbs li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
ul.thumbs li {
  zoom: 1;
}


/* shortmail --------------------------------------------------- */
table#shortmail{margin:1em;border:5px #fff solid;background:#fff;}
table#shortmail td{padding:5px;vertical-align:middle;border-bottom:1px #ddd solid;}
table#shortmail td.sougo{width:30px;text-align:center;padding-top:0;}

div.shortmail{clear:both;background-color:#EFE4D1;padding:5px;margin:1.5em 0;border:1px #AF9F83 solid;}
div.shortmail div.image{float:left;text-align:center;padding:5px 0px;width:60px;margin:0;}
div.shortmail div.image img{width:32px;border:3px #fff solid;}
div.shortmail div.image span{font-size:90%;line-height:120%;}
div.shortmail div.word{padding:4px 6px;margin:0 0 0 70px;background-color:#FFF9EF;}
div.shortmail div.word p.body{margin:0 0 13px 0;padding:0;min-height:40px;height: auto !important;height: 40px;}

div.to_short{clear:both;background-color:#E3EFD1;padding:5px;margin:1.5em 0;border:1px #96AF83 solid;}
div.to_short div.image{float:left;text-align:center;padding:5px 0px;width:60px;margin:0;}
div.to_short div.image img{width:32px;border:3px #fff solid;}
div.to_short div.image span{font-size:90%;line-height:120%;}
div.to_short div.word{padding:4px 6px;margin:0 0 0 70px;background-color:#F9FFEF;}
div.to_short div.word p.body{margin:0 0 13px 0;min-height:40px;height: auto !important;height: 40px;padding:0;}

div.addfriend{clear:both;background-color:#E3EFD1;padding:5px;margin:1.5em 0;border:1px #96AF83 solid;}
div.addfriend div.image{float:left;text-align:center;padding:5px 0px;width:60px;margin:0;}
div.addfriend div.image img{width:32px;height:32px;border:3px #fff solid;}
div.addfriend div.image span{font-size:90%;line-height:120%;}
div.addfriend div.word{padding:4px 6px;margin:0 0 0 70px;background-color:#F9FFEF;}
div.addfriend p.body{margin:0 0 13px 0;min-height:40px;height: auto !important;height: 40px;padding:0;}

p.res_time{
text-align:right;
margin:0;
padding:0;
color:#6A6762;
font-size:11px;
line-height:120%;
}

#shortmail tr{border-bottom:1px #888 dashed;}
#shortmail td{padding:1px 2px;vertical-align:middle;}


/* pager
------------------------------------------------------------ */

div.pager {
text-align:center;clear: both;margin:2.5em auto;
color:#777;
}


div.pager a,
div.pager span.current,
div.pager span.pages  {
	padding: 4px 8px; 
	margin: 2px;
}

div.pager a,
div.pager a:link,
div.pager a:active,
div.pager span.pages a,
div.pager span.current {
	text-decoration: none;
	color: #217DCA;
	border:1px solid #7bbbed;
}

div.pager span.pages {
	border:1px solid #ccc;
}


div.pager span.current {
font-weight: bold;
color: #fff;
background-color:#7bbbed;
}


div.pager a:hover,div.pager span.pages a:hover {	
	color: orange;
	border:1px solid orange;
	background-color:#eee;
}







