/* BASIC LAYOUT */
html, body {
	color: white;
	height:100%;
}

:focus{
	outline:none;
}

.profilePicture {
	float: right;
}

/**********************
       MESSAGES
***********************/

.message_holder {
	overflow: hidden;
}

.message_from {
	width: 140px;
	line-height: 25px;
	float: left;
	vertical-align: middle;
}

.message_subject {
	width: 350px;
	float: left;
	line-height: 25px;
	vertical-align: middle;
}

.message_date {
	width: 100px;
	float: left;
	line-height: 25px;
	vertical-align: middle;
}

.message_archive {
	width: 100px;
	float: left;
	line-height: 25px;
	vertical-align: middle;
}

.message_body {
	clear: both;
	display: none;
	padding: 5px 5px 5px 140px;
	background-color: #DFDFDF;
}

.top_line {
	border-top: 1px solid #666;
	width: 100%;
	clear: both;
}

/**********************
     MAPS STYLES
***********************/

#map-map {
	width: 500px;
	height: 600px;
	border: 1px solid #ccc;
}

/**********************
     HOME STYLES
***********************/

#home_profile {
	background-color: #ccc;
	padding: 3px;
}

#home_news {
	margin-top: 10px;
	background-color: #EFEFEF;
	padding: 3px;
}

#home_intro {
	float: left;
}

#home_messages {
	float: left;
	width: 30%;
	padding: 5px;
	background-color: #efefef;
	border: 1px solid #cccccc;
	margin: 10px 10px 0 0;
}

#home_activities {
	float: left;
	width: 60%;
	background-color: #efefef;
	border: 1px solid #cccccc;
	margin: 10px 10px 0 0;
	padding: 5px;
}

.home-friend-activity {
	margin-bottom: 5px;
	border: 1px solid #ccc;
	overflow: hidden;
}

.home-friend-activity div {
	float: right;
	width: 75%;
	padding: 5px;
}

.home-friend-activity img {
	float: left;
}

.home-more {
	clear: both;
	margin-top: 5px;
	text-align: right;
}


/**********************
     NEWS STYLES
***********************/

#news-headlines {
	padding: 5px;
	background-color: #efefef;
	border: 1px solid #cccccc;
}

#news-headlines h3 {
	margin-bottom: 15px;
}

.libr {
	margin-bottom: 8px;
}


/**********************
     PEDIA STYLES
***********************/

#achievement-holder,
#building-holder,
#commodity-holder,
#landType-holder,
#unit-holder {
	display: none;
}


/******************************
      	POP-UP STYLES
*******************************/

#win {
	text-align:left;
	display:none;
	height: 350px; width: 600px;
	margin: 0 auto;
	position: fixed;
	z-index:101;
	background: #DFE8FF;
	border: 2px solid blue;
	left: 50%; top: 50%;
	margin-top: -175px; margin-left: -300px;
}

#win.send_message {
	text-align:left;
	display:none;
	height: 250px; width: 400px;
	margin: 0 auto;
	position: fixed;
	z-index:101;
	background: #DFE8FF;
	border: 2px solid blue;
	left: 50%; top: 50%;
	margin-top: -125px; margin-left: -200px;
}

#popup-report {
	display:none;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	color: green;
	clear: both;
	line-height: 30px;
}

.popup-error {
	color: red;
}

.hidden {
	display: none;
}