/*
//   _                          _             _ _       
//  | |_ _____   _____ _ __ ___| |_ _   _  __| (_) ___  
//  | __/ _ \ \ / / _ \ '__/ __| __| | | |/ _` | |/ _ \ 
//  | || (_) \ V /  __/ |  \__ \ |_| |_| | (_| | | (_) |
//   \__\___/ \_/ \___|_|  |___/\__|\__,_|\__,_|_|\___/ 
//                                             (C)2007
//   Date  : 2007-08-13
//	 Author: loek@toverstudio:nl
//
*/
body 
{
	color:#201d1d;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align:center;
	background: #eaebed url(../images/background.gif) repeat-x 0px 0px;
}
a
{
	color:#222;
}
a:hover
{
	color:#222;
}
img
{
	border:none;
}

strong
{
	color:#ed1f24;
}


/* ----------------------------- canvas --------------------------- */
#canvas 
{
	margin: 0px auto;
	padding: 0px;
	text-align: left;
  	width: 1020px;
	background: url(../images/canvasback.gif) repeat-y 0px 0px;
	border:1px solid #eee;
}
/* ----------------------------- banner --------------------------- */
#banner
{
	background: url(../images/bannerback.png) no-repeat 0px 0px;
	height:62px;
}
* html #banner /* only for IE */
{
}
#banner input
{
	border:1px solid #ddd;
	height:21px;
	width:446px;
	font-size:16px;
}
#banner img
{
	vertical-align:middle;
	margin-top:0px;
}
.labelsearch
{
	padding-top:3px;
	margin-left:16px;
}
.searchinput
{
	vertical-align:middle;
}

/* ----------------------------- sidebar --------------------------- */
#sidebar 
{
	float:left;
	text-align:left;
	width:209px;
	background-color:#e2e5e9;
	padding:10px;
}
* html #sidebar /* only for IE */
{
}
h1, h2
{
	background: #e2e5e9 url(../images/header1.png) no-repeat 5px 7px;
	margin:0px;
	padding:4px 10px 4px 21px;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
}
#sidebar ul
{
	list-style:none;
	margin:0px 0px 20px 0px;
	font-size:12px;
}
#sidebar li
{
	margin:0px;
}
#sidebar ul a
{
	width:181px;
	display:block;
	padding:2px 0px 2px 8px;
	border-top:1px solid #c7c8c5;
	text-decoration:none;
}
#sidebar ul a:hover
{
	background-color:#c7c8c5;
}
#sidebar a
{
	text-decoration:none;
	font-weight:bold;
	color:#201d1d;
}
#sidebar p a:hover
{
	text-decoration:underline;
}


/* ----------------------------- content --------------------------- */
#contents 
{
	text-align:left;
	float:left;
	width:600px;
	background-color:#fff;
	padding:15px 20px 20px 20px;
}
* html #contents /* only for IE */
{
	padding:15px 10px 20px 20px;
}

#contents p
{
	margin-bottom:10px;
}
div.exmethodcard 
{
	margin:2px 0px 10px 0px;
	background: #fff url(../images/exmethodcard.gif) no-repeat 0px bottom;
	padding:10px;
	width:580px;
}
div.exmethodcard a
{
	font-size:14px;
	display:block;
	font-weight:bold;
}
div.exmethodcard cite
{
	clear:both;
	display:block;
}
div.exmethodcard img
{
	vertical-align:middle;
}

#googleads
{
	float:left;
	width:150px;
	padding-top:15px;
	text-align:center;
}

#exmethoddetails table
{
	border-collapse:collapse;
	margin-bottom:10px;
	width: 100%;
}
#exmethoddetails th
{
	padding:3px;
	color:#ed1f24;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	vertical-align:top;
	width:100px;
}
#exmethoddetails td
{
	vertical-align:top;
	border-bottom:1px solid #eee;
	padding:3px;
}
#exmethoddetails textarea
{
	margin:0px 0px 5px 0px;
	color:#444;
	border:1px solid #bbb;
}
.textbox
{
	width:300px;
	color:#444;
	border:1px solid #bbb;
}

div.comment 
{
	margin:2px 0px 10px 0px;
	background: #fff url(../images/exmethodcard.gif) no-repeat 0px bottom;
	padding:6px;
	width:580px;
	font-size:10px;
}
div.comment a
{
}
div.comment cite
{
	font-size:14px;
	display:block;
}

ol 
{ 
	margin-left: 25px;
}



.beta
{
	z-index:9999;
	position:absolute ;
	top:0px;
	left:60%;
}


#footer
{
	clear:both;
	letter-spacing:-1px;
	background-color:#eaebed;
	padding:5px 0px 8px 0px;
	text-align:center;
}

.example
{
	word-wrap:break-word;
}