/* General Settings --------------------------------------------------------- */
A:link, A:visited { text-decoration: none; color: #3058a0 }
A:hover { text-decoration: underline; }
A.badLink { background-color: #a02020; color: white; }
input.cms_input, select.cms_input, textarea.cms_input, table.cms_input 
	{ width: 100%; border: 1px solid #3058a0; }

/* Font settings ---------------------------------------------------------------*/
.text_base, .pre_text_base, .text_small, .pre_text_box,
.table_base,
.media_base, .media_border,
.form_base,
.ref_simple, .ref_teaser,
.survey_base,
#navigation_base,
.gallery_base,
.contentview,
.forumview,
.listview,
.abstract,
.footer_area, .footer_text, .infobar,
textarea,
.cms_input,
.print
{
	font-family: Arial, Helvetica;
	font-size: 11pt;
	color: #101020;
}

.abstract {
	font-family: Tahoma, Arial, Helvetica;
	font-weight: normal;
	color: #404040;
}

/* AbstractRef component ---------------------------------------------------------------- */
table.ref_simple { width: 705px; }
div.ref_simple { border-bottom: 3px solid #c0d0ec; margin: 0 0 8 0; padding: 5 0 5 0; font-size: 10pt; }
td.ref_simple { border-right: 1px dotted #606060; padding: 0 5 0 5; }
.ref_simple h1 { font-size: 11pt; font-weight: bold; margin: 0 0 5 0;}
.ref_simple h2 { font-size: 8pt; font-weight: normal; color: #606060; margin: 0 0 5 0;}
.ref_simple img { border: 0; margin: 5; }

table.ref_tease { width: 705px; }
div.ref_teaser {
	display: block; 
	background-color: #f0f0ff;
	border-right: 1px solid #a0a0ff; 
	border-bottom: 1px solid #a0a0ff; 
	border-left: 1px solid #e0e0ff; 
	border-top: 1px solid #e0e0ff; 
	margin: 0 0 8 0; padding: 5 5 10 5; 
	color: black;
	height: 150px;
	font-size: 10pt;
}
.ref_teaser h1 { font-size: 11pt; font-weight: bold; margin: 0 0 5 0;}
.ref_teaser h2 { font-size: 8pt; font-weight: normal; color: #a0a0a0; margin: 0 0 5 0;}
.ref_teaser img { border: 1px solid #4088C1; margin: 5; }
.ref_teaser A { color: #3078c1; }

/* Headline prints -------------------------------------------------------------------------- */
h1.headline_title, h1.headline_subtitle, h1.headline_smalltitle { 
  font: normal 12pt Arial, Helvetica;
  color: #3058a0;
  display: none; 
}
h1.headline_title { font-size: 16pt; display: block; }
h1.headline_subtitle { font-size: 13pt; display: block; margin: 4 0; color: #204898; }
h1.headline_smalltitle { font-size: 10pt; display: block;  }

/* Leftmenu settings ---------------------------------------------------------------*/
#leftmenu {
	width: 192px;
	background-color: white;
}
#leftmenu ul { list-style: none; margin: 0; padding: 0; border: none; }
#leftmenu li { margin: 0; list-style: none; }
#leftmenu li A {
	display: block;
	margin: 4 0;
	padding: 0 5;
	font: bold 11pt/30px Arial, Helvetica;
	background-image: url( /inet/docroot/hyundaipeta/pbutton192.jpg );
	text-decoration: none;
	color: white;
	width: 100%;
	text-align: left;
}
html>body #leftmenu li A { width: auto; }
#leftmenu li A:hover {
	color: yellow;
}
#leftmenu li ul li A {
	background-color: #dedede;
	background-image: none;
	color: 606060;
	border-bottom: 1px solid #606060;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	font: bold 10pt/25px Arial, Helvetica;
	padding: 0 10;
	mmargin: 0;
	height: 25px;
}
#leftmenu li ul li A:hover { background-color: 3058a0; color: white; }

/* Text component ------------------------------------------------------------*/
.text_base, .text_base_pre, .text_small
	{list-style-image: url( /inet/docroot/hyundaipeta/bullet.gif ); color: #303030; }
.text_small { font-size: 8pt; color: #666; }
.pre_text_box {
	background-image: url( /inet/docroot/hyundaipeta/textbox.jpg );
	display: block;
	width: 265px;
	height: 349px;
	padding: 15;
	font-size: 12pt;
}
html>body .pre_text_box { width: 235px; height: 319px; }

/* Top menu -------------------------------------------------------------------*/
#topmenu, #topmenu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#topmenu a {
	display: block;
	width: 180px;
	height: 30px;
	color: white;
	text-align: center;
	background-image: url( /inet/docroot/hyundaipeta/pbutton180.jpg );
}
#topmenu a:hover { color: yellow; text-decoration: none; }
#topmenu li {
	padding: 0 4;
	float: left;
	width: 180px; /* width needed or else Opera goes nuts */
	font: bold 11pt/30px Arial, Helvetica;
}
#topmenu li ul { /* second-level lists */
	position: absolute;
	width: 155px;
	left: -999em;
}
#topmenu li ul li a { /* extra */
	background-color: #dedede;
	background-image: none;
	color: 606060;
	border-bottom: 1px solid #606060;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	font: bold 10pt/25px Arial, Helvetica;
	text-align: left;
	padding: 0 5;
	height: 25px;
}
#topmenu li ul li a:hover { /* extra */
	background-color: #3058a0;
	color: white;
}
html>body #topmenu li ul li a { width: 155px; }
#topmenu li:hover ul, #topmenu li.iehover ul { /* lists nested under hovered list items */
	left: auto;
}

/*  Table ------------------------------------------------------------------------------------------ */
.table_base { font-size: 9pt; }
.table_base, .table_base_gridv, .table_base_gridh, .table_base_gridhv { padding: 5;}
table.table_base { /*border: 1px solid #0065a5;*/ padding: 0;}
tr.table_base { background-color: #e8e8f8; }
th.table_base, th.table_base_gridv, th.table_base_gridh, th.table_base_gridhv { 
	background-color: #214382;
	color: white;
	font-weight: bold; 
	border-bottom: 2px solid #c0d0ec; 
	border-top: 2px solid #c0d0ec;
}
.table_base_gridv { border-right: 1px solid #c0d0ec; }
.table_base_gridh { border-bottom: 1px solid #c0d0ec; }
.table_base_gridhv { border-right: 1px solid #c0d0ec; border-bottom: 1px solid #c0d0ec; }

/* Picture Gallery -------------------------------------------------------------------------- */
body.gallery_base { background-color: #202060; }
table.gallery_base { background-color: #f0f0ff; border: 1px solid #214382; }
.gallery_base_thumb { border-top: 1px dashed #a0a0a0; padding: 5 0 0 0; }
.gallery_base img { padding: 2; border: 1px solid #214382; }
.gallery_base_prev, .gallery_base_next { background-position: 25 190; background-repeat: no-repeat; }
.gallery_base_prev { background-image: url( /inet/docroot/ofe/image/arrow_left.jpg ); }
.gallery_base_next { background-image: url( /inet/docroot/ofe/image/arrow_right.jpg ); }

/* Navigation component ----------------------------------------------------------------- */
div#navigation_base { margin: 0 10; }
#navigation_base ul { 
	font: normal 10pt/20px Arial;
	list-style-image: url( /inet/docroot/ofe/image/navig_bullet.gif );
	padding: 0 0 0 20;
}

/* Survey ----------------------------------------------------------------------------------- */
.survey_base { font-size: 9pt; background-color: white; }
.survey_base A { color: black; }
.survey_base A:hover { color: #c72c27; }
div.survey_base {
	border: 1px solid #0065a5;
	padding: 5;
}
div.survey_base table { font-size: 9pt; }
div.survey_base table tr td { padding: 0 2 4 2;}
div.survey_base table tr th { font: normal 10pt Tahoma,Arial; color: #213482; padding: 2; }
A.survey_base {
	display: block;
	color: #000080;
	background-color: #f8f8f8;
	width: 120px;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	padding: 3 5 3 5;
	text-decoration: none;
	text-align: center;
}
A.survey_base:hover { background-color: 0065a5; color: white;}

/* Listview ---------------------------------------------------------------------------------- */
.listview { font-size: 8pt; }
table.listview { border-top: 1px solid #a0a0a0; }
th.listview { text-align: left; background-color: #0065a5; color: white; }
td.listview, td.listview_selected { border-bottom: 1px dotted #0065a5; }
tr.listview_selected { background-color: #e0e0ff; }
tr.listview {}
td.listview A { text-decoration: none; color: #0065a5;}
td.listview A:hover { text-decoration: underline;}
A.listview { text-decoration: none; color: #0065a5;}
A:hover.listview { text-decoration: underline;}
A.listview_action {
	display: block;
	color: black;
	background-color: #f8f8f8;
	width: 100px;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	padding: 3 5 3 5;
	text-decoration: none;
	text-align: center;
	font-size: 9pt;
}
A:hover.listview_action { background-color: 0065a5; color: white; text-decoration: none; }

/* Content view --------------------------------------------*/
th.contentview {
	color: #606060;
	text-align: left; 
	font-size: 11pt;
}
td.contentview {
	border-bottom: 2px solid #c0d0ec; 
}
th.contentview A {
	text-decoration: none; color: #0065a5; 
	font-weight: bold; 
}
td.contentview A { text-decoration: none; color: #a0a0a0; font-size: 8pt; }
th.contentview A:hover, td.contentview A:hover { text-decoration: underline; }

/* Form component ----------------------------------------------------------------------- */
.form_base_description { font-size: 8pt; }
table.form_base {
	border-top: 2px solid #0065a5;
	border-bottom: 2px solid #0065a5;
	background-color: #f0f0f0;
}
.form_base_valid, .form_base_invalid { 
	border-top: 1px solid #d0d0d0; 
	padding: 2px 5px 2px 5px;
}
.form_base_invalid { 
	color: #c72c27; 
}
.form_base_invalid .cms_input { border: 1px solid #c72c27; }
A.form_base {
	display: block;
	width: 120px;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	padding: 3 5 3 5;
	text-decoration: none;
	text-align: center;
}
.form_base A:hover { background-color: #3058a0; color: white;}

/* Box component ------------------------------------------------------------------------- */
td.box_line { padding: 5; border-right: 1px dotted #606060; }
td.box_noline { padding: 10; }

/* Media component ----------------------------------------------------------------------- */
.media_base { font-size: 8pt; font-weight: bold; }
.media_base img { border: 0; padding: 0 10 0 10; }
.media_base A { border:0; font-size: 10pt; font-weight: normal; }

.media_border { font-size: 8pt; font-weight: bold; }
.media_border img { border: 1px solid #0065a5; spacing: 0 10 0 10;  }
.media_border A { border:0; font-size: 10pt; font-weight: normal; }

.media_line { font-size: 8pt; font-weight: bold; }
.media_line img { spacing: 0 10 0 10; border-top: 1px solid #0065a5; border-bottom: 1px solid #0065a5; padding: 2 0; }
.media_line A { border:0; font-size: 10pt; font-weight: normal; }

/* Base templates and areas ------------------------------------------------------------ */
body.mainpage { 
	background-color: #202060;
}
table.paper {}
td.topmenuarea, td.mparea, td.infobararea {
	padding: 3 0;
	border-left: 5px solid #3058a0;
	border-right: 5px solid #3058a0;
	background-color: white;
}
td.mpimage { width: 570px; padding: 0 15; }
td.mptext { width: 330px; padding: 0 10; }
td.infobararea { padding: 0 1; }
td.infobar {
	background-image: url( /inet/docroot/hyundaipeta/infobar.jpg );
	color: yellow;
	font-size: 12pt;
	font-weight: bold;
	padding: 0 15;
}
td.infobar A:link, td.infobar A:hover, td.infobar A:visited { color: white; }
td.leftarea {
	background-color: #f0f0ff;
	border-left: 5px solid #3058a0;
	padding: 0 4;
}
td.content {
	border-right: 5px solid #3058a0;
	border-left: 1px solid #3058a0;
	background-color: #f8f8f8;
	padding: 15px;
	width: 750px;
}
td.footer_area { 
	padding: 0 5; 
	background-color: #a9a9a9; 
	border: 2px solid #3058a0; 
}
td.footer_text { color: white; font-size: 9pt; font-weight: normal; }
td.footer_text A { color: white; padding: 0 4; }
td.footer_text A:hover { color: white; }
table.searcharea {
	background-color: #d8d8ff;
	padding: 7 5;
}
.searcharea td { font-size: 9pt; }

.adminTable {
	font-family: Helvetica, Arial;
	font-size: 9pt;
	background-color: #f0f0f0;
}

table.adminTable {
	border: 1px solid #a0a0a0;
	width: 500px;
}
.print { display: none; }

@media print {
.noprint, .topmenusp, .leftarea, .rightarea, .footer_area { display: none; }
h1.headline_title, h1.headline_subtitle, h1.headline_smalltitle {  display: block; }
table.paper { border: none; }
td.content { border: none; }
.print { display: block; }
#ofetime { display: none; }
.language_alt { display: none; }
}