#arrow, #arrow2 { 
  behavior: url(/css/iepngfix.htc);
  margin: 0px;
  padding: 0px;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,input
{ margin: 0px; padding: 0px; }
a img,:link img,:visited img { border: none;}


form input {
 margin:0px;
 padding:0px;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

body
{
  font-family:Arial,Tahoma,Helvetica,sans-serif;
  background-color: #000;
  font-size: 13px;
  padding-top:35px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  height: 100%;
  min-height: 100%;
}


.img {
  margin: 0px;
  border: 0px;
}


.clear_float {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

.inline {
  display: inline !important;
  float: none !important;
}

/* CSS Document */

/*************** LAYOUT ELEMENTS ****************/
/***********************************************/

.form_error {
	background-color:#993333;
  	color: #FFFFFF;
	font-weight:bold;
	font-size:13px;
	font-style:normal;
	padding:2px;
}

#content_container {
  height: auto !important;
  height: 100%;
  min-height: 30%;
  width: 880px;
  margin-left: auto;
  margin-right: auto;
  /** Remove this on release
  padding-top:50px;
  /***********************/
  background-color: #000;
  overflow: visible;
}

#header_container {
  width: 880px;
  margin-left: auto;
  margin-right: auto;
}

#header_left {
  width: 350px;
  height: 194px;
  float: left;
}

#header_sep {
 width: 10px;
 height: 194px;
 background-repeat: no-repeat;
 float: left;
}

#header_right {
  width: 440px;
  height: 194px;
  float: left;
}

#header_right_content {
  height: 94px;
  padding-right: 14px;
  margin-top: 90px;
}

/*************** INSIDE LAYOUT ***********/

#content_container_in {
  height: auto !important;
  height: 100%;
  min-height: 30%;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  background-color: #000;
}

#header_container_in {
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

#header_left_in {
  float: left;
	padding-top:40px;
  width: 276px;
}

#header_sep_in {
 float: left;
 width: 10px;
}

#header_right_in {
  float: right;
	padding-right:10px;
  width: 728px;
}

/***** End inside Layout **********/

#main-layout {
  float: left;
  height: auto;
  width: 880px;
  font-size: 13px;
  font-family: Verdana, sans-serif;
  color: #000;
  background: url(/images/middle-glow-bg.gif) repeat-y ;
}

#profile-layout {
  float: left;
  min-height: 260px;
  width: 880px;
  font-size: 13px;
  font-family: Verdana, sans-serif;
  color: #000;
  background-color: #FFF;
}

#top-glow {
   height:20px;
   width:880px;
   background:url(/images/top-glow-bg.gif) repeat-x ;
   
}

#bottom-left-glow {
   float:left;
   width:15px;
   height:10px;
}

#bottom-glow {
   float:left;
   width:850px;
   height:10px;
   background:url(/images/bottom-glow-bg-10px.gif) repeat-x ;
}

#bottom-right-glow {
   float:left;
   width:15px;
   height:10px;
}

#bottom_curve {
  width: 880px;
  height:7px;
}

#view_content {
  padding-top: 8px;
  padding-left: 15px;
}

#member_search_frame_front {
	width:390px;
	height:auto;
	background:url(/images/member_search_front_bg.gif) repeat-x ;
	background-color:#003a66;
	border:1px solid #000;

}

#member_search_inner_frame_front {
	float:left;
	height:47px;
	width:365px;
	background:url(/images/member_search_frame_inner_bg.gif) repeat-x;
	border:1px solid #0b4f7a;

}

#guild_search_frame_front {
	width:390px;
	background:url(/images/guild_search_front_bg.gif) repeat-x;
    background-color:#336600;
	border:1px solid #000;
}

#guild_search_inner_frame_front {
	height:47px;
	width:365px;
	background:url(/images/guild_search_frame_inner_bg.gif) repeat-x;
	border:1px solid #396908;
	
}


#front_panel {
margin:0px;
padding-right:20px;
}

#tab_bar {
  height:inherit;
  cursor: hand;
}

.messageBox
{
    padding-top:5px;
    height:35px;
    text-align:center;
    border: 1px solid #FEB632;
    background-color: #FFFF99;
    font-size: 15px;
    color: #FF0000;
	  font-weight:bold;
}

.big_input {
     border-color:black #FFFFFF black black;
     border-style:solid none solid solid;
     border-width:1px 0 1px 1px;
     font-family:arial;
     font-size:20px;
     height:25px;
	 margin: 0;
     padding:0 0 0 8px;
}

.login_input {
     border:1px solid  #7f9db9;
     font-family:arial;
     font-size:17px;
     height:20px;
	 margin: 0;
     padding-left:3px;
	 padding-top:1px;
}


/************* END LAYOUT ELEMENTS ****************/



/**************  CHARACTER MANAGER *******************/

#char_list {
	float:left;
	padding-top:10px;
	height:500px;
	width:330px;
	
}

#char_manage {
  float:left;
	margin-left:10px;
  min-height:500px;
  height:auto;
  width:480px;
}

#char_help {
  margin-top:10px;
}



#char_edit fieldset{
  width: 465px;
  border: 1px solid black;
  margin-bottom:20px !important;
  font-weight: bold;
  padding:10px;
}

#char_edit fieldset legend {
  font-size: 15px;
  color: #213389;
}


.char_slot {
	text-align:left;
	font-size: 16px;
  height:70px;
	cursor: pointer;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	background:url(/images/slot-bg.gif) repeat-x;
}

.char_slot:hover{
	background-image: none;
	background-color: #FFCC00; 
}

.char_empty_slot {
	text-align:center;
    height:70px;
	cursor: pointer;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	background:url(/images/empty-slot-bg.gif) repeat-x;
}

.char_empty_slot:hover{
	background-image: none;
	background-color: #FFCC00; 
}

/***************************************/

/************** GUILD MANAGER *******************/


#guild_list {
	float:left;
	padding-top:10px;
	height:500px;
	width:330px;
	
}

#guild_manage {
  float:left;
	margin-left:10px;
  min-height:500px;
  height:auto;
  width:480px;
}

#guild_help {
  margin-top:10px;
}



#guild_edit fieldset{
  width: 465px;
  border: 1px solid black;
  margin-bottom:20px !important;
  font-weight: bold;
  padding:10px;
}

#guild_edit fieldset legend {
  font-size: 15px;
  color: #213389;
}


.guild_slot {
	font-size: 16px;
    height:70px;
	cursor: pointer;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	background:url(/images/slot-bg-green.gif) repeat-x;
}

.guild_slot:hover{
	background-image: none;
	background-color: #FFCC00;  
}

.guild_empty_slot {
	text-align:center;
    height:70px;
	cursor: pointer;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	background:url(/images/empty-slot-bg.gif) repeat-x;
}

.guild_empty_slot:hover{
	background-image: none;
	background-color: #FFCC00; 
}

.expand_tab {
	height:30px;
	background:url(/images/recruitment-widget-bg.gif) repeat-x;
	border:1px solid #CCC;
	font-weight:bold;
	color:#2b4c75;
	font-size:14px;
}

.form_expand {

  width:185px;
  border:1px solid #999;
  background-color:#E9E9E9;
  font-weight:bold !important;
  font-size:13px !important;
  font-family:Arial,Tahoma,Helvetica,sans-serif !important;
	
}

/***********************************************/

/************** GUILD SEARCH *******************/

#guild_search_frame {
	height:86px;
	width:745px;
	background:url(/images/guild_search_frame_bg.gif) repeat-x;

}

#guild_search_inner_frame {
	height:47px;
	width:420px;
	background:url(/images/guild_search_frame_inner_bg.gif) repeat-x;
	border:1px solid #396908;
	
}

#left_search{
	height:284px;
	width:223px;
	background-image:url(/images/frames/guild_options_long.png);
	behavior: url(/css/iepngfix.htc);
}

#middle_search{
	height:284px;
	width:223px;
	background-image:url(/images/frames/guild_server_options_long.png);
	behavior: url(/css/iepngfix.htc);
}

#right_search{
	height:284px;
	width:223px;
	background-image:url(/images/frames/guild_advanced_options_long.png);
	behavior: url(/css/iepngfix.htc);
}

#guild_progress_search {
	height:68px;
	width:381px;
	background-image:url(/images/frames/guild_progression_options.png);
	
}

#guild_schedule_search {
	height:68px;
	width:381px;
	background-image:url(/images/frames/guild_schedule_options.png);
}


#guild_progress_search_full {
	height:525px;
	width:381px;
	background-image:url(/images/frames/guild_progression_options_full.png);
}

#guild_schedule_search_full {
	height:525px;
	width:381px;
	background-image:url(/images/frames/guild_schedule_options_full.png);
}

#guild_search_result {
	width:700px;
	margin-left:23px;
	margin-right:23px;	
}

.search_header {
	height:30px;
	width:800px;
	background:url(/images/search_header_bg.gif) repeat-x;
	border:1px solid #CCC;
	font-weight:bold;
	color:#2b4c75;
	font-size:14px;
}

.guild_search_slot {
	  float:left;
	  font-size: 16px;
	  min-height:90px;
	  width:800px;
	  padding-top:5px;
	  padding-bottom:5px;
      height: auto;
      background: #FFF;
	  border-right:1px solid #CCC;
	  border-left:1px solid #CCC;
	  border-bottom:1px solid #CCC;
	
}


.search_form_expand {

  width:115px;
  border:1px solid #999;
  background-color:#243e5e;
  font-weight:bold !important;
  font-size:12px !important;
  font-family:Arial,Tahoma,Helvetica,sans-serif !important;
	
}

/*.guild_search_slot:hover{
	background-image: none;
	background-color: #FFCC00; 
}*/


/************** MEMBER SEARCH *******************/

#member_search_frame {
	height:86px;
	width:745px;
	background:url(/images/member_search_frame_bg.gif) repeat-x;

}

#member_search_inner_frame {
	height:47px;
	width:420px;
	background:url(/images/member_search_frame_inner_bg.gif) repeat-x;
	border:1px solid #0b4f7a;

}

#member_left_search{
	height:284px;
	width:223px;
	background-image:url(/images/frames/player_options_long.png);
	behavior: url(/css/iepngfix.htc);
}

#member_middle_search{
	height:284px;
	width:223px;
	background-image:url(/images/frames/player_server_options_long.png);
	behavior: url(/css/iepngfix.htc);
}

#member_right_search{
	height:284px;
	width:223px;
	background-image:url(/images/frames/player_advanced_options_long.png);
	behavior: url(/css/iepngfix.htc);
}

#player_paid_search{
	height:68px;
	width:540px;
	background-image:url(/images/frames/player_paid_options.png);
	behavior: url(/css/iepngfix.htc);
}


#player_progress_search {
	height:68px;
	width:381px;
	background-image:url(/images/frames/player_progression_options.png);
	
}

#player_schedule_search {
	height:68px;
	width:381px;
	background-image:url(/images/frames/player_schedule_options.png);
}


#player_progress_search_full {
	height:525px;
	width:381px;
	background-image:url(/images/frames/player_progression_options_full.png);
}

#player_schedule_search_full {
	height:525px;
	width:381px;
	background-image:url(/images/frames/player_schedule_options_full.png);
}


#member_search_result {
	width:700px;
	margin-left:23px;
	margin-right:23px;	
}

.member_search_slot {
	  float:left;
	  font-size: 16px;
	  min-height:90px;
	  width:800px;
	  padding-top:5px;
	  padding-bottom:5px;
      height: auto;
      background: #FFF;
	  border-right:1px solid #CCC;
	  border-left:1px solid #CCC;
	  border-bottom:1px solid #CCC;
	
}

/**************************************************/

/************* SCHEDULE BAR **********************/


.profile_schedule_block {
    float:left;
	height:56px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	width:59px;
	border-right: 2px solid #333;
}






/**************************************************/

/************* SIDE BAR ***************************/

#right_bar {
  float: left;
  width: 150px;
  padding: 30px 0px 30px 0px;
}

#right_bar_content {
  padding: 0px 8px 70px 8px;
  border-left: 1px solid #e3e3e3;
  height: 100%;
  width: 100%;
}

.side_header {
  font-family: Verdana;
  font-size: 15px;
  color: #778791;
  font-weight: 700;
  padding-bottom: 16px;
}

/***************************************************/
/************* END SIDE BAR ************************/



/* BUTTONS, INPUTS */

#create_char {
cursor: pointer;
}


input.button, a.button, 
input.button2, a.button2 {
  line-height:1.4;
  font-size: 100%;
  font-weight:700;
  margin:1.2em auto 0;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  padding:0.2em 0.8em;
}

input.button:hover, a.button:hover, 
input.button2:hover, a.button2:hover {
  text-decoration: none;
}

input.button, a.button {
  color:#2B4C75;
  background: #dee7ed url(/images/button_bg.gif) repeat-x 0 50%;
  border:1px solid #CCD4DE;
}

input.button2, a.button2 {
  color:#2B4C75;
  background: #2b4c75 url(/images/button2_bg.gif) repeat-x 0 50%;
  border:1px solid #CCD4DE;
}

input.button:hover, a.button:hover, 
input.button2:hover, a.button2:hover {
  color:#2B4C75;
  background: #bcd9ed url(/images/button_bg-over.gif) repeat-x 0 50%;
  border:1px solid #CCD4DE;
}
a.button, a.button2 {
  display: block;
  padding: 0;
  font-weight: 700;
}

a.button span, a.button2 span {
  display: block;
  padding: 0.3em 0.7em;
}

input.button, input.button2 {
  padding: 0.5em 0.8em;
}

/* BOX */

div.box {
  width:360px;
  margin:none;
  padding:none;
  border: 1px solid #7e8d97;
  background: url(/images/box_body_bg.gif) repeat-x 0 100%;
  background-color:#FFFFFF;
  position: relative;
}


/*Main Page Box */

div.main {
   background-color:#FFF;
   width: 850px;
   height:auto;
   margin-top: 10px;
   margin-left:15px;
   margin-right:15px;
   position: static;
}


div.box .form-row {
  margin: 2px 0;
  padding: 4px;
}

div.box .form-row label {
	 margin-bottom: 0.3em;
}

div.box .title {
  margin: 0;
  padding: 0;
  background: #c8d7e1 url(/images/box_header_bg.gif) repeat-x 0 50%;
  border-bottom: 1px solid #ccd4de;
  font-size:14px;
}

div.box .title h1, div.box .title h2, div.box .title h3, div.box .title h4 {
  color:#2B4C75;
  font-size:110%;
  margin:0;
  padding:0.1em 0.91em;
  font-weight:700;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
  vertical-align:baseline;
}

div.box .topborder {
  border-top: 1px solid #ccd4de;
}

div.box .body {
  padding: 1em;
  overflow: hidden;
}

div.box .body p {
  margin: 0 0 0.6em;
}


#space {
  margin: 0;
  padding: 0;
}

/* LOGIN BOX */

div.login {

  width: 355px;
  border: none;
  background: none;
  background-color:#FFF;
  position: none;
}

div.login label {
  display: block;
  font-weight: bold;
}

/*PROFILE BOX */

div.profile {
   width: 850px;
   text-align:left;  
   border:none;
   padding:none;
   margin:none;
}

div.profile .form-input {
  margin-top:3px;
  margin-left: 150px;
  font-weight: normal;
  font-style: italic;
}


div.profile label {
  display: block;
  font-weight: 700;
}

div.profile .form-row label {
  float: left;
  height: 12px;
  font-weight: bold;
  font-size: 10pt;
  padding-top: 4px;
}

div.profile .form-input label {
  margin: 0;
  float: none;
  color: black;
  font-style: normal;
}

/*SEARCH BOX */

div.search {
   background-color:#FFF;
   width: 850px;
   text-align:left;  
   margin-top: 10px;
   margin-left:15px;
}

/***********Landing Pages *************/

.alliance_landing_frame {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    width: 850px;
    border: 1px solid #000;
    background: url(/images/landing-bg.gif) repeat-x;
    background-color:#5085bb;
	color:#FFF;
}

.horde_landing_frame {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   width: 850px;
   border: 1px solid #000;
   background: url(/images/horde-landing-bg.gif) repeat-x;
   background-color:#bc3031;
   color:#FFF;  
}

.landing_text_area {
	overflow: auto;
	color:#000;
	background-color:#FFF;
	height:auto;
	width:555px !important;	
	padding:8px;
	font-size:11pt;
	border: 2px solid  #A3A3A3;
}

/************* End Landing Pages ****************/

/* FOOTER */
#closer {
  background: #000;
  color: #FFF;
  font-size: 86%;
  padding-bottom:60px;
}

#closer-inner {
  width: 872px;
  margin: 0 auto;
  padding: 0.5em 4px;
}

#closer ul {
  float: right;
  list-style: none;
}

#closer li {
  float: left;
  margin-left: 1em;
}

#closer a {
  color: #FFF;;
}


/* FIELD SET */
fieldset {
	width: 600px;
    border: 1px solid black;
	margin-bottom:15px !important;
    font-weight: bold;
	padding:10px;
	display: block;
}

fieldset legend {
  font-size: 18px;
  color: #213389;
}

/* SPINNER UI */

.ui-spinner {
	width: 60px;
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #999;
	background: #FFF;
	padding: 0 5px;
}

.ui-spinner-disabled {
	background: #F4F4F4;
	color: #CCC;
}

.ui-spinner-box {
	float: left;
	width: 20px;
	height: 100%;
	font-size: 125%;
	border: none;
	background: none;
	padding: 0;
}

.ui-spinner-up,
.ui-spinner-down {
	width: 40%;
	height: 50%;
	font-size: 0.5em;
	padding: 0;
	margin: 0;
	z-index: 100;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	right: 0;
	cursor: default;
	border: 1px solid #999;
	border-right: none;
	border-top: none;
}

.ui-spinner-down {
	bottom: 0;
	border-bottom: 0;
}

.ui-spinner-pressed {
	background: #FEFEFE;
}

.ui-spinner-list,
.ui-spinner-listitem {
	margin: 0;
	padding: 0;
}
/* END SPINNER UI  */



/* MAX LENGTH  UI*/


textarea {
  clear:both;
  display:block;
  padding:5px;
}


.status {
	float:right;
	color:#3366CC;
	font-size:11px;
	padding-right:18px;
}

.notification {
	background-color:#FFCDCD;
	border:3px solid #D55B5B;
	padding:5px;
}

/* END MAX LENGTH UI  */


/****** AUTOCOMPLETE ***************/

.autocomplete-w1 { background:url(/images/shadow.png) no-repeat bottom right; position:absolute; top:7px; left:6px; /* IE6 fix: */ _background:none; _top:1px; }

.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }

.autocomplete .selected { background: #99FFFF;}

.autocomplete div { padding:2px 5px; white-space:nowrap; font-size:16px; }

.autocomplete strong { font-weight:normal; color:#3399FF; }


/******  END AUTOCOMPLETE ***************/

/****** TOOLTIP ***************/
/* tooltip styling. uses a background image (a black box with an arrow) */ 


#tooltip {
	 outline-radius:4px;
	 -moz-outline-radius:4px;
	 -webkit-outline-radius:4px;
	 -moz-background-clip:border;
     -moz-background-inline-policy:continuous;
     -moz-background-origin:padding;
     background:#223344 url(/img/global/gradient/tooltip.png) repeat-x scroll 0 0; 
	 position: absolute;
	 z-index: 3000;
     border:2px solid #FFF;
     outline:1px solid #669;
	 padding: 5px;
	 color:#FFF;
     font-size:13px;
	 opacity: 0.9;
}


#tooltip h3, #tooltip div { margin: 0; }


/******  END TOOLTIP ***************/


/****** DROPDOWN CHECKLIST ***************/
.ui-dropdownchecklist
{
	height: 20px;
	border: 1px solid #ddd;
	border-right: 0;
	background: #fff url(dropdown.png) no-repeat center right;
}
.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active
{
	background-image: url(dropdown_hover.png); 
	border-color: #5794bf;
}

.ui-dropdownchecklist-text
{
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	margin-right: 17px; /* background dropdown.png image */
}

.ui-dropdownchecklist-dropcontainer
{
	background-color: #fff;
	border: 1px solid #999;
}

.ui-dropdownchecklist-item
{
	
}

.ui-dropdownchecklist-item-hover
{
	background-color: #39f;
}

/******  END DROPDOWN CHECKLIST ***************/