/*--------------------------------------------------------------
Wretch Friend template no.01

CSS & Designed by PRINCESSWOW
http://www.wretch.cc/Mypage/princesswow
----------------------------------------------------------------*/


body {
background:transparent url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/body.jpg) repeat scroll left top;
color:#666666;
}
a {
color:#333333;
text-decoration:none;
}
a:hover {
color:#FF6600;
}
#container {
background:transparent url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/container.jpg) repeat-y scroll center top;
margin:0px auto;
padding:0px 10px;
position:relative;
width:900px;
}
#header {
background:transparent url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/header.jpg) no-repeat scroll left top;
height:247px;
padding:52px 0px 0px 40px;
position:relative;
}
#content {

}
#header #navigator {
color:#FFFFFF;
padding:0px 10px;
position:absolute;
right:10px;
text-align:right;
top:0px;
}
#header #navigator a {
color:#F86BAE;
padding:4px;
}
#header #navigator a:hover {
color:#FF6600;
}
#boxProfile {
clear:both;
}
#header .Pcover {
margin-right:40px;
}
#header .Ptext {
padding-left:50px;
}
#header h1 {
color:#F7A5CC;
font-family:simhei,arial;
font-size:1.4em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
/*line-height:2.5em;*/
}
#header .Ptext li {
list-style-type:none;
}
#header .Ptext br {
display:none;
}
#header .Ptext li a {
border-left:4px solid #FFFFFF;
color:#999999;
display:block;
margin-bottom:2px;
*margin-bottom:0px;
padding-left:5px;
width:150px;
}
#header .Ptext li a:hover {
border-color:#F7A5CC;
color:#F756A3;
}
#header #menu {
color:#AAAAAA;
left:40px;
position:relative;
margin-top:0px;
}
.il {
margin:5px;
}
#msg {
clear:both;
margin:0px 0px 0px 35px;
padding:0px;
}
#friendListDiv ol li {
background:transparent url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/friendlist.jpg) no-repeat scroll left top;
padding-top:2px;
margin-right:10px;
}
#friendListDiv ol li a {
color:#D96BA0;
font-family:verdana;
font-size:0.8em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
#friendListDiv ol li a:hover {
background:transparent url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/friendlist2.jpg) no-repeat scroll -1px -2px;
border:0px none;
color:#000000;
}
#friendListDiv ol li a span.font_id {
padding-left:7px;
}
#descDiv {
background:#FFECF6 none repeat scroll 0%;
border:1px solid #FFA0D5;
color:#555555;
}
#desc_update a{color:#999;text-decoration:underline;}
#desc_update a:hover{color:#FF6600;}
.font_id2 {
color:#F756A3;
font-family:"Verdana";
font-size:22px;
letter-spacing:-2px;
padding-bottom:10px;
}
.font_desc {
color:#F756A3;
}
.font_cate {
color:#999999;
display:block;
text-align:right;
}
.font_cate strong {
}
#footer {
clear:both;
}
#extraDiv1 {
background:transparent url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/extradiv1.jpg) repeat scroll 0%;
height:65px;
left:-10px;
position:absolute;
top:0px;
width:20px;
}
#extraDiv2 {
background:transparent url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/extradiv2.jpg) repeat scroll 0%;
height:65px;
position:absolute;
right:-10px;
top:0px;
width:20px;
}
.selectBox {
width:200px;
}
.selectBox h3 {
background-color:white;
font-size:1em;
font-weight:normal;
margin:0pt;
padding:0pt;
width:100%;
}
.selectBox h3 a {
background:white url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/def.gif) no-repeat scroll right top;
border-color:#CCCCCC transparent rgb(204, 204, 204) rgb(204, 204, 204);
border-style:solid none solid solid;
border-width:1px 0pt 1px 1px;
color:#888888 !important;
cursor:default;
display:block;
height:17px;
overflow:hidden;
padding-left:5px;
padding-top:3px;
text-decoration:none !important;
width:100%;
}
.selectBox h3 a.t, .selectBox h3 a:hover {
background:white url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/hover.gif) no-repeat scroll right top;
}
.selectBox ul {
background:white url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/selectItem.gif) repeat-y scroll right top;
border-color:transparent transparent #CCCCCC rgb(204, 204, 204);
border-style:none none solid solid;
border-width:0pt 0pt 1px 1px;
left:0px;
list-style-type:none;
margin:0pt;
padding:3px 2px 3px 3px;
position:absolute;
top:-1px;
width:100%;
}
.selectBox ul li {
display:block;
margin:0pt;
padding:0pt 3px 0pt 0pt;
}
.selectBox ul li a {
color:#555555 !important;
display:block;
padding:2px;
text-decoration:none;
}
.selectBox ul li a:hover {
background:#EEEEEE none repeat scroll 0%;
}
.selectBox {
width:200px;
}
.selectBox h3 {
background-color:white;
font-size:1em;
font-weight:normal;
margin:0pt;
padding:0pt;
width:100%;
}
.selectBox h3 a {
background:white url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/def.gif) no-repeat scroll right top;
border-color:#CCCCCC transparent rgb(204, 204, 204) rgb(204, 204, 204);
border-style:solid none solid solid;
border-width:1px 0pt 1px 1px;
color:#888888 !important;
cursor:default;
display:block;
height:17px;
overflow:hidden;
padding-left:5px;
padding-top:3px;
text-decoration:none !important;
width:100%;
}
.selectBox h3 a.t, .selectBox h3 a:hover {
background:white url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/hover.gif) no-repeat scroll right top;
}
.selectBox ul {
background:white url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/selectItem.gif) repeat-y scroll right top;
border-color:transparent transparent #CCCCCC rgb(204, 204, 204);
border-style:none none solid solid;
border-width:0pt 0pt 1px 1px;
left:0px;
list-style-type:none;
margin:0pt;
padding:3px 2px 3px 3px;
position:absolute;
top:-1px;
width:100%;
}
.selectBox ul li {
display:block;
margin:0pt;
padding:0pt 3px 0pt 0pt;
}
.selectBox ul li a {
color:#555555 !important;
display:block;
padding:2px;
text-decoration:none;
}
.selectBox ul li a:hover {
background:#EEEEEE none repeat scroll 0%;
}

/*condition*/

#friendListDiv{
padding: 10px 0px 10px 18px;
}
#condition li a{
background:#fbe1ed;
color:#F756A3;
}

#condition li a:hover{
color:#000
}
#condition li.current a{
color:#999;
}
#condition li.current a:hover{
color:#999;
}
#pagelink,
#pagelink_1{
color:#999;
}
#pagelink a,
#pagelink_1 a{
border-left:4px solid #F7A5CC; 
padding-left:2px;
color:#F756A3;
}
#pagelink a:hover,
#pagelink_1 a:hover{
color:#000;
border-left:4px solid #bbb; 
}
