/* defaults */
/*
* {
	margin: 0;
	padding: 0;
}*/

html, body {
	background: url('../images/blueTopGradient.png') #c6dcf5 repeat-x;
	color: #4e7aab;
	
	font-family: Verdana, Arial, sans-serif;
	font-size: 92%;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 35px;
}

/* default links */

a { color: #006eb3; }
a:hover { color: #003e66; }
a:active { color: #007ccb; }

/* links to delete actions */

a.delete { red; padding: 4px; margin: -4px; }
a.delete:hover { color: #ffffff; background-color: #ff0000; border: 1px solid #c90000; }
a.delete:active { color: red; background-color: black; }

h1,h2,h3,h4,h5,h6 {
	margin-top: 0.6em;
	margin-bottom: 0.4em;
}

fieldset
{ border: 0; }

a img
{ border: 0; }

/* float clearing */

div.clearFloat
{ clear: both; }

/* link to profile with gravatar */

span.linkToProfileWithGravatar { display: inline;  }
	span.linkToProfileWithGravatar .gravatar { float: left; }
	span.linkToProfileWithGravatar a span.gravatar { border: 1px solid #ddd; padding: 1px; margin-right: 5px; }
		span.linkToProfileWithGravatar a:hover span.gravatar { border-color: #003e66; }
 
/* button-like links */

a.button { font-size: large; display: block; padding: 6px; border: 1px solid #f1f1f1; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; }
	a.button:hover { background: #fafafa; border-color: #e5e5e5; }

/* large icon button-like links */

a.largeIconButton { display: block; padding: 8px 8px 8px 63px; font-size: large; text-decoration: none; border: 1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
a.largeIconButton:hover { border-color: #f1f1f1; background: #fafafa; color: #00aaff; }
a.largeIconButton:active {  background: #eee; }
	a.largeIconButton img { margin: 0 6px 0 -55px; padding: 6px; float: left; background: #336699; border: 1px solid #003366; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	a.largeIconButton:hover img { background: #00aaff; border-color: #0099cc; }
	a.largeIconButton span { display: block; font-size: small; margin-top: 4px; color: #888; }


/* content shadow */

div#contentShadow {
	background: url('../images/smallHorizontalShadow.png') repeat-x;
	height: 4px;
	widht: 100%;
}
/* big box links */

a.bigBox {
	background: #f1f1f1 url('../images/bigBoxButtonBg.gif') no-repeat center right;
	
	text-decoration: none;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 1em 80px 1em 1em;
	margin: 0 0 1em 0;
	display: block;
}
a.bigBox:hover { background-color: #00aaff; color: white; }
a.bigBox.delete:hover { background-color: red; border: 0; }
a.bigBox.delete:active { background-color: black; border: 0; }
a.bigBox:active { background-color: #eee; }
a.bigBox span.header {
	display: block;
	margin-bottom: 0.6em;
}
a.bigBox span.description {
	display: block;
	color: #666;
}

/* header */

div#header { width: 1000px; padding: 0; margin: 0 auto 0.4em; }


/* user menu */

#userMenu {
	font-size: small;
	display: inline;
	float: right;
	padding-bottom: 0;
	margin: 1px 5px 0;
}


/* title */

div#webTitle { margin-bottom: 13px; background: #2ca5de; color: #8ccae7; }
	div#webTitle h1 { margin: 0; font-weight: normal; font-size: 16px; }
	div#webTitle h1 a { display: block; padding: 6px 6px 6px 18px; text-decoration: none; color: #8ccae7; }
	div#webTitle h1 a span.url { color: #ffffff; }
	div#webTitle h1 a:hover { color: #8ccae7; }
	div#webTitle h1 a:hover span.url { text-decoration: underline; }
	div#webTitle h1 a:hover span.important { color: #dff1f9; }

/* main menu divisor */

div#mainMenuDiv { width: 100%; padding-top: 5px; padding-bottom: 2px; }

/* main menu */

ul#mainMenu { list-style-type: none; margin: 0; display: inline; } 
	ul#mainMenu li { margin: 0 5px 0 5px; float: left; font-size: 17px; }
	ul#mainMenu li:hover { background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	ul#mainMenu li:hover ul { display: block; }
		ul#mainMenu li ul {	display: none; background-color: #fff; padding: 0.3em 0em 0.3em;
							list-style-type: none; position: absolute; border-radius: 3px;
							-moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: -4px; }
			ul#mainMenu li ul li { position: relative; float: none; margin-bottom: 3px; font-size: 13px; }
				ul#mainMenu li ul li hr { height: 1px; border: 0; margin: 4px; background-color: #a6c0e3; }

#mainMenu a { text-decoration: none; color: #393939; padding: 4px 7px 7px; display: block; }
#mainMenu li.selected a { text-decoration: underline; }
#mainMenu a:hover { text-decoration: underline;  color: #00aaff; }
#mainMenu a:active { background-color: #def2ff;	color: #0091ed; }
#mainMenu li ul a { padding: 1px 3px 1px 3px; display: block; }
	#mainMenu li.selected ul a { text-decoration: none; }

li#mainLogo a { padding: 4px 5px 2px 5px; } 


/* level 1 header (main) */

div#mainHeader { padding: 6px 6px 6px 18px; background: #00afff repeat-x; }
	div#mainHeader h2 {	text-transform: lowercase; font-weight: normal;	font-size: 23px; padding: 0; margin: 0;	}
		div#mainHeader h2 a { color: #ffffff; text-decoration: none; }
		div#mainHeader h2 a:hover {	color: #ffffff;	text-decoration: underline;	}
	div#mainHeader ul {	list-style-type: none; float: right; margin: 7px 7px; padding: 0; font-size: 15px; }
		div#mainHeader li {	text-transform: lowercase; float: left;	}
			div#mainHeader li a { text-decoration: none; color: #c6edff; border-left: 1px solid #2cbdff; border-right: 1px solid #00a0e9; padding: 3px 0.5em 3px 0.5em;	}
			div#mainHeader li a.selected { text-decoration: underline; }
			div#mainHeader li a:hover { background-color: #1399d7; color: #ffffff; }
			div#mainHeader li a:active { background-color: #1882b3;	}
		
/* level 2 header (module) */

div#moduleHeader { padding: 3px 3px 4px 20px; border-top: 1px solid #40c2fd; background: url('../images/smallHorizontalShadow.png') #107fc9 repeat-x; }
	div#moduleHeader h3 { text-transform: lowercase; font-weight: normal; font-size: 15px; padding: 0; margin: 0; color: #9ccafd; }
		div#moduleHeader h3 a { color: #daebff;	text-decoration: none; }
		div#moduleHeader h3 a:hover { color: #ffffff; text-decoration: underline; }
	div#moduleHeader ul { list-style-type: none; float: right; margin: 2px 10px; padding: 0; font-size: 13px; }
		div#moduleHeader li { text-transform: lowercase; float: left; }
			div#moduleHeader li a { text-decoration: none; color: #add4ff; border-left: 1px solid #1d8cd7; border-right: 1px solid #0b77bf;	padding: 2px 0.5em 1px 0.5em; }
			div#moduleHeader li a.selected { text-decoration: underline; }
			div#moduleHeader li a:hover { background-color: #1d71a9; color: #ffffff; }
			div#moduleHeader li a:active { background-color: #0f5686; }
		


/* flash boxes */

/**
 * MESSAGE BOXES
 */
.flashBox {
	width: 950px;
	margin: 1em auto;
	padding: 0.5em 2em 0.5em 2em;
	border: 1px solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: center;
	font-size: medium;
}
.flashBox.error {
	color: #ff2a00;
	background-color: #ffcdc3;
	border-color: #ff2a00;
}
.flashBox.warning {
	color: #f3bd02;
	background-color: #fffad4;
	border-color: #ffe400;
}
.flashBox.success {
	color: #81ab00;
	background-color: #e7ff9d;
	border-color: #c0ff00;
}

/* content */

div#content {
	background-color: #fff;
	color: #333;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	width: 1000px;
	margin: 0.4em auto;
	padding: 0 0 20px 0;
}
#content p, #content blockquote
{
	color: #444;
}
/* ululand logo at the bottom */

img#ululandLogoBottom { float: right; margin: -15px 21px; }

div#pageContent
{
	/*text-align: justify;*/
	
	clear: both;
	margin: 0.2em 0.4em;
	padding: 0.2em;
}
div.contentRow
{
	clear: both;
}

.header
{
	text-shadow: 0px 1px 0 white;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #c6c6c6;
}
.header a
{
	text-decoration: none;
}
.header a:hover
{
	text-decoration: underline;
}

/* alignments */

.alignLeft {
	float: left;
}
.alignRight {
	float: right;
}
.alignCenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}
.center
{
	text-align: center;
}
.left
{
	text-align: left;
}
.right
{
	text-align: right;
}


/* font sizes */

.xxSmall {
	font-size: xx-small;
}
.xSmall {
	font-size: x-small;
}
.small {
	font-size: small;
}
.large {
	font-size: large;
}
.xLarge {
	font-size: x-large;
}
.xxLarge {
	font-size: xx-large;
}

/* page title */

h2#pageTitle { margin: 0.3em 0 0 1em; font-weight: normal; font-size: 40px; }
	h2#pageTitle a { text-decoration: none; color: #336699; }
	h2#pageTitle a:hover { color: #00aaff; }
		h2#pageTitle img { margin: 0 8px -5px 0; padding: 5px; background: #336699; border: 1px solid #003366; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		h2#pageTitle a:hover img { background: #00aaff; border-color: #0099cc; }

/* page content */

div#pageContent
{
	margin: 15px;
}

/* content boxes */

.contentBox
{	
	margin: 0.5em;
	padding: 1em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.bordered
{
	border: 1px solid #c6c6c6;
}
div.light
{
	background-color: #f5f5f5;
}
div.dark
{
	background-color: #000211;
	color: #d8e6ff;
	border-color: #00266b;
}
div.dark .header
{
	border-color: #00266b;
}

/* fixed widths */

div.contentColumn
{
	margin: 0;
	padding: 0;
}
div.contentColumn.wide
{
	width: 720px;
}
div.contentColumn.twoThirds
{
	width: 640px;
}
div.contentColumn.half
{
	width: 480px;
}
div.contentColumn.halfWide { width: 360px }
div.contentColumn.third { width: 320px; }
div.contentColumn.quarter
{
	width: 240px;
}

/* avatar pieces receiver */

div#avatarPiecesReceiver { text-align: center; margin: 10px 10px 10px 25px; background: #eee; border: 1px solid #ccc;
							height: 250px; width: 150px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding-top: 5px; }
	div#avatarPiecesReceiver.receiverActive { border: 696969; background: #fafafa; }
div#avatarPiecesReceiver + p:first-line { font-size: large; font-weight: bold; }

/* avatar pieces catalogue list */

ul#avatarPiecesCatalogue { list-style-type: none; padding: 0; }
	ul#avatarPiecesCatalogue li { float: left; margin: 5px; padding: 5px; text-align: center; width: 200px; }
	ul#avatarPiecesCatalogue li.inUse { background: yellow; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
		ul#avatarPiecesCatalogue li span.pieceImage { width: 80px; height: 80px; background: #fafafa; padding: 5px; display: block;
													  margin-left: auto; margin-right: auto; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		ul#avatarPiecesCatalogue li span.pieceName { display: block; font-size: large; padding-top: 5px; }
		ul#avatarPiecesCatalogue li span.pieceDescription { display: block; font-size: small; margin-top: 2px; color: #696969; }
	ul#avatarPiecesCatalogue li span.pieceImage:hover { border-color: #0099cc; background: #fff; }
	ul#avatarPiecesCatalogue li span.pieceImage { cursor: move; }

/* styled lists */

ul.full, ul.compound
{
	list-style-type: none;
	padding: 0;
	margin: 0.2em;
}
ul.full li, ul.compound li
{
	margin: 0.8em 0.2em 0.8em 0.2em;
	padding: 0.5em;
}

/* "full" lists */

ul.full li
{
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
ul.full li:hover
{
	border: 1px solid #c6c6c6;
}

/* compound lists */

ul.compound li { padding: 0; }
ul.compound li *.firstRow
{
	padding: 0.5em;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;

	background-color: #f0f0f0;
}
ul.compound li *.lastRow
{
	padding: 0.5em;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-radius-bottomleft: 4px;
	-webkit-border-radius-bottomright: 4px;
	border-top: 0;
	
	background-color: #f9f9f9;
}
ul.compound li a.firstRow
{
	display: block;
}
ul.compound li a.firstRow:hover
{
	background-color: #e5e5e5;
}
ul.compound li a.firstRow:active
{
	background-color: #fbfbfb;
}

/* tags lists */

ul.tags
{
	list-style-type: none;
	padding-left: 0.5em;
}
ul.tags li
{
}
ul.tags li a
{
	padding: 4px;
	padding-left: 9px;
	display: block;
	background-color: #f7f7f7;
	border-top: 1px solid #fbfbfb;
	border-bottom: 1px solid #e9e9e9;
}
ul.tags li a:hover
{
	background-color: #ededed;
}
ul.tags li a:active
{
	background-color: #fff;
}


/* cloud list */

ul.cloud {
	padding: 0;
	list-style-type: none;
	text-align: center;
}
ul.cloud li {
	display: inline;
	margin: 0.2em;
}
ul.cloud li a {
	text-decoration: none;
}
ul.cloud li a:hover {
	text-decoration: underline;
}

/* profile badges */

div.profileBadge { background: #f8f8f8; border: 1px solid #e5e5e5; padding: 5px; display: block; }
	div.profileBadge div.details { font-size: small; color: #666; margin-top: 5px; }
		div.profileBadge div.details p { margin: 0; }
		div.profileBadge div.details a { text-decoration: none; }
		div.profileBadge div.details a span.arrow { visibility: hidden; }
		div.profileBadge div.details a:hover span.arrow { font-weight: bold; visibility: visible; }
	
/* text formats */

.noSpace
{ margin-top: 0; margin-bottom: 0; }

.form_error 
{ text-align: center; color: red; }


/* forms */

form input[type=text], form input[type=password] { font-size: 13px; font-family: arial, sans-serif; border: 1px solid #ccc; padding: 3px;}
form textarea { font-size: 13px; font-family: arial, sans-serif; border: 1px solid #ccc; padding: 3px; }
form input:focus[type=text], form input:focus[type=password], textarea:focus { border: 1px solid #006eb3; }


form.grande input, input.grande
{
	font-size: 20px;
	padding: 0.2em;
}

form small {
	color: #666;
}

/* player profile title */

div#playerProfileTitle div.playerProfileTitleBlock { margin: 10px; padding: 3px; width: 289px; height: 54px; float: left;
	border: 1px solid #c6c6c6; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* player profile title name */

div#playerProfileTitle div#playerProfileTitleName { margin-left: 80px; width: 219px; }
	div#playerProfileTitleName .linkToProfileWithGravatar a { font-size: large; text-decoration: none; font-weight: bold; letter-spacing: -1px; }
	div#playerProfileTitleName .linkToProfileWithGravatar a:hover { text-decoration: underline; }
		div#playerProfileTitleName .linkToProfileWithGravatar a img { margin-left: -70px; width: 60px; }
		div#playerProfileTitleName .linkToProfileWithGravatar a span.gravatar { padding: 0 15px 0 0; margin: -3px; border: 0; }
	div#playerProfileTitleName p.playerProfileTitleDetails { font-size: small; color: #888; margin: 2px; padding-top: 3px;  
			line-height: 1em; border-top: 1px solid #c6c6c6; }

/* player profile title credits */

div#playerProfileTitleCredits { background: #fff url('../images/uluCoin_blue.png') left center no-repeat; }
	div#playerProfileTitleCredits p { margin: -2px 0 0 50px; font-size: 45px; letter-spacing: -5px; color: #696969; }
		div#playerProfileTitleCredits p span { font-size: small; color: #888; letter-spacing: -1px; }

/* game box */

div.gameBox h3 { margin-top: 0; margin-bottom: 0; font-size: xx-large; font-weight: normal; text-transform: uppercase; letter-spacing: -2px; }
	div.gameBox h3 a { background: #222; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius-topleft: 5px 5px 0 0; 
		padding: 10px; display: block; text-decoration: none; color: #00aaff; }
		div.gameBox h3 a span { border: 0 !important; }
		div.gameBox h3 a span img { border: 0 solid #f1f1f1; !important; }
	div.gameBox h3 a:hover { background: #00aaff; color: #fff; }
	div.gameBox div.gameBoxDetails { background: url('../images/smallHorizontalShadow.png') #f1f1f1 repeat-x;
		font-size: 10px;  padding: 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
		div.gameBox div.gameBoxDetails h4 { margin: 0; padding-top: 3px; color: #222 !important; text-transform: uppercase; 
			font-weight: normal;}
		div.gameBox div.gameBoxDetails p  { margin: 0 0 3px; color: #696969 !important; }

/* gamestats enabled icon */

li.gamesListItem img.gamestatsEnabledIcon { position: absolute; margin-top: 5px; margin-left: 5px; }

/* gamestats table */

table.gamestatTable { width: 100%; border-collapse: collapse; border-width: 0px; color: #555; text-align: center; }
	table.gamestatTable a { text-decoration: none; }
	table.gamestatTable tr.header { background-color: #107FC9; }
		table.gamestatTable th { color: #fff; text-transform: uppercase; padding: 2px; font-weight: normal; }
		table.gamestatTable tr { background-color: #e5e5e5; }
		table.gamestatTable tr.alt { background-color: #f1f1f1; }
		table.gamestatTable td { padding: 4px 0; }
		table.gamestatTable td.position { text-align: center; font-weight: bold; }

/* related games list */

ul.relatedGames { list-style-type: none; margin: 0; padding: 0; }
	ul.relatedGames li { padding-left: 64px; margin-bottom: 5px; clear: both;
		background: #ccc url('../images/bigBoxButtonBg.gif') no-repeat center right; } 
	ul.relatedGames li:hover { background-color: #00aaff; }
		ul.relatedGames li a { color: #000; text-decoration: none; min-height: 70px; display: block; }
		ul.relatedGames li a:hover { color: #fff; }
		ul.relatedGames li a:active { color: #000; }
			ul.relatedGames li a img { display: inline; float: left; margin: 4px 4px 4px -60px; padding: 2px; }
			ul.relatedGames li a span { display: block; }
			ul.relatedGames li a span.relatedGameLink { display: block; padding-top: 3px; font-family: sans-serif;
				text-transform: uppercase; font-size: 16px; font-weight: bold; letter-spacing: -1px; }
			ul.relatedGames li a span.relatedGameDetails { color: #696969; font-size: small; }
			ul.relatedGames li a:hover span.relatedGameDetails { color: #000; }			

/* game releases list */

table.releasesList { width: 100%; border-collapse: collapse; }
	table.releasesList thead tr { font-size: large; }
		table.releasesList thead tr th { font-weight: normal; padding: 0.3em; height: 2em; vertical-align: bottom; }
	table.releasesList tbody tr { background-color: #f5f5f5; border-bottom: 1px solid #e8e8e8; height: 100%;  }
	table.releasesList tbody tr:hover { background-color: #fafafa; border-color: #ccc; }
		table.releasesList tbody tr td { padding: 0.3em; text-align: center; height: 100%;}
			table.releasesList tbody tr td a { display: block; height: 100%; }

table.releasesList tbody tr.alfa { border-left: 5px solid #993333; }
	table.releasesList tbody tr:hover.alfa { border-left: 5px solid #ff3300; }
table.releasesList tbody tr.beta { border-left: 5px solid #996633; }
	table.releasesList tbody tr:hover.beta { border-left: 5px solid #ff9900; }
table.releasesList tbody tr.release-candidate { border-left: 5px solid #999933; }
	table.releasesList tbody tr:hover.release-candidate { border-left: 5px solid #ffff00; }
table.releasesList tbody tr.final { border-left: 5px solid #669933; }
	table.releasesList tbody tr:hover.final { border-left: 5px solid #99ff00; }

/* rating details table */

table.ratingDetailsTable { float: left; border: 1px solid #ddd; margin-right: 6px; padding: 0 4px; width: 75px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #fcfcfc; }
	table.ratingDetailsTable tr td { vertical-align: bottom; margin: 0; padding: 0;}
	table.ratingDetailsTable tr td.ratingBarBackground div { background-color: #80C65A; min-height: 2px; text-align: center; }
	table.ratingDetailsTable tr td.ratingBarLegend { text-align: center; font-size: small; color: #696969; }

/* rating details info */

ul.ratingDetailsInfo { float: left; list-style-type: none; padding-left: 0; }
	ul.ratingDetailsInfo li { font-size: small; }

/* comments */

ul.comments { list-style-type: none; margin: 10px 0; padding: 0;}
	ul.comments li.comment { margin: 10px 0 10px; padding: 0 0 0 90px; }
	ul.comments li.comment .author { border-bottom: 1px solid #ddd; padding-bottom: 4px; display: block; }
		ul.comments li.comment .author a { text-decoration: none; font-weight: bold; }
			ul.comments li.comment .author a:hover { text-decoration: underline; }
		ul.comments li.comment .author .authorImage { display: inline; float: left; margin-left: -90px; }
		ul.comments li.comment .author a span.authorImage { border: 1px solid #ddd; padding: 1px; }
			ul.comments li.comment .author a:hover span.authorImage { border-color: #003e66; } 
	ul.comments li.comment .meta { float: right; margin: 2px 10px 0; }
		ul.comments li.comment .meta .date { text-align: right; font-size: x-small; color: #696969; }
	ul.comments li.comment blockquote { margin: 0.2em 0 0.2em 0; }
		ul.comments li.comment blockquote * { margin-top: 0.2em; }
		ul.comments li.comment blockquote h1,
		ul.comments li.comment blockquote h2,
		ul.comments li.comment blockquote h3 { font-size: small; }
	ul.comments li.comment p.actions { font-size: x-small; }
	
/* comments form */

form#sf_comment_form { padding: 0 0 0 90px; margin: 8px 0 30px 0; }
	form#sf_comment_form span.gravatar { float: left; margin-left: -90px; }
		form#sf_comment_form span.gravatar img { border: 1px solid #ddd; padding: 1px; }
	form#sf_comment_form textarea { display: block; width: 98%; height: 74px; border: 1px solid #ddd; padding: 4px; }
	form#sf_comment_form div.actions { margin: 5px 0 10px 0; }
		form#sf_comment_form div.actions input.submit { font-size: small; float: right; }
		form#sf_comment_form div.actions span { font-size: x-small; color: #696969; margin: 0 0 0 5px; }	

/* embed form */

input#embedCode { width: 98%; }

/* chat bar */

div#chatBar { position: fixed; bottom: 0; right: 0; width: 100%; height: 25px; z-index: 99; }
	div#chatBarUi { margin: 0 15px; height: 100%; background: #eee; border: 1px solid #ccc; }
		div#chatBarUi div#chatClient { float: right; background: #e2e2e2; border-left: 1px solid #f5f5f5; }
		div#chatBarUi a#toggleChatButton { text-decoration: none; padding-top: 5px; margin-right: 5px; }
div.chatClientUp { margin-top: -370px; background: #fdfdfd !important; border: 1px solid #eee; }

/* footer */

div#footer { background-color: #5397e1; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	width: 1000px; margin: 0.4em auto; padding: 0; }

/* footer menu */

ul#footerMenu { padding: 8px 0 0; }
ul#footerMenu, ul#footerMenu li ul { list-style-type: none; margin-bottom: 10px; }
	ul#footerMenu li { float: left; margin-left: 45px; }
		ul#footerMenu li a { padding: 2px; color: #ebf5ff; text-decoration: none; font-size: 15px; }
		ul#footerMenu li a:hover { text-decoration: underline; }
		ul#footerMenu li ul { margin-top: 5px; padding: 0; }
			ul#footerMenu li ul li { margin-left: 0; display: block; float: none; }
				ul#footerMenu li ul li a { font-size: 12px; color: #c8dcf5; }

img#pncilLogo { float: right; margin: 20px 25px 0 0; }

p#copyrightText { color: #5397e1; float: right; font-size: small; margin-right: 1em; }