/*---------------------------------------------------------------
  >> Generic CSS / Sub CSS Sheet Loader <<
  ---------------------------------------------------------------
  Loads default iRes styles and imports sub CSS sheets.
  -------------------------------------------------------------*/


/* setup site */
/* --------------------------------------------------------------- */
.ires img
{
  vertical-align : middle;
}

.ires a img
{
  border : none;
}

.ires .show
{
/*   display : ; Leaving this value blank will set it back to the default value. */
}

.ires .hide
{
  display: none;
}

.ires .headertwoarea
{
  padding : 5px;
  margin-bottom : 1px;
}

.ires table
{
}

/* useful fixes */
/* --------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Generic image replace class */
/* --------------------------------------------------------------- */
.imageReplace {
  background: no-repeat 0 0;
  display: block;
  height/**/:/**/ 0 !important;
  overflow: hidden;
}

/* Some basic styling for the Waiter  */
/* --------------------------------------------------------------- */
.pleaseWaitBlanket {
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  filter: alpha(opacity=60);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  -moz-opacity: 0.60;
  opacity: 0.6;
}

.pleaseWait {
  width: 500px;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  padding:10px 10px 10px 10px;
  margin-top: 0px;
  font-size:.8em;
}


.progressBar {
  width: 500px;
  height: 16px;
  color: #000000;
  background-image: url(progress.gif);
  background-repeat: repeat-x;
  border: 1px solid #000000;
  margin-bottom:5px
}

.waitMessage {
  font-size: 1.2em; 
  padding:0px 0px 3px 0px; 
  font-weight: bold
  }

#xpBar  { 
  background-image: url(wait7.gif);
  width: 16px;
  height: 16px;
  padding-top: 16px;
  float: left;
  margin-right: 10px;
 
}

/* Pillowpoints */
.pillowpoints p {margin: 0px}			
#ppLoginContainer {
  width: 200px;
  border: 2px #7FC6EC solid;
  padding: 0px 10px 0px 10px;
		background: #ffffff
}
#ppLoginTitle {
  color: #9FA1A4;
}
#pploginForm {
  width: 100%;
}
#ppLoginContainer A {
  color: #636466;
  text-decoration: none;
}
#ppLoginContainer A:hover {
  color: #9FA1A4;
  text-decoration: underline;
}

p.memberName {clear:left; width: 50%; float:left }
p.ppPassword {width: 50%; float:left }
.ppPassword input { float: left}
.ppPassword a { display: block; clear:left; margin-bottom: 5px}
input.ppLogin { background:#0066CC; color:#ffffff;  padding: 1px ; border: none; clear:right;  margin-left:10px} 

.ppAmount {
    width: 75px;
    color: #FFFFFF;
    background: #2979BE;
    padding: 3px;
}

.ppPoints {width:48% ; float:left; margin-left:0px}
.ppDollars {width:48% ; float:right; }
.ppPoints label, .ppDollars label {display: block; margin-top: 2px}
p#ppLoginTitle, 
.pplogo p { padding:20px 0px 0px 0px; }
#ppLoginContainer img { float:left; margin-right:10px; margin-top:5px}
#ppLoginContainer.member p {margin:  0px; padding: 3px 0px 3px 0px }
div#ppLoginContainer.member {padding-bottom: 5px }

.small div#ppLoginContainer.member label {display: block; padding-top: 3px; font-size:1em  }

div.seofooterlinks { }
ul.seofooterlinks { font-size: 0.8em ; color: #cccccc ; list-style: none ; margin: 0px; padding: 5px; width: 100% }
ul.seofooterlinks  li   { width: 24%; display: block; float: left; }
ul.seofooterlinks  li.title { float: none}
ul.seofooterlinks  li  a { color: #cccccc ; display: block; float: left; margin: 2px}