.clearfix:after { /* FF, O, etc. */
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

.error-message {
    background:url(/img/radio-bg.gif) no-repeat 0 -16px !important;        
    display:block;
    position:relative;
    z-index:1;
    line-height:27px;
    height:27px;
    padding-left:11px;
    cursor:pointer;    
    clear: both;
    color: red;   
}

.clearfix {
	display:inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display:block;
}

* html .clearfix {
	height:1%; /* IE5-6 */
}

html {
	height:100%;
}

body {
	font:normal 14px Arial,Verdana,Tahoma;
	font:normal 9px Verdana,Arial,Tahoma;
	color:#ffffff;
	height:100%;
}

body > #wrapper {
height:auto;
min-height:100%;
}

#wrapper {
	background:#000 url(/img/background2.jpg) no-repeat 50% 0;
	height:100%;
}

#wrapper-in {
	width:980px;
	margin:0 auto;
	padding-bottom:60px;
}

a {
	text-decoration:none;
	color:#d3c344;
}

a:hover { color:#ffffff; }

/* header */
#logo {
	background:transparent url(/img/logo.png) no-repeat 0 0;
	float:left;
	width:141px;
	height:64px;
	text-indent:-9999px;
	margin:30px 0 0 87px;
	display:inline;
}

#logo a {
	display:block;
	height:64px;
	cursor:pointer;
}

#login-n-register {
	float:right;
	padding-right:82px;
	position:relative;
	width:242px;
	height:98px;
}

#login,#register,#logout,#update {
	background:transparent url(/img/login-bg.png) no-repeat 0 0;
	display:block;
	width:226px;
	height:30px;
	line-height:30px;
	text-indent:-9999px;
	text-align:center;
	padding:0 8px 8px;
	cursor:pointer;
}

#login {
	position:relative;
	z-index:3;
}

#logout {
	background-image:url(/img/logout-bg.png);
	position:absolute;
	top:-100px;
	z-index:4;
}

/* login-box */
#login-box-bg {
	background:transparent url(/img/login-box-bg2.png) no-repeat 0 0;
	width:244px;
	height:236px;
	position:absolute;
	top:0;
	z-index:1;
	display:none;
}

#login-box {
	width:226px;
	height:220px;
	position:absolute;
	top:7px;
	left:9px;
	z-index:2;
	display:none;
}

#login-box input {
	background:none;
	border:none;
	padding:0;
	margin:0;
	font:normal 11px Verdana,Tahoma,Arial;
	color:#ffffff;
	position:absolute;
	width:158px;
	height:14px;
	left:34px;
}

#login-box #email { top:98px; }

#login-box #password { top:138px; }

#login-box #log-in, #login-box #forgot-pass {
	left:20px;
	top:170px;
	width:83px;
	height:30px;
	cursor:pointer;
}

#login-box #forgot-pass {
	display:block;
	left:123px;
	text-indent:-9999px;
	position:absolute;
}

#login-close {
	display:block;
	width:19px;
	height:19px;
	position:absolute;
	top:44px;
	right:20px;
	cursor:pointer;
	z-index:3;
}

#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
  top:0;
}

.window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9998;
}


#login-error-box, #confirmation-box, #invalid-email-box, #email-sent-box {
	background:transparent url(/img/login-error-box-bg2.png) no-repeat 0 0;
	width:295px; 
	height:239px;
	position:fixed;
	z-index:9999;
}

#login-error-box .close,#confirmation-box .close, #invalid-email-box .close, #email-sent-box .close {
	display:block;
	width:226px;
	height:30px;
	position:absolute;
	top:174px;
	left:33px;
	cursor:pointer;
	text-indent:-9999px;
}

#invalid-email-box {
    background-image:url(/img/invalid-email-error.png);
    text-align:center;
}

#email-sent-box {
    background-image:url(/img/email-sent-error.png);
    text-align:center;
}


#confirmation-box {
	background-image:url(/img/thanks-for-registrating.png);
	text-align:center;
}

#confirmation-box #forward-link {
	margin-top:144px;
}

#register {
	background-image:url(/img/register-bg.png);
	padding:8px;
	margin-top:14px;
}

#update {
    background-image:url(/img/update-bg.png);
    padding:8px;
    margin-top:14px;
} 

#register.off, #register.hover {
	background-position:0 -46px;
	cursor:default;
}

#update.off, #update.hover {
    background-position:0 -46px;
    cursor:default;       
}

#register a, #update a {
	display:block;
	height:30px;
	cursor:pointer;
}

#page-menu {
	background:transparent url(/img/page-menu-bg2.jpg) no-repeat;
	clear:both;
	height:53px;
	padding-top:14px;
}

#page-menu ul {
	background:#080c15 url(/img/page-menu-bg3.jpg) no-repeat;
	display:block;
	height:45px;
	padding:8px 30px 0;
	overflow:hidden;
}

#page-menu ul li {
	float:left;
	height:45px;
	padding-right:2px;
}

#page-menu ul li.plast { padding:0; }

#page-menu a {
	display:block;
	height:45px;
	float:left;
	text-indent:-9999px;
}

#page-menu a:hover, #page-menu a.current { background:transparent url(/img/page-menu-bg3.jpg) no-repeat; }

#wow a { width:198px; }

#wow a:hover, #wow a.current { background-position:-30px -61px; }

#wor a { width:207px; }

#wor a:hover, #wor a.current { background-position:-230px -61px; }

#aeon a { width:173px; }

#aeon a:hover, #aeon a.current { background-position:-439px -61px; }

#guild a { width:166px; }

#guild a:hover, #guild a.current { background-position:-614px -61px; }

#eve a { width:168px; }

#eve a:hover, #eve a.current { background-position:-782px -61px; }

/* container */
.frame { background:transparent url(/img/find-guild-bg2.jpg) no-repeat 0 0; }

.error  { background:transparent url(/img/find-guild-bg.jpg) no-repeat 0 0; }

/* find guild */
#find-guild, #frame {
	height:250px;
	padding:44px 60px 77px;
}

#frame { height:180px; }

#find-guild h2, #frame h2 {
	background:transparent url(/img/find-a-suitable.png) no-repeat 0 0;
	width:495px;
	height:21px;
	text-indent:-9999px;
	margin:0 0 16px 30px;
}

#frame h2 {
	background-image:url(/img/ooops-looks-like.png);
	width:454px;
}

#find-guild hr, #frame hr {
	background-color:#1d1d1f;
	border:none;
	color:#1d1d1f;
	height:1px;
	margin:0 30px 30px;
	overflow:hidden;
}

#frame hr { margin-bottom:19px; }

.block {
	background:transparent url(/img/separator2.gif) no-repeat 0 20px;
	float:left;
	width:226px;
	padding:20px 30px;
}

.block.first { background:none !important;}

#home-page-button,#apply-now {
	background:transparent url(/img/go-home.png) no-repeat 0 0;
	display:block;
	width:226px;
	height:30px;
	text-indent:-9999px;
	margin:25px auto 0;
	cursor:pointer;
}

#frame .block p {
	color:#ffffff;
	line-height:16px;
}

#frame .block.flast { width:512px; }

#frame .block.flast p { margin-bottom:1em; }

#find-guild .block, #frame .block {
	background:transparent url(/img/separator3.gif) no-repeat 0 50%;
	padding:0 30px;
}

#find-guild h3 {
	background:transparent url(/img/number-bg.png) no-repeat 0 0;
	font-weight:normal;
	line-height:19px;
	color:#ad9a38;
	padding-left:25px;
}

#find-guild h3#step-2 { background-position:0 -19px; }

#find-guild h3#step-3 { background-position:0 -38px; }

#find-class {
	position:relative;
}

.class {
	background:#000000 url(/img/classes.jpg) no-repeat 0 0;
	display:block;
	float:left;
	width:26px;
	height:26px;
	cursor:pointer;
	margin:10px 24px 0 0;
	position:relative;
	z-index:1;
}

.class.selected { z-index:3; }

.class.last { margin:10px 0 0; }

#warlock { background-position:-26px 0; }

#priest { background-position:-52px 0; }

#paladin { background-position:-78px 0; }

#druid { background-position:-104px 0; }

#hunter { background-position:0 -26px; }

#shaman { background-position:-26px -26px; }

#rogue { background-position:-52px -26px; }

#dk { background-position:-78px -26px; }

#mage { background-position:-104px -26px; }

.class-d {
	background:transparent url(/img/class-click-small.png) no-repeat 0 0;
	position:absolute;
	top:-9999px;
	left:-9999px;
	width:122px;
	height:68px;
	padding:72px 0 0 21px;
	z-index:2;
}

.smalld {
   background:transparent url(/img/class-click-small.png) no-repeat 0 0;  
   height:58px; 
}

.class-d .close {
	display:block;
	width:19px;
	height:19px;
	position:absolute;
	top:63px;
	left:105px;
	cursor:pointer;
}

.class-d .custom-radio {
	clear:both;
	height:12px;
	width:100px;
}

.class-d input {
	positon:relative;
	z-index:3;
	float:left;
}

.class-d label {
	background:url(/img/radio-bg.gif) no-repeat 0 4px !important;
	display:block;
	position:relative;
	z-index:4;
	line-height:12px !important;
	height:12px !important;
	padding-left:11px;
	cursor:pointer;
	float:left;
	top:-5px;
}

.class-d label.checked {
	background-position:0 -24px !important;
    color:#d3c344;
}

.slider { 
	position:relative;
	width:100%;
	line-height:23px;
	height:39px;
}

.step .slider { border-bottom:1px solid #202836; }

.options {
	line-height:23px;
	border-bottom:1px solid #1d1d1f;
}
    
.step #day { padding:5px 0; }

#find-class #day,#specific-realm-options { border:none; }

#day label {
	background-position:0 7px;
	 height:18px;
	 line-height:18px;         
}

#day label.checked { background-position:0 -21px; color:#d3c344; }

.step .options { border-color:#202836; }

#class { padding-bottom:9px; }

.options .custom-radio, .options .custom-checkbox {
	float:left;
	padding:0 5px 0 1px;
}

#day .custom-checkbox {
	padding:0;
	width:65px;
}

#country .custom-radio { padding-right:21px; }

#battle .custom-radio { padding-right:24px; }

#guildr .custom-radio { padding-right:96px; }

#total .custom-radio { padding-right:44px; }

.rlast { padding-right:0 !important; }

.custom-checkbox.rlast { width:31px !important; }

.options input[type="radio"], .options input[type="checkbox"] {
	position:absolute;
	left:0;
	top:10px;
	margin:0;
	z-index:0;
}

.options label, .slider label {
	background:url(/img/radio-bg.gif) no-repeat 0 12px;
	display:block;
	position:relative;
	z-index:1;
	line-height:27px;
	height:27px;
	padding-left:11px;
	cursor:pointer;
	float:left;
}

#find-guild .select label, .step label {
	background-position:0 18px;
	height:39px;
	line-height:39px;
}

.slider label {
	background-position:0 14px;
	line-height:31px;
}

.options label.label-select { padding-right:15px; }  

.select-padding { padding-left: 15px; }

.options label.checked { background-position:0 -16px; color:#d3c344; }

.step label.checked { background-position:0 -10px; color:#d3c344; }

.newListSelected {
	background:#2e3645 url(/img/registration-bg.jpg) no-repeat 0 -358px;
	width:160px;
	height:19px;
	line-height:19px;
	padding-left:10px;
	margin-top:10px;
	z-index:100;
	float:left;
}

.newListSelFocus { z-index:101; }

#achievements-options label { padding-right:1px; }

#achievements-options .newListSelected {
	background-position:0 -377px;
	width:133px;
}            

#raid .newListSelected, #specific-realm-options .newListSelected {
	background:transparent url(/img/find-guild-bg-input.jpg) no-repeat 0 0;
	width:55px;
	margin:10px 0 10px 14px;
}

#specific-realm-options .newListSelected {
	background-position:0 -19px;
	width:217px;
	margin:10px 0;
}

#raid .newListSelected .selectedTxt { padding-right:19px; }

.newListSelected span {width:160px; display:block;}

.selectedTxt {
	padding-right:29px;
	overflow:hidden;
	height:19px;
}

ul.newList * {margin:0; padding:0;}

ul.newList { left:-9999px; }

ul.newList {
	background:#282937 url(/img/stylish-select-bg.jpg) repeat fixed 0 0;
	color:#ffffff;
	left:0;
	margin:0;
	overflow:auto;
	padding:0;
	position:absolute;
	top:19px;
	width:170px;
	z-index:99;
}

#raid ul.newList { width:65px; }

#specific-realm-options ul.newList { width:227px; }

ul.newList li.newListOptionTitle,ul.newList li a {
	display:block;
	padding:3px 0 3px 10px;
}

ul.newList li.newListOptionTitle {
	color:#818181;
}

ul.newList li a:focus {-moz-outline-style: none;}

.hiLite { color:#ffffff !important; }

#add-achievements {
	float:right;
}

#alliance, #horde {
	background:transparent url(/img/guild-type.gif) no-repeat 0 7px;
	padding-left:14px;
	display:block;
	height:27px;
	float:left;
}

#horde {
	background-position:0 -23px;
	padding-left:20px;
}

.step #alliance { background-position:0 13px; }

.step #horde { background-position:0 -17px; }

.step input, .step textarea {
	background:none;
	border:none;
	margin:0;
	padding:0;
}

.step input.text {
	background:#282937 url(/img/registration-bg.jpg) no-repeat 0 -396px;
	width:150px;
	height:16px;
	border:none;
	padding:3px 10px 0;
	font:normal 9px Verdana,Arial,Tahoma;
	color:#ffffff;
	margin:10px 0 0 10px;
	float:left;
}

.step input#pass, .step input#website {
	background-position:0 -415px;
	width:134px;
}

#step-4 #textarea-bg {
	background:#282937 url(/img/registration-bg.jpg) no-repeat 0 0;
	width:197px;
	height:328px;
	overflow:hidden;
	padding:15px;
	margin:12px 0 0 3px;
}

#textarea-bg textarea {
	background:none;
	width:197px;
	height:328px;
	font:normal 11px Verdana,Arial,Tahoma;
	color:#ffffff;
	overflow:auto;
}

.slider select {
	display:none;
	position:absolute;
}

.ui-slider {
	position:relative;
	width:127px;
	top:13px;
	left:95px;
}

#progres-slider .ui-slider {
	width:170px;
	left:51px;
}

#population-slider .ui-slider {
    width: 125px;
    left: 100px;   
}

.step #progres-slider .ui-slider, .step #population-slider .ui-slider {
	float:left;
	left:3px;
}

.screenReaderContext { display:none; }

#progres-slider .ui-slider .ui-slider-scale, #population-slider .ui-slider .ui-slider-scale { background-position:0 -13px; }

.ui-slider .ui-slider-scale {
	background:transparent url(/img/slider.gif) 0 -10px;
	display:block;
	height:3px;
}

.ui-slider .ui-slider-handle {
	background:transparent url(/img/slider.gif) 0 0;
	width:10px;
	height:10px;
	cursor:default;
	margin-left:-5px;
	position:absolute;
	z-index:2;
}

.ui-slider .ui-slider-tooltip {
	display:block;
	position:absolute;
	top:4px;
	text-align:center;
	padding:0 .2em;
	width:8em;
	margin-left:-3.7em;
	color:#ffffff;

}

.ui-slider ol {
	position:relative;
	width:100%;
	top:3px;
}

.ui-slider li {
	overflow:visible;
	position:absolute;
}

.ui-slider span.ui-slider-label {
	display:none;
}

#signup,#search,#update_top,#reset {
	background:#8a780a url(/img/registration-bg.jpg) no-repeat 0 -434px;
	width:226px;
	height:30px;
	cursor:pointer;
	margin-top:9px;
}

#search,#reset {
	background:#8a780a url(/img/find-guild-bg-input.jpg) no-repeat 0 -38px;
	border:none;
	padding:0;
    width:98px;
}

#search.hover { background-position:0 -68px; }

#reset {
    float: right;
    background-position: 0 -98px; 
    text-indent:-9999px;
    text-align: center;
}

#reset.hover {
    background-position: 0 -128px;   
}

#reset a {
    display: block;
    height: 30px;   
}

#guild-listing {
	padding-bottom:8px;
}

#guild-data, #register-data { padding:30px 0; }

.navigation {
	width:236px;
	float:right;
	padding:6px 85px 0 0;
}

.navigation .left, .navigation .right, #go-to-search {
	background:transparent url(/img/paging-button.png) no-repeat 0 0;
	display:block;
	height:25px;
	line-height:19px;
	color:#818181;
}

.navigation a.left:hover, .navigation a.right:hover { color:#d3c344; }

.navigation .left {
	float:left;
	padding-left:28px;
}

.navigation .right, #go-to-search {
	background-position:100% 100%;
	float:right;
	padding-right:32px;
}

#go-to-search { color:#ffffff; }

a#go-to-search:hover { color:#d3c344; }

#guild-listing h2, #guild-data h2, #register-data h2 {
	background:transparent url(/img/separator.gif) no-repeat 50% 100%;
	font-size:19px;
	font-weight:normal;
	color:#d3c344;
	padding:0 0 15px 90px;
}

#guild-data h2, #register-data h2 {
	background:none;
	padding-bottom:10px;
	float:left;
}

#update-information {
	float:left;
	line-height:29px;
	padding-left:10px;
	color:#818181;
}      

.horizontal-separator {
	background:transparent url(/img/horizontal-separator.gif) repeat-x 50% 0;
	clear:both;
	display:block;
	height:2px;
	margin:0 0 20px;
	overflow:hidden;
}

#guild-data .horizontal-separator, #register-data .horizontal-separator { margin:0 90px 20px; }

.block .horizontal-separator { margin: 0 0 20px !important; }

#guild-data .classes { margin-bottom:10px; }

.group, #entry {
	padding:0 30px;
	margin:0 30px;
}

#entry {
	background:transparent url(/img/vertical-separator.png) repeat-y 50% 0;
}

#entry .block { background:none; }

#progress-wrapper { margin-bottom:20px; }

.progress, .achievements { margin:10px 0; }

.progress .icon, .achievements .icon {
	background:#000000 url(/img/progress-achievements-icon.jpg) no-repeat 0 0;
	display:block;
	width:26px;
	height:26px;
	float:left;
}

#toc { background-position:0 -26px; }

#ulduar { background-position:0 -52px; }

#acv-1 { background-position:0 -78px; }

#acv-2 { background-position:0 -104px; }

#acv-3 { background-position:0 -130px; }



.achievements p {
	line-height:12px;
}

.progress p span { color:#d3c344; }
.achievements p span { color:#d3c344; } 
.group.even { background:transparent url(/img/lighten-bg.png); }

.group .block, #entry .block {
	width:230px;
	padding:20px 28px;
}

#entry .block {
	position:relative;
	 padding:0 28px;
 }
 
 #entry #guild-introduction-wrap { position:static; }

.step { margin-bottom:12px; }

#entry #step-1 { margin-bottom:20px; }

.guild-name, #entry .block h3 {
	font:bold 16px Arial,Verdana,Tahoma;
	color:#d3c344;
}

.step-number {
	background:transparent url(/img/registration-bg.jpg) no-repeat -204px -464px;
	height:23px;
	padding-left:29px;
	line-height:19px !important;
	color:#d3c344 !important;
	margin-bottom:4px;
	font-size:11px !important;
	font-weight:normal !important;
}

#step-2 .step-number { background-position:-204px -487px; }

#step-3 .step-number { background-position:-204px -510px; }

#step-4 .step-number { background-position:-204px -533px; }

#step-5 .step-number { background-position:-204px -556px; }

.meta {
	color:#818181;
	margin-bottom:4px;
}

#description { margin-bottom:1em; font-size:11px; }

#apply-now {
	background-image:url(/img/apply-now.jpg);
	margin:0 auto 25px;
}

.group p, #guild-info p { line-height:14px; }

.group p span, #guild-info p span { color:#d3c344; }

.classes { margin-top:5px; }

.classes ul li {
	clear:left;
	line-height:26px;
	margin:10px 0;
}

.classes ul li .class {
	margin:0 16px 0 0;
	cursor:default;
} 

.small-class {
	background:#313434 url(/img/classes-small.png) no-repeat 0 0;
	display:block;
	height:13px;
	width:13px;
	float:left;
	margin-right:11px;
}

.warlock { background-position:-13px 0; }

.priest { background-position:-26px 0; }

.paladin { background-position:-39px 0; }

.druid { background-position:-52px 0; }

.hunter { background-position:0 -13px; }

.shaman { background-position:-13px -13px; }

.rogue { background-position:-26px -13px; }

.dk { background-position:-39px -13px; }

.mage { background-position:-52px -13px; }

/* footer */
#footer {
	background:transparent url(/img/footer-bg2.png) repeat-x 0 100%;
	position:relative;
	clear:both;
	height:60px;
	margin-top:-60px;
}

#footer-in {
	height:60px;
	line-height:60px;
	color:#818181;
	width:800px;
	margin:0 auto;
}

#term {
	float:right;
}
                  
.inline_input {
    display: inline;   
}

.checkbox {
    float: left;
    padding: 0;
    width: 57px;   
}      

#update_top {
    background:#8a780a url(/img/update-bg.jpg) no-repeat 0 -5px;
    width: 230px;
} 

.morewidth .custom-checkbox {
    
}

.morewidth .checkbox {
    width: 56px;   
}          

.moveright .custom-radio {
    width: 36px; 
}

.red {
    color: red;   
}

.green {
    color: green;
}

.class-d .checkbox {
    clear:both;
    height:12px;
    width:100px;
}