/* TAT Base CSS */
/* Compiled April 2007 Edmund Carter */

html,body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #101519;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: left;
	height: 100%;
}

.input {
	width: 300px;
	background-color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	border: 1px solid #c0c0c0;
	height: 30px;
}
.input_small {
	width: 150px;
	background-color: #f0fff1;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid #00fc12;
}
.input_textarea_large {
	width: 500px;
	height: 250px;
	background-color: #f0fff1;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid #00fc12;
}
.submit{
	padding: 6px 6px 6px 6px;
	width: 120px;
	height: 35px;
	background-color: #dc09d1;
	font-weight: bold;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	border: 0px;
	background-image:url(../img/bg/tat_submit.gif);
}

.dropdown {
	width: 155px;
	background-color: #fffcd9;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid #00fc12;
}

a:link {
	text-decoration: underline;
	color: #e906db;
}

a:visited {
	text-decoration: underline;
	color: #94148c;
}

a:hover, a:active {
	text-decoration: underline;
	color: #f6ff00;
}

div#tat_container {
	position: relative;
	width: 876px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	left: -50px;
}
div#tat_log {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 177px;
	height: 72px;
	text-align: right;
	background-image: url(../img/context/gen/tat_login_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_hdr_content {
	padding-left: 14px;
	padding-top: 5px;
	padding-right: 10px;
	width: 100%;
	height: 100%;
	font-size: 10px;
	color: #f5f5f5;
	line-height: 10px;
}
a.tat_hdr_content:link, a.tat_hdr_content:visited {
	text-decoration: none;
	color: #e906db;
}
a.tat_hdr_content:hover, a.tat_hdr_content:active {
	text-decoration: none;
	color: #000;
	background-color: #f1f400;
}
div#tat_more {
	position: absolute;
	left: 848px;
	top: 0px;
	width: 27px;
	height: 72px;
	text-align: right;
	background-image: url(../img/context/gen/tat_more_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_hdr {
	position: absolute;
	left: 177px;
	top: 0px;
	width: 424px;
	height: 72px;
	text-align: left;
	background-image:url(../img/context/gen/tat_hdr_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_hdr_sup {
	position: absolute;
	left: 600px;
	top: 0px;
	width: 248px;
	height: 72px;
	text-align: left;
	background-image:url(../img/context/gen/tat_hdr_add_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_hdr_sup_content {
	padding-left: 16px;
	padding-top: 15px;
	padding-right: 10px;
	width: 100%;
	height: 100%;
	font-size: 10px;
	line-height: 10px;
	color: #fff;
}
a.hdr_sup_content:link, a.hdr_sup_content:visited {
	text-decoration: none;
	color: #ebb9e8;
}
a.hdr_sup_content:hover, a.hdr_sup_content:active {
	text-decoration: none;
	color: #000;
	background-color: #f1f400;
}
div#tat_main_menu_frame {
	position: absolute;
	left: 70px;
	top: 72px;
	width: 278px;
	height: 197px;
	text-align: right;
	background-image:url(../img/context/gen/tat_mmnu_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_main_menu {
	padding-top: 30px;
	width: 278px;
}
div#tat_sub_menu_frame {
	position: absolute;
	left: 348px;
	top: 72px;
	width: 253px;
	height: 197px;
	text-align: left;
	background-image:url(../img/context/sub/tat_submnu_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_sub_menu_frame-out {
	position: absolute;
	left: 348px;
	top: 72px;
	width: 253px;
	height: 197px;
	text-align: left;
	background-image:url(../img/context/front/tat_nomnu_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_sub_menu {
	padding-top: 30px;
	width: 100%;
}
div#tat_sub_goback {
	position: absolute;
	left: 225px;
	top: 93px;
	width: 29px;
	height: 56px;
}
div#tat_no_menu_frame {
	position: absolute;
	left: 348px;
	top: 72px;
	width: 253px;
	height: 197px;
	text-align: right;
	background-image:url(../img/context/front/tat_nomnu_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_title {
	position: absolute;
	left: 601px;
	top: 72px;
	width: 275px;
	height: 72px;
	text-align: left;
	background-image:url(../img/context/sub/tat_pgtitle_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_f_title {
	position: absolute;
	left: 601px;
	top: 72px;
	width: 275px;
	height: 72px;
	text-align: right;
	background-image:url(../img/context/front/tat_f_pgtitle_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_note_frame {
	position: absolute;
	left: 601px;
	top: 144px;
	width: 248px;
	height: 125px;
	text-align: left;
	background-image:url(../img/context/sub/tat_comment_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_note_frame-out {
	position: absolute;
	left: 601px;
	top: 144px;
	width: 248px;
	height: 125px;
	text-align: left;
	background-image:url(../img/context/front/tat_comment_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_note {
	position: absolute;
	left: 36px;
	top: 34px;
	width: 175px;
	height: 45px;
	text-align: right;
	vertical-align: text-bottom;
}
div#tat_f_note {
	position: absolute;
	left: 601px;
	top: 144px;
	width: 248px;
	height: 125px;
	text-align: right;
	background-image:url(../img/context/front/tat_f_comment_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div#tat_content_frame {
	position: absolute;
	height: 280px;
	left: 70px;
	top: 269px;
	width: 806px;
	background-image:url(../img/context/gen/tat_bg.jpg);
	background-repeat: no-repeat;
	background-position:top;
}
div#tat_content {
	padding-left: 76px;
	padding-top: 20px;
}
div#tat_left_bg {
	position: absolute;
	left: 0px;
	top: 72px;
	width: 70px;
	height: 197px;
	background-image:url(../img/context/front/tat_lft_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
h1 {
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
	color: #00fc12;
}
h2 {
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-variant: normal;
	font-weight: bold;
	color: #ccc;
}
.tat_h2 {
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-variant: normal;
	font-weight: bold;
	color: #ccc;
}
h3 {
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
	color: #dc09d1;
}
h4 {
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	font-weight: normal;
	color: #00b20d;
}
.tat_h4 {
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	font-weight: normal;
	color: #00b20d;
}
.tat_search {
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-variant: normal;
	font-weight: bold;
	color: #fff;
	width: 210px;
	height: 22px;
	background-image:url(../img/bg/tat_search_bg.gif);
	padding-top: 5px;
	padding-left: 8px;
	border-color: #ebb9e8;
	border: 1px solid;

}
.tat_mini_menu {
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: normal;
	font-weight: normal;
	color: #c0c0c0;
	line-height: 22px;
}
a.tat_mini_menu:link, a.tat_mini_menu:visited {
	text-decoration: none;
	color: #c0c0c0;
}
a.tat_mini_menu:hover, a.tat_mini_menu:active {
	text-decoration: none;
	color: #e906db;
}
.boxout_box_on {
	padding: 16px;
	background-color:#FFFFFF;
	color: #151515;
	font-size: 11px;
	line-height: 13px;
	background-image:url(../img/bg/tat_boxout_bg_on.gif);
	background-repeat: repeat-x;
	background-position:top;	
	border-left: 1px solid #bebebe;	
	}
.boxout_box_off {
	padding: 16px;
	background-color:#d8d8d8;
	color: #313131;
	font-size: 11px;
	line-height: 13px;
	background-image:url(../img/bg/tat_boxout_bg_off.gif);
	background-repeat: repeat-x;
	background-position:top;
	border-left: 1px solid #bebebe;
	}
.boxout_title {
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
	color: #dc09d1;
}
a.boxout:link, a.boxout_title:visited {
	color: #dc09d1;
}
a.boxout:hover, a.boxout_title:active {
	color: #00e1df;
}
div#tat_boxout_support {
	padding: 20px;
	padding-top: 34px;
}
.boxout_sub {
	color: #4f4d4d;
	font-size: 9px;
}
.boxout_sub-light {
	color: #ccc;
	font-size: 9px;
}
.tat_search_subtext {
	color: #ccc;
	font-size: 9px;
}
.select {
	width:18px;
	height:18px;
	background-color:#00fc12;
	border: 1px solid #333;
}
div#tat_img_preview {
	width: 102px;
	background-color: #ff00f1;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 6px;
	vertical-align:middle;
	text-align:center;
	background-image:url(../img/bg/tat_img_preview_bg.gif);
	border: 1px solid #c202b8;
}
.tat_img_preview_i {
	border: 1px solid #c202b8;
}