/*
	Johan Hermanto
	indozone.net
	17 December 2011 - 4 January 2012
*/


body, table, textarea, input
{
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 9pt;
	line-height: 180%;
	color: #333333;
}

h1, h2, h3, h4, h5
{
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #000000;
}

a
{
	color: #336699;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a img
{
	border: none;
}

img
{
	vertical-align: middle;
}


ul
{
	list-style-type: square;
}


table
{
	border-collapse: collapse;
	margin-top: 1em;
	margin-bottom: 1em;
}

th
{
	padding: 0.5em 1em;
	font-size: 110%;
	color: #777777;
	background-color: #f8f8f8;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

thead th
{
	color: #555555;
	background-color: #e2ff84;
	background-color: #ddf877;
	border: none;
}

td
{
	padding: 0.4em 0.8em;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

tfoot td
{
	text-align: center;
	color: #777777;
	background-color: #f8f8f8;
}


form table tbody th
{
	font-size: 100%;
	text-align: left;
	background-color: transparent;
}

form table tbody td
{
	text-align: left;
}

fieldset
{
	border: 1px solid #dddddd;
	background-color: #f8f8f8;
	margin: 1em 0;
	padding: 0.5em 1.5em;
}

legend
{
	padding: 0 0.5em;
	color: #333333;
	font-weight: bold;
}

input
{
	padding: 0.3em 0.5em;
}


blockquote
{
	margin: 1em 2em;
	padding: 0.5em 1em;
	background-color: #f8f8f8;
	border-left: 2px solid #00ff00;
}

pre
{
	margin: 1em 2em;
	padding: 0.5em 1em;
	font-family: Lucida Console, Monaco, monospace;
	background-color: #f8f8f8;
	border-left: 2px solid #0066ff;
}


noscript
{
	margin: 1em;
	padding: 0.5em 1em;
	color: #ffffff;
	background-color: #ff0000;
}


/* Advertising ****************************************************************/

#AdTop, #AdMiddle, #AdBottom
{
	margin: 0;
	padding: 0;
	text-align: center;
}

#AdSide
{
	text-align: center;
}

#AdMiddle
{
	padding: 1em;
}


/* Asset **********************************************************************/

header
{
	clear: both;
	color: #888888;
}

header a
{
	font-weight: bold;
}

header .Image
{
	float: left;
	padding-top: 0.5em;
	margin-right: 1em;
}

footer
{
	clear: both;
	color: #888888;
}

footer a
{
	font-weight: bold;
}


.Header /* post/comment/pm */
{
	color: #888888;
}

.Body
{
	clear: both;
}

.Attachments 
{
	clear: both;
	margin: 2em 0;
	background-color: #eeeeee;
}
.Attachments img
{
	margin: 1em;
}



table.Wide
{
	width: 100%;
}

tr.New
{
	font-weight: bold;
	/*background-color: #fff2ae;*/
}


.Clear
{
	clear: both;
}

.Pages
{
	font-weight: bold;
}

.Button
{
	margin-right: 1em;
}

.Huge
{
	font-size: 120%;
	font-weight: bold;
}

.Big
{
	font-size: 110%;
	font-weight: bold;
}

.Small
{
	font-size: 90%;
}

.Number
{
	text-align: center;
}

.Error
{
	color: #ff0000;
}

.Left
{
	float: left;
	margin-top: 0.5em;
	margin-right: 1em;
}

.Right
{
	float: right;
	margin-top: 0.5em;
	margin-left: 1em;
}

.Nowrap
{
	white-space: nowrap;
}

.Highlight
{
	background-color: #ffff00;
}

.Lowlight
{
	color: #888888;
}

img.Resizable
{
	max-width: 100%;
}