/* Navigation
------------------------------- */
#navbar {
  position: relative;
  font-weight: bold;
  font-size: 120%;
  height: 2.3em;
  line-height: 2.3em;
  background-color: #5FB404;
  padding: 0;
  color: #FFFFFF;
/*  overflow: hidden; */
  background-image: url(brcorner.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

#navbar ul {
  list-style: none;
  float: right;
  padding: 0;
  margin: 0;
} 

#navbar li {
  float: left;
  padding: 0px 15px 0px 15px;
}

#navbar a {
  white-space: nowrap;
  padding: 0;
  margin: 0;
  color: #FFFFFF;
  text-decoration: none;
}

#navbar a:hover {
  color: #D6C4AB;
}

#navbar form {
 float: left;
}

#navbar .button {
  padding: 0;
  margin: 0;
}

#navbar input {
  display: inline;
}

#navbar img.logo {
  float: left;
  margin: 0 10% 0 0.7em;
  display: inline;
}

#navbar img.blcorner {
  float: left;
  width: 9px;
  height: 9px;
  margin:0;
  padding: 0;
  border: 0;
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
}


/* Sidebar/Actionbar
-------------------------------------*/

#actionbar {
  float: right; 
  display: inline;
  font-weight: normal;
  width: 28%;
  color: #000000;
/*  position: absolute;
  right: 0px;  */
  text-align: right; 
  margin: 0 0 0 0;
  padding:0 0 0 0;
  border: 0;
}

#actionbar a {
  display: block;
  color: #373AFB;
  font-weight: bold;
  padding: 3px 15px 3px 15px;
  text-decoration: none;
}

#actionbar a:hover {
  color: #B0A18D;
}

#actionbar ul {
  list-style: none;
  padding: 0;
  margin: 0;
} 

#actionbar li {
}

#shouts {
  display: block;
  font-weight: normal;
  color: #000000;
  text-align: left;
  margin: 0;
  padding:0;
  border: 0; 
}

#shouts a {
  display: block;
  color: #373AFB;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
}

#shouts a:hover {
  color: #379CFB;
}

#shouts ul {
  list-style: none;
  padding: 0 0.5em;
  margin: 0;
} 

#shouts li {
}

#shouts input {
  padding: 0;
  margin: 0;
}

#shouts input.btn {
  margin: 0;
  
}

.shoutsRound{display:block}
.shoutsRound *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#C1FB83}
.shoutsRound1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e4fdc9;
  border-right:1px solid #e4fdc9;
  background:#d0fca2}
.shoutsRound2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f8fef2;
  border-right:1px solid #f8fef2;
  background:#ccfb9a}
.shoutsRound3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ccfb9a;
  border-right:1px solid #ccfb9a;}
.shoutsRound4{
  border-left:1px solid #e4fdc9;
  border-right:1px solid #e4fdc9}
.shoutsRound5{
  border-left:1px solid #d0fca2;
  border-right:1px solid #d0fca2}
.shoutsRoundfg{
  background:#C1FB83;
  overflow: hidden;
  color: #000000;
}


/* Statusbar
-------------------------*/
#statusbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-weight: bold;
  font-size: 100%;
  height: 1.5em;
  line-height: 1.5em;
  background-color: #5FB404;
  padding: 1px 0px 0px 10px;
  color: #FFFFFF;
  z-index: 10;
  /* overflow: hidden; */
}

#statusbar ul {
  list-style: none;
  padding: 0;
  margin: 0;
} 

#statusbar li {
  float: left;
}

#statusbar a {
  white-space: nowrap;
  background-color: #5FB404;
  color: #FFFFFF;
  padding : 0 1em 0 1em;
  text-decoration: none;
}

#statusbar a.alert {
  background-color: #FFFF00;
  color: #000000;
  border: 1px #000000 solid;
}

#statusbar a:hover {
  background-color: #74DF00;
  color: #FFFFFF;
  padding : 0 1em 0 1em;
}

/* contentBox
------------------------*/
#contentBox {
  float: none;
  display: inline;
  margin: 0 10% 0 0;
  width:64%;
  color: #000000;
  padding: 0;
  border: 0;
  text-align: justify;
}

#contentBox ul {
  list-style: none;
  padding: 0 0.5em;
  margin: 0;
} 

#contentBox li {
  /*text-align: center;*/
}

#contentBox form {
    text-align: center;
}

#contentBox input {
    display: inline;
}

/* item Round Corners
------------------------*/
/*
.itemRound{display:block}
.itemRound *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#B3C5FF}
.itemRound1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #dee6ff;
  border-right:1px solid #dee6ff;
  background:#c6d3ff}
.itemRound2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f7f9ff;
  border-right:1px solid #f7f9ff;
  background:#c1d0ff}
.itemRound3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c1d0ff;
  border-right:1px solid #c1d0ff;}
.itemRound4{
  border-left:1px solid #dee6ff;
  border-right:1px solid #dee6ff}
.itemRound5{
  border-left:1px solid #c6d3ff;
  border-right:1px solid #c6d3ff}
.itemRoundfg{
  color: #000000;
  background:#B3C5FF;
  overflow: hidden;
}
*/

.itemRound{display:block}
.itemRound *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FCEFCA}
.itemRound1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e0ebe7;
  border-right:1px solid #e0ebe7;
  background:#efedd6}
.itemRound2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #cfe9f7;
  border-right:1px solid #cfe9f7;
  background:#f2edd3}
.itemRound3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f2edd3;
  border-right:1px solid #f2edd3;}
.itemRound4{
  border-left:1px solid #e0ebe7;
  border-right:1px solid #e0ebe7}
.itemRound5{
  border-left:1px solid #efedd6;
  border-right:1px solid #efedd6}
.itemRoundfg{
  color: #000000;
  background:#FCEFCA;
  overflow: hidden;
}


div.itemRoundfg a {
  color: #045FB4;
}

div.itemRoundBox {
  margin: 0.5em 0 0 0;
}

.itemRoundDark{display:block}
.itemRoundDark *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#373AFB}
.itemRoundDark1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a9aafd;
  border-right:1px solid #a9aafd;
  background:#696bfc}
.itemRoundDark2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ebebfe;
  border-right:1px solid #ebebfe;
  background:#5d5ffb}
.itemRoundDark3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #5d5ffb;
  border-right:1px solid #5d5ffb;}
.itemRoundDark4{
  border-left:1px solid #a9aafd;
  border-right:1px solid #a9aafd}
.itemRoundDark5{
  border-left:1px solid #696bfc;
  border-right:1px solid #696bfc}
.itemRoundDarkfg{
  background:#373AFB;
  color: #FFFFFF;
}

div.itemRoundDarkfg a{
  color:#FFFFFF;
}

.lightestGreen{display:block}
.lightestGreen *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ABC5D6}
.lightestGreen1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bdd9ec;
  border-right:1px solid #bdd9ec;
  background:#b3cedf}
.lightestGreen2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #c7e5f9;
  border-right:1px solid #c7e5f9;
  background:#b1cbdd}
.lightestGreen3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #b1cbdd;
  border-right:1px solid #b1cbdd;}
.lightestGreen4{
  border-left:1px solid #bdd9ec;
  border-right:1px solid #bdd9ec}
.lightestGreen5{
  border-left:1px solid #b3cedf;
  border-right:1px solid #b3cedf}
.lightestGreenfg{
  background:#ABC5D6;
  overflow: hidden;
  color: #000000;
  /* padding: 0 5px; */
}

div.lightestGreenfg a {
  color: #0000FF;
}

.whiteInLG{display:block}
.whiteInLG *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.whiteInLG1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ecffcb;
  border-right:1px solid #ecffcb;
  background:#f7ffe8}
.whiteInLG2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e2ffae;
  border-right:1px solid #e2ffae;
  background:#f8ffed}
.whiteInLG3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f8ffed;
  border-right:1px solid #f8ffed;}
.whiteInLG4{
  border-left:1px solid #ecffcb;
  border-right:1px solid #ecffcb}
.whiteInLG5{
  border-left:1px solid #f7ffe8;
  border-right:1px solid #f7ffe8}
.whiteInLGfg{
  background:#FFFFFF}


span.itemTime {
  font-size: 0.8em;
  color: #888888
}

div.colTitle {
  font-weight: normal;
  font-size: 1em;
  margin: 0 0 1em 0;
  text-decoration: none;
}

div.colTitle a {
  color: #529A04;
  text-decoration: none;
}

div.colTitle a:hover {
  color: #373AFB;
  text-decoration: none;
}

img.itemImage {
  margin: 0.5em 0 0 0;
  border: 0;
}

div.giveawayDiv {
  text-align: right;
}

img.giveawayImage {
  position: absolute;
  margin-left: -8px;
  margin-top: -120px;
  z-index: 1; 
}

img.giveawayImage2 {
  position: absolute;
  margin-left: -90px;
  margin-top: -60px;
  z-index: 1; 
}

p.searchMore {
  text-align: center;
  margin: 0 0 0 0.8em;
  font-size: .7em;
}

/* col1 Available Items
-----------------------*/

#col1 {
  float: left;
  display: block;
  margin: 0 0 2em 0;
  width: 15%;
  min-width: 130px;
  color: #000000;
  text-align: center;
  padding: 0 2% 0 0;
  border: 0;
}

/* col2 Owned Items
-----------------------*/
#col2 {
  float: left;
  display: block;
  margin:  0 0 2em 0;
  width: 15%;
  min-width: 130px;
  color: #000000;
  text-align: center;
  padding: 0 2% 0 2%;
/*  border-left: 1px #7EF005 solid;
  border-right:1px #7EF005 solid; */
}

/* col3
-----------------------*/
#col3 {
  float: left;
  display: block;
  margin:  0 0 2em 0;
  width: 15%;
  min-width: 130px;
  color: #000000;
  text-align: center;
  padding: 0 0 0 2%;
  border:0;
}

/* contentBox2
------------------------*/
#contentBox2 {
  float: left;
  display: inline;
  margin: 0 3% 0 3%;
  width: 90%;
  color: #000000;
  padding: 0.5em 1em 0 1em;
  border: 1px #7EF005 solid;
}

#contentBox2 table {
  border-collapse: collapse;
  border: 1px solid #000000;
  margin: 0 0 1.2em 0;
  width: 100%;
  color: #045FB4;
  background: #EDFCDC;
  }
#contentBox2 caption {
  text-align: center;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #045FB4;
  text-transform: uppercase;
  }
#contentBox2 td, #contentBox th {
  border: 0;
  border-bottom: 1px dotted #045FB4;
  padding: .4em;
  color: #000000;
  }

#contentBox2 thead th, #contentBox tfoot th {
  /*border: 1px solid #000000;*/
  border: 0;
  text-align: left;
  background: #045FB4;
  color: #FFFFFF;
  padding-top:3px;
  }
#contentBox2 tbody td a {
  background: transparent;
  text-decoration: none;
  color: #045FB4;
  }
#contentBox2 tbody td a:hover {
  color: #045FB4;
  }
#contentBox2 tbody th a {
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #045FB4;
  }
#contentBox2 tbody th a:hover {
  background: transparent;
  color: #045FB4;
  }
#contentBox2 tbody th, #contentBox tbody td {
  vertical-align: top;
  text-align: left;
  }
#contentBox2 tfoot td {
 /* border: 1px solid #03476F; */
  border: 0;
  background: #EDFCDC;
  padding-top:3px;
  text-align: right;
  color: #000000;
  }

#contentBox2 tfoot tr:hover {
  background: #F9FCF5;
  }

#contentBox2 tbody tr:hover {
  background: #F9FCF5;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }
#contentBox2 tbody tr:hover th,
#contentBox2 tbody tr.odd:hover th {
  background: #F9FCF5;
  color: #FFFFFF;
  }

/* contentBox3
------------------------*/
#contentBox3 {
  float: left;
  display: inline;
  margin: 0 0 0 0;
  width: 50%;
  color: #000000;
  padding: 0;
  border: 0;
  text-align: left;
}

#contentBox3 ul {
  list-style: none;
  padding: 0 0.5em;
  margin: 0;
} 

#contentBox3 li {
  /*text-align: center;*/
}

#contentBox3 form {
    text-align: left;
}

#contentBox3 input {
    display: inline;
}

div.userLink {
    font-size: 180%;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    padding: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

div.userLink a{
  display: block;
  color: #373AFB;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
}

div.userLink a:hover {
  color: #379CFB;
}

/* userBox
------------------------*/
#userBox {
  color: #000000;
  float: left;
/*  display: inline; */
  text-align: left;
  width: 10%;
  margin: 0;
  padding: 1em;
  border: 0;
}

#userBox ul {
  list-style: none;
  float: left;
  padding: 0;
  margin: 0;
}

#userBox li {
  margin: 0 0 0.5em 0;
}

#userBox ul.secondaryList {
  font-size: 90%;
  padding: 0.5em 0 0 0.5em;
}

#userBox ul.secondaryList a{
/*  color: #3C5028; */
  color: #336600;
}


/* itemSideBox
------------------------*/
#itemSideBox {
  float: left;
  display: inline;
  margin:  0 0 2em 0;
  width: 160px;
  color: #FFFFFF;
  text-align: center;
  padding: 0 2% 0 2%;
}

#itemSideBox ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
}


/* Other
------------------------*/

input {
  display: block;
}

ul.messages {
  border: 1px dashed #000;
  margin: 1em 4em;
  padding: 1em;
}

input.frentbtn {
  line-height: 50px;
  font-weight: bold;
  font-size: 1.8em;
  border-width: 1px;
  background: #9CFB37;
  color: #045FB4;
  background-image: url(buttonbg.gif);
  background-repeat: repeat-x;
}

input.frentbtn:hover {
  color: #373AFB;
}

div.itemDetails {
  color: #5FB404;
  margin: 1em 0 0 0;
  font-size: 1.3em;
  font-weight: normal;
}

div.detailBox {
  margin: 0 5% 1em 0;
  border-bottom: 1px dashed #5FB404;
  padding: 1em;
  font-size: 1.1em;
}

div.fRow {
/*  overflow: auto; */
  width: 100%;
  margin: 0.5em;
  overflow: hidden;
}

div.fElement {
  display: block;
  float: left;
  text-align: center;
  margin: 0 0.5em 0 0;
}  

div.fElement p {
  text-align: center;
}

div.fElement input {
  width: auto;
  display: inline;
  
}

span.fQuantity input{
  width: 4.4em;
}

div.radioSelect ul {
  list-style: none;
}

div.radioSelect li {
}

div.radioSelect input {
  float: left;
}

div.mHalf {
  width: 39%;
  display: block;
  float: left;
  margin: 0.5em;
  padding: 0.5em;
  overflow: auto;
  border: 12px solid #66c;
}

div.mHalf a{
  font-size: 1.1em;
  line-height: 1.7em;
  font-weight: bold;
  text-align: center;
  color: #373AFB;
}

div.mHalf textarea{
  font-size: 12px;
  width: 285px;
}

div.qHalf {
  width: 50%;
  display: block;
  float: left;
  margin: 0.5em;
  padding: 0.5em;
  overflow: auto;
}

div.qHalf2 {
  width: 40%;
  display: block;
  float: left;
  margin: 0.5em;
  padding: 0.5em;
  overflow: auto;
  border: 1px solid #000;
}

div.qHalf a{
  font-size: 1.1em;
  line-height: 1.7em;
  font-weight: bold;
  text-align: center;
  color: #373AFB;
}

div.qHalf textarea{
  font-size: 12px;
  width: 285px;
}

div.aHalf {
  width: 39%;
  display: block;
  float: left;
  margin: 0.5em;
  padding: 0.5em;
  overflow: auto;
  border: 12px solid #66c;
}

div.bHalf {
  width: 34%;
  display: block;
  float: left;
  margin: 0.5em;
  padding: 3em 0.5em;
  overflow: auto;
  border: 0;
  text-align: center;
}

span.regCode{
  color: #373AFB;
  font-size: 1em;
}

div.mMiddle {
  width: 7%;
  display: block;
  float: left;
  margin: 0 0.5em 0 0;
  text-align: center;
}

div.pager {
  overflow: auto;
  width: 100%;
  clear:both;
  text-align: center;
  margin: 0 0 1em 0;
}

div.addItemBox {
  background-image: url(bluebox.gif);
  background-repeat: no-repeat;
  background-position: center;
}

div.addItemBox:hover {
  background-image: url(brownbox.gif);
  background-repeat: no-repeat;
  background-position: center;
}

div.addItemBox a{
  font-size: 120%;
  font-weight: bold;
}

div.skip{
  display: block;
  width: 100%;
  text-align: right;
  margin 0 0 1em 0;
}

div.skip a{
  font-size: 150%;
  line-height: 175%;
  font-weight: bold;
  text-decoration: none;
  color: #373AFB;
}

div.skip a:hover{
  color: #379CFB;
  text-decoration: underline;
}

img.tribeImg{
  float:left;
  margin: 0 10px 0 0;
}

#tribeTitle {
  display: inline;
  margin: 0 0 0 1em;
}

#tribeTitle ul {
  list-style:none;
  display: block;
}

#tribeTitle li {
  float: left;
  padding: 0 0.5em;
  border-left: 1px #AAAAAA dotted;
}

#tribeInfo {
  width: 100%;
  margin: 0.5em;
  overflow: hidden;
}

span.title1 {
    font-size: 180%;
    line-height: 240%;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    padding: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

span.title1 a{
  text-decoration: none;
  color: #373AFB;
}

span.title1 a:hover{
  text-decoration: underline;
}

#mainContent{
	padding:100px 0 180px;
	width:100%;
}