@charset "utf-8";

/* CSS Document */



body 

{

	font-family: Arial, Sans-Serif;

	background: url(../images/background.gif) repeat;

	color: #3f3f3f;

	margin: 0;

	padding: 0;

	font-size: 12pt;
	
}

h1, h2, h3{ margin: 0; padding: 0; font-weight: normal; }

h1{ margin-bottom: 15px; margin-left: -2px; }

h2{ margin-bottom: 0.5em; }

h3{ font-weight: bold; font-size: 1em; }

ul, ol

{

	margin: 0;

	padding: 0;

	margin-left: 17px;

	margin-top: 20px;

}

ul{	list-style: square;  }

ol{ margin-left: 22px; }

ul li, ol li{ margin-bottom: 0.5em; }



a{ color: #0084e0; text-decoration: none;}

a:hover{ text-decoration: underline; }

a img{ border: solid 1px #3f3f3f; }

a:hover img{ border-color: #0084e0; }

a.btn img{ border: none; }



p{ padding-top: 0; margin-top: 0; }



.clear{ clear: both; }

.left{ float: left; }

.center{ align: center; }

.right{ float: right; }

.smaller{ font-size: 10pt; }

#header

{

	padding: 8px;

	line-height: 20px;

}

#header img#logo

{

	float: left;

	margin-right: 11px;

}

#header #titlePanel{ float: left;margin-top: 23px; }

#header h1{ font-size: 24pt; font-weight: normal; margin: 0; padding: 0; margin-bottom: 2px; }

#header h1{ color: #666;  }

.green{ color: #93c240; }

#header h2{ color: #959595; font-size: 11pt; padding-left: 8px;}



#menu

{

	height: 96px;

	background: url(../images/menu_back.png) repeat-x top;

}

#menu #menuPanel

{

	width: 650px;

	margin: 0 auto;

	padding-top: 15px;

}

#menu a

{

	display: block;

	float: left;

	width: 14%;

	text-align: center;

	color: #3f3f3f;

	text-decoration: none;

	font-size: 10pt;

	position: relative;

	top: 0;

}

#menu a img{ border: none; }

#menu a span{ display: block;}



#content

{

	margin: 0 auto;

	margin-top: 20px;

	width: 75%;

	max-width: 900px;

	min-width: 850px;

}

#footer

{

	text-align: center;

	font-size: 10pt;

	color: #a2a2a2;

	width: 100%;

	padding: 20px 0;

}



.thumbnails

{

	position: relative;

	left: -4px;	

	height: 100%;

	margin-top: 10px;

}

.thumbnails a

{

	opacity: 0.8;

	filter: alpha(opacity=80);

	display: block;

	margin: 5px;

	float: left;

}

.thumbnails a:hover{ opacity: 1; filter: alpha(opacity=100) }

.thumbnails a:hover img{ border-color: #3f3f3f; }

.examplePanel

{

	width: 800px;

	height: 290px;

	padding: 20px 25px;

	background: url(../images/examples_background.png) no-repeat left top;

	position: relative;

	left: -8px;

	margin-top: 2em;

}

.examplePanel h2{ margin-bottom: 0; padding-bottom: 0; }

.examplePanel a.more

{

	margin-right: 13px;

	margin-top: 6px;

}

.legend

{

	margin-top: 1em;

	font-size: 0.8em;

}

.legend span.imageName

{

	font-style: italic;

}



.script, pre

{

	font-family: Courier New;

	font-size: 10pt;

	background: #c7d2d8;

	background: rgba(102, 133, 150, 0.34);

	border: solid 1px #768ea5;

	padding: 10px 15px;

	margin-top: 0.5em;

	margin-bottom: 2em;

	color: Black;

	overflow: auto;

	-moz-border-radius: 10px;

	-moz-border-radius-topright: 0;

	-moz-border-radius-topleft: 0;

	-webkit-border-radius: 10px;

	-webkit-border-top-left-radius: 0;

	-webkit-border-top-right-radius: 0;

}

table

{

	background: White;

	border-color: #acacac;

	border-style: solid;

	border-width: 0 0 1px 1px;

	margin-top: 0.5em;

}

table td, table th

{

	border-color: #acacac;

	border-style: solid;

	border-width: 1px 1px 0 0;

	padding: 5px;

}

table th

{

	background: #cee5f3;

	text-align: left;

}

table td:first-child{ font-weight: bold; }

table td.fileCell{ white-space: nowrap; }