/*!
 * file: user/login-page.css
 *
 * Styling of the login page
 */


 
.login_page_wrapper {
	display: block;
	width: 750px;
	height: 266px;
	margin: 0 auto;
	background: transparent url(../images/subpage/login_page_panel.png) no-repeat top left;
	padding: 74px 0 0 0;
}

.login .facebook {
	background: transparent url(../images/subpage/login_page_panel_facebook.png) no-repeat top left !important;
}

.login_page_wrapper h2 {
	color: #333;
	font-size: 18px;
	margin-left: 130px;
	padding: 0 0 27px 0;
}
.login_page_wrapper .login_page_left {
	display: block;
	width: 230px;
	float: left;
	margin-left: 130px;
	margin-right: 40px;
	padding: 10px 0 0 0;
}
.login_page_wrapper .login_page_right {
	display: block;
	width: 340px;
	float: left;
}
.login_page_wrapper .login_page_left p {
	font-size: 11px;
	color: #332;
	line-height: 18px;
}

#login-page-form {
	width: 340px;
}
#login-page-form h2 {
	padding-bottom: 10px;
}
#login-page-form p {
padding-bottom:1em;
}
ul.login-links {
	width:200px;
	margin-left:2px;
}


#login-page-form  .magmaLabel {
	color:#C6B9A5;
	display:block;
	float:left;
	line-height:25px;
	margin:0;
	padding:0;
	width:140px;
}
#login-page-form .magmaInput input {
	display: block;
	width: 185px;
	background: transparent url('../images/common/elements_sprite.png') 0 -263px no-repeat !important;
	color: #C0B8A6 !important;
	padding: 6px 7px;
}

#login-page-form .magmaFormElementWrapper {
	padding-bottom: 0px;
}

#login-page-form .magmaCheckboxWrapper {
	height:29px;
	line-height:29px;
	margin:0;
	width: 166px;
	float:left;
}
#login-page-form span.magmaCheckbox {
	background:url('../images/common/elements_sprite.png') -236px -173px no-repeat scroll transparent;
	display:block;
	float:right;
	height:24px;
	line-height:24px;
	margin-right:5px;
	text-align:center;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	width:23px;
}
#login-page-form span.magmaCheckbox input {
	display:block;
	height:auto;
	margin: 5px !important;
	*margin: 0 !important;
	padding: 0 !important;
	width:auto;
	background: none !important;
}

#login-page-form .magmaCheckboxWrapper label {
	color:#C6B9A5;
	display:block;
	float:left;
	line-height:25px;
	margin: 0;
	padding:0;
	width:130px;
}

#login-page-form .bfhButton {
	float: left;
	margin-left: 15px;
}

#login-page-form .checkMailButton {
	float: right;
	margin-left: 15px;
} 

p.reset_password_link {
	float: left;
	text-align: right;
	height:29px;
	line-height:26px;
	margin:0;
	width: 162px;
}
p.reset_password_link a {
	color:#C6B9A5 !important;
}

.login_page_wrapper .login_page_right a.btn_register {
	position: relative;
	margin: 0 0 0 -10px;
	float:left;
	display: block;
	width: 165px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	background: transparent url(../images/subpage/btn_165.png) no-repeat;
	text-decoration: none;
	color: #C0B8A6;
	font-size: 12px;
	font-weight: bold;
	top: 0;
	left: 0;
}
#login-page-form a.btn_register:hover {
	color: #FFF;
}

#login-page-form .bfhButton button {
	width: 165px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	background: transparent url(../images/subpage/btn_165.png) no-repeat;
	margin: 0 0 0 0;
}
/*!
 * file: user/history.css
 */

/* This CSS stylesheet defines styles used by required elements in a flex application page that supports browser history */

#ie_historyFrame { width: 0px; height: 0px; display:none }
#firefox_anchorDiv { width: 0px; height: 0px; display:none }
#safari_formDiv { width: 0px; height: 0px; display:none }
#safari_rememberDiv { width: 0px; height: 0px; display:none }

/*!
 * file: user/createHero.css
 */

#user.createHero #container {
    width: 970px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
}
#user.createHero #container object {margin-left:-15px;}


#create-hero-name-form {margin:10px 20px;}
#create-hero-name-form .magmaFormElementWrapper,
#create-hero-name-form .magmaLabel,
#create-hero-name-form .bfhButton {
	float:left;
	margin-right:10px;
}
#create-hero-name-form .magmaLabel {margin-top:6px;}
#create-hero-name-form .magmaLabel.error {
	background:none;
	padding-left:0;
}
#create-hero-name-form .bfhButton {margin-top:2px;}
#create-hero-name-form .magmaError {
	position:absolute;
	padding-left:0;
	top:44px;
}


/*!
 * file: user/verify.css
 *
 * Styling of the account verification pages
 */

#verify-account {
	width:300px;
	margin:0 auto 10px;
}

#verify-account .verify-message {margin-bottom:1em;}

/*!
 * file: user/resend-activation.css
 *
 * Styling of the resend activation page
 */

#resend-activation {
	width:300px;
	margin:20px auto;
}

/*!
 * file: user/reset-password.css
 *
 * Styling of the reset password pages
 */

#reset-password {
	width:300px;
	margin:20px auto 0;
}
#user.resetPassword #password-warning {
	display:none;
	font-weight:bold;
	color:#ffe366;
	z-index:3;
}

#reset-password  .magmaLabel {
	padding-left: 0px;
	width:130px;
}
#reset-password  .magmaInput input {
	width: 155px;
	padding: 6px 0 6px 7px;
	background: transparent url(../images/subpage/password_input.png) no-repeat;
	color: #C0B8A6 !important;
}
/* MTX *********************************************************************************************************************************************************/

#mtx, #cash {
width:940px;
}
#mtx .trow1 a,
#mtx .trow2 a,
#cash .trow1 a,
#cash .trow2 a {color:#8B342F;}
#mtx .cache-info-container,
#cash .cache-info-container {margin-top:4px;}


.mtxcontainertop {
width:940px;
height:36px;
background:url('../images/mtx/mtxcontainerTop.gif') left top no-repeat;
color:#FFFFFF;
}

.mtxcontainertop H2 {
margin-left:20px;
padding-top:7px;
}

.mtxcontainermid {
width:940px;
background:url('../images/mtx/mtxconteinerMid.gif') left top repeat-y;
padding-top:10px;
}


.mtxcontainerbot {
width:940px;
height:32px;
background:url('../images/mtx/mtxconteinerBot.gif') left bottom no-repeat;
}

UL.mtxtabs {
width:780px;
height:38px;
margin:10px auto 0;
background:url('../images/mtx/tabscontainerbg.gif') left top no-repeat;
}

UL.mtxtabs LI {
list-style:none;
float:left;
width:208px;
height:33px;
background:url('../images/mtx/mtxtabs.gif') -217px top no-repeat;
margin:5px 0 0 20px;
line-height:30px;
}

UL.mtxtabs LI.mtxselected {
background:url('../images/mtx/mtxtabs.gif') left top no-repeat;
}

UL.mtxtabs LI A {
display:block;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
text-align:center;
}
ul.mtxtabs li.mtxselected a {
text-decoration:none;
cursor:default;
}

.currentbalance {
width:780px;
height:25px;
background:url('../images/mtx/currentbalancebg.gif') left top no-repeat;
line-height:25px;
margin:0 auto;
font-weight:bold;
font-size:11px;
}

.currentbalance SPAN {
margin-left:20px;
}

.currentbalance A {
color:#8F3435;
}

TABLE.mtxtable {
width:780px;
margin:0 auto;
}

TABLE.mtxtable TD, TABLE.mtxtable TH {
vertical-align:middle;
text-align:center;
}

TABLE.mtxtable TH {
font-weight:bold;
color:#FFFFFF;
background:url('../images/mtx/mtxtable-headerbg.gif') right top no-repeat;
height:30px;
}

TABLE.mtxtable TH.lasttd {
background:url('../images/mtx/mtxtable-headerbg-right.gif') right top no-repeat;
}

TABLE.mtxtable TH.firsttd {
background:url('../images/mtx/mtxtable-headerbg-left.gif') left top no-repeat;
width:125px;
}


TABLE.mtxtable .trow1 TD {
background:#F5F5F5 url('../images/mtx/trow1separator.gif') right top repeat-y;
padding:5px 0;
}

TABLE.mtxtable TD.fullcolspan {
border-left:2px solid #000000;
border-right:2px solid #000000;
background-image:none;
}

TABLE.mtxtable .trow2 TD {
background:#E0DBD3 url('../images/mtx/trow2separator.gif') right top repeat-y;
padding:5px 0;
}

TABLE.mtxtable TD.firsttd {
border-left:2px solid #000000;
}

TABLE.mtxtable TD.lasttd {
border-right:2px solid #000000;
background-image:none;
}

TABLE.mtxtable TD.itemimage {
text-align:left;
}

TABLE.mtxtable IMG {
width:64px;
height:64px;
margin:0 10px;
vertical-align:middle;
}

.mtxtablefoot {
width:780px;
height:31px;
margin:0 auto;
background:url('../images/mtx/mtxtable-footbg.gif') left top no-repeat;
}

/* CASH */

#cash .mtxcontainertop {
background:url('../images/mtx/cashconteinerTop.gif') left top no-repeat;
}

#cash TABLE.mtxtable TH {
background:url('../images/mtx/cashtable-headerbg.gif') right top no-repeat;
}

#cash TABLE.mtxtable TH.lasttd {
background:url('../images/mtx/cashtable-headerbg-right.gif') right top no-repeat;
}

#cash TABLE.mtxtable TH.firsttd {
background:url('../images/mtx/cashtable-headerbg-left.gif') left top no-repeat;
width:165px;
}

#cash .mtxtablefoot {
background:url('../images/mtx/cashtable-footbg.gif') left top no-repeat;
}



/*!
 * file: user/user-profile-page.css
 *
 * styling of the user profile page
 */

/*!
 * file: user/user-profile-page.css
 *
 * styling of the hero profile page 
 */

/* hero profile */

#heroprofile .heroprofileheader {
	width:940px;
	height:46px;
	background: url(../images/userprofile/heroprofileheader.gif) left top no-repeat;
}
#heroprofile .heroprofileheader h2, #heroprofile .heroprofileheader h3 {
	float:left;
	color:#ffffff;
	margin-left:20px;
	padding-top:12px;
}

#heroprofile .heroprofileheader h3 {color:#fffb00;}

.heroprofileheader ul.stats {float:left;}
.heroprofileheader li {
	float:left;
	width:32px;
	height:32px;
	background:url(../images/sprite-user-profile.png) no-repeat;
	_background:url(../images/sprite-user-profile.gif) no-repeat;
	margin:7px 0 0 10px;
}

#heroprofile .heroprofileheader .cache{
	float:right;
	background:none;
	color:#ffffff;
	width:auto;
	margin:15px 20px 0 0;
}

.heroprofileheader li.faction-Royal {background-position:-460px 0;}
.heroprofileheader li.faction-National {background-position:-420px 0;}
.heroprofileheader li.class-Commando {background-position:-300px 0;}
.heroprofileheader li.class-Gunner {background-position:-340px 0;}
.heroprofileheader li.class-Soldier {background-position:-380px 0;}
.heroprofileheader li.level-1 {background-position:-500px 0;}
.heroprofileheader li.level-2 {background-position:-540px 0;}
.heroprofileheader li.level-3 {background-position:-580px 0;}
.heroprofileheader li.level-4 {background-position:-620px 0;}
.heroprofileheader li.level-5 {background-position:-660px 0;}
.heroprofileheader li.level-6 {background-position:-700px 0;}
.heroprofileheader li.level-7 {background-position:-740px 0;}
.heroprofileheader li.level-8 {background-position:-780px 0;}
.heroprofileheader li.level-9 {background-position:-820px 0;}
.heroprofileheader li.level-10 {background-position:-860px 0;}
.heroprofileheader li.level-11 {background-position:-900px 0;}
.heroprofileheader li.level-12 {background-position:-940px 0;}
.heroprofileheader li.level-13 {background-position:-980px 0;}
.heroprofileheader li.level-14 {background-position:-1020px 0;}
.heroprofileheader li.level-15 {background-position:-1060px 0;}
.heroprofileheader li.level-16 {background-position:-1100px 0;}
.heroprofileheader li.level-17 {background-position:-1140px 0;}
.heroprofileheader li.level-18 {background-position:-1180px 0;}
.heroprofileheader li.level-19 {background-position:-1220px 0;}
.heroprofileheader li.level-20 {background-position:-1260px 0;}
.heroprofileheader li.level-21 {background-position:-1300px 0;}
.heroprofileheader li.level-22 {background-position:-1340px 0;}
.heroprofileheader li.level-23 {background-position:-1380px 0;}
.heroprofileheader li.level-24 {background-position:-1420px 0;}
.heroprofileheader li.level-25 {background-position:-1460px 0;}
.heroprofileheader li.level-26 {background-position:-1500px 0;}
.heroprofileheader li.level-27 {background-position:-1540px 0;}
.heroprofileheader li.level-28 {background-position:-1580px 0;}
.heroprofileheader li.level-29 {background-position:-1620px 0;}
.heroprofileheader li.level-30 {background-position:-1660px 0;}


#heroprofile .currenthero .item,
#heroprofile .currenthero .heroimage {float:left;}

#heroprofile .currenthero .item {width:66px;}

#heroprofile .currenthero .item img {
	display:block;
	width:66px;
	height:66px;
	margin-bottom:8px;
}

#heroprofile .currenthero .heroimage {
	width:158px;
	height:360px;
	margin:0 5px;
}

#heroprofile .content {*padding-bottom:8px;}
#heroprofile .content .content{*padding-bottom:0px;}

.bfhTabBox p {padding:10px;}

/* hero profile missions */

.missions .bfhTabBox p {padding:0px;}
.missions .bfhTabBox p.empty {padding:10px;}

.missions .bfhTabBox .current-missions ul {
	margin:0 4px 4px 38px;
	_margin-left:10px;
}

.missions .current-missions li {
	float:left;
	width:160px;
	margin:0 15px 10px 0;
	position:relative;
}
.missions .current-missions li,
.missions .all-missions li.mission {
	font-weight:bold;
	font-size:12px;
}
.missions .all-missions ul.mission-groups {
	height:280px;
	overflow:auto;
	margin:0 1px 1px;
	*position:relative;
}
.missions .all-missions li.mission-group {
	padding:10px 0px 10px 10px;
	border-bottom:1px solid #999;
	border-top:1px solid #fff;
	vertical-align:bottom;
}
.missions .all-missions li.mission-group:first-child {border-top:none;}

.missions .all-missions li.mission-group .description {
	float:left;
	width:125px;
}
.missions .all-missions li.mission-group ul {
	float:left;
	margin-left:10px;
	width:420px;
}
.missions .all-missions li.mission-group ul li.mission {
	float:left;
	width:100px;
	margin-right:5px;
	text-align:center;
	position:relative;
}

.missions .bfhTabBox li img,
.missions .bfhTabBox li .img {
	display:block;
	margin-bottom:2px;
	height:66px;
	width:100px;
}

.missions .bfhTabBox li div.status {
	background:url(../images/mission-status.png) no-repeat;
	_background-image:url(../images/mission-status.gif);
	text-indent:-999em;
	position:absolute;
	width:22px;
	height:22px;
	top:46px;
	left:80px;
}
.missions .bfhTabBox li div.complete {background-position:0 -25px;}
.missions .bfhTabBox li div.not {background-position:0 0;}


/* hero profile abilities */
#heroprofile .abilities h2 {padding-left:30px;}

#heroprofile .abilities p {padding:5px 10px;}

#heroprofile .abilities .abilities-icon {
	width:67px;
	height:50px;
	background:url(../images/userprofile/abilities-icon.gif) left top no-repeat;
	position:absolute;
	top:5px;
	left:-12px;
}

#heroprofile .abilities ul {
	margin-left:4px;
	_margin-left:0px;
}

#heroprofile .abilities li {
	list-style-type:none;
	list-style-position:inside;
	float:left;
	width:66px;
	height:66px;
	margin:0 6px 8px 0;
	_margin-left:0px;
	position:relative;
}

#heroprofile .abilities .ability-icon {
	width:26px;
	height:25px;
	position:absolute;
	top:44px;
	right:-2px;
	background:url(../images/userprofile/ability-icons.png) no-repeat;
	_background:url(../images/userprofile/ability-icons.gif) no-repeat;
	font-weight:bold;
	text-align:center;
	line-height:24px;
}

#heroprofile .abilities .iconlock {
	background-position:0 -28px;
	text-indent:-999em;
}

/* hero maps vehicles weapons */
.mwv li {
	list-style-type:none;
	list-style-position:inside;
	margin:4px 10px 16px 4px;
}
.mwv li .map-image, .mwv li .vehicle-image, .mwv li .weapon-image {
	width:66px;
	height:66px;
	float:left;
	margin:5px 8px 0 0;
}
.mwv li h3 {
	margin-bottom:2px;
	text-transform:capitalize;
	font-size:11px;
	*margin-top:-15px;
}
.mwv li table {width:496px;}
.mwv li table thead td {text-transform:capitalize;}

.mwv .other-weapons {padding:0 4px 16px;}
.mwv .other-weapons li {
	float:left;
	width:282px;
	margin:0;
	padding:3px 0;
}
.mwv .other-weapons li h3 {margin:20px 0 3px;}
.mwv .other-weapons li .dfw {padding:0;}
.mwv .other-weapons li img {margin-top:0;}

/* Define column widths in mwv boxes */
.mwv col.table-col-best-score {}
.mwv col.table-col-time {width:130px;}
.mwv col.table-col-wins,
.mwv col.table-col-losses,
.mwv col.table-col-ratio {width:75px;}
.mwv col.table-col-kills,
.mwv col.table-col-killed-using,
.mwv col.table-col-accuracy {width:90px;}
.mwv col.table-col-road-kills {width:120px;}
.mwv col.table-col-destroyed,
.mwv col.table-col-deaths-from-vehicle,
.mwv col.table-col-deaths-while-in-vehicle {width:60px;}

/* Hero signature ad */
#heroprofile .signature .content p {
text-align: center;
padding-bottom: 5px;
}

#heroprofile .signature .content p a{
display: block;
}

#heroprofile .signature .content p a:hover {
text-decoration: none;
}

#heroprofile .signature .content p a:hover span {
text-decoration: underline;
}

#signature-report {
padding-top: 10px;
padding-right: 40px;
}
/*!
 * file: user/update-account.css
 *
 * styling of the user update account page
 */


#update-account h4 {
	margin: 10px 0 20px;
}

.updateAccountDetails .wood { margin-top: 50px; }

.updateAccountDetails #generic-error-container .generic-info { background: none; }

#update-account .password_only .magmaCheckbox {
	display: none;
}

#update-account .password_only .magmaError { margin-left: -100px; }

#update-account .form-wrapper {
	width:500px;
	margin:10px 0;
}
#update-account .optin-message {
	margin:2px 2px 1em;
	font-weight:bold;
}
#update-account .magmaCheckboxWrapper {margin-bottom:0.5em;}

#update-account .password-wrapper .magmaInputWrapper {
	margin-left:0;
	width: 500px;
}
#update-account .password-wrapper .magmaFormElementWrapper {
	float:left;
	position:relative;
}
#update-account .password-wrapper .magmaFormElementWrapper .magmaError {
    left: 300px;
    position: absolute;
    top: 3px;
    width: 160px;
}

/* Data centers box */
#update-account #setup-datacenters th {
    font-weight: bold;
}

#update-account #setup-datacenters th,
#update-account #setup-datacenters td {
    padding: 0 20px 5px 0;
}

#update-account #setup-datacenters input {
    width: 30px;
}

/*!
 * file: user/search-persona.css
 *
 * Styling of the search-persona results
 */

.search-noresults {
	padding:5px 10px;
	margin-bottom:10px;
	text-align:center;
}
.search-results {margin:0 0 10px 10px;}
ul.searchresults {
	float:left;
	margin:0 10px 10px 0;
	width:174px;
}
ul.searchresults li {padding-bottom:10px;}

.moreresults {
	padding:10px;
	height:25px;
	text-align:center;
}
.moreresults form {display:inline;}
.moreresults .bfhButton{margin:0 10px;}
.moreresults .float-right { float: right; }
.moreresults .float-left { float: left; }

.searchPersona-form {
	margin:10px 20px;
	height:173px;
}
.searchPersona-form .magmaFormElementWrapper {
	float:left;
	margin-left:10px;
	position:relative;
}

.searchPersona-form select  {margin:5px 0 4px; display:block;}
.searchPersona-form .bfhButton  {margin:20px 0 0 10px;}

/*!
 * file: frontpage/landingpage.css
 *
 * Styles for the landing page
 */
div.main_wrapper,
div.content_wrapper {
	position: relative;
}
html body.landingpage div.footer{
	bottom:0;
	margin-top:0 !important;
	z-index:0 !important;
}

.landingpage div.header{
	height:auto;
}
.landingpage_art .content_wrapper {
	position: relative;
}
.landingpage_art .header p, .landingpage_content .header p {
	line-height: 21px;
	text-align: right;
	margin-right: 20px;
	}
.landingpage_art .header a, .landingpage_content .header a {
	color: #FFF !important;
	text-decoration:underline !important;
}
.landingpage_art .content_lp_left {
	display:block;
	float:left;
	width: 500px;
	margin-right: 35px;
}
.landingpage_art .content_lp_right {
	display:block;
	float:left;
	width: 456px;
	position:relative;
	z-index:1;
	margin-bottom:-50px;
}
.landingpage_art .content_lp_right .wood_top {
	display:block;
	width:456px;
	height:69px;
	margin-top: 5px;
	background: transparent url(../images/landingpage/wood/top.png) no-repeat;
}
.landingpage_art .content_lp_right .wood_content {
	display:block;
	width:456px;
	overflow:hidden;
	background: transparent url(../images/landingpage/wood/content.png) repeat-y;
}
.landingpage_art .content_lp_right .wood_bottom {
	display:block;
	width:456px;
	height:131px;
	background: transparent url(../images/landingpage/wood/bottom.png) no-repeat;
	position:relative;
	margin-top:-30px;
}
.landingpage_art .content_lp_right .wood_top h2 {
	padding: 43px 0 0;
	text-align: center;
	color:#553d33;
}


h1.art_logo {
	display: block;
	width: 450px;
	height: 248px;
	margin: 0 auto;
	padding: 40px 0 0;
}
h1.art_logo a {
	display: block;
	background: transparent url(../images/landingpage/art_logo.png) no-repeat;
	width: 450px;
	height: 248px;
	text-indent: -10000px;
}
.landingpage_art .fight_tag, .landingpage_art .build_tag {
	display: block;
	background: transparent url(../images/landingpage/fight_tag.png) no-repeat;
	width: 428px;
	height: 119px;
	text-indent: -10000px;
	margin: -70px auto 0;
}
.landingpage_art_fight .build_tag {
	background: transparent url(../images/landingpage/fight_tag.png) no-repeat;	
}
.landingpage_art .build_tag,
.landingpage_art_build .fight_tag {
	background: transparent url(../images/landingpage/build_tag.png) no-repeat;
}
.landingpage_form_box {
	display:block;
	width:363px;
	margin: 0 auto 10px;
}

.landingpage_form_box_top {
	display:block;
	width:363px;
	height:8px;
	background: transparent url(../images/landingpage/form/frame_top_bottom.png) left top no-repeat;
}
.landingpage_form_box_content {
	display:block;
	width:363px;
	background: transparent url(../images/landingpage/form/frame_content.png) left top repeat-y;
}
.landingpage_form_box_bottom {
	display:block;
	width:363px;
	height:8px;
	background: transparent url(../images/landingpage/form/frame_top_bottom.png) left bottom no-repeat;
}

.landingpage_art .play_now{
	float:right;
	clear:both;
	margin-right:42px;
}
body.landingpage_art .magmaFormElementWrapper {
	padding: 0 0 1em 0;
}
.landingpage_art .magmaLabel{
	width:120px;
	color: #3c2e1d;
}
.landingpage_art .landingpage_form_box{
	position:relative;
}
.landingpage_art .landingpage_form_box .magmaAfter{
	color: #3c2e1d;
	margin:0 15px 0 135px;
	clear:both;
}
.landingpage_art .magmaInput select,
.landingpage_art .landingpage_form_box:first-child .magmaInput input,
.landingpage_art .magmaInput #persona_name {
	height:20px;
	width:213px;
	padding:0;
	margin:0;
	background:transparent;
	color: #3c2e1d;
}
.landingpage_art .magmaInput option{
	width:auto;
	background:#FFF;
	color: #3c2e1d;
}
.landingpage_art .landingpage_form_box:first-child .magmaInput{
	min-height:20px;
	width:213px;
	background: url(../images/landingpage/form/input_art.png) top left no-repeat;
	padding:3px 5px;	
	float:left;
}
.landingpage_art .magmaCheckboxWrapper{
	margin:0;
}
.landingpage_art .magmaCheckbox {
	float:left;
	padding-top:5px;
}
.landingpage_art .landingpage_form_box .magmaLabelInline{
	color: #3c2e1d;
	float:left;
	padding:0 0 0 10px;
	width:190px;
}
.landingpage_art .magmaLabelInline br{
	display:none;
}
.landingpage_art .magmaLabelInline a{
	color: #3c2e1d;
	text-decoration:underline;
}
.landingpage_art .magmaLabelInline a:hover{
	color: #A76400;
}
.landingpage_art .magmaError {
	background:none repeat scroll 0 0 transparent;
	color:#700305;
	display:block;
	font-weight:bold;
	left:auto;
	opacity:1;
	padding:0;
	position:relative;
	right:auto;
	top:4px;
	width:auto;
}
.landingpage_art .magmaError br{
	display:none;
}
.landingpage #persona-message {
bottom:45px;
display:block;
float:left;
height:20px;
left:10px;
position:relative;
width:110px;
top:auto;
}
.landingpage .available {
	background:url("../images/registration/available.png") no-repeat scroll left top transparent;
	display:block;
	float:left;
	font-weight:bold;
	height:17px;
	margin-top:3px;
	padding:2px 0 0 23px;
	width:100px;
	color:#29492C;
}
.landingpage .not-available {
background:url("../images/registration/available.png") no-repeat scroll left bottom transparent;
display:block;
float:left;
font-weight:bold;
height:17px;
margin-top:2px;
padding:2px 0 0 23px;
width:100px;
color:#700305;
}
/*
.frontpage #screenshots {
	margin: 2px 0 0 31px;
}
.frontpage #screenshots li { float: left; }

.frontpage #screenshots img {
	margin: 3px 6px;
	width: 145px;
	height: 90px;
}
*/
.landingpage_art .screenshots{
	padding: 25px 33px 25px 25px;
	width:268px;
	height:87px;
	background: transparent url(../images/landingpage/screenshots_bg.png) left top no-repeat;
	text-align:center;
	margin-left:90px;
}
.landingpage_art .screenshots h2{
	font-size:16px;
	color:#eda515;	
	margin:0 0 0 8px;
}
.landingpage .screenshots img{
	text-align:center;
	border:1px solid #eda515;
	color:#eda515;	
	margin:16px 0 0 8px;
	height:57px;
	line-height:57px;
	width:76px;
	display:inline-block;
}

.landingpage_art div.footer{
	background:transparent;
}

/* extra markup */
.landingpage_text{
	display:none;
}

/* Both landingpages */
.landingpage .magmaFormElementWrapper {
	padding-bottom:.66em;
}

.landingpage .play_now button{
	position:relative;
	display: block;
	width: 283px;
	height: 95px;
	background: transparent url(../images/start_layout/play_now.png) no-repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 23px;
	color: #000;
	text-align: center;
	font-weight: bold;
	line-height: 90px;
    z-index: 2;
    text-decoration:none;
    padding: 0 0 10px;
}
.landingpage .over .play_now button{
	background-position: left -95px;
	text-decoration: none;
    z-index: 2;
}
.landingpage .play_now:hover button{
	background-position: left -95px;
	text-decoration: none;
    z-index: 2;
}



/*Content Page*/
.landingpage_content h1.art_logo{
	padding:0;
	float:left;
	height:180px;
}
.landingpage_content h1.art_logo a{
	height:180px;
	background-position: 0 -15px;
}

.landingpage_content .landingpage_text{
	top:340px;
	left:130px;
	position:absolute;
	z-index:1;
	display:block;
}
.landingpage_content .landingpage_text .text_container{
	padding:10px 0 10px 30px;
	background: transparent url(../images/landingpage/flag.png) left center no-repeat;
}
.landingpage_content .landingpage_text h2{
	color:#362717;
	font-size:18px;
	text-transform:uppercase;
}
.landingpage_content .landingpage_text p{
	color:#362717;
	padding:0;
}
.landingpage_content .screenshots{
	margin-left:20px;
}
.landingpage_content .screenshots h2{
	display:none;
}
.landingpage_content .content_lp_right{
	clear:both;
	width:947px;
	margin-left:30px;
	position:relative;
	bottom:35px;
}
.landingpage_content .wood_top h2{
	display:none;
}
.landingpage_content .wood_top {
	position:relative;
	top:30px;
	height:78px;
	background: transparent url(../images/landingpage/wood-content-header.png) left top no-repeat;
}
.landingpage_content .wood_content {
	overflow:hidden;
	background: transparent url(../images/landingpage/wood-content-center.png) left top repeat-y;
}
.landingpage_content .wood_bottom {
	height:154px;
	background: transparent url(../images/landingpage/wood-content-footer.png) left bottom no-repeat;
	margin-top:-45px;
	position:relative;
}
.landingpage_content .landingpage_form_box{
	float:right;
	clear:right;
	position:relative;
	z-index:1;
	width:420px;
	margin-right:45px;
}
.landingpage_content  .landingpage_form_box_top,
.landingpage_content  .landingpage_form_box_content,
.landingpage_content  .landingpage_form_box_bottom {
	width:auto;
}
.landingpage_content  .landingpage_form_box_content{
	background-image: url(../images/landingpage/form/frame_text_content.png);
	padding: 0 10px;	
}
.landingpage_content  .landingpage_form_box_top,
.landingpage_content  .landingpage_form_box_bottom {
	background-image: url(../images/landingpage/form/frame_text_top_bottom.png);	
}

.landingpage_content .fight_tag{
	position:absolute;
	background:url("../images/landingpage/fight_tag_text.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:119px;
	text-indent:-10000px;
	width:428px;
	top:220px;
	left:75px;
	z-index:1;
}
.landingpage_content .build_tag{
	position:absolute;
	background:url("../images/landingpage/build_tag_text.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:119px;
	text-indent:-10000px;
	width:428px;
	top:220px;
	left:75px;
	z-index:1;
}
.landingpage_content .magmaInput select,
.landingpage_content .landingpage_form_box:first-child .magmaInput input,
.landingpage_content .magmaInput #persona_name {
	height:20px;
	width:178px;
	padding:0;
	margin:0;
	background:transparent;
	color: #3c2e1d;
}
.landingpage_content .landingpage_form_box_content{
	overflow:hidden;
}
.landingpage_content .landingpage_form_box_leftcol,
.landingpage_content .landingpage_form_box_rightcol{
	float:left;
	width:188px;
}
.landingpage_content .landingpage_form_box_rightcol{
	padding-left:10px;
}
.landingpage_content .landingpage_form_box_leftcol{
	border-right:1px solid;
	padding-right:10px;
}
.landingpage_content .magmaInput option{
	width:auto;
	background:#FFF;
	color: #3c2e1d;
}
.landingpage_content .landingpage_form_box:first-child .magmaInput{
	min-height:20px;
	width:178px;
	background: url(../images/landingpage/form/input_text.png) top left no-repeat;
	padding:3px 5px;	
	float:left;
	clear:left;
}
.landingpage_content .landingpage_form_box .magmaAfter,
.landingpage_content .landingpage_form_box .magmaLabel{
	display:none;
}
.landingpage_content .landingpage_form_box:first-child .magmaLabel{
	float:left;
	clear:left;
	color: #3c2e1d;
	padding:0;
	margin:0;
	line-height:1.5em;
	display:block;
}
.landingpage_content .landingpage_form_box .magmaLabelInline{
	color: #3c2e1d;
	float:none;
	padding:10px 0 0 30px;
	width:auto;
}
.landingpage_content .magmaLabelInline br{
	display:none;
}
.landingpage_content .magmaLabelInline a{
	color: #3c2e1d;
	text-decoration:underline;
}
.landingpage_content .magmaLabelInline a:hover{
	color: #A76400;
}
.landingpage_content .magmaCheckboxWrapper{
	margin-left:0;
	padding:0;
}
.landingpage_content .magmaCheckbox{
	float:left;
	margin:10px 0 10px 5px;
}

.landingpage_content .magmaError {
	background:none;
	color:#700305;
	display:block;
	font-weight:bold;
	opacity:1;
	padding:5px 0;
	position:relative;
	right:auto;
	top:auto;
	left:auto;
	width:auto;
}
.landingpage_content .magmaError br{
	display:none;
}

.landingpage_content #persona-message {
	bottom:auto;
	clear:both;
	float:left;
	left:auto;
	position:relative;
	right:auto;
	top:auto;
}
.landingpage_content .play_now{
	float:right;
	clear:right;
	margin-right:60px;
}

/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
body.landingpage .ui-helper-hidden { display: none; }
body.landingpage .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
body.landingpage .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
body.landingpage .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.landingpage .ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
body.landingpage .ui-helper-clearfix { display:block; }
/* end clearfix */
body.landingpage .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
body.landingpage .ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
body.landingpage .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
body.landingpage .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=ffffff&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=0&borderColorHeader=ffffff&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=857369&fcContent=222222&iconColorContent=222222&bgColorDefault=ffffff&bgTextureDefault=02_glass.png&bgImgOpacityDefault=0&borderColorDefault=cccccc&fcDefault=555555&iconColorDefault=888888&bgColorHover=ffffff&bgTextureHover=02_glass.png&bgImgOpacityHover=0&borderColorHover=857369&fcHover=212121&iconColorHover=454545&bgColorActive=fdf7d8&bgTextureActive=02_glass.png&bgImgOpacityActive=0&borderColorActive=b39c14&fcActive=212121&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=0&borderColorHighlight=b39c14&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
body.landingpage .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
body.landingpage .ui-widget .ui-widget { font-size: 1em; }
body.landingpage .ui-widget input, body.landingpage .ui-widget select, body.landingpage .ui-widget textarea, body.landingpage .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
body.landingpage .ui-widget-content { border: 1px solid #857369; background: #ffffff; color: #222222; }
body.landingpage .ui-widget-content a { color: #222222; }
body.landingpage .ui-widget-header { border: 1px solid #ffffff; background: #ffffff; color: #222222; font-weight: bold; }
body.landingpage .ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
body.landingpage .ui-state-default, body.landingpage .ui-widget-content .ui-state-default, body.landingpage .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #ffffff; font-weight: normal; color: #555555; }
body.landingpage .ui-state-default a, body.landingpage .ui-state-default a:link, body.landingpage .ui-state-default a:visited { color: #555555; text-decoration: none; }
body.landingpage .ui-state-hover, body.landingpage .ui-widget-content .ui-state-hover, body.landingpage .ui-widget-header .ui-state-hover, body.landingpage .ui-state-focus, body.landingpage .ui-widget-content .ui-state-focus, body.landingpage .ui-widget-header .ui-state-focus { border: 1px solid #857369; background: #ffffff; font-weight: normal; color: #212121; }
body.landingpage .ui-state-hover a, body.landingpage .ui-state-hover a:hover { color: #212121; text-decoration: none; }
body.landingpage .ui-state-active, body.landingpage .ui-widget-content .ui-state-active, body.landingpage .ui-widget-header .ui-state-active { border: 1px solid #b39c14; background: #fdf7d8; font-weight: normal; color: #212121; }
body.landingpage .ui-state-active a, body.landingpage .ui-state-active a:link, body.landingpage .ui-state-active a:visited { color: #212121; text-decoration: none; }
body.landingpage .ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
body.landingpage .ui-state-highlight, body.landingpage .ui-widget-content .ui-state-highlight, body.landingpage .ui-widget-header .ui-state-highlight  {border: 1px solid #b39c14; background: #ffffff; color: #363636; }
body.landingpage .ui-state-highlight a, body.landingpage .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
body.landingpage .ui-state-error, body.landingpage .ui-widget-content .ui-state-error, body.landingpage .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
body.landingpage .ui-state-error a, body.landingpage .ui-widget-content .ui-state-error a, body.landingpage .ui-widget-header .ui-state-error a { color: #cd0a0a; }
body.landingpage .ui-state-error-text, body.landingpage .ui-widget-content .ui-state-error-text, body.landingpage .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
body.landingpage .ui-priority-primary, body.landingpage .ui-widget-content .ui-priority-primary, body.landingpage .ui-widget-header .ui-priority-primary { font-weight: bold; }
body.landingpage .ui-priority-secondary, body.landingpage .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
body.landingpage .ui-state-disabled, body.landingpage .ui-widget-content .ui-state-disabled, body.landingpage .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }



/*
 * jQuery UI Datepicker @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
body.landingpage .ui-datepicker { width: 17em; padding: .2em .2em 0; }
body.landingpage .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
body.landingpage .ui-datepicker .ui-datepicker-prev, body.landingpage .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
body.landingpage .ui-datepicker .ui-datepicker-prev-hover, body.landingpage .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
body.landingpage .ui-datepicker .ui-datepicker-prev { left:2px; }
body.landingpage .ui-datepicker .ui-datepicker-next { right:2px; }
body.landingpage .ui-datepicker .ui-datepicker-prev-hover { left:1px; }
body.landingpage .ui-datepicker .ui-datepicker-next-hover { right:1px; }
body.landingpage .ui-datepicker .ui-datepicker-prev span, body.landingpage .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
body.landingpage .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
body.landingpage .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
body.landingpage .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
body.landingpage .ui-datepicker select.ui-datepicker-month, 
body.landingpage .ui-datepicker select.ui-datepicker-year { width: 49%;}
body.landingpage .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
body.landingpage .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
body.landingpage .ui-datepicker td { border: 0; padding: 1px; }
body.landingpage .ui-datepicker td span, body.landingpage .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
body.landingpage .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
body.landingpage .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
body.landingpage .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
body.landingpage .ui-datepicker.ui-datepicker-multi { width:auto; }
body.landingpage .ui-datepicker-multi .ui-datepicker-group { float:left; }
body.landingpage .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
body.landingpage .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
body.landingpage .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
body.landingpage .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
body.landingpage .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
body.landingpage .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
body.landingpage .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
body.landingpage .ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
body.landingpage .ui-datepicker-rtl { direction: rtl; }
body.landingpage .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
body.landingpage .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
body.landingpage .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
body.landingpage .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
body.landingpage .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
body.landingpage .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
body.landingpage .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
body.landingpage .ui-datepicker-rtl .ui-datepicker-group { float:right; }
body.landingpage .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
body.landingpage .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

body.landingpage .ui-datepicker .ui-datepicker-title select{
	background:none repeat scroll 0 0 #FDF7D8;
	border:1px solid #B39C14;
	color:#212121;
}
body.landingpage .ui-datepicker .ui-datepicker-title option{background:#FFF;color:#222;}


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
body.landingpage .ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/landingpage/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #4d3426;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	background-image: url('../images/landingpage/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/landingpage/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../images/landingpage/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../images/landingpage/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../images/landingpage/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/landingpage/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/landingpage/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/landingpage/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/landingpage/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/landingpage/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/landingpage/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/landingpage/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/landingpage/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/landingpage/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/landingpage/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/landingpage/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */
.fancybox-ie .fancy-bg { background: transparent !important; }