body{
	background-color:#1b120a;
	background-image:url(images/grain.png);
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, Helv, Sans, Sans-Serif;
	
}
h1 {font:16px Arial,Helvetica,sans-serif;color:gray;padding:10px;border-top:1px solid #333;text-shadow:2px 2px 2px #333;font-weight:bold;padding-bottom:0px;}
.bannerholder .glare{
	background:url(images/glare.png) no-repeat;
	width:1400px;
	height:700px;
	position:absolute;
	left: 50%;
	margin-left: -700px;
	top: 60px;
}

.bannerholder .bggradient{
	background:url(images/bgpart.png) repeat-x;
	width:100%;
	height:700px;
	position:absolute;
	left:0;
	top: 10px;
}

.bannerholder .bannershadow{
	background-image:url(images/bannershadow.png);
	margin-top:10px;
	width:800px;
	height:100px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	opacity: 0.4; 
	filter: alpha(opacity=40);
}
.shadow {
 -moz-box-shadow: 3px 3px 4px #000;
 -webkit-box-shadow: 3px 3px 4px #000;
 box-shadow: 3px 3px 4px #000;
}
.skim-me {
	margin-top: 0px;
	padding: 0px;
}
.skim-list {
	margin: 0px;
	padding: 0px;
	list-style: none;	
}
.skim-item {
        height: 75px;
        width: 100px;
	margin: 0px;
	padding: 0px;
	list-style: none;	
}
.webcastcontainer {
       width:1100px;
       height:670px;     
       position: relative;
       padding:0px;
       margin:0px auto;
}
.wctitle {
       width:530px;
       height:25px;    
       position: absolute;
       padding-left:180px;
       padding-top:30px;
       font-family:tahoma;
       color:#ccc;
       font-size:13px;
       font-weight:bold;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);      
}
.addthiscontainer {
       width:895px;
       height:20px;    
       position: absolute;
       padding-top:20px;
       margin:8px auto;
}

.propertyinfocontainer {
       background: rgba(0,0,0,.3);
       width:150px;
       height:455px;      
       position: absolute;
       top:55px;
       left:0px;
       overflow-y:hidden;
       overflow-x:hidden;
       padding:8px;      
       font-family:tahoma;
       color:#ccc;
       font-size:11px;
       font-weight:bold;
       text-decoration: none;
       text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
       -moz-border-radius: 10px;
        border-radius: 10px;
       -webkit-border-radius: 10px;
       border:3px solid #000;
         -moz-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.4);
         box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.4);                
}
.propertyinfocontainer a:link {text-decoration: none; color: #ccc;}
.propertyinfocontainer a:visited {text-decoration: none; color: #ccc;}
.propertyinfocontainer a:active {text-decoration: none; color: #ccc;}
.propertyinfocontainer a:hover {text-decoration: underline overline; color: red;}

.channelscontainer {
       padding-left:12px;
       background: rgba(0,0,0,.3);
       width:150px;
       height:470px;     
       position: absolute;
       overflow-x:hidden;
       overflow-y:auto;
       top:55px;
       left:911px;
        -moz-border-radius: 10px;
        border-radius: 10px;
       -webkit-border-radius: 10px;    
        border:3px solid #000; 
         -moz-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.4);
         box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.4);
}
.channellist {
  position : relative;
  width:150px;
  height:230px;  
  overflow : hidden;
}
.channellist .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.channellist .content:focus {
  outline: thin dotted;
}
.channellist .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.channellist > .pane {
  background : rgba(255,255,255,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.channellist > .pane > .slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.channellist:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
.channelslinscontainer {
       width:150px;
       height:75px;      
       position: absolute;
       top:400px;
       left:10px;
       margin:0px auto;
}
.channeltitles
{             
        font-family:tahoma;
	color:#ccc;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);  
}
.activechannel
{             
	text-decoration: underline overline;  
}
.channeltitles a:link {text-decoration: none; color: #ccc;}
.channeltitles a:visited {text-decoration: none; color: #ccc;}
.channeltitles a:active {text-decoration: none; color: #ccc;}
.channeltitles a:hover {text-decoration: underline overline; color: red;}
.viddetailscontainer {
       width:150px;
       height:195px;     
       position: absolute;
       top:310px;
       left:920px;
        font-family:tahoma;
	color:#ccc;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);         
}
.currentvidmls
{             
	font-size:14px;
	font-weight:bold; 
}
.vidcontainer {
       background: rgba(0,0,0,.3);
       width:736px;
       height:496px;      
       position: absolute;
       top:50px;
       left:173px;
       box-sizing:border-box;
       -moz-box-sizing:border-box;
       -webkit-box-sizing:border-box;
       border:8px solid black;
         border-top-right-radius: 10px;
       -moz-border-radius-topright: 10px;
       -webkit-border-top-right-radius: 10px;
       border-top-left-radius: 10px;
       -moz-border-radius-topleft: 10px;
       -webkit-border-top-left-radius: 10px;         
}
.thumbscontainer {

       background:rgba(0,0,0,0.2);
       width:736px;
       height:95px;      
       position: relative;
       top:546px;
       left:173px;
       padding-top: 10px;
       border-bottom-right-radius: 10px;
       -moz-border-radius-bottomright: 10px;
       -webkit-border-bottom-right-radius: 10px;
       border-bottom-left-radius: 10px;
       -moz-border-radius-bottomleft: 10px;
       -webkit-border-bottom-left-radius: 10px;                
}
.tumbsnav {   
       padding-left: 45px;
            
}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward
{
	float: left;
	width: 25px;
	height: 79px;
	color: #000000;
	position: relative;
	cursor: pointer;
}
.jscarousal-horizontal-back
{
	background-image: url(../admin/images/arrow-left-icon.png);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal-horizontal-forward
{
	background-image: url(../admin/images/arrow-right-icon.png);
	background-repeat: no-repeat;
	background-position: right;
}
.slider-horizontal {width:600px; margin-top:0px auto; padding:0px; background:#000000; height:75px; float:left;}
.slider-horizontal .item {height:75px; width:100px; margin:0px; padding:0px;}
.vidthumb
{
        filter:alpha(opacity=50);
        -moz-opacity:.50;
        opacity:.50;
        padding:0px;
        cursor: pointer; 
              
}
.vidthumb:hover
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  width:100px;
  height:75px;
  border:3px solid black;
}
.currentplay
{
 
        filter:alpha(opacity=100);
        -moz-opacity:1;
        opacity:1;        
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
         width:100px;
         height:75px;
         border:3px solid #000000;          
}
.vidimage {
   height:75px;
   width:100px;
   position: relative;
}
.vidtext {
    z-index:100;
    font-family: Tahoma, Arial, Helvetica, Helv, Sans, Sans-Serif;
    position:absolute;    
    color:white;
    font-size:9px;
    font-weight:bold;
    left:3px;
    bottom:3px;
    opacity:0.5;
}
.center{text-align:center}
.align-center{margin-left:auto;  margin-right:auto;  margin-bottom:15px;  display:block}
.boxglow{-moz-box-shadow:0px 0px 12px #999;-webkit-box-shadow:0px 0px 12px #999;box-shadow:0px 0px 12px #999;}
.agentphoto{
border:1px solid #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;       
}
.agentname {
        font-family: Tahoma, Arial, Helvetica, Helv, Sans, Sans-Serif;
	color:#ccc;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);  
}
.agentnumbers {
        font-family: Tahoma, Arial, Helvetica, Helv, Sans, Sans-Serif;
	color:#ccc;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);  
}
.mapcontainer {
       position:absolute;
       top:0px;
       left:0px;   
       width:150px;
       height:50px;
       z-index:1000;
}
.sharecontainer {
       position:absolute;
       top:30px;
       left:0px;   
       width:150px;
       height:50px;
       z-index:1000;
}
.flyercontainer {
       position:absolute;
       top:60px;
       left:0px;   
       width:150px;
       height:50px;
       z-index:1000;
}
.propcomments {
       position:absolute;
       top:90px;
       left:0px;   
       width:150px;
       height:50px;
       z-index:1000;
}
.buttonclassdark {
         width:110px;
         margin:0px auto;
         text-align:center; 
	-moz-box-shadow:inset 0px 1px 0px 0px #000000;
	-webkit-box-shadow:inset 0px 1px 0px 0px #000000;
	box-shadow:inset 0px 1px 0px 0px #000000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2b2a2b), color-stop(1, #050505) );
	background:-moz-linear-gradient( center top, #2b2a2b 5%, #050505 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2a2b', endColorstr='#050505');
	background-color:#2b2a2b;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	color:#d1cfd1;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
}.buttonclassdark:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #050505), color-stop(1, #2b2a2b) );
	background:-moz-linear-gradient( center top, #050505 5%, #2b2a2b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#050505', endColorstr='#2b2a2b');
	background-color:#050505;
}.buttonclassdark:active {
	position:relative;
	top:1px;
}

select {
    width:100%;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#222;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
.searchmask {
  width:100%;
  height:100%;
  display:none;
  position: fixed;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);	
  z-index:10000;
}
.extruder{position:fixed;cursor:default;background:url("images/extruder_blank.png")}
.extruder .header{height:27px}
.extruder .extruder-content{display:none;}
.extruder.open .extruder-content{-moz-box-shadow:2px 0 5px #999;-webkit-box-shadow:2px 0 5px #999;box-shadow:2px 0 5px #999}
.extruder .footer{display:none;height:10px;background:#000;-moz-border-radius:0 0 8px 8px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;-moz-box-shadow:2px 0 5px #999;-webkit-box-shadow:2px 0 5px #999;box-shadow:2px 0 5px #999}
.extruder.top .flap{color:#fff;font:18px/28px Arial,Helvetica,sans-serif;text-align:center;display:block;margin:auto;padding:0 5px 5px 5px;height:30px;width:180px;background:#000;cursor:pointer;-moz-border-radius:0 0 8px 8px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;-moz-box-shadow:0px 0px 12px #999;-webkit-box-shadow:0px 0px 12px #999;box-shadow:0px 0px 12px #999;text-shadow:2px 2px 2px #333}
.extruder.top .extruder-content{-moz-box-shadow:0px 0px 12px #999;-webkit-box-shadow:0px 0px 12px #999;box-shadow:0px 0px 12px #999; -moz-border-radius:0 0 12px 12px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-left-radius:12px;-webkit-border-bottom-right-radius:12px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px}
.extruder.bottom .flap{position:relative;color:white;font:18px/28px Arial,Helvetica,sans-serif;text-align:center;display:block;margin:auto;margin-top:1px;padding:0 5px 5px 5px;height:30px;width:180px;background:#000;cursor:pointer;-moz-border-radius:8px 8px 0 0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;text-shadow:2px 2px 2px #333;-moz-box-shadow:2px 0 5px #999;-webkit-box-shadow:2px 0 5px #999;box-shadow:2px 0 5px #999}
.extruder.bottom .footer{-moz-border-radius:8px 8px 0 0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative;margin-top:-5px}
.extruder.bottom .extruder-content{-moz-border-radius:8px 8px 0 0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0}.extruder.bottom .ext_wrapper{bottom:0}.extruder.left{height:100%;background:url("http://www.homezonemedia.com/webcast/webcast/images/extruder_blank.png")}
.extruder.left.open .extruder-content{-moz-box-shadow:2px 0 5px #999;-webkit-box-shadow:2px 0 5px #999;box-shadow:2px 0 5px #999}
.extruder.left .extruder-content{border-right:3px solid #000}
.extruder.left .ext_wrapper{height:100%}
.extruder.left .footer{display:none}
.extruder.left .flap{font-size:18px;color:white;top:0;padding:10px 0 10px 10px;margin-right:-37px;background:#000;width:30px;position:absolute;right:0;-moz-border-radius:0 8px 0 8px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:8px;border-top-left-radius:0;border-top-right-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:8px;-moz-box-shadow:2px 0 5px #999;-webkit-box-shadow:2px 0 5px #999;box-shadow:2px 0 5px #999}
.extruder.left .flap .flapLabel{background:#000}
.extruder.right{height:100%;background:url("images/extruder_blank.png")}
.extruder.right .extruder-content{border-left:3px solid #000}
.extruder.right.open .extruder-content{-moz-box-shadow:-2px 0 5px #999;-webkit-box-shadow:-2px 0 5px #999;box-shadow:-2px 0 5px #999}
.extruder.right .ext_wrapper{height:100%;right:0}.extruder.right .footer{display:none}
.extruder.right .flap{font-size:18px;color:white;top:0;padding:10px 0 10px 10px;background:#000;width:30px;position:absolute;left:-37px;-moz-border-radius:8px 0 8px 0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:0;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:0;border-top-left-radius:8px;border-top-right-radius:0;border-bottom-left-radius:8px;border-bottom-right-radius:0;-moz-box-shadow:-2px 0 5px #999;-webkit-box-shadow:-2px 0 5px #999;box-shadow:-2px 0 5px #999}
.extruder.right .flap .flapLabel{background:#000}
.extruder .voice{font:18px/24px Arial,Helvetica,sans-serif;color:white;padding:5px;padding-left:10px;height:27px;border-bottom:1px solid #333;text-shadow:2px 2px 2px #333}
.extruder .voice:last-child{border-bottom:0}
.extruder .voice .disabled{cursor:default}
.extruder .text{overflow:hidden;background:rgba(0,0,0,.9);font:14px/16px Arial,Helvetica,sans-serif;color:gray;padding:10px;border-bottom:1px solid #333;text-shadow:2px 2px 2px #333}
.extruder .voice.hover{background:url("images/extruder_voiceHover.png") no-repeat top}.extruder .voice.sel{background:url("images/extruder_voiceHover.png") no-repeat top}
.extruder .voice img{float:left;margin-right:15px}.extruder .voice a.label{display:block;height:30px;color:white;padding-top:0;text-decoration:none}
.extruder .voice span.label{display:block;height:30px;color:#d0cfcf;padding-top:0;text-decoration:none}.extruder .voice{position:relative}
.extruder .settingsBtn{display:block;position:absolute;width:36px;height:36px;background:url("http://www.homezonemedia.com/webcast/images/settingsBtn.png") no-repeat bottom;cursor:pointer;right:-3px;top:-4px}
.extruder .optionsPanel{background:url("images/fuzz.gif");display:none;border-bottom:1px solid #333}.extruder .voice.sel{background:url("images/extruder_voiceHover.png") no-repeat top}
.optionsPanel .panelVoice a{text-decoration:none;display:block;color:#ccc;padding:8px;padding-left:20px;font-size:16px;text-shadow:2px 2px 2px #333;border-bottom:1px solid #000;cursor:pointer}
.optionsPanel .panelVoice a:hover{color:#fff;background:url("images/red_op_50.png")}:focus{outline:0}

.appriseOverlay{position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);display:none;z-index:31000}
.appriseOuter{background:#eee;border:1px solid #fff;box-shadow:0 3px 7px #333;-moz-box-shadow:0 3px 7px #333;-webkit-box-shadow:0 3px 7px #333;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-khtml-border-radius:4px;z-index:99999999;min-width:200px;min-height:50px;max-width:75%;position:fixed;display:none;z-index:31000}
.appriseInner{color:#333;text-shadow:0 1px 0 #fff;padding:20px;z-index:31000}
.appriseInner button{border:1px solid #bbb;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-khtml-border-radius:3px;background:0;color:#232d3d;font-size:12px;font-weight:700;text-shadow:0 1px 0 #fff;cursor:pointer;box-shadow:0 1px 2px #ccc;-moz-box-shadow:0 1px 2px #ccc;-webkit-box-shadow:0 1px 2px #ccc;margin:0 3px;padding:4px 10px;z-index:31000}
.appriseInner button:hover{color:#d85054;}.aButtons,.aInput{text-align:center;margin:20px 10px 0;}.aTextbox{border:1px solid #aaa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-khtml-border-radius:4px;box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 #fff;width:180px;font-size:12px;font-weight:700;padding:5px 10px;z-index:31000}