/*

	project: watchthis!
	author: luka cvrk (www.solucija.com)

*/

/* global reset */
*{ margin: 0; padding: 0; }*
:focus, :active { outline: 0; }

body { font: 0.9em Georgia, "Times New Roman", Sans-Serif; background: #fff url(../images/bg.gif) repeat-x; color: #333; padding: 2px;}
a { color: #A82A15; text-decoration: none; }
img { border: 0; }
h1 {  float: left; margin: 20px 0 50px; font-size: 4em; color: #fff; }
h2 { font-size: 2.4em; font-weight: normal; margin: 0 0 20px; }
h2 a:hover { background: #A82A15; color: #fff; }
.hr { color: #ccc; }
p  { margin: 5px 0 15px; line-height: 1.6em; }
#content { margin: 0 auto; width: 900px; }
#top { float: right; margin: 38px 0 30px 0;}
	#top li { list-style: none; display: inline; }
	#top li a { float: left; padding: 6px 20px; margin: 3px 2px 0 0; color: #ccc; }
	#top li a.current { color: #fff; background: #A82A15; }
	#top li a:hover { background: #808080; color: #fff; }
#intro { clear: both; padding: 15px 0 1px 20px; border: 1px solid #dedede; font-size: 1.3em; background: #eee; margin: 0 0 30px; }

#main { float: left; width: 100%; line-height: 1.4; }

#left { clear: both; float: left; width: 500px; margin: 0 0 15px; line-height: 1.4; }
#right { float: right; width: 280px; line-height: 1.4; }
#right h3 { border-bottom: 1px solid #ccc; margin: 0 0 10px; }
#right img { margin: 0 3px 3px 0; border: 2px solid #eee; padding: 2px; }
#right li { list-style: none; display: block; padding: 2px 2px; }
	/*#right li a { display: block; border-bottom: 1px solid #ccc; padding: 5px 5px; } */
#footer { clear: both; padding: 15px 0; border-top: 1px solid #ccc; vertical-align:bottom; }
	#r { float: right; }

/*.box_left { width: 250px; float: left; padding: 5px 0 1px 5px; border: 1px solid #dedede; font-size: 1.1em; margin: 0 0 30px; }

.box_middle { width: 250px; float: left; padding: 5px 0 1px 5px; border: 1px solid #dedede; font-size: 1.1em; margin: 0 0 30px; }

.box_right { width: 250px; float: right; padding: 5px 0 1px 5px; border: 1px solid #dedede; font-size: 1.1em; margin: 0 0 30px; }

*/

.small { font-size: 0.8em; }

.box {
	width:280px;
	float:left;
	margin:0 10px 20px 10px;
	font-size: 1.1em;
	text-align: left;
}

.chunk {
	margin:0;
	padding:10px 0 0 0;
	border-top:1px solid #ccc;
}

.clearLeft {clear:left;}	
	
.error {
color: red;
text-align: left;
}

.message {
color: green;
text-align: left;

}

#container {
text-align: center;
clear: both;
}

table.sample {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	table-layout:fixed;
	
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: rgb(255, 250, 250);
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: rgb(255, 250, 250);
	-moz-border-radius: 0px 0px 0px 0px;
}

ul {margin-left: 2.5em; padding-left: 0;}