body,html,div,p,ul,li,table,img, h1, h2, h3, form, fieldset, legend, select, input, label {padding: 0 0 0 0; margin: 0 0 0 0;}
body { color:#fff; margin:0; padding:0 0 0 0; text-align:center; font-family:"Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; font-size:90%; }
body { background:url(gfx/body.gif) center top repeat-x #262626; }
/* jen pro Operu - sladime velikost textu */
@media all and (min-width:0px){body{font-size:100%}}


/* XXXXXXXXXXXXXXXXXXXXXXX GLOBAL HEADINGS XXXXXXXXXXXXXXXXXXXXXXX */
h1 { padding:32px 0 32px 0; font-size:270%; font-weight:normal; letter-spacing:1px; }
h1 small, h2 small, h3 small { color:#CCCCCC; font-size:60%; }
h2 { padding:20px 0; font-weight:normal; }

/* Flashing fake */
h1, h1 small { color:#262626; } 
/* XXXXXXXXXXXXXXXXXXXXXXX /GLOBAL HEADINGS XXXXXXXXXXXXXXXXXXXXXXX */

/* XXXXXXXXXXXXXXXXXXXXXXX GLOBAL SHIT XXXXXXXXXXXXXXXXXXXXXXX */
hr { position:absolute; top:-12721px; width:50px }
A:link { color:#00CCFF; text-decoration:underline }
A:visited { color:#00CCFF; text-decoration:underline }
A:active, A:hover { color:#80E6FF; text-decoration:none }
a img { border:0px solid #B1B8B8 }
a:hover img { border:0px solid #000000 }

object { outline:0; }

a.room:link, a.room:visited { color:#DEFF00; }
a.room:active, a.room:hover { color:#fff; }
ul { clear:left; margin:10px 0 0 30px }
ul li { list-style-image:url(grafika/icon-list2.gif) }
em { font-weight:bold; font-style:normal }
acronym, abbr { cursor:help }
br.clear, br.both { display:block; width:200px; height:1px; overflow:hidden; font-size:1px; line-height:1px; overflow:hidden; margin:0 0 0 0; padding:0 0 0 0; }
br.clear { clear:left; }
br.both { clear:both; }
.hidden { display:none; }
fieldset { border:0;  }
fieldset legend { position:absolute; top:-100721px; text-indent:-100721px; font-size:1px; line-height:0; overflow:hidden; _display:inline; }
.blind { position:absolute; top:-100721px; }
div.error { padding:20px 0 10px 28px; color:#F86100; background:url(gfx/icons/achtung.gif) 0% 18px no-repeat; }
div.ok { padding:20px 0 10px 28px; color:#A8FF24; background:url(gfx/icons/ok.gif) 0% 18px no-repeat; }
p.back { padding:20px 0 0 0; }
p.back a { display:block; width:200px; height:20px; line-height:18px; padding:0 0 0 25px; }
p.back a:link, p.back a:visited { background:url(gfx/rollover-back.gif) 0% 0% no-repeat; color:#EB1C8F; }
p.back a:active, p.back a:hover { background:url(gfx/rollover-back.gif) 0% -20px no-repeat; color:#fff; }
label.inline { display:inline; }
/* XXXXXXXXXXXXXXXXXXXXXXX /GLOBAL SHIT XXXXXXXXXXXXXXXXXXXXXXX */

/* XXXXXXXXXXXXXXXXXXXXXXX HEADER XXXXXXXXXXXXXXXXXXXXXXX */
#top { width:100%; text-align:center; background:url(gfx/top.gif) 0% 0% repeat-x; }
#top #head { width:966px; height:81px; background:url(gfx/head.gif) 0% 0% no-repeat; position:relative; margin:0 auto; text-align:left; }
#top #head p#logo { width:245px; height:41px; position:absolute; top:18px; left:22px; }
#top #head p#logo img { display:block; width:245px; height:41px; }

#top #head p.login { width:233px; height:42px; position:absolute; top:16px; right:40px; background:url(gfx/bg-headlogin.gif) 0% 0% no-repeat; }
#top #head p.login a.login, #top #head p.login a.register { display:block; height:36px; line-height:36px; position:absolute; text-align:center; font-size:80%;  }
#top #head p.login a.login { width:97px; top:3px; left:3px; }
#top #head p.login a.login:link, #top #head p.login a.login:visited { background:url(gfx/bg-headlogin.gif) -3px -3px no-repeat; text-decoration:none; color:#DBDA2B; }
#top #head p.login a.login:active, #top #head p.login a.login:hover { background:url(gfx/bg-headlogin.gif) -3px -45px no-repeat; text-decoration:none; color:#000000; }
#top #head p.login a.register { width:127px; top:3px; right:3px;  }
#top #head p.login a.register:link, #top #head p.login a.register:visited { background:url(gfx/bg-headlogin.gif) -103px -3px no-repeat; text-decoration:none; color:#DBDA2B; }
#top #head p.login a.register:active, #top #head p.login a.register:hover { background:url(gfx/bg-headlogin.gif) -103px -45px no-repeat; text-decoration:none; color:#000000; }
#top #head p.login span.pipe { position:absolute; top:-100721px; }

#top #head p.roomsusers { width:233px; height:42px; position:absolute; top:16px; right:40px; background:url(gfx/bg-headlogin.gif) 0% 0% no-repeat; }
#top #head p.roomsusers a.rooms, #top #head p.roomsusers a.users { display:block; height:36px; line-height:36px; position:absolute; text-align:center; font-size:80%;  }
#top #head p.roomsusers a.rooms { width:97px; top:3px; left:3px; }
#top #head p.roomsusers a.rooms:link, #top #head p.roomsusers a.rooms:visited { background:url(gfx/bg-headlogin.gif) -3px -3px no-repeat; text-decoration:none; color:#DBDA2B; }
#top #head p.roomsusers a.rooms:active, #top #head p.roomsusers a.rooms:hover { background:url(gfx/bg-headlogin.gif) -3px -45px no-repeat; text-decoration:none; color:#000000; }
#top #head p.roomsusers a.users { width:127px; top:3px; right:3px;  }
#top #head p.roomsusers a.users:link, #top #head p.roomsusers a.users:visited { background:url(gfx/bg-headlogin.gif) -103px -3px no-repeat; text-decoration:none; color:#DBDA2B; }
#top #head p.roomsusers a.users:active, #top #head p.roomsusers a.users:hover { background:url(gfx/bg-headlogin.gif) -103px -45px no-repeat; text-decoration:none; color:#000000; }
#top #head p.roomsusers span.pipe { position:absolute; top:-100721px; }


#top #head p.logged { width:333px; height:42px; line-height:42px; position:absolute; top:16px; right:283px; text-align:right; color:#B4B4B4; font-size:75%; font-family:Verdana, Tahoma, "Arial CE", "Trebuchet MS", sans-serif, "Lucida Grande CE"; }
#top #head p.logged a:link, #top #head p.logged a:visited { color:#00CCFF; font-weight:bold; }
#top #head p.logged a:active, #top #head p.logged a:hover { color:#fff; font-weight:bold; }
/* XXXXXXXXXXXXXXXXXXXXXXX HEADER XXXXXXXXXXXXXXXXXXXXXXX */


/* XXXXXXXXXXXXXXXXXXXXXXX MAIN MENU XXXXXXXXXXXXXXXXXXXXXXX */
div#nav { width:100%; text-align:center;  }
div#nav div { width:966px; height:48px; position:relative; right:0; margin:0 auto; }

ul#menu { height:46px; margin:0; line-height:45px; text-align:left; font-family:verdana; }
ul#menu li { width:139px; height:45px; display:inline-block; margin:0 -7px 0 0; list-style-type:none; list-style-image:none; text-align:center; border:1px solid black; padding:0; }
ul#menu a { font-size:16px; background:url(gfx/menu.gif) center -45px no-repeat black; display:inline-block; width:139px; height:45px; font-weight:bold; letter-spacing:-1px; color:white; overflow:hidden; text-decoration:none; }
ul#menu a:hover { background-position:center top; text-decoration:none; color:#DEFF00; }
ul#menu span { font-size:13px; color:#8a8a8a; font-weight:normal; margin:0 0 0 5px; }

ul#topmenu { position:absolute; right:15px; top:-81px; font-size:11px; line-height:39px; text-align:right; }
ul#topmenu li { list-style:none; height:39px; display:inline-block; margin:0 0 0 -4px; }
ul#topmenu li.first a { background-position:left top; border-width:0 1px 0 0; }
ul#topmenu li.last a { background-position:right top; border-width:0 0 0 1px; }
ul#topmenu a { color:#dbda2B; width:94px; display:inline-block; background:url(gfx/topmenu.gif) center top no-repeat; overflow:hidden; height:39px; border:1px solid #333; border-width:0 1px; text-decoration:none; text-align:center; }
ul#topmenu a:hover { background-position:center -39px; color:black; }
ul#topmenu .first a:hover { background-position:left -39px; }
ul#topmenu .last a:hover { background-position:right -39px; }

#service { position:absolute; right:20px; top:-28px; }
#service a { font-weight:bold; font-size:11px; }
/* XXXXXXXXXXXXXXXXXXXXXXX MAIN MENU XXXXXXXXXXXXXXXXXXXXXXX */




/* XXXXXXXXXXXXXXXXXXXXXXX CONTENT XXXXXXXXXXXXXXXXXXXXXXX  */
#main { width:100%; text-align:center; background:#000; }
#main #content { width:966px; height:auto; margin:0 auto; position:relative; text-align:center;  padding:0 0 100px 0; }
#main #content .roomdesc { width:960px; background:url(gfx/roomdesc-foot.gif) 100% 100% no-repeat #262626; padding:10px 0 40px 0; position:relative; margin:0 auto; text-align:left; font-size:90%; }
#main #content .roomdesc h2 { color:#fff !important; }
#main #content .roomdesc h2, #main #content .roomdesc p { padding-left:40px; padding-right:40px; }
#main #content .roomdesc p { }
body.rooms #main #content, body.users #main #content, body.myrooms #main #content, body.favs #main #content { width:975px; }
/* XXXXXXXXXXXXXXXXXXXXXXX /CONTENT XXXXXXXXXXXXXXXXXXXXXXX  */

/* XXXXXXXXXXXXXXXXXXXXXXX FOOTER XXXXXXXXXXXXXXXXXXXXXXX  */
#foot { height:120px; background:#262626; line-height:23px; }
#foot div { width:960px; height:120px; margin:0 auto; position:relative; }
#foot div p { color:#999999; font-size:80%; }
/*#foot div a { color:#999999; }*/
#foot div p#about { width:600px; height:20px; line-height:20px; position:absolute; top:60px; left:0; text-align:left; margin:0 0 0 0; padding:0 0 0 0; }
#foot div p#copy { width:400px; height:20px; line-height:20px; position:absolute; top:60px; right:0; text-align:right; margin:0 0 0 0; padding:0 0 0 0; }
#foot div p#copy .wdf { background:url(gfx/wdf.gif) left center no-repeat; display:inline-block; line-height:23px; padding:0 0 0 30px; }
#foot div p#service { position:absolute; right:0; top:22px; }
/* XXXXXXXXXXXXXXXXXXXXXXX /FOOTER XXXXXXXXXXXXXXXXXXXXXXX  */

/* XXXXXXXXXXXXXXXXXXXXXXX ROOMS XXXXXXXXXXXXXXXXXXXXXXX  */
div.roombox { width:310px; height:120px; float:left; margin:0 15px 15px 0; background:url(gfx/bg-roombox-top.gif) 0% 0% no-repeat #333333; position:relative; overflow:hidden; }
body.dashboard #mycontent div.roombox { height:100px; }


div.roombox h3 { font-size:90%; margin:0 0 0 0; padding:10px 0 3px 0; width:170px; position:relative; left:10px; }
div.roombox h3 a:link, div.roombox h3 a:visited { color:#DEFF00; }
div.roombox h3 a:active, div.roombox h3 a:hover { color:#fff; }
div.roombox p.creator { padding:0 0 0 0; margin:0 0 0 0; width:170px; position:relative; left:10px; font-size:90%; }
div.roombox p.creator a:link, div.roombox p.creator a:visited { color:#00CCFF; }
div.roombox p.creator a:active, div.roombox p.creator a:hover { color:#fff; }
div.roombox p.creator span { color:#999999; }
div.roombox span.img { display:block; width:104px; height:75px; position:absolute; top:10px; right:10px;  background:url(gfx/bg-roomimg.gif) 0% 0% no-repeat; }
div.roombox span.img img { display:block; width:94px; height:65px; position:absolute; top:5px; left:5px; }

div.roombox p.created { padding:0 0 0 0; margin:0 0 0 0; width:240px; height:1.5em; line-height:1.5em; position:relative; left:10px; font-size:80%; color:#999999;  }
div.roombox p.stats { padding:0 0 0 0; margin:0 0 0 0; width:240px; height:1.5em; line-height:1.5em; position:relative; left:10px; font-size:80%; color:#999999; }
div.roombox p.stats span { color:#CCCCCC; } 

div.roombox p.more { width:310px; height:2em; line-height:2em; padding:0 0 0 0; margin:0 0 0 0; background:url(gfx/bg-roombox-bottom.gif) 100% 100% no-repeat #262626; position:absolute; bottom:0; left:0; font-size:90%; color:#999999; }
div.roombox p.more span.online, div.roombox p.more span.offline { display:block; width:200px; height:2em; line-height:1.9em; text-indent:25px; background:url(gfx/icons/online.gif) 3px 50% no-repeat;}
div.roombox p.more span.offline { background:url(gfx/icons/offline.gif) 3px 50% no-repeat;}
div.roombox p.more span.addfav, div.roombox p.more span.removefav { display:block; width:80px; height:2em; line-height:2em; position:absolute; top:0; right:10px; }
div.roombox p.more span.addfav a, div.roombox p.more span.removefav a { display:block; width:80px; height:2em; line-height:1.9em; position:absolute; top:0; right:0; text-align:right; }
div.roombox p.more span.addfav a:link, div.roombox p.more span.addfav a:visited { color:#C32A7F; }
div.roombox p.more span.addfav a:active, div.roombox p.more span.addfav a:hover { color:#fff; }
div.roombox p.more span.removefav a:link, div.roombox p.more span.removefav a:visited { color:#C32A7F; }
div.roombox p.more span.removefav a:active, div.roombox p.more span.removefav a:hover { color:#fff; }
div.roombox p.more span.settings { display:block; width:120px; height:2em; line-height:1.9em; position:absolute; top:0; right:0; text-indent:25px; background:url(gfx/icons/icon-roombox-settings.gif) 3px 50% no-repeat; }
div.roombox p.more span span { font-size:90%; }


body.dashboard div.roombox, body.profile div#user-rooms div.roombox { width:300px; background:url(gfx/bg-roombox-top-300.gif) 0% 0% no-repeat #333333; margin:0 10px 10px 0; } 
body.dashboard div.roombox p.more, body.profile div#user-rooms div.roombox p.more { width:300px; background:url(gfx/bg-roombox-bottom-300.gif) 100% 100% no-repeat #262626; }
body.dashboard #side div.roombox, body.profile #side div#user-rooms div.roombox { width:320px; background:url(gfx/bg-roombox-top-320.gif) 0% 0% no-repeat #333333; margin:0 10px 10px 0; } 
body.dashboard #side div.roombox p.more, body.profile #side div#user-rooms div.roombox p.more { width:320px; background:url(gfx/bg-roombox-bottom-320.gif) 100% 100% no-repeat #262626; }


/* XXXXXXXXXXXXXXXXXXXXXXX /ROOMS XXXXXXXXXXXXXXXXXXXXXXX  */


/* XXXXXXXXXXXXXXXXXXXXXXX CREATE ROOM XXXXXXXXXXXXXXXXXXXXXXX  */
form#create-room fieldset div.line { padding:10px 0; border:1px solid #696969; border-width:1px 0; border-bottom-color:#3F3F3F; }
form#create-room fieldset div.line strong.legend { display:block; width:165px; height:38px; line-height:38px; float:left; margin:0 10px 0 0; color:#DBDA2B; }
form#create-room fieldset div.line span { display:block; width:230px; height:38px;  float:left; margin:0 10px 0 0; }
form#create-room fieldset div.line label { display:block; width:230px; height:38px; line-height:38px; _padding:16px 0 0 0; text-indent:10px; cursor:pointer; cursor:hand; color:#CCCCCC; font-size:90%; }
form#create-room fieldset div.line label:hover { background:#3F3F3F; color:#fff; }

form#create-room fieldset div.line label.inline { display:inline; width:auto; height:auto; line-height:auto; text-indent:auto; }
form#create-room fieldset div.line label.inline:hover { background:none; color:#fff; }

form#create-room div#tabfriends { padding:0 0 50px 0; }
form#create-room div#selectfriends { width:200px; float:left; }
form#create-room div#movefriends { width:110px; float:left; text-align:center; }
form#create-room div#movefriends input { position:relative; top:80px; right:10px; }
form#create-room div#selectedfriends { width:110px; height:150px; float:left; }
form#create-room fieldset select#friends-available, 
form#create-room fieldset select#friends-selected { display:block; ;width:180px; height:130px; }

/* Room size */
div#tab-custom-size { padding:10px 0 0 0; }
div#tab-custom-size p { position:relative; left:180px; height:2em; }
div#tab-custom-size p small { display:block; width:160px; height:2em; line-height:2em; float:left; color:#cccccc; font-size:90%; }
form#create-room fieldset div.line div#tab-custom-size p label.inline { display:block; width:140px; height:2em; line-height:2em; float:left; }
form#create-room input.txt { width:110px; height:1.6em; line-height:1.6em; background:#CCCCCC; color:#000; border:1px solid #444444; border-collapse:collapse; text-indent:2px; float:left; margin:0 8px 0 0; }
form#create-room input.txt:focus { background:#fff; }

/* Tools */
form#create-room div#tab-custom-tools { }
form#create-room div#tab-custom-tools p { position:relative; left:180px; height:2em; }
form#create-room div#tab-custom-tools p strong { font-size:90%; }

/* Fadeout */
div#tab-custom-fadeout { position:relative; left:185px; }
form#create-room input#fadeout-custom { position:absolute; top:-100721px; }
form#create-room div#fadesliderlabel { color:#CCCCCC; font-size:90%; padding:0 0 10px 0; }
form#create-room p.fadeoutinfo { position:relative; left:185px; color:#CCCCCC; font-size:90%; padding:8px 0 10px 0;  }

/* Background */
div#setbg { position:relative; left:185px; padding:10px 0; }
div#tab-background-image {  position:relative; left:185px; padding:10px 0; }
div#tab-background-image p { padding:10px 0 0 0; }
form#create-room input.txt#wallpaper-url { float:none; width:300px; } 

/* Avatar */
div#tab-avatar-upload, div#tab-avatar-url {  position:relative; left:185px; padding:10px 0;  }
div#tab-avatar-url  input.txt#avatar-url { float:none; width:300px; position:relative; bottom:2px; _bottom:0; _top:1px; }

/* Submit */
form#create-room div#submit { padding:20px 0 0 0; border:1px solid #696969; border-width:1px 0 0 0; }
form#create-room div#submit button { display:block; width:138px; height:39px; border:0; border-collapse:collapse; background:none; position:relative; left:180px; cursor:pointer; cursor:hand;  }
form#create-room div#submit button strong { display:block; width:134px; height:35px; line-height:35px; text-align:center; background:url(gfx/buttons/button-save-roomsettings.gif) 0% 0% no-repeat #FFB600; cursor:pointer; cursor:hand;  }

div#addroomname { width:100%; height:100px; border:1px solid #3F3F3F; border-width:1px 0 1px 0; border-top-color:#696969; }
div#addroomname p { width:800px; height:60px; margin:0 0 0 0; padding:0 0 0 0; }
div#addroomname p label { font-size:130%; font-weight:normal; width:174px; height:60px; line-height:56px; float:left; }
div#addroomname p span { width:470px; height:60px; line-height:60px; float:left; }
div#addroomname p span input.txt { width:465px; height:30px; _height:33px; padding:3px 0 0 3px; font-size:150%; color:#999999; position:relative; top:10px; } 

div#addroomdesc { width:100%; height:110px; border:1px solid #3F3F3F; border-width:1px 0 1px 0; border-top-color:#696969; }
div#addroomdesc p { width:800px; height:60px; margin:0 0 0 0; padding:0 0 0 0; }
div#addroomdesc p label { font-weight:normal; width:174px; height:60px; line-height:56px; float:left; color:#DBDA20; font-weight:bold; }
div#addroomdesc p span { width:470px; height:60px; line-height:60px; float:left; }
div#addroomdesc p span textarea { width:465px; height:80px; _height:33px; padding:3px 0 0 3px; font-size:100%; color:#999999; position:relative; top:10px; background:#CCCCCC; border:1px solid #444444; color:#000; border-collapse:collapse; } 
div#addroomdesc p span textarea:focus { background:#fff; border:1px solid #444444; color:#000; }

div#tab-status-private { width:800px; position:relative; left:185px; font-size:90%; color:#CCCCCC; }
/* XXXXXXXXXXXXXXXXXXXXXXX /CREATE ROOM XXXXXXXXXXXXXXXXXXXXXXX  */


/* XXXXXXXXXXXXXXXXXXXXXXX USERS XXXXXXXXXXXXXXXXXXXXXXX  */
div.userbox { width:310px; height:88px; float:left; margin:0 15px 15px 0; overflow:hidden; position:relative; background:none; }
div.userbox h3 { font-size:90%; margin:0 0 0 0; padding:10px 0 3px 0; width:170px; position:relative; left:68px; top:0; }
div.userbox h3 a:link, div.userbox h3 a:visited { color:#00CCFF; }
div.userbox h3 a:active, div.userbox h3 a:hover { color:#fff; }
div.userbox p.avatar { width:44px; height:44px; position:absolute; top:10px; left:10px; background:#666666; margin:0 0 0 0; padding:0 0 0 0; overflow:hidden; } 
div.userbox p.avatar span { display:block; width:42px; height:42px; background:#999999; position:relative; top:1px; left:1px; }
div.userbox p.avatar span img { display:block; width:40px; height:40px; position:relative; top:1px; left:1px; }
div.userbox p.inroom { position:relative; left:68px; top:0; color:#CCCCCC; font-size:90%; }
div.userbox p.desc { position:absolute; top:26px; left:54px; font-size:90%; color:#cccccc; }

body.users div.userbox { width:310px; height:88px; background:url(gfx/bg-roombox-top.gif) 0% 0% no-repeat #333333; }

@media all and (min-width:0px){body.users div.userbox{font-size:85%}}

div.userbox p.more { width:310px; height:2em; line-height:2em; padding:0 0 0 0; margin:0 0 0 0; background:url(gfx/bg-roombox-bottom.gif) 100% 100% no-repeat #262626; position:absolute; bottom:0; left:0; font-size:90%; color:#999999; }
div.userbox p.more span.online, div.userbox p.more span.offline { display:block; width:200px; height:2em; line-height:1.9em; text-indent:25px; background:url(gfx/icons/online.gif) 3px 50% no-repeat;}
div.userbox p.more span.offline { background:url(gfx/icons/offline.gif) 3px 50% no-repeat;}
div.userbox p.more span.addfav, div.userbox p.more span.removefav { display:block; width:120px; height:2em; line-height:2em; position:absolute; top:0; right:10px; }

@media all and (min-width:0px){div.userbox p.more span.addfav{font-size:90%}}
@media all and (min-width:0px){div.userbox p.more span.removefav{font-size:90%}}


div.userbox p.more span.addfav a, div.userbox p.more span.removefav a { display:block; width:120px; height:2em; line-height:1.9em; position:absolute; top:0; right:0; text-align:right; }
div.userbox p.more span.addfav a:link, div.userbox p.more span.addfav a:visited { color:#C32A7F; }
div.userbox p.more span.addfav a:active, div.userbox p.more span.addfav a:hover { color:#fff; }
div.userbox p.more span.removefav a:link, div.userbox p.more span.removefav a:visited { color:#C32A7F; }
div.userbox p.more span.removefav a:active, div.userbox p.more span.removefav a:hover { color:#fff; }
div.userbox p.more span.settings { display:block; width:120px; height:2em; line-height:1.9em; position:absolute; top:0; right:0; text-indent:25px; background:url(gfx/icons/icon-roombox-settings.gif) 3px 50% no-repeat; }
div.userbox p.more span span { font-size:90%; }

div.userbox span.removefriend { }
div.userbox span.removefriend a:link, div.userbox span.removefriend a:visited { color:#C32A7F; }
div.userbox span.removefriend a:active, div.userbox span.removefriend a:hover { color:#fff; }
/* XXXXXXXXXXXXXXXXXXXXXXX /USERS XXXXXXXXXXXXXXXXXXXXXXX  */


/* XXXXXXXXXXXXXXXXXXXXXXX SEARCH XXXXXXXXXXXXXXXXXXXXXXX  */
form#form-filter { width:960px; height:150px; background:url(gfx/bg-search.gif) 0% 0% no-repeat #202020; margin:0 0 30px 0;  position:relative; }
form#form-filter p { height:50px; line-height:50px; text-indent:25px; }
form#form-filter p select { background:url(gfx/bg-select.gif) 0% 0% no-repeat #fff; color:#000; border:0px;  }
form#form-filter div#advanced-search { width:100%; height:50px; line-height:50px; position:absolute; top:0;  left:0; text-indent:50px;  }
form#form-filter div#advanced-search p { line-height:50px; position:relative; _top:15px;  }
form#form-filter div#advanced-search label { color:#999999; font-size:80%; }

form#form-filter div#basic-search { width:900px; height:100px; line-height:100px; position:absolute; top:50px; left:50px; }
form#form-filter div#basic-search p { line-height:100px; position:relative; _top:15px; }
form#form-filter div#basic-search input.txt { width:465px; height:30px; _height:33px; padding:3px 0 0 3px; font-size:150%; color:#999999; }
form#form-filter div#basic-search span#searchsubmit { display:block; width:84px; height:35px; position:absolute; top:8px; left:485px; }
/* XXXXXXXXXXXXXXXXXXXXXXX /SEARCH XXXXXXXXXXXXXXXXXXXXXXX  */


/* XXXXXXXXXXXXXXXXXXXXXXX FLASH AREA XXXXXXXXXXXXXXXXXXXXXXX  */
div#roomarea { width:100%; text-align:center; }
div#roomarea div#shadow { width:976px; height:800px; position:relative; margin:0 auto; text-align:left; background:url(gfx/bg-room-shadow.gif) 0% 0% repeat-y; }
div#roomarea div#shadow div#fakehead { width:960px; height:129px; /*background:url(gfx/fakehead.jpg) 0% 0% no-repeat;*/ position:absolute; top:0; left:9px;  }
div#roomarea div#drawarea { width:960px; height:671px; position:relative; top:129px; margin:0 auto; padding:0 0 0 0; text-align:left; overflow:hidden; }
div#roomarea div#drawarea.loaded { width:960px; height:800px !important; top:0 !important;  }

div#roomarea div#drawarea #skip { position:absolute; left:0; top:129px; width:1px; height:1px; }
/* XXXXXXXXXXXXXXXXXXXXXXX /FLASH AREA XXXXXXXXXXXXXXXXXXXXXXX  */

/* XXXXXXXXXXXXXXXXXXXXXXX UNDER FLASH AREA XXXXXXXXXXXXXXXXXXXXXXX  */
body.room div#descriptions { width:500px; float:left; font-size:90%; padding:15px 0 0 40px; text-align:left; }
body.room div#descriptions h3 { font-size:1.2em; padding:0 0 10px; font-weight:normal; }
body.room div#promos { width:400px; float:right; text-align:right; padding:30px 0 0 0; }
/* XXXXXXXXXXXXXXXXXXXXXXX /UNDER FLASH AREA XXXXXXXXXXXXXXXXXXXXXXX  */

/* XXXXXXXXXXXXXXXXXXXXXXX PROFILE and DASHBOARD XXXXXXXXXXXXXXXXXXXXXXX */
div#profile-head { height:310px;  background:url(gfx/bg-profile-head.gif) 50% 100% no-repeat #464646; padding:32px 0 32px 0; position:relative; }
div#profile-head h1 { padding:0 32px 32px 32px; position:relative; }
div#profile-head div.info { width:600px; height:auto; float:left; position:relative; left:25px; color:#999999; font-size:80%; }
div#profile-head div.info p.avatar { width:190px; height:190px; float:left; margin:0 20px 0 0; background:#000; }
div#profile-head div.info p.avatar img { display:block; width:190px; height:190px; }
div#profile-head div.tools { width:300px; height:240px; float:right; position:relative; right:20px; }
div#profile-head div.tools div.roombox { width:300px; position:absolute; bottom:18px; right:0; background:url(gfx/bg-roombox-profile.gif) 0% 0% no-repeat #333333; margin:0 0 0 0; padding:0 0 0 0; }
div#profile-head div.tools div.roombox p.more { width:300px; background:none; }

div#profile-head div.tools p.follow { display:block; width:300px; height:38px; position:absolute; top:50px; left:0; }
div#profile-head div.tools p.follow a { display:block; width:300px; height:38px; line-height:37px; text-align:center; font-weight:bold; font-size:90%; }
div#profile-head div.tools p.follow a:link, div#profile-head div.tools p.follow a:visited { background:url(gfx/buttons/follow.gif) 0% 0% no-repeat #46531C; color:#7C942E; text-decoration:none; }
div#profile-head div.tools p.follow a:active, div#profile-head div.tools p.follow a:hover { background:url(gfx/buttons/follow.gif) 0% -38px no-repeat #8EA82B; color:#262626; text-decoration:none;  }

div.snapshot { width:197px; height:167px; float:left; margin:0 10px 10px 0; overflow:hidden; position:relative; background:#989898; }
div.snapshot span { display:block; width:195px; height:135px; position:absolute; top:1px; left:1px; background:#000; }
div.snapshot span a { display:block; width:195px; height:135px; position:absolute; top:0; left:0; }
div.snapshot span a:link, div.snapshot span a:visited { background:#000; }
div.snapshot span a:active, div.snapshot span a:hover { background:#454545; }
div.snapshot span img { display:block; width:193px; height:133px; position:absolute; top:1px; left:1px; background:#666666; margin:0 0 0 0; padding:0 0 0 0; } 

div.snapshot p { width:197px; height:30px; line-height:30px; background:#535353; position:absolute; bottom:0px; left:0; _top:137px; padding:0 0 0 0; margin:0 0 0 0; z-index:3; font-size:80%; }

div.snapshot p a { font-size:90%; margin:0 0 0 0; color:#DEFF00;  }
div.snapshot a:link, div.snapshot a:visited { color:#DEFF00; }
div.snapshot a:active, div.snapshot a:hover { color:#fff; }

div.snapshot p a.del { display:block; width:22px; height:22px; position:absolute; top:-135px; right:2px; overflow:hidden; text-indent:100px; z-index:4; }
div.snapshot p a.del:link, div.snapshot p a.del:visited { }
div.snapshot p a.del:active, div.snapshot p a.del:hover { }
div.snapshot p a.del span { display:block; width:22px; height:22px; position:absolute; top:0; left:0; z-index:5; }
div.snapshot p a.del:link span, div.snapshot p a.del:visited span {  background:url(gfx/buttons/close.gif) 0% 0% no-repeat #262626; }
div.snapshot p a.del:active span, div.snapshot p a.del:hover span {  background:url(gfx/buttons/close.gif) 0% -22px no-repeat #262626; }

div#user-rooms { width:630px; float:left;  }
div#user-favs { width:320px; float:right; }
div#user-favs div.roombox { float:none; margin:0 0 10px 0; }
div#snaps-more { width:630px; float:left; padding:0 0 100px 0;  }
div.box#user-friends { width:310px; border-width:0 0 1px 0 !important; }
div#user-friends div.userbox { float:none; }

p.noitems { color:#D6D6D6; font-weight:bold; font-size:80%; font-family:"Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE" }

/* Dashboard */
#mycontent { width:630px; float:left; padding:0 0 100px 0; } 
#side { width:320px; float:right; padding:0 0 100px 0; overflow:hidden; }
body.profile #side { width:320px; }


/* Dashboard left */ 
#feed { width:610px; }
#feed .period { border:1px solid #3F3F3F; border-width:1px 0; border-top-color:#696969; padding:0 0 0 0; background:url('gfx/bg-feed-period.gif') 100% 100% no-repeat; position:relative;  }
#feed .item { width:510px; position:relative; left:100px; top:1px; font-size:80%; border:1px solid #3F3F3F; border-width:0 0 1px 0; padding:10px 0; }
#feed .item p { margin:0 0 0 0; padding:0 0 0 0; }
#feed .item p.avatar { width:44px; height:44px; float:left; background:#666666; margin:0 10px 0 0; padding:0 0 0 0; } 
#feed .item p.avatar span { display:block; width:42px; height:42px; background:#999999; position:relative; top:1px; left:1px; }
#feed .item p.avatar span img { display:block; width:40px; height:40px; position:relative; top:1px; left:1px; }
#feed .item br.clear { display:block; width:600px; height:1px; }
#feed h2, #feed h3 { width:auto; height:30px; line-height:30px; color:#DBDA2B; padding:0 0 0 0; font-size:90%; font-weight:bold; color:#DBDA2B; padding:0 0 0 0; position:absolute; top:3px; left:0; z-index:2; }
#mycontent #feed h2 { height:60px; line-height:60px; border-width:0 0 0 0; font-size:150%; border:1px solid #535353; border-width:0 0 1px 0; color:#fff; font-weight:normal; position:relative; top:1px; }
#mycontent #feed h2 small {  }

/* Dashboard right */
#side #dashboard-info { width:320px; height:132px; background:url('gfx/bg-dashboardinfo.gif') 0% 0% no-repeat #2C2C2C; position:relative; }
#side #dashboard-info #km { width:320px; height:65px; }
#side #dashboard-info #km p { color:#fff; font-size:80%; }
#side #dashboard-info #km p span { color:#CCCCCC; }
#side #dashboard-info #km p.activity { padding:16px 0 0 0; margin:0 0 0 0; text-indent:30px; color: }
#side #dashboard-info #km p.activefor { padding:7px 0 0 0; margin:0 0 0 0; text-indent:30px; color: }
#side #dashboard-info p.go2settings { width:320px; height:35px; margin:0 0 0 0; padding:0 0 0 0; position:absolute; top:80px; left:0; }
#side #dashboard-info p.go2settings a { display:block; width:120px; height:35px; position:absolute; top:0; left:105px; background:url(gfx/button-user-settings.gif) 0% 0% repeat-x #FFAA00; overflow:hidden; text-indent:500px; font-size:0; }

#side div.box { border:1px solid #696969; border-width:1px 0 1px 0; border-bottom-color:#3F3F3F; padding:5px 0 10px 0; }

#side div.box#friends { border-width:0 0 1px 0; }
#side div.box#friends div.userbox { border:1px solid #3F3F3F; border-width:0 0 1px 0; }
#side div.box#user-friends div.userbox { border:1px solid #3F3F3F; border-width:0 0 1px 0; }

#side div.box#create { border-width:1px 0 0 0; padding:20px 0 0 0; }
#side a#create-room { display:block; width:320px; height:85px; line-height:85px; position:relative; }
#side a#create-room span { display:block; width:320px; height:85px; line-height:85px; position:absolute; top:0; left:0; overflow:hidden; text-indent:500px; font-size:0; cursor:pointer; cursor:hand; }
#side a#create-room:link span, #side a#create-room:visited span { background:url('gfx/buttons/create-superbutton.gif') 0% 0% no-repeat #FFBB00;  }
#side a#create-room:active span, #side a#create-room:hover span { background:url('gfx/buttons/create-superbutton.gif') 0% -85px no-repeat #FFD115;  }

/* Dashboard Show all buttons */
p.show-all { height:50px; clear:both; padding:0 0 0 0; margin:0 0 0 0; text-align:right; position:relative; font-family:"Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE" }
p.show-all a { display:block; width:136px; height:30px; line-height:30px; position:absolute; top:10px; right:0; text-align:center; margin:0 0 0 0; padding:0 0 0 0; font-size:80%; }
p.show-all a:link, p.show-all a:visited { background:url('gfx/button-show-all-roll.gif') 0% 0% no-repeat; color:#000; font-weight:bold; text-decoration:none; }
p.show-all a:active, p.show-all a:hover { background:url('gfx/button-show-all-roll.gif') 0% -30px no-repeat; color:#000; font-weight:bold; text-decoration:none; }
#mycontent #feed p.show-all { border:1px solid #696969; border-width:1px 0 0 0; }
#mycontent p.show-all a, div#user-rooms p.show-all a, div#snaps-more p.show-all a { right:20px; }
#mycontent #feed p.show-all a { right:0; }

p.show-all2 { height:50px; clear:both; padding:0 0 0 0; margin:0 0 0 0; text-align:right; position:relative; font-family:"Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE" }
p.show-all2 a { display:block; width:146px; height:30px; line-height:30px; position:absolute; top:10px; right:0; text-align:center; margin:0 0 0 0; padding:0 0 0 0; font-size:80%; }
p.show-all2 a:link, p.show-all2 a:visited { background:url('gfx/button-show-all-roll2.gif') 0% 0% no-repeat; color:#000; font-weight:bold; text-decoration:none; }
p.show-all2 a:active, p.show-all2 a:hover { background:url('gfx/button-show-all-roll2.gif') 0% -30px no-repeat; color:#000; font-weight:bold; text-decoration:none; }
#mycontent #feed p.show-all2 { border:1px solid #696969; border-width:1px 0 0 0; }
#mycontent p.show-all2 a, div#user-rooms p.show-all2 a, div#snaps-more p.show-all2 a { right:20px; }
#mycontent #feed p.show-all2 a { right:0; }

p.show-all3 { height:50px; clear:both; padding:0 0 0 0; margin:0 0 0 0; text-align:right; position:relative; font-family:"Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE" }
p.show-all3 a { display:block; width:156px; height:30px; line-height:30px; position:absolute; top:10px; right:0; text-align:center; margin:0 0 0 0; padding:0 0 0 0; font-size:80%; }
p.show-all3 a:link, p.show-all3 a:visited { background:url('gfx/button-show-all-roll3.gif') 0% 0% no-repeat; color:#000; font-weight:bold; text-decoration:none; }
p.show-all3 a:active, p.show-all3 a:hover { background:url('gfx/button-show-all-roll3.gif') 0% -30px no-repeat; color:#000; font-weight:bold; text-decoration:none; }
#mycontent #feed p.show-all3 { border:1px solid #696969; border-width:1px 0 0 0; }
#mycontent p.show-all3 a, div#user-rooms p.show-all3 a, div#snaps-more p.show-all3 a { right:20px; }
#mycontent #feed p.show-all3 a { right:0; }

p.show-all4 { height:50px; clear:both; padding:0 0 0 0; margin:0 0 0 0; text-align:right; position:relative; font-family:"Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE" }
p.show-all4 a { display:block; width:166px; height:30px; line-height:30px; position:absolute; top:10px; right:0; text-align:center; margin:0 0 0 0; padding:0 0 0 0; font-size:80%; }
p.show-all4 a:link, p.show-all4 a:visited { background:url('gfx/button-show-all-roll4.gif') 0% 0% no-repeat; color:#000; font-weight:bold; text-decoration:none; }
p.show-all4 a:active, p.show-all4 a:hover { background:url('gfx/button-show-all-roll4.gif') 0% -30px no-repeat; color:#000; font-weight:bold; text-decoration:none; }
#mycontent #feed p.show-all4 { border:1px solid #696969; border-width:1px 0 0 0; }
#mycontent p.show-all4 a, div#user-rooms p.show-all4 a, div#snaps-more p.show-all4 a { right:20px; }
#mycontent #feed p.show-all4 a { right:0; }

/* XXXXXXXXXXXXXXXXXXXXXXX / PROFILE and DASHBOARD XXXXXXXXXXXXXXXXXXXXXXX */



/* XXXXXXXXXXXXXXXXXXXXXXX PAGING XXXXXXXXXXXXXXXXXXXXXXX */
p.paging{width:900px;clear:both;position:relative;left:20px;padding:30px 0 100px 0;}
p.paging a, p.paging strong{display:block;width:auto;height:1.6em;line-height:1.6em;float:left;margin:0 5px 5px 0;padding:0 6px;text-align:center;overflow:hidden;font-weight:normal;font-size:90%;}
p.paging strong{background:#00CBFE;border:1px solid #00CBFE;color:#333333;text-decoration:none;}
p.paging a:link, p.paging a:visited{background:#535353;border:1px solid #3A7886;color:#00CCFF;text-decoration:none;}
p.paging a:active, p.paging a:hover{background:#404040;border:1px solid #3A7886;color:#00CCFF;text-decoration:none;}
p.paging span.pipe{position:absolute;top:-100721px;}
p.paging a.first, p.paging a.last{width:4.6em;height:1.8em;line-height:1.8em;position:relative;bottom:.1em;}
p.paging a.prev, p.paging a.next{width:4.4em;height:1.8em;line-height:1.8em;position:relative;bottom:.1em;}
/* XXXXXXXXXXXXXXXXXXXXXXX /PAGING XXXXXXXXXXXXXXXXXXXXXXX */


/* XXXXXXXXXXXXXXXXXXXXXXX LOGIN PAGE XXXXXXXXXXXXXXXXXXXXXXX */
body.login #main { background:#262626; }
div#login { text-align:center; padding:120px 0 120px 0; }
form#loginform { width:301px; height:155px; background:url('gfx/bg-loginform.jpg') 0% 0% no-repeat #A6C013; color:#fff; position:relative; margin:0 auto 30px auto; padding:0 0 0 0; text-align:left; }
form#loginform fieldset { border:0; }
form#loginform fieldset legend { position:absolute; top:-100721px; text-indent:-100721px; }
form#loginform p { width:301px; height:2em; margin:10px 0 0 0; padding:0 0 0 0; position:relative; top:8px; =top:18px; _top:8px; }
form#loginform p.submit { width:74px; height:35px; line-height:32px; position:absolute; top:91px; _top:95px; left:105px; }
/* jen pro Operu  */
@media all and (min-width:0px){form#loginform p.submit{top:95px;}}

form#loginform p label { width:105px; height:2em; line-height:3em; float:left; text-indent:15px; font-size:80%; color:#262626; position:relative; _top:7px; }
form#loginform p span { display:block; width:190px; height:2em; line-height:2em; float:left; position:relative; _top:10px; }
form#loginform input.txt { width:178px; height:21px; line-height:21px; margin:0 0 0 0; padding:4px 0 0 2px; background:url('gfx/bg-input-login.gif') 0% 0% no-repeat #EEF7B5; border:0; border-collapse:collapse; }
form#loginform input#loginsubmit { width:74px; height:35px; line-height:32px; color:#000; text-align:center; border:0; background:url('gfx/button-login.gif') 0% 0% no-repeat #FFB000; cursor:pointer; cursor:hand; font-weight:bold; position:absolute; top:0; left:0; } 
/* Not registered yet */
div#login div#register { width:301px; height:155px; position:relative; margin:0 auto; text-align:left; }
/* jen pro Operu - sladime velikost textu */
@media all and (min-width:0px){div#login div#register{font-size:90%}}

div#login div#register h2 { margin:0 0 0 0; padding:0 0 5px 0; font-size:130%; }
div#login div#register p { margin:0 0 0 0; padding:0 0 0 0; font-size:100%; }



div#login div#register a#register-me { display:block; width:110px; height:33px; overflow:hidden; text-indent:200px; position:absolute; top:7px; right:0; }
div#login div#register a#register-me:link, div#login div#register a#register-me:visited   { background:url('gfx/button-register.gif') 0% 0% no-repeat #2CADE4; } 
div#login div#register a#register-me:active, div#login div#register a#register-me:hover   { background:url('gfx/button-register.gif') 0% 0% no-repeat #2CADE4; }
/* XXXXXXXXXXXXXXXXXXXXXXX /LOGIN PAGE XXXXXXXXXXXXXXXXXXXXXXX */


/* XXXXXXXXXXXXXXXXXXXXXXX REGISTER PAGE XXXXXXXXXXXXXXXXXXXXXXX */
body.register div#registercont { width:555px; float:left; } 
body.register div#promo { width:380px; float:left; position:relative; left:30px; text-align:right; } 
form#registerform { width:555px; height:auto; color:#fff; text-align:left; }
form#registerform fieldset { border:0; }
form#registerform fieldset legend { position:absolute; top:-100721px; text-indent:-100721px; }

form#registerform h2 { margin:0 0 0 0; padding:0 0 10px 0; font-size:130%; }
form#registerform div#logininfo { border:1px solid #3F3F3F; border-width:0 0 1px 0; padding:0 0 10px 0;  }
form#registerform div#personalinfo { border:1px solid #3F3F3F; border-width:1px 0 1px 0; border-top-color:#696969; padding:10px 0 0 0;  }
form#registerform div#captcha { border:1px solid #3F3F3F; border-width:1px 0 1px 0; border-top-color:#696969; padding:10px 0 10px 0;  }
form#registerform div#submit { border:1px solid #3F3F3F; border-width:1px 0 0 0; border-top-color:#696969; padding:10px 0 0 0;  }

form#registerform p { width:555px; height:2.5em; margin:0 0 0 0; padding:0 0 0 0; }
form#registerform p label { width:162px; height:2.5em; line-height:3em; float:left; font-size:80%; color:#CCCCCC; }
form#registerform p span { display:block; width:180px; height:25px; line-height:25px; float:left; background:url('gfx/bg-input-register.gif') 0% 0% no-repeat #CCCCCC; position:relative; }
form#registerform p span.noinput { width:350px; background:none; }
form#registerform input.txt { width:174px; _width:176px; height:19px; _height:21px; padding:2px 0 0 2px; background:#CCCCCC; color:#000; border:0; border-collapse:collapse; position:absolute; top:3px; left:3px; }
form#registerform input.txt:focus { background:#fff; }
form#registerform input#loginsubmit { width:74px; height:35px; line-height:32px; color:#000; text-align:center; border:0; background:url('gfx/button-login.gif') 0% 0% no-repeat #FFB000; cursor:pointer; cursor:hand; font-weight:bold; position:absolute; bottom:20px; left:105px; } 
/* XXXXXXXXXXXXXXXXXXXXXXX /REGISTER PAGE XXXXXXXXXXXXXXXXXXXXXXX */


/* XXXXXXXXXXXXXXXXXXXXXXX MY SETTINGS PAGE XXXXXXXXXXXXXXXXXXXXXXX */
/* 
Styly bude mozne sloucit se styly pro registraci, ktera je zatim temer shodna.
Pockame ale jak se bude tato stranka vyvijet.
*/
body.mysettings div#settingscont { width:555px; float:left; } 
body.mysettings div#promo { width:380px; float:left; position:relative; left:30px; } 
form#settingsform { width:555px; height:auto; color:#fff; text-align:left; }
form#settingsform fieldset { border:0; }
form#settingsform fieldset legend { position:absolute; top:-100721px; text-indent:-100721px; }

form#settingsform h2 { margin:0 0 0 0; padding:0 0 10px 0; font-size:130%; }
form#settingsform div#logininfo { border:1px solid #3F3F3F; border-width:0 0 1px 0; padding:0 0 10px 0;  }
form#settingsform div#personalinfo { border:1px solid #3F3F3F; border-width:1px 0 1px 0; border-top-color:#696969; padding:10px 0 0 0;  }
form#settingsform div#additional { border:1px solid #3F3F3F; border-width:1px 0 1px 0; border-top-color:#696969; padding:10px 0 0 0;  }
form#settingsform div#avatar { border:1px solid #3F3F3F; border-width:1px 0 1px 0; border-top-color:#696969; padding:10px 0 0 0;  }
form#settingsform div#captcha { border:1px solid #3F3F3F; border-width:1px 0 1px 0; border-top-color:#696969; padding:10px 0 10px 0;  }
form#settingsform div#submit { border:1px solid #3F3F3F; border-width:1px 0 0 0; border-top-color:#696969; padding:10px 0 0 0;  }

form#settingsform p { width:555px; height:2.5em; margin:0 0 0 0; padding:0 0 0 0; }
form#settingsform p label { width:162px; height:2.5em; line-height:3em; float:left; font-size:80%; color:#CCCCCC; }
form#settingsform p span { display:block; width:180px; height:25px; line-height:25px; float:left; background:url('gfx/bg-input-register.gif') 0% 0% no-repeat #CCCCCC; position:relative; }
form#settingsform p span.noinput { width:350px; background:none; }
form#settingsform input.txt { width:174px; _width:176px; height:19px; _height:21px; padding:2px 0 0 2px; background:#CCCCCC; color:#000; border:0; border-collapse:collapse; position:absolute; top:3px; left:3px; }
form#settingsform input.txt:focus { background:#fff; }
form#settingsform input#loginsubmit { width:74px; height:35px; line-height:32px; color:#000; text-align:center; border:0; background:url('gfx/button-login.gif') 0% 0% no-repeat #FFB000; cursor:pointer; cursor:hand; font-weight:bold; position:absolute; bottom:20px; left:105px; } 

form#settingsform div#avatar { position:relative; }
form#settingsform div#tab-avatar-upload, form#settingsform div#tab-avatar-url {  position:absolute; top:28px; left:107px; }
form#settingsform div#avatar input.file { width:200px; height:19px; _height:21px; position:relative; top:6px; }
form#settingsform div#avatar input.txt { position:relative; top:6px; }

form#settingsform div#tab-avatar-upload p, form#settingsform div#tab-avatar-url p { height:3em; }
form#settingsform div#tab-avatar-upload p label, form#settingsform div#tab-avatar-url p label { width:80px;  }

/* XXXXXXXXXXXXXXXXXXXXXXX /MY SETTINGS PAGE XXXXXXXXXXXXXXXXXXXXXXX */






span.basicbutton { display:block; width:127px; height:39px; }
span.basicbutton button { display:block; width:127px; height:39px; border:0; border-collapse:collapse; background:none; cursor:pointer; cursor:hand; }
span.basicbutton button strong { display:block; width:123px; height:35px; line-height:35px; background:url('gfx/buttons/button-basic.gif') 0% 0% no-repeat #FFAA00; cursor:pointer; cursor:hand; }
sspan.basicbutton button strong:hover { background:url('gfx/buttons/button-basic.gif') 0% -35px no-repeat #FFAA00; }








/* GLOBAL SHIT */
span.but { display:block; width:auto; _width:1px; float:left; background:url('gfx/buttons.gif') 0% 0% no-repeat; padding:0 13px 0 0; position:relative; clear:left; font-weight:bold; }
button span.but {  padding:0 10px 0 0;  }
span.but a, span.but strong { display:block; width:auto; font-family:Arial, Tahoma, Sans-serif; letter-spacing:1px; position:relative; }
span.but strong { color:#fff; text-decoration:none; cursor:pointer; cursor:hand; padding:0 13px 0 20px; }
span.but a:link, span.but a:visited { color:#fff; text-decoration:none; }
span.but a:active, span.but a:hover { color:#fff; }
span.but span { display:block; width:5px; height:5px; position:absolute; color:#fff; overflow:hidden; }
span.but a span { display:block; position:absolute; }
span.but a:link span, span.but a:visited span { }
span.but a:active span, span.but a:hover span { color:#fff; }

/* Big magenta buttons */
span.but { height:35px;  background:url('gfx/buttons.gif') 100% 0 no-repeat;  }
button span.but {  padding:0 10px 0 0; }
span.but a, span.but strong { height:35px; line-height:35px; padding:0 10px 0 20px; }
span.but strong { background:url('gfx/buttons.gif') 0% 0% no-repeat; color:#fff; padding:0 10px 0 20px; }
span.but a:link, span.but a:visited { background:url('gfx/buttons.gif') 0% 0% no-repeat; color:#000; }
span.but a:active, span.but a:hover { background:url('gfx/buttons.gif') 0% -35px no-repeat; color:#262626; }
span.but span { top:35px; left:0; background:url('gfx/buttons.gif') 0% -35px no-repeat; }
span.but a span { width:13px; height:35px; left:100%; top:0; }
span.but a:link span, span.but a:visited span { background:url('gfx/buttons.gif') 100% 0% no-repeat; }
span.but a:active span, span.but a:hover span { background:url('gfx/buttons.gif') 100% -35px no-repeat; }



















/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding:0; margin:0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font:12px Arial, Helvetica, sans-serif;
  color:#333333;
}
#TB_secondLine {
  font:10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color:#666666;}
#TB_window a:visited {color:#666666;}
#TB_window a:hover {color:#000;}
#TB_window a:active {color:#666666;}
#TB_window a:focus{color:#666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position:fixed;
  z-index:100;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background:url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}
* html #TB_overlay { /* ie6 hack */
     position:absolute;
     height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
}
#TB_window {
  position:fixed;
  background:#333333;
  z-index:102;
  color:#000000;
  display:none;
  border:1px solid #000;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin:15px 0 0 15px;
  border-right:1px solid #666666;
  border-bottom:1px solid #666666;
  border-top:1px solid #666666;
  border-left:1px solid #666666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 15px;
  float:left;
  color:#fff; 
  font-weight:bold;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position:fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top:50%;
  left:50%;
  margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
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:#333333;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position:absolute;
     height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

#banner { width:336px; height:280px; position:relative; overflow:hidden; }
#banner .milk { width:336px; height:280px; position:absolute; top:0; left:0; background:#fff; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }
#banner .no { width:1px; height:1px; position:absolute; top:-1px; left:-1px; overflow:hidden; }

#banner1 { width:468px; height:60px; position:relative; overflow:hidden; }
#banner1 .milk { width:468px; height:60px; position:absolute; top:0; left:0; background:#fff; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }
#banner1 .no { width:1px; height:1px; position:absolute; top:-1px; left:-1px; overflow:hidden; }

#banner2 { width:728px; height:90px; position:relative; overflow:hidden; }
#banner2 .milk { width:728px; height:90px; position:absolute; top:0; left:0; background:#fff; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }
#banner2 .no { width:1px; height:1px; position:absolute; top:-1px; left:-1px; overflow:hidden; }


.static-page { padding:0 40px; min-height:400px; }
.static-page h1 { color:#afcb10; font-size:2em; margin:0; padding:1em 0 1em; }
.static-page h2 { font-size:1.3em; padding:0 0 1em !important; }
.static-page p { padding:0 0 1em !important; }


form.common fieldset p { padding:0 0 5px !important; }
form.common fieldset label { display:inline-block; width:150px; vertical-align:top; }
form.common fieldset input,
form.common fieldset textarea { background:#dde5bf; border:1px solid #ccc; padding:5px; }
form.common fieldset input:focus,
form.common fieldset textarea:focus { background:#fff; border-color:#000; }
form.common fieldset input { width:150px; }
form.common fieldset textarea { width:300px; height:100px; }
form.common p.submit-line input { margin:0 0 0 155px; background:#f80; color:black; width:100px; font-weight:bold; border:0; }

a.button { display:inline-block; background:url(gfx/topmenu.gif) left top no-repeat; color:#dbda2B; height:39px; text-decoration:none; line-height:39px; padding:0; margin:0 40px 0 0; font-weight:bold; }
a.button span { display:inline-block; background:url(gfx/topmenu.gif) right top no-repeat; height:39px; padding:0 40px 0 0; position:relative; left:40px; }
a.button:hover { background-position:left -39px; }
a.button:hover span { background-position:right -39px; }