@import "default.css";

/*

Atomium Red : BD0018
Atomium Blue : 80D1E6
Dk Gray : 94949C
Lt Gray : C6C6C6

*/
@import url("/css/editor.css");

em,dfn,var,cite {font-style:italic;}
strong {font-weight:bold;}
code,samp,kbd { font-family: courier new,monospace }
code {white-space: pre}
abbr { border-bottom: dashed 1px #888; font-weight:bold; }

.dialogContent {margin:5px;}

.mainArea ul,
.explanation ul {margin-left:20px;list-style:disc;}
.mainArea ol,
.explanation ol {margin-left:20px;list-style:decimal;}

.explanation ul {padding:3px 0;}
.explanation li {padding:3px 0;}

.explanation {padding-bottom:10px;}


a:link,
a:hover,
a:visited,
a:active {text-decoration:none; }
a:link{color:#BD0018}
a:hover{color:#FF0018}
a:visited,
a:active {color:#94949C}

/*.png24 { filter: expression(fixPNG(this)); }*/

.clearFloats {overflow: hidden; width: auto; }

body 
{
    background:url("/img/tile.png") repeat scroll left top transparent;
    color:#333;
    font-family:Tahoma,Verdana,Arial,Sans-Serif;
    font-size:12px;
}

form {background-color:Transparent;}

#page {width:100%; overflow:hidden;}

#wrapper { width:974px; margin:0 auto; overflow:visible; position:relative; padding:320px 0 0 0; }

.zh-cn { font-size:1.2em; }

#header {position:absolute; top:80px; left:0; overflow:hidden; width:100%; height:240px;z-index:2; }
#footer {height:20px;}
#topanim {position:absolute; top:-113px; left:-113px; overflow:visible; z-index:1;}

#menu {z-index:100; top: 173px; left:0px; position:absolute; width:100%; height:48px; }
#clubatomium {float:right; width:162px; height:29px; z-index:200;position:relative; top:1px;}
#clubatomium img {float:left;margin-top:1px;}
#clubatomium a ,
#clubatomium a:link,
#clubatomium a:visited,
#clubatomium a:active,
#clubatomium a:hover
{display:block; background-color:#BD0018; height:29px; line-height:29px; color:#fff !important; font-weight:bold; text-align:center; margin-left:28px;}

#menu li {float:left;}
#menu ul li a{display:block; text-align:center; padding:2px 0; }
#menu ul li span {display:block;height:100%;  }

#menu div.topMenu {z-index:10; }

#menu ul.level0 {height:29px; z-index:10; }
#menu ul li.level0 {display:block; height:29px; line-height:29px; }
#menu ul li.level0 a{padding:0 15px; display:block; height:29px; line-height:29px; }

#menu ul.level1 {line-height:18px; position:absolute; top:29px; left:0; width:974px; background-color:#80D1E6; margin: 0 auto; text-align:center;}
#menu ul li.level1 {display:block; height:18px; line-height:18px;  font-size:0.9em; white-space:nowrap;}
#menu ul li.level1 a{padding:0 5px; height:18px; line-height:18px; white-space:nowrap;}

#header #bg {background: #fff; opacity:0.7; filter:alpha(opacity=70); position:absolute; top:174px; left:0; width:100%; 
    height:29px; z-index:99;}

#roof {z-index:10; top:0; left:0; position:absolute; width:100%; height:80px;color:#94949C;}
#roof #logo {position:absolute;bottom:12px; left:0; padding:0 24px; }
#roof #logo img {padding-right: 20px; }
#roof #logo span {font-size:1.2em; font-weight:bold;}
#roof #search {background:#94949C;bottom:12px;height:20px;position:absolute;right:13px;text-align:right;width:226px;}
#roof #search span{text-transform:uppercase; font-size:0.8em; font-weight:bold; color:White; display:block; float:left; 
    height:20px; line-height:20px; padding:0 5px 0 10px;}
#roof #search input {border:solid 2px #94949C; font-size:0.75em; width:142px; padding:0 1px 1px; margin:0; height:14px;}
#roof #sponsorsWrapper {position:absolute; bottom:-7px; right: 244px; height:78px; width:82px; text-align:center; background:transparent url(/img/sponsorstile.png) no-repeat 0px -2px;}
#roof #sponsors {width:100%; position:relative; text-align:center; float:left;}

#roof #lang {position:absolute; right:85px; bottom: 39px; text-align:center; font-size:0.8em; font-weight:bold;}
#roof #sitemap {position:absolute; right:23px; bottom: 39px; text-align:center; font-size:0.8em; font-weight:bold;}
#roof #adminMenuWrapper {position:absolute; right:0px; bottom: 39px; text-align:center; font-size:1.4em;}

#welcome {position:absolute; top:20px; left:0; z-index:100; width: 10000px;}

#content {padding: 7px 0 0 8px;}

#roof a,
#roof a:link,
#roof a:hover,
#roof a:visited,
#roof a:active {text-decoration:none; color: #94949C; }
#roof a:hover {text-decoration:underline;}

#header a,
#header a:link,
#header a:hover,
#header a:visited,
#header a:active {text-decoration:none; color: #444; font-weight:bold; }




/* column width = x*80-15 */ 
.column {float:left; overflow: hidden; margin: 0 8px 0 7px;}
.w1 {width:65px;}
.w2 {width:145px;}
.w3 {width:225px;}
.w4 {width:305px;}
.w5 {width:385px;}
.w6 {width:465px;}
.w7 {width:545px;}
.w8 {width:625px;}
div.hover[column] {border:solid 3px #BD0018; margin:-3px 5px -3px 4px; padding:15px 0; background-color:#94949C}
.dropTarget {border:solid 3px #80D1E6; margin:-3px 5px -3px 4px; padding:15px 0; background-color:#C6C6C6}

/* block width = x*80-15, height = y*80-15 */
.block {float:left; margin:0 0 15px 0; overflow:hidden;}
.s1x1 {width:65px; height:65px; }
.s2x1 {width:145px; height:65px; }
.s3x1 {width:225px; height:65px; }
.s4x1 {width:305px; height:65px; }
.s5x1 {width:385px; height:65px; }
.s6x1 {width:465px; height:65px; }
.s1x2 {width:65px; height:145px; }
.s2x2 {width:145px; height:145px; }
.s3x2 {width:225px; height:145px; }
.s4x2 {width:305px; height:145px; }
.s5x2 {width:385px; height:145px; }
.s6x2 {width:465px; height:145px; }
.s1x3 {width:65px; height:225px; }
.s2x3 {width:145px; height:225px; }
.s3x3 {width:225px; height:225px; }
.s4x3 {width:305px; height:225px; }
.s5x3 {width:385px; height:225px; }
.s6x3 {width:465px; height:225px; }
.s1x4 {width:65px; height:305px; }
.s2x4 {width:145px; height:305px; }
.s3x4 {width:225px; height:305px; }
.s4x4 {width:305px; height:305px; }
.s5x4 {width:385px; height:305px; }
.s6x4 {width:465px; height:305px; }
.s1x5 {width:65px; height:385px; }
.s2x5 {width:145px; height:385px; }
.s3x5 {width:225px; height:385px; }
.s4x5 {width:305px; height:385px; }
.s5x5 {width:385px; height:385px; }
.s6x5 {width:465px; height:385px; }
.s1x6 {width:65px; height:465px; }
.s2x6 {width:145px; height:465px; }
.s3x6 {width:225px; height:465px; }
.s4x6 {width:305px; height:465px; }
.s5x6 {width:385px; height:465px; }
.s6x6 {width:465px; height:465px; }
.bgGray1 {background: #94949C url(/img/white-corner-26.png) no-repeat top left; }
.bgGray3 {background: #E7EFEF url(/img/white-corner-26.png) no-repeat top left; }
.bgGray2 {background: #94949C url(/img/double-corner-5x2.png) no-repeat top left; }


.bannerDragHolder {position:relative; width:14px; height:14px; border:solid 1px blue; float:left; margin-right:5px;}
.bannerDragHolder img {position:absolute;top:0;left:0;z-index:100;}

#assignControls #linkDiv {text-align:center; padding:10px;}
#columnSelector {text-align:center; padding:10px; font-size:3em; font-weight:bold;}

.onpagemenu {background-color:White; opacity:0.7; filter:alpha(opacity=70);margin:0 0 0 0;  }
.onpagemenu ul{padding:13px; }
.onpagemenu li {width:100%; padding-bottom:10px;}
.onpagemenu li a {display:block; width:100%; }
.onpagemenu li.active {font-weight:bold;}
.onpagemenu a,
.onpagemenu a:link,
.onpagemenu a:hover,
.onpagemenu a:visited,
.onpagemenu a:active {text-decoration:none; color: #000; }

.edit {float:right; position:absolute; top:0; right:-16px;}

.mainArea {margin:0 0 7px 0; width:100%; margin-bottom:-15px; overflow:visible;} /* background-color:White; opacity:0.8; filter:alpha(opacity=80); */

.gallery {width:640px; position:relative; overflow:visible; }
.gallery .thumb{width:65px; height:65px; float:left; text-align:center; margin:0 15px 15px 0; position:relative;left:1px;}
.gallery .edit {right:0px;}

.mainBlock {overflow:visible;}
.mainBlock .column {overflow:visible;}
.banners {clear:both; }

.picture {width:100%; position:relative; overflow:visible;}
.video {width:100%; position:relative; overflow:visible;}
.audio {width:100%; position:relative; overflow:visible;}

.sponsorsGrid {position:relative; padding:5px;}
.sponsorsGrid .deleteSponsor {position:absolute; top:-4px; left:-4px;}

.flashVideo {width:450px;height:295px;overflow:hidden;} /* TODO: Change size!! */

.blockSize {width:70%; float:left;}
.pxSize {width:29%; float:left;}
.pxSizeValue {font-weight:bold; font-size:1.1em;}

.postSeparator {width:80%; margin: 0 auto; height:2px; border-top: dashed 3px #80D1E6}

.blockWrapper {position:relative;overflow:visible;}
.blockControls {float:right; position:absolute; top:25px; right:-39px; width:40px; height:55px;}
.blockControls .col{float:left; width:20px; height:55px;}
.controls {text-align:right;}

.postTitleWrapper {border-top:dashed 3px #80D1E6; }
.postTitle {font-weight:bold; font-size:1.2em;}

.searchResult img {float:left; margin:0 5px 5px 0;}

.newComment {border-top:solid 1px #80D1E6; padding:5px 0; margin-top:10px;}
.newComment label {float:left;clear:left;width:150px;}
.newComment input,
.newComment textarea {float:left; width:200px;}
.newComment textarea {height:100px;}
.newComment span {float:left;padding:2px;  margin-left:10px; display:block;}
.newComment a {display:block; clear:both; text-align:center; font-weight:bold;}

.comment {border-top:solid 1px #80D1E6; clear:both; padding:5px;}
.comment .gravatar {float:left; margin:0 10px 10px 0;}
.comment .poster {font-weight:bold;}
.comment .date {padding:0px 10px; font-size:0.9em;}
.comment .text {padding:15px 0;}

.view360 {position:relative;overflow:visible;}
.view360copyright {font-size:0.8em;text-align:right; vertical-align:top;}

.addNewPage {text-align:center; padding:20px; font-weight:bold;}

#mapEditWrapper {float:right; width:580px;height:700px;}

.expo58map {margin-left:-160px;}
.expo58copyright {font-size:0.8em;text-align:right;}

.dxsmLevel1 ul {margin:0 !important;}
.dxsmLevel1 li {margin-left:25px !important;}

#assignControls,
table.dxgvTable,
td.dxgv {overflow:visible !important;}

.dxsmLevel0, .dxsmLevel0 a, .dxsmLevel0Categorized a, .dxsmLevel0Categorized {
color:#BD0018;
font-family:Verdana;
font-size:9pt;
font-weight:bold;
text-decoration:none;
}