/* ==CROSSBROWSER DEFAULTS (AKA RESET)
-------------- */
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4,
blockquote, ul, 
ol, dl, dir,
menu            { margin: 1em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: none }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

/* ==FONTS
============= */

@font-face {
	font-family: 'LithosPro';
	src: url('webfonts/lithospro-bold-webfont.eot');
	src: url('webfonts/lithospro-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/lithospro-bold-webfont.woff') format('woff'),
		 url('webfonts/lithospro-bold-webfont.ttf') format('truetype'),
		 url('webfonts/lithospro-bold-webfont.svg#LithosProBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LithosPro';
	src: url('webfonts/lithospro-black-webfont.eot');
	src: url('webfonts/lithospro-black-webfont.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/lithospro-black-webfont.woff') format('woff'),
		 url('webfonts/lithospro-black-webfont.ttf') format('truetype'),
		 url('webfonts/lithospro-black-webfont.svg#LithosProBlack') format('svg');
	font-weight: bold;
	font-style: normal;
}

h1, h2, h3, h4 {
	font-family:"LithosPro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#343126;
}

/* ==BASICS
============= */

a, a:link, a:visited {
	color:#1A88A6;
	text-decoration:none;
	cursor:pointer;
}

a:hover {
	color:#3F9DB7;
}

p, ul {
	font-size:15px;
	line-height:22px;
	margin:8px 0;
}

/* ==LAYOUT
============= */

html, body {
	min-width:996px;
	margin:0;
	padding:0;
}

html {
	background:#6b8820 url("../images/landscape.jpg") no-repeat center top;
}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#221A14;
}

#content  {
	position:relative;
	margin:0 auto;
	padding:1px 0 80px;/* top = no-collapse bottom = bottombar heigh + safe margin */
	width: 986px;
}

	/* MAIN PANEL */
	#mainpanel {
		position:relative;
		width:755px;
		margin:80px 0 0 231px;
		background:url(../images/mainpanel_top.png) no-repeat left top;
	}
	
		#maintitle {
			position:absolute;
			top:9px;
			left:63px;
			margin:0;
			padding:0;
			font-size:19px;
			color:#544f40;
			white-space:nowrap;
		}
		
		#mainnav {position:absolute; top:-20px /*provisório*/; right:0; zoom:1}
		
		#mainbottom {background:url(../images/mainpanel_bottom.png) no-repeat left bottom; padding:1px; zoom:1}
		#maincenter {width:755px; background:url(../images/mainpanel_bg.png) repeat-y left top; margin:119px -1px 478px; padding:1px; position:relative}
	
			#maincontent {
				position:relative;
				margin: -121px -1px -480px;
				width:755px;
				padding:1px;
			}
	
			#maintitle {
				position:absolute;
				top:9px;
				left:63px;
				margin:0;
				padding:0;
				font-size:19px;
				color:#544f40;
				white-space:nowrap;
			}
			
			#mainpdd {
				padding:70px 50px 65px;
			}
			
				/* INNER PANEL WINDOW */
				#pannelinner {position:relative; width:755px; height:515px; margin:50px -1px -1px}
				
					#map {position:absolute; top:-31px; left:-11px; clip:rect(33px 756px 520px 22px); overflow:hidden}
				
					#panelinner_right 	{position:absolute; right:10px; 	top:10px;	 width:15px; height:467px; background:url(../images/panelinner_right.png) no-repeat 0 0; z-index:20}
					#panelinner_left 	{position:absolute; left:10px; 	top:10px;	 width:15px; height:467px; background:url(../images/panelinner_left.png) no-repeat 0 0; z-index:20}
					#panelinner_top 	{position:absolute; left:0; 	top:0;		 width:100%; height:10px; background:url(../images/panelinner_top.png) no-repeat 10px 0; z-index:20}
					#panelinner_bottom 	{position:absolute; left:0; 	bottom:0;	 width:100%; height:38px; background:url(../images/panelinner_bottom.png) no-repeat 10px 0; z-index:20}
					
					#squadzone {position:absolute; top:2px; left:50px; width:176px; height:40px; background:url(../images/squadzone.png) no-repeat 0 0; z-index:100}
						#squad, #zone {text-align:center; margin:0; padding:0 20px 3px}
						#squad {color:white; height:15px; font-size:13px}
						#zone {height:16px; font-size:14px}
						
					.mapaction {position:absolute; bottom:-16px; right:28px; z-index:30}
						.mapaction a {display:block; width:36px; height:35px; float:right; margin-left:6px; background-image:url(../images/mapactions.png); background-repeat:no-repeat}
						/*...*/.mapaction a {background-position:-72px 0}
						/*...*/.mapaction a:hover {background-position:-108px 0}
						.mapaction a.landmarks {background-position:0 -35px}
						.mapaction a.landmarks:hover {background-position:-36px -35px}
						.mapaction a.active {background-position:0 0}
						.mapaction a.active:hover {background-position:-36px 0}
					
				
				/* INNER PANEL PAPER */

	#playerpanel {
		position:absolute;
		top:0px;
		left:0;
		width:111px;
		height:105px;
		padding:75px 30px 0 75px;
	}
	
		#selection a {border-radius:4px; padding:1px 4px}
		#selection a.active {color:white; background-color:#1A88A6}

	#utilitypanel {
		position:absolute;
		top:290px;
		left:0;
		width:176px;
		height:300px;
		padding:0 20px;
	}

#bottombar {
    position: fixed;
    bottom: 0;
    right: 0;
    height: 40px;
    width: 100%;
	background-color:#C60;
    border-top: 1px solid #AAAAAA;
    color: #333333;
	z-index:50;
}
#bottombar #center {
	position:relative;
	margin:0 auto;
	padding:0;/* top = no-collapse bottom = bottombar heigh + safe margin */
	width: 986px;
}

/* ==MISC
============= */

.hide {
	display:none;
}

.wrapper {
	position:relative;
}

#displaymessage {
	position:absolute;
	left:50%;
	top:10%;
	max-width:70%;
	z-index:1000;
	background:url(../images/transparent.png) repeat 0 0;
	
	text-align:center;
	padding: 10px 10px 8px;
	font-weight:bold;
	}
	#displaymessage .close {position:absolute; top:0; right:-22px; background-color:#221A14; border-radius:8px; padding:0 5px 4px; color:white; cursor:pointer}
	#displaymessage .close:hover {background-color:#504035}
	.derror {color:#812525}
	.dsuccess {color:#5D812C}

#clicktip {
	z-index: 1000;
	background-image:url(../images/transparent_black.png);
	color:#FFF;
	padding:3px;
	display:none;
}

/* ==CHAT
============= */

.chat {
	height: 150px;
	width: 550px;
	overflow: auto; /* This allows you to display the scrollbar */
	position: relative; /* This allows you to move down the text in the layer, not stretching the page */
	text-align: left;
	border: solid #818181 1px;
	background-color:#FFF;
}

#chat_area {
	font-size:13px;
}

.chat div {
	position: absolute; /* Page remains the same size */
}

.chat span {
	display: block;
}


/* ==PROGRESS BAR
============= */

#progressbar_group{
	position: relative;	
	top:-15px;
}

#progressbar{
	height: 12px;
} 

#progressbar_text{
    position: absolute;
	top:0px;
	left:0;
	width:100%;
	text-align:center;
	font-size:10px;
}


/* ==HELP
============= */

#faq {margin:0; padding:0 0 12px}
#faq dt {position:relative; padding:6px 0; margin:0; cursor:pointer; font-weight:bold}
#faq dd {margin:0; padding:0}

#faq ul {font-size:14px; margin:6px 0 8px; padding:0; list-style-type:none}
#faq li {padding:0 0 0 10px; margin:2px 0}


/* ==FORMS
============= */

textarea {
	overflow:auto;
	resize:none
}

/* ==TOOLTIP
============= */
.tipit {cursor:pointer}
.tiptext {display:none}

.naritooltip {
	position:fixed;
	width:275px;
	padding-top:10px;
	background:url(../images/naritooltip.png) no-repeat -8px top;
	
	color:#f0f3f7;
	z-index:999;
}

.naripreview {
	position:relative;
	width:275px;
	padding-top:10px;
	background:url(../images/naritooltip.png) no-repeat -8px top;
	
	color:#f0f3f7;
}

.tipinner {
	width:275px;
	padding-bottom:10px;
	background:url(../images/naritooltip.png) no-repeat -568px bottom;
}
.tipinnermost {
	width:233px;
	padding:0 18px 3px 24px;
	background:url(../images/naritooltip.png) repeat-y -288px 0;
}


/* ==SPECIAL TILES
============= */
.hi_mark {top:-5px; left:1px}


.close_questbook {color:#ddd; padding:4px 8px}
.close_questbook:hover {color:white}