/*** Main Layout Section ***/
html, body {
height: 100%;
}

body {
	background: #000 url(images/css/background_gradient.jpg)  repeat-x center top;
	margin:0;
	padding: 0px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
img {
	border:0; 
	}
h2{
    text-align: left;
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
	width: 450px;
}

.diag_lines {
	background: url(images/css/diag.png) repeat-x top !important; /*For Png Aware Browsers*/
	background: url(); /*For IE sucks*/
	margin: 0px;
	padding: 0px;
	height:210px;
}
.main_body_grey {
	background: #151515;
	margin: 0px;
	width: 902px;
	border: 1px solid #4d4f5b;
	top: 0px;
	text-align: left;
	position: absolute;
	min-height:100%;
}
.main_body_greyShadow {
	display:block;
	background: url(images/css/main_grey_box_shadow.png) repeat-y top !important;
	background: url();  /* Ie6 :s */
	margin: 0px;
	padding-left: 30px;
	min-width: 936px;
	border: 0px;
	top: 0px;
	left: 50%;
	margin-left:-480px;
	min-height: 100%;
	position: absolute;
}
.top_black_band {
	background: #000000 url(images/css/Top_Black_Band.png) repeat-x top;
	margin: 0px;
	padding: 0;
	height: 19px;
	width: 902px;
	font-weight: bold;
	line-height: 20px;
}
.top_black_band p {
	float:left;
	padding:0;
	margin:0;
	margin-left: 15px;
}

.top_black_band a {
	font-size: 9px;
	color:#fff;
}

.top_black_band div {
	float:right;
	padding:0;
	margin:0;
	margin-right: 15px;
}
#loading{
	position:absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 50%;
	margin-left: -8px;
	left:50%;
}

.banner {
	background: #000000 url(images/css/Banner-72p.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 105px;
	width: 902px;
	border-top: 2px solid #4d4f5b;
	border-bottom: 1px solid  #4d4f5b;
}
.bannerindex {
	background: #000000 url(images/css/Banner-72p-blank.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 105px;
	width: 902px;
	border-bottom: 1px solid  #4d4f5b;
}
.logo {
	background: url(images/css/logo-png.png) no-repeat;
	position:relative;
	float:left;
	margin: 0px;
	padding: 0px;
	height: 99px;
	width: 143px;
	border: none;
	z-index: 10;
}
/**** Dashboard ! ***/
.dashboard {
	position: relative;
	display:block;
	float: left;
	width: 750px;
	margin: 0px;
	padding: 0px;
	height: 100px;
	border: none;
	z-index: 120;
	margin-top: -2px;
}

.dashboard a {
color:#fff;
}
.progress {
	display:block;
	margin: 0;
	padding: 0;
	width: 166px;
	height: 7px;
	border: #e0e0e0 1px solid;
}

.stats {
	margin: 0;
	padding: 0;
	width: 50px;
	height: 9px;
	font-size: 8px;
	font-weight: bold;
	text-align: right;
}

.inventory {
	margin: 0;
	padding: 0;
	width: 82px;
	height: 9px;
	font-size: 9px;
	font-weight: bold;
	text-align: right;
}

.lvlinfo {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 17px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;

}

#curlvl {
	position: absolute;
	left: 25px;
	top: 98px;

}

#hp {
	position: absolute;
	left: 56px;
	top: 26px;
}

#energy {
	position: absolute;
	left: 56px;
	top: 40px;
}

#fatigue {
	position: absolute;
	left: 56px;
	top: 54px;
}

#level {
	position: absolute;
	left: 531px;
	top: 28px;
}

#train {
	position: absolute;
	left: 531px;
	top: 40px;
}

#trlabel {
	position: absolute;
	left: 498px;
	top: 38px;
	font-size: 9px;
	font-family: Tahoma;
}

#invhelper-orig {
	position: absolute;
	left: 624px;
	top: 53px;
}

#clanstats {
	position: absolute;
	left: 720px;
	top: 17px;
}

#warstats {
	position: absolute;
	left: 720px;
	top: 36px;
}

#clanph {
	width:902px;
	height:19px;
	background: #474656 url(images/css/claninfo.jpg) no-repeat;
	display:none;
}

.infobox {
	float:left;
	height:16px;
	padding:0;
	margin-left: 15px;
	border: 1px solid #aaa;
	font-size:9px;
	/*font-weight: bold;*/
	line-height:15px;
	padding-left: 5px;
	background: url(../../images/forum/transp3-50p.png);
}

#invhelper {
	position: absolute;
	left: 644px;
	top: 52px;
}
#invhelper span.ausername {
	font-size:9px;
}
#invhelper img {
	vertical-align: bottom;
}

#mailhelper {
	position: absolute;
	left: 499px;
	top: 52px;
}
#mailhelper img {
	vertical-align: bottom;
}
#mailhelper a {
	font-size: 12px;
	color: #fff;
}

#ebooster {
	position: absolute;
	left: 556px;
	top: 52px;
	z-index: 3000;
}

#ebooster img {
	vertical-align: bottom;
}

#ebooster a {
	font-size: 12px;
	color: #fff;
}

#ebooster:hover div.eboostmenu {
	display:block;
	position:relative;
	/*border:1px  #3300FF solid;
	background-color:#3366CC;*/
	background:  #49342a; 
    border: 1px solid #755240;
	width: 50px;
	z-index: 2000;
}

div.eboostmenu {
position:relative;
display:none;
z-index: 2000;
}

.eboostmenu_over {
	position:relative;
	display:block;
	border:1px  #3300FF solid;
	background-color:#3366CC;
	width: 50px;
	z-index: 5000;
}

#contacts {
	position: absolute;
	left: 622px;
	top: 53px;
}

#contacts img {
	vertical-align: bottom;
}

#contacts a {
	font-size: 12px;
}

 
#str {
	position: absolute;
	left: 275px;
	top: 26px;
	z-index: 999999;
}

#agi {
	position: absolute;
	left: 275px;
	top: 39px;
	z-index: 999995;
}

.attribmod {
	color:#00CC00;
}

#vita {
	position: absolute;
	left: 275px;
	top: 52px;
	z-index: 999990;
}

#dmg {
	position: absolute;
	left: 350px;
	top: 26px;
	z-index: 999985;
}

#def {
	position: absolute;
	left: 350px;
	top: 53px;
	z-index: 999980;
}

#spd {
	position: absolute;
	left: 350px;
	top: 40px;
	z-index: 999975;
}

#gut {
	position: absolute;
	left: 417px;
	top: 26px;
	font-size: 8px;
	font-weight: bold;
	z-index: 999975;
}

#tpt {
	position: absolute;
	left: 417px;
	top: 40px;
	font-size: 8px;
	font-weight: bold;
	z-index: 999975;
}

#cash {
	position: absolute;
	left: 45px;
	top: 82px;
	color: #21ab3a;
}

#bank {
	position: absolute;
	left: 188px;
	top: 82px;
	color: #21ab3a;
}

#gas {
	position: absolute;
	left: 326px;
	top: 82px;
	color: #f3ea04;
}

#water {
	position: absolute;
	left: 466px;
	top: 82px;
	color: #67c9f3;
}

#lastevent {
	position: absolute;
	width:146px;
	height: 17px;
	left: 566px;
	top: 80px;
	z-index: 1500;
	line-height:17px;
	background:none;
}

#lastevent img {
	vertical-align: text-top;
}
#lastevent a {
	color: #f3ea04;
	font-size: 12px;
}

/*** End Dashboard **/

.announcement_maroon_bar {
	background: #580101;
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 902px;
	font-weight: bold;
	line-height: 20px;
}
.announcement_maroon_bar p {
	padding:0;
	margin:0;
	margin-left: 15px;
}
.cityBar {
	background: #000000 url(images/css/city-default.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 48px;
	width: 902px;
	border-top: 1px solid #4d4f5b;
	border-bottom: 1px solid #4d4f5b;
	font-size: 14px;
}
.locationblock {
	float:left;
}
.locationhead {
	float:left;
	padding:2px;
	margin-top: 3px;
	margin-left: 15px;
	border: 1px solid #ccc;
	background: url(../../images/backgrounds/locationblack.png);
}
.calendar {
	float:left;
	padding:2px;
	margin-top: 3px;
	margin-left: 15px;
	border: 1px solid #ccc;
	background: url(../../images/backgrounds/locationblack.png);
}

.shops {
	float:left;
	padding:2px;
	margin-top: 1px;
	margin-left: 15px;
}
.shop {
	width:40px;
	height:40px;
	margin-right: 5px;
	margin-left: 5px;
}
/*** Some Text class and class redefinition ***/
.username {
	color: #f3ea04;
	margin-left: 5px;
	margin-right: 5px;
}
.locationtext {
	margin-left:5px;
	margin-right: 5px;
}

a {
	font-family: Tahoma; 
	color: #7f736d;/*#625954;*/
	font-size: 11px;
	text-decoration:none;
}

/*** Forms ***/
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
  color:#fff;
}
form.cmxform label {
  display: block;
  float: left;
  vertical-align: middle;
  color:#fff;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  font-size: 12px;
}
form.cmxform fieldset li input{
vertical-align: middle;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 150px; 
}
form.cmxform1 fieldset fieldset label{
  margin-left: 123px;
}
.itemlist {
width:250px;
}

.tab {
display: block; 
padding: 0;
margin:0;
float: left;
width: 45%;
}
.minitabdisplay {
	display: block;
	padding: 0;
	margin:0;
	float: left;
	width: 50px;
	font-size: 12px;
}
.minitabdisplaywide {
	display: block;
	padding: 0;
	margin:0;
	float: left;
	width: 150px;
	font-size: 12px;
	color:#FFFF00;
}
fieldset {
	border: 1px solid ;
}
.messageincentive
{
	display: block;
	padding: 0;
	margin:0;
	float: right;
	
	font-size: 12px;
	display:block;
	height:90px;
	width: 400px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*** Main Menu ***/

#left-side {
	float: left;
	width: 120px; 
	margin:0;
	padding:0;
	margin-left:2px;
	margin-right: 3px;
	min-height:100%;
}
#left-side ul {
	padding:0;
	margin:0;
	width: 120px; 
}
#left-side ul li {
	display: block;
	padding-left:0;
	background: url(images/css/bg_buttons.png) no-repeat;
	line-height: 24px;
	height:24px;
	list-style-type: none;
	font-size: 11px;
	text-align: center;
	margin-bottom:0px;
}
#left-side ul li.menusep {
	display: block;
	padding-left:0;
	background-image:none;
	line-height: 0px;
	height:10px;
	list-style-type: none;
	font-size: 11px;
	text-align: center;
	margin-bottom:0px;
}
#left-side ul li a {
	display:block;
	padding-left: 0px;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
#left-side ul li a:hover {
	text-decoration: underline;
}

/** Battle CSS **/
.attacker {
	font-size:13px;
	color:#CC0000;
}

.defender {
	font-size:13px;
	color:#339900;
}

#battle {
	float: left;
	display:block;
	width: 450px;
	height: 316px;
	overflow:auto;
	margin-left: 0px;
	font-size: 12px;
	}
#maincontain {
	float: left;
	display:block;
	background: #504d54;
	margin-left: 15px;
	}
.charpanelcreate-player{
	float:left;
	padding:0;
	margin:0;
	width: 148px; 
	background: #504d54;
	line-height: 12px;
	
}
.charpanelcreate-enemy{
	float:left;
	padding:0;
	margin:0;
	width: 148px; 
	background: #504d54;
	line-height: 12px;
	
}
.charpanelcreate-player img{
border: 2px solid #3f9115;
}
.charpanelcreate-enemy img{
border: 2px solid #a40519;
}
.avatar-bar {
float: left;
padding: 0;
margin-top : 5px;
margin-bottom: 20px;
text-align: center;
}

.avatar-bar p {
padding:0;
margin:0;
}

.avatar-bar .avatar-left {
float: left;
width: 315px;
height: 106px;
text-align: left;
padding:0;
margin: 0;
font-size: 12px;
border: 1px solid #3f9115;
}

.avatar-bar .avatar-right {
float: right;
width: 315px;
height: 106px;
padding:0;
margin: 0;
margin-right:5px;
font-size: 12px;
text-align: right;
border: 1px solid #a40519;
}

.avatar-left img.ava {
float: left;
margin-left: 2px;
}

.avatar-right img.ava {
float: right;
margin-right: 2px;
}

.avatar-left p {
float:left;
text-align: left;
margin-left:5px;
margin-top: 5px;
width: 150px;
}
.avatar-right p {
float: right;
text-align: right;
margin-right:5px;
margin-top: 5px;
width: 150px;
}

.avatar-bar .avatar-left img.ava {
padding: 4px;
background: #fff;
border: 1px solid #000;
margin-top: 3px;
vertical-align:top;
}

.avatar-bar .avatar-right img.ava {
padding: 4px;
background: #fff;
border: 1px solid #000;
margin-top: 3px;
vertical-align:top;
}

img.armoryicon  { /* !important is placed to force override from avatar class */
border: 1px solid #FFFFFF !important;
margin:0 !important;
margin-left: 5px !important;
margin-right: 5px !important;
padding:0  !important;
}


/*** Type Item ***/
.Common {
	color: #fff;
	font-size: 12px;
}

.Uncommon {
	color: #00FF00;
	font-size: 12px;
}

.Rare {
	color: #FFFF00;
	font-size: 12px;
}

.Legendary {
	color: #3399FF;
	font-size: 12px;
}

.Epic {
	color: #9f00f2;
	font-size: 12px;
}

/*** Char Creation ***/
.imgchardef {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	border: 1px solid #990000;
}

.charpanelcreate{
	float:left;
	padding:0;
	margin:0;
	width: 148px; 
	background: #504d54;
	line-height: 12px;
	
}
.charbodycreate {

 	float:left;
	padding:0;
	margin-left:12px;
	width: 600px;
	background: #504d54;
	line-height: 12px;
	
	}

.charbodydisplay {

 	float:left;
	padding:0;
	margin-left:12px;
	width: 748px;
	background: #504d54;
	line-height: 12px;
	}
.ausername {
	font-family: Tahoma; 
	font-size: 13px;
	text-decoration:none;
	color: #f3ea04;
}
.apoweruser {
	font-family: Tahoma; 
	font-size: 13px;
	text-decoration:none;
	color: #009900;
}

.aadmin {
	font-family: Tahoma; 
	font-size: 13px;
	text-decoration:none;
	color: #CC3300;
}
.abetatester {
	font-family: Tahoma; 
	font-size: 13px;
	text-decoration:none;
	color: #a3b8dc;
}
.blackhelp {
display:block;
width:11px;
height:11px;
background:url(images/icons/bhelp.gif) left top no-repeat;
text-indent:-2000em;
position:absolute;
right:5px;
top:4px;
}
.stop {
	font-size:13px;
	color:#CC0000;
}

.pass {
	font-size:13px;
	color:#339900;
}
/* CSS needed for the script */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
	color: #fff;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	/*background-image:url('../images/arrow.gif');*/
	width:0px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:1px solid #755240;	/* Border width */
	left:5px;	/* Same as border thickness */
	top:0px;
	position: absolute; /*absolute;*/
	width:180px;	/* Width of tooltip content */
	min-height:200px;	/* Height of tooltip content */
	background-color: #49342a;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size: 12px;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
	line-height: 16px;
}

.abigyellow {
	font-family: Tahoma;
	color:#FFFF00;
	font-size: 11px;
	text-decoration:none;
}

a.ttip {
font-size:8px;
}

a.ttip span.tooltip {
display: none;
font-size:10px;
position: relative;
z-index: 100000;
}

a.ttip:hover {
      } 

a.ttip:hover span.tooltip {
	  text-align:left;
	  display: block;
	  top:5px;
	  left:-10px;
      position: absolute;
	  min-width: 100px;
	  min-width:150px;
	  padding: 5px; margin: 10px;
	  color:#9f7058;
      background:  #49342a; 
      border: 1px solid #755240;
	  z-index:100010;
      } 

input.submit
{
border: 1px solid #755240;
background-color: #49342a;
color: #fff;
font-size: 100%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

input.submitred
{
	border: 1px solid #FF0000;
	background-color: #6A0000;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
input.submitorange
{
	border: 1px solid #FF6600;
	background-color: #996600;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

input.submitBlue
{
	border: 1px solid #3399ff;
	background-color: #0b6ed2;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

input.submitGreen
{
	border: 1px solid #33ff46;
	background-color: #0a9f11;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

input.submitBlue:active
{
border: 1px double #c2e1ff;
}

input.text
{
border: 1px solid #755240;
background-color: #fff;
color: #000;
font-size: 100%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

.text {
border: 1px solid #755240;
background-color: #fff;
color: #000;
font-size: 100%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

/*blockquote {
border: 1px solid #755240;
background-color: #b47e62;
color: #000;
}
*/

blockquote.style1 {
 font: "Courier New", sans-serif;
 color: #dddddd;
  padding: 8px;
  background-color: #251809;
  /* #faebbc; */
  
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(../../images/icons/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style1 span {
     display: block;
     background-image: url(../../images/icons/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }
   

input.submit:active
{
border: 1px double #9f7058;
}

.test {
border: 1px solid;
-moz-border-radius: 0px;
background: url(../../images/forum/transp3-50p.png);
}

/***** Map Section ******/

#ajax_mapObj{
	z-index:1000000;
	text-align:left;
	color: #fff;
}
#ajax_mapObj div{
	/*position:absolute;*/
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */


#ajax_mapObj  {
	/*border:5px solid #755240;*/	/* Border width */
	/*left:18px;	/* Same as border thickness */
	left:-225px;
	top:50px;
	position:absolute;
	/*background-color: #49342a;*/	/* Background color */
	/* Space between border and content */
	font-size: 12px;	/* Font size of content */
	/*overflow: visible;*/	/* Hide overflow content */
	z-index:1000000;
	padding:0;
	max-width:500px;
	max-height:500px;
}

#ajax_mapObj .ajax_map_content {
	/*border:5px solid #755240;*/	/* Border width */
	/*left:18px;	/* Same as border thickness */
	/*left:0;
	top:0;
	position:absolute;*/
	font-size: 12px;	/* Font size of content */
	overflow: visible;	/* Hide overflow content */
	z-index:1000000;
	padding:0;
	width:450px;
	height:450px;
}

#ajax_mapObj table {padding:0;margin:0;border-spacing:0;}
#ajax_mapObj td.tl,#ajax_mapObj td.tm,#ajax_mapObj td.tr,#ajax_mapObj td.ml,#ajax_mapObj td.mm,#ajax_mapObj td.mr,#ajax_mapObj td.bl,#ajax_mapObj td.bm,#ajax_mapObj td.br {height:13px;background-image:url('../../images/tip.png')}
#ajax_mapObj td.tl em,#ajax_mapObj td.tr em,#ajax_mapObj td.bl em,#ajax_mapObj td.br{height:13px;width:13px;display:block}
#ajax_mapObj td.tm {background-position:-13px 0}
#ajax_mapObj td.tr {background-position:100% 0}
#ajax_mapObj td.ml {background-position:0 -13px}
#ajax_mapObj td.mm {background-position:-13px -13px}
#ajax_mapObj td.mr {background-position:100% -13px}
#ajax_mapObj td.bl {background-position:0 100%}
#ajax_mapObj td.bm {background-position:-13px 100%}
#ajax_mapObj td.br {background-position:100% 100%}

#bgblur {
	/*display: block;*/
	position: absolute;
	z-index: 2000;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: url(../../images/backgrounds/blackbg.png);
	display:none;
}

ul.items {
margin-top: 0px !important;
}

form {
padding:0;
margin:0;
}
.item {
margin-left:5px;
margin-top:5px;
}
.items {
list-style:none;
margin-left:0px;
padding:0;
}
.items li{
list-style:none;
}
legend {
color:#fff;
}
.guidebookon{
	background: #353535;
}

.guidebookoff{
	background: #222;
}

/* lightbox */
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}

.white_content {
display: none;
position: relative;
top: 40%;
left: 25%;
width: 50%;
height: 395px;
padding: 4px;
text-align:center;
z-index:1002;
overflow: auto;
}

.communicationBanLabel{
color:#FFFF00;
width: 200px;
padding: 4px;
vertical-align:top;
}
		
#fancy_confirm {
margin: 0 auto;
font:normal 12px 'Trebuchet MS','Arial';
margin:0;
padding:0;
}

#fancy_confirm ul {
line-height:32px;
list-style:none;
margin:0 auto;
padding:0 10px 0 10px;
width:120px;
}

#fancy_confirm li {
display:inline;
padding:0;
}

#fancy_confirm a {
color:#FFF; 
float:left;
padding:0 3px 0 3px; /* left 3 px because of left image */ 
text-decoration:none;
}

#fancy_confirm a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#fancy_confirm a span img {
border:none;
margin:8px 4px 0 0;
}

#fancy_confirm a#cancel{
background: url(../../images/backgrounds/left-red.png) no-repeat left center;
}

#fancy_confirm a#cancel span {
background:url(../../images/backgrounds/right-red.png) no-repeat right center;
}

#fancy_confirm a#accept{
background: url(../../images/backgrounds/left-green.png) no-repeat left center;
}

#fancy_confirm a#accept span {
background:url(../../images/backgrounds/right-green.png) no-repeat right center;
}

#fancy_confirm a#accept:hover{
background: url(../../images/backgrounds/left-greenlite.png) no-repeat left center;
}

#fancy_confirm a#accept:hover span {
background:url(../../images/backgrounds/right-greenlite.png) no-repeat right center;
}

#fancy_confirm a#cancel:hover{
background: url(../../images/backgrounds/left-redlite.png) no-repeat left center;
}

#fancy_confirm a#cancel:hover span {
background:url(../../images/backgrounds/right-redlite.png) no-repeat right center;
}

/**** Jquery tool tip ***/


.tip {position:absolute;top:0;left:0;display:none;max-width:200px;z-index:99999;color:white}
.tip table {padding:0;margin:0;border-spacing:0;}
.tip div.tipMid {padding:1px 3px}
.tip td.tl,.tip td.tm,.tip td.tr,.tip td.ml,.tip td.mm,.tip td.mr,.tip td.bl,.tip td.bm,.tip td.br {height:13px;background-image:url('../../images/tip.png')}
.tip td.tl em,.tip td.tr em,.tip td.bl em,.tip td.br{height:13px;width:13px;display:block}
.tip td.tm {background-position:-13px 0}
.tip td.tr {background-position:100% 0}
.tip td.ml {background-position:0 -13px}
.tip td.mm {background-position:-13px -13px}
.tip td.mr {background-position:100% -13px}
.tip td.bl {background-position:0 100%}
.tip td.bm {background-position:-13px 100%}
.tip td.br {background-position:100% 100%}

/**** moderator part ***/
.linedetailmoderator:hover {
      -moz-background-clip:border;
      -moz-background-inline-policy:continuous;
      -moz-background-origin:padding;
      background:transparent url(../../images/icons/bt_open.png) no-repeat scroll left -19px;
   }
  
.linedetailmoderator {
      -moz-background-clip:border;
      -moz-background-inline-policy:continuous;
      -moz-background-origin:padding;
      background:transparent url(../../images/icons/bt_open.png) no-repeat scroll left 0;
	  
   }
   
.linedetailmoderatorclose {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/icons/bt_close.png) no-repeat scroll left 0;
}

.linedetailmoderatorclose:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/icons/bt_close.png) no-repeat scroll left -19px;
}