﻿body {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:70%;
	margin:0;
	padding:20px 0;	
	background:#666 url('/content/images/Body_Background.png') repeat-x;
	line-height: 12px;
}

p {
	margin: 1em 0;
}
    
html {
	overflow:-moz-scrollbars-vertical;
}

#container {
	width:920px;
	margin:0 auto;
}

.maincontent {
    width:605px;
    line-height: 16px;
}

.mainbody {
    padding:12px 8px;
}

.mainbody_news {
    padding:12px 0;
}

a, a:link, a:active, a:hover, a:visited {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
}

a img {
  border: none;
}

.mainbody a {
    color: #79880A;
}

.newslist a {
    color: black;
}

.notify {
	background-color: #ffffcc;
	padding: 5px 10px;
	text-align: center;
}

#breadcrumb {
    padding-bottom:10px;
}

#breadcrumb_currentpage {
    color:#79880a;
}

.boldtext {
    font-weight:bold;
}

.hide {
	display:none;	
}

/** HEADINGS **/   

h1, h2, h3, h4, h5, h6 {
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
}

h1 {
    font-size:1.2em;
    text-transform:uppercase;
    font-weight:bold;
}

h2 {
    font-size:1.1em;
}

h3 {
    font-size:0.9em;
}

h4 {
    font-size:0.8em;
}

h5, h6
{
    font-size:0.7em;
}

.headertext_light {
    color:#FFF;
}

.headertext_dark {
    color:#333;
}

hr {
    margin:15px 0;
}

.p_top {
    margin-top:2px;
}



/** Login **/

#login_content {
	background:#e0e0e0 url('/content/images/Login_Background.png') repeat-x;
	padding:10px 10px 2px 10px;
	margin-bottom:10px;
	
}

#errorSummary {
    color:#C33;
    font-weight:bold;
}

#loginbox p#username_p, #loginbox p#password_p {
    margin:5px 0;
    padding:0;
}

#loginbox p#username_p label, #loginbox p#password_p label {
    display:inline-block;
    width:60px;    
}

#loginbox p#username_p input, #loginbox p#password_p input {
    width:195px; 
}

#rememberme_p {
    margin-left:61px;
}

#forgottenpassword {
    margin-left:63px;
}

#loginbutton input {
    float:right;
    margin:0;
    padding:2px 4px;
    background-color:#FFF;
    color:#7d0996;
    font:bold 1em Arial, Helvetica, sans-serif;
    border:1px solid #7d0996;
}

/** Admin Login **/

#admin_login fieldset {
    padding:0 20px;
}

#admin_login p.admin_username_password label {
    width:65px;
    display:inline-block;
}

#admin_login p.admin_username_password input {
    width:275px;
    display:inline-block;
}


/** Log out **/

#logoutbox p {
    line-height:0.8em;   
}

.profilelinks {
    clear:both;
}

.profilelinks img {
    margin-right:6px;
    float:left;    
}

.profilelinks p {
    display:inline-block;
    margin-top:5px;
    padding:2px 0;
}



/** Header CSS **/
#header {

}

#header_logo {
	float: left;
}

#header_logo img {
	display: block;
	margin: 0;
}

#header_tabs {
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 14px;
	margin-right: 10px;
}

#header_tabs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
}

#header_tabs ul li{
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
}

#header_tabs ul li a {
	display: block;
	float: left;
	color: White;
	padding: 10px 18px 10px 25px;
}

#keywordSearch {
	padding:0;
	margin:0;
}

.searchSubmitButton {
	float:left;
}

.keywordSearchInput {
	border:1px solid #999999;
	height:18px;
	padding:2px 0 0 3px;
	margin-right:5px;
	float:left;
}


/** Tab CSS **/
.purple_tab a {
	background-image: url('/content/images/tabs/purple_left_side.png');
	background-repeat: no-repeat;
}

.orange_tab a {
	background-image: url('/content/images/tabs/orange_background.png');
	background-repeat: no-repeat;
}

.green_tab a {
	background-image: url('/content/images/tabs/green_background.png');
	background-repeat: no-repeat;
}

#header_tabs ul li.green_tab a {
	/*color: black;*/
	color: #FFF;
}

/** Content CSS **/
#content {
	background-color:#FFF;
	padding:10px;
}

#content_banner {
	background:url('/content/images/banners/front_page_yellow.jpg') no-repeat;
}

#content_banner_image {
	float:right;
}

#banner_search {
	float: right;
	position: relative;
	bottom:45px;
	right:30px;
	height: 0px;
}

#product_table ul {
	padding: 10px 0px;
	margin: 0px
}

#product_table ul li {
	list-style-type:none;
	display:inline;
}

#product_table ul li img {
	padding:10px 10px 5px;
}

#keywordSearchPosition {
	
}

#content_left {
	float:left;
	width:285px;
	margin-right:10px;
	margin-top:10px;
}

#content_right {
	float:left;
	margin-top: 10px;
}

/** Footer CSS **/
#footer { 
	height:25px;
	background:url('/content/images/Footer.png') no-repeat;
	margin-top:10px;
}

#footer ul {
	margin:0;
	padding:6px 10px 0 0;
	float:right;
}

#footer ul li{
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0 12px 0 7px;
	border-right:1px solid #000;
}

#footer ul li a {
	color:#000;
}

.PI_link {
    float:right;
    display:inline-block;
    padding:7px 18px 0 3px;
}

#footer ul li.lastlink, .lightgreenbar .lastlink a {
	border:0;
}


/** General Layout **/

.clear {
	clear: both;
	line-height: 0px;
}

.clearspace {
	clear:both;
	height:20px;
}


/** Home Page **/

#latestnews {
    background:#fcedc6 url('/content/images/LatestNews_Background.png') repeat-x;
    width:585px;
    padding:8px 10px 10px;
    margin-bottom:10px;
}

#newsClose {
	float: right;
}

#latestnews ul, #comment_replies ul {
	margin:0;
	padding:0;
}

#latestnews ul li {
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}

#comment_replies ul li {
	list-style-type:none;
	margin:0;
	padding:8px 0;
}

#latestnews ul li a {
	color:#000;
}

#business_categories {
	float:left;
	width:300px;
}

#product_categories {
	float:right;
	width:300px;
}

#business_categories h1, #product_categories h1, #newsletter_item h1  {
    background:#666 url('/content/images/DarkGrey_Slash.png') no-repeat 100% 100%;
    padding:3px 0 3px 10px;    
}


#business_categories ul li, #product_categories ul li, #newsletter_item ul li  {
	list-style-image:url('/content/images/Bullet_GreenSlash.png');
	line-height:2em;
}

#top_articles ol {
	margin:15px 10px 18px 30px;
	padding:0;
	color:#7d0996;
	font-weight:bold;
}

#top_tips {
	padding:5px 8px;
}

#top_tips ol {
	margin:10px 0 10px 20px;
	padding:0;
	color:#7d0996;
	font-weight:bold;
}

#top_articles ol li p a, #top_tips ol p {
    font-weight:normal;
    color:#333;
}


/** Title Bars **/

.purplebar {
	background:#7d0996 url('/content/images/Purple_Slash.png') no-repeat 100% 100%;
}

.purplebar h1  {
    padding:5px 0 5px 10px;    
}

.greenbar {
	background:#acc20f url('/content/images/Green_Slash.png') no-repeat 100% 100%;
	width:606px;
}

.greenbar h1  {
    padding:3px 0 3px 10px; 
}

.lightgreenbar  {
    background:#eaf0c3 url('/content/images/LightGreen_Slash.png') no-repeat 100% 100%;
    /*padding:5px 20px 5px 7px;*/
    padding:2px 18px 1px 7px;
    width:580px;
}

.lightgreenbar a {
    border-right:1px solid #666;
    padding:0 8px 0 3px; 
}


/** Search Results  **/

.articlelist {
    margin-top:20px;
}

.newslist ul li {
    margin-bottom:20px;
}

.articlelist ul li, .newslist ul li {
	list-style-image:url('/content/images/Bullet_GreenSlash.png');
}

.articlelist ul li:after {
    content:".";
    clear:both;
    height:20px;
    visibility:hidden;
    display:block;
}

.result_title {
    font-weight:bold;
    margin-bottom:12px;    
}

.result img {
    float:left;
    margin-right:12px;
}

.result p {
    margin-left:162px;
}




/* Paging */

#paging {
    border:1px solid #acc20f;
    padding:5px;
    font-weight:bold;
    color:#666;
    clear:both;
}

#pagingContainer {

}

.currentpage {
    background-color:#acc20f;
    padding:1px 2px;
    color:#FFF;
}

#currentPageDisplay {
    display:inline;
    margin-right:27px;
}

#previousContainer, #nextContainer {
    display:inline;
    width:100px;  
}

#nextContainer {
    padding-left:27px; 
}

#paging a:link, #paging a:visited, #paging a:active {
    color:#666;
}




/** Article Page **/

.article_author {
    text-transform:none;
    margin-right:20px;
}

#article_body {
    margin-bottom:20px;
}

.articleheader {
    color:#666;
    border-bottom:1px solid #999;
    padding:0 0 3px 5px;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.1em;
}

#article_image img {
    margin: 20px 15px 15px 0px;
    float:left;
}

#article_text {
    padding-top:20px;
}

#articletags p, #article_comment_area p, #article_comment_list p, #rating_panel {
    margin-left:10px;
}

#articletags {
    margin-bottom:40px;
}

#downloadlist ul {
    margin:15px 0 0 10px;
    padding:0;
}

#downloadlist ul li {
    list-style-type:none;
}

#downloadlist ul li img {
    float:left;
    margin-right:10px;
}

#downloadlist ul li a {
    font-weight:bold;
}

#article_comment_area {
    margin-bottom:20px;
}

#article_comment_list ul {
    margin-left:10px;
    padding:0;   
}

#article_comment_list ul li {
    list-style-type:none;   
}

#article_comment_list ul li:after , #downloadlist ul li:after{
    content:".";
    clear:both;
    height:20px;
    visibility:hidden;
    display:block;
}

.article_comment_details {
    float:left;
    width:190px;
}

.article_comment_body {
    margin-left:190px;
}

.article_comment_details a:link, .article_comment_details a:visited, .article_comment_details a:hover, .article_comment_details a:active {
    color:#acc30e;
}

#comment_panel {
    margin-left:10px;
}


/** Top 10 Articles **/

#topArticles {
    margin-left:10px;
}

#topArticles ul {
    list-style:none;
    margin:0;
    padding:0;
}

#topArticles li {
    margin-bottom:8px;
}

/** Forms **/

.form ul {
	margin:0;
	padding:0;	
}

.form ul li {
	list-style:none;
	padding:4px 0;
}

#article_quick_links {
	padding-right:5px;
	vertical-align:middle;
}

ul li label {
	width: 120px;
	display:inline-block;
	padding-top:4px;
}

.forgotpassword ul li label {
	width:45px;
}

.forgotpassword ul li input {
	width:300px;
}

.forgotpassword_button {
    margin:10px 0 0 48px;  
}




.suggestarticle ul li {
	clear:both;
}

.suggestarticle ul li label {
	width:65px;
	float:left;
}

.suggestarticle ul li input, .suggestarticle ul li textarea {
	width:450px;
	float:left;
	margin-bottom:4px;
}

.suggestarticle ul li input.accept {
	width:300px;
}

.suggestarticle_button {
    margin:30px 0 0 64px; 
    clear:both;   
}



ul li input {
	width: 250px;
}

ul li input.normalInput {
	width: auto;
	padding:5px 0;
}

ul li select {
	width: 250px;
}

.validationstar {
    color:#C33;
    font-weight:bold;
    padding-left:3px;
}

#selectinterests ul li label {
    width:240px;
}

#selectinterests ul li input {
	width:25px;
}

ul#createnewpassword li label {
    width:145px;
}




/* Validation Summaries */

#validation_summary {
    margin-bottom:10px;
    padding:10px;
    min-height:32px;
    height:auto !important;
    height:32px;
}

#validation_summary li {
    margin-left:55px;
}

#validation_summary img {
    float:left;
}

#validation_summary p {
    padding-left:40px;
}

.successContainer {
    border:1px solid #693;
    color:#363; 
}

.errorContainer {
    border:1px solid #D8000C;
    color:#C33; 
}





.registration_dropdownlist {
    width:256px;
}

.register_button {
    margin:10px 0 0 122px;  
}









.float_left {
	float: left;
}

.float_left img {
    padding-top:1px;
}

.float_right {
	float: right;
}

ul.article_quick_links {
	margin: 5px 0 0 0;
	padding: 0;
	display: inline-block;
}

ul.article_quick_links li {
	display: inline;
	list-style-type: none;
	padding: 0px 8px 0 5px;
	border-right:1px solid #999;
}

ul.article_quick_links li.last {
	border-right: 0px solid #CCC;
}

ul.article_quick_links li a {
	padding: 0px;
	border-right: 0px solid #CCC;
}

#article_sort_links {
    padding:5px 0;
}

.disclaimer {
    padding:5px 0;
}

.watermark {
	background-color:#FFF;
	color:#999;
}

.comment_reply_detail {
	width: 190px;
	float: left;
}

.comment_reply_body {
	float: left;
	margin-left: 20px;
	width: 360px;
}

#reply_form {
	padding: 10px 0;
}

.bubbleInfo {
    position: relative;   
}

.popup {
    position:absolute;
    display: none; /* keeps the popup hidden if no JS available */
    background-color: White;
    padding:15px 0 5px;
    border:2px solid #7d0996;    
}

.popup ul {
    margin:0 20px 0 30px;
    padding:0;
}

.popup ul li {
    margin-bottom:10px;
}


#social {
    border:1px solid #CCC;
    padding:12px;
}

#social p {
    margin:0 0 15px;
    padding:0;
}

#twitter_linkedin {
    float:left;
}

#twitter_linkedin img {
    float:left;
    margin-right:8px;
}

#bookmarks {
    float:right;
    margin:35px 5px 0 0;
}

#sharearticle {
    float:right;
    margin-right:5px;
}

#twitter, #linkedin {
    display:inline-block;
}

#linkedin {
    margin-left:30px;
}
