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

/*===========================///////////////////-===========================
					       General Layout Styles 
===========================///////////////////-===========================*/
	
/* Accessibility */
#accessibility {
	overflow: hidden;
	width: 0;
	height: 0;
	display:none;}

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

	div#main-nav li {cursor:default;}

/* Set some default styles for Float, Width, Separator and TextAlight */
.floatleft	{	float:left; overflow:hidden}
.floatright { float:right; overflow:hidden; right:10px;}
 .floatright li {font-weight:bold; }
 .floatright ol {margin:0}
.width16  { width: 15%; } /* Propotion 1/6 */
.width20  { width: 18%; } /* Propotion 1/5 */
.width25  { width: 23%;  } /* Propotion 1/4 */
.width33  { width: 32%; } /* 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: 32%; } /* 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; padding-right:9px; background:url(../images/seperator.png) no-repeat center right;}

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


/*===========================///////////////////-===========================
					              Top Area 
===========================///////////////////-===========================*/
#toparea { 
	background:#004773 url(../images/toparea.jpg) repeat-x top;
	height:50px;
	line-height:36px;
	color:#B7C8D2;}
	#toparea  a{ color:#E3AF11; }


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

/*-------------------
	General Decorations
-------------------*/
#gradient_top { 
	background:url(../images/gradient_top.jpg) repeat-x top;}

#gradient_bottom { 
	background:url(../images/gradient_bottom.png) repeat-x  bottom;}
	
/*-------------------
	Header Top
-------------------*/

#headertop {
	position:relative;
	overflow:hidden;
	margin-bottom:-25px;}
	
	#headertop .padding { padding-left:10px; position:relative; overflow:hidden}

	
	/* Header Top Modules */
	#headertop .moduletable {
		margin:5px 0;
		color:#444}
			#headertop .moduletable h3, .componentheading {
				margin:0 0 6px;
				font-weight:bold;
				color:#666;
				font-size:1.15em;}
				#headertop .moduletable h3 span { color:#0F5987;}

#ps_results {margin-left:-12px !important;}
	
	#headertop .separator {background-image:url(../images/seperator_headertop.png);}
	

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

#header {
	background:#004773 url(../images/header.jpg) repeat-x top;
	margin-top:-30px;
	position:relative;
	overflow:visible}
	
		
	#header .padding { padding:20px 10px 0 10px; position:relative; overflow:visible}
	

/* Logo */
#logo {
	margin:15px 0 0 0;
	float:left;}
	#logo img {
		margin-left:52px; margin-top:7px;}					


/* Font Switcher */
#fontswitcher {
	padding:5px 8px 0 0}
	
#fontswitcher ul {
	margin:0;
	float:right;} 
	#fontswitcher ul li {
		list-style-type:none;
		float:left;}	
		#fontswitcher ul li a {
			text-align:center;
			width:18px;
			height:35px;
			margin-right:1px;
			line-height:35px;
			display:block;
			border-bottom:none;
			height:25px;}
			#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 }	
	
/*-------------------
	Promo
-------------------*/
#promo {
	background:#fff;
	border-bottom:1px solid #ccc;}
	
	#promo_shadow { background: url(../images/promo_shadow.png) no-repeat top center;}
	
	#promo .padding { padding:15px 9px 10px; position:relative; overflow:hidden; background-color:#D4D4D4;}
	
	
/* Promo Modules */
	#promo .moduletable {
		margin:0;}
			#promo .moduletable h3 {
				margin:0 0 6px;
				color:#222;
				font-size:1.25em;}
				#promo .moduletable h3 span { color:#004773;}
		
		#promo .separator {background-image:url(../images/seperator_promo.png);}

/*-------------------
	User Area
-------------------*/
#userarea { 
	background:#ccc url(../images/userarea.png) repeat-x;
	line-height:30px;
	height:30px;}
	
	#userarea .padding { padding:0 10px 0 } 


/*					           Content Inside
===========================///////////////////-===========================*/


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


#content_bottom { 
	background:url(../images/content_bottom.jpg) no-repeat bottom center;
	margin:-230px auto 0;
	z-index:11;
	position:relative;
	overflow:hidden;
	height:240px;}
	
#content_shadow { background:url(../images/content_shadow.png) repeat-y top center;	}
	
	
#content { 
	clear:both;
	z-index:111;
	position:relative;
	overflow:visible;
	padding-top:15px;
	min-height:500px;}


/* Begin Columns (!!!!!Atention - because we have added some features for the template, some of the styles can be found on the index.php file of the template. If you want to change the code i dont normally reccomend you to do so for this section, try at your own risk. */	

#columns-container{
	background-color:#fff;
	min-width: 50em;		/* limit how narrow the layout will
							   shrink before it stops. */
	margin:0 2px 0 0;
	position:relative;
	overflow:hidden;
	width:970px;}

    #outer-column-container {
		border-style:solid;}
		
		#inner-column-container{
			width: 100%;	/* force this element to take the full width
							   between the left and right columns. this is
							   especially important as children of this
							   element will have width:100%; set, and how
							   that 100% value is interpreted depends on
							   the width of it's parent (this element). */
			border-style:solid;
			padding-bottom:20px;}
									   
			#source-order-container{
				float: left;		/* float left so the right column, which is
									   outside this element, has a place to go. */
				width: 100%;		/* force this to go as wide as possible */
				min-height:600px;}
	

	#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  9px -20px;	/* margin, instead of padding, used to induce margin collapse if needed by child elements */}
								
								
/* Left Column and Right Column Module Decoration */
#left-column .icemodule, 
#right-column .icemodule{
	margin:0 -8px 10px;
	position:relative;
	overflow:hidden;
	background-color:#595959}
	
		#left-column .icemodule div div div, 
		#right-column .icemodule div div div {
			background: url(../images/icemodule_header.png) repeat-x  top;}
			
			#left-column .icemodule div div div div, 
			#right-column .icemodule div div div div { 
				background:none;}
				
							#promo .moduletable h3 {color:#0F5987; font-size:15px; font-weight:bold; text-align:center; text-decoration:underline}
			
			
			#left-column .icemodule h3, 
			#right-column .icemodule h3{
				color:#e1e1e1;
				padding:9px 10px 7px;
				margin:0;
				font-weight:bold;
				text-align:center;
				background: url(../images/icemodule_arrow.png) no-repeat  center top;
				font-size:1.2em;}
					#left-column .icemodule h3 span, 
					#right-column .icemodule h3 span {color:#eebb20;}
				
				
				#left-column .icemodule div.icemodule_content,
				#right-column .icemodule div.icemodule_content { 
					color:#fff;
					background:url(../images/icemodule_content.png) repeat-x top right;}
					
					#left-column .icemodule div.icemodule_content div,
					#right-column .icemodule div.icemodule_content div { 
						padding:9px 9px 8px;
						margin:0}
						#left-column .icemodule div.icemodule_content div div,
						#right-column .icemodule div.icemodule_content div div { padding:0} 
					
					
				
			#left-column .icemodule	a,
			#left-column .icemodule a:visited,
			#right-column .icemodule a,
			#right-column .icemodule a:visited { color:#8EC5E8}
	
	
#left-column .icemodule { background-image:url(../images/icemodule_gradient_l.png); background-repeat: repeat-y; background-position: right;}					
#right-column .icemodule { background-image:url(../images/icemodule_gradient_r.png); background-repeat: repeat-y; background-position: left;}		
	

/* Module with suffix style1 */
#left-column .style1,
#right-column .style1 {
		border:none;
		padding:0;
		margin:0 -8px 0;		
		background: url(../images/icemodule_style1_br.png) no-repeat bottom right;
		padding:0;}
		#left-column .style1 div,
		#right-column .style1 div {
			zoom:1;
			background: url(../images/icemodule_style1_bl.png) no-repeat bottom left;}
			#left-column .style1 div div,
			#right-column .style1 div div {
				zoom:1;
				background: url(../images/icemodule_style1_tr.png) no-repeat top right}
				#left-column .style1 div div div,
				#right-column .style1 div div div{
					zoom:1;
					background: url(../images/icemodule_style1_tl.png) no-repeat top left}
					#left-column .style1 div div div div,
					#right-column .style1 div div div div {
						background: none!important;
						margin: 0;
						padding:20px 10px 22px;
						clear:both;
						float: none;
						min-height:30px;
						color:#555;
						overflow: hidden;}
							#left-column .style1 div div div div div,
							#right-column .style1 div div div div div { padding:0; min-height:auto; }
					
						#left-column .style1 h3,
						#right-column .style1 h3  {
							margin:3px 0 3px;
							background:none;
							text-align:center;
							z-index:99;
							font-weight:normal;
							color:#222;
							padding:0;
							white-space: nowrap;
							font-style:italic;
							font-size:1.25em;
							font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
							#left-column .style1 h3 span,
							#right-column .style1 h3 span { color:#777}


/* Module with suffix style2 */
#left-column .style2,
#right-column .style2 {
	margin:0 -8px 10px;
	position:relative;
	overflow:hidden;
	background-color:#4C4C4C}
	#left-column .style2 div,
	#right-column .style2 div {
		background: url(../images/icemodule_style2_gradient_t.png) repeat-x top }
		#left-column .style2 div div,
		#right-column .style2 div div {
			background: url(../images/icemodule_style2_gradient_b.png) repeat-x bottom}
			#left-column .style2 div div div,
			#right-column .style2 div div div {
				background: url(../images/icemodule_style2_arrow_t.png) no-repeat top center}
				#left-column .style2 div div div div,
				#right-column .style2 div div div div{
					background: url(../images/icemodule_style2_arrow_b.png) no-repeat bottom center}
					
					#left-column .style2 div div div div div,
					#right-column .style2 div div div div div{ background:none;}
				
						
						#left-column .style2 div.icemodule_content,
						#right-column .style2 div.icemodule_content { 
							color:#ccc;
							background:none;}
							#left-column .style2 div.icemodule_content div,
							#right-column .style2 div.icemodule_content div { 
								padding:5px 9px 10px;
								margin:0}
								#left-column .style2 div.icemodule_content div div,
								#right-column .style2 div.icemodule_content div div{ padding:0}
								
									#left-column .style2 h3,
									#right-column .style2 h3 {
										color:#e1e1e1;
										padding:10px 10px 7px;
										margin:0 9px 0;
										background-image:none;
										border-bottom:1px dashed #999;
										text-align:center;
										font-size:1em;}
										#left-column .style2 h3 span,
										#right-column .style2 h3 span {color:#ccc;}
				
				
						
					#left-column .icemodule	a,
					#left-column .icemodule a:visited { color:#8EC5E8}
			
			
			



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

#usertopmods { 
	border-bottom:1px dashed #d1d1d1; 
	padding-bottom:10px;
	margin-bottom:10px}

#userbottommods {  
	border-top:1px dashed #d1d1d1; 
	padding-top:10px; 
	margin-top:10px}

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

#contenttopmods { margin-bottom:20px}


#usertopmods .separator,
#userbottommods .separator,
#contenttopmods .separator,
#contentbotmods .separator{ background:none; padding:0}


#middle-column .icemodule {
		border:none;
		overflow:hidden;
		background: url(../images/module_ice_br.png) no-repeat bottom right;}
		#middle-column .icemodule div {
			padding: 0;
			background: url(../images/module_ice_bl.png) no-repeat bottom left;}
			#middle-column .icemodule div div {
				padding: 0;
				background: url(../images/module_ice_tr.png) no-repeat top right;}
				#middle-column .icemodule div div div{
					background: url(../images/module_ice_tl.png) no-repeat top left;}
					#middle-column .icemodule div div div div {
						margin: 0;
						padding: 10px;
						overflow:visible;
						background: none;}
						#middle-column .icemodule div div div div div {
							padding:0}
							
						#middle-column .icemodule h3 {
							color:#666;
							margin:0 0 5px;
							border-bottom:1px dashed #E6E6E6;
							padding:4px 1px 5px;
							font-size:1em;
							font-weight:bold;}


/*
								Bottom Top
===========================///////////////////-===========================*/

#bottom_top {
	background:#555 url(../images/bottom_top.jpg) repeat top center;
	position:relative;
	overflow:hidden;
	z-index:111;
	color:#E6E6E6;}
	
	#bottom_top_effect {
		background:url(../images/bottom_top_effect.png) repeat-x top;
		position:relative;
		overflow:hidden;}
	
	#bottom_top .padding { padding:4px 9px}
	


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

#bottom {
	background:#444 url(../images/bottom.jpg) repeat top center;
	color:#999;
	z-index:11;
	zoom:1;
	position:relative;
	overflow:hidden;}
	#bottom_effect {
		background:url(../images/bottom_effect.png) repeat-x top;
		position:relative;
		overflow:hidden;}
	
	
	#bottom .padding { padding:10px; position:relative; overflow:hidden}
	
	#bottom a,
	#bottom a:visited { color:#8EC5E8}
		
			
	/* Bottom Modules */
	#bottom .moduletable {}
			#bottom .moduletable h3 {
				margin:0 0 6px;
				color:#ccc;
				font-size:1.25em;}
				#bottom .moduletable h3 span { color:#EEBB20}
	
	#bottom .separator {background-image:url(../images/seperator_bottom.png);}


/*===========================///////////////////-===========================
					             Footer
===========================///////////////////-===========================*/
#footer {
	background:#B3B3B3 url(../images/footer.png) repeat-x top;
	color:#666;
	overflow:hidden;
	position:relative;
	margin-top:-10px;}
	
	#footer .padding { 
		padding:25px 9px 13px;
		overflow:hidden;}
		
	#footer p{
		margin:0;} 
	
	
	#footer #copyright { width:100%; margin:0px 0 0; text-align:center; clear:both; position: relative; overflow:hidden}
		#footer div#copyright p { margin:0 auto; text-align:center}
	
	
#footer p#icelogo { margin:0 ;}
	#footer p#icelogo img { margin:5px 0 0; float:none}
	
	
#footer #gotop { position:relative;}

#footer #gotop p {
	position:absolute;
	top:0px;
	overflow:visible;
	left:945px;
	z-index:99999;
	margin:0;}
	#footer #gotop p a{
		width:20px;
		height:20px;
		display:block;
		background:url(../images/go_top.png) no-repeat top}
		#footer #gotop p a:hover { background-position:bottom}
		
	#footer #gotop p span{ display:none}



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

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

/* Blog Layout */
.blog {
	position:relative;
	overflow:hidden; 
	padding-bottom:10px;}
	
.blog_description { 
	position:relative; 
	overflow:hidden;
	background:url(../images/articlerow_sep.jpg) no-repeat bottom center; padding-bottom:40px}

	.blog h2{
		line-height:1.5;
		color:#444;
		margin:0 0 .1em 0; 
		font-size:1.4em;}
		.blog h2 a:hover { text-decoration:none; color:#555}
	
	.blog div.iteminfo {
		margin:1px -9px 9px -9px;
		padding:5px 9px 3px;
		clear:both;
		color:#888;
		border-bottom:1px solid #E3E3E3;
		background:#E6E6E6 url(../images/leading_iteminfo.png) repeat-x top;}
	
			div.iteminfo p { display:inline; }
			
			div.iteminfo p.modifydate { }
			div.iteminfo p.createdby { }
	
	.blog  .blogcontent { 
		background:url(../images/leading_blogcontent.png) repeat-x top;
		margin:-9px -9px 0 -9px;
		padding:9px 9px 9px 9px;}
		
	
	.blog .blogcontent img { /* The decoration for the images that are added on the articles */
		float:left; 
		border:1px solid #aaa; 
		padding:1px;
		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 { 
		position:relative;
		overflow:hidden;
		border:1px solid #D9D9D9;
		padding:9px 9px 0;
		background:#F0F0F0}
		.blog .leading h2, a.contentpagetitle { 
			
			font-size:1.4em;
			font-weight:bold;
			display:block;
			margin:-9px -9px 0 -9px;
			padding:5px 9px 4px;} 
	

	
	/* Column-Divided Articles */
	.articles_wrap { 
		clear:both;
		position:relative;
		overflow:hidden;}
	
	.blog .article_row {
		position:relative;
		overflow:hidden;
		border:1px solid #D9D9D9;
		padding:9px 9px 0 9px;
		margin-top:9px;
		background:#F0F0F0}
		.blog .article_row h2 {
			background:#F2F2F2 url(../images/leading_header.png) repeat-x bottom;
			display:block;
			font-size:1.15em;
			margin:-9px -10px 0 -9px;
			padding:4px 9px;} 
	
			.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.33%; 
				float:left;}
		
			.blog .article_row .column1 .article_column { padding-right:8px;}
			.blog .article_row .column2 .article_column { padding-left:8px; }
			.blog .article_row .column3 .article_column { padding-left:10px; }
			
				
			
				
				.blog .article_row .column2 div.blogcontent,
				.blog .article_row .column3 div.blogcontent { border-left:1px solid #D9D9D9}
				
				 
			
		

/* The styles below are for the article layout page */
#page { 
	position:relative;
	overflow:hidden;
	margin:0 0 10px;
	padding:9px 9px 0 9px;
	background:#fff;
	border:1px solid #D9D9D9;}
	
	#page h1.contentheading { 
		font-size:2em;
		color:#666;
		line-height:1.3em;
		margin:-9px -10px 0 -9px;
		padding:8px 9px 5px 9px;
		background:#F2F2F2 url(../images/leading_header.png) repeat-x bottom;}

	
	#page div.iteminfo {
		margin:1px -9px 9px -9px;
		padding:10px 9px 6px;
		clear:both;
		color:#888;
		position:relative;
		overflow:hidden;
		border-bottom:1px solid #E3E3E3;
		background:#E6E6E6 url(../images/leading_iteminfo.png) repeat-x top;} 
		
		#page div.iteminfo p.articleinfo { float:left; margin:0 }
			#page div.iteminfo p.articleinfo span.createdby { padding-right:10px }
			#page div.iteminfo p.articleinfo .createdate { padding-right:10px }
			#page div.iteminfo p.articleinfo .modifydate
			
		#page div.iteminfo p.buttonheading { float:right}
				#page div.iteminfo p.buttonheading img {
					margin:-2px 0 0 7px;}
			


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;}


	
	
	
	
.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;
	color:#555;}
	
	.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:10px -9px 15px;}

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

div.pagination ul {
	float:left;
	margin:0;}
	

	div.pagination ul li, .pagination 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 }
	.readmore a, a.readon { 
		background:#FCFCFC url(../images/readmore.png) no-repeat 6px 51%;
		border:1px solid #dedede;
		color:#888;
		display:inline-block;
		margin:10px 0 0;
		padding:2px 10px 1px 25px;
		text-decoration:none;}
		.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:4px 0 0 0;}

	
	#searcharea p#search_bg {
		width:220px;
		height:24px;
		background-image:url(../images/search_bg.png);
		background-repeat: no-repeat; 
		background-position:top center;
		margin:0;
		float:left; }
		#searcharea p#search_bg:hover { background-position:bottom;}
	
		#searcharea label { display:none; }
		
		#searcharea p#search_bg .inputbox {
			width:200px;
			color:#778994;
			margin:1px 0 0 27px;
			background:none;
			border:none;}
	
		#searcharea p#search_button { margin:0; float:left}
	
		#searcharea p#search_button span.round { margin-top:-1px; height:22px; border:1px solid #52788D; background:#0F3044; color:#778994}
			#searcharea p#search_button button:hover span.round { color:#BDC5CB}
			
			#searcharea p#search_button span.round span { height:22px; line-height:22px; background:none}
			
	
		
/* mod_login
-------------------------------------------------------------------*/	
#loginarea {
	background-image:url(../images/login.png);
	background-repeat:no-repeat;
	background-position:center;
	float:right;
	color:#B7C8D2;
	margin:-15px -15px -10px 0;
	width:418px;
	height:118px;}	
	#loginarea .padding { padding:35px 28px }
	
	#loginarea a{ color:#E3AF11; }
	
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;
	color:#778994;
	margin:4px 0 0 30px;}
	form.loginform p#login_username {
		background:url(../images/login_username.png) no-repeat top; width:142px; height:24px; float:left; margin:0 7px 0 0;}
	form.loginform p#login_password {
		background:url(../images/login_password.png) no-repeat top; width:142px; height:24px; float:left; margin:0 4px 0 0;}
		
		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#login_button { margin:0; float:left}
	
		form.loginform p#login_button button { padding:2px 10px; border:1px solid #52788D; background:#0F3044; color:#778994}
			form.loginform p#login_button button:hover { color:#BDC5CB}
			
			
		
	form.loginform p#login_remember { 
		clear:both; 
		padding:7px 0 0;
		margin:0;  
		float:left;}
	
	form.loginform p.login_lost {
		margin:9px 0 10px 10px;
		padding-left:9px;
		float:left; 
		border-left:1px solid #648CA3;}
			


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 {
	float:left;
	margin-left:-10px;
	font-size:1em;}
	
	#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_sep.png) no-repeat right center; 	
				padding:0 29px 0 10px;}
				#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;
		padding-right:0;
		background:none;}
		#breadcrumbs  ol li.breacrumbs_home a { 
			display:block;
			width:53px;
			height:30px;
			text-indent:-9999em;
			background:url(../images/breadcrumbs_home.png) no-repeat center ;}
		

/* mod_banner
-------------------------------------------------------------------*/	
	
#banner {
	float:right;
	margin:3px 0 0}
	
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:#ccc}
	

/*===========================///////////////////-===========================
				Some other styles that do not fit above
===========================///////////////////-===========================*/

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