/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */


/*							  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; overflowfloatleft}
.floatright {	float:right; overflow:hidden}

.width16  { width: 15%; } /* Propotion 1/6 */
.width20  { width: 20%; } /* Propotion 1/5 */
.width25  { width: 24.2%;  } /* Propotion 1/4 */
.width33  { width: 32.6%; } /* Propotion 1/3 */
.width50  { width: 49%; } /* Propotion 1/2 */
.width75  { width: 74.5%; } /* Propotion 3/4 */
.width100 { width: 99%; } /* Propotion 1/1 */

/* This are for User 1 - 3 and User 4 - 6  Modules*/
.width1_user { width: 31.8%; } /* 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:10px; }

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

.padding { padding:10px}



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

#header {
	background-repeat:repeat-x;
	background-position:center;
	border-bottom:1px solid #fff;}


	#header_inside {
		background:url(../images/header_inside.png) repeat-x top;
		height:160px;}
		
	
/* Header Top */
#header-top {
	background:url(../images/header_top.png) repeat-x top;
	height:35px;
	color:#ccc}
	
	#header-top_c {
		text-align:center;
		float:right;
		width:300px;}
		#header-top_c .padding {
			padding:10px 20px 0 0;}
		
		#header-top_l {
		background:url(../images/header_top_l.png) no-repeat left;
		height:35px;}
	
	#header-top_r {
		background:url(../images/header_top_r.png) no-repeat right;
		height:35px;}



#header .icemodule h3 {color:#666;}
	#header .icemodule { color:#555} 
	
/* Logo */
#logo {
	margin:18px 0 0;}
	#logo img {
		float:none;
		margin:0;}					


/* Font Switcher */
#fontswitcher {
	margin:-3px 0 0 19px;
	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#icedate {
	margin:0;
	font-size:.9em;}
	
	p#icedate 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 
===========================///////////////////-===========================*/

/* Promo
------------*/
#promo {
	position:relative;
	overflow:hidden;
	padding-bottom:25px;
	padding-top:5px;
	background:url(../images/site_divider.png) no-repeat center bottom}
	
	

/* Genral Decoration
---------------------*/	
#content_gradient_t  {
	background:url(../images/content_gradient_t.png) repeat-x 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 top;
		margin:0 auto;
		height:480px;}
	
	
	#content_b { 
		background:url(../images/content_b.png) no-repeat center bottom;
		margin:0 auto;
		height:491px;}
		
	#content_shadow {
		background:url(../images/content_shadow.png) repeat-y center;}
	
	
#content { 
	clear:both;
	position:relative;}
	
	#content_inside {
		margin:-525px 0 -412px;
		overflow:hidden;}


/* Some modules variations that we used to display our Joomla Modules  */
.icemodule h3 { font-size:1.2em; font-weight:bold; padding:0; margin:0 0 8px }
	
	
/* Moduletable Modules on Content only */
	#content .moduletable {
		margin:0;}
		
		#content .moduletable_r {
			background:url(../images/moduletable_r.png) no-repeat top right;
			height:53px;
			margin-bottom:-8px;}
			
		#content .moduletable_l {
			background:url(../images/moduletable_l.png) no-repeat top left;
			height:53px;}
		
			
		#content .moduletable h3 {
			line-height:32px;
			padding-left:10px;
			color:#555;
			zoom:1;
			font-size:1.2em;}
			#content .moduletable h3 span { color:#005C7A}
		
		
		#content .moduletable_content { padding:0 10px }
		
		 /* with "grey" suffix */
		 #content .grey .moduletable_r {
			background-image:url(../images/moduletable_grey_r.png);}
		 #content .grey .moduletable_l {
			background-image:url(../images/moduletable_grey_l.png);}
		 #content .grey h3 {
			color:#444;}
			
		 /* with "dark" suffix */
		 #content .dark .moduletable_r {
			background-image:url(../images/moduletable_dark_r.png);}
		 #content .dark .moduletable_l {
			background-image:url(../images/moduletable_dark_l.png);}
		 #content .dark h3 {
			color:#ccc;}
			#content .dark h3 span { color:#fff}
		
			
		/* 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:right;
			margin:0 5px 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{
	margin:0;
	position:relative;
	width:950px;
	border-bottom:none;}

    #outer-column-container {
		border-style:solid;
		border-color:transparent;}
		
		#inner-column-container{
			width: 100%;
			border-style:solid;
			border-color:transparent;}
									   
			#source-order-container{
				float: left;		
				width: 100%;}
	

	#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:0;}
		
			#left-column .inside,
			#right-column .inside { margin-top:15px; margin-bottom:-20px}					
								
								
/* Columns Modules without a Suffix */
	
#columns-container .col-module {
	margin:0 0 30px;
	position:relative;
	overflow:visible;
	background:url(../images/col-module_br.png) no-repeat bottom right;} 
	#columns-container .col-module div{
		background:url(../images/col-module_bl.png) no-repeat bottom left;} 
		#columns-container .col-module div div{
			background:url(../images/col-module_tr.png) no-repeat top right;} 
			#columns-container .col-module div div div {
				background:url(../images/col-module_tl.png) no-repeat top left;} 
				#columns-container .col-module div div div div { background:none}
				
				#columns-container .col-module div.col-module_fix {
					overflow:visible;
					position:relative;
					clear:both;
					padding:9px 10px 9px;}


					#columns-container .col-module h3 {
						color:#555;
						margin:-25px 0 0 0;
						position:relative;
						overflow:hidden;
						white-space: nowrap;
						display:inline-block;
						font-size:1.25em;}
						
						#columns-container .col-module h3 span.col-module_header_r,
						#columns-container .col-module h3 span.col-module_header_l,
						#columns-container .col-module h3 span.col-module_header_arrow{ 
							display:inline-block; height:43px; line-height:31px; }
							
						#columns-container .col-module h3 span.col-module_header_arrow{ padding:0 15px;}
						
						
						#columns-container .col-module h3 span.col-module_header_r { background:url(../images/col-module_header_r.png) no-repeat center right;}
						#columns-container .col-module h3 span.col-module_header_l { background:url(../images/col-module_header_l.png) no-repeat center left;}
						
						#columns-container .col-module h3 span.col-module_header_arrow { background:url(../images/col-module_header_arrow.png) no-repeat center bottom;}
							#columns-container .col-module h3 span.col-module_header_color {color:#015A80}
		
						#columns-container .col-module .col-module_content { clear:both; text-align:left}

						#left-column .col-module { margin-right:10px }
						#right-column .col-module { margin-left:10px }
							
							
						/* colmodule with suffix = grey  */
						#columns-container .grey h3 span.col-module_header_r { background:url(../images/col-module_grey_header_r.png) no-repeat center right;}
						#columns-container .grey h3 span.col-module_header_l { background:url(../images/col-module_grey_header_l.png) no-repeat center left;}
						#columns-container .grey h3 span.col-module_header_arrow { background:url(../images/col-module_grey_header_arrow.png) no-repeat center bottom;}	
						
						/* colmodule with suffix = dark  */
						#columns-container .dark h3 span.col-module_header_r { background:url(../images/col-module_dark_header_r.png) no-repeat center right;}
						#columns-container .dark h3 span.col-module_header_l { background:url(../images/col-module_dark_header_l.png) no-repeat center left;}
						#columns-container .dark h3 span.col-module_header_arrow { background:url(../images/col-module_dark_header_arrow.png) no-repeat center bottom;}
						#columns-container .dark h3 { color:#fff}
						#columns-container .dark h3 span.col-module_header_color {color:#ccc}	

/* Columns Modules Suffix = style1 */
#columns-container .col-module-style1 {
	margin:-15px 0 30px;
	background:url(../images/colmodule_style1_br.png) no-repeat bottom right;}
	
	#columns-container .col-module-style1 div {
		background:url(../images/colmodule_style1_bl.png) no-repeat bottom left;}
		
	#columns-container .col-module-style1 div div  {
		background:url(../images/colmodule_style1_tr.png) no-repeat top right;}
		
	#columns-container .col-module-style1 div div div  {
		background:url(../images/colmodule_style1_tl.png) no-repeat top left;}
		
	#columns-container .col-module-style1 div div div div {
		background:none;}	
		
	#columns-container .col-module-style1 div.col-module_fix {
		overflow:visible;
		position:relative;
		clear:both;
		padding:0}
	
	#columns-container .col-module-style1 h3 span { background:none!important; padding:0!important; display:inline!important; height:auto!important; line-height:normal!important}	
					
					
	#columns-container .col-module-style1 h3 { 
		font-size:1.3em;
		padding:10px 0 8px;
		margin:5px 10px 7px;
		color:#fff;
		display:block;
		background:url(../images/colmodule_style1_header.png ) repeat-x bottom left;}
		
		#columns-container .col-module-style1 h3 span.col-module_header_color { color:#ccc } 
				
		#columns-container .col-module-style1 .col-module_content {
			padding:0 12px 12px;
			color:#D9D9D9}
			
			
		#left-column .col-module-style1 { margin-right:10px;}
		#right-column .col-module-style1 { margin-left:10px;}
			
			
							
/* Main Column Module */
#usertopmods,
#userbottommods {
	position:relative; 
	overflow:hidden;
	clear:both;}
	
	#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 div div div div div {
							padding:0}
						#middle-column .usermodule h3 {
							margin:-8px 0 6px 0;
							line-height:32px;
							border-bottom:1px dashed #DEDEDE;
							padding:0;
							font-size:1em;
							font-weight:bold;}
							
							/* Fix Icons for Usermodule */
							#content .usermodule h3 span.icons {}

	

/* Inset Modules */
.insetmods .moduletable { margin:0 0 15px!important}


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


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

#footer {
	background-repeat:repeat-x;
	background-position:top;}

#footer_t {
	background-repeat:no-repeat;
	background-position:top}
	

/*  Footer Modules 
-------------------*/
#footer .moduletable {
	margin:10px 0 15px 9px;}
	
	#footer .moduletable h3 {
		font-size:1.3em;
		margin:0 0 4px;
		color:#fff;
		padding:0;
		line-height:1.5em;}
		#footer .moduletable h3 span { color:#B2B2B2}
		
		#footer .moduletable .moduletable_content { }
	
		#footer a { color:#D49400;}
	
#footer .separator {
	background:url(../images/footer_seperator.png) no-repeat center right;
	padding-right:4px;
	margin-right:5px;}

/* Enable icons on the modules */
		#footer .icon-download h3 span.icons,
		#footer .icon-mail h3 span.icons,
		#footer .icon-lock h3 span.icons,
		#footer .icon-twitter h3 span.icons,
		#footer .icon-user h3 span.icons,
		#footer .icon-feed h3 span.icons,
		#footer .icon-cart h3 span.icons,
		#footer .icon-calendar h3 span.icons,
		#footer .icon-star h3 span.icons,
		#footer .icon-tick h3 span.icons{
			display:inline-block;
			width:25px;
			height:30px;
			float:left;
			margin:-4px 6px 0 0;
			padding:0;
			background-image:url(../images/module_icons.png);
			background-repeat:no-repeat;}
			
			

/*  Copyright 
-----------------*/
#copyright {
	clear:both;
	text-align:center;
	padding-top:20px;
	background:url(../images/copyright.png) no-repeat center 10% ;}
		
	#copyright .padding {
		overflow:visible;
		padding-bottom:25px;}
	
	#copyright p#copytext { margin:0;}
	
	#copyright p#icelogo { margin:0; text-align:center;}
		#copyright p#icelogo img { margin:10px 0 0; float:none}
	
	
	#copyright #gotop { position:relative;}
		#copyright #gotop p {
			position:absolute;
			top:-32px;
			overflow:visible;
			left:885px;
			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}



/*===========================///////////////////-===========================
					      Default Joomla Component
===========================///////////////////-===========================*/

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

/* Blog Layout */
.blog {
	position:relative;
	overflow:hidden;
	margin-bottom:15px}
	
.blog_description { 
	position:relative; 
	overflow:hidden;
	background:url(../images/articlerow_sep.jpg) no-repeat bottom center; padding-bottom:40px}
	
	.blog_description h1 { font-size:2em}
	
	.blog h2{
		margin:0;
		padding:0;}
		.blog h2 a:hover { text-decoration:none; background:#eee;}
	
	.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:20px;}
				
				.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.createdate { padding-right:12px }
			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:5px;}
		.blog .leading h2 {
			margin-bottom:.15em;
			font-size:1.75em;} 
	
	
	
	/* Column-Divided Articles */
	.articles_wrap { 
		clear:both;
		background:url(../images/main_sep.png) no-repeat center bottom;
		padding-bottom:25px;
		position:relative;
		overflow:hidden;}
	
	.blog .article_row {
		position:relative;
		padding:25px 0 0;
		margin-top:15px;
		overflow:hidden;
		background:url(../images/main_sep.png) no-repeat center top;}
		.blog .article_row h2 {
			display:block;
			font-size:1.2em;
			line-height:1.5em;
			margin-bottom:.15em;} 
	
		.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 .column1 .article_column { padding-right:10px}
			.blog .article_row .column2 .article_column { padding-left:9px; border-left:1px dashed #D6D6D6}
			
			.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:1.85em;
		padding-bottom:.4em;
		border-bottom:3px solid #E6E6E6;
		line-height:1.4;
		margin:0}

	#page img { float:left; }


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 */
p.readmore { 
	margin:0 0 0 1px; 
	clear:both;
	display:inline-block;
	background:#fff url(../images/readmore_bg.png) repeat-x bottom;
	border:1px solid #dedede;
	padding:2px 14px 2px 0;}
	
	.readmore a { 
		color:#777;
		background:url(../images/readmore.png) no-repeat 6% 53%;
		padding-left:27px;
		display:inline-block;}
		.readmore a:hover { 
			background-image:url(../images/readmore_hover.png);
			text-decoration:none;}



/* 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-bottom:0  }

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


/*===========================///////////////////-===========================
					  Default Joomla Modules sytling
===========================///////////////////-===========================*/

/* 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:132px;
	margin:5px 0 0 30px;}
	form.loginform p#login_username {
		background:url(../images/login_username.png) no-repeat top; width:170px; height:25px; float:left; margin:5px 0 8px 0;}
	form.loginform p#login_password {
		background:url(../images/login_password.png) no-repeat top; width:170px; height:25px; float:left; margin:5px 0 12px;}
		
		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 { 
		margin:6px 0 0 4px;
		color:#999;}
		
		
	form.loginform p#login_button {
		margin:5px 0 0;
		clear:both}
	
	form.loginform ul.login_lost {
		margin:0;
		padding:10px 0 0 15px;
		clear:both;}
		form.loginform ul.login_lost li {
			padding:0;
			padding-right:16px}
			


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 {
	margin-bottom:-5px;
	padding-bottom:45px;
	background:url(../images/site_divider.png) no-repeat bottom center}
	
	#breadcrumbs p {
		display:inline;
		float:left;
		margin:0}
	#breadcrumbs ol{
			list-style-type:none;
			float:left;
			font-size:1.15em;
			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;
		margin-top:7px;}
		#breadcrumbs ol li.breacrumbs_home a { 
			display:block;
			width:22px;
			height:22px;
			text-indent:-9999em;
			background:url(../images/breadcrumbs_home.png) no-repeat top ;}
				#breadcrumbs ol li.breacrumbs_home a:hover { background-position:bottom}



/* mod_banner
---------------*/	
#bannertop {
	margin:20px 0 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 0 15px;
	float:left}
	ul.tempstyle li {
		float:left;
		list-style-type:none;}
		ul.tempstyle li a {
			margin:0 19px;
			display:block;
			float:left;
			font-size:1.2em;}


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



/* ToolTips
-------------------------------------------------------------------*/
.tip { 
	width:300px;
	padding:5px 10px;
	background:url(tip-text.png) left top repeat-y; 
	position:relative; 
	overflow:visible; 
	z-index:999999;
	background:#E4EAF0;
	border:1px solid #C4D0DE;
	color:#444;}
	
	.tip-title	{
		font-size:1.1em;
		font-weight:bold;
		margin:2px 0 3px;}
	
	.tip-text { line-height:1.5em }
	
		