/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 
  
  License:
   
  
  Author:
  
---------------------------------------------------------------- */


/*							  Miscellaneous
===========================///////////////////-===========================*/

/* Accessibility */
#accessibility {
	overflow: hidden;
	width: 0;
	height: 0;
	display:none;}

/* Wrapping */
.wrapper_full { width:100%;margin:0 auto;}
	.wrapper  { width:970px; margin:0 auto;}
	

/* Set some default styles for Float, Width, Separator and TextAlight */
.floatleft	{	float:left; overflow:hidden}
.floatright {	float:right; overflow:hidden}

.width20  { width: 18.7%; } /* Propotion 1/5 */
.width25  { width: 23.8%;  } /* Propotion 1/4 */
.width33  { width: 32.2%; } /* Propotion 1/3 */
.width50  { width: 49.2%; } /* Propotion 1/2 */
.width100 { width: 100%; } /* Propotion 1/1 */



/* This are for User 1 - 3 and User 4 - 6  Modules*/
.width1_user { width: 31.9%; } /* Propotion 1/3 */
.width2_user { width: 48.9%; } /* Propotion 2/3 */
.width3_user { width: 100%; } /* Propotion 3/3 */

/* This are for Content 1 - 2 and Content 3 - 4  Modules*/
.width1_content { width: 48.9%; } /* Propotion 1/1 */
.width2_content { width: 100%; } /* Propotion 1/2 */


.separator { margin-right:15px; }

.aligncenter { text-align:center;}
.alignright  { text-align:right;}

.padding { padding:15px}



/*
					              Header 
===========================///////////////////-===========================*/

#header {
	background-repeat:no-repeat;
	background-position:center;
	border-bottom:1px solid #fff;}
	
	#header_effect {
		background:url(../images/header_effect.png) repeat-x bottom;}

	#header_gradient {
		background:url(../images/header_gradient.png) repeat-x top;}
		
		
/* Header Top */
#header-top {
	height:58px;
	margin-bottom:-20px;}
	
	#header-top .padding { padding:9px 15px 0}


/* Logo */
#logo {
	margin:25px 0;
	position:relative;}
	#logo img {
		float:none;
		margin:0;}					


/* Font Switcher */
#fontswitcher {
	margin:-3px 0 0 15px;
	position:relative;
	overflow:hidden;
	float:right;}

#fontswitcher ul {
	float:left;
	margin:0} 
	#fontswitcher ul li {
		list-style-type:none;
		float:left;}	
		#fontswitcher ul li a {
			text-align:center;
			width:15px;
			height:25px;
			margin-right:2px;
			display:block;}
			#fontswitcher ul li a:hover { border-bottom:none}
			#fontswitcher ul li.largefont  a{  background:url(../images/font_large.png) no-repeat top}
			#fontswitcher ul li.normalfont a{  background:url(../images/font_normal.png) no-repeat top}
			#fontswitcher ul li.smallfont  a{  background:url(../images/font_small.png) no-repeat top }	
			
				#fontswitcher ul li.largefont  a:hover{  background-position: bottom}
				#fontswitcher ul li.normalfont a:hover{  background-position: bottom}
				#fontswitcher ul li.smallfont  a:hover{  background-position: bottom }	


/* Date Module 
-----------------*/
p#pmdate {
	color:#A9D8EC;
	margin:0;
	font-size:.9em;}
	
	p#pmdate span { padding:0 3px}

	
/* RSS Feeds 
-----------------*/
#rss-module {
	margin:-5px 0 5px 15px}
	
	#rss-module a {
		display:block;
		width:25px;
		height:25px;
		background:url(../images/rssmodule.png) no-repeat center}
		#rss-module a span {
			display:none}	
	
/*===========================///////////////////-===========================
					              Content 
===========================///////////////////-===========================*/

/* UserArea
-----------*/
#userarea {
	position:relative;
	overflow:visible;
	min-height:60px;}
	

/* Promo
------------*/
#promo {
	position:relative;
	overflow:hidden;}
	
	#promo .moduletable { padding-bottom:15px!important}

#promo_t { 
	background: url(../images/promo_t.png) no-repeat center;
	height:12px;
	margin:0 auto}

#promo_b { 
	background: url(../images/promo_b.png) no-repeat center;
	height:12px;
	margin:0 auto 10px}
	
	

/* Genral Decoration
---------------------*/	
#content_gradient_t  { 
	background: url(../images/content_gradient_t.png) repeat-x top;}

#content_gradient_shadow {
	background: url(../images/content_gradient_shadow.png) no-repeat top;}

#content_gradient_b  { 
	background: url(../images/content_gradient_b.png) repeat-x bottom;}	


	#content_t { 
		background:url(../images/content_t.png) no-repeat center;
		margin:0 auto;
		height:277px;}
	
	
	#content_b { 
		background:url(../images/content_b.png) no-repeat center;
		margin:0 auto;
		height:400px;}
		
		
	#content_shadow { background:url(../images/content_shadow.png) repeat-y top center; }
	
	
#content { 
	clear:both;
	position:relative;
	overflow:visible;
	margin-top:-273px;
	margin-bottom:-325px;
	min-height:500px;
	z-index:111}


/* Moduletable Modules  on Content only*/
	.moduletable {
		position:relative;
		overflow:visible;
		margin:0}
		
		.moduletable_header {
			background:url(../images/moduletable_header.png) no-repeat top left;
			height:65px;
			margin:-15px 0 5px -5px;}
		
		.moduletable h3 {
			line-height:75px;
			padding-left:22px;
			font-size:1.3em;
			color:#222}
			
			.moduletable h3 span { color:#888}
			
			/* Fix icosn for moduletable modules */
			.moduletable h3 span.icons { margin-top:20px!important; margin-left:-2px!important}
		
		.moduletable_content { padding:0 10px; clear:both }

		
		/* Enable icons on the modules */
		 .icon-download h3 span.icons,
		 .icon-mail h3 span.icons,
		 .icon-lock h3 span.icons,
		 .icon-twitter h3 span.icons,
		 .icon-user h3 span.icons,
		 .icon-feed h3 span.icons,
		 .icon-cart h3 span.icons,
		 .icon-calendar h3 span.icons,
		 .icon-star h3 span.icons,
		 .icon-tick h3 span.icons{
			display:inline-block;
			width:25px;
			height:30px;
			float:left;
			margin:0 6px 0 0;
			padding:0;
			background-image:url(../images/module_icons.png);
			background-repeat:no-repeat;}
			
			 .icon-download h3 span.icons        { background-position: center 0}
			 .icon-mail h3 span.icons            { background-position: center 11%}
			 .icon-lock h3 span.icons            { background-position: center 22.2%}
			 .icon-twitter h3 span.icons         { background-position: center 32.5%}
			 .icon-user h3 span.icons            { background-position: center 44.5%}
			 .icon-feed h3 span.icons            { background-position: center 55.1%}
			 .icon-cart h3 span.icons			 { background-position: center 66.5%}
			 .icon-calendar h3 span.icons        { background-position: center 77.9%}
			 .icon-star h3 span.icons            { background-position: center 88.5%}
			 .icon-tick h3 span.icons            { background-position: center 100%}
			
			


/* Columns
-------------------*/	
#columns-container{
	min-width: 50em;		
	margin:-9px 0;
	z-index:1;
	width:940px;
	border-bottom:none;}

    #outer-column-container {
		border-style:solid;
		border-color:transparent;}
		
		#inner-column-container{
			width: 100%;
			border-style:solid;
			border-color:transparent;
			outline-width:1px;
			padding-bottom:20px;}
									   
			#source-order-container{
				float: left;		
				width: 100%;		
				min-height:400px;}
	

	#middle-column{
		float: right;		/* middle column goes right of the left column
							   since the two share the same parent 
							   element */
		width: 100%;		/* make the middle column as wide as possible
							   for a fluid layout. this is not possible
							   if it's parent element, 
							   #source-order-container, wasn't also at
							   100% width */}			   
	#left-column{
		float: left;		/* float left, where it'll live */}
		
	#right-column{
		float: right;		/* float on the right side of the layout */}
		
		.clear-columns { clear: both;}
		
		.inside { margin: 10px  0 0;}
			#middle-column .inside { margin-left:20px; margin-right:20px}
								
								
								
/* Columns Modules without a Suffix */
#columns-container .col-module {
	position:relative;
	margin-bottom:5px;}
	
	#columns-container .col-module h3 { 
		font-size:1.3em;
		margin:0;
		color:#222;
		height:35px;
		line-height:35px;}
		
		#columns-container .col-module h3 span { color:#888} 
		
		#columns-container .col-module_content { clear:both; position:relative; overflow:hidden}
		
		
	#left-column .col-module { 
		margin-right:-11px;}
		#left-column .col-module .col-module_br  { 
			background:url(../images/colmodule_bg_left_b.png) no-repeat right bottom;}
		#left-column .col-module .col-module_tr { 
			background:url(../images/colmodule_bg_left_t.png) no-repeat right top;}
		#left-column .col-module .col-module_tl	{
			padding:0 23px 20px 0}
			
		
	#right-column .col-module { 
		margin-left:-11px;}
		#right-column .col-module .col-module_br  { 
			background:url(../images/colmodule_bg_right_b.png) no-repeat left bottom;}
		#right-column .col-module .col-module_tr { 
			background:url(../images/colmodule_bg_right_t.png) no-repeat left top;}
		#right-column .col-module .col-module_tl {
			padding:0 0 20px 23px}
			
			
							
/* Columns Modules Suffix = style1 */
#columns-container .col-module-style1 {
	margin:0 0 10px}
	
	#columns-container .col-module-style1 .col-module_br {
		background:url(../images/colmodule_style1_br.png) no-repeat bottom right;}
		
	#columns-container .col-module-style1 .col-module_bl {
		background:url(../images/colmodule_style1_bl.png) no-repeat bottom left;}
		
	#columns-container .col-module-style1 .col-module_tr {
		background:url(../images/colmodule_style1_tr.png) no-repeat top right;}
		
	#columns-container .col-module-style1 .col-module_tl {
		background:url(../images/colmodule_style1_tl.png) no-repeat top left;
		min-height:126px;
		padding:10px 0 0}	
		
		
	#columns-container .col-module-style1 h3 { 
		font-size:1.3em;
		padding:0;
		margin:-5px 10px 7px;
		color:#fff;
		background:url(../images/colmodule_style1_header.png) repeat-x  bottom left;}
		
		#columns-container .col-module-style1 h3 span { color:#B2B2B2 } 
		
		/* For othermenu module */
		#columns-container .col-module-style1 h2 {
			color:#ccc;
			font-size:1.25em;
			text-align:center;
			padding:0 0 11px;
			line-height:1em;
			background:url(../images/othermenu_header.png) no-repeat bottom center;}
		
		#columns-container .col-module-style1 .col-module_content {
			padding:0 12px 12px;
			color:#D9D9D9}
		
		
		
/* Columns Modules Suffix = style2 */
#columns-container .col-module-style2 {
	position:relative;
	overflow:hidden;
	margin:0 -11px;}
	
	#columns-container .col-module-style2 .col-module_br {
		background:url(../images/colmodule_style2_br.png) no-repeat bottom right;}
		
	#columns-container .col-module-style2 .col-module_bl {
		background:url(../images/colmodule_style2_bl.png) no-repeat bottom left;}
		
	#columns-container .col-module-style2 .col-module_tr {
		background:url(../images/colmodule_style2_tr.png) no-repeat top right;}
		
	#columns-container .col-module-style2 .col-module_tl {
		background:url(../images/colmodule_style2_tl.png) no-repeat top left;
		min-height:126px;
		padding:20px 0 0}	
		
		
	#columns-container .col-module-style2 h3 { 
		font-size:1.3em;
		padding:0;
		margin:-4px 22px 7px;
		border-bottom:1px dashed #ccc;}
		
		#columns-container .col-module-style2 h3 span { color:#999 } 
		
		#columns-container .col-module-style2 .col-module_content {
			padding:0 23px 20px;}
			
			
		



/* Main Column Module */
#usertopmods,
#userbottommods {
	position:relative;
	clear:both;
	overflow:hidden;}

#usertopmods { 
	background:url(../images/middle_col_sep_t.png) no-repeat center bottom;
	padding-bottom:19px;
	margin-bottom:10px}

#userbottommods {  
	background:url(../images/middle_col_sep_b.png) no-repeat center top;
	padding-top:19px;
	margin-top:10px}

#contenttopmods,
#contentbotmods { 
	position:relative;
	overflow:hidden;}

#contenttopmods { margin-bottom:20px}

#middle-column .pmmodule {
		border:none;
		overflow:hidden;
		background: url(../images/module_pm_br.html) no-repeat bottom right;}
		#middle-column .pmmodule div {
			padding: 0;
			background: url(../images/module_pm_bl.html) no-repeat bottom left;}
			#middle-column .pmmodule div div {
				padding: 0;
				background: url(../images/module_pm_tr.html) no-repeat top right;}
				#middle-column .pmmodule div div div{
					background: url(../images/module_pm_tl.html) no-repeat top left;}
					#middle-column .pmmodule div div div div {
						margin: 0;
						padding: 10px;
						overflow:visible;
						background: none;}
						#middle-column .pmmodule h3 {
							color:#666;
							margin:0 0 5px;
							border-bottom:1px dashed #E6E6E6;
							padding:4px 1px 5px;
							font-size:1em;
							font-weight:bold;}



/* Main Column Module */
#usertopmods,
#userbottommods {
	position:relative; 
	overflow:hidden;}
	
	#usertopmods .separator,
	#userbottommods .separator { margin-right:10px}
	
#usertopmods { 
	margin-bottom:15px}

#userbottommods{  
	margin-top:15px}

#contenttopmods,
#contentbotmods { 
	position:relative;
	overflow:hidden;}

#contenttopmods { margin-bottom:20px}

#middle-column .usermodule {
		border:none;
		overflow:hidden;
		background: url(../images/usermodule_br.png) no-repeat bottom right;}
		#middle-column .usermodule div {
			padding: 0;
			background: url(../images/usermodule_bl.png) no-repeat bottom left;}
			#middle-column .usermodule div div {
				padding: 0;
				background: url(../images/usermodule_tr.png) no-repeat top right;}
				#middle-column .usermodule div div div{
					padding: 0;
					background: url(../images/usermodule_tl.png) no-repeat top left;}
					#middle-column .usermodule div div div div {
						margin: 0;
						padding: 10px;
						overflow:visible;
						background: none;}
						#middle-column .usermodule h3 {
							margin:-8px 0 6px 0;
							line-height:32px;
							border-bottom:1px dashed #DEDEDE;
							padding:0;
							font-size:1.15em;
							font-weight:bold;}
							
							/* Fix Icons for Usermodule */
							#content .usermodule h3 span.icons {}


	

/* Inset Modules */
.insetmods { }

.insetmods .moduletable { margin:0 0 15px!important}

.insetmods .moduletable h3 { font-size:1.2em}

/* Bottom 
---------------------*/
#bottom_t { 
	background: url(../images/bottom_b.html) no-repeat center;
	height:12px;
	margin:0 auto}


#bottom {
	position:relative;
	overflow:hidden;
	padding:10px 0 0}
	
	
/*
					             Footer
===========================///////////////////-===========================*/

#footer {
	background-image:url(../images/footer.png);
	background-repeat:repeat-x;
	background-position:top;
	border-top:1px solid #fff;}

#footer .padding {
	padding-left:5px}

#footer_effect {
	background:url(../images/footer_effect.png) repeat-x top}
	

/*  Footer Modules 
-------------------*/
#footer .moduletable {
	margin:7px 0 25px;
	padding:0}
	
	#footer .moduletable h3 {
		font-size:1.3em;
		color:#fff;
		margin:-25px 0 -20px;
		padding:0 0 0 12px}
		#footer .moduletable h3 span { color:#B2B2B2}
		
		
		
		#footer .moduletable .moduletable_content { color:#ccc }
		
		
		#footer .moduletable a { color:#D49400}
	
#footer .separator {
	background:url(../images/footer_seperator.png) no-repeat center right;
	padding-right:7px;
	margin-right:8px;}

/*  Copyright 
-----------------*/
#copyright {
	background:url(../images/copyright.png) no-repeat center top;
	clear:both;
	overflow:hidden;
	padding:20px 0 15px;
	text-align:center;
	position:relative;}
		
	#copyright p#copytext { margin:0; color:#B2B2B2;}
	
	#copyright p#pmlogo { margin:0; text-align:center;}
		#copyright p#pmlogo img { margin:10px 0 0; float:none}
	
	
	#copyright #gotop { position:relative;}
		#copyright #gotop p {
			position:absolute;
			top:-30px;
			overflow:visible;
			left:900px;
			z-index:99999;
			margin:0;}
			#copyright #gotop p a{
				width:20px;
				height:20px;
				display:block;
				background:url(../images/go_top.png) no-repeat top}
				#copyright #gotop p a:hover { background-position:bottom}
				
				#copyright #gotop p span{ display:none}



/*===========================///////////////////-===========================
===========================///////////////////-===========================*/

/* com_content 
-------------------------------------------------------------------*/

/* Blog Layout */
.blog {
	position:relative;
	overflow:hidden; 
	padding:0;}
	
.blog_description { 
	position:relative; 
	overflow:hidden;
	background:url(../images/articlerow_sep.html) no-repeat bottom center; padding-bottom:40px}
	
	.blog_description h1 { font-size:2.5em}
	
	.blog h2{
		line-height:1.4em;
		margin:0 0 .3em 0;
		border-bottom:3px solid #E6E6E6;
		padding:0 0 .2em;}
		.blog h2 a:hover { text-decoration:none; color:#555}
	
	.blog div.iteminfo {
		margin:0 0 10px;
		padding:0;
		clear:both;
		color:#555;}
	
			div.iteminfo p { 
				display:inline-block;
				color:#999;
				margin:0;
				line-height:27px;}
				
				.leading div.iteminfo p {
					line-height:27px;
					height:27px;
					font-size:1.2em;}
				
			
			.leading div.iteminfo p.createdate {
				background:url(../images/createdate.png) no-repeat left center;
				padding-left:35px;
				padding-right:18px;}
				
				.leading div.iteminfo p.createdate {
					background:url(../images/createdate.png) no-repeat left center;
					padding-left:35px;
					padding-right:18px; }
						
				
			div.iteminfo p.modifydate { }
			div.iteminfo p.createdby { }
	
	.blogcontent { 
		clear:both;
		padding:0;}
		
	
	.blog img { /* The decoration for the images that are added on the articles */
		float:left; 
		border:1px solid #ddd; 
		padding:4px;
		background-color:#EBEBEB;
		margin:0 10px 10px 0 }
				
	p.buttonheading { float:right; margin:3px 0 0 0; }	
		p.buttonheading img {  margin:0 0 0 5px; border:none; padding:none;}
		.leading p.buttonheading { margin-top:8px; }	

	.blog .round {margin:10px 0 0}
		.blog .article_column .round {margin:15px 0 -10px}
		

	/* Leading Article */
	.blog .leading { 
		position:relative;
		overflow:hidden;
		margin-bottom:25px;}
		.blog .leading h2 { 
			display:block;
			font-size:1.7em;} 
	
	
	
	/* Column-Divided Articles */
	.articles_wrap { 
		clear:both;
		position:relative;
		overflow:hidden;}
	
	.blog .article_row {
		position:relative;
		padding:0;
		margin-bottom:15px;
		overflow:hidden;}
		.blog .article_row h2 {
			display:block;
			font-weight:bold;
			font-size:1.25em;} 
	
		.blog .article_row .cols3 h2 {
			font-size:1.1em;}
			
			.blog .article_row .cols2 { /* When you set up the category/section/frontpage intro articles to have 2 columns we divede it in 2 parts */
				width:50%; 
				float:left;}
			.blog .article_row .cols3 { /* and this when you set up in 3 parts */
				width:33.3%; 
				float:left;}
		
			.blog .article_row .column2 .article_column { padding-left:15px}
			.blog .article_row .column3 .article_column { padding-left:15px;}
			
				

/* The styles below are for the article layout page */
#page { margin:10px 0 0 }
	
	#page h1.contentheading { 
		font-size:3.5em;
		padding-bottom:.4em;
		line-height:1;
		margin:0}


p.noticebottom {
	clear:both;
	position:relative;
	overflow:hidden;
	margin:0 0 15px;
	height:29px;
	border-top:1px solid #E6E6E6;
	text-align:center;
	border-bottom:1px solid #E6E6E6;
	line-height:30px;}


#page div.itemcontainer {
	padding:0;
	margin-bottom:15px;}
	
		
	#page div.itemcontainer div.iteminfo {
		float:left;
		color:#999;
		margin:7px 0 15px }
		
		#page div.itemcontainer div.iteminfo p { 
			font-size:1.2em;}
			
		#page div.itemcontainer div.iteminfo p.modifydate,
		#page div.itemcontainer div.iteminfo p.createdby { margin-right:12px; padding-right:10px;}
		
		#page div.itemcontainer div.iteminfo p.createdate {
			background:url(../images/createdate.png) no-repeat left center;
			padding-left:35px;
			padding-right:18px; }
					
	
	#page div.buttonheading {
		float:right;
		margin:13px 0 0;}
		#page div.buttonheading img {
			margin:0 0 0 7px;}
	
	
	
	
.blog_more { /* For the links that are ander the intro articles listing */
	position:relative; 
	overflow:hidden;
	margin-bottom:20px; 
	padding-top:5px;
	clear:both}

.blog_more h2{ 
	font-size:1.75em; 
	margin:10px 0 5px}
	
	.blog_more ul {
		margin:0;
		clear:both;
		width:100%;}
		.blog_more ul li {
			list-style-type:none;
			float:left;
			width:49%;
			position:relative;
			overflow:hidden} 
			.blog_more ul li a {
				float:left;
				height:29px;
				display:block;
				white-space: nowrap;
				overflow:hidden;
				line-height:30px;
				padding:0 10px;}


/* This is for Archived Content List */
p.archivedlist .inputbox { width:100px}



div.pagination { /* Pagination styles */
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	padding:12px 12px;
	clear:both;
	position:relative;
	overflow:hidden;
	margin:0 -9px 15px;}

div.pagination p.counter {
	float:right;
	margin:0;}

div.pagination ul {
	float:left;
	margin:0;}
	div.pagination ul li {
		float:left;
		list-style-type:none;
		padding:0 7px;
		border:1px solid #e9e9e9}
		div.pagination ul li a {}
			div.pagination ul li a:hover {
				text-decoration:none;
				color:#555}


/* Read More Button */
.readmore { margin:0; clear:both}
	.readmore a { 
		background:#F2F2F2 url(../images/readmore.png) no-repeat 8px 60%;
		border:1px solid #dedede;
		color:#888;
		display:inline-block;
		margin:10px 0;
		padding:2px 12px 1px 28px;
		text-decoration:none;}
		.readmore a:hover { 
			background-image:url(../images/readmore_hover.png);
			text-decoration:none;
			color:#444;}


/* com_search
---------------*/
#searchpage .searchintro {
	background:#F9F9F9;
	padding:5px 15px 0;
	position:relative;
	overflow:hidden;
	clear:both}
#searchpage .searchintro p.left { float:left}
#searchpage .searchintro p.right { float:right}	
#searchpage ol p {	margin-bottom:1em}
#searchpage ol span.discategory{ color:#999}

ol.latestnews,
ol.mostreadmod { 
	margin:0; 
	list-style-type:none; 
	width:550px;
	padding:0;
	border-bottom:1px dashed #ccc}

	ol.latestnews li a,
	ol.mostreadmod li a {
		height:29px;
		line-height:29px;
		display:block;
		padding-left:10px;
		text-decoration:none;
		border-top:1px dashed #ccc}
		ol.latestnews li a:hover,
		ol.mostreadmod li a:hover { background:#F2F2F2;}


/*===========================///////////////////-===========================
===========================///////////////////-===========================*/

/* mod_search
---------------*/
#searcharea {
	float:right;
	margin:-2px -4px 10px 0;}

#search_bg {
	width:310px;
	height:27px;
	background-image:url(../images/search_bg.png);
	background-repeat: no-repeat; 
	background-position:top center;}
	
	#search_bg form { margin:0 0 0 13px}
	
		#search_bg label { display:none; }
		
		#search_bg .inputbox {
			width:225px;
			margin:0;
			padding:0;
			background:none;
			border:none;
			color:#666;}
			#search_bg .inputbox:focus	{color:#66797D}
	
		#search_bg .button{
			float:none;
			width:60px;
			margin:0 0 0 4px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:1em;
			color:#DDBAA8;
			height:25px;
			line-height:26px;
			cursor:pointer;
			background:none;
			display:inline;
			border:none}
			#search_bg .button:hover { color:#fff}
	
		
/* mod_login
--------------*/	
form.loginform p#login_username label,
form.loginform p#login_password label { display:none; }
			
form.loginform .inputbox {
	padding:0;
	display:inline;
	background:none;
	border:none;
	width:102px;
	margin:4px 0 0 30px;}
	form.loginform p#login_username {
		background:url(../images/login_username.png) no-repeat top; width:150px; height:25px; float:left; margin:8px 0 8px 0;}
	form.loginform p#login_password {
		background:url(../images/login_password.png) no-repeat top; width:150px; height:25px; float:left; margin:0 0 8px;}
		
		form.loginform p#login_username:hover,
		form.loginform p#login_username:focus,
		form.loginform p#login_password:hover,
		form.loginform p#login_password:focus
		{ background-position:bottom;}
	
	form.loginform p#form-login-remember { 
		padding:15px 30px 0 0;
		margin:0;
		color:#999;
		float:right;}
		
	form.loginform p#login_button {
		margin:0 0 5px -4px;
		clear:both;
		float:left;}
		
	
	form.loginform ul.login_lost {
		margin:0;
		list-style-type:none;
		padding-top:7px;
		clear:both;}
		form.loginform ul.login_lost li {
			padding:1px 0}
			


form.logout p {
	margin:0 0 15px; }

form.logout button{ 
	margin: 0 0  0 10px}
		
	

/* mod_latestnews and mod_mostread
-------------------------------------*/	
ol.latestnews,
ol.mostreadmod { margin-bottom:0  }

ol.latestnews li,
ol.mostreadmod  li { color:#808080;}

	

/* mod_breadcrumbsd
----------------------*/	
#breadcrumbs {
	padding-bottom:22px;
	margin-bottom:8px;
	background:url(../images/middle_col_sep_b.png) no-repeat bottom center}
	
	#breadcrumbs p {
		display:inline;
		float:left;
		margin:0}
	#breadcrumbs ol{
			list-style-type:none;
			float:left;
			margin:0}
			#breadcrumbs ol li { 
				float:left;
				background:url(../images/breadcrumbs_arrow.png) no-repeat right center; 	
				padding:0 25px 0 8px;
				margin-top:8px;}
				#breadcrumbs ol li a {
					display:block;
					margin:0;}
				#breadcrumbs ol li.last {
					background:none;}
				#breadcrumbs ol li.last span { 
					margin:0 0 0 0}	
	
	#breadcrumbs ol li.breacrumbs_home { 
		padding-left:0}
		#breadcrumbs ol li.breacrumbs_home a { 
			display:block;
			width:18px;
			height:18px;
			text-indent:-9999em;
			background:url(../images/breadcrumbs_home.png) no-repeat center ;}
			

/* mod_banner
---------------*/	
#bannertop {
	margin:17px 0 0;}
	
#banner {
	position:relative;
	overflow:hidden;
	margin:0 0 10px}
	
	#banner .padding { padding-left:10px}
	
	
ul.bannermod {
	margin:0;
	float:left}
	ul.bannermod li {
		list-style-type:none;
		margin:0;
		display:inline;}	
		ul.bannermod li img {
			margin:0;
			float:none}
			

/* mod_poll
--------------*/
form.poll p.polltitle {
	margin-bottom:8px; font-size:1.2em;} 
form.poll p.pollradio {
	color:#777}
	

/*===========================///////////////////-===========================
				Some other styles that do not fit above
===========================///////////////////-===========================*/
	
/* Template Styles custom code */
ul.tempstyle {
	margin:0 0 15px;
	float:left}
	ul.tempstyle li {
		float:left;
		list-style-type:none;}
		ul.tempstyle li a {
			margin:0 15px 5px 15px;
			display:block;
			float:left;
			font-size:1.1em;}


/* This styles are used on the Editor Page */
form.editor select{ width:auto;}