/*----------------------------------------------------------------------
# EMPORIUM v1.0 - 06 Jun 2007 @ 16:05 AM +0100 ZulloP
# ----------------------------------------------------------------------
# Copyright © 2007 Web Revolution. All Rights Reserved.
# Author: Web Revolution - Creative Concepts & Advertising Innovation
# License: Copyrighted Commercial Software
# Website: http://www.webrevolution.org
------------------------------------------------------------------------*/
body{
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
font-size: 12px;
line-height: 1.3;
color: #000;
margin: 0;
padding: 0;
}
#body_bg{
background: #263840 url(../images/background.gif) top left repeat-x;
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
font-size: 12px;
line-height: 1.3;
color: #000;
margin: 20px 0px;
}
.clr{
clear: both;
}
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 {
font-family: Arial, Tahoma, Verdana, sans-serif;
letter-spacing: -0.05em;
font-size: 14px;
color: #9F0004;
font-weight: normal;
margin: 5px 0px;
}
/* actionBlock */
#actionBlock {
float: right;
display: inline;
width: 160px;
margin: 0 0 15px 15px;
font-size: 11px; }
#actionBlock img {
display: block; }
#actionBlock .actionButton {
font-weight: bold;
background: #086CA0 url('http://www.desktra.com/templates/wr_emporium/images/bg_button_red.gif') bottom repeat-x; }
#actionBlock .actionButton a.actButton {
display: block;
width: 118px;
padding: 6px 26px 6px 15px;
text-decoration: none;
color: #fff;
background: url('../images/arrow_white.gif') 133px 50% no-repeat; }
#actionBlock .ctaButton { background: #086CA0 url('http://www.desktra.com/templates/wr_emporium/images/bg_button_red.gif') bottom repeat-x; }
#actionBlock .ctaButton a.actButton { font-weight: bold; display: block; margin-top: -6px; text-decoration: none; color: #ffffff; background: #086CA0 url('http://www.desktra.com/templates/wr_emporium/images/bg_button_red.gif') bottom repeat-x; }
#actionBlock .ctaButton a.actButton span { cursor: pointer; display: block; width: 119px; padding: 6px 26px 6px 15px; text-decoration: none; color: #fff; background: transparent url('http://www.desktra.com/templates/img/arrow_white.gif') 133px 50% no-repeat; }
#actionBlock .ctaButton a.actButton:hover { background: #d5d5d5 url('http://www.desktra.com/templates/wr_emporium/images/bg_grey_h26.gif') bottom repeat-x; color: #000; }
#actionBlock .ctaButton a.actButton:hover span { background: transparent url('../images/arrow_grey.gif') 132px 50% no-repeat; color: #000; }
#actionBlock .infoBlock {
margin-top: 3px; }
#actionBlock h2 {
padding: 6px 0 6px 15px;
margin: 0;
font-size: 11px;
font-weight: bold;
background: #afafaf url('http://www.desktra.com/templates/wr_emporium/images/bg_grey_h26.gif') top repeat-x;
border: 0; }
#actionBlock .content {
padding: 10px 0 15px 0;
border: 1px solid #cfcfcf;
background: #f2f2f2 url('http://www.desktra.com/templates/wr_emporium/images/bg_content_actionblock.gif') bottom repeat-x; }
#actionBlock .contentTestimonial {
padding: 10px 5px 15px 5px;
border: 1px solid #cfcfcf;
background: #f2f2f2 url('http://www.desktra.com/templates/wr_emporium/images/bg_content_actionblock.gif') bottom repeat-x; }
#actionBlock .content ul {
padding: 0;
margin: 0;
list-style: none; }
#actionBlock .content ul li {
padding: 0;
background: none;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #f2f2f2; }
#actionBlock .content ul li.first {
border-top-style: none; }
#actionBlock .content a.linkList {
display: block;
padding: 2px 5px 1px 30px;
text-decoration: none;
background: url('../images/arrow_blue.gif') 10px 1px no-repeat; }
#actionBlock .content a.linkList:hover {
background: #fbfbfb url('../images/arrow_blue.gif') 10px 1px no-repeat; }
#actionBlock .distribLeftCol {
float: left;
width: 54px;
padding-left: 15px; }
#actionBlock .distribRightCol {
float: left;
width: 84px; }
#actionBlock dl {
text-align: center; }
#actionBlock dd {
padding-top: 5px; }
#actionBlock dd img {
display: inline; }
#actionBlock .buttonContainer {
text-align: center;
padding-top: 5px; }
#actionBlock .simpleProductBoxes {}
#actionBlock #platform_summary dl {
padding: 0 5px 0 15px;
text-align: left; }
#actionBlock #platform_summary dd {
padding: 0 0 0 13px; }
/* German */
#actionBlock .distribLeftColDe {
float: left;
width: 75px;
padding-left: 15px; }
#actionBlock .distribRightColDe {
float: left;
width: 65px; }
/* JOOMLA DEFAULT STYLE
--------------------------------------------------------- */
a:link, a:visited {
color: #00469b;
text-decoration: none;
position: relative; /* Internet Explorer: a cancer on the web that must be stopped!!! */
}
a:hover{
color: #9F0004;
text-decoration: underline;
}
table{
text-align: left;
}
td{
font-size: 12px;
}
ul {
margin: 0px;
margin-left: 15px;
padding: 0px;
}
ul a:link, ul a:visited{
color: #00469B;
text-decoration: none;
}
ul a:hover{
color: #9F0004;
text-decoration: underline;
}
.contentheading{
font-family: Arial, Tahoma, Verdana, sans-serif;
letter-spacing: -0.05em;
font-size: 20px;
color: #9F0004;
}
.contentheading a:link, .contentheading a:visited {
font-family: Arial, Tahoma, Verdana, sans-serif;
letter-spacing: -0.05em;
font-size: 20px;
color: #00469B;
text-decoration: none;
}
.contentheading a:hover {
color: #9F0004;
text-decoration: underline;
}
.modifydate{
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
font-size: 10px;
color: #aaa;
padding-top: 15px;
}
.small{
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
font-size: 10px;
color: #aaa;
}
.createdate{
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
font-size: 10px;
color: #aaa;
}
.readon{
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #00469B;
}
a.readon:link, a.readon:visited {
text-decoration: none;
color: #00469B;
}
a.readon:hover {
color: #9F0004;
text-decoration: underline;
}
td.buttonheading {
width: 12px;
}
.sectiontableheader {
background-color : #E8E8E8;
background-repeat: repeat;
border-bottom: solid 1px #999999;
padding: 2px;
color : #808080;
font-weight : bold;
padding: 2px;
}
.sectiontableentry1 {
background-color : #FAFAFA;
height: 20px;
}
.sectiontableentry2 {
background-color : #F5F5F5;
height: 20px;
}
.sectiontableentry1 td,
.sectiontableentry2 td{
padding: 4px;
border-bottom: 1px solid #ddd;
}
td.sectiontableentry1,
td.sectiontableentry2{
padding: 4px;
border-bottom: 1px solid #ddd;
}
.mosimage {
margin: 15px 15px 15px 0!important;
margin: 15px 10px 15px 0;
padding: 0;
}
.mosimage img {
margin: 0 6px 0 0!important;
margin: 0 0 0 -6px;
border: 1px solid #ccc;
padding: 2px;
}
.mosimage_caption {
margin-top: 3px;
color: #aaa;
font-size: 10px;
}
.componentheading {
font-family: Arial, Tahoma, Verdana, sans-serif;
letter-spacing: -0.05em;
font-size: 18px;
color: #cbcbcb;
margin: 5px 0px;
}
table.contenttoc {
margin: 0 0 30px 30px;
padding: 0;
width: 200px;
}
table.contenttoc th {
padding: 5px;
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
font-size: 12px;
background-color : #e8e8e8;
border-bottom: solid 1px #999999;
color: #808080;
text-indent: 5px;
}
table.contenttoc td a:link, table.contenttoc td a:visited {
display: block;
width: auto;
}
table.contenttoc td a:hover {
background: #f1f1f1;
color: #000;
text-decoration: none;
display: block;
width: auto;
}
table.contenttoc td {
text-align: center;
background: #FCFCFC;
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
.toclink{
font-size: 10px;
padding: 5px;
}
.contentpaneopen{
width: 100%;
text-align: left;
}
table.contentpane{
width: 100%;
margin-bottom: 30px;
}
.highlight{
background-color: #ffff99;
}
.contentpane{
width: auto;
}
form {
margin: 0;
padding: 0;
position: relative;
}
table.poll {
padding: 0;
width: 100%;
border-collapse: collapse;
}
table.poll td{
font-size: 11px;
}
table.pollstableborder {
padding: 0;
width: 100%;
border: none;
text-align: left;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
padding: 2px!important;
}
#mod_login_password, #mod_login_username {
width: 120px;
}
#mod_login_remember.inputbox{
border: none;
background: none;
}
#mod_search_searchword{
width: 150px;
}
input, select {
font: 11px "Lucida Grande", Tahoma, Verdana, sans-serif;
}
select, .inputbox {
padding: 2px;
}
.inputbox{
margin: 1px 0;
}
.inputbox:focus {
border: 1px solid #BABDB6;
background: #FFFFDD;
}
textarea {
padding-left: 2px;
}
textarea.inputbox{
font: 11px "Lucida Grande", Tahoma, Verdana, sans-serif;
width: 95%;
}
fieldset{
background: #fff;
border: 1px solid #d5d5d5;
padding: 10px;
}
table.searchintro{
margin: 20px 0 10px 0;
}
.button {
padding: 1px 4px;
border-top: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
border-bottom: 1px solid #BABDB6;
border-right: 1px solid #BABDB6;
background: #f5f5f5;
color: #999;
cursor: pointer;
}
.button:hover, .button:focus {
border-top: 1px solid #BABDB6;
border-right: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
border-left: 1px solid #BABDB6;
color: #000;
}
.inputbox {
border-top: 1px solid #BABDB6;
border-right: 1px solid #EDEEEC;
border-bottom: 1px solid #EDEEEC;
border-left: 1px solid #BABDB6;
}
.inputbox:hover, .inputbox:focus {
border: 1px solid #BABDB6;
}
.pagenav {
padding: 2px;
color: #999;
}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a{
padding: 1px 4px;
border-top: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
border-bottom: 1px solid #BABDB6;
border-right: 1px solid #BABDB6;
text-decoration: none;
font-size: 11px;
background: #f5f5f5;
color: #999;
height: 100%;
}
a.pagenav:hover, a.pagenav:active,
.pagenav_prev a:hover, .pagenav_prev a:active,
.pagenav_next a:hover, .pagenav_next a:active,
.pagenavbar a:hover, .pagenavbar a:active {
padding: 1px 4px;
border-top: 1px solid #BABDB6;
border-right: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
border-left: 1px solid #BABDB6;
text-decoration: none;
color: #000;
}
th.pagenav_prev a,
th.pagenav_next a{
color: #999;
font-weight: normal;
}
th.pagenav_prev a:hover,
th.pagenav_next a:hover{
color: #000;
font-weight: normal;
}
.pagenavbar {
padding-left: 14px;
font-size: 11px;
}
.pagenavcounter {
padding: 10px 0 0 0;
color: #aaa;
}
.blog table{
padding: 0 5px;
}
.blog_more {
margin-top: 5px;
margin-left: 20px;
margin-bottom: 30px;
}
.back_button{
font-size: 11px;
text-align: left;
}
hr {
border: none 0;
border-top: 1px solid #d5d5d5;
height: 1px;
}
.adminform textarea {
width: 911px !important;
}
.adminform textarea.inputbox {
width: 911px !important;
}
/* CUSTOM STYLING
--------------------------------------------------------- */
div#wrapper {
width: 970px;
margin: 0px;
}
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: url(../images/wr_quote.png) no-repeat;
background-position: 10px 0;
border: none;
font-style: oblique;
color: #888;
}
/* TOP HEADER
--------------------------------------------------------- */
div#top_header_wrap {}
div.top_header {
background: url(../images/wr_top_header.png) top left no-repeat;
height: 111px;
}
/* ---- logo --- */
div#logo_wrap {
position: relative;
width: 970px;
}
div#logo {
background: url(../images/wr_logo.png) no-repeat;
width: 179px;
height: 43px;
position: absolute;
left: 35px;
top: 48px;
}
/* ---- rss feed icon--- */
div#rss_wrap {
position: relative;
width: 970px;
}
div#rss {
background: url(../images/wr_rss.png) no-repeat;
width: 110px;
height: 20px;
position: absolute;
right: 52px;
top: 24px;
cursor: pointer;
}
/* CONTENT LAYOUT
--------------------------------------------------------- */
div#content_layout_wrap {}
div.content_layout {
background: url(../images/wr_content_layout.png) top left repeat-y;
height: 1%;
}
div.content_layout_sidebar {
background: url(../images/wr_content_layout_sidebar.png) top left repeat-y;
height: 1%;
}
/* TOP MENU
--------------------------------------------------------- */
div#top_menu_wrap {
padding: 0px 25px;
}
div.top_menu {
background: url(../images/wr_topmenu.png) top left repeat-x;
height: 33px;
}
/* DROP DOWN MENU
--------------------------------------------------------- */
div#ddmenuwrap {
background: url(../images/wr_topmenu.png) repeat-x;
height: 33px;
position: relative;
z-index: 100;
}
div#ddmenu {}
div#nav {
margin: 0;
padding: 0;
height: 33px;
/*
background-color: #1a1a1a; */
}
div#nav a {
font-size: 12px;
color: #fff;
float: left;
text-decoration: none;
display: block;
cursor: pointer;
line-height: 33px;
padding: 0 15px;
}
div#nav ul ul a.daddy {
background: url(../images/sublink.png) 100% 50% no-repeat;
}
div#nav ul ul a.daddy:hover {
background: url(../images/sublink_hover.png) 100% 50% no-repeat;
}
div#nav li a {
background: url(../images/wr_menu_div.gif) 100% 0 no-repeat;
}
div#nav li a:hover{}
div#nav li li a{
background: none;
font-weight: normal;
padding: 0;
text-indent: 15px;
color: #fff;
line-height: 25px;
}
div#nav ul li ul li a:hover{
background: none;
}
div#nav ul li a:hover,
div#nav ul li ul li ul li a:hover {
color: #fefefe;
}
div#nav, div#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
div#nav li li {
padding: 0;
background: none;
border-bottom: 1px solid #01324D;
/*
border-top: 1px solid #01324D; */
}
div#nav a {}
div#nav ul ul a {
display: block;
color: #ffffff;
text-decoration: none;
width: 167px;
font-size: 12px;
text-align: left;
}
div#nav li {
float: left;
padding: 0;
background: none;
height: 33px;
}
div#nav ul li {
position: relative;
}
div#nav li ul {
top: 33px;
position: absolute;
left: -999em;
height: auto;
width: 170px;
font-weight: normal;
border-width: 0;
margin: 0;
padding: 0;
border-right: 1px solid #01324D;
border-left: 1px solid #01324D;
border-top: 1px solid #01324D;
}
div#nav ul {
padding: 0;
margin: 0;
}
div#nav li li {
float: left;
padding: 0;
width: 170px;
height: 25px;
}
div#nav li ul ul {
margin: -30px 0 0 170px;
}
div#nav li:hover ul ul,
div#nav li:hover ul ul ul,
div#nav li:hover ul ul ul ul,
div#nav li.sfhover ul ul,
div#nav li.sfhover ul ul ul,
div#nav li.sfhover ul ul ul ul {
left: -999em;
}
div#nav li:hover ul,
div#nav li li:hover ul,
div#nav li li li:hover ul,
div#nav li li li li:hover ul,
div#nav li.sfhover ul,
div#nav li li.sfhover ul,
div#nav li li li.sfhover ul,
div#nav li li li li.sfhover ul{
z-index: 100;
left: 0;
}
div#nav li:hover, div#nav li.sfhover {
left: 0;
background: url(../images/wr_menu_active.gif) top left repeat-x;
height: 33px;
}
div#nav li li:hover, div#nav li li.sfhover {
left: 0;
background: #01669A;
height: 25px;
}
div#nav li:hover a, div#nav li.sfhover a {
color: #fff;
}
div#nav li li:hover a, div#nav li li.sfhover a {
color: #fff;
}
div#nav li li:hover a:hover, div#nav li li.sfhover a:hover {
color: #fff;
}
div#nav a {}
div#nav ul ul a {
background: none;
}
div#nav li.active {
background: url(../images/wr_menu_active.gif) top left repeat-x;
}
div#nav li li.active {
background: #013F5F;
}
div#nav li:hover ul,
div#nav li li:hover ul,
div#nav li li li:hover ul,
div#nav li li li li:hover ul,
div#nav li.sfhover ul,
div#nav li li.sfhover ul,
div#nav li li li.sfhover ul,
div#nav li li li li.sfhover ul{
background: #014B72;
}
/* HEADER
--------------------------------------------------------- */
div#header_wrap {
padding: 0px 25px;
}
div#header {
height: 280px;
background: #0c110d;
border-bottom: 5px solid #c1c1c1;
}
/* ---- header content --- */
div#header_content_wrap {}
div#header_content {
height: 214px;
}
/* ---- scrolling header (user1, user2, user3, user4 and user5 module positions) --- */
#demo-bar {
margin: 0px auto;
padding: 0;
width: 920px;
text-align: center;
}
#demo-wrapper {
margin: 0px auto;
overflow: hidden;
height: 214px;
width: 920px;
position: relative;
}
#demo-inner {
width: 4600px;
height: 214px;
position: relative;
}
.scrolling-content {
background: transparent url(http://www.desktra.com/templates/wr_emporium/css/bubble.png) top left no-repeat;
width: 139px;
height: 73px;
text-align: left;
position: absolute;
}
.scrolling-content h1 {
color: #fff;
padding: 0;
font-size: 12px;
}
#content1 {
left: 0px;
top: 0px;
width: 920px;
height: 214px;
background: url(../images/wr_user1_bg.jpg) top right no-repeat;
}
div#user1, div#user2, div#user3, div#user4, div#user5 {
font-size: 14px;
color: #9a9a9a;
width: 550px;
padding: 20px 0 0 20px;
}
div#content1 a:link, div#content1 a:visited,
div#content2 a:link, div#content2 a:visited,
div#content3 a:link, div#content3 a:visited,
div#content4 a:link, div#content4 a:visited,
div#content5 a:link, div#content5 a:visited {
color: #9a9a9a;
text-decoration: underline;
}
div#content1 a:hover,
div#content2 a:hover,
div#content3 a:hover,
div#content4 a:hover,
div#content5 a:hover {
color: #fff;
}
#content2 {
left: 920px;
top: 0px;
width: 920px;
height: 214px;
background: url(../images/wr_user2_bg.jpg) top right no-repeat;
}
#content3 {
left: 1840px;
top: 0px;
width: 920px;
height: 214px;
background: url(../images/wr_user3_bg.jpg) top right no-repeat;
}
#content4 {
left: 2760px;
top: 0px;
width: 920px;
height: 214px;
background: url(../images/wr_user4_bg.jpg) top right no-repeat;
}
#content5 {
left: 3680px;
top: 0px;
width: 920px;
height: 214px;
background: url(../images/wr_user5_bg.jpg) top right no-repeat;
}
/* ---- header buttons --- */
div#header_buttons_wrap {}
div#header_buttons {
height: 80px;
background: url(../images/wr_header_buttons_bg.png) top left repeat-x;
}
/* a#link1, a#link2, a#link3, a#link4, a#link5 {
width: 184px;
height: 80px;
display: block;
}*/
ul#buttons {
margin: 0;
padding: 0;
}
ul#buttons li {
list-style: none;
}
ul#buttons li a:link, ul#buttons li a:visited {
width: 184px;
height: 80px;
display: block;
}
li#but_intro {
width: 184px;
height: 80px;
float: left;
background: url(../images/wr_header_but_intro.jpg) 0% 0% no-repeat;
}
li#but_intro a:hover {
background: url(../images/wr_header_but_intro.jpg) 0% 50% no-repeat;
}
li#but_intro a.active {
width: 184px;
height: 80px;
float: left;
background: url(../images/wr_header_but_intro.jpg) 0% 100% no-repeat;
}
li#but_intro a:active {
width: 184px;
height: 80px;
float: left;
background: url(../images/wr_header_but_intro.jpg) 0% 100% no-repeat;
}
li#but_flexible {
width: 184px;
height: 80px;
float: left;
background: url(../images/wr_header_but_flex.jpg) 0% 0% no-repeat;
}
li#but_flexible a:hover {
background: url(../images/wr_header_but_flex.jpg) 0% 50% no-repeat;
}
li#but_flexible a.active {
width: 184px;
height: 80px;
float: left;
background: url(../images/wr_header_but_flex.jpg) 0% 100% no-repeat;
}
li#but_support {
width: 184px;
height: 80px;
float: left;
background: url(../images/wr_header_but_support.jpg) 0% 0% no-repeat;
}
li#but_support a:hover {
background: url(../images/wr_header_but_support.jpg) 0% 50% no-repeat;
}
li#but_support a.active {
width: 184px;
height: 80px;
float: left;
background: url(../images/wr_header_but_support.jpg) 0% 100% no-repeat;
}
li#but_pro {
width: 184px;
height: 80px;
float: left;
background: url(../images/wr_header_but_pro.jpg) 0% 0% no-repeat;
}
li#but_pro a:hover {
background: url(../images/wr_header_but_pro.jpg) 0% 50% no-repeat;
}
li#but_pro a.active {
width: 184px;
height: 80px;
float: left;
background: url(../images/wr_header_but_pro.jpg) 0% 100% no-repeat;
}
li#but_w3c {
width: 184px;
height: 80px;
float: left;
background: url(../images/wr_header_but_w3c.jpg) 0% 0% no-repeat;
}
li#but_w3c a:hover {
background: url(../images/wr_header_but_w3c.jpg) 0% 50% no-repeat;
}
li#but_w3c a.active {
width: 184px;
height: 80px;
float: left;
background: url(../images/wr_header_but_w3c.jpg) 0% 100% no-repeat;
}
/* ---- user6 --- */
div#user6_wrap {
padding: 0 25px;
}
div#user6 {
background: #000;
border-bottom: 5px solid #c1c1c1;
color: #9a9a9a;
text-align: left;
padding: 10px 25px;
font-size: 11px;
}
/* CONTENT
--------------------------------------------------------- */
div#content_wrap { /* 1 column layout */
padding: 0px 25px;
}
div#content_wrap_sidebar { /* 2 columns layout */
width: 670px;
padding: 0px 25px;
float: left;
}
div#content {}
/* ---- top users --- */
div#topusers_wrap{
height: 1%;
margin: 15px 0 0 0;
padding: 5px 0 0 0;
}
div#user7wrap,
div#user8wrap,
div#user9wrap{
float: left;
}
div#user7,
div#user8,
div#user9{
margin: 3px;
}
div#user7wrap div.module h3,
div#user8wrap div.module h3,
div#user9wrap div.module h3{
margin: 5px 0 0 0;
padding-bottom: 5px;
font-family: Arial, Tahoma, Verdana, sans-serif;
letter-spacing: -0.05em;
font-size: 10px;
color: #9F0004;
}
#div#user7wrap div.module,
#div#user8wrap div.module,
#div#user9wrap div.module{
#background: url('../images/wr_round_mod_b_l.gif') no-repeat bottom left;
#background:none;
#text-align: left;
#font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
#font-size: 10px;
#color: #808080;
#}
# div#user7wrap div.module div div,
# div#user8wrap div.module div div,
# div#user9wrap div.module div div{
# background: url('../images/wr_round_mod_t_l.gif') no-repeat top left;
# background:none;
# }
# div#user7wrap div.module div,
# div#user8wrap div.module div,
# div#user9wrap div.module div{
# background: url('../images/wr_round_mod_b_r.gif') no-repeat bottom right;
# background:none;
# }
# div#user7wrap div.module div div div,
# div#user8wrap div.module div div div,
# div#user9wrap div.module div div div{
# background: url('../images/wr_round_mod_t_r.gif') no-repeat top right;
# background:none;
# padding: 5px 10px 5px 10px;
# }
div#user7wrap div.module div div div h3,
div#user8wrap div.module div div div h3,
div#user9wrap div.module div div div h3{
display:block;
}
div#user7wrap div.module div div div div,
div#user8wrap div.module div div div div,
div#user9wrap div.module div div div div{
background:none;
}
div#user7 li,
div#user8 li,
div#user9 li{
padding: 5px 25px 5px 4px;
line-height: 11px;
# text-indent: 0px;
list-style: circle outside url('../images/liBlueSmall.gif');
font-family: Arial, Tahoma, Verdana, sans-serif;
border-bottom: 1px dotted #eee;
font-size: 10px;
color: #01669A;
}
div#user7 li a:link, div#user7 li a:visited,
div#user8 li a:link, div#user8 li a:visited,
div#user9 li a:link, div#user9 li a:visited{
color: #01669A;
display: block;
list-style: circle outside url('../images/liBlueSmall.gif');
border-bottom: none;
width: 100%;
}
div#user7 li a:hover,
div#user8 li a:hover,
div#user9 li a:hover{
border-bottom: none;
display: block;
color: #01669A;
text-decoration: none;
background: #f8f8f8 url(../images/wr_list_bg.gif) 100% 55% no-repeat;
}
/* ---- newsflash --- */
div#newsflash_wrap {
padding: 0 14px;
padding-top: 0px;
}
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;
}
/* ---- mainbody --- */
div#mainbody_wrap {}
div#mainbody {
padding: 20px 20px 0px 20px;
text-align: left;
}
/* ---- bottom users --- */
div#bottomusers_wrap{
height: 1%;
margin: 20px 0 0 0;
padding: 0 20px;
}
div#user10wrap,
div#user11wrap,
div#user12wrap{
float: left;
}
div#user10,
div#user11,
div#user12{
margin: 3px;
}
div#user10wrap div.module h3,
div#user11wrap div.module h3,
div#user12wrap 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#user10wrap div.module,
div#user11wrap div.module,
div#user12wrap div.module{
background: url('../images/wr_round_mod_b_l.gif') no-repeat bottom left;
text-align: left;
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #808080;
}
div#user10wrap div.module div div,
div#user11wrap div.module div div,
div#user12wrap div.module div div{
background: url('../images/wr_round_mod_t_l.gif') no-repeat top left;
}
div#user10wrap div.module div,
div#user11wrap div.module div,
div#user12wrap div.module div{
background: url('../images/wr_round_mod_b_r.gif') no-repeat bottom right;
}
div#user10wrap div.module div div div,
div#user11wrap div.module div div div,
div#user12wrap div.module div div div{
background: url('../images/wr_round_mod_t_r.gif') no-repeat top right;
padding: 5px 10px 5px 10px;
}
div#user10wrap div.module div div div h3,
div#user11wrap div.module div div div h3,
div#user12wrap div.module div div div h3{
display:block;
}
div#user10wrap div.module div div div div,
div#user11wrap div.module div div div div,
div#user12wrap 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#user13 h3,
div#user14 h3{
font-family: Arial, Tahoma, Verdana, sans-serif;
letter-spacing: -0.05em;
font-size: 13px;
color: #000;
font-weight: normal;
margin: 0px 0px;
}
div#user13 .module,
div#user14 .module{
padding: 10px;
margin: 0;
}
div#user13,
div#user14{
float: left;
text-align: left;
color: #a8a8a8;
font-size: 11px;
}
div#user13 a:link, div#user13 a:visited,
div#user14 a:link, div#user14 a:visited{
border-bottom: 1px dotted #999;
color: #a8a8a8;
text-decoration: none;
}
div#user13 a:hover,
div#user14 a:hover{
color: #3875D7;
text-decoration: none;
}
div#user13 ul,
div#user14 ul{
list-style: none;
margin: 0;
padding: 0;
}
div#user13 li,
div#user14 li{
padding: 0;
line-height: 20px;
text-indent: 5px;
border-bottom: 1px solid #ddd;
}
div#user13 li a:link, div#user13 li a:visited,
div#user14 li a:link, div#user14 li a:visited{
color: #3875D7;
display: block;
border-bottom: none;
width: 100%;
}
div#user13 li a:hover,
div#user14 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;
}
/* SIDEBAR
--------------------------------------------------------- */
div#sidebar_wrap {
float: left;
text-align: left;
width: 200px;
margin-top: 20px;
}
div#sidebar {}
div#sidebar .module h3 {
font-family: Arial, Tahoma, Verdana, sans-serif;
letter-spacing: -0.05em;
font-size: 14px;
color: #587788;
font-weight: bold;
margin: 0px 0px;
}
div#sidebar .module {
font-size: 11px;
color: #595959;
margin-bottom: 30px;
}
div#sidebar a:link, div#sidebar a:visited {
color: #9F0004;
text-decoration: none;
}
div#sidebar a:hover {
color: #00469b;
text-decoration: underline;
}
/* BOTTOM LAYOUT
--------------------------------------------------------- */
div#bottom_layout {}
div.bottom_layout {
background: url(../images/wr_bottom_layout.png) top left repeat-y;
height: 41px;
}
div.bottom_layout_sidebar {
background: url(../images/wr_bottom_layout_sidebar.png) top left repeat-y;
height: 41px;
}
/* TYPOGRAPHY
------------------------------------------------------------------------------------------ */
/* typohraphy */
span.beige, span.black, span.clear, span.color, span.color-1 {
display: block;
padding: 10px;
margin-bottom: 10px;
}
span.beige {
background-color: #F2F3F3;
border-top: 1px solid #c8c6c6;
border-bottom: 1px solid #c8c6c6;
color: #000;
}
span.black {
background-color: #000;
border: 1px solid #000;
color: #fff;
}
span.clear {
background-color: #fff;
border: 1px solid #d8d7d7;
}
blockquote {
background: transparent url('http://www.desktra.com/templates/wr_emporium/images/quoleft.gif') no-repeat 0 0;
}
blockquote div {
background: transparent url('http://www.desktra.com/templates/wr_emporium/images/quoright.gif') no-repeat right bottom;
padding: 0 30px;
}
/* FOOTER
--------------------------------------------------------- */
div#footer_wrap {
padding-top: 10px;
}
div#footer {
color: #c1c1c1;
font-size: 11px;
}
div#footer a:link, div#footer a:visited {
color: #fff;
text-decoration: none;
}
div#footer a:hover {
color: #fff;
text-decoration: underline;
}
div#footerwrap{
background-color: #199965;
margin-top: 0px;
padding: 0px;
}