/*======================================= 
	HTML Table Filter Generator 
	CSS Document screen media
	Creation date: 21-May-2009
=======================================*/

/* HTML ELEMENTS
-------------------------------------------------------------*/
html{ background:#444444 url() 0 0 repeat-x; }
body{ width:100%; margin:0 auto; font-family:Arial, Sans-serif; font-size:13px; line-height:18px; }
h1{ 
	color:#69910D; font:24px normal Arial, Sans-serif; padding-left:20px;
	background: url(img/img_arrow.png) left top no-repeat;
}
h2{ font-size:20px; font-weight:normal; font-family:Arial, Sans-serif; color:#DB8400; border-bottom:1px solid #DB8400; margin-top:20px; }
h3{ font-size:17px; font-weight:bold; font-family:Arial, Sans-serif; color:#461573; }
h4{ font-size:15px; font-weight:normal; font-family:Arial, Sans-serif; color:#DB8400; }

a:hover{ text-decoration:none; }
a[target="_blank"]{
	padding-right:12px;
	background: url(img/pop.gif) right top no-repeat;
}
hr{
	border:0px;	height:2px; margin-top:10px;
	background: url(img/dots.gif) center center repeat-x;
}
li{ line-height:20px; }
sup{ color:red; }
/* IDS
-------------------------------------------------------------*/		
div#container{
	margin:5px auto 0 auto; border:0;
	width:1000px;
}

div#banner{
	height:100px; width:auto;
	background:transparent url(img/bg_banner.jpg) 0 0 no-repeat;
}

div#content{
	margin:0 0 0 0; border:0;
	width:auto; min-height:600px;
	background:#fff url() left top no-repeat;
	padding:10px 45px 10px 45px;
}

div#footer{
	height:20px; width:auto; clear:both; position:relative;
	background:transparent url(img/bg_footer.gif) -1px 0 no-repeat;
}

/* Menus */
div#navmenu{
	float:left;
	margin:68px 0 0 10px;
	font-size:15px;
	color:#fff;
}
div#navmenu ul{ list-style:none; margin:0 0 0 0; padding:0; }
div#navmenu li{ display:inline; margin:0 3px 0 3px; padding:0; }
div#navmenu li a{
	color:#fff;
	text-decoration:none;
	font-family:Arial;
	padding:2px 5px 2px 5px;
}
div#navmenu li a:hover{ color:#DB8400; }


div#divsubmenu{ 
	position:absolute; margin:-11px 0 0 0; 
	width:600px; background:#C9CD06; 
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
ul.submenu{ list-style:none; margin:0 0 0 0; padding:0; } 
ul.submenu li{ display:inline; margin:0 3px 0 3px; float:left; }
ul.submenu li a{ 
	width:100%; padding:5px 4px 5px 4px;
	color:#000; text-decoration:none;
}
ul.submenu li a:hover{ 
	padding:5px 3px 5px 3px;
	background:#fff;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #666;
}

ul.submenu li.dir ul{ 
	position:absolute;
	display:none;
	margin:0 0 0 0; padding:0; 
	background:#fff; 
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
ul.submenu li.dir:hover ul{ display:block; left:auto; }
ul.submenu li.dir:hover ul li{ 
	display:block; margin:0; 
	padding:0 4px 0 0; float:none; 
	border-bottom:1px solid #666; 
}
ul.submenu li.dir:hover ul li a{ 
	display:block; width:100%;
	padding:5px 2px 5px 2px;
	border:0; margin:0;
}
ul.submenu li.dir:hover ul li a:hover{ 
	background:#C9CD06;
	padding:5px 2px 5px 2px;
	border:0;
}

.footer_nav a{
	color:#FFCC00; text-decoration:none; border:0px;
}

/* CLASSES
-------------------------------------------------------------*/
.bold{ font-weight:bold; }
.clearBoth{ clear:both; }
.floatLeft{ float:left; }
.floatRight{ float:right; }
.marginTop10{ margin-top:10px; }
.marginBottom10{ margin-bottom:10px; }
.marginLeft10{ margin-left:10px; }
.marginRight10{ margin-right:10px; }
.marginTop20{ margin-top:20px; }
.marginBottom20{ margin-bottom:20px; }
.marginLeft20{ margin-left:20px; }
.marginRight20{ margin-right:20px; }
.marginTop30{ margin-top:30px; }
.marginBottom30{ margin-bottom:30px; }
.marginLeft30{ margin-left:30px; }
.marginRight30{ margin-right:30px; }
.paddingTop10{ padding-top:10px; }
.paddingBottom10{ padding-bottom:10px; }
.paddingLeft10{ padding-left:10px; }
.paddingRight10{ padding-right:10px; }
.fontSize11px{ font-size:11px; }
.noborder{ border:0; }
.hand{ cursor:pointer; }
.vertAlignMiddle{ vertical-align:middle; }
.lineThrough{ text-decoration:line-through; }
.displayBlock{ display:block; }
.displayInline{ display:inline; }
.displayNone{ display:none; }

/* tables */
table.mytable{ border:1px solid #000; background-color:#fff; padding:1px; width:100%; margin-bottom:20px;}
table.mytable th{ 
	background:#4A4A4A url(img/bg_th.jpg) left top repeat-x; 
	border-left:1px solid #C7C7C7;
	padding-left:3px;
	color:#fff; 
	height:25px; 
}
table.mytable td{ 
	border-top:0; border-left:0; border-right:0;
	border-bottom:1px solid #ccc; 
}

/* download */
a.btndwn{ 
	width:100px; height:28px; display:block; float:left;
	background:transparent url(img/btn_dwn.png) 0 0 no-repeat; 
}
a.btndwn:hover{ background:transparent url(img/btn_dwn_over.png) 0 0 no-repeat; }
.dwn{
	border:1px solid #ccc;
	background:#f4f4f4;
	margin:5px 5px 15px 0px;
	padding:5px; font-size:16px;
}
span.fileW{ margin-left:65px; }
li.new{
	list-style-image: url(img/bltgreen.gif);
	border:1px solid #ccc;
	background:#f4f4f4;
	margin:5px 5px 15px 0px;
	padding:5px; font-size:16px;
}
li.new span.fileW,right-col li.new span.fileW{ margin-left:65px; }
li.old,#right-col li.old{
	list-style-type:none;
	font-size:10px; color:#333;
}
li.old a,#right-col li.old a{ color:#333; }

/* comments */
.comments_box{ width:830px; border:1px dotted #ccc; margin:10px; padding:1px; }
.comment_layout{ 
	position:relative; width:825px; overflow:auto;
	margin:0 0 5px 0; padding:5px; background-color:#f4f4f4; 
	border:1px outset #999;
}