@charset "utf-8";
/* CSS Document */

/* Set Defaults for Page */
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
	font-size: 11px;
}
html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.clear {
	display: block;
	clear: both;
}

/* Background Settings and Structure */
#pageBackground {
	width: auto;
}
#page { 
	width: 920px;
	margin: 0px auto;
	position: relative;
}





/* ---------- Aeria Branding Bar Structure ---------- */
#aeriaBranding {
	width: 920px;
	margin: 0px auto;
	position: absolute;
}
#aeriaBranding #siteMenu {
	position: absolute;
	top: 15px;
	left: 10px;
	width: auto;
	height: 64px !important;
}
#aeriaBranding #siteMenu li { 
	position: relative;
	float: left; 
	height: 64px;
}
#aeriaBranding #siteMenu li a {
	display: block; 
	height: 64px !important;
}
#aeriaBranding #siteMenu li a img{
	background: url(blank.gif);
	height: 64px;
}
#aeriaBranding li a:hover img {
	background: no-repeat right top;
}

/* Branding Bar Button Widths */
#siteMenu #aeriaLogo img { width: 141px; }
#siteMenu #members img { width: 101px; }
#siteMenu #games img { width: 80px; }
#siteMenu #forums img { width: 85px; }
#siteMenu #store img { width: 69px; }
#siteMenu #blogs img { width: 72px; }





/* ---------- Searcb-Login-Register Box ---------- */
#aeriaBranding #multiBox {
	position: absolute;
	height: 100px;
	width: 341px;
	left: 565px;
	top: 0px;
}

/* Search-Login-Register Menu */
#multiBox #multiMenu {
	margin-top: 5px;
	margin-left: 10px;
}
#multiBox #multiMenu li {
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	width: auto;
}
#multiBox #multiMenu li a{
	display: block;
	height: 19px;
	width: auto;
	padding: 0px 9px;
	border: solid 1px;
	border-bottom-width: 0px;
	font: bold 11px/19px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#multiBox #multiMenu li a:hover{ text-decoration: underline; }
#multiBox #multiMenu li.selected { width: auto; }
#multiBox #multiMenu li.selected a { border-left-width: 0px; }

/* Search-Login-Register Content SHOW or HIDE Rules*/
/* On Login Click HIDE Search Content and SHOW Login Content*/
#multiBox.login #searchDIV {
	top: -5000px;
}

/* On Search Click SHOW Search Content and HIDE Login Content*/
#multiBox.search #loginDIV {
	top: -5000px;
}





/* ---------- Login Box Content --------- */
#multiBox #loginDIV {
	position: absolute;
	left: 0px;
	top: 26px;
	width:340px;
	height: 74px;
}

/* Log in Form Styles */
#multiBox #loginDIV #loginUserInput {
	position: absolute;
	left: 20px;
	top: 10px;
	height: 21px;
	width: 105px;
	border: solid 1px;
}
#multiBox #loginDIV #loginUserInput input{
	float: left;
	height: 16px;
	width: 100px;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	padding-left: 5px;
}
#multiBox #loginDIV #passwordUserInput {
	position: absolute;
	left: 135px;
	top: 10px;
	height: 21px;
	width: 166px;
	border: solid 1px;
}
#multiBox #loginDIV #passwordUserInput input.password {
	float: left;
	height: 16px;
	width: 100px;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	padding-left: 5px;
}

#multiBox #loginDIV  #passwordUserInput  input.showName { 
	float: left;
	height: 16px;
	width: 100px;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	padding-left: 5px;
}
#multiBox #loginDIV  #passwordUserInput  input.hideName { 
	float: left;
	height: 16px;
	width: 100px;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	padding-left: 5px;
}

/* Forgetten Password Link */
#multiBox #loginDIV #passwordForgotten {
	position: absolute;
	left: 21px;
	top: 41px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 7px;
}
#multiBox #loginDIV #passwordForgotten:hover { text-decoration: underline; }

/* User LOGGED IN message and Menu */
#multiBox #loginDIV #loggedInMessage {
	position: absolute;
	left: 20px;
	top: 13px;
	font-weight: bold;
}
#multiBox #loginDIV #loggedInMenu {
	position: absolute;
	left: 20px;
	top: 33px;
	border-style: solid;
	border-width: 1px 1px 1px 0px;
}
#multiBox #loginDIV #loggedInMenu li {
	height: 19px;
	width: auto;
	float: left;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
}
#multiBox #loginDIV #loggedInMenu li a {
	display: block;
	line-height: 17px;
	font-weight: bold;
	text-decoration: none;
	height: 19px;
	padding: 0px 9px;
}
#multiBox #loginDIV #loggedInMenu li a:hover { text-decoration: underline; }





/* ---------- Search Box Content ---------- */
#multiBox #searchDIV {
	position: absolute;
	left: 20px;
	top: 36px;
	height: 21px;
	width: 270px;
	border: solid 1px;
}
#multiBox.search #searchDIV input.search {
	float: left;
	height: 16px;
	width: 191px;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	padding-left: 5px;
}




/* ---------- Game Home Image and Download Button ---------- */
#gameMenu #download, #gameMenu #signup {
	position: absolute;
	left: 575px;
	top: 104px;
	height: 71px;
	width: 335px;
}
#gameMenu #gameLogo {
	position: absolute;
	left: 0px;
	top: 79px;
	height: 122px;
	width: 285px;
}
#gameMenu #download img, #gameMenu #signup img {
	height: 71px;
	width: 335px;
}
#gameMenu #gameLogo img {
	height: 122px;
	width: 285px;
}



/* ---------- Game Specific Navigation ---------- */
#page #gameNav {
	position: absolute;
	top: 201px;
	left: 10px;
	height: 30px;
	width: auto;
	border-right-width: 1px;
	border-right-style: solid;
}
#page #gameNav li {
	height: 30px;
	float: left;
	border: solid 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;	
}
#page #gameNav li a, #page #gameNav li a:link, #page #gameNav li a:active, #page #gameNav li a:visited {
	background: url(blank.gif) repeat;
	display: block;
	height: 30px;
	padding: 0px 10px;
	font: bold 11px/27px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: lowercase;
}
#page #gameNav li a:hover { text-decoration: underline; }





/* ---------- Aeria Functions: Get Aeria Points & Invite a Friend ---------- */

#page #aeriaFuntions li {
	height: 30px;
	float: left;
}
#page #aeriaFuntions li #getpoints {
	position: absolute;
	top: 201px;
	left: 574px;
	display: block;
	width: 175px;
	height: 30px;
}
#page #aeriaFuntions li #getpoints img {
	width: 175px;
	height: 30px;
}
#page #aeriaFuntions li #invitefriend {
	position: absolute;
	top: 201px;
	left: 749px;
	display: block;
	width: 161px;
	height: 30px;
}
#page #aeriaFuntions li #invitefriend img {
	width: 161px;
	height: 30px;
}





/* ---------- Page CONTENT and RIGHT NAV Area ---------- */
#contentWrapper {
	padding-top: 246px;
}
#contentWrapper #contentLeft {
	position: relative;
	left: 1px;
	float: left;
	width: 548px;
	margin: 0px 8px;
}
#contentWrapper  #navRight {
	position: relative;
	float: left;
	width: 337px;
	margin: 0px 8px;
}




/* ---------- contentModuleBoxes ---------- */
/* Standard Boxes */
.contentModuleBox {
	width: 100%;
	margin-bottom: 14px;
	border: 1px solid;
}
.contentModuleBox .header {
	height: 33px;
	width: auto;
	border: 1px solid;
	padding: 0px;
	font: bold 11px/29px Verdana, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}
.contentModuleBox .contentWrapper { 
	width: auto; 
	border: solid 1px;
}
.contentModuleBox .contentWrapper .content {
	width: auto;
	padding: 10px;
}



/* Standard Boxes for Right Hand Nav */
#navRight .contentModuleBox .header {
	border-bottom: 0px;
}
#navRight .contentModuleBox .contentWrapper {
	border-top: 0px;
	margin-top: 0px;
	padding: 0px 10px;
}
#navRight .contentModuleBox .contentWrapper .content {
	border-top: 1px solid #919191;
	padding: 5px 0px 10px 0px;
}


/* Quicklinks Box */
.contentModuleBox#quicklinks .contentWrapper ul ul li { margin-left:10px;}

.contentModuleBox#quicklinks .contentWrapper .content {
	padding-top: 0px;
}
.contentModuleBox#quicklinks .contentWrapper .content ul {
	width: auto;
}
.contentModuleBox#quicklinks .contentWrapper .content ul li {
	display: block;
}
.contentModuleBox#quicklinks .contentWrapper .content ul li a {
	display: block;
	width: auto;
	height: 23px;
	font: bold 10px/23px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 20px;
	border-bottom: solid 1px;
}
.contentModuleBox#quicklinks .contentWrapper .content ul li a:hover {
	text-decoration: underline;
}


/* Announcements and Events Expanding List Stlyes */
.contentWrapper .content li.expandingListTitle ul {
	margin: 0px 0px 15px 0px;
}
.contentWrapper .content li.expandingListTitle h4 a{
	display: block;
	width: auto;
	height: 25px;
	font: bold 15px/23px  Arial, Helvetica, sans-serif;
	border: solid 1px;
	padding-left: 5px;
	text-decoration: none;
	text-transform: lowercase;
}
.content .expandingList .title {
	border-top: none;
	display: block;
	width: auto;
	height: 20px;
}
.content .expandingList .title a, .content .expandingList .title a:hover {
	display: block;
	height: 20px;
	font-weight: bold;
	padding-left: 20px;
	line-height: 19px;
	text-decoration: none;
	overflow: hidden;
}
.contentWrapper .expandingList .title a .right {
/*	float: right;*/
	padding-right: 10px;
	line-height: 19px;
}
.content .expandingList .contentWrapper {
	display: none;
	width: auto;
	border: none;
	border-bottom: solid 1px;
	padding-bottom: 25px;
}
.content .expandingList .contentWrapper .content {
	padding: 0px 5px 10px 5px;
}
.content .expandingList .contentWrapper .content p {
	margin: 5px 0px;
	display: block;
	width: auto;
}
.contentWrapper .content a.readmore {
	display: block;
	margin-left: auto;
	width: 100px;
	line-height: 17px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	height: 19px;
	padding: 0px 9px;
	border: solid 1px;
}
.contentWrapper .content a.readmore:hover {
	text-decoration: underline;
}

/* Styles for itemsList */
#itemHover { display: none; border: solid 1px; position: absolute; top: -5000px; left: 0px; width: 275px; }
#itemHover .picTitle { padding: 10px; }
#itemHover .imgLeft { float: left; padding: 0px 10px 10px 0px; }
#itemHover .titleText { font: bold 19px/22px Arial, Helvetica, sans-serif; padding-right: 60px; }
#itemHover .price { font: bold 10px/10px Arial, Helvetica, sans-serif; }
#itemHover .content { clear: both; padding: 0px 10px 10px 10px; }
#itemsList .miniMallItems { margin: 0px; }
#itemsList .miniMallItems .expandingList { display: block; height: 47px; overflow: hidden; float: left; width: 33%; }
#itemsList .expandingList .titleBig { position: relative; height: 45px; overflow: hidden; border: solid 1px black; margin: 0px; } 
#itemsList .expandingList .titleBig a { position: absolute; top: 0px; left: 0px; width: 100%; height: 45px; cursor: pointer; display: block; }
#itemsList .expandingList .titleBig a img { width: 100%; height: 45px; }
#itemsList .expandingList .titleBig .picTitle { display: block; height: 44px; }
#itemsList .expandingList .titleBig .imgLeft { float: left; padding: 5px 5px 0px 5px; }
#itemsList .expandingList .titleBig .titleText { font: bold 10px Verdana, Arial, Helvetica, sans-serif; padding-top: 5px; }
#itemsList .expandingList .titleBig .price { font: bold 9px/11px Arial, Helvetica, sans-serif; }


/* Events List Specific Rules */
.contentModuleBox#events .content ul li ul {
	padding-top: 3px;
}
.contentModuleBox#events .content ul li ul li {
	border-top: none;
	display: block;
	width: auto;
	height: 20px;
	padding-left: 15px;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
}
.contentModuleBox#events .content ul li ul li a {
	display: block;
	font: bold 11px/17px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	height: 20px;
	text-decoration: none;
}
.contentModuleBox#events .content ul li ul li a:hover {
	text-decoration: underline;
}
.contentModuleBox#events .content ul li ul li .event-timeleft{
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	float: right;
}
.contentModuleBox#events .content .more-link a {
	display: block;
	margin-left: auto;
	width: 50px;
	line-height: 17px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	height: 19px;
	padding: 0px 9px;
	border: solid 1px;
}
.contentModuleBox#events .content .more-link a:hover {
	text-decoration: underline;
}





/* Media Box Styles */
.contentModuleBox#media .contentWrapper .content .title {
	font: bold 15px Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: solid 1px;
	clear: both;
}
.contentModuleBox#media .contentWrapper .content .movieThumbs li {
	display: block;
	float: left;
	width: 50%;
}
.contentModuleBox#media .contentWrapper .content .movieThumbs li img {
	width: 148px;
	height: 113px;
}


.contentModuleBox#media .contentWrapper .content .screensThumbs li {
	display: block;
	float: left;
	width: 25%;
}
.contentModuleBox#media .contentWrapper .content .screensThumbs li img {
	width: 69px;
	height: 55px;
}

/* Poll Box Styles */
.block {
	width: 100%;
	margin-bottom: 14px;
	border: 1px solid black;
}
.block h2{
	text-transform: lowercase;
	height: 33px;
	width: auto;
	border: 1px solid white;
	border-bottom: none;
	padding: 0px;
	font: bold 11px/29px Verdana, Arial, Helvetica, sans-serif;
}
.block .content {
	width: auto; 
	border: solid 1px;
	border-top: 0px;
	margin-top: 0px;
	padding: 0px 10px 10px 10px;
}
.block .content .title {
	border-top: solid 1px white;
	border-bottom: solid 1px white;
	padding: 5px 0px;
	font: bold 15px Arial, Helvetica, sans-serif;
}
.block .content .poll {
	padding: 0px 0px;
}
.block .content .poll .choices {
	display: block;
	width: 100%;
}
.block .content .poll .choices .form-item {
	border-bottom: solid 1px white;
	margin: 0px;
	display: block;
	width: 100%;
}
.block .content .poll .choices label.option {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0px;
	display: block;
	cursor: pointer;

}
.block .content .poll .choices label.option:hover {
	background-color: white;
}
.block .content .poll .form-submit {
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 3px 9px;
	margin-top: 10px;
	border: solid 1px;
}
.block .content .poll .vote-result {
	padding: 5px 0px;
	border-bottom: solid 1px;
}
.block .content .poll .text {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin-bottom: 5px;
}
.block .content .poll .votes {
	font: 9px Arial, Helvetica, sans-serif;
	text-align: right;
}
.block .content .poll .bar {
	display: block;
	position: relative;
	width: auto;
	height: 15px;
	border: solid 1px;
	overflow: hidden;
}
.block .content .poll .bar .foreground {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 15px;
	padding-right: 9px;
	font: bold 9px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
.block .content .poll .bar .percentage {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 15px;
	padding-right: 9px;
	font: bold 9px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: white;
}
.block .content .poll .total {
	padding: 5px 0px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

/* Poll Page Display Rules */
/*#contentPage .node .content .title { display: none; }*/
#contentPage .node .content .poll .bar {
	position: relative;
	display: block;
	width: auto;
	height: 46px;
	border: solid 1px;
	overflow: hidden;
}
#contentPage .node .content .poll .bar .foreground {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 46px;
	padding-right: 9px;
	font: bold 17px/45px Arial, Helvetica, sans-serif;
	text-align: right;
}
#contentPage .node .content .poll .bar .percentage {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 46px;
	padding-right: 9px;
	font: bold 17px/45px Arial, Helvetica, sans-serif;
	text-align: right;
}
#contentPage .node .content .poll .votes {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
#contentPage .node .content .poll .text {
	font: bold 14px Arial, Helvetica, sans-serif;
	display: block;
	margin-bottom: 5px;
}
#contentPage .node .content .poll .choices {
	display: block;
	width: 100%;
}
#contentPage .node .content .poll .choices .form-item {
	border-bottom: solid 1px white;
	margin: 0px;
	display: block;
	width: 100%;
}
#contentPage .node .content .poll .choices label.option {
	font: bold 17px Arial, Helvetica, sans-serif;
	padding: 5px 0px;
	display: block;
	cursor: pointer;
}



















/* ||||||| CONTENT PAGE STYLES ||||||||||||||||||||||||||||||| */
#contentPage {
	width: 685px;
	margin: 1px 0px 0px 0px;
}
#contentPage ul.primary {
	margin: 10px 0px;
	padding: 0px;
	border: 0px;
}
#contentPage ul.primary li {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#contentPage ul.primary li a {
	margin: 0px;
	padding: 2px 10px 3px 10px;
	border: solid 1px;
}

#contentPage .contentShadow {
	border: solid 1px;
}
#contentPage .contentWrapper {
	padding: 10px 15px 50px 15px;
	border-style: solid;
	border-width: 1px;
}
#contentPage .contentWrapper .content li, #contentPage .contentWrapper .content p{
	font: 13px/17px Verdana, Arial, Helvetica, sans-serif;
}
#contentPage .header {
	padding: 0px 15px 10px 15px;
}
#contentPage .header h1 {
	font: bold italic 33px/40px Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	color: white;
	letter-spacing: 3px;
}
#contentPage input, #contentPage select, #contentPage select option, #contentPage textarea {
	padding: 5px;
}



/* ||||||| sIFR Flash Overwrite styles ||||||||||||||||||||||| */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	overflow: visible;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* ||||||| DRUPAL STYLE OVERWRITES ||||||||||||||||||||||||||| */


* #page .menu, * #page .leaf {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
}


/* ----------- Footer ---------- */
#footer {
	text-align: center;
	width: 920px;
	clear: both;
	margin: 0px auto;
	padding: 30px 0px;
}

#footerText {width:620px;float:left;padding-top:30px;}
#footerLogoLeft {width:150px;display:block;float:left;}
#footerLogoRight {width:150px;display:block;float:right;}

div.fieldsetTitle {
    display:none;
}