@import url("layout2.css");

body { background-image: url('url-to-image'); background-repeat: repeat; }

html * { margin: 0; padding: 0; }
body { color: #ffffff; margin: 15px; background: #4A4A4A; font-size: 11px; font-family: Arial, Verdana, Garuda, Helvetica; text-align: left; overflow: -moz-scrollbars-vertical; }
noscript { color: red; }
form { display: inline; }
form > div:first-child { padding: 0; margin: 0; }
img { border-width: 0; }

#container { width: 900px; margin: auto; }
#top #l-menu { text-align: center; }
#top #t-menu { font-size: 12px; font-weight: bold; height: 24px;  margin-top: 4px; background: #fff; }
#top #t-menu * { padding: 0; margin: 0; }
#top #t-menu a { color: #4A4A4A; text-decoration: none; }
#top #t-menu ul { list-style-type: none; margin-left: 45px; padding-top: 4px; }
#top #t-menu div ul { margin-left: 10px; }
#top #t-menu ul li { float: left; padding: 0 13px; border-left: 1px solid #000; }
#top #t-menu ul .first { padding-left: 0; border-left: 0 solid white; }
#top #t-menu ul .hilight a { color: #9F9F9F; }
#theme > div { height: 155px; background: #fff; }
#theme .themeLeftInfo { background-color: transparent; height: 155px; position: absolute; width: 220px; }
#theme .themeLeftInfo div { bottom: 0px; color: #4A4A4A; padding: 20px; position: absolute; width: 180px; }
#theme .preface { position: absolute; text-align: right; margin-top: 35px; margin-left: 355px; width: 315px; height: 85px; color: #4A4A4A; background: transparent url( '/assets/graphics/theme_layer.png' ) no-repeat bottom; }
#theme .preface div { height: auto; line-height: 20px; font-size: 14px; font-weight: bold; padding: 12px 45px 12px 45px; background-color: transparent; vertical-align: middle; }
#theme-menu div { height: 24px; color: #fff; background: #000; }
#theme-menu a { color: #fff; text-decoration: none; }
#theme-menu ul { margin-left: 45px; padding: 5px 0; display: table; }
#theme-menu ul li { list-style-type: none; float: left; padding: 0 10px; border-left: 1px solid #fff; }
#theme-menu ul .first { padding-left: 0; border-left: 0 solid white; }
#theme-menu #random { margin: 5px 0 0 45px; height: auto; color: Silver; }
#theme-menu #random a { font-weight: bold; color: #fff; }
#theme-menu #random a:hover { text-decoration: underline; }

#content .header { height: 40px; color: #fff; font-weight: bold; background: #000; }
#content #menu { background: #EBEBEB url( '/assets/graphics/menu-bottom.gif' ) no-repeat bottom; min-height: 300px; height: auto !important; height: 300px; padding-bottom: 40px; }
#content #menu .themeMenuInfo { height: 30px; margin-top: 290px; position: absolute; width: 220px; }
#content #menu .themeMenuInfo * { color: #a5a5a5; }
#content #menu a { color: #4A4A4A; text-decoration: none; }
#content #menu a.hilight { font-weight: bold; text-decoration: underline; }
#content #menu div.static { color: #4A4A4A; padding-left: 20px; padding-right: 20px; }
#content #menu div.static a { text-decoration: underline; }
#content #menu .header { font-size: 18px; margin-bottom: 10px; text-transform: uppercase; }
#content #menu .header strong { width: 190px; text-align: right; position: absolute; margin-top: 13px; }
#content #menu .section { font-weight: bold; margin-top: 10px; line-height: 26px; text-transform: uppercase; padding-right: 20px; height: 25px; font-size: 15px; text-align: right; background: #fff; color: #4A4A4A; }
#content #menu ul li { list-style-type: none; text-align: right; padding-right: 30px; line-height: 20px; }
#content #data { min-height: 320px; height: auto !important; height: 320px; color: #4A4A4A; background-color: #ffffff; }
#content #data .header { padding-left: 45px; font-size: 15px; margin: 0; }
#content #data .header h1 { font-size: 15px; margin: 0; }
#content #data .header h1 { position: absolute; margin-top: 16px; }

#content #data .submenu { background-color: #ececec; height: 34px; padding-top: 14px; margin-bottom: 0px; }
#content #data .submenu ul { list-style-type: none; margin-left: 37px; padding-top: 4px; }
#content #data .submenu ul li { float: left; margin-left:10px; }
#content #data .submenu ul li img { padding-right: 2px; }
#content #data .submenu ul .first { padding-left: 0; }
#content #data .submenu ul .hilight a { color: #4A4A4A; font-weight:bold; }
#content #data .submenu ul a { color: #4A4A4A; text-decoration:none; font-weight:bold; }


#content #data .page { padding: 16px 45px; line-height: 16px; margin: 0; border:1px solid transparent; }
#content #data div.hilight, #content #data td.hilight { background-color: #fff; }
#content #data .page a { color: #4A4A4A; text-decoration: underline; }
#content #data .page a[target="new"], #content #data .page a[target="_blank"] { background: url(/assets/graphics/aoutside.gif) no-repeat right; padding-right: 10px; }
#content #data .page a[href^="javascript:openEmail"] { background: url(/assets/graphics/aemail.gif) no-repeat right; padding-right: 10px; }
/*
#content #data .page a[href$=".pdf"] {
	background: url(/assets/graphics/apdf.gif) no-repeat right;
	padding-right: 10px;
}
*/
#content #data .page p { margin: auto; padding: 0; margin-top: 0px; margin-bottom: 15px;  }
#content #data .linkbutton { font-size: 12px; margin: 0; padding: 0; padding-top: 5px; }
#content #data .linkbutton img { height: 11px; vertical-align: middle; width: 15px; }
#content #data .page span.hilight { font-weight: bold; }
#content #data .page dl dt input, #content #data .page span input { padding: 0; margin: 0 5px 0 0; vertical-align: middle; }
#content #data .page ul { padding: 0 10px; }
#content #data .page ul li { margin-left: 20px; }
#content #data .page ol li { margin-left: 20px; }
#content #data .page h1 { font-size: 11px; }
#content #data .page h2 { font-size: 11px; }
#content #data .page hr { border: 0; border-top: 1px solid silver; }
#content #data .page .head { font-size: 15px; }
#content #data .page .button { padding: 0 10px 0 10px; font-size: 12px; }
#content #data .page .rbl_h label { margin-left: -2px; margin-right: 10px; margin-top: 2px; }
#content #data .page .box { border: 1px solid #EBEBEB; padding: 16px; margin: 0; margin-top: 10px; background: #f9f9f9; }
#content #data .page .box-faq { border: 1px solid #EBEBEB; padding: 16px; }
#content #data .page .box-dark { background-color: #4A4A4A; color: #ffffff; padding: 10px; text-align: center; }
#content #data .page .box-dark fieldset { border-width: 0; padding: 0; margin: 0; }
#content #data .page .box-dark input { margin: 0 10px 0 0; vertical-align: middle; }
#content #data .page .box-dark .button { background-color: #4A4A4A; border: 1px solid #6c6c6c; color: #ffffff; font: 11px Arial, Verdana, Helvetica; margin: 0; width: 80px; vertical-align: middle; }
#content #data .page .entry { }
#content #data .page .entry dl { clear: both; }
#content #data .page .entry dt { float: left; width: 25%; height: 20px; padding-top: 2px; }
#content #data .page .entry dd { min-height: 20px; margin-bottom: 5px; width: 75%; clear: right; }
#content #data .page .entry dd input, #content #data .page .entry dd select, #content #data .page .entry dd textarea { width: 250px; }
#content #data .page .entry dd .input { width: auto; }
#content #data .page .entry dd .button { padding: 0 10px 0 10px; font-size: 12px; width: auto; }
#content #data .page .entry dd span.node { color: silver; }
#content #data .page .entry .aw input { width: auto; vertical-align: middle; }
#content #data .page .entry .aw label { margin-right: 10px; vertical-align: middle; }
#content #data .page .entry table.aw { display: block; margin-bottom: 10px; }
#content #data .page .entry table.aw input { margin-right: 5px; }
#content #data .page .entry dd select { width: 252px; border-collapse:collapse; }



#content #data .page table.tbl { background-color: #4A4A4A; }
#content #data .page table.tbl td { background-color: #fff; padding: 2px; }

#content #data .page .variant dl { clear: left; }
#content #data .page .variant dt { float: left; width: 50%; }
#content #data .page .variant dd { float: right; width: 50%; text-align: right; }

#address { color: #fff; text-align: center; height: 24px; line-height: 24px; background: #000; margin-bottom: 15px; }
#address a { color: #ffffff; text-decoration: none; }

.box, .box-margin { clear: both; }
.box-margin div { margin-bottom: 10px; }
.col-l { width: 220px; float: left; }
.col-r { width: 670px; float: right; height:48px; margin: 0; }
.whois { background-color: #f3f3f3; border: 1px solid #CFCFCF; padding: 20px; margin: 0; }

.formErr { padding: 15px; margin-bottom: 10px; background-color: #ffe1e2; border: 1px solid #ff9396; }
.formErr a { color: red; }
.formErr li { margin-left: 15px; }
div.alert { background: #ffe1e2 url(/assets/graphics/icon_exclamation.gif) center no-repeat; background-position: 15px center; border: 1px solid #ff9396; color: red; margin-bottom: 10px; padding: 5px 20px 5px 45px; }
div.success { background: #ffffcc url(/assets/graphics/icon_accept.gif) center no-repeat; background-position: 15px 6px; border: 1px solid #ffd324; color: #b07b00; margin-bottom: 10px; padding: 5px 20px 5px 45px; }

.langselect	{ text-align:right; padding-right:16px; color: #7c7c7a; height: 15px; }
.langselect ul { margin-top:-10px; }
.langselect ul li { display: inline; }
.langselect	a { color: #7c7c7a; }
