﻿
/********************************************************************************
*** DTBH.css
********************************************************************************/

html		{ margin: 0; padding: 0; color: #000; background: black; }
body		{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: .7em; margin: 0; }
a:link		{ text-decoration: none; }
a:visited	{ text-decoration: none; }
a:hover		{ text-decoration: underline; }
a:active	{ text-decoration: none; }
input, select, textarea
			{ font-size:1em; font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif; }
h1, h2, h3, h4, h5, h6
			{ margin: 2px 0 2px 0; }
h1			{ font-size: 28px; font-weight: bold; margin: 5px 0 5px 0; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
			{ text-decoration: none; color: #000000; }

/********************************************************************************
*** 
********************************************************************************/

#PRELOAD_01			{ display: none; background: url(../../Images/BG/BG_All_Logos.jpg) no-repeat; }
.MainWrapper		{ position: relative; width: 1050px; height: 1250px; margin: 0 auto; background-image: url(../../Images/BG/BG_Sky_Grass_Bar_Full.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 0%; background-attachment: scroll; }
.MainWrapper_Fixed	{ position: relative; width: 1066px; height: 1220px; margin: 0 auto; background-image: url(../../Images/BG/BG_All_NoLogos.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 0%; background-attachment: scroll; }
#SubWrapper			{ position: relative; width: 1050px; height: 1250px; margin: 0 auto; background-image: url(../../Images/BG/Dog_Full01.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 0%; background-attachment: scroll; }
#MainContent		{ width: 100%; height:100%; } 
#Footer				{ clear: left; width: 100%; background: black; color: #FFF; text-align: center; padding: 4px 0; }
#Footer A			{ color: white; border: }
.InnerTube			{ margin: 10px; margin-top: 0; }
.Pad_Sides			{ margin: 10px; margin-top: 0; margin-bottom:0; }

/********************************************************************************
*** HEADER ELEMENTS 
********************************************************************************/

#HeaderArea		{ position: relative; width: 1050px; height: 320px; }
#HeaderArea h1	{ margin: 0; padding-top: 15px; }
#MainMenu		{ position: absolute; z-index: 1; left: 480px; top: 20px; width: 550px; height: 20px; vertical-align: middle; }
#Login_Temp		{ position: absolute; left: 10px;  top: 10px; width:300px; height:500px; background-color:White; border: blue thin solid; text-align:left;}
#Login_Box		{ position: absolute; z-index:1; left: 10px;  top: 50px; display: none; border: 9px solid orange; background-color: white; width: 200px; height:600px; padding: 8px; }
#Login_Link		{ position: absolute; left: 10px;  top: 10px; color:White; }
#Header_DogLogo	{ position: absolute; left: 620px; top: 80px; }
#Header_AELogo	{ position: absolute; left: 730px; top: 250px; }
.Frame_AELogo	{ position: absolute; left: 670px; top: 270px; width: 260px; height: 60px; }
.Frame_DogLogo	{ position: absolute; left: 550px; top:  75px; width: 380px; height:150px; }

/********************************************************************************
*** 
********************************************************************************/

#Box_L1		{ position: absolute; left: 20px; top: 485px; width:500px; height:220px; margin: 0; background-image: url(../../Images/Items/Box_TL_BlackTrans.png); }
#Box_L2		{ position: absolute; left: 20px; top: 720px; width:500px; height:280px; margin: 0; background-image: url(../../Images/Items/Box_ML_BlackTrans.png); }
#Box_R1		{ position: absolute; left:540px; top: 350px; width:500px; height:355px; margin: 0; background-image: url(../../Images/Items/Box_TR_BlackTrans.gif); }
#Box_R2		{ position: absolute; left:540px; top: 720px; width:500px; height:280px; margin: 0; background-image: url(../../Images/Items/Box_ML_BlackTrans.png); }
.Banner_500	{ position: absolute; left: 0px; top: 0px;  width:500px; height:40px; background-image: url(../../Images/Items/Banner_500_Orange.png); }
.Banner_418	{ position: absolute; left: 0px; top: 0px;  width:408px; height:40px; background-image: url(../../Images/Items/Banner_418_Orange.png); }
.Title_1	{ position: absolute; left: 20px; top: 12px; width:350px; text-align:left; color: #FFECD9; font-size:14pt; font-family: 'Arial Rounded MT Bold' , 'Arial Black'; }
.Fm_main	{ font-weight: normal; font-size: 10pt; color: White;   font-family: Verdana, Arial; text-align: left; }


/************************************************************************
*** Dynamic elements
************************************************************************/

#FV1				{ position: absolute; left: 107px; top: 70px; }
#Player_Logo		{ position: absolute; left: 20px;  top: 315px; width: 60px;}
#Player_V1			{ position: absolute; left: 30px;  top: 150px; width: 35px; height: 35px; cursor: hand; border: thin solid white;}
#Player_V2			{ position: absolute; left: 30px;  top: 190px; width: 35px; height: 35px; cursor: hand; border: thin solid white;}
#Player_V3			{ position: absolute; left: 30px;  top: 230px; width: 35px; height: 35px; cursor: hand; border: thin solid white;}
#Player_V4			{ position: absolute; left: 30px;  top: 270px; width: 35px; height: 35px; cursor: hand; border: thin solid white;}

.MainCtr			{ position: absolute; left: 20px; top: 520px; display:block; }
.Box_MainCtr		{ position: absolute; top: 20px; width: 1016px; height: 550px; }
.Banner_MainCtr		{ position: absolute; top:  0px; width: 1016px; height:  40px }
.Title_MainCtr		{ position: absolute; left: 20px; top: 12px; width:300px; text-align:left; color: #FFECD9; font-size:14pt; font-family: 'Arial Rounded MT Bold' , 'Arial Black'; }
.Msg_MainCtr		{ position: absolute; left:300px; top: 100px; width:400px; height:200px; color: White; font-size: 14pt; font-family: 'Arial Rounded MT Bold' , 'Arial Black'; text-align: center; }

#MWTable 			{ position: absolute; left:  20px; top: 65px; font-weight: normal; font-size: 10px; color: White;   font-family: Verdana, Arial; text-align: left; table-layout:fixed; }
.MWtd_Pos			{ position: absolute; left: 330px; top: 15px; }
.MWtd_Tip			{ position: absolute; left: 130px; top: 230px; font-weight: bold; color: #FF6600;}

#FugTable 			{ position: absolute; left:  20px; top: 65px; font-weight: normal; font-size: 10px; color: White;   font-family: Verdana, Arial; text-align: left; table-layout:fixed; }
.Tbl_Hdr			{ font-weight: bold; vertical-align: middle; color: white; background-color: #d2692f; text-align: center; border: #d2692f3 2px solid; }
.Txt_BOrange		{ font-weight: bold; color: #FF6600;}
.Fug_Tip			{ position: absolute; left:  80px; top: 250px; font-weight: bold; color: #FF6600;}

#TabCtr				{ position: absolute; left: 20px; top: 520px; display:block; }

.TopRt				{ position: absolute; left: 595px; top: 330px; display:block; }
.Box_TopRt			{ position: absolute; top: 20px; width:440px; height: 160px;}
.Banner_TopRt		{ position: absolute; top: 0px;  width:440px;}
.Title_TopRt		{ position: absolute; left: 20px; top: 12px; width:300px; text-align:left; color: #FFECD9; font-size:14pt; font-family: 'Arial Rounded MT Bold' , 'Arial Black'; }
.Title_Main1		{ font-weight: bold;   font-size: 14pt; color: #FF6600; font-family: Verdana, Arial; text-align: left; }
.Text_Main1			{ font-weight: normal; font-size: 10pt; color: White;   font-family: Verdana, Arial; text-align: left; }

#BountyStore		{ position: absolute; left: 0px; top: 1000px; display:block; }
#Box_BountyStore	{ position: absolute; left: 0px; top: 0px; width: 350px; height: 240px;}
#Banner_BountyStore	{ position: absolute; left: 0px; top: 0px; width: 350px; height: 240px;}
#xxBountyStore_Book	{ position: absolute; left: 100px; top: 50px; }
#Title_BountyStore	{ position: relative; left: 20px;  top: 20px; width:300px; color: #FFECD9; font-size:14pt; font-family: 'Arial Rounded MT Bold' , 'Arial Black'; }
.Book_Pos			{ position: absolute; left: 200px; top: 30px; }

#FanClub			{ position: absolute; left: 363px; top: 1000px; display:block; }
#Box_FanClub		{ position: absolute; top: 0px; width: 330px; height: 240px;}
#Banner_FanClub		{ position: absolute; top: 0px; width: 330px; height: 240px;}
#Title_FanClub		{ position: absolute; left: 20px; top: 20px; width:300px; color: #FFECD9; font-size:14pt; font-family: 'Arial Rounded MT Bold' , 'Arial Black'; }

#AdSpace_BL			{ position: absolute; left:  20px; top: 1010px; width: 340px; height:200px; display:block; background-image: url(../../Images/BG/Box_Brown_340.png);}
#AdSpace_BC			{ position: absolute; left: 380px; top: 1010px; width: 340px; height:200px; display:block; background-image: url(../../Images/BG/Box_Brown_340.png);}
#AdSpace_BR			{ position: absolute; left: 740px; top: 1010px; width: 300px; height:200px; display:block; background-image: url(../../Images/BG/Box_Brown_300.png);}
.Banner_340_30		{ position: absolute; left:   0px; top:    0px; width: 340px; height: 30px; background-image: url(../../Images/BG/Banner_Brown_340.png);}
.Title_340_30		{ position: relative; left:   0px; top:    7px; width: 300px; height: 30px; color: white; font-size:13pt; font-family: 'Arial Rounded MT Bold' , 'Arial Black'; }
.Banner_300_30		{ position: absolute; left:   0px; top:    0px; width: 300px; height: 30px; background-image: url(../../Images/BG/Banner_Brown_300.png);}
.Title_300_30		{ position: relative; left:   0px; top:    7px; width: 300px; height: 30px; color: white; font-size:13pt; font-family: 'Arial Rounded MT Bold' , 'Arial Black'; }

#AdSpace2			{ position: absolute; left: 700px; top: 1000px; display:block; }
#Box_AdSpace2		{ position: absolute; top: 0px; width: 350px; height: 240px;}
#Banner_AdSpace2	{ position: absolute; top: 0px; width: 350px; height: 240px;}
#Title_AdSpace2		{ position: relative; left: 20px; top: 20px; width: 300px; color: #FFECD9; font-size:14pt; font-family: 'Arial Rounded MT Bold' , 'Arial Black'; }

#AdSpace_Ad			{ position: absolute; left: 0px; top: 40px; width:300px; text-align:center;}

#EventsBlock		{ position: absolute; text-align:left; left: 25px; top: 62px; width: 400px; height:170px; }
#NewsBlock			{ position: absolute; text-align:left; left: 25px; top: 62px; width: 400px; height:170px; }
.Txt_Date			{ font-size: 7pt; color: white; font-family: Arial; line-height: 6pt; }
.Txt_News			{ font-weight: bold; font-size: 11pt; color: #FF8C00; font-family: 'Trebuchet MS' , Verdana; }

.Title_Canvas_L_R	{ position: relative; left: 160px; top: 10px; width: 200px; color: #FFECD9; font-size:14pt; font-family: 'Arial Rounded MT Bold' , 'Arial Black'; }

#State_Info			{ z-index: 2; position: absolute; top: 20px; left: 620px; width: 280px; height: 400px; background-color: transparent; border: solid black thin; }
#State_Data			{ z-index: 3; position: absolute; top:  0px; left:   0px; width: 170px; height: 100px; border: solid black thin; }
#State_Image		{ z-index: 3; position: absolute; top:  0px; left: 170px; width: 110px; height: 100px; border: solid black thin; }

/********************************************************************************
*** 
********************************************************************************/

#Panel_Left		{ position: absolute; left: 10px; top: 40px; width: 600px; height: 500px; margin: 0; background-image: url(../../Images/Items/Box_TL_BlackTrans.png); text-align: left; }
#Panel_Right	{ position: absolute; left: 620px; top: 40px; width:380px; height:500px; margin: 0; background-image: url(../../Images/Items/Box_TL_BlackTrans.png); text-align: left;}
#Panel_Rt_Top	{ position: absolute; left: 0px; top:   0px; width: 100%; height: 300px; margin: 0;  text-align: left; }
#Panel_Rt_Bot	{ position: absolute; left: 0px; top: 300px; width: 100%; height: 200px; margin: 0;  text-align: left; }

.Fug_Panel		{ position: absolute; left: 0px; top: 300px; width: 100px; height: 200px; margin: 0;  text-align: left; display: block; }

/********************************************************************************
*** 
********************************************************************************/

.Msg_MainCtr	{ position: absolute; left:400px; top: 100px; width:400px; height:200px; color: White; font-size: 14pt; font-family: 'Arial Rounded MT Bold' , 'Arial Black'; text-align: center; }

.shadetabs		{ border-bottom: 1px solid gray; margin-bottom: 1em; }
.shadetabs ul	{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; }
.shadetabs li	{ display: inline;margin: 0; }
.shadetabs li a { text-decoration: none; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: #2d2b2b; background: white url(../../Images/Parts/shade.gif) top left repeat-x; }
.shadetabs li a:visited { color: #2d2b2b; }
.shadetabs li a:hover	{ text-decoration: underline; color: #2d2b2b; }
.shadetabs li.selected	{ position: relative; top: 1px; }
.shadetabs li.selected a		{ background-image: url(../../Images/Parts/shadeactive.gif); border-bottom-color: white; }
.shadetabs li.selected a:hover	{ text-decoration: none; }

.TabArea_Tabs	{ position: absolute; left: 20px; top: 10px; width:970px; height: 25px; vertical-align: middle; }
.TabArea	{ position: absolute; left: 20px; top: 50px; width:970px; height:500px; color: white; background-color: black; }
.DTBH_Tab
{
    position:absolute;
	border: darkgray thin solid;
	vertical-align: bottom;
	background-color: lightgrey;
	text-align: center;
	width: 150px;
	height: 25px;
	font-family: Arial;
	font-size: 14px;
	cursor: pointer;
}

/********************************************************************************
*** **SCRAPPED ** 
********************************************************************************/


#Content_L			{ position:absolute; top: 350px; margin: 0; width: 1050px; height: 1100px; background-image: url(../../Images/BG/Canvas_Black_Trans_L.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 0%; background-attachment: scroll; }



