/* @override http://www.preandpostonthecoast.com/home/templates/danceblog/css/template_css.css */

/* *********************** GENERAL SETTINGS     *********************** */


body {
	color: #714b6e;
	background: #19373f;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 135%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

html {
	overflow: scroll;
	padding: 0px;
	margin: 0px;
}

body.f-smaller {
	font-size: 10px;
}

body,
body.default {
	font-size: 12px;
}

body.f-larger {
	font-size: 14px;
}
body.published {
background: #AADDFF;
}

body.mceContentBody {
	background: white;
}

/* CSS global reset for all browsers */ 
* { padding: 0px; margin: 0px; }
/*  Global Formatting */
h1 {font: normal 24px Arial, Helvetica, sans-serif; color: #ffffff; letter-spacing: -1px; line-height: 30px; }
h2 {font: normal 20px Arial, Helvetica, sans-serif; color: #b00000; letter-spacing: -1px; text-transform: none; line-height: 26px; }
h3 {font: normal 18px Arial, Helvetica, sans-serif; color: #ffffff; letter-spacing: 0px; line-height: 24px; text-transform: none;}
h4 {font: bold 14px Arial, Helvetica, sans-serif; color: #ffffff; line-height: 19px; text-transform: none; }
h5 {font: bold 12px Arial, Helvetica, sans-serif; color: #ff7e00; line-height: 18px; text-transform: none; }
h6 {font: bold 11px Arial, Helvetica, sans-serif; color: #ffffff; line-height: 17px; text-transform: none;}
a {color: purple; text-decoration: underline;
}

a:hover {color: #086dee; text-decoration: none;}
a.image, a.image:hover, a img  {border:0;}
ul {
	list-style: none;
}
ul li {
	padding: 2px 0px 2px 24px;
	background: transparent url(../images/checkbox.gif) no-repeat 0px 1px;
}

#main_content ul li, #main_content2 ul li {
	width: 100%;
}
	
ol {
	padding: 5px 25px;
}

fieldset {
	width: 95%;
	padding: 5px;
	border: 0px solid #eeeeee;
}
.both {
	clear: both;
}

input, select, label {
	vertical-align: middle;
}

p {
	padding: 0 0px 5px;
}

/* *********************** END GENERAL SETTINGS *********************** */

#body_top {
	background: #FFF url(../images/body_top_bg2.gif) repeat-x top center;
	width: 100%;
	padding: 0px;
}

#body_bot {
	background: transparent url(../images/body_bot_bg.gif) repeat-x bottom center;
	width: 100%;
	padding: 0px;
}

#content { 
	margin: 0px auto;
	width: 702px;
	/*background: transparent url(../images/content_bg.jpg) no-repeat 0px 96px;*/
	padding: 0px;
}

#c_bot {
	width: 702px;
	background: transparent url(../images/c_top_bg.gif) no-repeat bottom center;
	padding: 20px 0px;	
}

#c_top {
	width: 702px;
	background: transparent url(../images/c_top_bg.gif) no-repeat top center;
}

#top { 
	padding: 0px; 
	margin: 0px auto;
	width: 100%;
	height: 191px;
	background: #bb9373 url(../images/top_bg2.gif) repeat-x center;
} 

#top_wrap {
	width: 702px;
	height: 191px;
	position: relative;
	margin: 0px auto;
	background: transparent url(../images/top_wrap_bg2.jpg) no-repeat top center;
}

#top_wrap #f_tools {
	padding: 3px 0px 0px 0px;
	font-size: 10px;
	position: absolute;
	top: 48px;
	right: 7px;
}

#top_wrap #f_tools a, #top_wrap #f_tools a img {
	text-decoration: none;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#top_wrap #buttons {
	width: 200px;
	text-align: right;
	vertical-align: middle;
	line-height: 10px;
}

#top_wrap #buttons img {
	vertical-align: middle;
	display: inline;
}

#top_wrap #buttons a {
	padding-left: 6px;
}

#top_wrap h1 {
	font: normal 48px Georgia, "Times New Roman", Times, serif;
	color: lime; 
	letter-spacing: -2px; 
	text-transform: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 40px;
	left: 10px;
	vertical-align: top;
}

#top_wrap h1 span {
	line-height: 46px;
}

#top_wrap h1 a, #top_wrap h1 a:hover {
	text-decoration: none;
	color: lime;
}

#top_wrap h2 {
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	color: lime; 
	letter-spacing: 0px; 
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	position: absolute;
	left: 300px;
	top: 51px;
	vertical-align: top;
}

#top_wrap h2 span {
	line-height: 14px;
}

#top_wrap #menu {
	background: transparent; 
}

#top_slider {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 702px;
	z-index: 10000;
	font-size: 11px;
	color: lime;
	line-height: 16px;
}

#top_slider #wtoggle {
	text-align: right;
	margin: 0px;
	padding: 0px 10px;
}

#toppanel {
	padding: 0px;
	margin: 0px;
	background: transparent url(../images/top_panel_bg.png) repeat-y top center;
}

#tp_b {
	height: 40px;
	background: transparent url(../images/top_slider_bg.png) no-repeat bottom center;
}

#toppanel .padding {
	padding: 20px;
}

#menu #uls {
	text-align: center;
	padding: 10px 0px 0px 0px;
}

#menu table.moduletable {
	margin: 0px;
	padding: 0px;
}

#menu #uls table.moduletable td {
	background: transparent;
}

#menu #uls ul {
	list-style: none; 
	text-align: center; 
	padding: 0px;
	display: inline;
	margin: 0px auto;
}

#mainlevel-nav li {
	padding: 0px;
	background: transparent;
	display: inline;
	white-space: nowrap;
	margin: 0px;
}

#mainlevel-nav li a {
	text-decoration: none;
	text-align: left;
	color: #ffffff;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	text-transform: none;
	padding: 0px 14px;
}

#mainlevel-nav li a:hover {
	text-decoration: none;
}

#switcher {
	width: 28px;
	float: left;
	padding-right: 7px;
	padding-top: 7px;
}

.toggler {
	color: #222;
	margin: 0;
	padding: 0px;
	font: bold 11px Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	width: 35px;
	cursor: pointer;
}
 
#accordion h3 {
	font: bold 13px Tahoma, Arial, Helvetica, sans-serif;
	color: #582d61;
	padding-bottom: 10px;
	padding-top: 10px;
}

#mod_user5, #mod_user6, #mod_user7 {
	width: 410px;
	color: #ffffff;
	height: 100px;
}

#mod_user5 a, #mod_user6 a, #mod_user7 a {
	color: #326a78;
	text-decoration: none;
}

#mod_user5 a:hover, #mod_user6 a:hover, #mod_user7 a:hover {
	color: #68397b;
}

/* Accordion */

#wrapper2 .tabbed h3 {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 19px;
	text-indent: 10px;
	cursor: pointer;
	text-transform: none;
	color: #b6b6b6;
}

#wrapper2 h3 {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	letter-spacing: 0px;
}

#wrapper2 h3 a {
	color: #747474;
	text-decoration: none;
}

#wrapper2 h3 a:hover {
	color: #333333;
	text-decoration: none;
}

#wrapper2 {
	width: 190px;
	padding: 0px 0px;
	margin: 0px;
}

#wrapper2 .tabbed{
	color: #b6b6b6;
	margin: 0px;
	height: 21px;
	padding: 0px 0px;
	background: #111111 url(../images/toggler_bg.gif) repeat-x top center;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

#main {
	padding: 2px 0px 0px 0px;
	margin: 0px; 
	width: 702px;
	background: transparent; 
	clear: both;
} 

#left_col {
	width: 210px;
	float: left;
	padding-right: 6px;
}

#main_content {
	float: left;
	width: 486px;
	margin: 0px;
	padding: 0px;
}

#main_content #main_body {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 21px;
	width: 465px;
	background: transparent;
}

#main_content2 {
	float: left;
	width: 702px;
	margin: 0px;
	padding: 0px;
}

#main_content2 #main_body2 {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 20px;
	width: 682px;
	background: transparent;
}

/********************/

#newsflash {
	margin: 0px;
	padding: 0px;
	width: 410px;
	height: 118px;
	background: transparent;
}

#newsflash div.moduletable td, #newsflash .contentpaneopen td {
	padding: 0px;
	margin: 0px;
	color: #6c6c6c;
	line-height: 14px;
	background: transparent;
	text-align: left;
}

#newsflash div.moduletable h3 {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #6c6c6c;
	letter-spacing: 0px;
	line-height: 18px;
}

#newsflash .article_seperator { 
	background : none;
	font-size: 1px;
}

#bottom {
	width: 702px;
	clear: both;
	height: 218px;
	background: transparent url(../images/audi_concept_car.jpg) no-repeat right bottom;
}

#bmods {
	float: left;
	width: 410px;
}

/******/

.white_space {
	height: 20px;
	display: block;
}


.sep {
	display: block;
	height: 10px;
	clear: both;
}

#footer {
	margin: 0px auto;
	width: 100%;
	padding-bottom: 30px;
	background: #19373f url(../images/footer_bg.gif) repeat-x top center;
}

#foo_wrap {
	width: 702px;
	clear: both;
	margin: 0px auto;
}

#copyr {
	float: left;
	width: 200px;
	padding-right: 30px;
	padding-top: 50px;
	padding: 50px 30px 20px 0px;
}

#copyr p {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: white;
	text-align: left;
	padding: 10px 0px 0px 0px;
	line-height: 16px;
	background: transparent;
}

#copyr p a {
	text-decoration: none;
	color: #336b7a;
}

#copyr p a:hover {
	text-decoration: underline;
	color: #391403;
}

#foo_wrap h3 {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color: white;
	background: transparent url(../images/bottom_line_h3_bg.gif) repeat-x bottom left;
	padding: 6px 0px;
	margin-bottom: 3px;
}

#ln {
	float: left;
	width: 200px;
	padding: 20px 10px;
}

#po {
	float: left;
	width: 200px;
	padding: 20px 10px;
}

/* *********************** END LAYOUT SETTINGS  *********************** */

/* *********************** NAVIGATION SECTION   *********************** */
/* Pathway Breadcrumbs */	
	.pathway {font-size: 12px;color:#ffffff; font-weight: bold; }
	a.pathway {color: #ff7e00;text-decoration: none; }
	a.pathway:hover {color:#ff7e00;text-decoration: underline;}
	span.pathway img {

	}



	


ul.menu, ul#mainlevel {
	padding: 0px 0px 20px 0px;
	list-style: none;
	
}

ul.menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.menu li, ul#mainlevel li {
	padding: 0px;
	margin: 0px;	
	display: block;
	background: #d8b89f;
}

ul.menu ul {
	clear: both;
}

ul.menu ul li {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	display: block;
	width: auto;
}

div.moduletable_menu ul.menu li#current a, 
div.moduletable_menu ul.menu li#current a:hover, 
ul#mainlevel li #active_menu {
	color: lime;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 12px;
	padding: 6px 0px 8px 0px;
	text-transform: none;
	text-decoration: none;
	display: block;
	text-align: left;
	margin: 0px;
	background: transparent;
}

div.moduletable_menu ul.menu li#current a:hover{
	font-weight: bold;
}

div.moduletable_menu ul.menu #current ul li a, 
div.moduletable_menu ul.menu li ul li a {
	background: none;
	color: #ffffff;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 14px;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	padding: 6px;
	margin: 0px;
}

ul.menu li#current ul li a:hover,
ul.menu li ul li a:hover {
	color: #793174;
	text-decoration: none;
	background: none;

}	

/* *********************** END NAVIGATION SECTION ********************* */

/* *********************** STANDARD MODULE TABLE  ********************* */
table.moduletable {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

#left_col div.moduletable h3, #left_col div.moduletable_menu h3 { 
	font: bold 13px/16px Tahoma, Arial, Helvetica, sans-serif;
	padding: 8px 0px;
	margin: 0 0px;
	text-transform: none;
	color: white;
	text-align: left;
	background: url(../images/left_mod_header_bg.gif) no-repeat 0 3px;
	width: 210px;

	left: 0;
	text-indent: 10px;
	height: 29px;
}


/* @group Other nav section */


ul.menu li a, ul#mainlevel li a {
	color: #a1397e;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	text-decoration: none;
	display: block; 
	text-align: left;
	margin: 0px;
	padding: 6px 0px 6px 10px;
	border-bottom: 1px solid #efdfbf;
}
	
ul.menu li a:hover, ul#mainlevel li a:hover {
	color: #c13000;
 font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	text-decoration: none;
	display: block; 
	text-align: left;
	margin: 0px;
	padding: 6px 0px 6px 10px;
	border-bottom: 1px solid #efdfbf;
}

ul#mainlevel li a:hover {
	background: none;
}

ul.menu, ul#mainlevel {
	padding: 0px 0px 10px 0px;
	list-style: none;
}

ul.menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.menu li, ul#mainlevel li {
	padding: 0px;
	margin: 0px;	
	display: block;
	background: none;
}

ul.menu ul {
	clear: both;
}

ul.menu ul li {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	display: block;
	width: auto;
}

div.moduletable_menu ul.menu li#current a,  
ul#mainlevel li #active_menu {
	color: #c13000;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	display: block; 
	text-align: left;
	margin: 0px;
	padding: 6px 0px 6px 10px;
	border-bottom: 1px solid #efdfbf;
}

div.moduletable_menu ul.menu li#current a:hover {
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	display: block; 
	text-align: left;
	margin: 0px;
	padding: 6px 0px 6px 10px;
	border-bottom: 1px solid #efdfbf;
}

div.moduletable_menu ul.menu #current ul li a, 
div.moduletable_menu ul.menu li ul li a {
	margin: 0px;
	padding: 6px 0px 6px 10px;
}

ul.menu li#current ul li a:hover,
ul.menu li ul li a:hover {
	text-decoration: none;
}

a.mainlevel {
	color: #877741;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 12px;
	padding: 6px 0px 6px 10px;
	text-transform: none;
	text-decoration: none;
	display: block; 
	text-align: left;
	margin: 0px;
	border-bottom: 1px solid #efdfbf;
}

a.mainlevel:hover {
	font: normal 11px Arial, Helvetica, sans-serif;;
	line-height: 12px;
	text-transform: none;
	text-decoration: none;
	display: block; 
	text-align: left;
	margin: 0px;
	padding: 6px 0px 6px 10px;
}

#col-left div.moduletable * table tr td div {
	vertical-align: middle;
	line-height: 12px;
	padding: 8px 0px;
	display: block;
	clear: both;
	width: 170px;
}

div.module table td div img {
	float: left;
	width: 12px;
	height: 12px;
}

a.mainlevel#active_menu {
	color: #877741;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 6px 0px 6px 10px;
}

a.mainlevel#active_menu:hover {
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 6px 0px 6px 10px;
	display: block; 
	text-align: left;
}

/* End Mainlevel menu */

/* @end */

#left_col div.moduletable-upcoming h3 {
	font: bold 13px/16px Tahoma, Arial, Helvetica, sans-serif;
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 3px 0px;
	text-transform: none;
	color: #ffffff;
	text-align: left;
	background: #38627b;
	letter-spacing: 0px;
	width: 190px;
	border-bottom: 1px solid #793174;
	border: 2px solid #391403;
	left: 0;
	text-indent: 10px;
	
}

div.moduletable-upcoming table {
	width: 100%;
}

#left_col div.moduletable, #left_col2 div.moduletable {
	text-align: center;
	padding: 0px 0px 13px 0px;
	margin-bottom: 2px;
	background: transparent;
}

#right_col div.moduletable {
	padding: 0px 0px 4px 0px;
}

table.moduletable td {height: 18px; text-align: center; } 

table.moduletable p {
	text-align: left;
}

/* Custom Modules */

.latestnews, .mostread {
	list-style: none;
	padding: 1px 0px;
	margin: 0px;
	text-align: left;
	background: none;
}

li.latestnews, li.mostread {
	list-style: none;
	padding: 1px 0px;
	margin: 0px;
	background: none;
}

li.latestnews a, li.mostread a {
	text-transform: none;
	text-decoration: none;
	text-align: left;
	display: block;
	color: #50b0cb;
	background: transparent;
}

/* @group Events mod */
/*********************
* Calendar module style
**********************/
.mod_events_table
{
	border: 1px solid #3a8b9c;
	width: 210px!important;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	margin-bottom: 0.25em;
	background-color: white;
}
.mod_events_td_title
{
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.mod_events_td_dayname
{
	font-weight: bold;
	color: #337a89;
}
.mod_events_td_dayname .sunday
{
}
.mod_events_td_dayname .saturday
{
}

.mod_events_td_dayoutofmonth
{
	font-weight: bold;
	color: #a0a0a0;
	background-color: #e1e1e1;
}
.mod_events_td_todaynoevents
{
	font-weight: normal;
	background-color: #7e5e86;
	color: white;
}

.mod_events_td_todaywithevents
{
	font-weight: normal;
	color: Black;
	background-color: #B0C4DE;
}
.mod_events_td_daynoevents
{
	line-height: normal;
	font-weight: normal;
	color: #58afc1;
}
.mod_events_td_daywithevents
{
	font-weight: normal;
	color: Black;
	background-color: #cfe8ed;
}
a.mod_events_daylink:link
{
	color: #50abbe;
	text-decoration: none;
}
a.mod_events_daylink:visited
{
	color: blue;
	text-decoration: none;
}
a.mod_events_daylink:hover
{
	color: Silver;
	text-decoration: none;
}
.mod_events_td_link
{
	background-color: Background;
}
a.mod_events_link:link
{
	color: Black;
}
a.mod_events_link:visited
{
	color: Navy;
}
a.mod_events_link:hover
{
	color: Silver;
}

.mod_events_monthyear
{
	border: 1px solid #58afc1;
	margin-top: 0.25em;
	height: 18px;
	width: 210px!important;
	background-color: #58afc1;
}

hr.dt_separator {
	height: 1px;
	border: 1px solid #38627b;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: #19373f;
}
.mod_events_monthyear td
{
	text-align:center!important;
}
.mod_events_monthyear a.mod_events_link, .mod_events_monthyear a.mod_events_link:visited, .mod_events_monthyear a.mod_events_link:visited
{
	font-weight: bold;
	color: white;
	background-color: inherit;
	text-decoration: none;
}



/* @end */

li.latestnews a:hover, li.mostread a:hover {
	text-decoration: none;
	color: #ffffff;
}

.search {
	padding: 5px 0px;
	margin: 0px;
	text-align: center;
}

.search .button {
	background: none;
	border: none;
	color: #ff7e00;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 19px;
	height: 30px;
	letter-spacing: 0px;
	vertical-align: middle;
	text-transform: none;
	padding: 0px;
	margin: 0px;
	width: 65px;
}

.search .button:hover {
	color: #ffffff;
}

.search .inputbox {
	margin: 0px 0px;
	padding: 7px 3px;
	width: 174px;
	height: 16px;
	background: transparent url(../images/search_bg.png) no-repeat top left;
	border: 0;
	color: lime;
	vertical-align: middle;
}

/* End Custom Modules */

/* *********************** END STANDARD MODULE TABLE ********************* */

/* *********************** CONTENT - SECTIONS & CATEGORIES *********************** */

td.contentheading {
	padding: 5px 0px 0;
	letter-spacing: 0;
	color: #186f82;
	text-transform: none;
	font: bold 21px/22px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.contentheading table td {
	letter-spacing: 0px;
	font-weight: bold;
}

/* content title and links */
.contentpagetitle {background-color : transparent; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited 
{text-decoration: none;font-weight: normal; color: #ffffff; }
a.contentpagetitle:hover { color: #ffffff; text-decoration: none;}

/* top box like a category description */
.contentdescription {
	background: transparent;
	padding: 5px 0px;
}

/* Main Body Text */
.contentpane { }

.contentpaneopen { line-height: 16px; margin: 0px 0px 10px 0px; }

#main_body .contentpaneopen {
	width: 100%;
}

/* Main Body Text */

/* article rating */
.content_rating {font-weight: normal;font-size:10px; padding-left: 2px;vertical-align: middle;line-height: 10px;}
.content_vote {font-weight: normal;font-size: 10px;}
.content_rating img {
	vertical-align: middle;
}

.content_vote input {
	background: none;
	margin-left: 1px;
	margin-right: 1px;
}

/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}

/* Dates */
.createdate {color: #ffffff; font-size: 11px; font-weight: bold; text-transform: none; padding-bottom: 15px; line-height: 12px; }
.modifydate {color: #ffffff; font-size: 11px; font-style: normal; text-transform: none; line-height: 12px;}
.newsfeeddate {font-size: 11px; color: #999; font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small { 
	color: #ffffff;
	font: bold 10px Arial, Helvetica, sans-serif;
	line-height: 12px;
	margin: 0px; padding: 0px;
	text-transform: none;
}

/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav { 
	font-size: 11px; 
	color: #ffffff;
}
.pagebar{font-size: 11px; font-weight: normal;}
.pagenav_prev{font-size: 11px; color: #ffffff; text-decoration: none; }
.pagenav_next{font-size: 11px; color: #ffffff; text-decoration: none; }
a.pagenav {color: #f08814; text-decoration: underline; font-weight: bold; }
a.pagenav:hover {color: #f08814; text-decoration: none; font-weight: bold; }
.pagenavcounter{	height: 15px;  }
.back_button{font-size: 11px; letter-spacing: 1px; height: 15px; clear: both;  margin: 5px 0px; text-transform: uppercase; font-weight: bold; }

/* Read more link */
.readon {
	font-weight: bold !important;
	font-size: 11px;
	text-decoration: none;
	color: #a1397e;
	line-height: 22px;
}

.readon:hover {
	text-decoration: none;
	color: #ce49a1;
}

/* Article index   */
table.contenttoc {
	padding: 0px;
	margin: 2px;
	font-size: 11px;
	}
	
table.contenttoc th {
	background: transparent; 
	color: #666666;
}
	
table.contenttoc td {padding: 2px;}

/* Links article index */
	a.toclink:hover, a.toclink:visited, a.toclink:link {	height: 18px; }
/* End Article index  */

/*  component heading */
.componentheading {
	text-align: center;
	background: transparent;
	height: 16px;
	padding: 7px 0px;
	color: #186f82;
	text-transform: uppercase;
	letter-spacing: 0;
	vertical-align: middle;
	margin-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font: bold 16px/25px Verdana, "Lucida Grande", Lucida, sans-serif;
}

#main_body form table tbody {
	display: block;
	position: relative;
	top: 20px;
	margin-bottom: 15px;
}

/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
	background: transparent;
	color : #ffffff;
	border-collapse: collapse;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
}

/* Table odd and Even Rows */
.sectiontableentry1 {
	background: transparent;
	color: #ffffff;
	font-size: 11px; 
	padding: 2px 0px !important;
	text-align: left;
}

.sectiontableentry2 {
	background: transparent;
	color: #f08814;
	font-size: 11px; 
	padding: 2px 0px !important;
	text-align: left;
}

#left_side .sectiontableentry1, #left_side2 .sectiontableentry1  {
	color: #d3edf7;
	line-height: 16px;
}

#left_side .sectiontableentry2, #left_side2 .sectiontableentry2 {
	color: #ffffff;
	line-height: 16px;
}

.sectiontableentry1 td, .sectiontableentry2 td {
	padding: 2px !important;
}

.sectiontableentry1 input, .sectiontableentry2 input {
	margin: 0px; 
	padding: 0px;
	height: 13px;
	width: 13px;
	background: none;
	vertical-align: middle;
}

.sectiontableentry1 label, .sectiontableentry2 label {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	width: 165px;
	display: block;
}

.sectiontablefooter {
	height: 18px; 
}

table.poll {
	border: none;
	margin: 0px;
	padding: 0px 5px;
}

table.poll thead td {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#left_side table.poll div, #left_side2 table.poll div {
	text-align: center;
	font-size: 1px;
	letter-spacing: -2px;
}

#left_side table.poll div input, #left_side2 table.poll div input {
	letter-spacing: 0px;
}

table.pollstableborder {
	margin: 0px;
	padding: 0px;
	border: none;
}

table.pollstableborder td {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/* End Sectiontable */

/* Category */
.category {color:#ccc;}
a.category:link, a.category:visited { height: 15px; color: #ffffff; text-decoration: underline;  }
a.category:hover  {	height: 15px; color: #793174; text-decoration: none; }
/* End category */

/* blogsection */
.blog {background-color: transparent;}
.blogsection{	height: 18px;  }
.blog_more{	clear: both; display: block; width: 430px; padding: 10px 0px; }
.blog_heading {	height: 18px;  }
/* space from bottom of article */
.article_seperator{background-color : transparent;}
/* End blogsection */

/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
	background: #f0f0f0;
	padding: 0px 4px 0px 4px;
	color: #333333;
	font-weight: bold;
}
/* End Search Form */

/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* *********************** END CONTENT - SECTIONS & CATEGORIES *********************** */

/* *********************** FORM SECTION  *********************** */	
form { 
	font-size: 11px;
	margin: 0px;
}

input {
	background-color: #FFFFFF;
	font-size: 11px; color: #333;
}

#mod_login_username, #mod_login_password {
	background: #ffffff;
	font-size: 11px;
	padding: 2px;
	margin: 3px 0px;
	width: 180px;
	border: 1px solid #3a0000;
	color: #666;
}

#mod_login_remember {
	background: transparent;
	border: none;
	height: 15px;
	vertical-align: middle;
	padding: 0px;
	margin: 3px;
}


div.moduletable fieldset {
	width: 190px;
	border: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	clear: both;
}

div.moduletable form.form-login input.button {
	text-align: center;
	cursor: pointer;
}

div.moduletable form.form-login p {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div.moduletable form.form-login p.central {
	margin: 0px;
	padding: 5px 0px;
	text-align: center !important;
}

.inputbox { background: #fff; border: 1px solid #3a0000; margin: 2px 0px; color: #000; }
.text_area, textarea {background: #63295f; border: 1px solid #666666; width: 100%; color: #747474; }
/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */
.button {
	color: #7f5e87;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	background: transparent;
	margin: 0px 6px 0px 0px;	
	text-transform: none;
	vertical-align: middle;
	outline: none;
	height: 23px;
	border-style: solid;
	padding-right: 6px;
	padding-left: 6px;
}

.button:hover {
	color: #5c2e65;
	background-color: #cbb8d2;
}


#left_col select, #left_col #mod_templatechooser_jos_change_template, #left_col option, select, select option {
	background: #ffffff;
	font-size: 11px;
	padding: 1px;
	margin: 3px 0px;
	width: 156px;
	color: #3a0000;
	height: auto;
	font-weight: normal;
}

#left_col select {
	border: 1px solid #3a0000;
}

#main_content select, #main_content select option {
	width: auto;
}


/* Contact Email Form */
.contact_email {margin: 0px;padding: 0px;}

#searchphraseany, #searchphraseall, #searchphraseexact {
	background: none;
}


/* *********************** END FORM SECTION *********************** */

/* *********************** TABBED EDITING *********************** */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}
		
.code {
	font-family: courier, serif;
	font-size: 1.2em;
	padding: 2px;
	background-color: #f0f0f0;
	color: blue;
	border: 1px solid #d5d5d5;
	margin: 0px;
	width: 90%;
}


/* Text passed with mosmsg url parameter */
.message {
	font-family : Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
	color : #666;
	text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #666666;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	padding: .2em;
   }

.offtab {
	background-color : #cccccc;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: normal;
	padding: .2em;
   }

.edit-tabs {
   padding: 1em;
   background: none;
   }

.tabpadding {padding:1px;}

.tabheading {
	background-color: #FF6600;
	text-align: left;
   }

.pagetext {
	visibility: hidden;
	display: none;
   }

	/*Body of the form*/
.adminform{background-color : #FFFFFF;}
/* *********************** End TABBED EDITING *********************** */

/* @group Attachments component styles */

/* Styles for lists of attachments */

div.attachmentsList table {
    background-color: transparent;
    border: 1px solid #C0C0C0;
}

div.attachmentsList caption {
    font-size: 110%;
    font-weight: bold;
    text-align: left; 
    margin-top: 4px;
}

div.attachmentsList thead {
    font-size: 90%;
    font-weight: bold;
    background-color: #EEEEEE;
}

div.attachmentsList th {
    border: 1px solid #D0D0D0;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0px;
    padding-bottom: 0px;  
}

div.attachmentsList tr.odd {
    background-color: transparent;
}

div.attachmentsList tr.even {
    background-color: transparent;
}

div.attachmentsList td {
    vertical-align: top;
    padding-left: 3px;
    padding-right: 3px;
}

div.attachmentsList table a { 
    font-weight: bold; 
}

div.attachmentsList table img {
    vertical-align: text-bottom;
}


div.addattach img {
    padding-right: 3px;
    }
div.addattach a.at_icon:link    { text-decoration: none; }
div.addattach a.at_icon:visited { text-decoration: none; }
div.addattach a.at_icon:hover   { text-decoration: none; }
div.addattach a.at_icon:active  { text-decoration: none; }


div.attachmentsList a.at_icon {
    padding-right: 4px;
    }
div.attachmentsList a.at_icon:link    { text-decoration: none; }
div.attachmentsList a.at_icon:visited { text-decoration: none; }
div.attachmentsList a.at_icon:hover   { text-decoration: none; }
div.attachmentsList a.at_icon:active  { text-decoration: none; }

div.attachmentsList a.at_url:link     { text-decoration: none; }
div.attachmentsList a.at_url:visited  { text-decoration: none; }
div.attachmentsList a.at_url:hover    { text-decoration: underline; }
div.attachmentsList a.at_url:active   { text-decoration: none; }

div.attachmentsList td.at_file_size { text-align: right; }

div.attachmentsList th.at_downloads { text-align: center; }
div.attachmentsList td.at_downloads { text-align: center; }

div.attachmentsList th.at_modify { text-align: center; }
div.attachmentsList td.at_modify { text-align: center; }


/* Style for the 'Add Attachment' link */

div.addattach { margin-top: 4px; }

div.addattach a:link    { color : red; text-decoration: none; }
div.addattach a:visited { color : red; text-decoration: none; }
div.addattach a:hover   { color : red; text-decoration: underline; }
div.addattach a:active  { color : red; text-decoration: none; }

div.addattach a img { vertical-align: text-bottom; }

/* Styles for the upload page (move to attachments2.css?) */
div.uploadAttachmentsPage {
   margin-left: 15px;
   margin-top:10px;
}

/* For the link to change the article */

a.changeButton  {
    padding-top: 1px;
    padding-top: 1px;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 20px;
	font-size: 90%;
    color : #333333;
	text-decoration: none;
    background-color: #CCCCCC;
    border: 1px solid #888888;
}
a.changeButton:link    { color : #333333; text-decoration: none; }
a.changeButton:visited { color : #333333; text-decoration: none; }
a.changeButton:hover   { color : #333333; text-decoration: none; background-color: #DDDDDD; }
a.changeButton:active  { color : #333333; text-decoration: none; }


/* Styles for upload form */

input#description { width: 100%; }
input#upload      { width: 100%; }

form.attachments {
    margin-top: 6px;
    margin-left: -2px;
}

form.attachments legend {
    font-size: 140%;
    font-weight: bold;
}

form.attachments div.formWarning {
    width: 100%;
    font-size: 150%;
    font-weight: bold;
    line-height: 120%;
    padding: 8px;
    padding-left: 15px;
    margin-bottom: 10px;
    color: #0000CC;
    background-color: #FFFF66;
}

form.attachments input#upload_warning {
	background-color: #FFFF66;
}

div.uploadAttachmentsPage h1 {
	color: #000;
}

div.requestLogin h1 {
    color: #135cae;
    font-size: 130%;
    line-height: 130%;
}

div.requestLogin h2 {
    font-size: 115%;
    line-height: 115%;
}

div.requestLogin h2 a {
    font-size: 100%;
    font-weight: bold;
}

/* Styles for warnings */
div.warning {
    margin-left: 20px;
    margin-top: 10px;
}

div.warning h1 {
    line-height: normal;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    color: red;
}

div.warning h2 {
    line-height: normal;
    font-size: 150%;
    font-weight: bold;
}


/* Styles for delete warnings */
div.deleteWarning {
    margin-left: 20px;
    margin-top: 10px;
}

div.deleteWarning h1 {
    line-height: normal;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    color: red;
}

div.deleteWarning h2 {
    line-height: normal;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}


/* @end */