* {
color: #333;
margin: 0 auto;
padding: 0;
border: 0;
}
a {
text-decoration: none;
font-weight:bold;
}
a:hover {
color: #0088E3;
font-weight:bold;
}
body {
font:11px Verdana, sans-serif;
background: url(../img/topbg.jpg) repeat-x;
}
.header {
width: 982px; 
height:95px; 
}
.header_with_msg {
width: 982px; 
height:140px; 
}
#logo {
width: 157px; 
height:83px;
margin:8px 797px 11px 28px;
 position: absolute;
 visibility: visible;
}

#nav_top {
float: right;
background-image: url(../img/nav_top.gif) no-repeat;
margin: 0px 0px 22px 694px;
width: 285px;
height:24px;
position: absolute;
visibility: visible;
}
#nav_top li {
display:inline;
list-style-type: none;
}
#nav_top a {
float:right;
background-image: url(../img/nav_top.gif);
background-repeat: no-repeat;
height: 24px;
width: 285px;
}
#nav_top a span {
font-size:14px;
font-weight: bold;
color: #666;
padding: 4px 150px 2px 30px;
float: left;
background-position: 100% -24px;
}
#nav_top a:hover {
background-position: 0 -24px;
}
#nav_top a:hover span {
color: #fff;
background-position: 100% -24px;
padding-top: 4px;
padding-bottom:2px;
}
#search {
 float: right;
 margin:30px 0px 0px 740px;
 position: absolute;
 width:240px;
 height:33px;
 visibility: visible;
 background-position: center center;
}
#search legend {
    display:none;
}
#select select {
width:120px;
}
#query {
font:11px Verdana, sans-serif;
background: #EEE;
padding-bottom: 1px;
border: 1px solid #CCC;
}
#querySubmit {
height:17px;
}
#search a {
color:#0088E3;
}
#search ul {
text-align:center;
list-style:none;
}
#search li {
display:inline;
list-style:none;
}
#uploadStatus {
width: 300px;
height:50px;
position: absolute;
 visibility: visible;
/* text-padding: 2px 10px 2 px 100px; */
 text-align: left;
 padding: 0px 0px 0px 0px;
margin: 70px 20px 5px 302px;
}
#loginstatus {
 float: right;
 background-image: url(../img/longersign.gif);
 background-position: right center;
 position: absolute;
 width:653px;
 height:19px;
 visibility: visible;
 background-repeat: no-repeat;
 text-padding: 2px 10px 2 px 100px;
 text-align: right;
 padding: 0px 10px 0px 2px;
margin: 70px 19px 5px 302px;
}
#loginstatus li {
display:inline;
list-style-type: none;
padding-left:6px;
}
#nav_bottom {
float:left;
background:url(../img/nav_downbg.jpg) no-repeat;
width:982px;
height:29px;
visibility: visible;
}
.bluebutton {
/*  background-color:#00aab5; */
  background-color:#1B6FBF;
  color:white;
  font-size:14px;
  padding:1px;
  border-top:1px solid #D9DFEA;
  border-left:1px solid #D9DFEA;
  border-bottom:1px solid #0e1f5b;
  border-right:1px solid #0e1f5b;
}
input,textarea {
  border: 1px solid #ccc; 
}
.btn {
    height:18px;
    background-color: #f0f0f0;
    border: 1px 1px 1px 1px;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #666;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
}
.checkbox {
/*height:16px;*/
background-color: #f2f2f2; 
border: 1px 1px 1px 1px;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #333;
padding-top: 2px;
}
.textfield {
height:14px;
background-color: #f9f9f9; 
border: 1px 1px 1px 1px;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #333;
padding-top: 2px;
}
.selection {
height:20px;
background-color: #f2f2f2; 
border: 1px 1px 1px 1px;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #333;
padding-top: 2px;
}
#footer {
background:url(../img/footer_bg.jpg) no-repeat;
width:982px;
height:29px;
margin:auto;
padding-bottom:41px;
}
#footer ul {
padding:10px 0 0 208px;
list-style:none;
}
#footer li {
display:inline;
margin-right:8px;
margin-left:8px;
}
#footer p {
color:#06C;
font:bold;
margin:15px 0 0 208px;
}
#footer p a:link {
color:#06C;
font:bold;
}
.td_title {
 padding:2px 0px 2px 15px;
 background-color: #4A67A4;
 text-align: left;
font:bold 13px;
font-color:#fff;}
A.td_title:link {
font:bold 13px #fff;
}
A.td_title:active {
 color: #ffffff; text-decoration: none;
 font:bold 13px #fff;
}
A.td_title:hover {
 color: #ff3; text-decoration:underline;
 font:bold 13px ;
} 
 
.td_title2 {
 padding:2px 0px 2px 25px;
 width:620;
 background-color: #8C97BD;
 text-align: left;
 font: bold 12px #fff;
}
A.td_title2:link {
font:bold 12px #fff;
}
A.td_title2:active {
 color: #ffffff; text-decoration: none;
 font:bold 12px #fff;
}

A.td_title2:hover {
 color: #ff3; text-decoration:underline;
 font:bold 12px ;
} 
.pdbolder td {border-top:1px;border-clocr:#f5f7f9;border-bottom:1px;border-bottom:#f5f7f9; padding-left:20px;}

#loginuser {
 float: right;
 background-image: url(../img/login_usebg.jpg);
 background-position: right center;
 position: absolute;
 width:228px;
 height:28px;
 visibility: visible;
 background-repeat: no-repeat;
 padding: 0px 10px 0px 2px;
margin: 97px 86px 0px 668px;
}
#loginuserdown {
 float: right;
 background-image: url(../img/indexlogin_bg.jpg);
 background-position: right center;
 position: absolute;
 width:982px;
 height:70px;
 visibility: visible;
 background-repeat: no-repeat;
margin: 125px 0px 0px 0px;
}

#nav1 {
 float:left;
 width:119px;
 margin:26px 368px 0px 210px;
 position: absolute;
 visibility: visible;
 height: 33px;
}
#nav1 li {
display:inline;
list-style-type: none;
}
#nav1 a {
font-size:16px;
font-weight: bold;
color:#666;
float: left;
background-image: url(../img/nav1.gif);
background-repeat: no-repeat;
background-position: left top;
text-align: center; center;
height: 33px;
width: 119px;
}
#nav1 a span {
display:block;
padding: 6px 11px 6px 11px
}
#nav1 a:hover {
background-position: 0 -33px;
}
#nav1 a:hover span {
color:#fff;
background-position: 100% -33px;
padding-top: 6px;
padding-bottom:6px;
}
#nav2 {
 float:left;
 width:119px;
 margin:26px 241px 0px 329px;
 position: absolute;
 visibility: visible;
 height: 33px;
}
#nav2 li {
display:inline;
list-style-type: none;
}
#nav2 a {
font-size:16px;
font-weight: bold;
color:#666;
float: left;
background-image: url(../img/nav2.gif);
background-repeat: no-repeat;
background-position: left top;
text-align: center; center;
height: 33px;
width: 119px;
}
#nav2 a span {
display:block;
padding: 6px 11px 6px 11px
}
#nav2 a:hover {
background-position: 0 -33px;
}
#nav2 a:hover span {
color:#fff;
background-position: 100% -33px;
padding-top: 6px;
padding-bottom:6px;
}
#nav3 {
 float:left;
 width:119px;
 margin:26px 130px 0px 448px;
 position: absolute;
 visibility: visible;
 height: 33px;
}
#nav3 li {
display:inline;
list-style-type: none;
}
#nav3 a {
font-size:16px;
font-weight: bold;
color:#666;
float: left;
background-image: url(../img/nav2.gif);
background-repeat: no-repeat;
background-position: left top;
text-align: center; center;
height: 33px;
width: 119px;
}
#nav3 a span {
display:block;
padding: 6px 11px 6px 11px
}
#nav3 a:hover {
background-position: 0 -33px;
}
#nav3 a:hover span {
color:#fff;
background-position: 100% -33px;
padding-top: 6px;
padding-bottom:6px;
}
#nav4 {
 float:left;
 width:119px;
 margin:26px 11px 0px 567px;
 position: absolute;
 visibility: visible;
 height: 33px;
}
#nav4 li {
display:inline;
list-style-type: none;
}
#nav4 a {
font-size:16px;
font-weight: bold;
color:#666;
float: left;
background-image: url(../img/nav3.gif);
background-repeat: no-repeat;
background-position: left top;
text-align: center; center;
height: 33px;
width: 119px;
}
#nav4 a span {
display:block;
padding: 6px 18px 6px 3px
}
#nav4 a:hover {
background-position: 0 -33px;
}
#nav4 a:hover span {
color:#fff;
background-position: 100% -33px;
padding-top: 6px;
padding-bottom:6px;
}

#outputMessage {
 float: left;
 position: absolute;
 height:39px;
 width:553px;
 visibility: visible;
 text-padding: 2px 10px 2px 100px;
 text-align: left;
 font-size: 13px;
 color: orange;
 font-weight: bold;
 font-family: Verdana, sans-serif;
 padding: 0px 10px 0px 2px;
 margin: 70px 19px 5px 150px;
}

.msgBox {
  display:block;
  position: absolute;
  margin: 95px 220px 0px;
  height: 36px;
  width: 520px;
  font:14px Verdana, sans-serif;
  border: 2px solid #FF9933;
  text-align: center;
  color: #CC6600;
  overflow: hidden;
}

.noshow {
    display:none;
}
.noneFound {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
  color: #666666;
}


.imgWrapperSmall {
    overflow: hidden;
    border: 1px solid #eee;
        line-height: 12px;
}
.imgWrapperSmall .note {
    margin-top: -15px;
    margin-left: 1px;
}
.imgWrapperSmall .note img {
    width: 20px;
    height 15px;
}


.imgWrapperLarge {
    overflow: hidden;
    border: 1px solid #eee;
        line-height: 12px;
}
.imgWrapperLarge .note {
    margin-top: -18px;
    margin-left: 1px;
}
.imgWrapperLarge .note img {
    width: 25px;
    height 18px;
}

.question {
font-size:12px;
font-weight: bold;
background-color:#ededed;
float: left;
background-image: url(../img/icon_q.gif);
background-repeat: no-repeat; 
background-position: left middle;
text-align: left;
padding: 0px 0px 0px 20px;
}

.answer {
font-size:11px;
text-align: left;
padding: 0px 0px 0px 20px;
}

.progress {
  font:14px Verdana, sans-serif;
  text-align: left;
  padding-left: 10px;
  color: #CC6600;
}
.progressBar {
    height: 6px;
    vertical-align:text-middle;
    overflow: hidden;
}

.round-btn{padding:5px 10px 0 5px;width:115px;height:32px;border:0;color:#666;font-size:14px;margin-left:3px;margin-top:10px;}
.round-btn:hover{width:115px;height:32px;border:0;color:#444;font-size:14px;margin-left:3px;}#formwrapper {
 width:722px;
 margin:159;
 padding:35px 5px 30px 15px;
}
a {
 color:#069;
 text-decoration:none; 
}
 
a:hover {
 color:#0088E3;
}
pre,p {
 color:#ccc;
}
input, select {
 font-size:12px;
 font-family:verdana, sans-serif;
 height:17px;
margin-top:2px;
}
 
#formwrapper fieldset {
 padding:10px 0px 0px 20px;
 margin-top:5px;
 border:1px solid ##C4CAD4;
 background:#fff;
}
 
#formwrapper legend {
 background-image: url(img/li.gif);
 color:#000066;
 font-weight:bold; 
 border:1px solid #000066;
 background-color: #fff;
 background-repeat: no-repeat;
padding:1px 20px 1px 20px;
margin-bottom:3px;
 
}
fieldset label {
 float:left;
 width:200px;
 text-align:right;
}
 
fieldset div {
 clear:left;
 margin-bottom:3px;
}
#forget a { width:208px; height:14px; line-height:14px; text-indent:3px; font-family:verdana, sans-serif; font-size:10px; color:#f60}
.enter{ text-align:center;}
 
#title{
 width:680px;
 height:23px;
 font-family:verdana, sans-serif;
 font-size:11px bold;
 background:#C4CAD4;
 vertical-align: center;
}
#title1{
 width:680px;
 height:23px;
 font-family:verdana, sans-serif;
 font-size:1px bold;
 background:#D7DBE1;
vertical-align: center;
}
#title2{
 width:640px;
 height:13px;
 line-height:16px;
 font-family:verdana, sans-serif;
 font-size:11px;
 background:#ebebeb;
}
#title2 li {
display:inline;
list-style-type: none;
padding-left:65px;
}
#title3{
 width:640px;
 height:13px;
 line-height:16px;
 font-family:verdana, sans-serif;
 font-size:11px;
 background:#efefef;
}
#title3 li {
display:inline;
list-style-type: none;
padding-left:65px;
}
#cookiechk{
 height:17px;
 background-color: #000000;
 border: 1px 1px 1px 1px solid #F0F0F1;
 font-family: verdana, sans-serif;
 font-size: 12px;
 color: #666;
 background-position: center;
}
#post{
 padding-left:220px;
 padding-top:4px;
}
#cookiechkback{
 height:17px;
 background-color: #4A67A4;
 border: 1px 1px 1px 1px solid #8C97BD;
 font-family: verdana, sans-serif;
 font-size: 12px;
 color: #ff3;
 background-position: center;
}
#sort {
whidth: 162px ;
position: absolute;
visibility: visible;
margin:1px 5px 0px 24px;
}
#sort a:link  {
font-size:14px;  
font-weight: bold;
color:#006699;
}
#sort a:visited {
font-size:14px;  
font-weight: bold;
color:#666;
}
#sort a:hover{
font-size:14px;  
font-weight: bold;
color:#0088e3;
}
#sort h1 {
 height:29px;
 color: #006699;
 background-image: url(../img/sort_h_1.jpg);
 text-align:center;
 font: bold 15px #006699 Arial, Helvetica, sans-serif center center;
 padding:0px 30px 22px 0px;
 background-repeat: no-repeat;
}
#sort ul {
width:145px;
padding-bottom: 14px;
list-style:none;
}
#sort li {
background:url(../img/sort_b.gif) no-repeat left center;
padding-left: 15px;
width:145px;
border-bottom:1px dotted #ccc;
line-height:31px;
}
#til td{
width:700;
height:27px;
text-align:right;
}
#til a:link  {
    font-size:11px;
    font-weight: bold;
    color:#ccc;
text-decoration: underline;
}
#til a:visited {
font-size:11px;  
font-weight: bold;
color:#666;
}
#til a:hover{
font-size:11px;  
font-weight: bold;
color:#0088e3;  
text-decoration: underline;

}
#til h1 {
 height:20px;
 color:#26428B;
 text-align:left;
 font: bold 16px "verdana", sans-serif;
 float:left;
 width:160px;
 height:16px;
 border-bottom: 1px solid #000000;
 margin-left:15px;
 padding: 5px 0px 3px 0px;
}
#til h2 {
    height:16px;
    text-align:right;
    color:#ffffff;
    font:bold 11px "verdana", sans-serif;
    float:right;
    width:250px;
     margin-right:45px;
    padding: 5px 0px 3px 0px;
    vertical-align: bottom;
}
#friendsort {
background:url(../img/friendsort_bg.jpg) repeat-y;
width: 200px auto;
margin:10px auto;
border: 1px solid #e6e6e6;
}
#friend {
width:176px;
}
#friend table{pra:expression(this.cellSpacing=1)}
#friend table{prc:expression(this.border=0)}
#friend table {width:176px;background:#F0F0F1!important;}
#friend tr {background:expression('#E5E5E7,#F0F0F1'.split(',')[rowIndex%2]);}
#friend th {background:'#8C97BD'!important; font:bold 12px "verdana";font-color:#ffffff}
#friend td { font:bold 11px "verdana";font-color:#4f4f4f; padding:3px 5px 2px 15px; white-space:nowrap;border:solid #fff 1px!important;border:0;}
#friend th {padding:3px 5px 2px 5px;text-align:center;white-space:nowrap;border:solid #fff 1px!important;border:0;
color: #FFFFFF;background-color: #A5AEBD;}
#friendplicks{
width: 505px;
height:264px;
position: absolute;
visibility: visible;
margin:9px 36px 5px 10px;
border: 1px solid #DCDCDC;
}
#friendplicks a:link  {
font-size:11px;  
font-weight: bold;
color:#003366;
}
#friendplicks a:visited {
font-size:11px;  
font-weight: bold;
color:#666;
}
#friendplicks a:hover{
font-size:11px;  
font-weight: bold;
color:#0088e3;
}
#friendplicks h1 {
 height:24px;
 color: #003366;
 background-image: url(../img/plicks_h1.jpg);
 text-align:left;
 font: bold 13px #003366 "verdana";
 padding:6px 30px 0px 17px;
 background-repeat: repeat-x;
}
#friendplicks h2 {
 height:18px;
 color: #003366;
 text-align:center;
 font: bold 12px #003366 "verdana";
 padding:0px 30px 22px 0px;
}
#friendplicks ul {
list-style:none;
border-bottom:1px solid #DCDCDC;
}
#plicks1p p{
padding-left: 15px;
font: bold 13px #003366 "verdana";
}
A.mypage2:link {
color: #28a6d4; text-decoration: none;
font:bold 12px;
}
A.mypage2:active {
color: #00000; text-decoration: none;
font:bold 12px;
}
A.mypage2:visited {
color: #28a6d4; text-decoration: none;
font:bold 12px;
}
A.mypage2:hover {
color: #FF6600; text-decoration: underline;
font:bold 12px;
}
#favorite {
width: 630px;
padding: 0px 77px 0px 0px;
list-style:none;
border-bottom:1px dotted #ccc;
height:1px;
}
#favorite2 h2 {
list-style:none;
border-bottom:1px solid #ccc;
}
#profile {
width:709px;
}
#profile table{pra:expression(this.cellSpacing=1)}
#profile table{prc:expression(this.border=0)}
#profile table {width:709px;background:#fff!important;}
#profile tr {background:expression('#f5f7f9,#EBEFF4'.split(',')[rowIndex%2]);}
#profile th {background:'#8C97BD'!important; font:bold 12px "verdana";font-color:#ffffff}
#profile td { font:bold 11px "verdana";font-color:#4f4f4f; padding:3px 30px 2px 15px; white-space:nowrap;border:solid #fff 1px!important;border:0;}
#profile th {padding:3px 5px 2px 5px;text-align:center;white-space:nowrap;border:solid #fff 1px!important;border:0;
color: #FFFFFF;background-color: #8C97BD;}
 
#address {
width:680px;
}
#address table{pra:expression(this.cellSpacing=1)}
#address table{prc:expression(this.border=0)}
#address table {width:680px;background:#fff!important;}
#address tr {background:expression('#f5f7f9,#EBEFF4'.split(',')[rowIndex%2]);}
#address th {background:'#8C97BD'!important; font:bold 12px "verdana";font-color:#ffffff}
#address td { font:bold 10px "verdana";font-color:#4f4f4f; padding:2px 30px 2px 25px; white-space:nowrap;border:solid #fff 1px!important;border:0; text-align:left;}
#address th {padding:3px 5px 2px 5px;text-align:center;white-space:nowrap;border:solid #fff 1px!important;border:0;
color: #FFFFFF;background-color: #8C97BD;text-align:left;}

#tillink a:link  {
    font-size:14px;
    font-weight: bold;
    color:#006699;
    background-color: #CCCCCC;
}
#tillink a:visited {
font-size:14px;  
font-weight: bold;
color:#666;
}
#tillink a:hover{
font-size:14px;  
font-weight: bold;
color:#0088e3;
}
div.login {
    width: 370px;
    font-family: verdana,sans-serif;
    font-size: 12px;
    padding-bottom: 10px;
    font-weight: bold;
    background: url(../img/join_bg.jpg) no-repeat  top;
    color: #666;
}
div.plickcom {
    width: 235px;
    font-family: verdana, sans-serif;
    padding-bottom: 10px;
    background: url(../img/plickertilbgshort.jpg) repeat-x  top;
    color: #666; 
      
}

div.compilck {
    width: 361px;
    font-family: verdana, sans-serif;
    padding-bottom: 10px;
    background: url(../img/plickertilbgshort.jpg) repeat-x  top;
    color: #666; 
      
}
div.comments {
    width:480px;
    font-family: verdana, sans-serif;
    padding-bottom: 10px;
    background: url(../img/plickertilbgshort.jpg) repeat-x  top;
    color: #666; 
      
}
div.uploaded {
    width:682px;
    font-family: verdana, sans-serif;
    padding-bottom: 10px;
    /*background: url(../img/plickertilbgshort.jpg) repeat-x  top;*/
    color: #666; 
      
}
div.uploaded2 {
    width:688px;
    font-family: verdana, sans-serif;
    padding-bottom: 10px;
    /*background: url(../img/plickertilbgshort.jpg) repeat-x  top;*/
    color: #666; 
      
}
div.indexcomments {
    width:216px;
    font-family: verdana, sans-serif;
    /*padding-bottom: 10px;*/
    background: url(../img/plickertilbgshort.jpg) repeat-x  top;
    color: #666;       
}
div.indexnew {
    width:216px;
    font-family: verdana, sans-serif;
    padding-bottom: 10px;
    background: url(../img/plickertilbgshort.jpg) repeat-x  top;
    color: #666;
}
div.indexnew a:link  {
font-size:12px;  
font-weight: bold;
color:#666;
}
div.indexnew a:visited {
font-size:12px;  
font-weight: bold;
color:#666;
}
div.indexnew a:hover{
font-size:12px;  
font-weight: bold;
color:#0088e3;
}
div.indexnew ul {
width:216px;
padding-bottom: 8px;
list-style:none;
}
div.indexnew li {
background:url(../img/li.gif) no-repeat left top;
padding-left: 9px;
margin:5px 8px;
width:180px;
border-bottom:1px dotted #666;
line-height: 13px;
}
#leftContent {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px;  FLOAT: left; WIDTH: 690px; PADDING-TOP: 5px
}
#signline checkbox{
height:18px;
background-color: #fff; 
border: 1px 1px 1px 1px solid #006699;
font-family: verdana, sans-serif;
font-size: 11px;
color: #333;
}div.mymenu {
    width: 162px;
    font-family: verdana, sans-serif;
    font-size: 12px;
    padding-bottom: 10px;
    font-weight: bold;
    background: url(../img/bottom.gif) no-repeat  right bottom;
    color: #666;
}

div.mymenu div {
    display: block;
    overflow: hidden;
    padding: 8px 2px;
    font-weight: bold;
    cursor: default;
    border-bottom: 1px solid #ddd;
}

div.mymenu div.collapsed {
    height: 16px;
}

div.mymenu span.current{
    font-style: italic;
}

div.mymenu div a:hover {
    color: #aaa;
}

div.mymenu div a {
    display: block;
    padding: 0px 0px 0px 14px;
    margin-left:14px;
    margin-top:10px;
    background : #fff url(../img/linkarrowup.gif) no-repeat left center;
    font:10px;
    color: #5F75B0;
    cursor: pointer;
    text-decoration: none;
}
div.mymenu a.current{
    background: #ddd  url(../img/linkarrowup.gif) no-repeat left center;
}