html {
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
}
body {
	margin: 0;	
	overflow: hidden;
	background-color: #eff2f3;
}

a {
	color: #811c32;
	text-decoration: none;
}
/*
	dark green: 48542e
	light green: c7c7b0
	background: e7e5d3
	at-will: 5b8f62 (91, 143, 98)
	encounter: 811c32 (129, 28, 50)
	daily: 414342 (65, 67, 66)
	power gradient beginning: dad9c7
	power gradient end: ffffff
*/

/* whole table */
table.power, table.monster {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: Verdana;
	width: 400px;
	font-size: 11px;
}
table.monster {
	background-color: #e7e5d3;
	font-size: 11px;
}

div.sectionPlain {
	width:500px;
}

/* Headings  */
table.monster thead {
	background-color: #48542e; 
	color: #ffffff;
}
thead.atwill {
	background-color: #5b8f62;
	color: #ffffff;
}
thead.encounter {
	background-color: #811c32;
	color: #ffffff;
}
thead.daily {
	background-color: #414342;
	color: #ffffff;
}

/* Applies to everything */
span.initiative, span.senses, span.aura, span.hp, span.regeneration, span.defenses, span.damagetypemodifiers, span.savingthrows, span.speed, span.actionpoints, span.powerheadspan, span.powerbodyspan, span.alignment, span.languages, span.skills, span.ability {
	display:block;
	text-indent: -15px;
	margin-left: 20px;
	margin-right: 5px;
	font-size: 11px;
}

span.powerbodyspan {
	text-indent: 0;	
}

/* also applies to everything */
table.monster td, table.power td {
	vertical-align: middle;
}

table.monster tr.powerbody span {
    text-indent: 0px;
}

.title {
	font-family: fairydustb, arial;
	font-weight: 900;
	font-size: 24pt;
	/*display: block;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #48542e;*/
	color: #48542e;
}

.sectionTitle {
	font-family: fairydustb, arial;
	font-weight: 600;
	font-size: 20pt;
	/*display: block;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #48542e;*/
	color: #48542e;
	text-decoration:underline;
}

/* name  line */
span.name {
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	font-size: 13px;
}

/* role  line */
span.role {
	font-weight: bold;
	color: #ffffff;
	float: right;
	font-size: 13px;
}

/* type  line */
span.type {
	color: #ffffff;
	text-align: left;
}

/* exp  line */
span.exp {
	float: right;
	color: #ffffff;
}

/* embedded tables */
table table {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	font-size: 11px;
}

table {
	font-size: 11px;	
}

/* first block of stats */
tr.mainstats {
}

/* heading of powers */
tr.powerhead {
	background-color: #c7c7b0;
}

/* body of powers */
tr.powerbody {
}

/* seconda block of stats */
tr.secondstats {
	background-color: #c7c7b0;
}

/* equipment */
tr.equipment {
}

span.class {
	float: right;
	color: #ffffff;
}

tr.color, tr.indentcolor {
	background-color: #dad9c7;
}
tr.backpng, tr.indentbackpng {
	background-image: url(powerback.png);
	background-repeat: repeat-y;
}
tr.backgif, tr.indentbackgif {
	background-image: url(powerback.gif);
	background-repeat: repeat-y;
}
tr.indent span, tr.indentcolor span, tr.indentbackpng span, tr.indentbackgif span {
	margin-left: 35px;
}

span.flavortext {
	font-style:italic;
}

span.action, span.powertype {
	font-weight: bold;
}

span.dndicon {
	font-family: 'D&D 4e icons';
	display:inline;
	font-size: 14px;
}

.monsterList {
	font-size: 10px;	
}

.monsterList td {
	border-bottom: solid 1px #d5d5d5;	
}

#header {
}

.lastPlayer, .lastLastPlayer {
	color: #df907d;
	font-size: 11px;
}

.currentPlayer {
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

.nextPlayer, .nextNextPlayer {
	color: #d2f9c9;
	font-size: 11px;
}

.nextPlayer, .lastPlayer {
	font-size: 14px;
	font-weight: bold;
}

.battleTracker {
	font-size: 11px;
}

.battleTracker td {
	border-bottom: solid 4px #fff;
}

/*.battleTracker th {
	background-color: #003;
	border-bottom: none;
}*/

.battleTracker th, .monsterList th {
	font-size: 11px;
	border-bottom: solid 1px #aaa;
	border-top: solid 1px #aaa;
	padding: 3px;
}

.battleTracker th.first, .monsterList th.first {
	border-left: 1px solid #dad9c7;     
}

.battleTracker th.header, .monsterList th.header {     
	background-image: url(/battletracker/images/bg.gif);         
	cursor: pointer;     
	font-weight: bold;     
	background-repeat: no-repeat;     
	background-position: center left;     
	padding-left: 20px;    
	border-right: 1px solid #dad9c7;     
	margin-left: -1px; 
} 

.battleTracker th.headerSortUp, .monsterList th.headerSortUp {     
	background-image: url(/battletracker/images/asc.gif);     
	background-color: #b9ddda; 
} 

.battleTracker th.headerSortDown, .monsterList th.headerSortDown {     
	background-image: url(/battletracker/images/desc.gif);     
	background-color: #b9ddda; 
} 

#content {
	margin: 0px;
	padding: 5px;
	height: inherit;
}

#options {
	padding: 2px;
	text-align: right;
}

#options img {
	margin: 0px 5px;
	cursor: pointer;
}

#search {
	padding: 4px;
	text-align: center;
	width: 100%;
}

form {
	margin: 0;
	padding: 0;
}

#help {
	text-align: left;
}

h1 {
	font-size: 16px;
	text-align: center;
	margin: 0px;
}

h2 {
	font-size: 14px;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: solid 1px #777;
}

#hiddenSearch {
	display: none;	
}

.round {
	background-color: #bbb;
	font-weight: bold;
}

.x-layout-panel {
	position: absolute;
	border: none;
	overflow: hidden;
	background-color: white;
} 

#monsterContainer {
	height: 100%;	
}

.row0 {
	background-color: #e8e5d3;
}

.row1 {
	background-color: #e8e5d3;
}

#menu2 img{
	margin-right: 5px;
	cursor: pointer;
}

.monsterForm {
	background: none;
	border: none;
	border-bottom: solid 1px #7a8660;
}

   .x-dlg div.x-resizable-handle-north {
      background-image:none;
      border:0px none;
      }
   .x-dlg div.x-resizable-handle-south {
      background-image:none;
      border:0px none;
      height:0px;
      }
   .x-dlg div.x-resizable-handle-east {
      background-image:none;
      width:0px;
      border:0px none;
      margin-right:0pt;
      }
   .x-dlg div.x-resizable-handle-west {
      background-image:none;
      border:0px none;
      width:0px;
      }
   .x-dlg div.x-resizable-handle-northeast, .ytheme-gray .x-dlg div.x-resizable-handle-northeast {
      background-image:none;
      border:0px none;
      height:0px;
      width:0px;
      }
   .x-dlg div.x-resizable-handle-northwest, .ytheme-gray .x-dlg div.x-resizable-handle-northwest {
      background-image:none;
      border:0px none;
      height:0px;
      width:0px;
      }
   .x-dlg div.x-resizable-handle-southeast {ext-all.css (line 2247)
      background-image:none;
      border:0px none;
      height:0px;
      width:0px;
      }
   .x-dlg div.x-resizable-handle-southwest {ext-all.css (line 2255)
      background-image:none;
      border:0px none;
      height:0px;
      width:0px;
      margin-bottom:0px;
      margin-left:0px;
      }
   .x-dlg .x-dlg-dlg-body {
      border-color:none;
      border-style:none;
      border-width:0px 0px 0px;
      }
	  
	  #initiative {
		background-image: url(/battletracker/images/initiativeBackground.png);  
		position: fixed;
		bottom: 0;
		width: 100%;
	  }
	  
	  
	  
	  #liquid-round {
	width:650px;
	margin:0px auto;
	background:#fff url(/battletracker/images/leftside.gif) repeat-y left top;
}

.top {
width:100%;
height:20px;
background:url(/battletracker/images/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(/battletracker/images/top-right.gif) no-repeat right top;
}

.center-content {
position:relative;
background:url(/battletracker/images/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
}
.bottom {
height:60px;
background:url(/battletracker/images/bottom.gif) no-repeat left bottom;
clear: both;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(/battletracker/images/bottom-right.gif) no-repeat right top;
}

#filler {
	margin: 20px;
}

.alert {
	padding: 5px;
	border: dotted 3px #060;
	background-color: #caffc4;
}

.faded {
	color: #777;	
}