/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


body {
 margin:0;
 padding:0;
 background:#424242;
 font:14px Verdana;
}

header {
    margin:5px auto;
 background:#424242;
 position:relative; 
/*    display: flex;
    justify-content: space-around;
    flex-flow: row nowrap;*/
  }


div#header_mssgs a, div#header_mssgs a:visited {
 color:#fff;
}



img#logoSis {
  width:200px;
  display:inline-block;
  position: relative;
  top:12px;
}

 img#logoText {
    display:inline-block;
    max-width:280px;
 }


header h3 {
 position: absolute;
 right:8px;
 top:28px;
 color:#fff;
}


header a#logoff {
 background:#fff;
 color:blue;
 padding:8px;
 text-decoration:none; 
 border-radius: 8px;
 position: absolute;
 right:8px;
 bottom:8px;
 
}



hgroup {
 float:left;
 width:400px;
 margin-left:100px;
}



section#main {
 margin:8px auto;
 width:960px;

}

#thebasics {
 color:#fff !important;
}

#greeting {
 margin:40px 0 0 -10px;
}

/* heading */

 
 #lsuser {
  margin-left:30px;
 }
 
/* end of Heading */ 


.sideLeft {
 float:left;
 width:210px;
 margin-right:20px;
}

.middler {
 float:left;
 width:300px;
}
.mainer {
 float:left;
 width:640px;
 clear:right;
}

.sideRight {
 float:left;
 width:300px;
}

footer {
 clear:left;
 margin:5px auto;


 
}

footer h1 {
 margin-top:0px;
 color:#fff;
 font-size:14px;

}

footer #credits {
 float:left;
 width:400px;
}

#credits h2 {
 float:left;
 margin-left:25px;
 color:#fff;
 margin-top:0;
 font-size:14px;
}

#credits a, #credits a:visited {
 color:#EEA432;
}

.loader {
margin:70px 0 0 70px;
}


.bitTitle {
 cursor:pointer;
}

/*  specifics  */
#tagPool {
 overflow:auto;
 min-height:200px;
 background:#fff;
}

#tagPool ul {
  margin:2px;
  padding:2px;
}

#tagPool ul li {
  display:inline-block;
  margin-right:6px;
}

#tagPool ul li:before {
  content: "\00B7";
  margin-right:4px;
}

#newbit_area {
  border-bottom:3px solid #000;
  padding-bottom:4px;
}

#clearTag {
 margin-left:20px;
}

.setsMod {
  padding:3px 0 0 7px; 
}
.setsMod h4 {
 font:bold 12px Arial; 
}

.setsMod h4 span {
  display:block;
  font-size:11px; 
}

/* standardize based on classes */
.newArea {
 margin-bottom:18px;
}

table td {
  vertical-align:top;
}

table th {
 text-align:left;
 padding-left:6px;

}

table {
border-collapse:collapse;
background:white;
}

table.resultsTable {
 border:1px solid #000; 
 width:96%; 
}

table.resultsTable tr.tblHeader {
 background: #424242;
 color:#fff;
}

tr.tblHeader .sortingLink {
 color:#EEA432;
 cursor:pointer;
 text-decoration:underline;
}

.resultsTable tr.dataRow {
 background:#fff;
}

.resultsTable tr.dataRowAlt{
 background:#8CCCF7;
}

table.resultsTable td {
 padding:4px; 
}

table.infoTable {
 width:95%;
 border:1px solid #000; 
 padding:3px;
}

table.infoTable td {
 padding:8px; 
}


/* end of project standardize classes */

.stage_pane h3 {
 color:#8B8371;
 margin-bottom:8px;
}


.dataBox {
 border:1px solid #000;
}

#bagger {
 width:650px;
 padding:4px;
}

#tbl_bits tr {
  /*border-bottom:1px solid #000; */
}

.bitRowAlt ,.showRowAlt{
  background:#fff;
}

.remover {
 color:red !important;
 cursor:pointer;
 margin-left:5px;
 margin-left:5px;
}

.upArrow {
 display:none;
}
.downArrow {
 display:none;
}
.upArrow,.upArrow2 {
 cursor:pointer;
 background:transparent url("../images/arrow_up.png") left top no-repeat; 
 width:24px; 
}

.downArrow,.downArrow2 {
 cursor:pointer;
 background:transparent url("../images/arrow_down.png") left top no-repeat; 
 width:24px; 
}

.linker {
 cursor: pointer;
 text-decoration:underline;
 color:#4C3000;
}

.optionHover {
 background:#FED448;
 padding:4px;
}

h3 {
 margin-bottom:0;
}

.arrows {
 margin:20px 0 0 10px;
 cursor:pointer;
}

.changePeep {
 display:none;
}



#twitBox p {
 margin-top:2px;
 padding-bottom:4px;
 border-bottom:1px dotted #383838;
}

#twitBox img {
  margin-right:20px; 
}
#twitBox h4 {
 margin-top: 4px; 
 margin-bottom:3px;
}

.lastEdit {
 padding:4px;
 background-color: #0074C7;
 color:#fff;
 font-size:11px;
 position:relative;
 left:240px;
 top:20px;
 width:280px;
}

.private {
 padding:4px;
 background-color: #0074C7;
 color:#fff;
 font-size:11px;
  width:90%;
  display:inline-block;
}

.helper {
 cursor:pointer;
}