

/*------------------- HOMEPAGE -------------------*/

#home_top 
{
    background-image:url(/home_top.png); 
	background-color: transparent;
	background-repeat:no-repeat;
	background-position: top;
	padding: 100px 70px 0px 110px;
	height:200px;
}

#home_content 
{
    padding:20px;
}

#home_main_content 
{
    float:left;
    width:350px;
    text-align:justify;
}

#home_news_content 
{
    float:right;
    width:240px;
}

#home_news_content h3 
{
    width: 140px; float:right; text-align:right;
}


#home_news_content div 
{
    float:right; text-align:right; padding: 5px 0px;  
    font-size:11px;  
}

#home_news_content span 
{
    float:right; width:100%; text-align:right; font-weight:bold;
    }
		    
#home_bottom 
{           
    position:absolute;
    bottom:0;
    background-image:url(/layout/df_map.jpg); 
	background-color: transparent;
	background-repeat:no-repeat;
	background-position: bottom;
	margin: 0 -30px;
	width:720px;
	height:200px;
}

/*------------------- DINOZ -------------------*/

.dinos {float:left; width:100%; }
.dino {float:left; width:700px; clear:right; margin:20px 10px; 
		background-image:url(/dinoz/dinoz_bg.gif); 
		background-color: transparent;
		background-repeat:no-repeat;
		background-position: 0 25px;}
.dino a {color:#fff;}		
	.dino .dinoImg {float:left; width:180px; height:180px; margin-left:10px;}
	.dino .race {float:left; width:220px; clear:right; height:20px; margin: 2px 0 10px 0; font-family: 'Chela One'; font-size:22px;}
	.dino .assaults {float:right; width: 240px; margin-right:40px;}
	    .dino .assaults .assault {float:right; width:45px; height: 20px; margin: 2px 0 10px 0;
	                              background-image:url(/icons/element_bg.gif); 
	                              background-position: 4px 4px; background-color: transparent; background-repeat:no-repeat; }
	        .dino .assaults .assault span {float:left; color: #fff; font-size:11px; margin: 4px 0 0 3px; font-weight:bold;}
	        .dino .assaults .assault img {float:left; }
	.dino .chances {float:left; width:160px; margin: 0 20px; height: 100px;}
	    .dino .chances .chance {float:left; width:22px; height:22px; border:solid 1px #C7822D; background-color: #A55A35; margin: 1px; padding:1px;}
	        .dino .chances .chance img {float:left; width:20px; height:20px; }	        
	.dino .data {float:left; width: 260px; margin-top:10px;}
		.dino .data .item {float:left; width: 260px; margin: 3px 0; color: #FCE3BC;}
		    .dino .data .item span {font-weight:bold; color: #FCE3BC;}
	.dino .sdata {float:left; width: 260px; }
		.dino .sdata .item {float:left; width: 260px; margin: 3px 0; color: #FCE3BC;}
		    .dino .sdata .item span {font-weight:bold; color: #FCE3BC;}	    
	.dino .desc {float:left; width:620px; margin: 0 10px 0 20px;}	
	
	.start li {float:left; width:590px; margin-right: 50px; padding-bottom:10px;}	
	.start .item {float:left; width:100%; margin: 3px 0px; background-color: #F3CA92; padding:5px;}	
		.start .item .image {float:left; width:40px;  }	
		.start .item .name {float:left; width: 550px !important; font-weight:bold; line-height:15px;}	
		.start .item .desc {float:left; width: 550px; margin-top:2px; font-size:11px; line-height:12px;}	

/*------------------- ENEMIES -------------------*/

.enemies {float:left; width:666px; }
	.enemies .item {float:left; width:100%; margin: 5px 0; background-color: #F3CA92; padding:5px;}	
		.enemies .item .image {float:left; width:118px; height:109px; margin-right:10px; }	
		.enemies .item .name {float:left; width: 380px !important; margin-top:6px; font-weight:bold; color:#000; font-size:15px;}	
		.enemies .item .HP {float:left; width: 60px !important; font-weight:bold; font-size:10px; margin-top:4px;}	
		.enemies .item .lvl {float:left; width: 60px !important; font-weight:bold; font-size:10px; margin-top:4px;}			
		.enemies .item .element {float:left; width: 30px !important; }			
		.enemies .item .desc {float:left; width: 530px; margin-top:5px; font-size:11px; }	
		.enemies .item .location {float:left; width: 500px; margin-top:3px; font-weight:bold;}	
		.enemies .item .special {float:left; width: 530px; margin-top:10px; font-size:11px; }	
		    .enemies .item .special b {color:#444;}


/*------------------- MAPS -------------------*/

.map img {border: solid 1px #BC683C;}

/*------------------- SKILLS -------------------*/


/* table background colors at the bottom page */

.skills_table {float:left; width:100%;}
	.skills_table table {width:100%;}
	.skills_table td, .skills_table th {background-color: #F3CA92;  border:solid 2px #fff;}
	.skills_table td.none {border:none; background-color:transparent;}
	.skills_table td.e {color: #4F92C1;}		/* Event */
	.skills_table td.p {color:#393939}		/* Pernament */
	.skills_table td.c {color: #267F00;}		/* Collect */
	.skills_table td.s {color: #E50099;}		/* Special */
	.skills_table td.a {color: #D30000;}		/* Attack */
	.skills_table td.u {color: #B200FF;}		/* Unique */
	.skills_table td.d {background-color:#666 !important; border-color:#fff; color:#bbb;}		/* Double */
	.skills_table td.q {background-color:#ddd !important; border-color:#fff; color:#333;}			/* Quetzu only */
	
.skills_desc {float:left; width:100%;}
	.skills_desc table {width:100%;}
	.skills_desc th { color:White; 	}
	.skills_desc th h3 {margin: 20px  -5px -5px -5px; height:17px; font-size:13px;}
	.skills_desc th img {margin-top:-20px;}
	.skills_desc td {background-color: #F3CA92;}
	    .skills_desc td img {vertical-align:middle;}	
		.skills_desc td.lvl {}
		.skills_desc td.image img {max-width:60px; max-height:60px;}
		.skills_desc td.name {font-weight:bold; min-width:140px;}
		.skills_desc td.type {font-weight:bold;}
		.skills_desc td.desc {}
		    .skills_desc td.desc img {max-width:19px; max-height: 19px; vertical-align:middle;}
		.skills_desc td.cost {font-size:10px; font-weight:bold; text-align:center; font-variant:small-caps; width:40px; }
		.skills_desc span.tip {font-size:11px; font-style:italic;}
		.skills_desc td.req  {min-width:150px;}
	        .skills_desc td.req img {width:19px; height: 19px; vertical-align:middle;}
	    .skills_desc td.d {background-color:#777 !important; color:#ccc;}
	    
	    .skills_desc td.godname { font-weight:bold; height:18px; }
	    .skills_desc td.dinoname {font-weight:bold; font-size:15px; text-align:right;}
	    .skills_desc td.godimage {width:200px;}
	        .skills_desc td.godimage img {height: 150px; vertical-align:middle;}
	    .skills_desc td.godspace {height:10px; background-color:#FCE3BC;}
	    .skills_desc td.mastername { height:18px; text-align:right; font-style:italic; }
	    .skills_desc td.masterimg {width:100px;}
	    .skills_desc td.masterlocaton { height:18px; text-align:right; font-style:italic; }
	    .skills_desc td.path { height:18px; }
	

/*------------------- MISSIONS -------------------*/
	
.mission_step {float:left; margin: 3px; width:98%; padding-left:20px; 
               background-image:url("../Images/icons/mission_step.jpg");
               background-color: transparent; background-position:left; background-repeat:no-repeat;}
.mission_step img {vertical-align:middle;}

.mission_tip {float:left; margin: 10px 2px; width:100%; font-style:italic;}
.mission_tip img {vertical-align:middle;}

.mission_reward {float:left; margin: 3px; width:97%; padding-left:20px; }
.mission_reward img {vertical-align:middle;}

.index_mission {float:left; margin:15px 0;}
	.index_mission .image {float:left; width:100px; height: 100px; margin-right:10px;}
		.index_mission .image img {width:100px; height: 100px; border:solid 1px #BC683C;}
		.index_mission .image embed {width:100px; height: 100px; border:solid 1px #BC683C;}
	.index_mission .bg_main {float:left; width: 565px; position:relative; }
	    .index_mission .bg_location {position:absolute; top:0px; right:0px; width:400px; height:100px; z-index:1; overflow:hidden}
	    .index_mission .bg {position:absolute; top:0px; left:160px;  z-index:5; width:400px; height:100px;
	                   	        background-image:url(/layout/trp_grd.png); 
	                            background-color: transparent;
	                            background-repeat: repeat-y; }
	.index_mission .name {position:absolute; top:10px; left:0px; z-index:10; width: 540px; font-size:20px; font-weight:bold; color:#000; }
	.index_mission .location {position:absolute; top:40px; left:0px; z-index:10; width: 540px; font-size:12px; }	
	.index_mission .reward {position:absolute; top:60px; left:0px; z-index:10; width: 540px; font-size:14px; color:#000; }	
	    .index_mission .reward img {vertical-align:middle;}	
	.index_mission .desc {position:absolute; top:60px; left:0px; z-index:10; width: 350px; font-style:italic; font-size: 9px; font-weight:bold;}	

.mission_header {float:left; margin-bottom:20px;}
	.mission_header .image {float:left; width:100px; height: 100px; margin-right:10px;}
		.mission_header .image img {width:100px; height: 100px; border:solid 1px #BC683C;}
		.mission_header .image embed {width:100px; height: 100px; border:solid 1px #BC683C;}
	.mission_header	.bg_main {float:left; width: 565px; position:relative; }
	    .mission_header	.bg_location {position:absolute; top:0px; right:0px; width:400px; height:100px; z-index:1; overflow:hidden}
	    .mission_header	.bg {position:absolute; top:0px; left:160px;  z-index:5; width:400px; height:100px;
	                   	        background-image:url(/layout/trp_grd.png); 
	                            background-color: transparent;
	                            background-repeat: repeat-y; }
	    .mission_header .name {position:absolute; top:30px; left:0px; z-index:10; width: 560px; font-size:24px; font-weight:bold; color:#000;}
	    .mission_header .location {position:absolute; top:60px; left:0px; z-index:10; width: 560px; font-size:16px; margin-bottom:30px; }
	
.mission_list {float:left; width:100%; margin: 10px 0;}
	.mission_list table {float:left;  width:100%;}
	.mission_list td {background-color: #F3CA92;}
		.mission_list td.name {font-weight:bold;}
		.mission_list td img {vertical-align:middle;}
	
.mission_desc {float:left; width:100%;}
	.mission_desc h3 {float:left; margin-top:20px; margin-bottom:5px; width:100%;}
	.mission_desc .mission_step {float:left; margin: 2px 4px;}

    .mission_desc .desc_img {float:left; margin: 10px;}

/*------------------- INGREDIENTS  -------------------*/

.ingredients {float:left; width:100%;}
    .ingredients h3 {margin: 25px 0 5px 0}
        .ingredients h3 img {margin-top:-10px;}
	.ingredients table {width:100%;}
		.ingredients td {background-color: #F3CA92;}
		.ingredients th {padding: 20px 0;}
			.ingredients td.name {font-weight:bold;}	
			.ingredients td.desc {font-size:11px;}	
			.ingredients td.center {text-align:center;}
			.ingredients td.hp {text-align:center; width:40px;}	
			.ingredients td.screen {background-color:#BC683C;}	
			.ingredients td img {vertical-align:middle;}
			.ingredients td.count {font-size:15px; font-weight:bold;}			
		
table.merchant {width:100%;}
    .merchant th {padding: 5px 0; text-align:center; }
	.merchant td {background-color: #F3CA92; vertical-align:top; font-size:14px; color:#000;}
	    .merchant td img {vertical-align:middle;}
	    .merchant td.center {vertical-align:middle;  text-align:center; }		
	    	

/*------------------- LOCATION (eg. Sticky Swamp) -------------------*/
	
.shop_header {float:left; width:100%; margin-bottom:10px;}
	.shop_header .image {float:left; width:163px; height: 100px; margin-right:10px;  }
		.shop_header .image img {border:solid 1px #BC683C; }
	.shop_header .name {float:left; width: 415px; font-size:24px; font-weight:bold; color:#000; margin-top:30px;}
	.shop_header .location {float:left; width: 415px; font-size:16px; margin-bottom:30px; }

.location_header {float:left; width:100%; height:100px; margin-bottom:20px;}
	.location_header .bg_main {float:left; width: 665px; position:relative; }
	    .location_header .bg_location {position:absolute; top:0px; right:0px; width:400px; height:100px; z-index:1; overflow:hidden}
	    .location_header .bg {position:absolute; top:0px; left:260px; z-index:5; width:400px; height:100px;
	                   	        background-image:url(/layout/trp_grd.png); 
	                            background-color: transparent;
	                            background-repeat: repeat-y; }
	    .location_header .name {position:absolute; top:20px; left:0px; z-index:10; width: 560px; font-size:24px; font-weight:bold; color:#000;}
	    .location_header .location {position:absolute; top:50px; left:0px; z-index:10; width: 560px; font-size:16px; margin-bottom:30px; }

	
.sticky_swamp {float:left; width:100%;}
	.sticky_swamp table {width:100%;}
	.sticky_swamp td {background-color: #F3CA92;}
		.sticky_swamp td.day {font-weight:bold; text-align:right; padding: 0 15px;}
		.sticky_swamp td.no {font-weight:bold; text-align:center; vertical-align:middle; color:#D30000; font-size:16px;}
		.sticky_swamp td img {vertical-align:middle;}

.swamp table {width:100%; }		
.swamp td {text-align:center; font-size:10px; vertical-align:top;}

/*------------------- SHOP & ITEMS -------------------*/
	
.shop {float:left; width:100%; margin-bottom:40px;}
	.shop .item {float:left; width:100%; margin: 5px 0; background-color: #F3CA92; padding:5px;}	
		.shop .item .image {float:left; width:40px; height:100%; }	
		.shop .item .name {float:left; width: 500px !important; font-weight:bold; color:#000;}	
		.shop .item .price {float:right; width: 100px; text-align:right; font-weight:bold;}	
			.shop .item .price img {max-height:20px;}	
		.shop .item .desc {float:left; width: 520px; margin-top:3px; font-size:11px;}	
		.shop .item .options {float:right; width: 100px; text-align:right; font-size:11px; line-height:18px;}
		
.inventory {margin-top:10px; margin-bottom:40px;}
	.inventory .item {float:left; width:100%; margin: 5px 0; background-color: #F3CA92; padding:5px;}	
		.inventory .item .image {float:left; width:34px; padding:3px; margin-right:5px; background-color:#BC683C; }	
		.inventory .item .name {float:left; width: 630px !important; font-weight:bold; color:#000;}	
		.inventory .item .desc {float:left; width: 630px; margin-top:3px; font-size:11px;}	
		.inventory .item .howget {float:left; width: 630px; margin-top:1px; font-size:11px; font-style:italic;}
		
.statuses {margin-top:10px; margin-bottom:40px;}
	.statuses .item {float:left; width:100%; margin: 5px 0; background-color: #F3CA92; padding:5px;}	
		.statuses .item .image {float:left; width:25px; height:100%; }	
		.statuses .item .name {float:left; width: 640px !important; font-weight:bold; color:#000;}	
		.statuses .item .desc {float:left; width: 640px; margin-top:3px; font-size:11px;}	
		.statuses .item .howget {float:left; width: 640px; margin-top:1px; font-size:11px; font-style:italic;}
		
		
/*------------------------------------------ SURVEYS -------------------------------------------*/


table.survey  {width:100%;}
	.survey td {background-color: #F3CA92; }
	.survey td.name {text-align: right; width:160px; }
	.survey td.comments {font-size: 10px;}
	    .survey td.comments .req {color:Red;}
	.survey td.center {text-align: center;}


/*-------------------------------------------- BOT ---------------------------------------------*/		

.editor-label {padding-top:15px;}
.editor-field {}
.editor-desc {padding-bottom:15px;}


h2.fire_bg, h2.wood_bg, h2.light_bg, h2.water_bg, h2.air_bg, h2.green_bg, h2.violet_bg
{ background-image:url(/layout/w_title_h2.png) !important; 
	background-repeat:no-repeat;
	background-position:left;
	max-height:27px;
	padding:0px 5px;

}

h3.fire_bg, h3.wood_bg, h3.light_bg, h3.water_bg, h3.air_bg, h3.green_bg, h3.violet_bg
{ background-image:url(/layout/w_title_h3.png) !important; 
	background-repeat:no-repeat;
	background-position:left;
	max-height:21px;
	padding:0px 5px;
}


.none_bg1 {background-color:#BEBEBE !important; border-color:#fff; color:#333;}
.none_bg2 {background-color:#C5C5C5 !important; border-color:#fff; color:#333;}
.none_bg3 {background-color:#CBCBCB !important; border-color:#fff; color:#333;}
.none_bg4 {background-color:#D2D2D2 !important; border-color:#fff; color:#333;}
.none_bg5 {background-color:#D8D8D8 !important; border-color:#fff; color:#333;}
.none_bg6 {background-color:#DFDFDF !important; border-color:#fff; color:#333;}

.fire_bg {background-color:#E70000 !important; border-color:#fff; color:#fff;}
.fire_bg1 {background-color:#F37F7F !important; border-color:#fff; color:#333;}
.fire_bg2 {background-color:#F48C8C !important; border-color:#fff; color:#333;}
.fire_bg3 {background-color:#F59999 !important; border-color:#fff; color:#333;}
.fire_bg4 {background-color:#F7A6A6 !important; border-color:#fff; color:#333;}
.fire_bg5 {background-color:#F8B2B2 !important; border-color:#fff; color:#333;}
.fire_bg6 {background-color:#F9BFBF !important; border-color:#fff; color:#333;}

.wood_bg {background-color:#BE741A !important; border-color:#fff; color:#fff;}
.wood_bg1 {background-color:#DEB98C !important; border-color:#fff; color:#333;}
.wood_bg2 {background-color:#E2C098 !important; border-color:#fff; color:#333;}
.wood_bg3 {background-color:#E5C7A3 !important; border-color:#fff; color:#333;}
.wood_bg4 {background-color:#E8CEAF !important; border-color:#fff; color:#333;}
.wood_bg5 {background-color:#EBD5BA !important; border-color:#fff; color:#333;}
.wood_bg6 {background-color:#EFDCC6 !important; border-color:#fff; color:#333;}

.air_bg {background-color:#A3D3F8 !important; border-color:#fff; color:#fff; font-variant:small-caps;}
.air_bg1 {background-color:#D1E9FB !important; border-color:#fff; color:#333;}
.air_bg2 {background-color:#D6EBFC !important; border-color:#fff; color:#333;}
.air_bg3 {background-color:#DAEDFC !important; border-color:#fff; color:#333;}
.air_bg4 {background-color:#DFF0FD !important; border-color:#fff; color:#333;}
.air_bg5 {background-color:#E3F2FD !important; border-color:#fff; color:#333;}
.air_bg6 {background-color:#E8F4FD !important; border-color:#fff; color:#333;}

.water_bg {background-color:#1399EB !important; border-color:#fff; color:#fff;}
.water_bg1 {background-color:#89CCF5 !important; border-color:#fff; color:#333;}
.water_bg2 {background-color:#95D1F6 !important; border-color:#fff; color:#333;}
.water_bg3 {background-color:#A1D6F7 !important; border-color:#fff; color:#333;}
.water_bg4 {background-color:#ADDBF8 !important; border-color:#fff; color:#333;}
.water_bg5 {background-color:#B8E0F9 !important; border-color:#fff; color:#333;}
.water_bg6 {background-color:#C4E5FA !important; border-color:#fff; color:#333;}
.water_bg7 {background-color:#D0EBFB !important; border-color:#fff; color:#333;}

.light_bg {background-color:#FFBA00 !important; border-color:#fff; color:#fff;}
.light_bg1 {background-color:#FFDC7F !important; border-color:#fff; color:#333;}
.light_bg2 {background-color:#FFE08C !important; border-color:#fff; color:#333;}
.light_bg3 {background-color:#FFE399 !important; border-color:#fff; color:#333;}
.light_bg4 {background-color:#FFE7A6 !important; border-color:#fff; color:#333;}
.light_bg5 {background-color:#FFEAB2 !important; border-color:#fff; color:#333;}
.light_bg6 {background-color:#FFEAB2 !important; border-color:#fff; color:#333;}

.green_bg {background-color:#8EAF02 !important; border-color:#fff; color:#fff;}
.green_bg1 {background-color:#C6D780 !important; border-color:#fff; color:#333;}

.violet_bg {background-color:#B200A5 !important; border-color:#fff; color:#fff;}
.violet_bg1 {background-color:#D87FD2 !important; border-color:#fff; color:#333;}