/*############################################
# saving on screen space
############################################*/

body{
  /*margin: 0px;
  padding: 0px;  */
}
  
img.wordPic {border:0px solid black;

  float: left;
  width: 107px;
  
  }


img.wordCollage {
  border:3px solid white;
  width: 85%;
  
  }
 
  /*The main content panel styles */

.sliders{
  float: left;
  width: 50%;
  }
label{
    width: 100%;
    /*display: block; */
    text-align: center;
  }
.odd{
  background-color: #DFDFDF;
  /*background-color: #D0F0FF;*/
  }

  
#apLabel{
    font-size: 75%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }

/*############################################
# Styling classes for jQuery mobile page elements
############################################*/
.header-tabbed { 
  margin-left: 75px !important;
  font-size: 75% !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  
.header-centred { 
  text-align:center;
  margin-left: 75px !important;
  font-size: 75% !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  
.spacerDiv{
width: 100%;
height: 19px;
}



.ui-content {
  padding:0px ;
}

.ui-dialog  .ui-header .ui-btn-icon-notext	{ display:none;}

.ui-icon-fb2-qmark {
	/*background: url("app-images/qmark.png") no-repeat rgba(0, 0, 0, 0.4) !important;  */
  background: url("qmark18-black.png") no-repeat rgba(0, 0, 0, 0.4) !important;
}

  /*############################################
# Hiding elelments
############################################*/
.hidden {
  visibility:hidden; 
  }



/*############################################
# Styling classes for dialog stuff 
############################################*/

.info {
    text-align:center;
}


.adminDisplay {
    text-align:center;

}

.important {
    background-color: #FFCCFF;
    font-weight:bold;
}


   /*############################################
# Styling classes for jQuery UI buttons
############################################*/
  
.wordButton {
    font-size: 75%;
    /*width: 100%;*/
    height: 25px;
}
.ui-button {
  font-size: 75%;
    width: 100%;
}

.ui-dialog {
  opacity:1;
}


/*############################################
# Styling classes for jQuery Mobile sliders
############################################*/

/*To displace the sliders down out from under status bar        */
.slidersDivSpacer{
width: 100%;
height: 25px;
}

.anchorsDiv{
  margin: 0px;
  padding: 0px;
  font-size: 55%;
  font-weight:bold;
}

/*Give the slider hanlde an X graphic and hide the slider handle        */
.ui-slider-handle {
  background: url(app-images/x-hairs3px.png) no-repeat;
  visibility:hidden;  
}

/*Give the slider track a line graphic       */
.ui-slider-mini {
  background: url(app-images/lineV2.png) repeat;
  }


.ui-slider-input {
  visibility:hidden;       
}
  
.hiddenInput {
  visibility:hidden; 
}


  
  /*############################################
# Tables
############################################*/
table{
	border: 1px  #ff9900;
	border-spacing:0;
	font-size: 75%;
}

td{
	padding: 1px 1px; 
	border: 1px solid #ff9900;
	margin-left: 5px; 
}

th{
	padding: 4px 6px; 
	border: 1px solid black;
	margin-left: 5px; 
}

table.invisible{
	border: 0px;
	border-spacing:0;
}

td.invisible{
	padding: 2px;
	border: 0px;
}

.rowNo{
  font-weight:bold;
}