HTML, BODY { padding: 0; margin: 0; background: #089898; text-align: center; }
BODY { overflow-y: scroll; }
* HTML { overflow-y: scroll; }
* HTML BODY { overflow-y: hidden; }
*:first-child+HTML { overflow-y: scroll; }
*:first-child+HTML BODY { overflow-y: hidden; }

::selection { background: #13a3a4; color: #e1f0ba; }
::-moz-selection { background: #13a3a4; color: #e1f0ba; }

H1, H2, H3, H4, H5, H6 { color: #13a3a4; margin: 15px 0 0 0; }
H1 { font-size: 18px; }
H2 { font-size: 14px; }

UL { padding: 0; margin: 0; list-style: none; }

.gray1 { color: #aaa; }

.content { line-height: 18px; }
.content TABLE { width: 100%; margin: 15px 0 0 0; }
.content TABLE TH { line-height: 14px; }
.content TABLE TD { line-height: 14px; }
.content UL { padding: 0; margin: 15px 0 0 0; }
.content UL UL { padding: 10px 0 10px 20px; margin: 0; }
.content UL LI { background: url(dot02.gif) 0 5px no-repeat; padding: 0 0 0 15px; }

.col { float: left; min-height: 1px; }
* HTML .col { height: 1px; }
.col01 { width: 588px; margin: 0 3px 0 0; }
.col01 DIV.block { padding: 0 15px 0 0; }
.col02 { width: 315px; }
.col02 DIV.block { padding: 0 0 0 15px; }
.col03 { width: 456px; margin: 0 15px 0 0; }
.col04 { width: 102px; }
.col04 P.img { float: left; border: 3px solid #f5f5f5; }

#dude { background: url(dude.gif) -1000px -1000px no-repeat; }

#box01 { background: url(bg01.gif) 50% 0; }
#box02 {  background: url(bg03.gif) repeat-x; }
#box03 {  background: url(bg02.jpg) 50% 0 no-repeat; }
#box04 { width: 952px; margin: 0 auto; text-align: left; position: relative; }
#box05 { background: url(bg06.gif) repeat-y; padding: 0 0 15px 23px; }
#box06 { background: url(bg09.gif) 588px 3px repeat-y; }
#box07 { background: url(bg10.gif) 580px 0 no-repeat; }

#header01 { height: 117px; overflow: hidden; background: url(dude2.gif) 185px 0 no-repeat; }
#header01 #logo { float: left; margin: 0; padding: 32px 0 0 0; }
#header01 #logo A { background: url(logo_spinxo.png) no-repeat; float: left; position: relative; cursor: pointer; }
#header01 #logo A IMG { visibility: hidden; cursor: pointer; }
* HTML #header01 #logo A { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/logo_spinxo.png', sizingMethod='image'); cursor: pointer; }
#headerbuttons { float: right; padding: 44px 5px 0 0; }
#headerbuttons * { float: left; }
#headerbuttons LI { padding: 0 0 0 10px; height: 32px; overflow: hidden; }
#headerbuttons LI.btn1,
#headerbuttons LI.btn1 A { width: 106px; }
#headerbuttons LI.btn1 A { background: url(en/btn_signin.png) no-repeat; }
* HTML #headerbuttons LI.btn1 A { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/en/btn_signin.png', sizingMethod='image'); cursor: pointer; }
#headerbuttons LI.btn2,
#headerbuttons LI.btn2 A { width: 162px; }
#headerbuttons LI.btn2 A { background: url(en/btn_joincommunity.png) no-repeat; }
* HTML #headerbuttons LI.btn2 A { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/en/btn_joincommunity.png', sizingMethod='image'); cursor: pointer; }
#headerbuttons LI A { height: 100px; }
#headerbuttons LI A:hover { margin: -40px 0 0 0; }
#headerbuttons LI A SPAN { display: none; }

#userinfo01 { float: right; padding: 25px 0 0 0; }
#userinfo01 DIV.a { float: left; background: #fff url(bg20.gif) no-repeat; }
#userinfo01 DIV.b { float: left; padding: 10px; background: url(bg20.gif) 100% 0 no-repeat; }
#userinfo01 DIV.img { float: left; width: 75px; height: 75px; margin: 0 10px 0 0; }
#userinfo01 DIV.img A { display: block; width: 75px; height: 75px; }
#userinfo01 DIV.img A SPAN { display: block; width: 75px; height: 75px; background: url(bg19.png); }
* HTML #userinfo01 DIV.img A SPAN { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/bg19.png', sizingMethod='image'); cursor: pointer; }
#userinfo01 DIV.txt { float: left; }
#userinfo01 DIV.txt DIV.name { float: left; clear: both; color: #e1f0ba; font-size: 18px; line-height: 18px; font-weight: bold; letter-spacing: -1px; white-space: nowrap; background: #13a3a4 url(bg12.gif) no-repeat; }
#userinfo01 DIV.txt DIV.name SPAN { float: left; padding: 4px 10px; background: url(bg12.gif) 100% -30px no-repeat; line-height: 18px; }
#userinfo01 DIV.txt UL.notations01 { float: left; clear: both; margin: 0 !important; padding: 7px 0 0 0 !important; font-weight: bold; }
#userinfo01 DIV.txt UL.actions02 { margin: 0 !important; padding: 7px 0 0 0 !important; clear: both; }

#footer01 { background: url(bg04.gif) repeat-x; min-height: 145px; color: #fff; }
* HTML #footer01 { height: 145px; }
#footer02 { width: 952px; margin: 0 auto; text-align: left; padding: 0 0 15px 0; }
#footer03 { background: url(bg08.gif) no-repeat; height: 38px; overflow: hidden; text-align: centeR; }
#footer03 P { margin: 0; padding: 9px 0 0 0; color: #fff; }
#footer03 P A { color: #fff; }
#footer03 P SPAN { color: #0facab; margin: 0 5px; }
#footer04 { margin: 15px 0 0 0; padding: 0 125px; background: url(bg14.gif) 50% 0 repeat-y; line-height: 16px; }
#footer04 DIV.a { width: 335px; margin-right: 32px; }
#footer04 DIV.b { width: 335px; }
#footer04 DL { padding: 0; margin: 0; }
#footer04 DL DT { font-weight: bold; color: #0d656b; padding: 0 0 3px 0; }
#footer04 DL DD { padding: 0; margin: 0; }
#footer04 DIV.b DD { float: left; width: 49%; }
#footer04 A { color: #fff; }

#menu1 { background: url(bg05.gif) no-repeat; height: 44px; overflow: hidden; font-weight: bold; font-size: 16px; line-height: 18px; letter-spacing: -1px; padding: 0 0 0 8px; }
#menu1 * { float: left; }
#menu1 LI { padding: 8px 3px 0 0; }
#menu1 A { background: url(bg07.gif) no-repeat; color: #fff; }
#menu1 A SPAN { background: url(bg07.gif) 100% 0 no-repeat; padding: 8px 15px 7px 15px; }
#menu1 A:hover { background-position: 0 -40px; color: #e1f0ba; text-decoration: none; }
#menu1 A:hover SPAN { background-position: 100% -40px; }
#menu1 A.active { background-position: 0 -80px; color: #16777e !important; }
#menu1 A.active SPAN { background-position: 100% -80px; padding-bottom: 11px; }

#menu2 { background: url(bg06.gif) no-repeat; font-weight: bold; font-size: 14px; line-height: 16px; letter-spacing: -1px; padding: 0 8px; }
#menu2 UL { background: #fff url(bg21.gif) 0 100% repeat-x; padding: 9px 0 9px 15px; margin: 0; }
#menu2 UL * { float: left; }
#menu2 UL LI { margin: 0 20px 0 0; }
#menu2 A { color: #16777e; }
#menu2 A:hover { text-decoration: none; color: #13a3a4; }
#menu2 A.active { text-decoration: underline; }
#menu2 A SPAN.red { float: none; font-weight: normal; }

#sites01 { background: #595959; border-bottom: 3px solid #fff; padding: 8px 10px; color: #757575; font-size: 9px; }
#sites01 P { margin: 0; }
#sites01 DIV.a { width: 942px; margin: auto; text-align: left; }
#sites01 A { color: #9c9c9c; }
#sites01 A:hover { color: #ddd; text-decoration: none; }
#sites01 A.active { color: #fff; }
#sites01 SPAN { margin: 0 5px; }

H1.type01, H2.type01 { color: #e1f0ba; font-size: 18px; line-height: 18px; font-weight: bold; letter-spacing: -1px; white-space: nowrap; height: 26px; overflow: hidden; }
H1.type01 SPAN, H2.type01 SPAN { float: left; background: #13a3a4 url(bg12.gif) no-repeat; }
H1.type01 SPAN SPAN, H2.type01 SPAN SPAN { padding: 2px 10px 3px 10px; background: url(bg12.gif) 100% -30px no-repeat; }

UL.type01actions { float: right; margin: -20px 0 0 0; font-weight: bold; }
UL.type01actions * { float: left; }
UL.type01actions LI { padding: 0 0 0 15px; margin: 0; background: none; }
UL.type01actions A:hover SPAN { text-decoration: underline; }

.separator01 { display: block; height: 18px; clear: both; overflow: hidden; background: url(bg11.gif) 0 100% no-repeat; }
.col02 .separator01 { background-position: 3px 100%; }

UL.list01 { margin: 15px 0 0 0; padding: 0; font-weight: bold; }
UL.list01 LI { float: left; width: 19.5%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0; margin: 0; background: none; }
UL.list01 A { background: url(dot04a.gif) 0 3px no-repeat; padding: 0 0 0 18px; display: block; color: #4c5f60; }
UL.list01 A:hover { text-decoration: none; color: #13a3a4; }
UL.list01 A.active { background-image: url(dot04b.gif); }
DIV.col02 UL.list01 LI { width: 33%; }

UL.list02 { margin: 5px 0 0 0; }
UL.list02 LI { margin: 10px 0 0 0; }

UL.list03 { margin: 15px 0 0 0; padding: 0; font-weight: bold; }
UL.list03 LI { float: left; width: 33%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0; margin: 0; background: none; }
UL.list03 A { background: url(dot01.gif) 0 7px no-repeat; padding: 0 0 0 10px; display: block; color: #4c5f60; }
UL.list03 A:hover { text-decoration: none; color: #13a3a4; }

OL.type01 { padding: 0 0 0 30px; margin: 15px 0 0 0; list-style-position: outside; }

TABLE.form {}
TABLE.form TH { line-height: normal; width: 30%; padding: 6px 10px 6px 10px; border: solid #fff; border-width: 1px 0; background: #f5f5f5; }
TABLE.form TH.img { padding: 10px 0 10px 10px; width: 1%; }
TABLE.form TD { line-height: normal; width: 70%; padding: 3px 10px 3px 0; border: solid #fff; border-width: 1px 0; background: #f5f5f5; }
TABLE.form TD.data { padding: 6px 10px 6px 0; font-weight: normal; }
TABLE.form TD.pad10 { padding: 10px; }
TABLE.form .max { width: 310px; float: left; margin-right: 10px; }
TABLE.form .default { width: 210px; float: left; margin-right: 10px; }
TABLE.form .min { width: 60px; float: left; margin-right: 10px; }
TABLE.form INPUT.max,
TABLE.form TEXTAREA.max { width: 354px; }
TABLE.form INPUT.default,
TABLE.form TEXTAREA.default { width: 204px; }
TABLE.form INPUT.min,
TABLE.form TEXTAREA.min { width: 54px; }
TABLE.form TH.subheading { text-align: center; color: #5a0600; padding: 5px 10px; background: #dfdede; }
TABLE.form SPAN.helptext { float: left; padding: 3px 0 3px 20px; }
TABLE.form SPAN.helptext-error { background: url(ico_error.gif) 0 2px no-repeat; color: #ff5a00; }
TABLE.form SPAN.helptext-ok { background: url(ico_ok.gif) 0 2px no-repeat; color: #69ae36; }

TABLE.data TH { background-color: #efefef; border: solid #fff; border-width: 1px 0; padding: 5px 7px; }
TABLE.data TD { background-color: #f5f5f5; border: solid #fff; border-width: 1px 0; padding: 5px 7px; }
TABLE.data TR.even TD { background-color: #efefef; }
TABLE.data TD.ico { padding-left: 22px; }
TABLE.data TD.ico-user { background-image: url(ico_user.gif); background-position: 6px 6px; background-repeat: no-repeat; }
TABLE.data TD.ico-friend { background-image: url(ico_friend.gif); background-position: 6px 6px; background-repeat: no-repeat; }

P.msg-error { color: #fff; padding: 8px 12px; background: #ff5a00; line-height: normal; text-align: center; margin: 15px 0 0 0; }
P.msg-error A { color: #fff; }
P.msg-ok { color: #fff; padding: 8px 12px; background: #2b7e11; line-height: normal; text-align: center; }
P.msg-ok A { color: #fff; }
P.msg-info { padding: 8px 12px; background: #faf5e4; line-height: normal; text-align: center; margin: 15px 0 0 0; }
P.msg-info A { }

UL.tabs { border-bottom: 2px solid #d3ddbb; padding: 0; margin: 1em 0 0 0; }
UL.tabs * { float: left; }
UL.tabs LI { padding: 0 2px 0 0; background: none; margin: 0; }
UL.tabs A { background: #eaeaea; color: #000; padding: 1px 10px 2px 10px; text-decoration: none; }
UL.tabs A:hover { background: #d3ddbb; }
UL.tabs A.active { background: #d3ddbb; color: #000; }

UL.namerequests01 { margin: 0; padding: 0; }
UL.namerequests01 LI.item { float: left; clear: both; width: 100%; margin: 15px 0 0 0; padding: 0; background: none; }
UL.namerequests01 LI.separated { padding-top: 15px; border-top: 1px solid #eee; }
UL.namerequests01 DIV.img { float: left; width: 102px; margin: 0 15px 0 0; }
UL.namerequests01 DIV.img SPAN,
UL.namerequests01 DIV.img A { float: left; border: 3px solid #f5f5f5; }
UL.namerequests01 DIV.img A:hover { border-color: #ccc; }
UL.namerequests01 DIV.txt { float: left; width: 456px; overflow: hidden; }
UL.namerequests01 P.intro { margin: 0; }
UL.namerequests01 P.intro A { display: block; color: #4c5f60; background: #fff; }
UL.namerequests01 P.intro A:hover { color: #13a3a4; text-decoration: none; }
UL.namerequests01 P.intro SPAN { display: block; }
UL.namerequests01 P.intro SPAN.from { font-size: 14px; font-weight: bold; }
UL.namerequests01 P.intro SPAN.text { line-height: 16px; font-style: italic; margin: 3px 0 0 0; }
UL.namerequests01 P.fixheight { height: 70px; overflow: hidden; }
UL.namerequests01 TEXTAREA { border: 3px solid; border-color: #e5e5e5 #f5f5f5 #f5f5f5 #e5e5e5; padding: 5px; width: 440px; height: 86px; background: #fff; }

TABLE.smalldetails TH { background: #f5f5f5; border: solid #fff; border-width: 1px 0; padding: 3px 10px; color: #aaa; width: 30%; font-weight: normal; }
TABLE.smalldetails TD { background: #f5f5f5; border: solid #fff; border-width: 1px 0; padding: 3px 10px 3px 0; width: 70%; }

UL.quotes01 { margin: 15px 0 0 0; padding: 0; border-bottom: 1px solid #eee; }
UL.quotes01 LI.item { float: left; clear: both; width: 100%; margin: 0; padding: 7px 0 10px 0; background: none; border-top: 1px solid #eee; }
UL.quotes01 LI.hover { background-color: #faf5e4; }
UL.quotes01 DIV.a { padding-left: 35px; background: url(dot03.gif) 10px 3px no-repeat; }
UL.quotes01 DIV.txt1 { width: 353px; float: left; margin: 0 15px 0 0; padding: 3px 0 0 0; }
UL.quotes01 DIV.txt2 { width: 160px; float: left; }
UL.quotes01 P.quote { color: #aaa; }
UL.quotes01 P.quote A { color: #4c5f60; font-size: 14px; font-weight: bold; display: block; }
UL.quotes01 P.quote A:hover { color: #13a3a4; text-decoration: none; }
UL.quotes01 P.quote A SPAN.author { color: #aaa; font-size: 11px; font-weight: normal; }

UL.actions01 { margin: 15px 0 0 0; padding: 0 !important; line-height: 16px; font-weight: bold; font-size: 14px; letter-spacing: -1px; }
UL.actions01 * { float: left; }
UL.actions01 LI { margin: 0 3px 0 0; padding: 0; background: none; }
UL.actions01 A { background: url(bg17.gif) no-repeat; color: #13a3a4; }
UL.actions01 A SPAN { background: url(bg17.gif) 100% 0 no-repeat; padding: 6px 15px 7px 15px; }
UL.actions01 A:hover { text-decoration: none; background-position: 0 -40px; }
UL.actions01 A:hover SPAN { background-position: 100% -40px; }
UL.actions01 SPAN.btn { background: url(bg17.gif) no-repeat; }
UL.actions01 SPAN.btn SPAN { background: url(bg17.gif) 100% 0 no-repeat; }
UL.actions01 SPAN.btn INPUT { background: transparent; padding: 0 15px; font-size: 14px; font-weight: bold; letter-spacing: -1px; height: 29px; overflow: visible; border: none; color: #13a3a4; cursor: pointer; }
UL.actions01 A.gray,
UL.actions01 SPAN.gray INPUT { color: #777; font-weight: normal; }
UL.actions01 SPAN.main { background-position: 0 -80px; }
UL.actions01 SPAN.main SPAN { background-position: 100% -80px; }
UL.actions01 SPAN.main INPUT { color: #fff; }

UL.actions02 { margin: 15px 0 0 0; padding: 0 !important; line-height: 14px; }
UL.actions02 * { float: left; }
UL.actions02 LI { margin: 0 3px 0 0; padding: 0; background: none; }
UL.actions02 A { background: url(bg13.gif) 100% 0 no-repeat; color: #4c5f60; }
UL.actions02 A SPAN { background: url(bg13.gif) no-repeat; padding: 4px 10px; }
UL.actions02 A.hasico SPAN { padding-left: 23px; }
UL.actions02 A.isico SPAN { width: 22px; height: 22px; padding: 0; overflow: hidden; }
UL.actions02 A:hover { text-decoration: none; background-position: 100% -30px; color: #16777e; }
UL.actions02 A:hover SPAN { background-position: 0 -30px; }
UL.actions02 A.active { background-position: 100% -60px; color: #16777e; }
UL.actions02 A.active SPAN { background-position: 0 -60px; }
UL.actions02 A.interesting SPAN { background-position: 0 -90px; }
UL.actions02 A.interesting-active SPAN { background-position: -400px -90px; }
UL.actions02 A.interesting:hover SPAN { background-position: -200px -90px; }
UL.actions02 A.cool SPAN { background-position: 0 -120px; }
UL.actions02 A.cool-active SPAN { background-position: -400px -120px; }
UL.actions02 A.cool:hover SPAN { background-position: -200px -120px; }
UL.actions02 A.funny SPAN { background-position: 0 -150px; }
UL.actions02 A.funny-active SPAN { background-position: -400px -150px; }
UL.actions02 A.funny:hover SPAN { background-position: -200px -150px; }
UL.actions02 A.like SPAN { background-position: 0 -180px; }
UL.actions02 A.like-active SPAN { background-position: -400px -180px; }
UL.actions02 A.like:hover SPAN { background-position: -200px -180px; }
UL.actions02 A.favorite SPAN { background-position: 0 -210px; }
UL.actions02 A.favorite-active SPAN { background-position: -400px -210px; }
UL.actions02 A.favorite:hover SPAN { background-position: -200px -210px; }
UL.actions02 A.comment SPAN { background-position: 0 -240px; }
UL.actions02 A.comment-active SPAN { background-position: -400px -240px; }
UL.actions02 A.comment:hover SPAN { background-position: -200px -240px; }
UL.actions02 I { float: none; font-style: normal; }

UL.actions03 { float: right; padding-left: 7px; }
UL.actions03 LI { margin: 0; padding: 3px 0 0 3px; }

UL.actions04 { float: right; padding-left: 7px; margin: -24px 0 0 0; }
UL.actions04 LI { margin: 0; padding: 0 0 0 3px; }

DIV.randomavatars { width: 573px; overflow: hidden; line-height: 16px; }
DIV.randomavatars UL.a { width: 105%; margin: 0; }
DIV.randomavatars UL.compact { padding: 0 0 0 10px; margin: 10px 0 0 0; line-height: 14px; }
DIV.randomavatars UL.compact LI { background-position: 0 3px; }
DIV.randomavatars UL.notations01 LI { margin: 0 10px 0 0; }
DIV.randomavatars LI.item { float: left; margin: 15px 15px 0 0; width: 279px; padding: 0; background: none; }
DIV.randomavatars LI.item A.img { border: 3px solid #f5f5f5; }
DIV.randomavatars LI.item A.img:hover { border-color: #ccc; }
DIV.randomavatars DIV.img { float: left; width: 102px; margin: 0 10px 0 0; }
DIV.randomavatars DIV.img * { float: left; }
DIV.randomavatars DIV.txt { float: left; width: 167px; }
DIV.randomavatars P.name { font-weight: bold; font-size: 14px; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; }
DIV.randomavatars P.tags { margin: 0; text-overflow: ellipsis; overflow: hidden; width: 100%; color: #aaa; height: 32px; line-height: 14px; }
DIV.randomavatars P.tags A { color: #aaa; }
DIV.randomavatars P.username { font-size: 14px; letter-spacing: -1px; width: 100%; overflow: hidden; text-overflow: ellipsis; }


UL.topcontributors { margin: 0; }
UL.topcontributors LI { float: left; width: 50%; margin: 15px 0 0 0; background: none; padding: 0 ;}
UL.topcontributors DIV.a { padding: 0 0 0 20px; }
UL.topcontributors DIV.liked { background: url(ico_like2.gif) 0 1px no-repeat; }
UL.topcontributors DIV.funny { background: url(ico_funny2.gif) 0 1px no-repeat; }
UL.topcontributors DIV.coolest { background: url(ico_cool2.gif) 0 1px no-repeat; }
UL.topcontributors DIV.interesting { background: url(ico_interesting2.gif) 0 1px no-repeat; }

DIV.form01 { background: #faf5e4; margin: 15px 0 0 0; padding: 10px 15px 15px 15px; color: #595959; line-height: 14px; }
DIV.form01 DIV.a { float: left; width: 470px; }
DIV.form01 P.input { float: left; margin: 5px 5px 0 0; width: 150px; }
DIV.form01 P.input * { float: left; }
DIV.form01 P.input LABEL { display: block; padding: 0 0 2px 0; }
DIV.form01 P.input SPAN.input { clear: both; background: url(bg15.gif) no-repeat; }
DIV.form01 P.input SPAN.input SPAN { background: url(bg15.gif) 100% 0 no-repeat; width: 150px; height: 22px; overflow: hidden; position: relative; }
DIV.form01 P.input SPAN.input INPUT { width: 140px; padding: 4px 5px; background: url(blank.gif); border: none; }
DIV.form01 P.input SPAN.focus { background-position: 0 -30px; }
DIV.form01 P.input SPAN.focus SPAN { background-position: 100% -30px; }
DIV.form01 P.input SPAN.focus INPUT { color: #13a3a4; }
DIV.form01 P.check { float: left; margin: 10px 15px 0 0; white-space: nowrap; }
DIV.form01 P.check LABEL { float: left; cursor: pointer; background: url(bg16.gif) 0 1px no-repeat; padding: 0 0 0 18px; }
DIV.form01 P.check LABEL.checked { background-position: 0 -99px; }
DIV.form01 P.check INPUT { position: absolute; left: -1000px; top: -1000px; }
DIV.form01 A.spin { float: left; width: 63px; height: 64px; background: url(en/btn_spin.gif) no-repeat; margin: 21px 0 0 0; }
DIV.form01 A.spin SPAN { display: none; }
DIV.form01 A.spin:hover { background-position: -70px 0; }
DIV.form01 UL.actions02inline { margin: 5px 0 0 0; padding: 0 !important; }
DIV.form01 UL.actions02inlinewithlabel { margin: 21px 0 0 0; padding: 0 !important; }

/* * * * * Exact Thickbox * * * * */

#TB_window { position: fixed; z-index: 102; text-align: left; top: 50%; right: 50%; display: none; line-height: 14px; width: 10000px; }
* HTML #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; }
* HTML #TB_overlay { position: absolute; height: expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight) > document.documentElement.clientHeight ? document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight : document.documentElement.clientHeight + 'px'); }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {	background-color: #000; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }

#TB_container1 { overflow: hidden; }
* HTML #TB_container1 { overflow: visible; height: 1px; }

#TB_container2 { border: solid #fff; border-width: 0 5px; padding: 0 3px; background: #16777e; }
#TB_container3 { padding: 0 3px; background: #fff; overflow: hidden; }
* HTML #TB_container3 { height: 1px; overflow: visible; }

#TB_header1 { height: 15px; position: relative; }
#TB_header1 SPAN { display: block; overflow: hidden; }
#TB_header1 SPAN.a { position: absolute; width: 15px; height: 15px; left: 0; top: 0; background: url(thickbox_corner1.png) no-repeat; }
#TB_header1 SPAN.b { position: absolute; width: 15px; height: 15px; right: 0; top: 0; background: url(thickbox_corner2.png) no-repeat; }
#TB_header1 SPAN.c { margin: 0 15px; height: 15px; background: url(thickbox_bg02.gif) repeat-x; }
* HTML #TB_header1 SPAN.a { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/thickbox_corner1.png', sizingMethod='image'); cursor: pointer; }
* HTML #TB_header1 SPAN.b { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/thickbox_corner2.png', sizingMethod='image'); cursor: pointer; }
#TB_header2 { height: 3px; background: #fff url(thickbox_bg03.gif) no-repeat; overflow: hidden; }
#TB_header2 DIV { height: 3px; background: url(thickbox_bg04.gif) 100% 0 no-repeat; overflow: hidden; }
#TB_footer { height: 10px; position: relative; }
#TB_footer SPAN { display: block; overflow: hidden; }
#TB_footer SPAN.a { position: absolute; width: 11px; height: 11px; left: 0; top: 0; background: url(thickbox_corner3.png) no-repeat; }
#TB_footer SPAN.b { position: absolute; width: 11px; height: 11px; right: 0; top: 0; background: url(thickbox_corner4.png) no-repeat; }
#TB_footer SPAN.c { margin: 0 10px; height: 11px; background: url(thickbox_bg01.gif) repeat-x; }
* HTML #TB_footer SPAN.a { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/thickbox_corner3.png', sizingMethod='image'); cursor: pointer; }
* HTML #TB_footer SPAN.b { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/thickbox_corner4.png', sizingMethod='image'); cursor: pointer; }

#TB_header { padding: 0 10px 10px 10px; background: #16777e; border: solid #fff; border-width: 0 5px; line-height: 18px; margin: 0; overflow: hidden; }
* HTML #TB_header { overflow: visible; height: 1px; }
#TB_header #TB_ajaxWindowTitle { float: left; color: #e1f0ba; font-weight: bold; font-size: 18px; line-height: 18px; letter-spacing: -1px; background: #13a3a4 url(thickbox_bg05.gif) no-repeat; }
#TB_header #TB_ajaxWindowTitle SPAN { float: left; padding: 3px 10px 5px 10px; background: url(thickbox_bg05.gif) 100% -40px no-repeat; }
#TB_header #TB_prev { float: left; width: 26px; height: 26px; background: url(thickbox_buttons.gif) no-repeat; margin: 0 5px 0 0; }
#TB_header A#TB_prev:hover { background-position: -50px 0; }
#TB_header #TB_next { float: left; width: 26px; height: 26px; background: url(thickbox_buttons.gif) 0 -50px no-repeat; margin: 0 5px 0 0; }
#TB_header A#TB_next:hover { background-position: -50px -50px; }
#TB_header #TB_closeWindowButton { float: right; width: 26px; height: 26px; background: url(thickbox_buttons.gif) 0 -100px no-repeat; }
#TB_header A#TB_closeWindowButton:hover { background-position: -50px -100px; }
#TB_header .TB_disabled { cursor: default; }
#TB_header #TB_next.TB_disabled { background-position: -100px -50px !important; }
#TB_header #TB_prev.TB_disabled { background-position: -100px 0 !important; }

#TB_body { position: relative; }
#TB_Image { display: block; }

#TB_ajaxContent { overflow: auto; }
#TB_caption { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; color: #fff; line-height: 16px; font-size: 11px; }
#TB_caption_a { overflow: hidden; }
#TB_caption_b { padding: 14px 20px; }

#TB_content_placeholder { padding: 0; margin: 0; }
#TB_iframeContent { clear: both; border: none; margin: 0; }
#TB_iframeContent { padding: 0; margin: 0; }

#TB_load { position: fixed; display: none; z-index: 101; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; background: url(loading01.gif) 50% 50% no-repeat; }
* HTML #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
* HTML #TB_HideSelect { position: absolute; height: expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight) > document.documentElement.clientHeight ? document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight : document.documentElement.clientHeight + 'px'); }

/* * * * * /Exact Thickbox * * * * */

DIV.loading01 { position: absolute; width: 100%; height: 100%; background: url(bg18.png); top: 0; left: 0; }
DIV.loading02 { position: absolute; width: 100%; height: 100%; background: url(loading01.gif) 50% 50% no-repeat; top: 0; left: 0; }

DIV.loginbox01 { padding: 0 15px 15px 15px; }
DIV.loginbox01 DIV.form01 P.input LABEL { padding: 0 0 5px 0; }
DIV.loginbox01 DIV.form01 SPAN.input SPAN { width: 220px; }
DIV.loginbox01 DIV.form01 SPAN.input INPUT { width: 210px; }

UL.notations01 { padding: 0 !important; margin: 5px 0 0 0 !important; }
UL.notations01 LI { float: left; margin: 0 15px 0 0; padding: 0; background: none; }
UL.notations01 LI A { float: left; padding: 0 0 0 18px; }
UL.notations01 LI SPAN { float: left; padding: 0 0 0 18px; }
UL.notations01 .interesting { background: url(ico_interesting.gif) 0 50% no-repeat; }
UL.notations01 .cool { background: url(ico_cool.gif) 0 50% no-repeat; }
UL.notations01 .funny { background: url(ico_funny.gif) 0 50% no-repeat; }
UL.notations01 .liked { background: url(ico_like.gif) 0 50% no-repeat; }
UL.notations01 .comments { background: url(ico_comments.gif) 0 50% no-repeat; }
UL.notations02 { padding: 3px 0 3px 8px !important; background: #faf5e4; }

UL.friendlist01 { padding: 0; margin: 5px 0 0 0; line-height: 14px; }
UL.friendlist01 LI.item { float: left; margin: 10px 0 0 0; padding: 0; background: none; }
UL.friendlist01 DIV.img { float: left; width: 102px; height: 102px; margin: 0 10px 0 0; }
UL.friendlist01 DIV.img A { float: left; border: 3px solid #f5f5f5; }
UL.friendlist01 DIV.img A:hover { border-color: #ccc; }
UL.friendlist01 DIV.txt { float: left; width: 188px; }
UL.friendlist01 P.username { font-size: 14px; letter-spacing: -1px; }
UL.friendlist01 UL { padding: 0 0 0 10px; margin: 10px 0 0 0 !important; }
UL.friendlist01 UL LI { background-position: 0 3px; }

UL.paging { line-height: 14px; padding: 10px 0 0 0; margin: 15px 0 0 0; border-top: 1px solid #eee; }
UL.paging * { float: left; }
UL.paging LI { margin: 0 3px 0 0; padding: 0; background: none; }
UL.paging LI.label { background: url(bg13.gif) 100% -270px no-repeat; color: #888; }
UL.paging LI.label SPAN { background: url(bg13.gif) 0 -270px no-repeat; padding: 4px 8px; }
UL.paging A { background: url(bg13.gif) 100% 0 no-repeat; color: #16777e; }
UL.paging A SPAN { background: url(bg13.gif) no-repeat; padding: 4px 8px; }
UL.paging A:hover { text-decoration: none; background-position: 100% -30px; }
UL.paging A:hover SPAN { background-position: 0 -30px; }
UL.paging A.active { background-position: 100% -60px; }
UL.paging A.active SPAN { background-position: 0 -60px; }

#tooltip { position: absolute; left: -1000px; top: -1000px; width: 240px; text-align: left; line-height: 14px; z-index: 999; }
#tooltip-start { height: 10px; position: relative; }
#tooltip-inner { background: #fff; padding: 3px 10px; border: solid #13a3a4; border-width: 0 3px; }
#tooltip-ending { height: 25px; width: 100%; clear: both; margin: 0 !important; }
#tooltip-start SPAN.a { width: 10px; height: 10px; position: absolute; left: 0; top: 0; overflow: hidden; background: url(tooltip01.png) no-repeat; }
#tooltip-start SPAN.b { margin: 0 10px; height: 10px; background: url(tooltip00.gif) repeat-x; overflow: hidden; display: block; }
#tooltip-start SPAN.c { width: 10px; height: 19px; position: absolute; right: 0; top: 0; overflow: hidden; background: url(tooltip02.png) no-repeat; }
#tooltip-start SPAN.d { display: none; }
#tooltip-ending SPAN.a { width: 10px; height: 10px; position: absolute; left: 0; overflow: hidden; background: url(tooltip03.png) no-repeat; }
#tooltip-ending SPAN.b { margin: 0 10px; height: 10px; background: url(tooltip00.gif) 0 -40px repeat-x; overflow: hidden; display: block; }
* HTML #tooltip-ending SPAN.b { margin: 0 3px 0 10px; }
#tooltip-ending SPAN.c { width: 10px; height: 10px; position: absolute; right: 0; overflow: hidden; background: url(tooltip04.png) no-repeat; }
#tooltip-ending SPAN.d { width: 40px; height: 18px; position: absolute; left: 0; overflow: hidden; background: url(tooltip05.png) no-repeat; margin: -3px 0 0 0; }
* HTML #tooltip-start SPAN.a { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip01.png', sizingMethod='crop'); }
* HTML #tooltip-start SPAN.c { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip02.png', sizingMethod='crop'); }
* HTML #tooltip-ending SPAN.a { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip03.png', sizingMethod='crop'); }
* HTML #tooltip-ending SPAN.c { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip04.png', sizingMethod='crop'); }
* HTML #tooltip-ending SPAN.d { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip05.png', sizingMethod='crop'); }

DIV.tooltip-icon { margin-left: -17px !important; margin-top: -3px !important; }
DIV.tooltip-icon #tooltip-inner { white-space: nowrap; float: left; }

UL.sortbar { margin: 15px 0 0 0; padding: 5px 0; line-height: 14px; background: #f5f5f5; }
UL.sortbar LI { float: left; margin: 0; padding: 0; background: none; border-left: 1px solid #fff; border-right: 1px solid #e5e5e5; }
UL.sortbar LI.text { border-left: none; padding: 1px 8px; }
UL.sortbar LI A { display: block; padding: 1px 8px; }
UL.sortbar LI A:hover { background: #13a3a4; text-decoration: none; color: #e1f0ba; }
UL.sortbar LI A.active { text-decoration: underline; }

UL.progress { float: right; margin: -26px 0 0 0; padding: 0; font-weight: bold; }
UL.progress * { float: left; }
UL.progress LI { margin: 0; padding: 0 0 0 10px; background: url(bg22.gif) 10px -40px no-repeat; color: #16777e; }
UL.progress LI.active { background-position: 10px 0; color: #fc7f15; }
UL.progress SPAN.no { width: 26px; height: 26px; overflow: hidden; margin: 0 5px 0 0; font-size: 14px; text-align: center; color: #fff; }
UL.progress SPAN.no SPAN { padding: 4px 0 0 0; width: 26px; }
UL.progress SPAN.label { padding: 4px 0 0 0; }

DIV.separated01 { padding: 0 15px 15px 15px; margin: 15px 0 0 0; border: 2px solid #f5f5f5; }
DIV.separated01 INPUT.default { width: 300px; }
DIV.separated01 INPUT.max { width: 500px; }
DIV.separated01 TEXTAREA.max { width: 500px; }
DIV.separated01 P { margin: 15px 0 0 0; }

/* JCrop */


TABLE.jcrop-img { width: 100%; height: 400px; }
TABLE.jcrop-img TD { background: #f5f5f5 url(bg23.gif); vertical-align: middle !important; text-align: center; padding: 30px; border: 2px solid #bbb; }
DIV.jcrop-holder { text-align: left; margin: auto; }
DIV.jcrop-holder IMG { position: absolute; }
DIV.jcrop-vline,
DIV.jcrop-hline { font-size: 0; position: absolute; background: url(js_jcrop01.gif) no-repeat; }
DIV.jcrop-vline { height: 100%; width: 3px !important; }
DIV.jcrop-hline { width: 100%; height: 3px !important; }
DIV.hline-top { background-position: 50% 0; }
DIV.hline-bottom { background-position: 50% 100%; margin: -2px 0 0 0; }
DIV.vline-left { background-position: 0 50%; }
DIV.vline-right { background-position: 100% 50%; margin: 0 0 0 -2px; }
DIV.jcrop-handle { background: url(js_jcrop02.gif); width: 8px; height: 8px; overflow: hidden; }
DIV.jcrop-tracker { background-color: gray; width: 100%; height: 100%; }

/* /JCrop */