/* MAIN STYLES */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #fff;
	background: #333;
	text-align: center;
	padding-bottom: 40px;
	font-size: 9pt;
	line-height: 14pt;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background: #334a41 url('./images/bg.jpg') no-repeat top center;
}

div#wrapper {
	text-align: left;
	width: 978px;
	position: relative;
	padding: 0px 9px;
	background: url('./images/layout_middle_overlay.png') repeat top center;
	margin: 0px auto 0px auto;
}

img {
	border: none;
	vertical-align: top;
}

input {
	color: #fff;
	border: none;
	display: inline-block;
	font-size: 8pt;
}

input.editbox {
	padding: 3px 10px;
	width: 114px;
	font-style: italic;
	color: #666;
	background: url('./images/input_text_bg.png') no-repeat top left;
}

input.focus {
	font-style: normal;
	color: #fff;
	background: url('./images/input_text_focus_bg.png') no-repeat top left;
}

input.button {
	padding: 0px;
	width: 65px;
	height: 19px;
	cursor: pointer;
	background: url('./images/input_button_bg.png') no-repeat top left;
}

input.button:hover { background: url('./images/input_button_hover_bg.png') no-repeat top left; }

textarea {
	color: #fff;
	background: #0a0f0b;
	border: 1px solid #222;
}



a, a:link, a:visited {
	color: #f63;
	text-decoration: none;
}

a:hover, a:active {
	color: #f96;
	text-decoration: underline;
}

div.module div.title, h1, h2 { font-weight: bold; font-size: 13pt; font-family: 'Palatino Linotype',Palatino, Georgia, serif; }


h1 { color: #e9ae10; font-size: 15pt; }
h2 { color: #d37403; font-size: 12pt; }


#frame {
	border: none;
}



/* LAYOUT STYLES */
div#top_edge {
	height: 19px;
	background: url('./images/layout_top_edge.png') no-repeat top center;
}

table#layout {
	width: 100%;
	table-layout: fixed;
	background: url('./images/layout_left_edge.png') repeat-y top left;
}

table#layout td#modules {
	width: 250px;
	vertical-align: top;
}

table#layout td#content {
	padding: 20px;
	text-align: left;
	font-size: 10pt;
	vertical-align: top;
}

table#layout td#content div.componentheading {
	display: none;
}

table#layout td#content ul,
table#layout td#content ol {
	margin-top: 1em;
	margin-left: 1em;
}

table#layout td#content ul li,
table#layout td#content ol li {
	margin-left: 20px;
	padding: 2px 0px;
}

div#bottom_edge {
	width: 956px;
	height: 17px;
	text-align: right;
	padding: 20px;
	margin: 0px auto 0px auto;
	background: url('./images/foot_overlay_bg.png') no-repeat top center;
}

div#bottom_edge p {
	margin: 0px;
	margin-top: -3px;
	margin-right: 5px;
	padding: 0px;
}



/* CLASSES STYLES */
div.separator { height: 20px; }

*.important { color: #e9ae10; }

*.italic { font-style: italic !important; }
*.bold { font-weight: bold !important; }
*.underline { text-decoration: underline !important; }
*.warning { border: 2px dashed #f63; padding: 5px; font-size: 8pt; font-weight: bold; text-align: center; }

ul.menu { list-style: none; }

ul.menu li ul { list-style: none; }

ul.menu li {
	text-align: left;
	padding-left: 10px;
	margin-left: 15px;
	background: url('./images/raquo.png') no-repeat top left;
}

ul.menu li a {
	color: #abc;
	line-height: 12pt;
	font-weight: bold;
	display: inline-block;
	padding: 5px;
}

ul.menu li a:hover { color: #e1eaf3; }

ul.menu li a.active {
	color: #fff;
	text-decoration: underline;
}

div.DFSBar {
	width: 350px;
	margin-top: 5px;
	position: relative;
	border: 1px solid #333;
	text-align: left;
	background: url('./images/status_overlay_bg.png') repeat top left;
}

div.DFSBar div.DFSMeter {
	height: 16px;
	background: #e33900;
}

div.DFSBar div.DFSValue {
	top: 1px;
	left: 48%;
	position: absolute;
	font-weight: normal;
	font-size: 8pt;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


div.search_result {
	margin-top: 10px;
}

div.search_result span {
	padding-top: 2px;
	font-style: italic;
	color: #999;
}


/* HEADER AND SERVER STATUS STYLES */
div#header {
	height: 240px;
	position: relative;
	background: url('./images/header.jpg') no-repeat top center;
}

div#header div#status_box {
	position: absolute;
	width: 179px;
	height: 105px;
	top: 125px;
	left: 778px;
	font-weight: normal;
	font-size: 7pt;
	line-height: normal;
	font-family: 'Palatino Linotype', Palatino, Georgia, serif;
	background: url('./images/server_status_block.png') no-repeat top center;
}

div#header div#status_box div.title {
	font-weight: bold;
	font-size: 9pt;
	text-transform: uppercase;
	margin: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #333;
}

div#header div#status_box span.small_note {
	color: #999;
	font-size: 7pt;
	font-weight: normal;
	text-transform: lowercase;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}

div#header div#status_box div.status_line {
	height: 12px;
	margin-top: 6px;
}

div.server_name {
	width: 70px;
	padding-left: 20px;
	float: left;
}

div.status {
	width: 33px;
	float: left;
	padding-left: 17px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}

div.users_online {
	padding-left: 5px;
	float: left;
}

div.on {
	color: #5a9b07;
	background: url('./images/server_status_online.png') no-repeat top left;
}

div.off {
	color: #a9350e;
	background: url('./images/server_status_offline.png') no-repeat top left;
}



/* MODULE CONTAINER */
div.module {
	padding: 10px;
	z-index: 200;
}

div.module div.title {
	padding-left: 10px;
	border-bottom: 1px solid #333;
	font-weight: bold;
	font-size: 13pt;
	font-family: 'Palatino Linotype', Palatino, Georgia, serif;
}

div.module div.box {
	margin-top: 15px;
	text-align: center;
}



/* ARTICLE CONTAINER */
div.container {
	width: 688px;
	position: relative;
	margin: 0px auto 0px auto;
}

div.container div.top_edge {
	height: 5px;
	width: 686px;
	margin: 0px auto 0px auto;
	background: url('./images/cont_top_edge.png') no-repeat top center;
}
div.vim div.top_edge { background: url('./images/vim_cont_top_edge.png') no-repeat top center; }

div.container div.content {
	padding: 0px 30px;
	position: relative;
	background: url('./images/cont_content_bg.png') repeat-y top center;
}
div.vim div.content { background: url('./images/vim_cont_content_bg.png') repeat-y top center; }

div.container div.content div.title {
	padding-top: 10px;
	padding-left: 10px;
	border-bottom: 2px solid #333;
	margin: 0px -20px;
	font-weight: bold;
	font-size: 16pt;
	line-height: normal;
	font-family: 'Palatino Linotype', Palatino, Georgia, serif;
}
div.vim div.content div.title { border-bottom: 2px solid #4a3b3b; }

div.container div.content div.author {
	margin: -20px -20px;
	padding-bottom: 40px;
	padding-right: 10px;
	text-align: right;
	font-size: 8pt;
	color: #555;
	font-weight: normal;
	font-style: italic;
}

div.container div.content div.author  span.print {
	padding-left: 10px;
}

div.container div.content div.foot,
div.container div.content div.clr {
	margin: 0px -20px;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	text-align: right;
	font-size: 8pt;
	color: #555;
	font-weight: normal;
	font-style: italic;
	border-top: 1px solid #333;
}

div.container div.content div.clr {
	border: none;
}

div.container div.content div b { color: #f63; }

div.container div.bottom_edge {
	height: 5px;
	width: 686px;
	margin: 0px auto 0px auto;
	background: url('./images/cont_bottom_edge.png') no-repeat top center;
}
div.vim div.bottom_edge { background: url('./images/vim_cont_bottom_edge.png') no-repeat top center; }

div.news div.content div.title a span.more {
	font-size: 9pt;
	color: #666;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}

div.news div.content div.title a:hover span.more {
	color: #999;
}

div.news div.content div.title {
	margin-bottom: 15px;
}