/*
================================================
ir.css for Plamatels corp. 
masida web service May 2006
================================================
*/

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: "Lucida Grande", Tahoma, sans-serif;
	font-size: 12px;
	color: #111;
	line-height: 1.1666em;
	width: 455px;
}

/*
-------------------------------
links
-------------------------------
*/

a:link, a:visited, a:hover
{
	color: #006699;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

/*--------------------
html common use
--------------------*/

table
{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

table.list { border-collapse: separate; }

td
{
	vertical-align: top;
	padding: 0.5em 0;
}

ol { list-style-position: inside; }
ul { list-style-type: none; }

/*
-------------------------------
headings
-------------------------------
*/

h1, h2, h3, h4, h5, h6 { }

h1, #top #directoryTitle
{
	margin-top: 10px;
	font-size: 14px;
	border-left: 4px solid #DAB545;
	padding-left: 6px;
	color: Black;
}

h2
{
	font-size: 13px;
	color: #069;
	margin-bottom: 0.2em;
}

h3
{
	font-size: 12px;
	color: #334d55;
	margin-bottom: 0.2em;
}

h4
{
	font-size: 12px;
	color: #333333;
}

h5
{
	font-size: 12px;
	color: #334d55;
}

/*
++++++++++++++++++++++++
Layout                     
++++++++++++++++++++++++
*/

#wrapper
{
	width: 435px;
	background: White;
	padding: 20px 0;
	margin-left: 10px;
}

/*
++++++++++++++++++++++++
font-size
++++++++++++++++++++++++
*/

#content td, #content p, #content li, #content div { font-size: 11px; }

/*
++++++++++++++++++++++++
shared custom elements
++++++++++++++++++++++++
*/

.clearer
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}

.alert { color: Red; }
div.block { margin-bottom: 15px; }
.contacts span.tel { margin-right: 1em; }

/*
------------------------
list display
------------------------
*/

.list
{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top: 1px;
}

.list td, .list div, ul.list li
{
	border-top: 1px dotted #CCC !important;
	padding: 0.3em 0;
}

table.list { width: 100%; }

.item .date
{
	font-size: 11px;
	font-weight: bold;
	padding-right: 1em;
}

.item .value
{
	width: 100%;
	line-height: 1.4em;
}

.item .fileSize
{
	font-size: 10px;
	text-align: right;
	padding-left: 1em;
}

.list td div, #irFAQ div.nest, #irFAQ div.Answer, #irFAQ div.Answer td, #irFAQ div.Answer div, div.image, div.text { border: none !important; }

/*
++++++++++++++++++++++++
ir
++++++++++++++++++++++++
*/

#irContent { }

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

#pageHeader { margin-bottom: 20px; }
#top #pageHeader { margin-bottom: 10px; }
#directoryTitle { font-size: 10px; }
#directoryTitle a { color: Black; }

/*
------------------------
nav
------------------------
*/

.irNav a.nav
{
	display: block;
	padding: 6px 0 !important;
	border: 1px solid Red;
}

#pageNav
{
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 3px 0;
	margin-bottom: 0;
}

#pageNav ul
{
	padding: 0;
	margin: 0;
}

#pageNav li { float: left; }

#pageNav a
{
	display: block;
	font-size: 10px;
	background: url(../assets/img/navi/arw_down.gif) 0 2px no-repeat;
	padding-left: 1.2em;
	margin-right: 1em;
}

.scroller { }

.scroller a
{
	display: block;
	font-size: 10px;
	background: url(../assets/img/navi/arw_up.gif) 0 2px no-repeat;
	padding-left: 1.2em;
	width: 20px;
	margin: -20px 0 0 auto;
	border: 1px solid White;
}

/*
------------------------
top
------------------------
*/

#top #directoryTitle { }
#top h1 { display: none; }
#top h2 { margin-bottom: 0; }

#top h2 a
{
	display: block;
	width: 102px;
	height: 11px;
	text-indent: -3000px;
}

#menuBox #box1 h2 a
{
	float: left;
}

#top h2 a:hover { text-decoration: none; }
h2#top01 { background: url(../assets/img/ir/h2_top_01.gif) no-repeat; }
h2#top02 { background: url(../assets/img/ir/h2_top_02.gif) no-repeat; }
h2#top03 { background: url(../assets/img/ir/h2_top_03.gif) no-repeat; }
h2#top04 { background: url(../assets/img/ir/h2_top_04.gif) no-repeat; }
h2#top05 { background: url(../assets/img/ir/h2_top_05.gif) no-repeat; }
h2#top06 { background: url(../assets/img/ir/h2_top_06.gif) no-repeat; }
h2#top07 { background: url(../assets/img/ir/h2_top_07.gif) no-repeat; }
h2#top08 { background: url(../assets/img/ir/h2_top_08.gif) no-repeat; }
h2#top09 { background: url(../assets/img/ir/h2_top_09.gif) no-repeat; }
#topBanner { text-align: center; }
#topNews { margin: 5px; }
#topNews h2 a { margin-bottom: 2px; }
html>body #topNews h2 a { margin-bottom: 5px; }
#menuBox { }

#menuBox table
{
	border-collapse: separate;
	border-spacing: 5px;
	margin-top: -2px;
}

html>body #menuBox table { margin-top: -5px; }

#menuBox td
{
	border: 1px solid #CCC;
	padding: 4px 6px;
	background: #FAF5E5;
}

#menuBox #box1 td { width: 100%; }
#menuBox #box2 td#menu08 { width: 33%; }
#menuBox #box3 td { width: 33%; }
#menuBox #box2 .item { margin-top: 0.5em; }

#menuBox #box1 h2 span
{
	font-size: 10px;	
	padding-left: 1em;
	color: Black;
	font-weight: normal;
}

#menuBox #box3 td p
{
	font-size: 10px;
	margin-top: 0.5em;
}

/*
------------------------
01. ir news
------------------------
*/

#irNews #pageHeader { margin-bottom: 0; }
#irNews h1 { margin-bottom: 0; }
#irNews #pageNav { border: none; }

#irNews #pageNav a
{
	width: 80px;
	margin-left: auto;
	background: url(../assets/img/navi/arw_right.gif) 0 2px no-repeat;
}

/*
------------------------
02. message
------------------------
*/

#message .message p
{
	margin-bottom: 1em;
	text-indent: 1em;
	line-height: 1.5em;
}

#message .portrait
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#message .sign
{
	margin-top: 2em;
	text-align: right;
}

#message .sign p { line-height: 1.8em; }
#message .sign p span { font-size: 10px; }

/*
------------------------
03. hilights
------------------------
*/

#hilights #pageHeader { margin-bottom: 10px; }
#hilights h1 { margin-bottom: 0; }
#hilights #irContent { }
#hilights .block { }

#hilights td
{
	padding: 3px;
	vertical-align: middle;
}

#hilights #irContent .block div { margin-bottom: 2em; }
#hilights td.value { font-size: 9px !important; }
html>body #hilights td.value { font-size: 10px !important; }
#hilights td.value, #hilights .accountType td { text-align: right; }
#hilights #content div div { margin-bottom: 2em; }
#hilights #graphs table { margin-bottom: 15px; }
#hilights h2 { padding-top: 1em; }
#hilights h3 { padding-top: 1em; }

#hilights h3 .unit
{
	font-weight: normal;
	font-size: 11px;
	margin-left: 0.5em;
}

#hilights th
{
	font-size: 80%;
	text-align: right;
	padding-right: 0.5em;
}

#hilights th span
{
	font-weight: normal;
	display: block;
}

#hilights .item
{
	font-size: 10px;
	white-space: nowrap;
	font-weight: bold;
}

#hilights .notes
{
	font-size: 10px;
	padding: 1em;
	background: #EEE;
}

#hilights .notes li
{
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 0.5em;
}

.notes h4
{
	font-size: 10px;
	padding-bottom: 0.2em !important;
}

.notes ul { padding-top: 0 !important; }

/*
graphs
*/

#hilights #graphs th { padding-right: 1.5em; }

.accountType td
{
	font-size: smaller;
	text-align: right;
}

/*
------------------------
06. IR schedule
------------------------
*/

#irSchedule th
{
	font-size: 11px;
	padding: 0.3em 0;
}

/*
------------------------
07. FAQ
------------------------
*/

#irFAQ .block { margin-bottom: 0; }

#irFAQ .Answer
{
	line-height: 1.4em;
	margin-top: 0.5em;
}

#irFAQ .Answer ul { margin: 1em 0 0 0; }

#irFAQ .Answer .caption
{
	margin-left: 0;
	font-size: 11px;
}

#irFAQ .Answer table
{
	width: auto;
	margin: 5px;
}

#irFAQ .Answer table.border { border: 1px solid #CCC; }

#irFAQ .Answer table.border td, #irFAQ .Answer table.border th
{
	border: 1px solid #CCC !important;
	padding: 3px;
}

#irFAQ .Answer .contactDesk
{
	border: 1px solid #CCC !important;
	margin: 1em;
	padding: 0.5em;
}

#irFAQ .Answer .follow { margin-top: 1em; }
#irFAQ .Answer td.date { font-size: 11px; }
#irFAQ .Answer td.value { text-align: right; }
#irFAQ .Answer .layout td.item { white-space: nowrap; }

#irFAQ .Answer .layout td.value
{
	text-align: left;
	padding-left: 0.5em;
}

#irFAQ .Answer ol li { margin-bottom: 0.5em; }
#QA05Opened .item { font-size: 11px; }

#QA31Opened .value { white-space: nowrap;}
#QA31Opened .row2 .item { font-size: 10px;}