/***********************************************/
/* smallworldscss.php                          */
/* Use with Smallworlds Website                */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

* {
	margin: 0;
}

html, body {
	height: 100%;
}

img {
	behavior: url(http://www.smallworlds.com/smallworlds/common/css/iepngfix.htc);
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font: 76% Verdana, Arial, sans-serif;
	text-align: center;
}

ul {
	margin: 12px 0px;
    	padding: 0px 0px 12px 0px;
    	list-style-type: none;
}

li {
    	padding: 0px 0px 8px 20px;
    	background: url(http://www.smallworlds.com/smallworlds/common/css/bulletpoint_1.png) no-repeat;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.nonFooter {
	min-height: 100%;
	min-width: 980px;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
}

/************* login/tour styles ***************/

#logintourcontent {
	width: 100%;
	background: url('http://content.smallworlds.com/content-v154a/webassets/swcontent_bg.jpg') repeat-x top;
	background-color: #E2E2E2;
	height: 430px;
}

/************* smallworlds styles **************/

#swcontent {
	width: 100%;
	background-color: #E2E2E2;
	text-align: right;
	height: 490px;
}

/************* custom game styles **************/

#gamecontent {
	position: absolute;
	top: 60px;
	left: 0px;
	height: 490px;
	min-width: 660px;
	background: url('http://content.smallworlds.com/content-v154a/webassets/swcontent_bg2.jpg') repeat-x top;
	background-color: #E2E2E2;
	display: none;
	text-align: right;
}

#gameframe {
	float: right;
	width: 660px;
	height: 490px;
}

#lefttexture {
	width: 100%; 
	max-width: 230px; 
	height: 490px; 
     background-position: top left;
	float: right;
}

#gameclose {
	text-align: right;
	background-color: #FF0000;
	display: none;
}

/************ server note styles ***************/

#servernote {
	width: 960px;
	border: 2px solid #FF0000;
	background-color: #FFDDDD;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.servertable td {
	text-align: left;
	vertical-align: top;
	font-size: 120%;
}

.servertable a {
	color: #AA3333;
}

/************ web content styles *************/

#webnocontent {
	background: url('http://content.smallworlds.com/content-v154a/webassets/webcontent_bg.jpg') repeat-x top;
	width: 100%;
	height: 50px;
	text-align: center;
}

#webcontent {
	background: url('http://content.smallworlds.com/content-v154a/webassets/webcontent_bg.jpg') repeat-x top;
	width: 100%;
	height: 220px;
	text-align: center;
}

#wrapper {
	padding-top: 20px;
	width: 980px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;	
}

#avatarwrapper {
	padding-top: 20px;
	width: 280px;
	height: 100%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#postcardwrapper {
	padding-top: 20px;
	width: 880px;
	height: 100%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#webcontent .bluebox {
	background: url('http://content.smallworlds.com/content-v154a/webassets/content_blue_bg.jpg') repeat-x;
	height: 172px;
	float: left;
}

#webcontent .bluebox .boxheader {
	height: 10px;
	margin-bottom: -13px;
	background: url('http://content.smallworlds.com/content-v154a/webassets/content_blue_tl.jpg') top left no-repeat;
}

#webcontent .bluebox .boxheader div {
	height: 10px;
	background: url('http://content.smallworlds.com/content-v154a/webassets/content_blue_tr.jpg') top right no-repeat;
}

#webcontent .yellowbox {
	background: url('http://content.smallworlds.com/content-v154a/webassets/content_yellow_bg.jpg') repeat-x;
	height: 172px;
	float: left;
}

#webcontent .yellowbox .boxheader {
	height: 10px;
	margin-bottom: -13px;
	background: url('http://content.smallworlds.com/content-v154a/webassets/content_yellow_tl.jpg') top left no-repeat;
}

#webcontent .yellowbox .boxheader div {
	height: 10px;
	background: url('http://content.smallworlds.com/content-v154a/webassets/content_yellow_tr.jpg') top right no-repeat;
}

.topleft {
	position: absolute;
	margin-left: 0px;
}

.topright {
	position: absolute;
	margin-right: 0px;
	border: 1px solid red;
}

#webcontent .boxcontent {
	padding: 10px;
	padding-top: 8px;
}

#webcontent .boxcontent a {
	color: #003388;
	text-decoration: underline;
}

#webcontent .boxcontent .title {
	font-size: 18px;
	color: white;
	padding-bottom: 0px;
	height: 25px;
}

#webcontent .boxcontent .text {
	font-size: 11px;
}

#webcontent .boxcontent .text p {
	margin-top: 0px;
}

#webcontent .boxcontent .link {
	padding-top: 13px;
	font-size: 13px;
	font-weight: bold;
}

#tournav {
	padding-top: 20px;
}

/*************** footer styles ***************/

.footer {
	background-color: #f0f0f0;
	color: #999999;
	font-size: 11px;
	width: 100%;
	height: 100px;
}

.footer, .push {
	height: 100px;
}

.footer a:link, .footer a:visited {
	color: #999999;
	text-decoration: none;
}

.footer a:hover {
	color: #000000;
}

#footercontent {
	text-align: left;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}

.footercolumn {
	float: left;
	width: 245px;
	line-height: 18px;
}

#footercontent span {
	width: 200px;
}

#footercopyright {
	text-align: left;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}