/*
	General
*/
*
	{
	padding: 0;
	margin: 0;
	}

img
	{
	border: none;
	}

form /* for Opera */
	{
	margin: 0;
	padding: 0;
	}

a, input, button
	{
	outline: none;	/* for firefox */
	}
a
	{
	color: #295e8f;
	}
a:visited
	{
	/*color: #8c127f;*/
	}

a:hover
	{
	color: #53b6d6;
	}

/* 
	Layout
*/

/* 120 dpi fix */
html {font-size: 62.5%} 
@media all and (min-resolution: 120dpi){
	html {font-size: 55%}
}
#for-opera927 {/* don't remove! */}
#header {
	scrollbar-track-color:expression(
	this.runtimeStyle.scrollbarTrackColor = "#fff",
	((screen.deviceXDPI/screen.logicalXDPI) == 1) ? (document.body.style.fontSize = 1/(screen.logicalYDPI/96) +'em') : false
	);
}
/* /120 dpi fix */

/*	Main layout	*/
body
	{
	padding: 20px 0;
	background: #C8C8C8 url('../images/bg/body_bg.png') left top repeat-x;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Tahoma, sans-serif;
	text-align: center;
	}
	
	#body-wrapper
		{
		width: 970px;
		margin: 0px auto;
		height: 600px;
		text-align: left;
		font-size: 1.3em;
		}

		#header
			{
			}
			#header-left
				{
				float: left;
				height: 80px;
				padding: 4px 0 0 10px;
				}
			#header-right
				{
				float: right;
				width: 470px;
				height: 80px;
				font-size: 1.0em;
				}
				#head-banner
					{
					float: left;
					width: 180px;
					}
				#head-text
					{
					float: left;
					width: 260px;
					padding: 3px 0 0 0;
					text-align: right;
					}
				#indb
					{
					padding: 0 0 4px 0;
					color: #c53030;
					line-height: 1.1em;
					}
				#userscnt
					{
					padding: 0 0 4px 0;
					}
				#letsgo
					{
					text-align: right;
					}
		#menu
			{
			clear: both;
			margin-left: -7px;
			}
			#menu-left
				{
				float: left;
				width: 27px;
				height: 54px;
				background: url('../images/header/menu_bounds.png') left top no-repeat;
				}
			#menu-middle
				{
				float: left;
				width: 916px;
				height: 41px;
				padding: 13px 0 0 0;
				background: url('../images/header/menu_bg.png') left top repeat-x;
				}
				#menu-middle table
					{
					width: 100%;
					border-collapse: collapse;
					}
					#menu-middle table tbody tr td
						{
						text-align: center;
						height: 20px;
						color: #515151;
						font-size: 15px;
						text-shadow: 0 1px 1px white;
						text-transform: uppercase;
						}
						#menu-middle table tbody tr td a
							{
							color: #515151;
							text-decoration: none;
							}
							#menu-middle table tbody tr td a:hover
								{
								color: #515151;
								text-decoration: underline;
								}
							#menu-middle table tbody tr td a.blue
								{
								color: #5397d6;
								}
					#menu-middle table tbody tr td.delim
						{
						width: 40px;
						background: url('../images/common/delim_v.png') center center repeat-y;
						}
						
			#menu-right
				{
				float: left;
				width: 27px;
				height: 54px;
				background: url('../images/header/menu_bounds.png') right top no-repeat;
				}

			#center-search
				{
				clear: both;
				padding: 10px 0 0 0;
				margin-left: -3px;
				}
				#center-inner
					{
					position: relative;
					height: 330px;
					}
				#center-adv
					{
					padding: 10px 0 20px 220px;
					}
					#main-banner
						{
						padding: 15px 0 0 0;
						width: 728px;
						height: 75px;
						border: 1px solid white;
						background: #D3D3D3;
						text-align: center;
						}
						#main-banner a
							{
							display: block;
							width: 728px;
							margin: 0px auto;
							}
				#center-mouse
					{
					position: absolute;
					top: -3px;
					left: 20px;
					width: 204px;
					height: 144px;
					background: url('../images/header/mouse.png') 0 0 no-repeat;
					}
				#center-search-left
					{
					float: left;
					width: 52px;
					height: 194px;
					background: url('../images/header/middle_bounds.png') left top no-repeat;
					}
				#center-search-middle
					{
					float: left;
					width: 856px;
					padding: 20px 0 0 0;
					height: 174px;
					background: url('../images/header/middle_bg.png') left top repeat-x;
					}
				#center-search-right
					{
					float: left;
					width: 52px;
					height: 194px;
					background: url('../images/header/middle_bounds.png') right top no-repeat;
					}

					#acn-search
						{
						float: left;
						width: 490px;
						padding: 0 30px 0 0;
						}
						#acn-search p
							{
							padding: 0 0 10px 0;
							font-size: 1.1em;
							width: 350px;
							color: #666666;
							}
						#acn-search a.check-sample
							{
							text-decoration: none;
							border-bottom: 1px dotted #295e8f;
							}
							#acn-search a.check-sample:hover
								{
								color: #53b6d6;
								border-bottom: 1px dotted #53b6d6;
								}
							#acn-search a.check-sample:visited
								{
								color: #295e8f;
								}
						#search-value
							{
							width: 320px;
							}
						#check-form
							{
							margin: 9px 0 0 0;
							}
							#check-form a
								{
								margin: 0 0 0 20px;
								font-size: 1.3em;
								}
							#check-result
								{
								margin: 10px 0 0 0;
								font-size: 1.0em;
								}
					#acn-auth
						{
						float: left;
						width: 300px;
						height: 150px;
						padding: 0 0 0 35px;
						background: url('../images/common/delim_v.png') left top repeat-y;
						}
						#acn-auth table
							{
							}
						#acn-auth table tbody tr td
							{
							font-size: 13px;
							}
							#acn-auth .input-text
								{
								width: 200px;
								}
						#acn-auth label.large
							{
							font-size: 1.2em;
							}
						#acn-auth table tbody tr td
							{
							padding: 1px 0;
							}
						#acn-auth p
							{
							margin: 20px 0 0 0;
							}
						#acn-auth ul
							{
							margin: 5px 0 0 20px;
							font-size: 1.1em;
							}
							#acn-auth ul li
								{
								color: #295e8f;
								padding: 3px 0;
								}
						#acn-auth ul.admin 
							{
							margin: 4px 0 0 10px;
							font-size: 0.9em;
							list-style: none;
							}
							#acn-auth ul.admin li
								{
								float: left;
								width: 140px;
								padding: 1px 0;
								}
		#middle-content
			{
			clear: both;
			padding: 20px 0 20px 5px;
			}
			#middle-content-left
				{
				float: left;
				width: 570px;
				padding: 0 50px 20px 0;
				}
			#middle-content-right
				{
				float: left;
				width: 336px;
				padding: 0 0 20px 0;
				}
			.fresh
				{
				padding: 15px 15px 20px 15px;
				height: 681px;
				background: url('../images/rightcol.png') top left no-repeat;
				}
				.fresh .header-1
					{
					padding-bottom: 0;
					}
				.fresh p
					{
					font-size: 1.0em!important;
					}
			.fresh-rubber
				{
				padding: 0 0 20px 0;
				}
				.fresh-rubber-top
					{
					padding: 15px 0 0 15px;
					background: url('../images/rrightcol.png') top left no-repeat;
					height: 40px;
					}
				.fresh-rubber-middle
					{
					padding: 0 15px;
					background: url('../images/rightcol_bg.png') top left repeat-y;
					}
					.fresh-rubber-middle-content
						{
						}
				.fresh-rubber-bottom
					{
					background: url('../images/rrightcol.png') bottom left no-repeat;
					height: 30px;
					}
			.latest-article-item
				{
				padding: 10px 0;
				color: #655e5e;
				background: url('../images/common/delim_h.png') bottom left repeat-x;
				}
				.latest-article-item h3
					{
					padding: 0 0 4px 0;
					}
				.latest-article-item.last
					{
					background: none;
					}
				.latest-article-top
					{
					height: 20px;
					}
					.blue
						{
						color: #295e8f;
						font-weight: bold;
						}
.clearfix:after {content: "."; display: block; height: 0;   clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */					
		#footer
			{
			clear: both;
			padding: 10px 0;
			height: 90px;
			background: url('../images/common/delim_h.png') top left repeat-x;
			}
			#footer-left
				{
				float: left;
				width: 560px;
				padding: 0 105px 0 0;
				color: #424242;
				}
				#footer-left p
					{
					font-size: 1.0em;
					padding: 0 0 10px 0;
					}
			#footer-right
				{
				float: left;
				width: 300px;
				}
				#footer-right .year
					{
					float: left;
					color: #3484ce;
					font-size: 1.4em;
					letter-spacing: -0.06em;
					}
				#footer-right img
					{
					position: relative;
					top: 7px;
					}
				#footer-adv
					{
					float: right;
					padding: 10px 10px 0 0;
					}
		#middle-content h1
			{
			font-weight: normal;
			font-size: 2.3em;
			letter-spacing: -0.08em;
			padding: 0 0 10px 0;
			}
		#middle-content h2
			{
			color: #3484ce;
			padding: 10px 0 3px 0;
			font-weight: normal;
			font-size: 1.7em;
			letter-spacing: -0.08em;
			}
		#middle-content p
			{
			color: #2c2b2b;
			padding: 5px 0;
			font-size: 1.1em;
			line-height: 1.4em;
			}
	#middle-content ul
		{
		margin: 5px 0 0 50px;
		list-style-type: square;
		font-size: 1.1em;
		}
		#middle-content ul li
			{
			line-height: 1.7em;
			}
	#middle-content ol
		{
		margin: 5px 0 0 50px;
		font-size: 1.1em;
		}
		#middle-content ol li
			{
			line-height: 1.7em;
			}

		.header-1
			{
			padding: 0 0 10px 0;
			font-size: 1.7em;
			letter-spacing: -0.02em;
			}
		.header-2
			{
			padding: 10px 0 0 0;
			font-size: 1.2em;
			letter-spacing: -0.02em;
			}
		.invalid
			{
			color: #c20000;
			}
		.input-text
			{
			padding: 4px 2px;
			font-size: 1.3em;
			background: #f5f5f5;
			border: 1px solid #b5b5b5;
			}
		.input-submit
			{
			padding: 2px 5px;
			}

/*
	Different styles
*/			
.red, .required
	{
	color: red;
	}
.red 
	{
	font-weight: bold;
	}
.errors
	{
	padding: 0 0 0 15px;
	font-weight: bold;
	color: red;
	}
.success
	{
	color: #00A000;
	}
blockquote {
	margin: 10px 0;
	background: transparent url(../images/quoleft.png) left top no-repeat;
	font-style: italic;
	font-family: Times;
	font-size: 1.2em;
}
blockquote div {
  padding: 0 38px 0 48px;
  background: transparent url(../images/quoright.png) right bottom no-repeat;
}
.code
	{
	margin: 10px 50px 10px 30px;
	padding: 15px!important;
	line-height: 1.1em!important;
	color: black;
	background: #FAEDC4;
	border: 1px dashed gray;
	font-family: "Courier New";
	}
pre
	{
	width: 500px;
	font-size: 1.3em;
	}
/*
	Grid
*/
	table.acn_grid
		{
		margin: 10px 0 0 0;
		font-size: 0.9em;
		font-family: "Lucida Sans Unicode";
		border: 1px solid gray;
		background: white;
		}

	table.acn_grid th
		{
		border-bottom: solid 1px #CCCCCC;
    	border-top: 1px solid white;    
    	padding: 0 5px 5px 10px;
		text-align: left;
		}

	table.acn_grid th a
		{
		font-weight: bold;		
		}

	table.acn_grid tbody tr td
		{
    	color: #333333;
    	padding: 10px 5px	 10px 10px;
		border-bottom: solid 1px #CCCCCC;
		vertical-align: middle;
		}
		table.acn_grid tbody tr td ul, table.acn_grid tbody tr td ol
			{
			padding: 10px 0 5px 30px;
			}
	table.acn_grid tbody tr.answered td
		{
    	background-color: #D8FDC5;
		}
	table.acn_grid tbody tr.interview_3 td
		{
    	background-color: #FDF0C5;
		}
	table.acn_grid tbody tr.interview_1 td
		{
    	background-color: #D8FDC5;
		}
	table.acn_grid tbody tr.interview_2 td
		{
    	background-color: #F6F6F6;
		}
	table.acn_grid tbody tr.alternate td
		{
    	background-color: #CECECE;
		}

	table.acn_grid tbody tr.default 
		{
		cursor: default;
		}

	table.acn_grid tbody tr.disabled td
		{
		cursor: default;
		background-color: #D8D8D8;
		color: #5A5A5A;
		}			

	table.acn_grid tbody tr.tr_splitted td
		{
		padding-top: 20px;
		border-top: 2px solid black;
		}			
		
	table.acn_form
		{
		margin: 10px 0 0 0;
		font-size: 1.1em;
		}

	table.acn_form tbody tr td
		{
    	padding: 5px 10px 5px 10px!important;
		border-bottom: solid 1px #CCCCCC;
		vertical-align: middle;
		}		
/*
	Pager
*/		
.pager_wrapper
	{				
	text-align: center;
	padding: 0px 10px 30px 10px;
	}
.pager
	{
	float: left;
	display: block;
	padding: 2px 10px 0 7px;
	font-size: 1.3em;
	text-decoration: none;		
	text-align: center;
	}
		
.pager:hover
	{
	text-decoration: underline;
	}
		
.current_page
	{
	float: left;
	display: block;
	width: 22px;
	height: 26px;
	padding: 2px 0 0 0;
	font-size: 1.3em;
	font-weight: bold;
	background: url('../images/paging_bg.gif') no-repeat top left;
	}
		
.page_changer
	{
	float: left;
	display: block;
	padding: 8px 5px 0 5px;
	font-size: 1.4em;
	text-decoration: none;
	}
			
.page_changer:hover
	{
	color: #000000;
	}		
/*
	Date & time selector
*/
.date_day
	{
	width: 50px;
	}

.date_month
	{
	width: 50px;
	}			

.date_year
	{
	width: 70px;
	}	

.time_hour
	{
	width: 50px;
	}

.time_minute
	{
	width: 50px;
	}					

.time_second
	{
	width: 70px;
	}		

.validator_error
	{
	border: 2px solid red;
	}
.noborder
	{
	border: none!important;
	}
.lightgrey
	{
	background: lightgrey;
	}
	.lightgrey td
		{
		border-top: 1px solid white;
		}
/* 
	Common Forms
*/
textarea, select
	{
	background-color: white;
	border:1px solid #999999;
	color: Black;	
	}

input:focus, textarea:focus, select:focus	
	{
	background-color: white;
	border: 1px solid orange;
	color: black;
	}

input.button
	{
	padding: 5px;
	background: #ececec;
	}

input.field
	{
	background-color: white;
	border:1px solid #999999;
	color: Black;	
	width: 500px;
	padding: 4px;
	}
		
select.field
	{
	width: 350px;
	}

input.checkbox
	{
	border: none;
	padding: 0;
	background: none;
	}
.textarea
	{
	width: 500px;
	height: 100px;
	}

.textarea_big
	{
	width: 800px;
	height: 600px;
	}

table.acn_banners 
	{
	border: 1px solid #c9c5c5;
	padding: 0 5px;
	}
table.acn_banners tbody tr td
	{
	padding: 5px 0;
	font-size: 0.7em;
	}

#community-items
	{
	margin: 10px 0;
	width: 990px;
	}
	.community-item
		{
		float: left;
		padding: 0 20px 15px 0;
		}
		.community-item-date
			{
			float: left;
			color: gray;
			font-size: 0.8em;
			}
		.community-item-url
			{
			float: left;
			font-size: 1.4em;
			}
			
.article-preview
	{
	width: 800px;
	padding: 10px 0;
	}
.article-date
	{
	padding: 2px 0;
	}

ul.tools-submenu
	{
	height: 40px;
	margin: 0!important;
	padding: 0 !important;
	list-style: none;
	}
	ul.tools-submenu li
		{
		float: left;
		margin: 0 20px 0 0;
		padding: 5px;
		background: lightgray;
		list-style-type: none !important;
		}
		ul.tools-submenu li.active
			{
			background: gray;
			}
			ul.tools-submenu li.active a
				{
				color: white;
				}
fieldset
	{
	padding: 10px 10px 10px 10px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	}
	
legend
	{
	padding: 0 5px 5px 5px;
	font-weight: bold;
	}

	table tbody tr.optional td
		{
		color: #727272;
		}