/*----------------------------------------------------------------------
# MALUM NOVUM v1.0 - 13 Jul 2007 @ 10:42 AM +0100 ZulloP
# ----------------------------------------------------------------------
# Copyright (c) 2007 Web Revolution. All Rights Reserved.
# Author: Web Revolution - Creative Concepts & Advertising Innovation
# License: Copyrighted Commercial Software
# Website: http://www.webrevolution.org
#                _                           _       _   _             
#  __      _____| |__    _ __ _____   _____ | |_   _| |_(_) ___  _ __  
#  \ \ /\ / / _ \ '_ \  | '__/ _ \ \ / / _ \| | | | | __| |/ _ \| '_ \ 
#   \ V  V /  __/ |_) | | | |  __/\ V / (_) | | |_| | |_| | (_) | | | |
#    \_/\_/ \___|_.__/  |_|  \___| \_/ \___/|_|\__,_|\__|_|\___/|_| |_|
------------------------------------------------------------------------*/

@import url("../css/joomla.css"); /* Joomla! default styling */

body{
	margin: 0;
	padding: 0;
}
#body_bg{
	background: #f3f3f3;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #212121;
}
.clr{
	clear: both;
}


/* CUSTOM STYLING
--------------------------------------------------------- */
div#wrapper {
	background: #2d5fa4 url(../images/wrapper_bg.jpg) 50% 0% no-repeat;
	width: 100%;
}
div#inner {}
h1 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 24px;
	color: #9F0004;
	font-weight: normal;
	margin: 5px 0px;
}
h2 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 22px;
	color: #9F0004;
	font-weight: normal;
	margin: 5px 0px;
}
h3 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 20px;
	color: #9F0004;
	font-weight: normal;
	margin: 5px 0px;
}
h4 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 18px;
	color: #9F0004;
	font-weight: normal;
	margin: 5px 0px;
}
h5 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 16px;
	color: #9F0004;
	font-weight: normal;
	margin: 5px 0px;
}
h6 {
	margin: 15px 0;
	color: #AAAAAA;
	border-bottom: 3px double #EEEEEE;
}
h3.header, h4.header {
	color: #fff;
}
span.alert{
	display: block;
	background: #fff6bf url(../images/wr_exclamation.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
span.info{
	display: block;
	background: #f8fafc url(../images/wr_information.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}
span.download{
	display: block;
	background: #e2f3de url(../images/wr_download.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #3C6;
	border-bottom: 2px solid #3C6;
}
pre{
	display: block;
	line-height: 100%;
	border-left: 5px solid #ccc;
	background: #f2f2f2;
	padding: 10px;
	font-family: Monaco, "Courier New", monospace;
	font-size: 11px;
	overflow: auto !important;
	overflow: scroll;
	width: 95%;
}
blockquote{
	margin: 20px 0;
	padding: 0 0 0 40px;
	background-position: 10px 0;
	border: none;
	font-style: oblique;
	color: #888;
}


/* TOP BAR
--------------------------------------------------------- */
div#topbar_wrap {}
div.topbar_bg {
	background: url(../images/topbar_bg.png) top left repeat-x;
	height: 76px;
	width: 100%;
}
div#topbar {
	width: 940px;
}

/* ---- top menu --- */
div#topmenu_wrap {
	float: left;
	height: 71px;
	width: 650px;
	position: relative;
}
div#topmenu {
	text-align: left;
	position: absolute;
	top: 50px;
	left: 0px;
}
div#topmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#topmenu li {
	float: left;
	padding: 0 30px 0 0;
	color: #666666;
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
}
div#topmenu li a:link, div#topmenu li a:visited {
	color: #666666;
	text-decoration: none;
}
div#topmenu li a:hover{
	color: #9F0004;
}
div#topmenu li #active_menu {
	color: #00469b;
	height: 31px;
	display: block;
	background: url(../images/active_menu_img.png) bottom center no-repeat;
}

/* ---- logo --- */
div#logo_wrap {
	float: right;
}
div#logo {
	background: url(../images/cdopt.jpg) no-repeat;
	height: 71px;
	width: 260px;
	cursor: pointer;
}


/* TOP USERS
--------------------------------------------------------- */
div#topusers_wrap {
	margin: 25px 0;
}
div#topusers {
	min-height: 20px;
 	height: auto !important;
  	height: 20px;
	width: 940px;
	color: #fff;
	text-align: left;
}


/* CONTENT LAYOUT
--------------------------------------------------------- */
div#content_wrap {}
div.content_bg {
	background: url(../images/content_bg.png) top left repeat-x;
	width: 100%;
}
div#container {
	width:960px;
}

/* ---- center block --- */
div#content_full { /* 1 column layout */
	width: 940px;
	padding-top: 20px;
	text-align: left;
}
div#content_sidebar { /* 2 columns layout */
	width: 670px;
	padding: 20px 30px 0 0;
	float: left;
	text-align: left;
}

/* ---- sidebar block --- */
div#sidebar_wrap {}
div#sidebar_top_wrap {
	position: relative;
}
span#sidebar_top {
	position: absolute;
	background: url(../images/sidebar_top.png) 0 0 no-repeat;
	width: 260px;
	height: 28px;
	top: -22px;
	right: 0px;
	z-index: 1000;
}
div#sidebar {
	background: url(../images/sidebar_bg.jpg) top left no-repeat;
	margin-top: 6px;
	width: 260px;
	float: left;
	min-height: 286px;
 	height: auto !important;
  	height: 286px;
}
div#sidebar_modules_wrap {}
div#sidebar_modules {
	padding: 0 15px;
	text-align: left;
	color: #808080;
}
div#sidebar_modules div {
	margin-bottom: 20px;
}
div#sidebar_modules h3 {
	margin: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 18px;
	color: #606060;
	font-weight: normal;
}
div#sidebar_modules .module-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ddd;
}
div#sidebar_modules .module-menu li{
	padding: 0;
	line-height: 25px;
	text-indent: 5px;
	border-bottom: 1px solid #ddd;
}
div#sidebar_modules .module-menu li a{
	width: 230px;
	display: block;
}
div#sidebar_modules .module-menu li a:hover{
	text-decoration: none;
	display: block;
	background: #eee url(../images/wr_menu_hover.gif) 100% 50% no-repeat;
}

/* ---- pathway --- */
div#pathway_wrap {
	border-bottom: 3px double #e6e6e6;
	margin-bottom: 20px;
}
div#pathway,
div#pathway a:link,
div#pathway a:visited {
	color: #aaaaaa;
	font-size: 11px;
	text-decoration: none;
	padding-bottom: 10px;
}
div#pathway a:hover {
	color: #9F0004;
	text-decoration: underline;
}

/* ---- newsflash --- */
div#newsflash_wrap {
	padding: 0;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px;
}
div#newsflash {}
div#newsflash .module {
	text-align: left;
	color: #808080;
}
div#newsflash .module h3 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	margin: 0px 0px;
}
/* ---- top users --- */
div#topusers2_wrap{
	height: 1%;
	padding: 0;
	margin-bottom: 20px;
}
div#users_full {
	width: 940px;
}
div#users_sidebar {
	width: 670px;
}

div#user2wrap,
div#user3wrap,
div#user4wrap{
	float: left;
}
div#user2,
div#user3,
div#user4{
	margin: 5px;
}
div#user2wrap div.module h3,
div#user3wrap div.module h3,
div#user4wrap div.module h3{
	margin: 0px;
	padding-bottom: 2px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 13px;
	color: #9F0004;
}
div#user2wrap div.module,
div#user3wrap div.module,
div#user4wrap div.module{
	background: #fff;
	text-align: left;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #808080;
	border: 1px solid #ddd;
}
div#user2wrap div.module div div div,
div#user3wrap div.module div div div,
div#user4wrap div.module div div div{
	padding: 10px;
}
div#user2wrap div.module div div div h3,
div#user3wrap div.module div div div h3,
div#user4wrap div.module div div div h3{
	display:block;
}
div#user2wrap div.module div div div div,
div#user3wrap div.module div div div div,
div#user4wrap div.module div div div div{
    background:none;
}

/* ---- bottom users --- */
div#bottomusers_wrap{
	height: 1%;
	padding: 0;
	margin-top: 20px;
}
div#user5wrap,
div#user6wrap,
div#user7wrap{
	float: left;
}
div#user5,
div#user6,
div#user7{
	margin: 5px;
}
div#user5wrap div.module h3,
div#user6wrap div.module h3,
div#user7wrap div.module h3{
	margin: 0px;
	padding-bottom: 2px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 13px;
	color: #9F0004;
}
div#user5wrap div.module,
div#user6wrap div.module,
div#user7wrap div.module{
	background: #fff;
	text-align: left;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #808080;
	border: 1px solid #ddd;
}
div#user5wrap div.module div div div,
div#user6wrap div.module div div div,
div#user7wrap div.module div div div{
	padding: 10px;
}
div#user5wrap div.module div div div h3,
div#user6wrap div.module div div div h3,
div#user7wrap div.module div div div h3{
	display:block;
}
div#user5wrap div.module div div div div,
div#user6wrap div.module div div div div,
div#user7wrap div.module div div div div{
    background:none;
}

/* ---- list bottom users --- */
div#list_bottom_users_wrap{
	padding: 20px 15px 15px 15px;
	height: 1%; /* ie really sucks */
}
div#list_bottom_users{}
div#user8 h3,
div#user9 h3{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	margin: 0px 0px;
}
div#user8 .module,
div#user9 .module{
	padding: 10px;
	margin: 0;
}
div#user8,
div#user9{
	float: left;
	text-align: left;
	color: #a8a8a8;
	font-size: 11px;
}
div#user8 a:link, div#user8 a:visited,
div#user9 a:link, div#user9 a:visited{
	border-bottom: 1px dotted #999;
	color: #a8a8a8;
	text-decoration: none;
}
div#user8 a:hover,
div#user9 a:hover{
	color: #3875D7;
	text-decoration: none;
}
div#user8 ul,
div#user9 ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
div#user8 li,
div#user9 li{
	padding: 0;
	line-height: 20px;
	text-indent: 5px;
	border-bottom: 1px solid #ddd;
}
div#user8 li a:link, div#user8 li a:visited,
div#user9 li a:link, div#user9 li a:visited{
	color: #3875D7;
	display: block;
	border-bottom: none;
	width: 100%;
}
div#user8 li a:hover,
div#user9 li a:hover{
	border-bottom: none;
	display: block;
	color: #000;
	text-decoration: none;
	background: #f8f8f8 url(../images/wr_list_bg.gif) 100% 50% no-repeat;
}


/* FOOTER
--------------------------------------------------------- */
div#footer_wrap {
	width: 940px;
	border-top: 3px double #e6e6e6;
	margin-top: 20px;
}
div#footer {
	padding-top: 20px;
	margin-bottom: 30px;
}