/* importing parts of css framework */

@import url('side_navigation.css');
@import url('top_navigation.css');
@import url('awards.css');
@import url('generic_text.css');

body {
	background-color: #999999;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 12px;
	color: #454545;
}
*, html, body {margin:0;padding:0;}

/* ======================== TYPES ============================ */

p {
	margin-bottom: 8px;
	line-height:135%;
}

/* ======================= TYPES END ========================== */

div, td {
	line-height:135%;
}


/*Basic Links*/
a:link, a:visited {color:#0081BF;text-decoration:underline;}
a:hover {color: #666666;text-decoration:none;}
a.img{border:0;}

a:focus {outline:0;}
ul {padding-left:20px;}

/*Begin Header and Logo*/
#headerblock {
	margin: 0px;
	padding: 0px;
}

/*CSS for logo. This is an image replaced link as an H1 tag*/

/*Controls logo hotspot width*/
#logo {height:81px;float:left; margin-left:15px;}
#googleTop {height:66px;float:left; margin-left:15px; padding-top: 15px;}
#logo h1 a{ width:257px;display:block;text-indent:-5000px;text-decoration:none;line-height:81px; margin-top:9px;}
#logo h1 {background:url(../images/logo.png) top left no-repeat;}/*Set the line-height and width equal to your logo image here*/
#logo h1{margin:0;padding:0;}





/*The Styleswitcher Buttons*/
#accessbuttons {
	float:right;
	position:relative;
	top:0px;
	right:-16px;
	width:159px;
	height:46px;
	background: url(../images/navicons.png) no-repeat center top;
	margin:0;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 32px;
}
.access {margin:0px 0px 0px 8px; padding:0;}
a.access {font-size:8px;text-decoration: none;white-space: nowrap;}
.access img {border:none;margin:0px 3px 0px 0px;padding:0;width:20px;height:20px;font-size:5px;}
#theme {position: absolute;top: 12px;right: 59px;margin: 0;padding: 0;list-style: none;}
#theme li {margin: 0;padding: 0;display:inline;}
#theme li#theme-fixed {display:none;}
a#rss {position:relative; margin:0px 0px 0px 20px;}

/*End Header and Logo*/

#twrap {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
#pagebg {
	background-image: url(../images/bodybg.png);
	background-repeat: repeat-x;
	background-position: top;
	margin:0;
	padding:0;
}
#wrapper {
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
td#main { margin:0; padding:0;}

table#maintable {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
td#teaserbox {
	background-image: url(../images/teaserbar.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin:0px;
	padding-bottom:19px;
}
#teasers div {
	margin: 0;
	padding:0;
	}
td#maincol {
	margin: 0px;
	padding: 0px;
	
}

td#maincol .inside {
	padding: 10px 10px 10px 10px;
}

#leftcol .inside {
	width: 200px;
	padding: 5px 5px 5px 10px;
	margin: 0px;
	position: relative;
}

#rightcol .inside {
	width: 200px;
	padding: 10px;
	margin: 0px;
	position: relative;
}
td#rightcol {
	width:200px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/modulefade.png);
	background-repeat: repeat-y;
	background-position: left top;
}
td#leftcol {
	width:200px;
	padding: 0px;
	background-image: url(../images/modulefade.png);
	background-repeat: repeat-y;
	background-position: right top;

}
td#leftshadow {
	background-image: url(../images/wrapleft.png);
	background-repeat: repeat-y;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	width: 5px;
	vertical-align: top;
}
td#rightshadow {
	background-image: url(../images/wrapright.png);
	background-repeat: repeat-y;
	background-position: right bottom;
	margin: 0px;
	padding: 0px;
	width: 5px;
	vertical-align: top;
}
#footerbar {
	clear:both;
	width:100%;
	height:18px;
	background-image: url(../images/bottombar.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#footerbar .rightcorner {
	float:right;
	width:18px;
	height:18px;
	padding: 0;
	margin: 0;
	background-image: url(../images/rightcorner.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*All Modules*/
.moduletable h3
{
	text-indent:18px;
	margin:0;
	padding:5px 0px;
	color:#000;
	background-image: url(../images/moduleh3.png);
	background-repeat: no-repeat;
	background-position: left center;
	position:relative;
	font-family: "Lucida Grande", "Trebuchet MS", Tahoma;
	font-size: 1.16em;
	line-height: 2em;
	font-weight: bold;
}

.moduletable p {
	font-size:1em;
	line-height:1.15em; 
	color:#fff;
}

.moduletable {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
}

/*USER 4-5-6 Modules (top teasers)*/

a.linkS1 {text-decoration:none; width:274px; height:135px; text-indent:-50000em; background:url(../images/linkS1.png) no-repeat center; display:block; text-align:center; margin: 0px auto 0px auto;}
a.linkS2 {text-decoration:none; width:274px; height:135px; text-indent:-50000em; background:url(../images/linkS2.png) no-repeat center; display:block; text-align:center; margin: 0px auto 0px auto;}
a.linkS3 {text-decoration:none; width:274px; height:135px; text-indent:-50000em; background:url(../images/linkS3.png) no-repeat center; display:block; text-align:center; margin: 0px auto 0px auto;}
a.linkS4 {text-decoration:none; width:842px; height:162px; text-indent:-50000em; background:url(../images/headergraphic.png) no-repeat center; display:block; text-align:center; margin: 0px auto 0px auto;}


.moduletableS1 {background:#000000; padding:5px; height: 135px;}
* html .moduletableS2 {background:#292929; padding:5px;}
.moduletableS2 {background:#333333; padding:5px;}
* html .moduletableS3 {background:#0076B8; padding:5px;}
.moduletableS3 {background:#0081BF; padding:5px;}
.moduletableS4 {background:#FFFFFF; padding:0px; margin:0px;}


.moduletableS1 p, .moduletableS1 div, .moduletableS1 td, .moduletableS1 a, li.mostreadS1 a, li.mostreadS1 a:visited, li.latestnewsS1 a, li.latestnewsS1 a:visited {color:#FFF;}
.moduletableS2 p, .moduletableS2 div, .moduletableS2 td, .moduletableS2 a, li.mostreadS2 a, li.mostreadS2 a:visited, li.latestnewsS2 a, li.latestnewsS2 a:visited {color:#FFF;}
.moduletableS3 p, .moduletableS3 div, .moduletableS3 td, .moduletableS3 a, li.mostreadS3 a, li.mostreadS3 a:visited, li.latestnewsS3 a, li.latestnewsS3 a:visited {color:#FFF;}

.moduletableS1 h3 {color:#FFF; padding:10px 0px 10px 25px; background:url(../images/contentheading.png) no-repeat 8px 50%;}
.moduletableS2 h3 {color:#FFF; padding:10px 0px 10px 25px; background:url(../images/contentheading.png) no-repeat 8px 50%;}
.moduletableS3 h3 {color:#FFF; padding:10px 0px 10px 25px; background:url(../images/contentheading.png) no-repeat 8px 50%;}

#teasers .moduletable {
}

.back_button, .pagenav_prev, .pagenav_next {text-align:center;}

/*USER 5-6-7 Modules (bottom teasers)*/

td#teaserbottom .moduletable h3
{
	text-indent:20px;
	margin:0;
	padding:0;
	color:#FFF;
	background-image: url(../images/tbottomh3.png);
	background-repeat: no-repeat;
	background-position: left center;
	position:relative;
	font-family: "Lucida Grande", "Trebuchet MS", Tahoma;
	font-size: 1em;
	line-height: 2em;
	font-weight: bold;
}

td#teaserbottom {
	background-color: #181818;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #0081BF;
	padding: 5px;
	background-image: url(../images/teaserbottombg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
}
#teaserbottom p, #teaserbottom div, #teaserbottom td {
	color: #FFFFFF;
	font-size: 12px;
}



.createdate {
	top:-3px;
}

/* Input text field */
.inputbox {
	color: #ccc;
	background: #fff;
	border-width: 1px;
	color: #333;
	margin-bottom: 7px;
	
	border-color: #999;
}

/* Generic button */
.button {
	width: 70px;
	height: 21px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #ccc;
	border: 0px solid #ccc;
	color: #333333;
	line-height: 100%;
	font-size: 0.75em;
	padding: 3px;
	background-image: url(../images/button_bg.png);
}

.article_seperator {width:100%;height:16px;}
#contact_text {width:300px;}


/* =========================== TABLES ================================ */

table.contentpaneopen, table.contentpane, table.blog {
	border-collapse: collapse;
	padding: 0;
	margin: 0px 0px 10px 0px;
	width: 100%;
}

/* ========================= TABLES END =============================== */



ul.latestnews, ul.latestnewsS1, ul.latestnewsS2, ul.latestnewsS3, ul.mostread, ul.mostreadS1, ul.mostreadS2, ul.mostreadS3
{list-style:none;padding-left:8px;margin:0px;}

.mostread li, .mostreadS1 li, .mostreadS2 li, .mostreadS3 li,
.latestnews li, .latestnewsS1 li, .latestnewsS2 li, .latestnewsS3 li
{padding-bottom:2px;}
div div .syndicate div {margin:5px; padding:0;}
iframe {
	border: 1px solid #999;
	border-style: solid;
}

/*Joomla Tables*/
td.sectiontableheader {color: #FFF;font-weight: bold; background:#222;height: 25px;padding: 4px;}
tr.sectiontableentry1 td {padding: 4px;background-color: #f8f8f8;}
tr.sectiontableentry2 td {padding: 4px;background-color: #F2F2F2;}
td.sectiontableentry1 {padding: 4px;background-color: #f8f8f8;}
td.sectiontableentry2{padding: 4px;background-color: #F2F2F2;}
.sectiontableentry2 a, .sectiontableentry1 a  {padding-left:5px;}

/*Read More Link Styles*/
a.readon, a.readon:hover{margin-top: 10px;display: block;float: right;line-height: 12px;background: url(../images/readon.gif) no-repeat left center;text-indent: 16px;}

/* ================== POLLS ======================*/



/* Suffix "Normal" */
table.pollNormal, table.panelNormal, #leftcol .inside table, .gradientPanel {

	padding: 7px;
	border-bottom: 1px solid #ccc;
	margin: 0px 5px 10px 0px;
	background-image: url(../images/gradient_white_gray_vert.png);
	background-position: bottom;
	background-repeat: repeat-x;
	overflow: auto;
}

table.pollNormal td {
	text-align: left;
	vertical-align: middle;
}

table.pollstableborderNormal {
	margin-top: 10px; 
	text-align: left; 
	width: 100%;
	padding: 0px;
}


td.sectiontableentry1Normal {
	
}

td.sectiontableentry2Normal {

}

input#voteid1, input#voteid2, input#voteid3, input#voteid4 {
	width: 20px;
	width: 20px;
	margin: 3px;
	vertical-align: middle;
}

/* Suffix "Normal" END */

table.pollstableborder td {padding: 13px; text-align:left; background:none;}
.pollstableborder td {text-align:left; font: 0.9em Arial, Helvetica, sans-serif; padding: 3px 0px 3px 5px; vertical-align:middle;}

/* ================== POLLS END ======================*/

/*Print and Email View*/
body.contentpane { background-color: transparent; }

/*Keeps the blog tables from crowding*/
table.contenttoc {margin: 5px;padding: 0px;float:right;}

/*Article Index*/
table.contenttoc {margin:5px;padding:5px;}
table.contenttoc td {padding: 0 7px;}
table.contenttoc th {padding: 0px 10px;font-size: 1em;color: #ccc;background: #333;}

.contentheading {width:100%; white-space:nowrap;}

/*Content Links*/

td.contentheading, .contentheading {
	color:#000;
	text-align: left;
	text-decoration:none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	background-image: url(../images/contentheading.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 18px;
}

/* Testimonials prefix */
td.contentheadingTestimonials, .contentheadingTestimonials {
	color:#000;
	text-align: left;
	text-decoration:none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	background-image: url(../images/contentHeadingTestimonial.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 60px;
	height: 55px;
}
/* Testimonials prefix */

/* Awards prefix */
td.contentheadingAwards, .contentheadingAwards {
	color:#000;
	text-align: left;
	text-decoration:none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	background-image: url(../images/contentHeadingAwards.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 60px;
	height: 55px;
}
/* Awards prefix */

/* Features prefix */
td.contentheadingFeatures, .contentheadingFeatures {
	color:#000;
	text-align: left;
	text-decoration:none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	background-image: url(../images/contentHeadingFeatures.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 60px;
	height: 55px;
}
/* Features prefix */

/* Changelog prefix */
td.contentheadingChangelog, .contentheadingChangelog {
	color:#000;
	text-align: left;
	text-decoration:none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	background-image: url(../images/contentHeadingChangelog.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 60px;
	height: 55px;
}
/* Changelog prefix */

/* Contact prefix */
td.contentheadingContact, .contentheadingContact {
	color:#000;
	text-align: left;
	text-decoration:none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	background-image: url(../images/contentHeadingContact.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 60px;
	height: 55px;
}
/* Contact prefix */

/* Screenshots prefix */
td.contentheadingScreenshots, .contentheadingScreenshots {
	color:#000;
	text-align: left;
	text-decoration:none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	background-image: url(../images/contentHeadingScreenshots.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 60px;
	height: 55px;
}
/* Screenshots prefix */

/* Purchase prefix */
td.contentheadingPurchase, .contentheadingPurchase {
	color:#000;
	text-align: left;
	text-decoration:none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	background-image: url(../images/contentHeadingPurchase.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 60px;
	height: 55px;
}
/* Purchase prefix */

/* Support prefix */
td.contentheadingSupport, .contentheadingSupport {
	color:#000;
	text-align: left;
	text-decoration:none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	background-image: url(../images/contentHeadingSupport.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 60px;
	height: 55px;
}
/* Support prefix */

/* Download prefix */
td.contentheadingDownload, .contentheadingDownload {
	color:#000;
	text-align: left;
	text-decoration:none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	background-image: url(../images/contentHeadingDownload.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 60px;
	height: 55px;
}
/* Download prefix */

/* About prefix */
td.contentheadingAbout, .contentheadingAbout {
	color:#000;
	text-align: left;
	text-decoration:none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	background-image: url(../images/contentHeadingAbout.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 60px;
	height: 55px;
}
/* About prefix */

a.contentpagetitle:link,a.contentpagetitle:visited {
	color:#000;
	text-align: left;
	text-decoration:none;
	font: normal 1.0em/1.0em "Trebuchet MS", Geneva, sans-serif;
}

a.contentpagetitle:hover {color:#0081BF;text-decoration:none;}

.componentheading {
	color: #0081BF;
	font: bold 1.07em/1.5em Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}




/*Some bonus custom styles*/
ol {margin-left:25px;}
blockquote {
	padding: 5px; 
	border: 1px dashed #cecece; 
	background: #ececec; 
	color: #323232; 
	margin: 3px; 
	font-size: 11px;
}
	
ul#checklist {padding-left:5px; list-style:none;}
#checklist li {background:url(../images/checklist.png) no-repeat left center; padding-left:16px; margin: .25em 0 .25em 0;}
.right{display:none;}

#headercontainer {
	height: 150px;
	width: 100%;/*inner element*/
	margin: 0px;
	padding: 0px;
	margin:0px;
	background-image: url(../images/headerbg.png);
	background-repeat: repeat-x;
}
#header {
	height:90px;
	width: 100%;/*inner element*/
	margin: 0px;
	padding: 0px;
	margin:0 auto;
}

.designer, .designer a, .designer a:visited {text-align:center; text-decoration:none; margin-bottom:10px; font:11px normal Arial, Helvetica, sans-serif; color:#666;}



/* ===================== TEXT RELATED ====================== */

.message {
	padding: 10px;
	background-color: #fff;
	border: 0px;
	border-left: 1px solid #ddd;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 12px;
	font-style: italic;
}

h1 {
	margin: 1em 0;
	color:#0081BA;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 2em;
	line-height: 2em;
	font-weight: bold;
	text-transform: none;
}
h2 {
	margin: 1em 0;
	color:#333333;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
	text-transform: none;
}

h3 {
	margin: 3px 0px;
	color:#666666;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
	text-transform: none;
}

/* Styles for dates that are place before and after content articles */
.small, .modifydate, .createdate {
	color: #999;
	text-align: left;
	font: 9px/11px Tahoma, Verdana, Helvetica;
	text-transform: uppercase;
	padding: 10px 0px 10px 0px;
}

/* ===================== TEXT RELATED END ====================== */


/* ===================== TOOLS ====================== */

.verticalSpacer {
	display: block;
	width: 100%;
	height: 15px;
}

.verticalSpacerLarge {
	display: block;
	width: 100%;
	height: 30px;
}

/* ===================== TOOLS END ====================== */