/* #listingDetail p:first-child {margin-top: 0;}, last-child {margin-bottom: 0;} */

#centerContainer {
        width:980px;
        margin-left:auto;
        margin-right:auto;
        padding-top:10px;
        padding-left:0px;
        padding-right:0px;
        padding-bottom:0px;
        margin-bottom:20px;
        height: 1%;
        visibility: hidden;
}

#mainContainer {
        margin-left:auto;
        margin-right:auto;
        border-top: #000 1px solid; 
        padding: 0px;
        WIDTH: 980px; 
        HEIGHT: auto; 
        TEXT-ALIGN: left; 
        BACKGROUND-COLOR: #fff;
        margin-bottom: 0px;
}

#colLeft {
        margin: 0px;
        width: 200px;
        padding: 0px;
        float: left;
        height: auto
}

#colCenter {
        margin: 0px;
        width: 520px;
        padding: 0px;
        float: left;
        height: auto;
}

#colno3 {
        margin: 0px;
        width: 780px;
        padding: 0px;
        float: left;
        height: auto;
}

#colRight {
        margin: 0px;
        width: 258px;
        padding: 0px;
        float: left;
        height: auto;
}

#mainMargins {
    float: none;
    width: 727px;
	 padding-left: 50px;
	 padding-top: 10px;
	 padding-bottom: 30px;
    background-color: #fff;
  }


#slidemenu {
	height: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #000;
	color: #fff;
	visibility: hidden;
	font-size: 120%;
}

#slidemenu img {
	margin: 0px;
	vertical-align:middle;
}


/* columns that shift for listing details */

#detailsContainer {
	width: 100%;
	margin: 0px;
	overflow: hidden;
	background-color: #fff;
	float: left;
}

#detailsLeft {
	width: 370px;
	float: left;
	margin: auto;
	padding: 10px;
	color: #000;
	text-align: center;
}

#detailsRight {
	width: 370px;
	float: left;
	padding: 10px;
	margin: auto;
	color: #000;
}

/* system page formats */

/* form table class */
form table.smenu {
   font-weight: normal;
}

#formTitle {
   border: #333 solid 1px;
   font-size: 120%;
   font-weight: bold;
   padding: 4px;
   margin: 4px;     
}

#mlsmsg {
   font-size: 80%;
   font-weight: bold;
   margin-left: 6px;     
   color: #cc0000;
}


hr.thin {
height: 1px;
border: 0;
color: #000;
background-color: #000;
width: 100%;
} 

#banner {
   height: 228px;
   width: 958px;
   margin: 0px;
   padding: 10px;   
   margin-left:auto;
   margin-right:auto;
   border-left: #333 1px solid;
   border-right: #333 1px solid;
   border-bottom: #333 1px solid;
   overflow: hidden; 
}

#monoSlideshow {
   width: 956px;
   height: 226px;
   padding: 0px;
   margin: 0px;
   border: #000000 1px solid;
}

#logoLayer {
   padding: 0px;
   height:226px;
   position:relative;
   top:-227px;
   left:0px;
   background-image:none;
   overflow: hidden;
}

#logoPanel {
   padding-top: 20px;
   height:226px;
   position:relative;
   margin: 0 auto;
}

#innerLogo {
   margin: 0 auto;
   padding: 0px;
}



.button {
  font-family: Verdana;
  font-size: 11px;
  background-color: #dddddd;
  color: #000000;
  margin-right: 6px;
}


#capper {
   float:none;
   height:auto;
   padding:0px;
   margin:0px;
   overflow:hidden;
   TEXT-ALIGN: left;
   /*background-image: url(\'images/ccc.gif\');*/
   border-left: #555 solid 1px;
   border-right: #555 solid 1px;
   border-bottom: #555 solid 1px;
}

/* Future Use - simplest method but not all browsers. use html5 canvas for now */
.stroketext
{
    color: white;
    text-shadow:
    -1px -1px 0 #000000,
    1px -1px 0 #000000,
    -1px 1px 0 #000000,
    1px 1px 0 #000000;
    filter: glow(color=#000000,strength=1);
}


/* common page formatting classes */
p.dh1 {
   font-size: 150%;
}

table.table1,table.table2{border-spacing:0px;border:1px solid #000;border-right:0px;border-bottom:0px;}
table.table1 td,table.table2 td{font-size:11px;padding:2px 3px 2px 3px;border:1px solid #000;border-top:0px;border-left:0px;margin:0px;}
table.table1 thead td,table.table2 thead td{padding:2px 3px 2px 3px;font-size:11px;font-weight:bold;text-align:center;}
col.stdCol{background-color:#fff;text-align:center;color:#000;}
col.hdrCol{font-size:11px;text-align:right;font-weight:bold;}
table.table1 thead td{background-color:#e3dec2;color:#000;}
table.table1 col.hdrCol{background-color:#fffaed;color:#765500;}
  
.audiojsZ audio { position: absolute; left: -1px; }
.audiojsZ { width: 178px; height: 36px; background: #333; overflow: hidden; font-family: monospace; font-size: 12px;
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
.audiojsZ .play-pauseZ { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; }
.audiojsZ p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
.audiojsZ .playZ { display: block; }
.audiojsZ .scrubberZ { position: relative; float: left; width: 120px; background: #ccc; height: 14px; margin: 10px; border-left: 0px; border-bottom: 0px; overflow: hidden; }
.audiojsZ .progressZ { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #888; z-index: 1; }
.audiojsZ .loadedZ { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000; }
.audiojsZ .timeZ { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #000; text-shadow: 1px 1px 0px rgba(125, 0, 0, 0.5); }
.audiojsZ .timeZ em { padding: 0px 2px 0px 0px; color: #fcc; font-style: normal; }
.audiojsZ .timeZ strong { padding: 0px 0px 0px 2px; font-weight: normal; }
.audiojsZ .error-messageZ { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff;
  text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audiojsZ .error-messageZ a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }

.audiojsZ .playZ { background: url('/irw2/player-graphics.gif') -2px -1px no-repeat; }
.audiojsZ .loadingZ { background: url('/irw2/player-graphics.gif') -2px -31px no-repeat; }
.audiojsZ .errorZ { background: url('/irw2/player-graphics.gif') -2px -61px no-repeat; }
.audiojsZ .pauseZ { background: url('/irw2/player-graphics.gif') -2px -91px no-repeat; }

.playingZ .playZ, .playingZ .loadingZ, .playingZ .errorZ { display: none; }
.playingZ .pauseZ { display: block; }

.loadingZ .playZ, .loadingZ .pauseZ, .loadingZ .errorZ { display: none; }
.loadingZ .loadingZ { display: block; }

.errorZ .timeZ, .errorZ .playZ, .errorZ .pauseZ, .errorZ .scrubberZ, .errorZ .loadingZ { display: none; }
.errorZ .errorZ { display: block; }
.errorZ .play-pauseZ p { cursor: auto; }
.errorZ .error-messageZ { display: block; }

