body {
  margin: 0;
  padding: 0;
}

#header {
  background-color: #3C91C7;
  padding-left: 30px;
  padding-right: 30px;
}

#header h2 {
  color: #FFFFFF;
  font-family:inherit;
  font-size:160%;
}

#main {
  padding: 10px;
  font-family: Arial,Helvetica,sans-serif;
}

.miniList {
  border-bottom:1px dotted #CCCCCC;
  display:block;
}

.listFieldTitle {
  color: #1C2742;
}

.listFieldTitle:hover {
  font-weight: bold;
}

.itemFieldTitle {
  color: #1C2742;
  font-size: 160%;
}

.itemTitle {
  margin-bottom: 10px;
  border-bottom:1px solid black;
}

.itemDesc {
  padding:4px;
  background-color: #E0EEFB;
  float: right;
  width: 90%;
}

.listDesc {
  color: #777777;
  margin-left: 45px;
}

.itemTitleButton {
  line-height: 22pt;
  font-size: 11pt;
  float: right;
  padding-right: 8px;
}

.miniListItem {
  float: left;
}

#menu {
  height:27px;
  margin:0pt;
  padding:0pt 20px 0pt 30px;
}

#menu ul {
  margin:0pt;
  padding:0pt;
}

#menu li {
  float: right;
  border:medium none;
  display:inline;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  padding:2pt;
  border-right: 1px dotted black;
}

.moveblank {
  border: 2px dashed grey;
}

.ac_results {
	padding: 0;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	z-index: 999;
	text-align: left;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display: none;/*sorry for IE5*/
	display/**/: block;/*sorry for IE5*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 3000px;
	height: 3000px;
}

.ac_results li {
	margin: 0;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background: Window url('/images/indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

.clickable {
  cursor: pointer;
}

.smallFightBox {
  border-bottom: 1px solid #777777;
}

.smallFightBox:hover {
  background-color: #CFEFFF;
}

.action{
  text-decoration: underline;
  cursor: pointer;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
}

.action:hover{
  color: blue;
}

ol.list {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

.list .item {
  margin: 2px;
  padding: 2px;
  width: 8em;
}

.list .item:hover {
  cursor: pointer;
  background-color: gainsboro;
}

.borderRed {
  border: 1px solid red;    
}

.itemContainer {
  width: 95%;
  margin-left: 2%;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  margin-bottom: 10px;
}

.itemDescriptionBox {
  font-size: 85%;
  float:right;
  width: 90%;
}

.webDescPara {
  padding: 0px;
  margin: 15px 0 0 0;
}

.imageItemDescription {
  float: left;
  margin: 0 2px 2px 0;
  padding: 2px;
}

.searchContainer {
  font-size:9pt;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
}

.clearFloatDiv {
  clear: both;
}

.imageResultsBox {
  display: block;
  height: auto;
}

.webResult {
  border-right:1px dotted #AAAAAA;
  padding:2px;
  width: 22%;
  float: left;
  font-size: 11px;
}

.videoResult {
  float: left;
  margin: 0 2px 2px 0;
  padding: 2px;
}

.imageResult {
  float: left;
  margin: 0 2px 2px 0;
  padding: 2px;
}

#console{
  margin-top: 2em;
  border: 1px dotted red;
}

.itemDescriptionImg {
  height: 80px;
  width: 80px;
  background-repeat:no-repeat;
}

.ntab {
  float:left;
  font-size:15px;
  font-weight:bold;
}
.ntab .tab_link {
  display:block;
  margin-left:1px;
  padding-right: 10px;
  position:relative;
  text-decoration: underline;
}

a {
  color:#3B5998;
  cursor:pointer;
  outline-style:none;
  text-decoration:none;
}

.clearfix:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
}
.clearfix {
  display:inline-block;
}

.clearfix {
  display:block;
}

.mainLeft {
  width: 73%;
  float: left;
}

.mainRight {
  width: 27%;
  float: right;
}

.vcard {
  float:left;
  height:80;
  margin-bottom:5px;
  overflow:hidden;
  padding:5px 1px;
  width:67px;
  font-size:11px;
  text-align:center;
}

.vcard:hover {
  border:1px solid #FFDD88;
}

.tl {
  background-image: url(http://s0.causes.com/s/n01da/images/facebook/new_media_button.gif);
  background:transparent url(http://b.static.ak.fbcdn.net/images/new_media_button.gif) no-repeat scroll left top;
  cursor: pointer;
}

.tr {
  background-image: url(http://s0.causes.com/s/n01da/images/facebook/new_media_button.gif);
  background:transparent url(http://b.static.ak.fbcdn.net/images/new_media_button.gif) no-repeat scroll right top;
}

.bl {
  background-image: url(http://s0.causes.com/s/n01da/images/facebook/new_media_button.gif);
  background:transparent url(http://b.static.ak.fbcdn.net/images/new_media_button.gif) no-repeat scroll left bottom;
}

.br {
  background-image: url(http://s0.causes.com/s/n01da/images/facebook/new_media_button.gif);
  background:transparent url(http://b.static.ak.fbcdn.net/images/new_media_button.gif) no-repeat scroll right bottom;
}

.fbButtonSpan {
  background:transparent url(http://b.static.ak.fbcdn.net/images/new_media_button_plus.gif) no-repeat scroll left center;
  color:#333333;
  display:block;
  font-size:11px;
  font-weight:bold;
  margin-left:9px;
  padding:3px 9px 5px 13px;
  text-shadow:0 1px 1px white;
  text-align: center;
}

.fbButtonSpan:hover {
  text-decoration: underline;
  cursor: pointer;
}

.webItemDescriptionLink {
  color:#008000;
  font-size:10px;
  line-height:12px;
  overflow: hidden;
}

.listHeader {
  border-bottom:1px solid #555555;
  margin-bottom:10px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-south { background-image: url(/images/tipsy-south.gif); background-position: bottom center; }
.tipsy-north { background-image: url(/images/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(/images/tipsy-south.gif); background-position: bottom center; }
.tipsy-east { background-image: url(/images/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(/images/tipsy-west.gif); background-position: left center; }

.itemScore {
  color:#808185;
  display: block;
  font-weight: bold;
  font-size: 90%;
}

.itemScoreOn {
  color:#D4A849;
  margin-top:-5px;
  text-align:center;
  display: block;
  font-size: 90%;
}

.fadingMessage {
  background-color: #FFDD88;
  display: block;
  font-weight: bold;
  padding: 5px;
  margin: 5px;
}

#myheader {
  font-family:Trebuchet MS,Helvetica,sans-serif;
}

.menulink {
  color: #777777;
}

.menulink:hover {
  border-bottom: 3px solid #777777;
}

.fightLink {
  color: #777777;
  font-family:Trebuchet MS,Helvetica,sans-serif;
  float:left;
  margin-top:10px;
  font-weight:bold;
  cursor: pointer;
}

.fightLink:hover {
  border-bottom: 3px solid #777777;
}

.iLF {
  border: 1px solid #999999;
  font-size: 1.3em;
  font-weight: bold;
  padding: 0.4em;
  width: 80%;
}

.inputItemTitle {
  border: 1px solid #999999;
  font-weight: bold;
  padding: 0.4em;
  width: 80%;
}

.itemFormContainer {
  background-color:#FFFFAE;
  margin-bottom:10px;
  margin-top:20px;
  padding: 2%;
}

.listFormContainer {
  background-color: #FFF9D7;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 2%;
}

.greyButton {
  background-color:#666666;
  color:white;
  padding:5px;
  text-decoration:none;
  border: 0px;
  cursor: pointer;
}

.blueButton {
  background-color:#3B5998;
  color:white;
  padding: 5px 10px 5px 10px;
  text-decoration:none;
  border: 0px;
}

.cancelLink {
  color:red;
  text-decoration:underline;
}

.homepageContainer {
  max-width: 1024px;
  margin: 0 auto;
}

.resultSelected {
  background-color:white;
}

.moreButton {
  background-image:url(/images/more.png);
  background-position:center;
  width: 4%;
  float: right;
  background-repeat:no-repeat;
  height: 100px;
  cursor: pointer;
}

.lessButton {
  background-image:url(/images/less.png);
  background-position:center;
  width: 4%;
  float: left;
  background-repeat:no-repeat;
  border-right:1px dotted #AAAAAA;
  height: 100px;
  cursor: pointer;
}

.detailTip {
  padding: 5px;
  font-size: 150%;
  margin: 5px auto;
  font-weight: bold;
  width: 100%;
}

.searchInput {
  border: 1px solid #999999;
  font-weight: bold;
  padding: 0.4em;
  width: 40%;
}

.transButton {
  cursor: pointer;
  background-color: transparent;
  color: black;
  padding:5px;
  text-decoration:none;
  border: 0px;
  text-decoration: underline;
}

.helpContainer {
  border: 1px solid rgb(255, 221, 136);
  width: 100%;
  background-color: #fff9d7;
  margin-top: 25px;
  overflow: hidden;
}

.tutBox {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

.noBox {
  float: left;
  font-weight: bold;
  font-size: 150%;
  background-color: rgb(255, 221, 136);
  padding-left: 5px;
  padding-right: 5px;
}

.itemFormDesc {
  border: 1px solid #999999;
  padding: 0.4em;
  width: 80%;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}

.miniResultsContainer {
  border: 1px solid #999999;
  padding: 0.4em;
  width: 80%;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 70%;
  background-color: white;
}

.miniResultLink {
  color: #666666;
  overflow: hidden;
}

.miniResultContent {
  color: black;
  height: 1em;
  overflow: hidden;
}

.miniResult {
  background-image:url(/images/cross.png);
  background-position:right top;
  background-repeat:no-repeat;
  border-bottom:1px dotted #CCCCCC;
  cursor:pointer;
  margin-bottom:2px;
  padding-bottom:2px;
}

.imageResultCross {
  width:16px;
  height:16px;
  cursor:pointer;
}

.commentForm {
  border:1px solid #CFCFCF;
  font-size: 1em;
  padding: 0.4em;
  width: 96%;
}

.infoBarButton {
  float: left;
}

.userProfile {
  padding: 5px;
  background-color: lightgreen;
}

.awesomeBar {
  padding:0;
  right:0;
  width:100%;
  z-index:99;
  border-top: 2px solid #3B5998;
  border-bottom: 2px solid black;
  background-color: #E0EEFB;
}

.searchButton {
  margin-left: 5px;
  cursor: pointer;
  float: left;
}

.hideButton {
  margin-right: 5px;
  cursor: pointer;
  float: right;
}

.bottomHelp {
  background-color:#F4A83D;
  border-top:1px solid #D6800C;
  padding: 10px;
  text-align: center;
}

.hpBanner {
  background-color: #E0EEFB;
  color: #666666;
  width: 100%;
}

.hpBanner h3 {
  padding: 0px;
  margin: 0px;
  font-size: 220%;
  color: white;
}

.hpBanner h1 {
  padding: 0px;
  margin: 0px;
  font-size: 400%;
}

.itemVote {
  float: left;
  text-align:center;
  vertical-align:middle;
}

.itemInfoBar {
  float:right;
  padding:4px;
  width:90%;
}

.itemCommentsBox {
  float:right;
  padding:4px;
  width:90%;
  background-color: #EFEFEF;
}

.exampleText {
  color: green;
}

.brownText {
  color: brown;
}

.footerHelp {
  font-family:Trebuchet MS,Helvetica,sans-serif;
  margin:0;
  padding:0;
  color: #666666;
}

#statusbar {
  margin:0;
  background-color: red;
  color: white;
  text-align:center;
  right:0;
  width:100%;
  z-index:99;
  position: absolute;
  top: 200px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  overflow: hidden;
}

#statusbar h2 {
  padding: 0px;
  margin: 0px;
  font-size:300%;
}

.popup {
        position: absolute;
        z-index: 50;
        border-collapse: collapse;
}

.popup td.corner {
        height: 15px;
        width: 15px;
}

.popup td#topleft { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-1.png); }
.popup td.top { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-2.png); }
.popup td#topright { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-3.png); }
.popup td.left { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-4.png); }
.popup td.right { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-5.png); }
.popup td#bottomleft { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-6.png); }
.popup td.bottom { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-8.png); }

#loadingBox {
  background-color:#FFF3AE;
  font-weight:bold;
  z-index:99;
  padding:2px;
  position: absolute;
  max-width: 85px;
  font-size: 80%;
  top: 0px;
  right: 0px;
  display: none;
}

.addbut {
  text-decoration: underline;
  cursor: pointer;
}

.cover {
  background-color:gray;
  height:100%;
  left:0;
  opacity:0.7;
  position:fixed;
  top:0;
  width:100%;
  z-index:1000;
}

.fightImg {
  border: 2px solid black;
  margin: 10px;
  padding: 5px;
  background-color: white;
}

.fightImgSmall {
  border: 1px solid black;
  margin: 2px;
  padding: 1px;
  background-color: white;
  width: 65px;
  height: 65px;
}

.fightImgMtg {
  border: 1px solid black;
  float: left;
  width: 65px;
  height: 65px;
}

.fighterBox {
  text-decoration: underline;
}

.fightSkip {
  background-color: #EFEFEF;
  margin: 10px;
}

.fgBox {
  width: 80%;
  background-color: #EFEFEF;
  padding: 5px;
  margin: 10px auto;
}

.fgRed {
  width: 50%;
  background-color: red;
  height: 20px;
  margin-top: 20px;
}

.fgBlue {
  width: 50%;
  background-color: blue;
  height: 20px;
  margin-top: 20px;
}

.fighterInput {
  border: 1px solid #999999;
  font-weight: bold;
  padding: 0.4em;
}

.selImg {
  background-color: #CFEFFF;
}

.fightContainer {
  border-bottom: 1px solid #CFCFCF;
  padding-top: 20px;
}

.commentsContainer {
  margin: 10px 0px;
}

.commentbox {
  margin: 1px 0px;
  padding: 5px;
  background-color: #EFEFF7;
  width: 400px;
}

.cta {
  height: 14px;
  border:1px solid #BDC7D8;
  margin: 0px;
  padding: 3px;
  width: 390px;
}

.myFrameContainer {
  border-bottom: 1px solid #CFCFCF;
  padding-top: 20px;
  position: relative;
}

.gphLbl {
  font-weight:bold;
  font-size: 12px;
}

.postIt {
  background:transparent url(http://img168.imageshack.us/img168/8531/notetc6.png) no-repeat scroll 0;
  font-family:"Segoe Script","Comic Sans MS","Trebuchet MS",sans-serif;
  font-size:1.2em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  height:168px;
  line-height:normal;
  overflow:hidden;
  padding:45px 40px 0 20px;
  width:229px;
}

.NewFightBox:hover {
  border-bottom:2px solid black;
}

.fightBox:hover {
  background-color: #CFEFFF;
}