﻿body 
{
    background-color: White;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
}
h1
{
	font-size: 12pt;
	font-weight: bold;
}
h2
{
	font-size: 8pt;
	font-weight: bold;
}
h3
{
	font-size: 10pt;
	font-weight: bold;
}
input
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
}
textarea
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
}
a:link, a:visited, a:active
{
	color: Black;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	color: Black;
	text-decoration: underline;
	font-weight: bold;
}
.header
{
	float: left;
	background-color: White;
	height: 192px;
	width: 796px;
}
.leftcontent
{
	float: left;
	width: 177px;
	clear: both;
}
.maincontainer
{
	float: left;
	width: 618px;
	margin-left: 1px;
}
.mainheading
{
	height: 26px;
	background-color: #B1DF25;
	/*border-bottom: 1px solid Gray;*/
	border-top: 1px solid Gray;
	width: 618px;
	text-indent: 5px;
	font-weight: bold;
	font-size: 10pt;
	line-height: 10px;
}
.lastvisitheading
{
	height: 26px;
	background-color: #B1DF25;
	/*border-top: 1px solid Gray;
	border-bottom: 1px solid Gray;*/
	padding-left: 5px;
	width: 145px;
	text-indent: 5px;
	font-weight: bold;
	font-size: 10pt;
	line-height: 8px;
}
.lastvisitelement
{
	clear: both;
	margin: 5px;
	font-size: 7pt;
}
.attentionheading
{
	height: 26px;
	background-color: #B1DF25;
	/*border-bottom: 1px solid Gray;*/
	padding-left: 5px;
	width: 145px;
	text-indent: 5px;
	font-weight: bold;
	font-size: 10pt;
	line-height: 8px;
}
.attentionelement
{
	clear: both;
	margin: 4px;
	font-size: 7pt;
	text-align: center;
}
.lastinhabitantelement
{
	float: right;
	margin: 5px;
	font-size: 7pt;
	text-align: left;
}
.lastimageelement
{
	float: right;
	font-size: 7pt;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 15px;
}
.maincontent
{
	background-color: White;
	width: 588px;
	min-height: 684px;
	padding: 15px 15px 15px 15px;
}
.bannercontent
{
    background-color: White;
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
	/*border-bottom: 1px solid Gray;*/
	width: 150px;
	clear: both;
	text-align: left; 
	padding-left: 0px; 
	margin-left: 0px;
}
.greenheading
{
	height: 26px;
	border-right: solid 1px Gray;
	border-top: solid 1px Gray;
	/*border-bottom: solid 1px Gray;*/
	background-color: #B1DF25;
	width: 177px;
	text-indent: 5px;
	font-weight: bold;
	font-size: 10pt;
	line-height: 10px;
}
.greenbox
{
	border-right: solid 1px Gray;
	/*border-bottom: solid 1px Gray;*/
	width: 177px;
	background-color: #EAF6C7;
	line-height: 10px;
}

.greybox
{
    clear: both; 
    float: left; 
    width: 528px; 
    height: 232px; 
    background-image: url(images/greyboxx.png); 
    margin-left: 4px; 
    margin-top: 14px; 
    margin-bottom: 15px;
    padding: 20px; 
    line-height: 18px;
}

.peachheading
{
	height: 26px;
	border: solid 2px #EF8A2E;
	background-color: #EF8A2E;
	width: 177px;
	text-indent: 5px;
	font-weight: bold;
	font-size: 10pt;
	line-height: 10px;
}
.peachbox
{
	border: solid 2px #EF8A2E;
	width: 177px;
	height: 222px;
	background: url(images/peachbox.png);
	line-height: 10px;
}
.randomheading
{
	height: 26px;
	background-color: #B1DF25;
	border-right: 1px solid Gray;
	/*border-bottom: 1px solid Gray;*/
	width: 177px;
	text-indent: 5px;
	font-weight: bold;
	font-size: 10pt;
	line-height: 10px;
}
.randombox
{
	border-right: 1px solid Gray;
	background-color: White;
	width: 167px;
	height: 170px;
	vertical-align: bottom;
	padding: 5px;
	text-align: center;
}
.adbox
{
	border-right: 1px solid Gray;
	/*border-top: 1px solid Gray;
	border-bottom: 1px solid Gray;*/
	background-color: White;
	width: 167px;
	height: 374px;
	vertical-align: bottom;
	padding: 5px;
	text-align: center;
}
.footer
{
	/*border-top: 1px solid Gray;*/
	border-bottom: 1px solid Gray;
	border-right: 1px solid Gray;
	height: 50px;
	width: 947px;
	background-color: #EAF6C7;
	text-align: center;
	clear: both;
}
.boxlink
{
	background-color: Transparent;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 152px;
	font-weight: bold;
}
.gboxlinkselected
{
	background-color: White;
	background-image: url(images/green_dot.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 152px;
	font-weight: bold;
}
.pboxlinkselected
{
	background-color: White;
	background-image: url(images/peach_dot.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 152px;
	font-weight: bold;
}
.copyright
{
	font-size: 7pt;
	text-align: center;
	color: Gray;
}
.errormessage
{
	color: Red;
	font-weight: bold;
}
.emsn_window
{
	border: 1px solid #c0c0c0;
	width: 180px;
	padding: 20px;
}

/************************************************************************
 * Clan overview
 */

.member
{
    height: 40px;
    vertical-align: top;
}

.member_picture
{
    float: left;
}

.member_field
{
    float: left;
    margin-top: 12px;
}

/***********************************************************************
 * Inbox
 ***********************************************************************/

.inbox_image
{
    float: left;
    margin-top: 1px;
}
.inbox_username
{
    width: 140px; 
    float: left; 
    text-align: left; 
    font-weight: bold;
    vertical-align: middle;
    margin-top: 12px;
}

.inbox_message 
{
    float: left; 
    vertical-align: middle;
    margin-top: 8px;
}

.inbox_date 
{
    width: 150px; 
    float: left; 
    text-align: left;
    margin-top: 8px;
}

.inbox_checkbox
{
    float: left;
    margin-top: 8px;
    margin-left: 4px; 
}

.inbox_del_button
{
    margin-top: 5px;
    float: right;
}

.inbox_next_button
{
    margin: 5px;
}

.inbox_prev_button
{
    margin: 5px;
}

/***********************************************************************
 * View user images and comments
 ***********************************************************************/

.viewimg_comments
{
    width: 570px;
}

.viewimg_user
{
    background: #EAF6C7;
    float: left;
    width: 570px;
    margin-top: 10px;
}

.viewimg_user_comment
{
    float: left;
    width: 570px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.viewimg_date 
{
    float: left;
    padding-bottom: 10px;
}

.viewimg_delete
{
    float: right;
    margin-right: 20px;
}


/**********************************************************************
 * Clan news
 **********************************************************************/
.news_post
{
    float: left;
    width: 570px;
    margin-bottom: 10px;
    padding-top: 10px;
}

.news_header 
{
    float: left;
    font-size: 150%;
}

.news_message
{
    background: #EAF6C7;
    float: left;
    width: 550px;
    padding: 10px;
    margin-bottom: 5px;
    color: #000;
}

.news_date 
{
    float: right;
    margin-right: 10px;
}

.add_news 
{
    float: left;
    width: 570px;
}

.news_new_header
{
    float: left;
    width: 570px;
    margin-top: 5px;
}

.news_new_body
{
    margin-top: 10px;
    float: left;
    width: 570px;
    height: 150px;
}

/************************************************************************
 * User blog
 ************************************************************************/

.blog_post
{
    float: left;
    width: 570px;
    margin-bottom: 10px;
    padding: 10px;
}

.post_title
{
    float: left;
    font-size: 130%;
    font-weight: bold;
}

.post_edit
{
    float: right;
}

.post_text 
{
    float: left;
    width: 570px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    color: #000;
}

.post_created
{
    float: left;
    margin-right: 10px;
    font-style: italic;
}

.post_updated
{
    float: right;
    font-style: italic;
}

.comments_comment
{
    float: left;
    width: 570px;
    margin-top: 10px;
    padding: 10px;
    border: 1px dotted #ccc;
}

.comments_title
{
    float: left;
    font-style: italic;
}

.comments_delete
{
    float: right;
}

.comments_text
{
    float: left;
    width: 550px;
    margin-top: 5px;
}

.comments_date 
{
    float: right;
    padding-right: 10px;
}
