/* Final CSS */
html, body {font-family: verdana; margin: 0px; font-size: 10px; height:100%; color: #444;} 
#scroll { position: absolute; top: 0; bottom: -0.1em; width: 1px; z-index: -1;}
a {color: #d9000f; text-decoration: none;}
a:visited {color: #d9000f; text-decoration: none;}
a:hover {color: #739961; text-decoration: underline;}
p {margin: 2px 6px 0 6px; font-size: 1em;}
h1 {background: #fff; color: #ddd; font-weight: bold; text-transform: uppercase; font-size: 10px; padding: 6px 0 0 12px; text-align: left; margin: 0; background: url('hbg.gif') 0 100% repeat-x;}
h2 {text-transform: uppercase; font-size: 1.25em; padding: 0; margin: 0.4em 0.6em;}
h3 {text-transform: uppercase; font-size: 1.0em; padding: 0; margin: 0.4em 0.6em;}
h4 {text-transform: none; font-size: 1.0em; padding: 0; margin: 0.4em 0.6em; border-bottom: 1px solid #333;}
hr {background-color: #333; height: 1px; border: 0;}

table {}
td {vertical-align: top;}
.tablex a {color: #d9000f; font-weight: normal; font-size: 10px;}
.tablex a:visited {color: #d9000f;}
.tablex a:hover {color: orange; text-decoration: none;}
table th {background: #ddd; color: #333; padding: 4px; vertical-align: middle; border-top: 0px solid #bbb; border-left: 0px solid #bbb; border-bottom: 1px solid #333; border-right: 0px solid #444;}
.tablex td {color: #333; vertical-align: top; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #444; border-right: 1px solid #444;}
.tablex td:hover {vertical-align: middle;}
.td_link a {display: block; padding: 6px 6px; color: #d9000f;}
.td_link a:visited {color: #d9000f;}
.td_link a:hover {background: #f5f5f5; color: orange; text-decoration: none;}

.credit_auth {width: 25%; text-align: center;}
.credit_list {width: 75%; }

.seriesdata {background: #fff; margin: 0 0 20px 0; color: #333; font-size: 10px; font-weight: normal; font-size: 10px; border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 1px solid #444; border-right: 1px solid #444;}
.seriesdata th {background: #ddd; color: #333; padding: 6px; vertical-align: middle; border: solid #444; border-width: 0 1px 1px 0;}
.seriesdata td {color: #333; vertical-align: middle; padding: 2px 6px; border: 0;}

.dl_thumb {width: 96px; text-align: center; vertical-align: top;}
.dl_text {vertical-align: top;}
/*.dl {background: url('files/download.gif') no-repeat 4px 50%;}*/
.dl {background: url('files/download.gif') no-repeat 4px 50%; padding-left: 18px;}

.thumbtable img {border: 1px solid #fff;}
.thumbtable a img:hover {border: 1px solid #444;}

.dl_left {width: 73px; padding: 0 4px 0 0; text-align: right; color: #747474;}
//.dl_cornl, .filedl_cornr {width: 8px; }
//.dl_cornl {background: url('files/bg_left.gif') left top no-repeat;}
//.dl_cornr {background: url('files/bg_right.gif') right top no-repeat;}
.dl_name, .dl_th142 {border: solid #9f9f9f;}
.dl_name {padding: 4px; text-transform: uppercase; text-align: center; border-width: 1px 0 0 0;}
.dl_th142 {text-align: center; width: 142px; border-width: 0 0 ; padding: 4px 4px 2px 4px;}
.dl_table {margin: 0 0 4px 0;}
.dl_table td {padding-top: 2px;}

.small {font-size: 9px; color: #888; font-weight: normal;}

.datatable {font-size: 1em; border-top: 0px solid #333;}
.datatable td {border-bottom: 0px solid #333;}
.tableh {background: #ddd; font-weight: bold; text-transform: uppercase; padding: 4px;}
.tablel {width: 148px; padding: 0.10em 0; border-top: 0px solid #d9000f;}
.tabler {padding: 0.10em 0;}

.gradl {background: #404040; /*url(images/bgl.gif) repeat-y right; */border-right: 1px solid #404040;}
.gradr {background: #404040; /*url(images/bgr.gif) repeat-y left; */border-left: 1px solid #404040;}
.banner {height: 98px; background: url('images/grandprixX_banner.png') no-repeat bottom;}


.table1 {font-size: 1em;}
.table2 {font-size: 1em;}
.table2 td {}
.table2 th {text-transform: uppercase; font-size: 1.1em; padding: 0; margin: 0.4em 0.6em; background: #ddd; border: solid #333; border-width: 1px 0;}

.tablenavone {font-weight: bold; text-transform: uppercase;}

.tablenav2 {background: #fff;}
.tablenav2 td {background: #fff; border: 0; vertical-align: middle;}

.button4 {vertical-align: middle;}
.button4 a {width: 80px; display: block; padding: 5px 10px 6px 0; text-align: right; background: url('files/download.gif') no-repeat 6px 50%; text-decoration: none; color: #d9000f; border: 1px solid #cfcfcf;}
.button4 a:visited {color: #d9000f;}
.button4 a:hover {background: #efefef url('files/download.gif') no-repeat 6px 50%; color: #c30;}

.title8 {background: #ddd; color: #333; padding: 4px; vertical-align: middle; border-top: 0px solid #bbb; border-left: 0px solid #bbb; border-bottom: 1px solid #333; border-right: 0px solid #444;}
.buffon8 {padding: 0px 10px 0px 0; text-align: right; text-decoration: none; color: #d9000f; border: 0px solid #cfcfcf;}

.button8 {vertical-align: middle; margin: 8px 0;}
.button8 a {padding: 2px 10px 2px 24px; text-align: right; background: url('files/download.gif') no-repeat 6px 50%; text-decoration: none; color: #d9000f; border: 1px solid #cfcfcf; margin: 8px 0px;}
.button8 a:visited {color: #d9000f;}
.button8 a:hover {background: #efefef url('files/download.gif') no-repeat 6px 50%; color: #c30;}


.button1 a {background: #fafafa; color: #7f7f7f; padding: 4px 16px; font-weight: bold; text-transform: uppercase;}
.button1 a:visited {background: #fafafa; color: #7f7f7f;}
.button1 a:hover {background: #7f7f7f; color: #ccc; text-decoration: none;}

.button3 {display: block; padding: 4px; text-align: center; background: #7f7f7f; color: #cccccc; font-size: 10px;}

.button2 a {display: block; padding: 4px; text-align: center; background: #fff; color: #7f7f7f; font-size: 10px; text-decoration: none;}
.button2 a:visited {background: #fff; color: #7f7f7f;}
.button2 a:hover {background: #cccccc; color: #7f7f7f;}

/*.button2 a {text-transform: capitalize; background: #fff; color: #d9000f; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #444; border-right: 1px solid #444;}
.button2 a:visited {background: #fff; color: #d9000f;}
.button2 a:hover {background: #f5f5f5; color: orange;}*/

.released {border-left: 62px solid green; padding-left: 12px;}
.beta {border-left: 62px solid orange; padding-left: 12px;}
.inprogress {border-left: 62px solid red; padding-left: 12px;}

.progress_table {}
.progress_table th {background: #666; color: #fff; padding: 0px 6px; margin: 0;}
.progress_td {width: 100px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #444; border-right: 1px solid #444;}
.progress_done {background: #95ea57; text-transform: uppercase; font-weight: bold; text-align: center; color: #cc3300;}
.progress_todo {background: #ffffff;}

/*///////////*/
/* FORUM CSS */
/*///////////*/

/*sub nav */
	.copy {font-size: 9px; color: #aaa; text-align: center; border: solid #404040; border-width: 1px 0 0 0;}
	.copy p {font-size: 9px; color: #aaa; text-align: center;}
	.copy td {font-size: 9px; color: #aaa; text-align: center; border: solid #404040; border-width: 1px 0 0 0;}
	.copy a {color: #d9000f;}
	.copy a:visited {color: #d9000f;}
	.copy a:hover {color: orange;}
	.forum_subnav a {color: #d9000f;}
	.forum_subnav a:visited {color: #d9000f;}
	.forum_subnav a:hover {color: orange; text-decoration: none;}

/*main page body*/
	.forum_mainlist {background: #fff; color: #333; font-size: 10px;}
	.gensmall a {color: #d9000f; font-weight: normal; font-size: 10px;}
	.gensmall a:visited {color: #d9000f;}
	.gensmall a:hover {color: orange; text-decoration: none;}
	.forum_mainlist {font-weight: normal; font-size: 10px;}
	.forum_mainlist a {color: #d9000f; font-weight: normal; font-size: 10px;}
	.forum_mainlist a:visited {color: #d9000f;}
	.forum_mainlist a:hover {color: orange; text-decoration: none;}
	.forum_mainlist th {background: #ddd; color: #333; padding: 2px 6px; margin: 0;}
	.forum_mainlist td {color: #333; vertical-align: middle; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #444; border-right: 1px solid #444;}
	.forum_mainlist td:hover {vertical-align: middle;}
	.forum_mainlist th {vertical-align: middle; border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 1px solid #444; border-right: 1px solid #444;}
	.forumlink2 a {display: block; padding: 0.4em 1em; color: #d9000f;}
	.forumlink2 a:visited {color: #d9000f;}
	.forumlink2 a:hover {background: #f5f5f5; color: orange; text-decoration: none;}
	.gensmall {color: #888;}
	

	.msg_quote {font-weight: normal; font-size: 10px; background: #fefefe;}
	.msg_quote a {color: #d9000f; font-weight: normal; font-size: 10px;}
	.msg_quote p {font-weight: bold; margin: 0; padding: 2px;}
	.msg_quote a:visited {color: #d9000f;}
	.msg_quote a:hover {color: orange; text-decoration: none;}
	.msg_quote th {background: #eee; color: #333; padding: 2px}
	.msg_quote td {color: #333; vertical-align: middle; border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 2px solid #222; border-right: 2px solid #222; padding: 4px;}
	.msg_quote td:hover {vertical-align: middle;}
	.msg_quote th {vertical-align: middle; border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 1px solid #222; border-right: 1px solid #222;}

/*///////////*/
/* FORUM CSS */
/*///////////*/

.td_cen_80 {width: 80px; border: 0px; padding: 2px 8px; vertical-align: top; font-size: 10px;}
.td_cen_80 img {border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #444; border-right: 1px solid #444;}
.td_cen_80 img:hover { border-top: 1px solid #444; border-left: 1px solid #444; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.td_lef {border: 0px; padding: 0 8px; font-size: 10px;}
.td_rig {border: 0px; padding: 0 8px; text-align: right; vertical-align: top; font-size: 10px;}

.t_folder_img {width: 19px; height: 18px; text-align: center;}
.t_select {width: 50px; text-align: center;}
.t_cat_desc {}
.t_cat_desc a {display: block; padding: 6px 6px; color: #d9000f;}
.t_cat_desc a:visited {color: #d9000f;}
.t_cat_desc a:hover {background: #f5f5f5; color: orange; text-decoration: none;}
.t_topics {width: 50px; padding: 0 4px; text-align: center; color: #aaa}
.t_posts {width: 40px; padding: 0 4px; text-align: center; color: #aaa}
.t_last_post {width: 128px; padding: 0 4px; text-align: center; color: #aaa}

.t_topic_title {padding: 6px 6px; width: 400px;}
.t_topic_title a {color: #d9000f;}
.t_topic_title a:visited {color: #d9000f;}
.t_topic_title a:hover {color: orange; text-decoration: underline;}
.t_replies {width: 50px; padding: 0 4px; text-align: center; color: #aaa}
.t_topic_author {width: 60px; padding: 0 4px; text-align: center; color: #aaa}
.t_views {width: 40px; padding: 0 4px; text-align: center; color: #aaa}
.t_last_post_time {width: 128px; padding: 0 4px; text-align: center; color: #aaa}

.t_member_numb {width: 16px; padding: 0 4px; text-align: center;}
.t_member_name {width: 160px; padding: 0 4px;}
.t_member_name a {display: block; padding: 6px 6px; color: #d9000f;}
.t_member_name a:visited {color: #d9000f;}
.t_member_name a:hover {background: #f5f5f5; color: orange; text-decoration: none;}
.t_member_loca {padding: 0 4px;}
.t_member_join {width: 84px; padding: 0 4px; text-align: center;}
.t_member_post {width: 50px; padding: 0 4px; text-align: center;}
.t_member_cont {width: 60px; padding: 0 4px; text-align: center;}

.l_flag {width: 5%; padding: 0 4px; text-align: center; color: #aaa}
.l_subject {padding: 6px 6px; width: 50%;}
.l_subject a {color: #d9000f;}
.l_subject a:visited {color: #d9000f;}
.l_subject a:hover {color: orange; text-decoration: underline;}
.l_from_or_to {width: 20%; padding: 0 4px; text-align: center; color: #aaa}
.l_date {width: 20%; padding: 0 4px; text-align: center; color: #aaa}
.l_mark {width: 5%; padding: 0 4px; text-align: center; color: #aaa}


/* Form elements */
input, textarea, select {
	color : #333;
	font-size: 10px ! important;
	border-color : #c30;
}


.niframe {padding: 6px 6px; height: 300px; overflow: auto;"}