Question

Joomla module outside of template

Asked by: WhiteMafiosi

Anyone know how to move a Joomla module/Component outside of template? I hav a webpage www.newutd.no where I want banners to be displayed on the right side, outside of template. The module I have choosen is called FlexBanner. How can I move this? :)

The index.php contains the following code

ar<?php
defined('_JEXEC') or die('Restricted access'); // no direct access
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = null;
if (isset($this))
  $document = & $this;
$baseUrl = $this->baseurl;
$templateUrl = $this->baseurl . '/templates/' . $this->template;
artxComponentWrapper($document);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
 <head>
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<jdoc:include type="head" />
  <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
 
  <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" />
  <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
  <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
  <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
 </head>
<body>
<div id="art-page-background-simple-gradient">
</div>
<div id="art-main">
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
<div class="art-Header">
    <div class="art-Header-png"></div>
    <div class="art-Header-jpeg"></div>
 
</div>
<jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" />
<?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?>
<div class="art-contentLayout">
<?php if (artxCountModules($document, 'left')) : ?>
<div class="art-sidebar1"><?php echo artxModules($document, 'left', 'art-block'); ?>
</div>
<?php endif; ?>
<div class="art-<?php echo artxGetContentCellStyle($document); ?>">
 
<?php
  echo artxModules($document, 'banner2', 'art-nostyle');
  if (artxCountModules($document, 'breadcrumb'))
    echo artxPost(null, artxModules($document, 'breadcrumb'));
  echo artxPositions($document, array('user1', 'user2'), 'art-article');
  echo artxModules($document, 'banner3', 'art-nostyle');
?>
<?php if (artxHasMessages()) : ?><div class="art-Post">
    <div class="art-Post-body">
<div class="art-Post-inner">
<div class="art-PostContent">
 
<jdoc:include type="message" />
 
</div>
<div class="cleared"></div>
 
</div>
 
    </div>
</div>
<?php endif; ?>
<jdoc:include type="component" />
 
<?php echo artxModules($document, 'banner4', 'art-nostyle'); ?>
<?php echo artxPositions($document, array('user4', 'user5'), 'art-article'); ?>
<?php echo artxModules($document, 'banner5', 'art-nostyle'); ?>
</div>
<?php if (artxCountModules($document, 'right')) : ?>
<div class="art-sidebar2"><?php echo artxModules($document, 'right', 'art-block'); ?>
</div>
<?php endif; ?>
 
</div>
<div class="cleared"></div>
 
<?php echo artxPositions($document, array('bottom1', 'bottom2', 'bottom3'), 'art-block'); ?>
<jdoc:include type="modules" name="banner6" style="artstyle" artstyle="art-nostyle" />
<div class="art-Footer">
 <div class="art-Footer-inner">
  <?php echo artxModules($document, 'syndicate'); ?>
  <div class="art-Footer-text">
  <?php if (artxCountModules($document, 'copyright') == 0): ?>
<p>Copyright &copy; 2009 ---.<br/>
All Rights Reserved.</p>
 
  <?php else: ?>
  <?php echo artxModules($document, 'copyright', 'art-nostyle'); ?>
  <?php endif; ?>
  </div>
 </div>
 <div class="art-Footer-background"></div>
</div>
 
    </div>
</div>
<div class="cleared"></div>
<p class="art-page-footer"><a href="http://www.artisteer.com/?p=joomla_templates">Joomla template</a> created with Artisteer.</p>
</div>
 
</body> 
</html>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:

Select all Open in new window

This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.

Subscribe now for full access to Experts Exchange and get

Instant Access to this Solution

Plus...

30 Day FREE access, no risk, no obligation
Collaborate with the world's top tech experts
Unlimited access to our exclusive solution database
Never be left without tech help again

Subscribe Now

Asked On: 2009-08-05 at 12:43:48ID24629354
Tags: Joomla
,; CMS
,; Module
,; Css
,; html
Topics: Web-Based CMS
,; Joomla
,; Web Languages/Standards
,; Cascading Style Sheets (CSS)
Participating Experts: 1
Points: 500
Comments: 21

Trusted by hundreds of thousands everyday for fast, accurate and reliable tech support.

"The time we save is the biggest benefit of Experts Exchange to Warner Bros. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange." Mike Kapnisakis, Warner Bros.
"Our team likes having a resource that is more secure than just using Google and most experts using this service really know their stuff. It's nice to look here first versus using Google." Dayna Sellner, Lockheed Martin
"Anytime that I've been stumped with a problem, 9 out of 10 times Experts Exchange has either the accepted solution or an open discussion of the potential solution to the problem." Kenny Red, eBay Inc.

See what Experts Exchange can do for you.

Got a question?

We've got the answer.

Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.

Screenshot of Experts Exchange Knowledgebase

Need individual assistance?

Our experts are ready to help.

If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.

Want to learn from the best?

Read articles from industry experts.

Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.

Working on a long term project?

Store your work and research.

Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.

Access the answers to your technology questions today.

Subscribe Now

30-day free trial. Register in 60 seconds.

What Makes Experts Exchange Unique?

Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.

Trusted by the world's most respected brands.

image of each brand's logo

Faithfully serving IT professionals since 1996.

Experts Exchange Logo

Try it out and discover for yourself.

Subscribe Now

30-day free trial. Register in 60 seconds.

Free Tech Articles

WARNING: 5 Reasons why you should NEVER fix a computer for free.
It is in our nature to love the puzzle. We are obsessed. The lot of us. We love puzzles. We love the challenge. We thrive on finding the answer. We hate disarray. It bothers us deep in our soul. W...
SCCM OSD Basic troubleshooting
SCCM 2007 OSD is a fantastic way to deploy operating systems, however, like most things SCCM issues can sometimes be difficult to resolve due to the sheer volume of logs to sift through and the dispe...
Migrate Small Business Server 2003 to Exchange 2010 and Windows 2008 R2
This guide is intended to provide step by step instructions on how to migrate from Small Business Server 2003 to Windows 2008 R2 with Exchange 2010. For this migration to work you will need the fo...
Create a Win7 Gadget
This article shows you how to create a simple "Gadget" -- a sort of mini-application supported by Windows 7 and Vista. Gadgets can be dropped anywhere on the desktop to provide instant information, ...
Outlook continually prompting for username and password
There have been a lot of questions recently regarding Outlook prompting for a username and password whilst using Exchange 2007. There are a few reasons why this would happen and I will try to cover t...
Backup Exchange 2010 Information Store using Windows Backup
There seems to be quite a lot of confusion around the ability to backup Exchange 2010 using the built in Windows Backup feature. This stems from the omission of this feature prior to Exchange 2007 s...

Cloud Class Webinars

Avoiding Bugs in Microsoft Access
Alison Balter takes and in-depth look at avoiding bugs in Access. In this webinar you will learn about using the immediate window to debug your applications, invoking the debugger, using breakpoints to troubleshoot, stepping through code, setting the next statement to execute, ...
Top 10 Best New Features in Visio 2010
Scott Helmers gives live demonstrations of the top 10 new features in Visio 2010. This webinar will teach you how to create compelling diagrams by adding shapes to the page with a single click, linking the shapes in a diagram to data in Excel (or SQL Server, or SharePoint), ...
IT Consultant Business Secrets Revealed
Michael Munger, Experts Exchange tech pro and IT consultant, pulls back the curtain on his very successful businesses and answers question on every IT consultant and business owner should know about. He shares secrets on what he did to solve the 5 most common problems in IT, ...
Disaster Recovery and Business Continuity
Quest CTO, Mike Billon, gives an overview of the steps involved in building a dunamic disaster recovery plan. Through case studies and an examination of software/hardware tooles for monitoring and testing, you'll gain a better understandin of where you are, where you want ...
Organize Your Visio Diagrams with Containers and Lists
Scott Helmers uses cross functional flowcharts, wireframe diagrams, data graphic legends and seating charts to teach you: how to ustilize all three new structured diagram components in Visio 2010, the best practices for organizeing shapes in previous version of Visio, how to organize ...
How to Us Objects, Properties, Events and Methods in Microsoft Access
Alison Dalter gives an in-depbth look at objects, properties, events and methods in Microsoft Access. In this webinar you will learn about using the object browser, referring to objects, working with properties and methods, working with object variables, understanding the ...

Watch More

Join the Community

Give a Little. Get a Lot.

Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.

Join the Community

Answers

by: rowbyPosted on 2009-08-05 at 12:57:55ID: 25027429

Hi WhiteMafiosi,

Just so I understand it you want the banners to be to the right of the module that is titled "Neste kamp", Siste kamper,and the "Vote" module?

You want the banner to be in the right "margin", where nothing is now?

Well you might try doing that with a Module Class Suffix. You might give the module you want to be in the right area unique Module Class Suffix that you will find in the module itself.

Are you familiar with css? If so you would then try giving the unique style a negative margin, such as -200px.

Is this something you might want to try?

Rowby

by: rowbyPosted on 2009-08-05 at 12:59:43ID: 25027455

more specifically a -200px rignt margin, and then probably minus left margin -- something like -20px or whatever it takes to move that new banner module into the position you want it to be.

by: WhiteMafiosiPosted on 2009-08-05 at 13:07:27ID: 25027544

Hi rowby!

You are correct regarding the position of the module :)
I dont have much experience in hmt/php development so I need someone to help me on the way with the coding of the module!?

What code do I need to "call" the module? I assume I need to insert the code in the index.php for the template? Or do I hardcode it directy to the index.php of the joomla installation? :)

by: WhiteMafiosiPosted on 2009-08-05 at 14:03:30ID: 25028066

I have added a module class suffix called _flexbanner for the module I want on the right. Is this the correct code to insert into template? I cannot get the module to show.

table.moduletable_flexbanner th {
font-size : small;
font-weight : bold;
color : #888;
background : #FFF;
text-align : right;
padding-left : 3px;
padding-right : 20px;
letter-spacing : -1px;
border-bottom : 2px solid #999999;
}

Before I edited the CSS it looked like this

/* begin Page */
 
/* Generated with Artisteer version 2.2.0.17981, file checksum is FCFEE751. */
 
body
{
	margin: 0 auto;
	padding: 0;
	background-color: #FCFCFD;
}
 
#art-main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}
 
 
 
 
 
#art-page-background-simple-gradient
{
	position: absolute;
	background-image: url('../images/Page-BgSimpleGradient.jpg');
	background-repeat: repeat-x;
	top:0;
	width: 100%;
	height: 500px;
}
 
.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}
 
 
form
{
	padding:0 !important;
	margin:0 !important;
}
 
table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */
 
/* begin Box, Sheet */
.art-Sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	width: 800px;
	min-width:27px;
	min-height:27px;
}
 
.art-Sheet-body
{
	position: relative;
	z-index:1;
	padding: 5px;
}
 
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
	position:absolute;
	z-index:-1;
}
 
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
	width: 26px;
	height: 26px;
	background-image: url('../images/Sheet-s.png');
}
 
.art-Sheet-tl
{
	top:0;
	left:0;
	clip: rect(auto, 13px, 13px, auto);
}
 
.art-Sheet-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 13px, 13px);
}
 
.art-Sheet-bl
{
	bottom: 0;
	left: 0;
	clip: rect(13px, 13px, auto, auto);
}
 
.art-Sheet-br
{
	bottom: 0;
	right: 0;
	clip: rect(13px, auto, auto, 13px);
}
 
.art-Sheet-tc, .art-Sheet-bc
{
	left: 13px;
	right: 13px;
	height: 26px;
	background-image: url('../images/Sheet-h.png');
}
 
.art-Sheet-tc
{
	top: 0;
	clip: rect(auto, auto, 13px, auto);
}
 
.art-Sheet-bc
{
	bottom: 0;
	clip: rect(13px, auto, auto, auto);
}
 
.art-Sheet-cr, .art-Sheet-cl
{
	top: 13px;
	bottom: 13px;
	width: 26px;
	background-image: url('../images/Sheet-v.png');
}
 
.art-Sheet-cr
{
	right:0;
	clip: rect(auto, auto, auto, 13px);
}
 
.art-Sheet-cl
{
	left:0;
	clip: rect(auto, 13px, auto, auto);
}
 
.art-Sheet-cc
{
	position:absolute;
	z-index:-1;
	top: 13px;
	left: 13px;
	right: 13px;
	bottom: 13px;
	background-color: #F9FAFB;
}
 
 
.art-Sheet
{
	margin-top: 30px !important;
}
 
#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
	min-width:800px;
}
 
/* end Box, Sheet */
 
/* begin Header */
div.art-Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 790px;
	height: 140px;
}
 
div.art-Header-png
{
	position: absolute;
	z-index:-2;
	top: 0;
	left: 0;
	width: 790px;
	height: 140px;
	background-image: url('../images/Header.png');
	background-repeat: no-repeat;
	background-position: left top;
}
 
div.art-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 790px;
	height: 140px;
	background-image: url('../images/Header.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}
/* end Header */
 
/* begin Menu */
/* menu structure */
 
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}
 
.art-menu, .art-menu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
 
.art-menu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}
 
.art-menu li:hover
{
	z-index: 10000;
	white-space: normal;
}
 
.art-menu li li
{
	float: none;
}
 
.art-menu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}
 
.art-menu li:hover>ul
{
	visibility: visible;
	top: 100%;
}
 
.art-menu li li:hover>ul
{
	top: 0;
	left: 100%;
}
 
.art-menu:after, .art-menu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.art-menu, .art-menu ul
{
	min-height: 0;
}
 
.art-menu ul
{
	background-image: url(../images/spacer.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}
 
.art-menu ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
 
 
 
 
 
/* menu structure */
 
.art-menu
{
	padding: 4px 2px 0px 2px;
}
 
.art-nav
{
	position: relative;
	height: 29px;
	z-index: 100;
}
 
.art-nav .l, .art-nav .r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 29px;
	background-image: url('../images/nav.png');
}
 
.art-nav .l
{
	left: 0;
	right:0px;
}
 
.art-nav .r
{
	right: 0;
	width: 790px;
	clip: rect(auto, auto, auto, 790px);
}
 
 
/* end Menu */
 
/* begin MenuItem */
.art-menu ul li
{
	clear: both;
}
 
.art-menu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 25px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 1px;
	margin-left: 1px;
}
 
 
.art-menu a .r, .art-menu a .l
{
	position:absolute;
	display: block;
	top:0;
	z-index:-1;
	height: 75px;
	background-image: url('../images/MenuItem.png');
}
 
.art-menu a .l
{
	left:0;
	right:11px;
}
 
.art-menu a .r
{
	width:422px;
	right:0;
	clip: rect(auto, auto, auto, 411px);
}
 
.art-menu a .t 
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #000000;
	padding: 0 2px;
	margin: 0 11px;
	line-height: 25px;
	text-align: center;
}
 
.art-menu a:hover .l, .art-menu a:hover .r
{
	top:-25px;
}
 
.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
	top:-25px;
}
 
.art-menu li:hover a .l, .art-menu li:hover a .r
{
	top:-25px;
}
.art-menu a:hover .t
{
	color: #000000;
}
 
.art-menu li:hover a .t
{
	color: #000000;
}
 
.art-menu li:hover>a .t
{
	color: #000000;
}
 
 
.art-menu a.active .l, .art-menu a.active .r
{
	top: -50px;
}
 
.art-menu a.active .t
{
	color: #000000;
}
 
 
/* end MenuItem */
 
/* begin MenuSubItem */
.art-menu ul a
{
	display:block;
	text-align: center;
	white-space: nowrap;
	height: 20px;
	width: 180px;
	overflow:hidden;
	line-height: 20px;
	margin-right: auto;
 
 
	background-image: url('../images/subitem-bg.png');
	background-position: left top;
	background-repeat: repeat-x;
	border-width: 0px;
	border-style: solid;
}
 
.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}
 
.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 20px;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
 
.art-menu ul ul a
{
	margin-left: auto;
}
 
.art-menu ul li a:hover
{
	color: #000000;
	background-position: 0 -20px;
}
 
.art-menu ul li:hover>a
{
	color: #000000;
	background-position: 0 -20px;
}
 
.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
	color: #000000;
}
 
.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
	color: #000000;
}
 
 
/* end MenuSubItem */
 
/* begin ContentLayout */
.art-contentLayout
{
	position: relative;
	margin-bottom: 0px;
	width: 790px;
}
/* end ContentLayout */
 
/* begin Box, Block */
.art-Block
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}
 
.art-Block-body
{
	position: relative;
	z-index:1;
	padding: 0px;
}
 
 
 
.art-Block
{
	margin: 10px;
}
 
/* end Box, Block */
 
/* begin BlockHeader */
.art-BlockHeader
{
	position:relative;
	z-index:0;
	height: 30px;
	padding: 0 8px;
	margin-bottom: 0px;
}
 
.art-BlockHeader .t
{
	height: 30px;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	white-space : nowrap;
	padding: 0 6px;
	line-height: 30px;
}
 
.art-BlockHeader .l, .art-BlockHeader .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 30px;
	background-image: url('../images/BlockHeader.png');
}
 
.art-BlockHeader .l
{
	left:0;
	right:9px;
}
 
.art-BlockHeader .r
{ 
	width:790px;
	right:0;
	clip: rect(auto, auto, auto, 781px);
}
 
 
 
 
/* end BlockHeader */
 
/* begin Box, BlockContent */
.art-BlockContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:19px;
	min-height:19px;
}
 
.art-BlockContent-body
{
	position: relative;
	z-index:1;
	padding: 8px;
}
 
.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl, .art-BlockContent-tc, .art-BlockContent-bc,.art-BlockContent-cr, .art-BlockContent-cl
{
	position:absolute;
	z-index:-1;
}
 
.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl
{
	width: 18px;
	height: 18px;
	background-image: url('../images/BlockContent-s.png');
}
 
.art-BlockContent-tl
{
	top:0;
	left:0;
	clip: rect(auto, 9px, 9px, auto);
}
 
.art-BlockContent-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 9px, 9px);
}
 
.art-BlockContent-bl
{
	bottom: 0;
	left: 0;
	clip: rect(9px, 9px, auto, auto);
}
 
.art-BlockContent-br
{
	bottom: 0;
	right: 0;
	clip: rect(9px, auto, auto, 9px);
}
 
.art-BlockContent-tc, .art-BlockContent-bc
{
	left: 9px;
	right: 9px;
	height: 18px;
	background-image: url('../images/BlockContent-h.png');
}
 
.art-BlockContent-tc
{
	top: 0;
	clip: rect(auto, auto, 9px, auto);
}
 
.art-BlockContent-bc
{
	bottom: 0;
	clip: rect(9px, auto, auto, auto);
}
 
.art-BlockContent-cr, .art-BlockContent-cl
{
	top: 9px;
	bottom: 9px;
	width: 18px;
	background-image: url('../images/BlockContent-v.png');
}
 
.art-BlockContent-cr
{
	right:0;
	clip: rect(auto, auto, auto, 9px);
}
 
.art-BlockContent-cl
{
	left:0;
	clip: rect(auto, 9px, auto, auto);
}
 
.art-BlockContent-cc
{
	position:absolute;
	z-index:-1;
	top: 9px;
	left: 9px;
	right: 9px;
	bottom: 9px;
	background-color: #FFFFFF;
}
 
 
.art-BlockContent-body
{
	color:#000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 200%;
}
 
.art-BlockContent-body a:link
{
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}
 
.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}
 
.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
	color: #646478;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
 
.art-BlockContent-body ul
{
	list-style-type: none;
	color: #3F5469;
	margin:0;
	padding:0;
}
 
.art-BlockContent-body li
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
 
 
/* end Box, BlockContent */
 
/* begin Box, Post */
.art-Post
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}
 
.art-Post-body
{
	position: relative;
	z-index:1;
	padding: 0px;
}
 
 
 
.art-Post
{
	margin: 0px;
}
 
/* Start images */
a img
{
	border: 0;
}
 
.art-article img, img.art-article
{
	margin: 1em;
}
 
.art-metadata-icons img
{
	border: none;
	vertical-align: middle;
	margin:2px;
}
/* Finish images */
 
/* Start tables */
 
.art-article table, table.art-article
{
	border-collapse: collapse;
	margin: 1px;
	width:auto;
}
 
.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
	background-color:Transparent;
}
 
.art-article th, .art-article td
{
	padding: 2px;
	border: solid 1px #0E1D25;
	vertical-align: top;
	text-align:left;
}
 
.art-article th
{
	text-align:center;
	vertical-align:middle;
	padding: 7px;
}
 
/* Finish tables */
/* end Box, Post */
 
/* begin PostHeaderIcon */
.art-PostHeaderIcon-wrapper
{
	text-decoration:none;
	margin: 0.2em 0;
	padding: 0;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
	word-spacing:normal;
	font-variant:normal;
	text-decoration:none;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	text-indent:0;
	line-height:inherit;
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
 
.art-PostHeaderIcon-wrapper, .art-PostHeaderIcon-wrapper a, .art-PostHeaderIcon-wrapper a:link, .art-PostHeaderIcon-wrapper a:visited, .art-PostHeaderIcon-wrapper a:hover
{
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
 
/* end PostHeaderIcon */
 
/* begin PostHeader */
.art-PostHeader a:link
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  text-decoration: none;
  text-align: left;
  color: #000000;
}
 
.art-PostHeader a:visited, .art-PostHeader a.visited
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  text-decoration: none;
  text-align: left;
  color: #000000;
}
 
.art-PostHeader a:hover, .art-PostHeader a.hovered
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  text-decoration: underline;
  text-align: left;
  color: #000000;
}
/* end PostHeader */
 
/* begin PostIcons */
.art-PostHeaderIcons
{
	padding:1px;
}
 
.art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
}
 
.art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
	margin:0;
}
 
.art-PostHeaderIcons a:link
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
	color: #000000;
}
 
.art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	color: #000000;
}
 
.art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	color: #000000;
}
/* end PostIcons */
 
/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}
 
.art-PostContent
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 150%;
  color: #000000;
}
 
/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #000000;
}
 
/* Adds special style to an unvisited link. */
a:link
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #000000;
}
 
/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #000000;
}
 
/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #000000;
}
 
/* Finish Content link style */
 
/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
 
 
/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #000000;
}
 
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 16px;
  text-align: left;
  color: #000000;
}
 
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #000000;
}
 
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 14px;
  text-align: left;
  color: #000000;
}
 
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 12px;
  text-align: left;
  color: #000000;
}
 
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 11px;
  text-align: left;
  color: #000000;
}
/* Finish Content headings Fonts & Colors  */
 
 
/* end PostContent */
 
/* begin PostBullets */
/* Start Content list */
ol, ul
{
	color: #000000;
	margin:1em 0 1em 2em;
	padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
 
li ol, li ul
{
	margin:0.5em 0 0.5em 2em;
	padding:0;
}
 
li 
{
	margin:0.2em 0;
	padding:0;
}
 
ul
{
	list-style-type: none;
}
 
ol
{
	list-style-position:inside;
	
}
 
 
 
/* Finish Content list */
/* end PostBullets */
 
/* begin PostQuote */
/* Start blockquote */
blockquote p
{
	color:#000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-align: left;
}
 
blockquote
{
		border:solid 1px #E9E9E9; 
		margin:10px 10px 10px 50px;
	padding:5px 5px 5px 28px;
	background-color:#E9E9E9;
	background-image:url('../images/PostQuote.png');
	background-position:left top;
	background-repeat:no-repeat;
}
 
 
/* Finish blockuote */
/* end PostQuote */
 
/* begin Button */
.art-button-wrapper .art-button
{
	display:inline-block;
	width: auto;
	outline:none;
	border:none;
	background:none;
	line-height:23px;
	margin:0 !important;
	padding:0 !important;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
}
 
.art-button-wrapper
{
	display:inline-block;
	position:relative;
	height: 23px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	z-index:0;
}
 
.art-button-wrapper .art-button
{
	display:block;
	height: 23px;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	padding: 0 7px !important;
	line-height: 23px;
	text-decoration: none !important;
	color: #306482 !important;
}
 
input, select
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
 
.art-button-wrapper.hover .art-button, .art-button:hover
{
	color: #FFF3E1 !important;
	text-decoration: none !important;
}
 
.art-button-wrapper.active .art-button
{
	color: #F2F5F7 !important;
}
 
.art-button-wrapper .l, .art-button-wrapper .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 69px;
	background-image: url('../images/Button.png');
}
 
.art-button-wrapper .l
{
	left:0;
	right:7px;
}
 
.art-button-wrapper .r
{
	width:415px;
	right:0;
	clip: rect(auto, auto, auto, 408px);
}
 
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
	top: -23px;
}
 
.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
	top: -46px;
}
 
 
/* end Button */
 
/* begin Footer */
.art-Footer
{
	position:relative;
	z-index:0;
	overflow:hidden;
	width: 790px;
	margin: 5px auto 0px auto;
}
 
.art-Footer .art-Footer-inner
{
	height:1%;
	position: relative;
	z-index: 0;
	padding: 20px;
	text-align: center;
}
 
 
 
.art-rss-tag-icon
{
	position: relative;
	display:block;
	float:left;
	background-image: url('../images/livemarks.png');
	background-position: center right;
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
	height: 32px;
	width: 32px;
}
 
 
 
 
.art-Footer .art-Footer-text p
{
	margin: 0;
}
 
.art-Footer .art-Footer-text
{
	display:inline-block;
	color:#000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	letter-spacing: 1px;
}
 
.art-Footer .art-Footer-text a:link
{
	text-decoration: none;
	color: #2F617F;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}
 
.art-Footer .art-Footer-text a:visited
{
	text-decoration: none;
	color: #41576C;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}
 
.art-Footer .art-Footer-text a:hover
{
	text-decoration: none;
	color: #1E3F52;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
/* end Footer */
 
/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
	font-family:Arial;
	font-size:10px;
	letter-spacing:normal;
	word-spacing:normal;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
	color:#5096BE;
}
 
.art-page-footer
{
	margin:1em;
	text-align:center;
	text-decoration:none;
	color:#6987A5;
}
/* end PageFooter */
 
/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 189px;
}
/* end LayoutCell */
 
/* begin LayoutCell */
.art-contentLayout .art-content
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 411px;
}
.art-contentLayout .art-content-sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 600px;
}
.art-contentLayout .art-content-sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 600px;
}
.art-contentLayout .art-content-wide
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 789px;
}
/* end LayoutCell */
 
/* begin LayoutCell */
.art-contentLayout .art-sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 189px;
}
/* end LayoutCell */
 
 
 
.art-contentLayout li
{
	float: none;
}
 
table.moduletable th
{
	font-size: 140%;
	padding: .5em 0em;
}
 
#footer
{
	text-align: center;
}
 
.breadcrumbs
{
	display: block;
	padding: .7em 0em;
}
 
.contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
{
	font-size: 75%;
	padding-bottom: 1em;
}
 
.column_separator 
{
	padding-left: .4em;
}
 
.pagination span
{
	padding: 2px;
}
 
.pagination a
{
	padding: 2px;
}
 
div.offline
{
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}
 
span.pathway
{
	display: block;
	margin: 0 20px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
}
 
/* headers */
table.moduletable th, legend
{
	margin: 0;
	font-weight: bold;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.5em;
	padding-left: 0px;
	margin-bottom: 10px;
	text-align: left;
}
 
/* form validation */
.invalid
{
	border-color: #ff0000;
}
 
label.invalid
{
	color: #ff0000;
}
 
 
/** overlib **/
 
.ol-foreground
{
	background-color: #f6f6f6;
}
 
.ol-background
{
	background-color: #666;
}
 
.ol-textfont
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
 
.ol-captionfont
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
 
.ol-captionfont a
{
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}
 
/* spacers */
span.article_separator
{
	display: none;
}
 
.column_separator
{
	padding-left: 10px;
}
 
td.buttonheading img
{
	border: none;
}
 
.clr
{
	clear: both;
}
 
div#maindivider
{
	border-top: 1px solid #ddd;
	margin-bottom: 10px;
	overflow: hidden;
	height: 1px;
}
 
table.blog span.article_separator
{
	display: none;
}
 
/* edit button */
.contentpaneopen_edit
{
	float: left;
}
 
/* table of contents */
table.contenttoc
{
	margin: 5px;
	border: 1px solid #ccc;
	padding: 5px;
	float: right;
}
 
table.contenttoc td
{
	padding: 0 5px;
}
 
 
/* content tables */
td.sectiontableheader
{
	background: #efefef;
	color: #333;
	font-weight: bold;
	padding: 4px;
	border-right: 1px solid #fff;
}
 
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td
{
	padding: 4px;
}
 
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2
{
	padding: 3px;
}
 
 
/* content styles */
table.contentpaneopen, table.contentpane
{
	margin: 0;
	padding: 0;
	width: auto;
}
 
table.contentpaneopen li
{
	margin-bottom: 5px;
}
 
table.contentpaneopen fieldset
{
	border: 0;
	border-top: 1px solid #ddd;
}
 
table.contentpaneopen h3
{
	margin-top: 25px;
}
 
table.contentpaneopen h4
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
 
.highlight
{
	background-color: #fffebb;
}
 
/* module control elements */
table.user1user2 div.moduletable
{
	margin-bottom: 0px;
}
 
div.moduletable, div.module
{
	margin-bottom: 25px;
}
 
div.module_menu h3
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	margin: -23px -4px 5px -5px;
	padding-left: 10px;
	padding-bottom: 2px;
}
 
div.module_menu
{
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
 
div.module_menu div div div
{
	padding: 10px;
	padding-top: 30px;
	padding-bottom: 15px;
	width: auto;
}
 
div.module_menu div div div div
{
	background: none;
	padding: 0;
}
 
div.module_menu ul
{
	margin: 10px 0;
	padding-left: 20px;
}
 
div.module_menu ul li a:link, div.module_menu ul li a:visited
{
	font-weight: bold;
}
 
#leftcolumn div.module
{
	padding: 0 10px;
}
 
#leftcolumn div.module table
{
	width: auto;
}
 
/* forms */
table.adminform textarea
{
	width: 540px;
	height: 400px;
	font-size: 1em;
	color: #000099;
}
 
div.search input
{
	width: 145px;
	border: 1px solid #ccc;
	margin: 15px 0 10px 0;
}
 
form#form-login
{
	text-align: left;
}
 
form#form-login fieldset
{
	border: 0 none;
	margin: 0;
	padding: 0.2em;
}
 
form#form-login ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
 
form#form-login ul li
{
	background-image: none;
	padding: 0;
}
 
#modlgn_username, #modlgn_passwd
{
	width: 90%;
}
 
#form-login-username, #form-login-password, #form-login-remember
{
	display: block;
	margin: 0;
}
 
form#com-form-login
{
	text-align: left;
}
 
form#com-form-login fieldset
{
	border: 0 none;
	margin: 0;
	padding: 0.2em;
}
 
form#com-form-login ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
 
form#com-form-login ul li
{
	background-image: none;
	padding: 0;
}
 
/* thumbnails */
div.mosimage
{
	margin: 5px;
}
 
div.mosimage_caption {
	font-size: .90em;
	color: #666;
}
 
div.caption
{
	padding: 0 10px 0 10px;
}
 
div.caption img
{
	border: 1px solid #CCC;
}
 
div.caption p
{
	font-size: .90em;
	color: #666;
	text-align: center;
}
 
/* Parameter Table */
table.paramlist
{
	margin-top: 5px;
}
 
table.paramlist td.paramlist_key
{
	width: 128px;
	text-align: left;
	height: 30px;
}
 
div.message
{
	font-weight: bold;
	font-size: 14px;
	color: #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}
 
/* Banners module */
 
/* Default skyscraper style */
.banneritem img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 
/* Text advert style */
 
.banneritem_text
{
	padding: 4px;
	font-size: 11px;
}
 
.bannerfooter_text
{
	padding: 4px;
	font-size: 11px;
	background-color: #f7f7f7;
	text-align: right;
}
 
/* System Messages */
/* see system general.css */
 
.pagination span
{
	padding: 2px;
}
 
.pagination a
{
	padding: 2px;
}
 
/* Polls */
.pollstableborder
{
	margin-top: 8px;
}
 
 
.pollstableborder td
{
	text-align: left;
	
}
 
/* WebLinks */
span.description
{
	display: block;
	padding-left: 30px;
}
 
/* Frontend Editing*/
fieldset
{
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}
 
legend
{
	margin: 0;
	padding: 0 10px;
}
 
td.key
{
	border-bottom: 1px solid #eee;
	color: #666;
}
 
/* Tooltips */
 
.tool-tip
{
	float: left;
	background: #ffc;
	border: 1px solid #d4d5aa;
	padding: 5px;
	max-width: 200px;
}
 
.tool-title
{
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}
 
.tool-text
{
	font-size: 100%;
	margin: 0;
}
 
/* System Standard Messages */
#system-message
{
	margin-bottom: 20px;
}
 
#system-message dd.message ul
{
	background: #c3d2e5 url(../../system/images/notice-info.png) 4px center no-repeat;
	border-top: 3px solid #de7a7b;
	border-bottom: 3px solid #de7a7b;
	margin:0px;
	padding-left: 40px;
	text-indent:0px;
}
 
/* System Error Messages */
#system-message dd.error ul
{
	color: #c00;
	background: #e6c0c0 url(../../system/images/notice-alert.png) 4px center no-repeat;
	border-top: 3px solid #DE7A7B;
	border-bottom: 3px solid #DE7A7B;
	margin: 0px;
	padding-left: 40px;
	text-indent: 0px;
}
 
/* System Notice Messages */
#system-message dd.notice ul
{
	color: #c00;
	background: #efe7b8 url(../../system/images/notice-note.png) 4px center no-repeat;
	border-top: 3px solid #f0dc7e;
	border-bottom: 3px solid #f0dc7e;
	margin: 0px;
	padding-left: 40px;
	text-indent: 0px;
 }
 
#syndicate
{
	float: left;
	padding-left: 25px;
}
 
/* Component Specific Fixes */
 
#component-contact table td
{
	padding: 2px 0;
}
 
.breadcrumbs img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
 
.mceToolbarTop {
	white-space: normal;
}
 
.mceEditor
{
	background: none;
}
 
#archive-list
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
 
#archive-list li
{
	list-style-type: none;
	background-image: none;
	margin-left: 0px;
	padding-left: 0px;
}
 
#navigation
{
	text-align: center;
}
 
.article h3 img
{
	border: none;
	display: inline;
	margin: 0;
	padding: 0;
}
 
.art-Footer-text .moduletable
{
	border: none;
	margin: 0;
	padding: 0;
}
 
.pollstableborder td {
	vertical-align: middle;
}
 
.img_caption.left
{
	float: left;
	margin-right: 1em;
}
 
.img_caption.right
{
	float: right;
	margin-left: 1em;
}
 
.img_caption.left p
{
	clear: left;
	text-align: center;
}
 
.img_caption.right p
{
	clear: right;
	text-align: center;
}
 
.img_caption img
{
	margin: 0em;
}
 
.contentheading
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #000000;
}

Select all Open in new window

by: rowbyPosted on 2009-08-05 at 14:07:14ID: 25028095

Nope, you don't insert any code in index.php. It's all handled by the admin section of Joomla.

Go to the module manger and select the module you want to have the banners. I assume it's the banner module, unless you have created or downloaded some other module.

ENABLE the banner module if it is disabled.
I don't know the positions of your module, but I assume the right side column is called "right". So select Right ( if it exists) in the module for the the module position

And see where it shows up on the front end of the site. I assume it will show up on the right side. Do that first and we will both look at the link.

by: rowbyPosted on 2009-08-05 at 14:08:15ID: 25028112

I see your earlier post.

Make sure the module is enabled. And double check what position you set it to show up in.

Rowby

by: WhiteMafiosiPosted on 2009-08-05 at 14:22:39ID: 25028237

Ok..module is activated now. I uninstalled the module I downloaded and using the default buildt in instead. How can I move this outside the template now? :)

Thanks for helping me rowby

by: WhiteMafiosiPosted on 2009-08-05 at 14:24:02ID: 25028248

I assume this is the css code for the banner?

/* Banners module */
 
/* Default skyscraper style */
.banneritem img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 
/* Text advert style */
 
.banneritem_text
{
	padding: 4px;
	font-size: 11px;
}
 
.bannerfooter_text
{
	padding: 4px;
	font-size: 11px;
	background-color: #f7f7f7;
	text-align: right;
}
 
/* System Messages */
/* see system general.css */
 
.pagination span
{
	padding: 2px;
}
 
.pagination a
{
	padding: 2px;
}
 
/* Polls */
.pollstableborder
{
	margin-top: 8px;
}
 
 
.pollstableborder td
{
	text-align: left;
	
}

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:

Select all Open in new window

by: rowbyPosted on 2009-08-05 at 14:34:18ID: 25028327

No need to modify the above css for now. First give the module a suffix like you did the flexbanner module.

Then give the banner the position you want. Probably "right".

Then go to the front of the site and see if it is showing. Then also look at your source code to make sure the module suffix is showing in the source code.

The you do the css for the module suffix thing.

Hopefully by giving the module suffix css a minus margin, i.e. -200px, it will move the module to the right side of the browser. No guarantees. We can just try it.

Rowby

by: WhiteMafiosiPosted on 2009-08-05 at 14:39:39ID: 25028364

Gave the module suffix name _banners and setup google ads banner to test

After going to frontpage and checked the source code the following came up:

<div class="bannergroup_banners">

<div class="banneritem_banners"><script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><div class="clr"></div>

Could you help me out with the css code to insert? :)

by: rowbyPosted on 2009-08-05 at 15:07:03ID: 25028551

I'm not great in css but try

#banneritem_banners {
margin-right: -100px;
)

and see what happens

Or just for fun:
#banneritem_banners
margin-bottom: -100px;
)

Just to see if the code works.

It might have to be
div.banneritem_banners {
margin-right: -100px;
}

by: WhiteMafiosiPosted on 2009-08-05 at 15:55:13ID: 25028812

Those codes only breaks the template. Do you know where in the css file I should insert the code? :)

Here are the entire css file

/* begin Page */
 
/* Generated with Artisteer version 2.2.0.17981, file checksum is FCFEE751. */
 
body
{
	margin: 0 auto;
	padding: 0;
	background-color: #FCFCFD;
}
 
#art-main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}
 
 
 
 
 
#art-page-background-simple-gradient
{
	position: absolute;
	background-image: url('../images/Page-BgSimpleGradient.jpg');
	background-repeat: repeat-x;
	top:0;
	width: 100%;
	height: 500px;
}
 
.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}
 
 
form
{
	padding:0 !important;
	margin:0 !important;
}
 
table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */
 
/* begin Box, Sheet */
.art-Sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	width: 800px;
	min-width:27px;
	min-height:27px;
}
 
.art-Sheet-body
{
	position: relative;
	z-index:1;
	padding: 5px;
}
 
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
	position:absolute;
	z-index:-1;
}
 
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
	width: 26px;
	height: 26px;
	background-image: url('../images/Sheet-s.png');
}
 
.art-Sheet-tl
{
	top:0;
	left:0;
	clip: rect(auto, 13px, 13px, auto);
}
 
.art-Sheet-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 13px, 13px);
}
 
.art-Sheet-bl
{
	bottom: 0;
	left: 0;
	clip: rect(13px, 13px, auto, auto);
}
 
.art-Sheet-br
{
	bottom: 0;
	right: 0;
	clip: rect(13px, auto, auto, 13px);
}
 
.art-Sheet-tc, .art-Sheet-bc
{
	left: 13px;
	right: 13px;
	height: 26px;
	background-image: url('../images/Sheet-h.png');
}
 
.art-Sheet-tc
{
	top: 0;
	clip: rect(auto, auto, 13px, auto);
}
 
.art-Sheet-bc
{
	bottom: 0;
	clip: rect(13px, auto, auto, auto);
}
 
.art-Sheet-cr, .art-Sheet-cl
{
	top: 13px;
	bottom: 13px;
	width: 26px;
	background-image: url('../images/Sheet-v.png');
}
 
.art-Sheet-cr
{
	right:0;
	clip: rect(auto, auto, auto, 13px);
}
 
.art-Sheet-cl
{
	left:0;
	clip: rect(auto, 13px, auto, auto);
}
 
.art-Sheet-cc
{
	position:absolute;
	z-index:-1;
	top: 13px;
	left: 13px;
	right: 13px;
	bottom: 13px;
	background-color: #F9FAFB;
}
 
 
.art-Sheet
{
	margin-top: 30px !important;
}
 
#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
	min-width:800px;
}
 
/* end Box, Sheet */
 
/* begin Header */
div.art-Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 790px;
	height: 140px;
}
 
div.art-Header-png
{
	position: absolute;
	z-index:-2;
	top: 0;
	left: 0;
	width: 790px;
	height: 140px;
	background-image: url('../images/Header.png');
	background-repeat: no-repeat;
	background-position: left top;
}
 
div.art-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 790px;
	height: 140px;
	background-image: url('../images/Header.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}
/* end Header */
 
/* begin Menu */
/* menu structure */
 
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}
 
.art-menu, .art-menu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
 
.art-menu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}
 
.art-menu li:hover
{
	z-index: 10000;
	white-space: normal;
}
 
.art-menu li li
{
	float: none;
}
 
.art-menu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}
 
.art-menu li:hover>ul
{
	visibility: visible;
	top: 100%;
}
 
.art-menu li li:hover>ul
{
	top: 0;
	left: 100%;
}
 
.art-menu:after, .art-menu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.art-menu, .art-menu ul
{
	min-height: 0;
}
 
.art-menu ul
{
	background-image: url(../images/spacer.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}
 
.art-menu ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
 
 
 
 
 
/* menu structure */
 
.art-menu
{
	padding: 4px 2px 0px 2px;
}
 
.art-nav
{
	position: relative;
	height: 29px;
	z-index: 100;
}
 
.art-nav .l, .art-nav .r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 29px;
	background-image: url('../images/nav.png');
}
 
.art-nav .l
{
	left: 0;
	right:0px;
}
 
.art-nav .r
{
	right: 0;
	width: 790px;
	clip: rect(auto, auto, auto, 790px);
}
 
 
/* end Menu */
 
/* begin MenuItem */
.art-menu ul li
{
	clear: both;
}
 
.art-menu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 25px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 1px;
	margin-left: 1px;
}
 
 
.art-menu a .r, .art-menu a .l
{
	position:absolute;
	display: block;
	top:0;
	z-index:-1;
	height: 75px;
	background-image: url('../images/MenuItem.png');
}
 
.art-menu a .l
{
	left:0;
	right:11px;
}
 
.art-menu a .r
{
	width:422px;
	right:0;
	clip: rect(auto, auto, auto, 411px);
}
 
.art-menu a .t 
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #000000;
	padding: 0 2px;
	margin: 0 11px;
	line-height: 25px;
	text-align: center;
}
 
.art-menu a:hover .l, .art-menu a:hover .r
{
	top:-25px;
}
 
.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
	top:-25px;
}
 
.art-menu li:hover a .l, .art-menu li:hover a .r
{
	top:-25px;
}
.art-menu a:hover .t
{
	color: #000000;
}
 
.art-menu li:hover a .t
{
	color: #000000;
}
 
.art-menu li:hover>a .t
{
	color: #000000;
}
 
 
.art-menu a.active .l, .art-menu a.active .r
{
	top: -50px;
}
 
.art-menu a.active .t
{
	color: #000000;
}
 
 
/* end MenuItem */
 
/* begin MenuSubItem */
.art-menu ul a
{
	display:block;
	text-align: center;
	white-space: nowrap;
	height: 20px;
	width: 180px;
	overflow:hidden;
	line-height: 20px;
	margin-right: auto;
 
 
	background-image: url('../images/subitem-bg.png');
	background-position: left top;
	background-repeat: repeat-x;
	border-width: 0px;
	border-style: solid;
}
 
.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}
 
.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 20px;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
 
.art-menu ul ul a
{
	margin-left: auto;
}
 
.art-menu ul li a:hover
{
	color: #000000;
	background-position: 0 -20px;
}
 
.art-menu ul li:hover>a
{
	color: #000000;
	background-position: 0 -20px;
}
 
.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
	color: #000000;
}
 
.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
	color: #000000;
}
 
 
/* end MenuSubItem */
 
/* begin ContentLayout */
.art-contentLayout
{
	position: relative;
	margin-bottom: 0px;
	width: 790px;
}
/* end ContentLayout */
 
/* begin Box, Block */
.art-Block
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}
 
.art-Block-body
{
	position: relative;
	z-index:1;
	padding: 0px;
}
 
 
 
.art-Block
{
	margin: 10px;
}
 
 
/* end Box, Block */
 
/* begin BlockHeader */
.art-BlockHeader
{
	position:relative;
	z-index:0;
	height: 30px;
	padding: 0 8px;
	margin-bottom: 0px;
}
 
.art-BlockHeader .t
{
	height: 30px;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	white-space : nowrap;
	padding: 0 6px;
	line-height: 30px;
}
 
.art-BlockHeader .l, .art-BlockHeader .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 30px;
	background-image: url('../images/BlockHeader.png');
}
 
.art-BlockHeader .l
{
	left:0;
	right:9px;
}
 
.art-BlockHeader .r
{ 
	width:790px;
	right:0;
	clip: rect(auto, auto, auto, 781px);
}
 
 
 
 
/* end BlockHeader */
 
/* begin Box, BlockContent */
.art-BlockContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:19px;
	min-height:19px;
}
 
.art-BlockContent-body
{
	position: relative;
	z-index:1;
	padding: 8px;
}
 
.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl, .art-BlockContent-tc, .art-BlockContent-bc,.art-BlockContent-cr, .art-BlockContent-cl
{
	position:absolute;
	z-index:-1;
}
 
.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl
{
	width: 18px;
	height: 18px;
	background-image: url('../images/BlockContent-s.png');
}
 
.art-BlockContent-tl
{
	top:0;
	left:0;
	clip: rect(auto, 9px, 9px, auto);
}
 
.art-BlockContent-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 9px, 9px);
}
 
.art-BlockContent-bl
{
	bottom: 0;
	left: 0;
	clip: rect(9px, 9px, auto, auto);
}
 
.art-BlockContent-br
{
	bottom: 0;
	right: 0;
	clip: rect(9px, auto, auto, 9px);
}
 
.art-BlockContent-tc, .art-BlockContent-bc
{
	left: 9px;
	right: 9px;
	height: 18px;
	background-image: url('../images/BlockContent-h.png');
}
 
.art-BlockContent-tc
{
	top: 0;
	clip: rect(auto, auto, 9px, auto);
}
 
.art-BlockContent-bc
{
	bottom: 0;
	clip: rect(9px, auto, auto, auto);
}
 
.art-BlockContent-cr, .art-BlockContent-cl
{
	top: 9px;
	bottom: 9px;
	width: 18px;
	background-image: url('../images/BlockContent-v.png');
}
 
.art-BlockContent-cr
{
	right:0;
	clip: rect(auto, auto, auto, 9px);
}
 
.art-BlockContent-cl
{
	left:0;
	clip: rect(auto, 9px, auto, auto);
}
 
.art-BlockContent-cc
{
	position:absolute;
	z-index:-1;
	top: 9px;
	left: 9px;
	right: 9px;
	bottom: 9px;
	background-color: #FFFFFF;
}
 
 
.art-BlockContent-body
{
	color:#000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 200%;
}
 
.art-BlockContent-body a:link
{
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}
 
.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}
 
.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
	color: #646478;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
 
.art-BlockContent-body ul
{
	list-style-type: none;
	color: #3F5469;
	margin:0;
	padding:0;
}
 
.art-BlockContent-body li
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
 
 
/* end Box, BlockContent */
 
/* begin Box, Post */
.art-Post
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}
 
.art-Post-body
{
	position: relative;
	z-index:1;
	padding: 0px;
}
 
 
 
.art-Post
{
	margin: 0px;
}
 
/* Start images */
a img
{
	border: 0;
}
 
.art-article img, img.art-article
{
	margin: 1em;
}
 
.art-metadata-icons img
{
	border: none;
	vertical-align: middle;
	margin:2px;
}
/* Finish images */
 
/* Start tables */
 
.art-article table, table.art-article
{
	border-collapse: collapse;
	margin: 1px;
	width:auto;
}
 
.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
	background-color:Transparent;
}
 
.art-article th, .art-article td
{
	padding: 2px;
	border: solid 1px #0E1D25;
	vertical-align: top;
	text-align:left;
}
 
.art-article th
{
	text-align:center;
	vertical-align:middle;
	padding: 7px;
}
 
/* Finish tables */
/* end Box, Post */
 
/* begin PostHeaderIcon */
.art-PostHeaderIcon-wrapper
{
	text-decoration:none;
	margin: 0.2em 0;
	padding: 0;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
	word-spacing:normal;
	font-variant:normal;
	text-decoration:none;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	text-indent:0;
	line-height:inherit;
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
 
.art-PostHeaderIcon-wrapper, .art-PostHeaderIcon-wrapper a, .art-PostHeaderIcon-wrapper a:link, .art-PostHeaderIcon-wrapper a:visited, .art-PostHeaderIcon-wrapper a:hover
{
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
 
/* end PostHeaderIcon */
 
/* begin PostHeader */
.art-PostHeader a:link
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  text-decoration: none;
  text-align: left;
  color: #000000;
}
 
.art-PostHeader a:visited, .art-PostHeader a.visited
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  text-decoration: none;
  text-align: left;
  color: #000000;
}
 
.art-PostHeader a:hover, .art-PostHeader a.hovered
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  text-decoration: underline;
  text-align: left;
  color: #000000;
}
/* end PostHeader */
 
/* begin PostIcons */
.art-PostHeaderIcons
{
	padding:1px;
}
 
.art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
}
 
.art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
	margin:0;
}
 
.art-PostHeaderIcons a:link
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
	color: #000000;
}
 
.art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	color: #000000;
}
 
.art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	color: #000000;
}
/* end PostIcons */
 
/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}
 
.art-PostContent
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 150%;
  color: #000000;
}
 
/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #000000;
}
 
/* Adds special style to an unvisited link. */
a:link
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #000000;
}
 
/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #000000;
}
 
/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #000000;
}
 
/* Finish Content link style */
 
/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
 
 
/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #000000;
}
 
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 16px;
  text-align: left;
  color: #000000;
}
 
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #000000;
}
 
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 14px;
  text-align: left;
  color: #000000;
}
 
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 12px;
  text-align: left;
  color: #000000;
}
 
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 11px;
  text-align: left;
  color: #000000;
}
/* Finish Content headings Fonts & Colors  */
 
 
/* end PostContent */
 
/* begin PostBullets */
/* Start Content list */
ol, ul
{
	color: #000000;
	margin:1em 0 1em 2em;
	padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
 
li ol, li ul
{
	margin:0.5em 0 0.5em 2em;
	padding:0;
}
 
li 
{
	margin:0.2em 0;
	padding:0;
}
 
ul
{
	list-style-type: none;
}
 
ol
{
	list-style-position:inside;
	
}
 
 
 
/* Finish Content list */
/* end PostBullets */
 
/* begin PostQuote */
/* Start blockquote */
blockquote p
{
	color:#000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-align: left;
}
 
blockquote
{
		border:solid 1px #E9E9E9; 
		margin:10px 10px 10px 50px;
	padding:5px 5px 5px 28px;
	background-color:#E9E9E9;
	background-image:url('../images/PostQuote.png');
	background-position:left top;
	background-repeat:no-repeat;
}
 
 
/* Finish blockuote */
/* end PostQuote */
 
/* begin Button */
.art-button-wrapper .art-button
{
	display:inline-block;
	width: auto;
	outline:none;
	border:none;
	background:none;
	line-height:23px;
	margin:0 !important;
	padding:0 !important;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
}
 
.art-button-wrapper
{
	display:inline-block;
	position:relative;
	height: 23px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	z-index:0;
}
 
.art-button-wrapper .art-button
{
	display:block;
	height: 23px;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	padding: 0 7px !important;
	line-height: 23px;
	text-decoration: none !important;
	color: #306482 !important;
}
 
input, select
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
 
.art-button-wrapper.hover .art-button, .art-button:hover
{
	color: #FFF3E1 !important;
	text-decoration: none !important;
}
 
.art-button-wrapper.active .art-button
{
	color: #F2F5F7 !important;
}
 
.art-button-wrapper .l, .art-button-wrapper .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 69px;
	background-image: url('../images/Button.png');
}
 
.art-button-wrapper .l
{
	left:0;
	right:7px;
}
 
.art-button-wrapper .r
{
	width:415px;
	right:0;
	clip: rect(auto, auto, auto, 408px);
}
 
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
	top: -23px;
}
 
.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
	top: -46px;
}
 
 
/* end Button */
 
/* begin Footer */
.art-Footer
{
	position:relative;
	z-index:0;
	overflow:hidden;
	width: 790px;
	margin: 5px auto 0px auto;
}
 
.art-Footer .art-Footer-inner
{
	height:1%;
	position: relative;
	z-index: 0;
	padding: 20px;
	text-align: center;
}
 
 
 
.art-rss-tag-icon
{
	position: relative;
	display:block;
	float:left;
	background-image: url('../images/livemarks.png');
	background-position: center right;
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
	height: 32px;
	width: 32px;
}
 
 
 
 
.art-Footer .art-Footer-text p
{
	margin: 0;
}
 
.art-Footer .art-Footer-text
{
	display:inline-block;
	color:#000000;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	letter-spacing: 1px;
}
 
.art-Footer .art-Footer-text a:link
{
	text-decoration: none;
	color: #2F617F;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}
 
.art-Footer .art-Footer-text a:visited
{
	text-decoration: none;
	color: #41576C;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}
 
.art-Footer .art-Footer-text a:hover
{
	text-decoration: none;
	color: #1E3F52;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
/* end Footer */
 
/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
	font-family:Arial;
	font-size:10px;
	letter-spacing:normal;
	word-spacing:normal;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
	color:#5096BE;
}
 
.art-page-footer
{
	margin:1em;
	text-align:center;
	text-decoration:none;
	color:#6987A5;
}
/* end PageFooter */
 
/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 189px;
}
/* end LayoutCell */
 
/* begin LayoutCell */
.art-contentLayout .art-content
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 411px;
}
.art-contentLayout .art-content-sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 600px;
}
.art-contentLayout .art-content-sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 600px;
}
.art-contentLayout .art-content-wide
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 789px;
}
/* end LayoutCell */
 
/* begin LayoutCell */
.art-contentLayout .art-sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 189px;
}
/* end LayoutCell */
 
 
 
.art-contentLayout li
{
	float: none;
}
 
table.moduletable th
{
	font-size: 140%;
	padding: .5em 0em;
}
 
#footer
{
	text-align: center;
}
 
.breadcrumbs
{
	display: block;
	padding: .7em 0em;
}
 
.contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
{
	font-size: 75%;
	padding-bottom: 1em;
}
 
.column_separator 
{
	padding-left: .4em;
}
 
.pagination span
{
	padding: 2px;
}
 
.pagination a
{
	padding: 2px;
}
 
div.offline
{
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}
 
span.pathway
{
	display: block;
	margin: 0 20px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
}
 
/* headers */
table.moduletable th, legend
{
	margin: 0;
	font-weight: bold;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.5em;
	padding-left: 0px;
	margin-bottom: 10px;
	text-align: left;
}
 
/* form validation */
.invalid
{
	border-color: #ff0000;
}
 
label.invalid
{
	color: #ff0000;
}
 
 
/** overlib **/
 
.ol-foreground
{
	background-color: #f6f6f6;
}
 
.ol-background
{
	background-color: #666;
}
 
.ol-textfont
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
 
.ol-captionfont
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
 
.ol-captionfont a
{
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}
 
/* spacers */
span.article_separator
{
	display: none;
}
 
.column_separator
{
	padding-left: 10px;
}
 
td.buttonheading img
{
	border: none;
}
 
.clr
{
	clear: both;
}
 
div#maindivider
{
	border-top: 1px solid #ddd;
	margin-bottom: 10px;
	overflow: hidden;
	height: 1px;
}
 
table.blog span.article_separator
{
	display: none;
}
 
/* edit button */
.contentpaneopen_edit
{
	float: left;
}
 
/* table of contents */
table.contenttoc
{
	margin: 5px;
	border: 1px solid #ccc;
	padding: 5px;
	float: right;
}
 
table.contenttoc td
{
	padding: 0 5px;
}
 
 
/* content tables */
td.sectiontableheader
{
	background: #efefef;
	color: #333;
	font-weight: bold;
	padding: 4px;
	border-right: 1px solid #fff;
}
 
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td
{
	padding: 4px;
}
 
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2
{
	padding: 3px;
}
 
 
/* content styles */
table.contentpaneopen, table.contentpane
{
	margin: 0;
	padding: 0;
	width: auto;
}
 
table.contentpaneopen li
{
	margin-bottom: 5px;
}
 
table.contentpaneopen fieldset
{
	border: 0;
	border-top: 1px solid #ddd;
}
 
table.contentpaneopen h3
{
	margin-top: 25px;
}
 
table.contentpaneopen h4
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
 
.highlight
{
	background-color: #fffebb;
}
 
/* module control elements */
table.user1user2 div.moduletable
{
	margin-bottom: 0px;
}
 
div.moduletable, div.module
{
	margin-bottom: 25px;
}
 
div.module_menu h3
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	margin: -23px -4px 5px -5px;
	padding-left: 10px;
	padding-bottom: 2px;
}
 
div.module_menu
{
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
 
div.module_menu div div div
{
	padding: 10px;
	padding-top: 30px;
	padding-bottom: 15px;
	width: auto;
}
 
div.module_menu div div div div
{
	background: none;
	padding: 0;
}
 
div.module_menu ul
{
	margin: 10px 0;
	padding-left: 20px;
}
 
div.module_menu ul li a:link, div.module_menu ul li a:visited
{
	font-weight: bold;
}
 
#leftcolumn div.module
{
	padding: 0 10px;
}
 
#leftcolumn div.module table
{
	width: auto;
}
 
/* forms */
table.adminform textarea
{
	width: 540px;
	height: 400px;
	font-size: 1em;
	color: #000099;
}
 
div.search input
{
	width: 145px;
	border: 1px solid #ccc;
	margin: 15px 0 10px 0;
}
 
form#form-login
{
	text-align: left;
}
 
form#form-login fieldset
{
	border: 0 none;
	margin: 0;
	padding: 0.2em;
}
 
form#form-login ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
 
form#form-login ul li
{
	background-image: none;
	padding: 0;
}
 
#modlgn_username, #modlgn_passwd
{
	width: 90%;
}
 
#form-login-username, #form-login-password, #form-login-remember
{
	display: block;
	margin: 0;
}
 
form#com-form-login
{
	text-align: left;
}
 
form#com-form-login fieldset
{
	border: 0 none;
	margin: 0;
	padding: 0.2em;
}
 
form#com-form-login ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
 
form#com-form-login ul li
{
	background-image: none;
	padding: 0;
}
 
/* thumbnails */
div.mosimage
{
	margin: 5px;
}
 
div.mosimage_caption {
	font-size: .90em;
	color: #666;
}
 
div.caption
{
	padding: 0 10px 0 10px;
}
 
div.caption img
{
	border: 1px solid #CCC;
}
 
div.caption p
{
	font-size: .90em;
	color: #666;
	text-align: center;
}
 
/* Parameter Table */
table.paramlist
{
	margin-top: 5px;
}
 
table.paramlist td.paramlist_key
{
	width: 128px;
	text-align: left;
	height: 30px;
}
 
div.message
{
	font-weight: bold;
	font-size: 14px;
	color: #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}
 
/* Banners module */
 
/* Default skyscraper style */
.banneritem img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 
/* Text advert style */
 
.banneritem_text
{
	padding: 4px;
	font-size: 11px;
}
 
.bannerfooter_text
{
	padding: 4px;
	font-size: 11px;
	background-color: #f7f7f7;
	text-align: right;
}
 
/* System Messages */
/* see system general.css */
 
.pagination span
{
	padding: 2px;
}
 
.pagination a
{
	padding: 2px;
}
 
/* Polls */
.pollstableborder
{
	margin-top: 8px;
}
 
 
.pollstableborder td
{
	text-align: left;
	
}
 
/* WebLinks */
span.description
{
	display: block;
	padding-left: 30px;
}
 
/* Frontend Editing*/
fieldset
{
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}
 
legend
{
	margin: 0;
	padding: 0 10px;
}
 
td.key
{
	border-bottom: 1px solid #eee;
	color: #666;
}
 
/* Tooltips */
 
.tool-tip
{
	float: left;
	background: #ffc;
	border: 1px solid #d4d5aa;
	padding: 5px;
	max-width: 200px;
}
 
.tool-title
{
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}
 
.tool-text
{
	font-size: 100%;
	margin: 0;
}
 
/* System Standard Messages */
#system-message
{
	margin-bottom: 20px;
}
 
#system-message dd.message ul
{
	background: #c3d2e5 url(../../system/images/notice-info.png) 4px center no-repeat;
	border-top: 3px solid #de7a7b;
	border-bottom: 3px solid #de7a7b;
	margin:0px;
	padding-left: 40px;
	text-indent:0px;
}
 
/* System Error Messages */
#system-message dd.error ul
{
	color: #c00;
	background: #e6c0c0 url(../../system/images/notice-alert.png) 4px center no-repeat;
	border-top: 3px solid #DE7A7B;
	border-bottom: 3px solid #DE7A7B;
	margin: 0px;
	padding-left: 40px;
	text-indent: 0px;
}
 
/* System Notice Messages */
#system-message dd.notice ul
{
	color: #c00;
	background: #efe7b8 url(../../system/images/notice-note.png) 4px center no-repeat;
	border-top: 3px solid #f0dc7e;
	border-bottom: 3px solid #f0dc7e;
	margin: 0px;
	padding-left: 40px;
	text-indent: 0px;
 }
 
#syndicate
{
	float: left;
	padding-left: 25px;
}
 
/* Component Specific Fixes */
 
#component-contact table td
{
	padding: 2px 0;
}
 
.breadcrumbs img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
 
.mceToolbarTop {
	white-space: normal;
}
 
.mceEditor
{
	background: none;
}
 
#archive-list
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
 
#archive-list li
{
	list-style-type: none;
	background-image: none;
	margin-left: 0px;
	padding-left: 0px;
}
 
#navigation
{
	text-align: center;
}
 
.article h3 img
{
	border: none;
	display: inline;
	margin: 0;
	padding: 0;
}
 
.art-Footer-text .moduletable
{
	border: none;
	margin: 0;
	padding: 0;
}
 
.pollstableborder td {
	vertical-align: middle;
}
 
.img_caption.left
{
	float: left;
	margin-right: 1em;
}
 
.img_caption.right
{
	float: right;
	margin-left: 1em;
}
 
.img_caption.left p
{
	clear: left;
	text-align: center;
}
 
.img_caption.right p
{
	clear: right;
	text-align: center;
}
 
.img_caption img
{
	margin: 0em;
}
 
.contentheading
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #000000;
}

Select all Open in new window

by: rowbyPosted on 2009-08-05 at 16:42:15ID: 25029017

Hi

I would put the CSS code at the bottom.

Here's what I suggest.

Go to the CSS part of experts exchange.

Reference this question. http://www.experts-exchange.com/Software/Server_Software/Content_Management/WebBased_CMS/Q_24629354.html

Include your web page and see what the CSS experts have to say about using CSS to positon "banneritem_banners"

The CSS experts will use tools (probably Firebug) to see if the CSS can do the positioning you at.

Rowby

by: rowbyPosted on 2009-08-06 at 06:44:48ID: 25033203

Hi

Any response at the Experts-Exchange CSS section?

Rowby

by: WhiteMafiosiPosted on 2009-08-06 at 14:12:55ID: 25038128

I havent posted a new question. But have added css to this question :)

by: rowbyPosted on 2009-08-07 at 08:53:44ID: 25044067

If you don't get a response here regarding the css -- do check out the css Experts Exchange section. They have the best of the CSS pros there -- and will let us know if this css will work or if there is another approach.

It is possible that CSs will not fix this, and that would require a modification to the template. but I am hoping that CSS will make it happen.

Rowby

by: WhiteMafiosiPosted on 2009-08-19 at 02:11:22ID: 25130731

Sorry for late answer. Just got back from vacation.

I still havent got this working. Is there anybody who knows if this can be done using CSS? :)

by: rowbyPosted on 2009-08-20 at 07:58:46ID: 25143333

Good. LEt's see if anyone from CSS has a solution.

Rowby

by: WhiteMafiosiPosted on 2009-08-24 at 22:33:19ID: 25174749

Nobody know anything about this?

by: WhiteMafiosiPosted on 2009-10-13 at 01:32:40ID: 25557938

Unable to find a solution

20120131-EE-VQP-002

3 Ways to Join

30-Day Free Trial

For individual users
Instant access to solutions
Ask your tech questions
Start your 30-day Free Trial

Business Accounts

Perfect for organizations
Multiple users
Save over 36%
Create a Business Account

Answer for Membership

Earn free access
Showcase your knowledge
No credit card required
Sign Up to Answer

The Experts

98% positive feedback on 31,087 answers since March 2000. angeliii is a Microsoft Most Valuable Professional for his work with MS SQL Server & Develoment.

He has also proven his knowledge of Visual Basic Programming, PHP Scripting and Oracle Databases.

The Experts

97% positive feedback on 10,752 answers since July 2000. lrmoore has more than 18 years experience in the networking industry.

The six-time Mircosoft MVPs specialties include firewalls, virtual private networking, and network management.

Testimonials

"...and excellent source for support... Kind of like having your very own IT dept." Electriciansnet

Testimonials

"I was apprehensive at signing up at first. However... it has already made my life as an IT administrator much easier." JaCrews

Testimonials

"WOW! You guys have great, active, and knowledgeable people on here." moore50

Business Clients

In the Press

"If you’ve got a question... Experts Exchange can supply an answer.”

In the Press

"...an invaluable aid for both IT professionals and those who require tech support."

In the Press

"where IT professionals provide quick answers on just about any topic"

Business Account Plans

Loading Advertisement...

Question

Joomla module outside of template

Subscribe now for full access to Experts Exchange and get

Instant Access to this Solution

Trusted by hundreds of thousands everyday for fast, accurate and reliable tech support.

See what Experts Exchange can do for you.

Got a question?

We've got the answer.

Need individual assistance?

Our experts are ready to help.

Want to learn from the best?

Read articles from industry experts.

Working on a long term project?

Store your work and research.

What Makes Experts Exchange Unique?

Trusted by the world's most respected brands.

Faithfully serving IT professionals since 1996.

Related Solutions

Free Tech Articles

Cloud Class Webinars

Join the Community

Give a Little. Get a Lot.

Answers

3 Ways to Join

The Experts

The Experts

Testimonials

Testimonials

Testimonials

Business Clients

Business Clients

In the Press

In the Press

In the Press