BODY {
BACKGROUND: url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/body.jpg) #3300cc left top; COLOR: #666666
}
A {
COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff6600
}
#container {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/container.jpg) repeat-y center top; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 900px; PADDING-TOP: 0px; POSITION: relative
}
#header {
PADDING-RIGHT: 0px; PADDING-LEFT: 40px; BACKGROUND: url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/header.jpg) no-repeat left top; PADDING-BOTTOM: 0px; PADDING-TOP: 52px; POSITION: relative; HEIGHT: 247px
}
#content {

}
#header #navigator {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; RIGHT: 10px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: right
}
#header #navigator A {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; COLOR: #f86bae; PADDING-TOP: 4px
}
#header #navigator A:hover {
COLOR: #ff6600
}
#boxProfile {
CLEAR: both
}
#header .Pcover {
MARGIN-RIGHT: 40px
}
#header .Ptext {
PADDING-LEFT: 50px
}
#header H1 {
FONT-WEIGHT: normal; FONT-SIZE: 1.4em; COLOR: #f7a5cc; FONT-STYLE: normal; FONT-FAMILY: simhei,arial; FONT-VARIANT: normal; font-size-adjust: none; font-stretch: normal
}
#header .Ptext LI {
LIST-STYLE-TYPE: none
}
#header .Ptext BR {
DISPLAY: none
}
#header .Ptext LI A {
DISPLAY: block; PADDING-LEFT: 5px; MARGIN-BOTTOM: 0px; BORDER-LEFT: #ffffff 4px solid; WIDTH: 150px; COLOR: #999999
}
#header .Ptext LI A:hover {
BORDER-LEFT-COLOR: #f7a5cc; BORDER-BOTTOM-COLOR: #f7a5cc; COLOR: #f756a3; BORDER-TOP-COLOR: #f7a5cc; BORDER-RIGHT-COLOR: #f7a5cc
}
#header #menu {
MARGIN-TOP: 0px; LEFT: 40px; COLOR: #aaaaaa; POSITION: relative
}
.il {
MARGIN: 5px
}
#msg {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 35px; PADDING-TOP: 0px
}
#friendListDiv OL LI {
BACKGROUND: url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/friendlist.jpg) no-repeat left top; MARGIN-RIGHT: 10px; PADDING-TOP: 2px
}
#friendListDiv OL LI A {
FONT: 0.8em verdana; COLOR: #d96ba0; font-size-adjust: none; font-stretch: normal
}
#friendListDiv OL LI A:hover {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/friendlist2.jpg) no-repeat -1px -2px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #000000; BORDER-RIGHT-WIDTH: 0px
}
#friendListDiv OL LI A SPAN.font_id {
PADDING-LEFT: 7px
}
#descDiv {
BORDER-RIGHT: #ffa0d5 1px solid; BORDER-TOP: #ffa0d5 1px solid; BACKGROUND: #ffecf6 0% 50%; BORDER-LEFT: #ffa0d5 1px solid; COLOR: #555555; BORDER-BOTTOM: #ffa0d5 1px solid
}
#desc_update A {
COLOR: #999; TEXT-DECORATION: underline
}
#desc_update A:hover {
COLOR: #ff6600
}
.font_id2 {
FONT-SIZE: 22px; PADDING-BOTTOM: 10px; COLOR: #f756a3; FONT-FAMILY: " LETTER-SPACING: -2px
}
.font_desc {
COLOR: #f756a3
}
.font_cate {
DISPLAY: block; COLOR: #999999; TEXT-ALIGN: right
}
.font_cate STRONG {

}
#footer {
CLEAR: both
}
#extraDiv1 {
BACKGROUND: url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/extradiv1.jpg) 0% 50%; LEFT: -10px; WIDTH: 20px; POSITION: absolute; TOP: 0px; HEIGHT: 65px
}
#extraDiv2 {
RIGHT: -10px; BACKGROUND: url(http://pic.wretch.cc/icon/hyli/friend_design/friend01/extradiv2.jpg) 0% 50%; WIDTH: 20px; POSITION: absolute; TOP: 0px; HEIGHT: 65px
}
.selectBox {
WIDTH: 200px
}
.selectBox H3 {
PADDING-RIGHT: 0pt; PADDING-LEFT: 0pt; FONT-WEIGHT: normal; FONT-SIZE: 1em; PADDING-BOTTOM: 0pt; MARGIN: 0pt; WIDTH: 100%; PADDING-TOP: 0pt; BACKGROUND-COLOR: white
}
.selectBox H3 A {
BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/def.gif) white no-repeat right top; OVERFLOW: hidden; BORDER-LEFT: rgb(204,204,204) 1px solid; WIDTH: 100%; CURSOR: default; COLOR: #888888! important; PADDING-TOP: 3px; BORDER-BOTTOM: rgb(204,204,204) 1px solid; HEIGHT: 17px; BORDER-RIGHT-WIDTH: 0pt; TEXT-DECORATION: none! important; BORDER-RIGHT-COLOR: transparent
}
.selectBox H3 A.t {
BACKGROUND: url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/hover.gif) white no-repeat right top
}
.selectBox H3 A:hover {
BACKGROUND: url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/hover.gif) white no-repeat right top
}
.selectBox UL {
BORDER-TOP-WIDTH: 0pt; PADDING-RIGHT: 2px; PADDING-LEFT: 3px; BACKGROUND: url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/selectItem.gif) white repeat-y right top; LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0pt; BORDER-LEFT: rgb(204,204,204) 1px solid; WIDTH: 100%; BORDER-TOP-COLOR: transparent; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -1px; BORDER-RIGHT-WIDTH: 0pt; BORDER-RIGHT-COLOR: transparent
}
.selectBox UL LI {
PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 0pt; PADDING-BOTTOM: 0pt; MARGIN: 0pt; PADDING-TOP: 0pt
}
.selectBox UL LI A {
PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #555555! important; PADDING-TOP: 2px; TEXT-DECORATION: none
}
.selectBox UL LI A:hover {
BACKGROUND: #eeeeee 0% 50%
}
.selectBox {
WIDTH: 200px
}
.selectBox H3 {
PADDING-RIGHT: 0pt; PADDING-LEFT: 0pt; FONT-WEIGHT: normal; FONT-SIZE: 1em; PADDING-BOTTOM: 0pt; MARGIN: 0pt; WIDTH: 100%; PADDING-TOP: 0pt; BACKGROUND-COLOR: white
}
.selectBox H3 A {
BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/def.gif) white no-repeat right top; OVERFLOW: hidden; BORDER-LEFT: rgb(204,204,204) 1px solid; WIDTH: 100%; CURSOR: default; COLOR: #888888! important; PADDING-TOP: 3px; BORDER-BOTTOM: rgb(204,204,204) 1px solid; HEIGHT: 17px; BORDER-RIGHT-WIDTH: 0pt; TEXT-DECORATION: none! important; BORDER-RIGHT-COLOR: transparent
}
.selectBox H3 A.t {
BACKGROUND: url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/hover.gif) white no-repeat right top
}
.selectBox H3 A:hover {
BACKGROUND: url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/hover.gif) white no-repeat right top
}
.selectBox UL {
BORDER-TOP-WIDTH: 0pt; PADDING-RIGHT: 2px; PADDING-LEFT: 3px; BACKGROUND: url(http://www.wretch.cc/photos/icon/htcmi/other/script/ja<!>vascript/select/selectItem.gif) white repeat-y right top; LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0pt; BORDER-LEFT: rgb(204,204,204) 1px solid; WIDTH: 100%; BORDER-TOP-COLOR: transparent; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -1px; BORDER-RIGHT-WIDTH: 0pt; BORDER-RIGHT-COLOR: transparent
}
.selectBox UL LI {
PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 0pt; PADDING-BOTTOM: 0pt; MARGIN: 0pt; PADDING-TOP: 0pt
}
.selectBox UL LI A {
PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #555555! important; PADDING-TOP: 2px; TEXT-DECORATION: none
}
.selectBox UL LI A:hover {
BACKGROUND: #eeeeee 0% 50%
}
#friendListDiv {
PADDING-RIGHT: 0px; PADDING-LEFT: 18px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#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 {
COLOR: #999
}
#pagelink_1 {
COLOR: #999
}
#pagelink A {
PADDING-LEFT: 2px; BORDER-LEFT: #f7a5cc 4px solid; COLOR: #f756a3
}
#pagelink_1 A {
PADDING-LEFT: 2px; BORDER-LEFT: #f7a5cc 4px solid; COLOR: #f756a3
}
#pagelink A:hover {
BORDER-LEFT: #bbb 4px solid; COLOR: #000
}
#pagelink_1 A:hover {
BORDER-LEFT: #bbb 4px solid; COLOR: #000
}