﻿/*************************************
*				Global Settings					 
*************************************/
* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background-color: Black;
}
a {
	color: #FF9933;
}
a:hover {
	color: #FFCC66;
}

img
{
	border: none;
}
	
/* opacity hover image button effect*/
.toggleopacity img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);-moz-opacity: 0.75;}
.toggleopacity:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
.toggleopacity img{border:0;}
.toggleborder:hover img{border: 1px solid navy;}
.toggleborder:hover{color: red; /* Dummy definition to overcome IE bug */}
/* opacity hover image button effect*/

/*.inputButton
{
	background: #ffffff;
	border-right: #696969 1px solid;
	border-top: #696969 1px solid;
	border-left: #696969 1px solid;
	border-bottom: #696969 1px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 0.8em;
}*/

.inputButton{ width:106px; height:39px; background-image:url(images/proto_images/login_but.png);}

.inputText
{
	border-right: 1px solid; 
	border-top: 1px solid; 
	border-left: 1px solid; 
	border-bottom: 1px solid;
}

/*h1, h2, h3 span {
	display: none;
}*/

/*************************************
*		Header					 
*************************************/

#pageContainer
{
	width: 1005px;
	height: auto;
	min-height:800px;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	font-family: "Trebuchet MS" , Arial, Verdana, sans-serif;
	font-size: .75em;
	overflow-y:hidden;
	overflow-x:hidden;
	background-image:url(images/proto_images/page_background_02.jpg);
	top:-4px;
	left: 1px;
}
#pageContainer_top{ position:absolute;top:0px;left:0px;width:1005px;height:83px;z-index:0;}
#pageContainer_bottom{position:absolute;bottom:0px;left:0px;width:1005px;height:30px;z-index:1;}

#pageHeader {
	display: none;
}

#pageSubHeader
{
	top:0px;
	left: 10px;

	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: absolute;
	width: 142px;
	height: 138px;
	color: #CCCCCC;
	background-image: url(images/proto_images/login_bg.png);
	z-index: 10;
}
#lhs_button_holder{ position:absolute; width:124px; height:67px; left:5px; top:126px; }

#pageMenu {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	left: 0;
	top: -3px;
	height: 98px;
	width: 1005px;
	margin: 0 auto 0 auto;
	text-align:center;
	z-index: 0;
}

#pageContent
{
	position: relative;
	z-index:2;
}

/*************************************
*			Footer					 
*************************************/

#pageFooter 
{
	width: 1005px;
	height: 65px;
	clear:both;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	text-align:center;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	z-index:1;

}

#Footer_content{position: absolute; width:1005px; height:65px; top:-4px; left:-0px;}
#Footer_ge_logo{position:absolute;width:192px;height:150px;left:-30px;top:-70px; z-index:100;}
#footer_copyright{ position:absolute; right:20px; bottom:10px;font:Tahoma, Arial, Helvetica, sans-serif; font-size:7px;color:#CCCCCC; z-index:100;}
#footer_logoset { position: absolute; right:20px; bottom:25px; z-index:100;}
#footer_links_holder { position:absolute; width:auto; display: inline; top:0px; left:210px; color:#ffffff; z-index:100;}
.footer_links{ display:inline; font:Tahoma, Arial; font-size:10px; color:#ffffff; padding:0 5px 0 5px;}

#pageFooter a
{
	color: #bbbbbb;
	text-decoration: none;
	font-weight: normal;
}

#pageFooter a:hover
{
	color: Orange;
	text-decoration: none;
	font-weight: normal;
}

#pageExtra
{
	display: none;
}


/*************************************
* Ad Banner
*************************************/
/*#divBanner
{
	background-color: White;
	position: relative;
	width: 160px;
	height: 600px;
	float: right;
}*/
#divBanner
{
position:relative;
float: right;
padding: 2px;
background-color:#000000;
width: 156px;
height:596px;
z-index: 2;
}
#banner_content{ position:relative; margin-left:0px; top:3px; width:150px; height:587px; background:#FFFFFF;}
#banner_border{ position:absolute; top:-3px; left:0px; width:156px; height:596px; background-image:url(images/proto_images/banner_border.gif); z-index:10;}
/*************************************
*		Games
*************************************/
#divGames
{
	margin-top:-10px;
	width: 695px;
	min-height: 600px;
	text-align:center;
	float: left;
	z-index: 100;
}


/*************************************
*		Logon
*************************************/

#divLogon 
{
	margin-top:100px;
	position:relative;
	width: 150px;
	height:270px;
	float: left;
	color: Black;
	background-color: Transparent;
}
#adelina_full{position:absolute;bottom:-900px;left:-100px;width:172px;height:633px;z-index: 100;}

#divLogon h3
{
	display: none;
}

#divLogon p.p1
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#divLogon p.p2
{
	height: 200px;
	background-color: #999999;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#divLogon p.p3
{
}
/*lefthand side item preview panel*/
.item_preview_bg{position: absolute;top:460px;left:-15px;width:147px;height:382px;text-align:center; background-image:url(images/proto_images/booty_item_preview_bg2.png); z-index:101}
.item_title_bar{ float:left; width:147px; height:24px;text-align:center;}

.item_prieview_holder{ float: left; position:relative; padding-left:12px; min-width:10px; min-height:10px; text-align:right; margin-right:auto;}

.item_preview{width:24px;height:24px;margin:3px;float:left;}

.item_text{ float: right; margin-top: 5px; width:140px; height: 20px; font-size:7pt;  font-family:Tahoma, Arial;}


/*************************************
*		Claim Item
*************************************/

#ClaimItem{position:relative;left:150px; bottom:0px;width:665px;height:auto;text-align:center; padding-bottom:65px;}
#ClaimItem_holder{width:534px;position:relative;height:586px;background-image:url(images/claim_holder_bg.jpg);margin:54px auto 0px auto;}
#leftColumn{
	width:249px;
	position:relative;
	float:left;
	left:12px;
	border:1px solid #000;
	background-image:url(images/claim_item_bg.jpg);
	text-align:center;
	height:324px;
	z-index:1;
}
#rightColumn{
	width:249px;
	position:relative;
	float:right;
	right: 12px;
	text-align:center;
	border:1px solid #000;	
	background-image:url(images/claim_item_bg.jpg);
	height:324px;
	z-index:0;
}
.claim_column_title{width:180;height:25;margin:15px auto 1px auto;}
#dropContent{width:215px;height:284px;margin:0 auto 0 auto;}
#claim_label_but_claimguide{position:absolute; top:85px; left:-20px; width:118px; height:46px; z-index:5;}
#claim_label_but_interface{position:absolute; top:115px; left:-30px; width:141px; height:55px; z-index:5;}
#treasureBox{position:absolute;right:-65px;bottom:-65px;z-index:10;width:121px;height:136px;}
#confirmButton{position:absolute; left:70px; bottom:-30px; z-index:3;}
#claimallbut{position:absolute; left:0px; bottom: 0px; z-index:10;}
#leonardo_expresso{position:absolute;top:-40px;left:-30px;width:124px;height:127px;z-index:10;}
#claim_headline{position:relative; width:500px; text-align:left; margin:22px 0px 0px 110px; float:left;}
#claim_intro{ position:relative; margin:5px 0px 0px 110px; float:left; text-align:left; padding-bottom:5px;}
#claim_world_select{display:block; padding:10px;}
#titleboard_item{position:absolute;top:-55px;right:-80px;width:295px;height:136px;z-index:10;}
.dragableBox{
	margin: 2px;
	position: relative;
}
.dropBox{width:215px;height:284px;margin:0 auto 0 auto;}		
.clear{clear:both;}

/*************************************
*		IAH BRANDING BAR
*************************************/
#container100percent {margin:0px;width:100%;height:45px;background-image:url(images/fix_element/top_bar_bg.gif);z-index:100;}
#containercenter {position:relative;margin:0px auto;width:1004px;height:45px;background-image:url(images/fix_element/top_bar_center.gif);z-index:1;}
#containerleft {position:absolute;width:100%; height:45px;top:0px;left:-1004px;background:url(images/fix_element/top_bar_bg_left.gif);}
#logo_iahgames {position: absolute;z-index: 4;display: block;float: left;width: 225px;height: 45px;top: 0px;margin-left: 25px;padding-left: 0px;}

/*************************************
*		Story
*************************************/
#story_book_holder{position:relative; left: 150px; width:665px; height:626px; z-index:2;}
#story_book{position:absolute; top:140px; left:40px; width:629px; height:433px; z-index:0;}
#story_label_but_search{position:absolute; bottom:100px; right:90px; width:90px; height:35px; z-index:1;}
#story_label_but_forum{position:absolute; bottom:80px; right:102px; width:84px; height:33px; z-index:1;}
#story_compass{position:absolute; bottom:30px; right:-20px; width:120px; height:122px; z-index:1;}
#story_scope{position:absolute; bottom:30px; left:20px; width:294px; height:133px; z-index:1;}
#story_photo{position:absolute; top:55px; left:110px; width:226px; height:140px; z-index:1;}
#story_lantern{position:absolute; top:-92px; left:276px; width:240px; height:367px; z-index:10;}

/*************************************
*		G Point
*************************************/
#titleboard_gpoint{position:absolute;top:0px;right:0px;width:400px;height:150px;z-index:10;}

/*************************************
*		Loot List
*************************************/
#loot_list_holder{position:relative; left: 150px; top:30px; width:695px; height:auto; z-index:2;-moz-box-sizing:border-box;box-sizing:border-box;padding:0px 0px 35px 0px;}
#top_winner_panel{position:relative;width:601px; height:166px; margin:0px auto 15px auto;background-image:url(images/loot_toploot_bg.jpg); background-repeat:no-repeat; background-position:center;}
#top_loot_title{position: absolute;width:261px;height:76;top:-33px;left:168px;}
.topwinner_holder{width:190px;height:92px;padding:54px 0px 20px 5px; float:left;}
.topwinner_imgbg{width:70px;height:92px;background:no-repeat url(images/top_winner_imgbg.gif);float:left;}
.topwinner_pic{width:56px;height:56px;margin:25px 0px 11px 7px;}
.topwinner_desc{width:115px; height:18px;float:left;}
.winnername{font-family:Tahoma, Arial; font-size:1.2em; color:#990000;font-weight:bold;}
.servername{font-family:Tahoma, Arial; font-size:1em; color:#333333;}
.lootname{font-family:Tahoma, Arial;font-size:1.0em;color:#333333;font-weight:bold;}

#lootlist_bg{position:relative;width:611px;height:587px;margin:0px auto 0px auto;padding-bottom:25px;}
#lootlist_toploot_holder{position:absolute;width:299px;height:185px; top:40px; left:70px;}
#lootlist_toploot_title{ width:182px; height:28px; margin:0px 0px 0px 50px;}
.lootlist_toploot_pic{ width:60px; height:60px; margin:10px 0 6px 0; float:left; cursor:pointer;}


#lootlist_other_scroll{width:290px;height:180px;overflow:auto;position:relative;top:15px;padding-left:10px;text-align:center;}
#lootlist_other_scroll2{width:290px;height:180px;overflow:auto;position:relative;top:15px;padding-left:10px;text-align:center;}
.lootlist_otherloot_pic{display:inline;width:41px;height:53px;margin:6px 6px 6px 0px;cursor:pointer;}
.des_wrapper{width:270px; height:40px;}
.des_wrapper h3 {font-family:Arial; font-size:0.95em; color:#333333;font-weight:bold;}
.des_wrapper p {font-family:Arial; font-size:0.82em; color:#000000;font-weight:normal;}


div{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;}


.common_spacer{float:left;}
/**
* Modal Message
**/
.modalDialog_transparentDivs{	
	filter:alpha(opacity=50);
	opacity:0.5;
	background-color:#000000;
	z-index:1;
	position: absolute;
	top: 0px;
	left:0px;
}

.modalDialog_contentDiv
{
	padding: 2px;
	_top: 200px;
	_margin: 0px auto 0px auto;
	position: absolute;
	background: transparent url(images/errorbg_big.gif) 0px 0px no-repeat;
}

.modalDialog_contentDiv_shadow{
	z-index:90;
	position:absolute;
	background-color:#00F;
	filter:alpha(opacity=40);
	opacity:0.4;
}

.modalDialog_messageDiv
{
	color: #AAA;
	font-family: "Trebuchet MS" , Arial, Verdana, sans-serif;
	padding-top: 90px;
	padding-left: 180px;
	padding-right: 30px;
	padding-bottom: 30px;
	text-align: center;
	background: transparent;
}

.modalDialog_Tnc
{
	color: #EEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: justify;
	position: absolute;
	margin-top: -50px;
	background: black;
	padding: 25px;
}

.modalDialog_buttonDiv
{
	margin:0 auto 0 auto;
	position: absolute;
	right: 40px;
	bottom: 40px;
}

.modalDialog_GuideDiv
{
	margin: 0 auto 0 auto;
	padding: 2px;
	z-index: 100;
	position: absolute;
	background:transparent;
}

/**
* Tabs
**/
.TabbedPanels {
position:absolute;
left: 63px;
top: 198px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
