/************** Standard components **************/

BODY, HTML { background: #eee url(/i/bg01.gif) 50% 0; text-align: center; }
BODY { padding: 0 0 50px 0; }

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

.content A { text-decoration: underline; }
.content TABLE { width: 100%; margin: 20px 0 0 0; }
.content TABLE TH { line-height: normal; border: 1px solid #fff; padding: 4px 10px; background: #ddd; font-weight: bold; }
.content TABLE TH.input { padding: 0; }
.content TABLE TD { line-height: normal; border: 1px solid #fff; padding: 4px 10px; background: #f6f6f6; }
.content TABLE TD.input { padding: 0; }
.content TABLE TR.even TD { background: #f0f0f0; }
.content TABLE TR TD.none { color: red; }
.content TABLE TR TD A.none  { color: red; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(/i/dot05.gif) 0 3px no-repeat; padding: 0 0 0 14px; }
.content UL UL { margin: 0.5em 0; }
.content P.padding { padding: 0 10px; }

/* Max-width large headings */

.h-type1 { background: #a3a3a3 url(/i/bg17.gif) no-repeat; border-bottom: 1px solid #8a8a8a; color: #fff; padding: 6px 10px; margin: 0; font-size: 18px; font-weight: normal; }
.h-type1 A { color: #fff; text-decoration: underline; }
.h-type1-green { background: #276204 url(/i/bg32.gif) no-repeat; border-bottom: 1px solid #1b4603; }
.h-type1-blue { background: #126fb1 url(/i/bg13.gif) no-repeat; border-bottom: 1px solid #00355b; }

/* small headings */
.h-type2 { background: #a3a3a3 url(/i/bg27.gif) no-repeat; border-bottom: 1px solid #8a8a8a; font-size: 12px; color: #fff; padding: 3px 10px; margin: 10px 0 0 0; }
.h-type2-green { background: #276204 url(/i/bg20.gif) no-repeat; border-bottom: 1px solid #1b4603; }
.h-type2-blue  { background: #1270b1 url(/i/bg19.gif) no-repeat; border-bottom: 1px solid #00355b; }

/* in site headings */
.h-type3 { color: #fff; padding: 6px 10px; font-size: 18px; font-weight: normal; background: #a2a2a2 url(/i/bg26.gif) repeat-x; margin: 20px 0 0 0; }
.h-type3 SPAN.main { float: left; font-size: 16px; padding: 1px 0; margin: 0 10px 0 0; font-weight: bold; }
.h-type3 SPAN.main B { color: #ddd; }
.h-type3 SPAN.count { float: left; font-size: 11px; border-left: 1px solid #cacaca; padding: 4px 0 3px 10px; color: #d9d9d9; }
.h-type3-green { background: #276204 url(/i/bg24.gif) repeat-x; border-bottom: 1px solid #1b4603; }
.h-type3-green SPAN.count { color: #9fbf8c; border-color: #82b465; }
.h-type3-blue  { background: #1270b1 url(/i/bg25.gif) repeat-x; border-bottom: 1px solid #00355b; }
.h-type3-blue SPAN.count { color: #93c6e6; border-color: #67b2e1; }
.h-type3-viewall { float: right; margin: -26px 0 0 0; padding: 0 10px 0 0; }
.h-type3-viewall A { float: left; background: url(/i/ico_viewall.gif) 0 50% no-repeat; padding: 0 0 0 15px; color: #d9d9d9; }
.h-type3-viewall A:hover { color: #fff; }
.h-type3-viewall-blue A { color: #9bc8e6; }
.h-type3-viewall-green A { color: #acc99a; }
.h-type3-drag { float: right; margin: -24px 0 0 0; padding: 0 10px 0 0; color: #fff; line-height: 14px; }

/* table type headings */
.h-type4 { background: #c0c0c0; border-bottom: 1px solid #a2a2a2; font-size: 14px; font-weight: bold; color: #fff; padding: 6px 10px; margin: 2px 0 0 0; }


/************** Layout **************/

DIV.box01 { width: 970px; margin: auto; background: url(/i/bg02.gif) repeat-y; position: relative; text-align: left; }
DIV.box02 { padding: 0 10px; background: url(/i/bg03.gif) 50% 0 no-repeat; }
DIV.box03 { padding: 5px 5px 0 5px; clear: both; }
DIV.box04 { margin-top: 20px; }
DIV.box05 { padding: 0 15px; }
DIV.box06 { padding: 0 20px 20px 20px; }
DIV.box07 { padding: 0 15px 15px 15px; background: url(/i/bg23.gif) repeat-x; margin: 1px 0 0 0; }
DIV.box07 P { margin: 15px 0 0 0; }
DIV.box07 TABLE { margin: 15px 0 0 0; }

/* Header */

#header { height: 105px; }
#header #logo { float: left; margin: 0; padding: 19px 10px 0 20px; }
#header #slogan { float: left; margin: 0; color: #8a8a8a; padding: 52px 0 0 0; }
#header DIV.error { float: left; padding: 47px 10px 0 10px;  }
#header DIV.error P.msg-error { float: left; margin: 0; color: #d85124; padding: 5px 10px; text-align: center; font-weight: bold; background: #ffe8e5; border: 1px solid #d85124;  }
#header DIV.error P.msg-error A { color: #d85124; text-decoration: underline; }

#login { float: right; padding: 23px 20px 0 0; }
#login P { float: left; margin: 0 5px 0 0; }
#login P.button { padding: 7px 0 0 5px; margin: 0; }
#login P.forgot { float: left; clear: both; font-size: 10px; margin: -3px 0 0 0; }
#login LABEL { display: block; color: #b9b9b9; padding: 0 0 3px 0; }
#login SPAN { float: left; background: url(/i/bg04.gif) no-repeat; }
#login SPAN.input { background-position: 0 0; }
#login SPAN.input SPAN { background-position: 100% 0; }
#login SPAN.input INPUT { float: left; border: none; background: transparent; padding: 3px 5px 8px 5px; width: 100px; }

#loggedin { float: right; margin: 0; padding: 28px 20px 0 0; }
#loggedin DIV.img { float: left; margin: 0 10px 0 0; }
#loggedin DIV.img A { float: left; border: 1px solid #f0f0f0; padding: 1px; }
#loggedin DIV.img A:hover { border-color: #888; }
#loggedin DIV.txt { float: left; }
#loggedin DIV.txt P.label { color: #bababa; font-size: 10px; margin: 0; }
#loggedin DIV.txt P.name { color: #00baff; margin: 0; font-weight: bold; }
#loggedin DIV.txt P.tools { color: #e1e1e1; margin: 5px 0 0 0; }
#loggedin DIV.txt P.tools A { color: #868686; }
#loggedin DIV.txt P.tools SPAN { margin: 0 3px; }
#loggedin DIV.txt P.tools A:hover { color: #000; }

/* Columns */

.col { float: left; min-height: 1px; overflow: hidden; }
.col01 { width: 180px; margin: 0 20px 0 0; }
.col02 { width: 710px; }
.col03 {margin:0pt 2px 0pt 0pt; padding:0pt 0pt 10px; width:428px;}
.col04 { width: 510px; padding: 0 0 10px 0; }
.col05 { width: 465px; padding: 0 0 10px 0; margin: 0 5px 0 0; }
.col05 TABLE.form TH { width: 30%; }
.col05 TABLE.form TD { width: 70%; }
.col05 TABLE.form INPUT.default { width: 200px; }
.col05 .h-type1-blue { background-image: url(/i/bg34.gif); }
.col06 { width: 470px; padding: 0 0 10px 0; }
.col06 TABLE.form TH { width: 30%; }
.col06 TABLE.form TD { width: 70%; }
.col06 TABLE.form INPUT.default { width: 200px; }
.col06 .h-type1-green { background-image: url(/i/bg33.gif); }
.col07 { width: 398px; padding: 0 0 10px 0; margin: 0 2px 0 0; }
.col08 { width: 310px; padding: 0 0 10px 0; overflow: hidden; }
.col09 { width: 350px; padding: 0 0 10px 0; margin: 0 10px 0 0; overflow: hidden; }
.col10 { width: 350px; padding: 0 0 10px 0; overflow: hidden; }

.col04 IMG { width: 170px; padding: 10px 10px 10px 0; }
/* Menus */

#menu1 { height: 35px; padding: 0 0 0 21px; font-weight: bold; font-size: 12px; line-height: 15px; }
#menu1 * { float: left; }
#menu1 LI { margin: 0 0 0 -1px; }
#menu1 A { color: #949494; background: url(/i/bg05.gif) no-repeat; height: 35px; overflow: hidden; }
#menu1 A SPAN { background: url(/i/bg05.gif) 100% 0 no-repeat; cursor: pointer; padding: 10px 21px 10px 20px; }
#menu1 A:hover { background-position: 0 -50px; text-decoration: none; color: #666; }
#menu1 A:hover SPAN { background-position: 100% -50px; }
#menu1 A.active { background-position: 0 -100px !important; color: #20bfff; margin: -7px 0 0 0; height: 42px; position: relative; }
#menu1 A.active SPAN { background-position: 100% -100px !important; padding-top: 17px; }

#menu1 A.orange { color: #d85124; background: url(/i/bg05.gif) no-repeat; height: 35px; overflow: hidden; }
#menu1 A.orange SPAN.orange { background: url(/i/bg05.gif) 100% 0 no-repeat; cursor: pointer; padding: 10px 21px 10px 20px; }
#menu1 A.orange:hover SPAN { background-position: 100% -50px; }

/* Footer */

#footer { background: url(/i/bg16.png) no-repeat; width: 970px; margin: -5px auto 0 auto; position: absolute; color: #aaa; font-size: 10px; }
* HTML #footer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg16.png', sizingMethod='crop'); background: none; }
#footer P { float: left; margin: 0; padding: 20px; }
#footer #exact { float: right; }
#footer A { color: #aaa; }

/* Front page */

P.signup01 { float: right; margin: 0; padding: 0; position: relative; }
P.signup01 A { font-size: 18px; text-transform: uppercase; color: #fff; text-align: center; background: url(/i/bg07.png) no-repeat; width: 203px; height: 46px; position: absolute; margin: -66px 20px 0 0; right: 0; top: 0; }
P.signup01 A:hover { background: url(/i/bg06.png) no-repeat; text-decoration: none; }
P.signup01 A SPAN { padding: 12px 0 17px 0; cursor: pointer; display: block; }
* HTML P.signup01 A { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg06.png', sizingMethod='image'); background: none; }
* HTML P.signup01 A:hover { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg07.png', sizingMethod='image'); background: none; }

/* Beta */  
P.signup02 { float: right; margin: 0; padding: 0; position: relative; background: url(/i/bg07.png) -1000px -1000px no-repeat; font-size: 9px; }
P.signup02 A { color: #fff; text-align: center; background: url(/i/bg06.png) no-repeat; width: 170px; height: 45px; position: absolute; margin: -66px 20px 0 0; right: 0; top: 0; }
P.signup02 A:hover { background: url(/i/bg07.png) no-repeat; text-decoration: none; }
P.signup02 A SPAN { padding: 8px 0 17px 0; cursor: pointer; display: block; }
P.signup02 A B { font-size: 14px; display: block; padding-bottom: 3px; }
* HTML P.signup02 A { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg06.png', sizingMethod='image'); background: none; }
* HTML P.signup02 A:hover { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg07.png', sizingMethod='image'); background: none; }

#front01 { background: url(/i/bg09.jpg) 0 100% no-repeat; margin: 2px 0 0 0; }
#front02 { background: url(/i/bg08.jpg) no-repeat; color: #fff; font-size: 12px; }
#front02 H2 { font-size: 24px; color: #fff; margin: 0; }
#front02 P { margin: 0; }
#front02 DIV.col-a { width: 469px; margin: 0 2px 0 0; }
#front02 DIV.col-a SPAN.txt { font-size: 10px; color: #b4d3e8; }
#front02 DIV.col-b { width: 469px; }
#front02 DIV.col-b SPAN.txt { font-size: 10px; color: #b0d59a; }
#front02 DIV.pad { padding: 15px 20px; }
#front02 UL { margin: 0; padding: 20px 0 0 0; }
#front02 UL LI { float: left; width: 100%; margin: 10px 0 0 0; }
#front02 UL LI SPAN.count { float: left; width: 57px; height: 29px; overflow: hidden; margin: 0 10px 0 0; }
#front02 UL LI SPAN.count SPAN { float: left; font-size: 10px; padding: 8px 3px 0 12px; }
#front02 UL LI SPAN.count B { font-size: 18px; font-weight: normal; float: left; padding: 4px 0 0 0; }
#front02 UL LI SPAN.txt { float: left; }
#front02 UL LI SPAN.txt B { color: #fff; font-size: 12px; }
#front02 DIV.col-a SPAN.count { background: url(/i/bg10.png) no-repeat; }
* HTML #front02 DIV.col-a SPAN.count { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg10.png', sizingMethod='image'); background: none; }
#front02 DIV.col-b SPAN.count { background: url(/i/bg11.png) no-repeat; }
* HTML #front02 DIV.col-b SPAN.count { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg11.png', sizingMethod='image'); background: none; }

#front03 { position: relative; background: url(/i/bg31.gif) 312px 0; }
#front03 DIV.col-a { width: 310px; margin: 0 5px 0 0; }
#front03 DIV.col-b { width: 310px; margin: 0 5px 0 0; }
#front03 DIV.col-c { width: 310px; }

DIV.splitter01 { height: 30px; width: 970px; margin: auto; position: absolute; background: url(/i/bg12.png) no-repeat; margin: -25px 0 0 0; }
* HTML DIV.splitter01 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg12.png', sizingMethod='image'); background: none; }

UL.listing01 { padding: 0 0 41px 0; line-height: 15px; }
UL.listing01 LI { float: left; width: 100%; background: #f6f6f6; border-bottom: 1px solid #eaeaea; border-top: 2px solid #fff; }
UL.listing01 LI.even { background: #f0f0f0; }
UL.listing01 DIV.clear { padding: 10px; }
UL.listing01 DIV.img { width: 64px; margin: 0 10px 0 0; }
UL.listing01 DIV.img A { border: 1px solid #c6c6c6; float: left; padding: 1px; background: #fff; }
UL.listing01 DIV.img A:hover { border-color: #777; }
UL.listing01 DIV.userinfo { margin: 0 10px 0 0; padding: 15px 0 0 0; }
UL.listing01 DIV.followers { float: right; text-align: center; padding: 15px 0 0 0; }
UL.listing01 P { color: #999; margin: 0; }
UL.listing01 P A { color: #999; }
UL.listing01 P.user { font-weight: bold; font-size: 14px; }
UL.listing01 P.user A { color: #00aeff; }
UL.listing01 P.count { color: #2b7001; font-weight: bold; font-size: 14px; }
UL.listing01 LI.viewall { position: absolute; bottom: 0; width: 310px; float: none; border-bottom: none; background: #f0f0f0 url(/i/bg14.gif) 0 100% no-repeat; clear: both; }
UL.listing01 LI.viewall A { color: #595959; background: url(/i/dot01.gif) 20px 10px no-repeat; display: block; padding: 12px 10px 12px 40px; }
#front03 DIV.col-a LI.viewall { background: #f0f0f0 url(/i/bg14.gif) 0 100% no-repeat; }
#front03 DIV.col-b LI.viewall { background: #f0f0f0; }
#front03 DIV.col-c LI.viewall { background: #f0f0f0 url(/i/bg15.gif) 100% 100% no-repeat; }

UL.listing02 { background: url(/i/bg23.gif) repeat-x; padding: 0 0 0 10px; margin: 0; }
UL.listing02 * { float: left; }
UL.listing02 LI { width: 90px; overflow: hidden; text-overflow: ellipsis; text-align: center; margin: 10px 10px 0 0; padding: 0; background: none; }
UL.listing02 A { width: 90px; color: #979797; }
UL.listing02 A SPAN { cursor: pointer; }
UL.listing02 A SPAN.img { border: 1px solid #ececec; padding: 4px; background: #fff; clear: both; }
UL.listing02 A SPAN.img SPAN { background-color: #f3f3f3; background-position: 50% 50%; background-repeat: no-repeat; width: 80px; height: 80px; }
UL.listing02 A SPAN.img IMG { display: none; }
UL.listing02 A SPAN.txt { width: 100%; clear: both; font-size: 10px; text-decoration: underline; padding: 3px 0 0 0; }
UL.listing02 A:hover { color: #000; }
UL.listing02 A:hover SPAN.img { border-color: #888; }

UL.listing03 { background: url(/i/bg23.gif) repeat-x; padding: 0 0 0 10px; margin: 0; height: 500px; }
UL.listing03 LI { float: left; margin: 10px 10px 0 0; }
UL.listing03 LI A { float: left; border: 1px solid #ececec; padding: 4px; background: #fff; }
UL.listing03 LI A SPAN { float: left; width: 80px; height: 80px; cursor: pointer; }
UL.listing03 A SPAN.img { border: 1px solid #ececec; padding: 4px; background: #fff; clear: both; }
UL.listing03 A SPAN.img SPAN { background-color: #f3f3f3; background-position: 50% 50%; background-repeat: no-repeat; width: 80px; height: 80px; }
UL.listing03 A SPAN.img IMG { display: none; }
UL.listing03 A SPAN.txt { width: 100%; clear: both; font-size: 10px; text-decoration: underline; padding: 3px 0 0 0; height: 10px; text-align: center;}
UL.listing03 LI A:hover { border-color: #888; }
UL.listing03-drop { background: #ededed url(/i/bg30.gif) repeat-x; }

UL.listing04 { background: url(/i/bg23.gif) repeat-x; padding: 0 10px; margin: 0; position: relative; }
UL.listing04 LI.item { float: left; width: 408px; clear: both; margin: 10px 0 0 0; }
UL.listing04 LI.item DIV.a { border: 1px solid #ececec; padding: 0 4px; background: #fff; width: auto; }
UL.listing04 LI.item DIV.b { border: none; padding: 0; cursor: default; }
UL.listing04 DIV.listing04-drag { cursor: default; }
DIV.listing04-drag DIV.img { width: 80px; margin: 0 10px 0 0; padding: 4px 0; }
DIV.listing04-drag DIV.img A { float: left; }
DIV.listing04-drag DIV.img A SPAN { float: left; width: 80px; height: 80px; cursor: pointer; background-repeat:no-repeat; background-position:50% 50%; }
DIV.listing04-drag DIV.img IMG { display: none; }
DIV.listing04-drag DIV.txt { width: 302px; padding: 10px 0; }
DIV.listing04-drag P { margin: 0; }
DIV.listing04-drag P.comments { margin: 8px 0 0 0; font-size: 10px; color: #aaa; }
DIV.listing04-drag P.btn { float: right; margin: -10px 0 0 0; }
DIV.listing04-drag P.btn A { float: left; background: url(/i/bg29.gif) no-repeat; color: #fff; }
DIV.listing04-drag P.btn A SPAN { float: left; background: url(/i/bg29.gif) 100% 0 no-repeat; padding: 6px 15px; cursor: pointer; font-weight: bold; }
DIV.listing04-drag P.btn A:hover { background-position: 0 -30px; text-decoration: none; }
DIV.listing04-drag P.btn A:hover SPAN { background-position: 100% -30px; }
DIV.listing04-drag P.user { font-weight: bold; font-size: 12px; }
DIV.listing04-drag P.user A { text-decoration: underline; }

DIV.listing04-drag { width: 408px; text-align: left; cursor: default; }
DIV.listing04-drag DIV.b { border: 1px solid #ececec; background: #fff; padding: 0 4px; }

UL.listing05 { padding: 0; margin: 0; }
UL.listing05 LI.item { padding: 0; margin: 5px 0 0 0; float: left; width: 100%; }
UL.listing05 DIV.a { background: #f6f6f6; padding: 10px; }
UL.listing05 DIV.img { width: 90px; margin: 0 10px 0 0; }
UL.listing05 DIV.img A { border: 1px solid #ececec; float: left; padding: 4px; background: #fff; }
UL.listing05 DIV.img A:hover { border-color: #777; }
UL.listing05 DIV.txt { width: 590px; }
UL.listing05 P { margin: 0; }
UL.listing05 P.heading { font-weight: bold; margin: 0; padding: 3px 10px; background: #ececec; }
UL.listing05 P.info { background: #f2f2f2; border-bottom: 1px solid #eee; padding: 3px 10px; margin: 1px 0 0 0; }
UL.listing05 P.info SPAN { margin: 0 3px; color: #ddd; }
UL.listing05 P.desc { padding: 5px 10px 0 10px; }
UL.listing05 P.tools { float: right; margin: -21px 0 0 0; line-height: 14px; }
UL.listing05 P.tools A { float: left; background: url(/i/bg35.gif) no-repeat; color: #fff; text-decoration: none; margin: 0 2px 0 0; }
UL.listing05 P.tools A SPAN { float: left; background: url(/i/bg35.gif) 100% 0 no-repeat; padding: 2px 12px; cursor: pointer; }
UL.listing05 P.tools A:hover { background-position: 0 -30px; }
UL.listing05 P.tools A:hover SPAN { background-position: 100% -30px; }

UL.listing06 { background: url(/i/bg23.gif) repeat-x; padding: 0 0 0 10px; margin: 0; line-height: normal; }
UL.listing06 LI { padding: 0; margin: 10px 10px 0 0; background: none; float: left; }
UL.listing06 LI A { float: left; border: 1px solid #ececec; background: #fff; padding: 4px; }
UL.listing06 LI A SPAN { background-color: #f3f3f3; background-position: 50% 50%; background-repeat: no-repeat; width: 80px; height: 80px; float: left; cursor: pointer; }
UL.listing06 LI A SPAN IMG { display: none; }
UL.listing06 LI A:hover { border-color: #aaa; }

/* Subpage */

UL.sitemap-tree { font-weight: bold; }
UL.sitemap-tree A { color: #363636; text-decoration: none; }
UL.sitemap-tree A:hover { text-decoration: underline; }
UL.sitemap-tree UL { font-weight: normal; margin: 10px 0; }
UL.sitemap-tree UL UL { font-size: 11px; }

UL.h-type1-actions { float: right; margin: -30px 0 0 0; padding: 0 5px 0 0; font-weight: bold; }
UL.h-type1-actions * { float: left; }
UL.h-type1-actions LI { margin: 0 0 0 5px; }
UL.h-type1-actions A { background: url(/i/bg18.gif) no-repeat; color: #fff; }
UL.h-type1-actions A SPAN { background: url(/i/bg18.gif) 100% 0 no-repeat; color: #fff; padding: 5px 11px 7px 11px; cursor: pointer; }
UL.h-type1-actions A:hover { text-decoration: none; background-position: 0 -30px; }
UL.h-type1-actions A:hover SPAN { background-position: 100% -30px; }
UL.h-type1-actions A.green { background-position: 0 -60px; }
UL.h-type1-actions A.green SPAN { background-position: 100% -60px; }
UL.h-type1-actions A.green:hover { background-position: 0 -90px; }
UL.h-type1-actions A.green:hover SPAN { background-position: 100% -90px; }
UL.h-type1-actions A.blue { background-position: 0 -120px; }
UL.h-type1-actions A.blue SPAN { background-position: 100% -120px; }
UL.h-type1-actions A.blue:hover { background-position: 0 -150px; }
UL.h-type1-actions A.blue:hover SPAN { background-position: 100% -150px; }

/* Tabs */

UL.tabs { border-bottom: 2px solid #422f25; padding: 0; margin: 1em 0 0 0; line-height: 15px; }
UL.tabs * { float: left; }
UL.tabs LI { padding: 0; background: none; margin: 0; }
UL.tabs A { float: left; color: #3f3f3f; border-right: 1px solid #f6e7b8; padding: 5px 10px 6px 10px; background: url(/i/bg02.gif) repeat-x; text-decoration: none; }
UL.tabs A:hover { background-position: 0 -30px; color: #fff; text-decoration: none; }
UL.tabs A.active { background-position: 0 -30px; color: #fff; }

OL.searchresults {}
OL.searchresults P { margin: 0; }
OL.searchresults P.lead { padding: 5px 0 10px 0; font-size: 11px; }

/* Content styles */
TABLE.form { width: 100%; border-color: #000; border-width: 10px 10px 10px 10px; }
TABLE.form TH { width: 25%; padding: 7px 10px; line-height: normal; background: #fff; border-color: #eee; border-width: 1px 0; }
TABLE.form TD { width: 75%; padding: 4px 10px 3px 0; line-height: normal; background: #fff; border-color: #eee; border-width: 1px 0; }
TABLE.form TD.data { padding: 7px 10px 7px 0; }
TABLE.form IMG,
TABLE.form INPUT,
TABLE.form SELECT,
TABLE.form TEXTAREA { float: left; margin-right: 5px !important; }
TABLE.form LABEL { float: left; clear: both; }
TABLE.form LABEL SPAN { display: block; padding: 3px 0; float: left; }
TABLE.form LABEL.default { float: left; clear: both; width: 150px; }
TABLE.form .max { width: 500px; }
TABLE.form INPUT.max { width: 494px; }
TABLE.form TEXTAREA.max { width: 494px; }
TABLE.form .default { width: 300px; }
TABLE.form INPUT.default { width: 294px; }
TABLE.form TEXTAREA.default { width: 294px; }
TABLE.form .min { width: 70px; }
TABLE.form INPUT.min { width: 64px; }
TABLE.form TEXTAREA.min { width: 64px; }
TABLE.form TH.subheading { background: #fff; padding: 30px 10px 5px 10px; border-bottom-width: 2px; color: #d85124; }
TABLE.form P.desc { clear: both; margin: 0; padding: 5px 0; font-size: 10px; }
TABLE.form TD.longtext { padding: 0 10px 7px 0; line-height: 16px; }
TABLE.form TD.longtext P { margin: 7px 0 0 0; }
TABLE.form TD.longtext P.floatimg { border: 1px solid #ececec; background: #fff; padding: 4px; float: left; margin: 7px 10px 0 0; }
TABLE.form TD.longtext P.floatimg IMG { float: left; margin: 0 !important; }

P.actions {}
P.actions * { float: left; }
P.actions SPAN.btn { background: url(/i/bg18.gif) 0 -180px no-repeat; margin: 0 5px 0 0; }
.graybtn { background: url(/i/bg18.gif) 0 -180px no-repeat; margin: 0 5px 0 0; }
P.actions SPAN.btn SPAN { background: url(/i/bg18.gif) 100% -180px no-repeat; }
P.actions SPAN.btn INPUT { font-size: 12px; color: #fff; padding: 3px 15px 5px 15px; overflow: visible; background: transparent; border: none; cursor: pointer; font-weight: bold; line-height: 17px; }
P.actions SPAN.green { background-position: 0 -240px; }
P.actions SPAN.green SPAN { background-position: 100% -240px; }
P.actions SPAN.blue { background-position: 0 -300px; }
P.actions SPAN.blue SPAN { background-position: 100% -300px; }

P.msg-error { color: #fff; padding: 5px 10px; text-align: center; font-weight: bold; background: #d85124; }
P.msg-error A { color: #fff; }
P.msg-info { border: 1px solid #f5e9c7; padding: 5px 10px; text-align: center; background: #fcfaf4; }
P.msg-info A { color: #303030; }
P.msg-ok { color: #fff; padding: 5px 10px; text-align: center; font-weight: bold; background: #5ca233; }
P.msg-ok A { color: #fff; }

P.profilepic { padding: 5px; background: #ececec; margin: 20px 0 0 0; }

DIV.profile01 { padding: 0 10px; margin: 10px 0 0 0; color: #000; line-height: 16px; }
DIV.profile01 H2 { margin: 0; color: #000; font-size: 16px; font-weight: bold; }
DIV.profile01 P { margin: 0; }

TABLE.graph { width: 82%; line-height: normal; background: #fff; border: solid 2px #A2A2A2; margin: 0; margin: 5px 0 5px 0; }
TABLE.graph TR TD.percent1 { background: #327f04; padding: 3px 10px 3px 5px; color: #fff; font-size: 12px; font-weight: bold; }
TABLE.graph TR TD.percent2 { background: #A2A2A2; padding: 3px 10px 3px 0; color: #fff; font-size: 12px; font-weight: bold; } 

DIV.banner-statistics { width: 700px; background: none; padding: 12px 0 15px 10px; }

/* Striped list for left menus */
UL.type1 {}
UL.type1 LI { float: left; width: 100%; background: url(/i/bg21.gif) 0 100% repeat-x; padding: 0 0 1px 0; }
UL.type1 A { display: block; padding: 5px 10px; color: #000; }
UL.type1 A:hover { background: #f5f5f5; text-decoration: none; }
UL.type1 A.active { background: #eee; text-decoration: none; }

TABLE.inbox { margin: 0; }
TABLE.inbox TH,
TABLE.inbox TD { border-width: 1px 0; }
TABLE.inbox TD.ico { padding: 5px 0 5px 5px; width: 1%; }
TABLE.inbox TD.ico DIV { width: 16px; height: 12px; background: url(/i/ico_msg.gif) no-repeat; }
TABLE.inbox TR.highlighted TD { font-weight: bold; background: #f5d3c8 }
TABLE.inbox TR.unread TD { font-weight: bold; }
TABLE.inbox TR.unread TD.ico DIV { width: 16px; height: 12px; background: url(/i/ico_msg_new.gif) no-repeat; }
TABLE.inbox A { text-decoration: none; color: #000; }
TABLE.inbox A:hover { text-decoration: underline; }

UL.thread01 { padding: 0; margin: 0; }
UL.thread01 LI.item { float: left; width: 100%; padding: 0; margin: 5px 0 0 0; background: #f5f5f5 url(/i/bg28.gif) repeat-y; }
UL.thread01 LI.item DIV.pad { padding: 0 10px 10px 10px; }
UL.thread01 DIV.from { width: 90px; margin: 10px 21px 0 0; text-align: center; line-height: normal; }
UL.thread01 DIV.from P.img { margin: 0; }
UL.thread01 DIV.from P.img * { float: left; }
UL.thread01 DIV.from P.img A { border: 5px solid #fff; }
UL.thread01 DIV.from P.img A SPAN { width: 80px; cursor: pointer; }
UL.thread01 DIV.from P.img A IMG { visibility: hidden; }
UL.thread01 DIV.from P.name { font-weight: bold; margin: 5px 0 0 0; }
UL.thread01 DIV.from P.name A { color: #979797; }
UL.thread01 DIV.from P.time { font-size: 10px; color: #aaa; }
UL.thread01 DIV.message { width: 579px; }
UL.thread01 DIV.message P { margin: 10px 0 0 0; }
UL.thread01 TEXTAREA.createmessage { border: 1px solid; border-color: #aaa #eee #eee #aaa; width: 569px; padding: 4px; }

DIV.filter { background: #f0f0f0; padding: 10px; margin: 2px 0 0 0; }
DIV.filter INPUT,
DIV.filter SELECT { float: left; margin: 0 10px 0 0; }
DIV.filter DIV.btn { float: left; margin: 0 10px 0 0; background: url(/i/bg18.gif) 0 -360px no-repeat; }
DIV.filter DIV.btn DIV { background: url(/i/bg18.gif) 100% -360px no-repeat; float: left; min-height: 20px; }
DIV.filter DIV.btn INPUT { margin: 0; border: none; background: transparent; padding: 2px 10px; color: #fff; overflow: visible; font-weight: bold; cursor: pointer; line-height: 14px; }

UL.pages { margin: 10px 0 0 0; padding: 0 10px; line-height: 14px; }
UL.pages LI { float: left; margin: 0 3px 0 0; padding: 0; }
UL.pages LI A { float: left; border: 1px solid #d8d8d8; padding: 2px 6px; color: #817c7c; background: #f0f0f0; text-decoration: none; }
UL.pages LI A:hover { border-color: #888; text-decoration: none; }
UL.pages LI A.active { border-color: #888; text-decoration: none; background: #fff; }
UL.pages LI.active A { border-color: #888; text-decoration: none; background: #fff; }
UL.pages LI.first A { border: none; width: 20px; height: 20px; background: #ccc url(/i/ico_first.gif) 50% 50% no-repeat; padding: 0; }
UL.pages LI.prev A { border: none; width: 20px; height: 20px; background: #ccc url(/i/ico_prev.gif) 50% 50% no-repeat; padding: 0; }
UL.pages LI.prev A:hover { background-color: #888 !important; }
UL.pages LI.last A { border: none; width: 20px; height: 20px; background: #ccc url(/i/ico_last.gif) 50% 50% no-repeat; padding: 0; }
UL.pages LI.next A { border: none; width: 20px; height: 20px; background: #ccc url(/i/ico_next.gif) 50% 50% no-repeat; padding: 0; }
UL.pages LI.next A:hover { background-color: #888 !important; }

DIV.information { margin: 20px 0 0 0; border: 1px solid #f5e6b8; background: #fcf9ef; padding: 0 10px 10px 10px; }
DIV.information P { margin: 10px 0 0 0; }

DIV.information2 { margin: 5px 0 0 0; background: #eee; padding: 0 10px 8px 10px; }
DIV.information2 P { margin: 8px 0 0 0; }
DIV.information2 UL { padding: 0; margin: 5px 0 0 0; }
DIV.information2 UL LI { float: left; width: 100px; padding: 0; }

P.path { padding: 5px 10px; background: #ddd; margin: 2px 0 0 0; }
P.path A { color: #888; }
P.path SPAN { color: #bbb; margin: 0 3px; }

TABLE.data {}
TABLE.data TD.actions { padding: 2px; line-height: 14px; width: 1%; white-space: nowrap; }
TABLE.data TD.actions A { display: block; background: url(/i/bg35.gif) no-repeat; text-align: center; color: #fff; text-decoration: none; }
TABLE.data TD.actions A SPAN { display: block; background: url(/i/bg35.gif) 100% 0 no-repeat; padding: 2px 10px; }
TABLE.data TD.actions A:hover { background-position: 0 -30px; }
TABLE.data TD.actions A:hover SPAN { background-position: 100% -30px; }

/* Tooltip */

#tooltip { position: absolute; left: 0; top: 0; width: 200px; text-align: left; line-height: 15px; }
#tooltip-inner { background: #fffeed; padding: 7px 10px; border: solid #cbbf90; border-width: 0 1px 1px 1px; color: #727168; }
#tooltip-ending { height: 10px; background: url(/i/bg36.gif) -200px 0 no-repeat; }