#block-webcam-mainpage {
    float: left;
    width: 960px;
    height: 277px;
    margin: 0 0 0 -20px;
}

#block-webcam-mainpage .webcams {
    float: left;
    width: 958px;
    height: 277px;
    margin: 0;
    background-color: #608519;
    background-image: url('/sites/all/modules/custom/webcam/images/webcam-main-back.png');
    border: solid 1px #6c8f23;
    border-top: none;
    border-bottom: none;    
}

#block-webcam-mainpage .header {
    float: left;
    width: 958px;
    height: 64px;
    margin: 0;
    background-color: #557715;
    border-bottom: #4e6c14;    
}

#block-webcam-mainpage .title-wrap {
    float: left;
    width: 370px;
    height: 28px;
    margin: 22px 0 0 12px;
    padding-top: 3px;
}

#block-webcam-mainpage .title-icon {
    margin: 0;
    clear: none;
    margin: -3px 7px 0 5px;
}

#block-webcam-mainpage .title-head {
    float: left;
    font-size: 18px;   
    font-family: Sans-serif, DejaVu Sans;
    color: #fff;
}

#block-webcam-mainpage .fake_chat {
    float: left;
    width: 520px;
    height: 54px;
    margin: 5px 0 0 0;
}

#block-webcam-mainpage .urating_splash {
    margin: 25px 17px 0 0;
}


#block-webcam-mainpage .header2 {
    float: right;
    width: 355px;
    height: 16px;
    text-align: right;
}

#block-webcam-mainpage .cameras {
    float: left;
    margin-left: 16px;
    width: 928px;
}

#block-webcam-mainpage .cameras1 {
    float: left;
    margin-right: 32px;
}

#block-webcam-mainpage .cameras2 {
    float: right;
}

.node-camera-mainteaser {
    float: left;
    margin: 0 10px;
    width: 212px;
    height: 158px;    
}

.node-camera-mainteaser .image {
    float: left;
    width: 210px;
    height: 130px;
    border: solid 1px #829f4a;
}

.node-camera-mainteaser .title {
    float: left;
    height: 14px;
    width: 198px;        
    margin: 9px 0 7px 0;
    padding-left: 14px;
    background-image: url('/sites/all/modules/custom/webcam/images/marker1.png');
    background-repeat: no-repeat;
    color: #fff;     
    font-size: 14px;
    line-height: 14px;  
    overflow: hidden; 
}

.node-camera-mainteaser .views {
    float: left;
    color: #c9ee7f;
    font-size: 11px;
    line-height: 15px;
    margin: 15px 0 0 2px;
}

/***/
.node-camera-teaser {
    float: left;
    width: 162px;
    height: 138px;    
}

.node-camera-teaser .image {
    float: left;
    width: 144px;
    height: 108px;
    border: solid 1px #829f4a;
    margin-left: 8px;
}

.node-camera-teaser .name{
    float: left;
    font-size: 11px;
    line-height: 14px;
    height: 14px;
    overflow: hidden;        
    color: #fff;
    margin: 5px 0 5px 9px;  
    padding-left: 14px;   
    background-image: url('/sites/all/modules/custom/webcam/images/marker1.png');
    background-repeat: no-repeat;
}

.node-camera-teaser .stat{
    float: left;
    font-size: 10px;
    line-height: 11px;
    width: 148px;
    color: #c9ee7f;
    background: #4d6919;
    margin-top: 6px;
    padding: 4px 7px;
}

.node-camera-teaser .views {
    float: left;
    font-size: 10px;
}

/***/
.node-camera-teaser2 {   
    width: 132px;
    height: 148px;
    z-index: 99;  
    margin: 7px 0 0 7px;
}

.node-camera-teaser2 .image{
    float: left;
    width: 132px;
    height: 100px;   
    border: solid 1px #4c5e4d;
}

.node-camera-teaser2 .name{        
    float: left;
    font-size: 11px;
    line-height: 14px;
    height: 14px;
    overflow: hidden;        
    color: #fff;
    margin: 0 0 4px 0;  
    padding-left: 14px;   
    background-image: url('/sites/all/modules/custom/webcam/images/marker1.png');
    background-repeat: no-repeat;
      
}

.node-camera-teaser2 .stat{
  float: left;
    font-size: 10px;
    line-height: 11px;
    width: 133px;
    color: #fff;
    margin-top: 4px;
    color: #c9ee7f;
}

.node-camera-teaser2 .views {
    float: left;
    font-size: 10px;
    color: #fff;
}

/***/
.node-camera {    
    float: left;
    width: 660px;
    /*margin-left: 15px;    */
}


.node-camera .camteasers {
    float: left;
    width: 324px;
    height: 203px;
    margin: 0 0 10px 0;
    background: #608519;
}

.node-camera .header {
    float: left;    
    width: 322px;    
}

.node-camera .header .title-icon {
    margin: -2px 3px 0 0;
}

.node-camera .title-head2 {
    margin-left: 5px;
}

.node-camera .more {
    float: right;    
    height: 15px;   
    color: #c9ee7f;    
    font-size: 11px;
    line-height: 11px;   
    text-align: right;    
    cursor: pointer;
    margin: 9px 6px 0 0;
    text-decoration: underline;
}

.node-camera .more a {
    color: #c9ee7f;    
}

.node-camera .more:hover {
    color: #e0e0e0;
    text-decoration: none;    
}

.node-camera .moreblock {
    display: none; 
    background: #263c27; 
    position: absolute; 
    margin-top: 32px;     
    float: left; 
    width: 148px; 
    padding-bottom: 3px;
    left: 186px
}

.node-camera #more2 {
    left: 518px;
}

.node-camera .mainheader_gw {
    font-size: 12px;
    line-height: 14px;   
}

.node-camera .mainheader_wg {
    font-size: 12px;
    line-height: 14px;   
}

.node-camera .player {
    float: left;
    width: 650px;
    /* height: 508px;     */   
	height: 380px;
    border: solid 4px #608519;   
}
.node-camera .player_title {
    float: left; 
    display: block; 
    width: 658px; 
    background: #557715; 
    color: #fff; 
    font-weight: bold;
    z-index: 0; 
    position: absolute; 
    margin-top: 264px; 
    padding: 5px 0; 
    text-align: center;
}

.node-camera .links {
    float: left;
    width: 658px;
    font-size: 12px;
    line-height: 12px;
    color: #c9ee7f;
    background: #608519;
    padding: 7px 0 0 0;
}

.node-camera .views {
   float: left;
   width: 210px;  
   font-size: 11px;
   margin-left: 10px;
}

.node-camera .novideo {
   float: left;
   width: 210px; 
   text-align: center;
   margin-top: 4px;
}

.node-camera .novideo a{
    color: #fff;
}

.node-camera .social_share .title{
   /*float: left;
   width: 190px; 
   margin-left: 20px;*/
   color: #c9ee7f;
}

.node-camera .share {
    float: left;
    width: 60px;
    font-size: 11px;
    line-height: 10px;
    margin-right: 7px;
    text-align: right;
}

.node-camera .sponsor {
    float: left;
    width: 638px;
    font-size: 11px;    
    margin: 0 0 20px 0;
    padding: 7px 10px 8px 10px; 
    color: #c9ee7f;
    background: #557715;
}

.node-camera .sponsor a{
   color: #fff; 
}


#novideo-block {
    position: absolute;
    width: 560px;
    height: 110px;
    border: 2px solid #83A839;
    background: #E8FBB5;
    color: #263C27;
    padding: 10px;    
    display: none;
    margin: -210px 0 0 35px;
    line-height: 16px; 
}

#novideo-block a {
    color: #263c27;
}

#novideo-block .header {
    float: left;
    background: #83A839;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 4px 10px;
    width: 560px;
    margin: -10px 0 10px -10px;
}

#novideo-block .close {
    float: right;
    color: #263c27;
    text-decoration: none;
}

#novideo-block .close:hover {
    text-decoration: underline;
}

.node-camera .control {
    float: left;
    height: 135px;
    background: #e3ffac;/*#c9ee7f;*/
    width: 638px;
    border: solid 10px #608519;
}

.node-camera .control .title {
    color: #263c27;    
    margin: 7px 8px 8px 8px;
    width: 618px;
    font: bold 15px Sans-serif, DejaVu Sans;
}

.control #control_wrap {
    float: left;
    width: 620px;
    margin: 0 8px;        
}

.control .block1 {
    float: left;
    width: 400px;
    height: 93px;
    margin-right: 20px;
        
}

.control .block2 {
    float: left;
    width: 178px;
    height: 93px;
    padding-left: 20px;
    border-left: solid 1px #608519        
}

.control .form-text {
    float: left;
    margin: 0 10px 0 0;
    padding: 4px 4px 3px 4px;
    border: solid 1px #bad881;
    color: #61831e;
    margin-bottom: 4px;
    /*color: #999;
    background: #eee;*/
}

.control .name {
    float: left;
    color: #557715;    
    font-weight: bold;
    width: 185px;
    height: 29px;
    margin-right: 7px;
    overflow: hidden;
}

.control .name .cell_wrap {
  display: table;
  width: 100%;
  height: 29px;
  overflow: hidden;
}

.control .name .cell {
  display: table-cell;
  vertical-align: middle;
}

.control .name .for_ie {
  display: none;
  width: 1px;
  margin-left: -1px;
}

*+html .control .name .for_ie, *+html .control .name .valign {
  display: inline-block;
  vertical-align: middle;
}
*+html .control .name .valign {
  width: 100%;
}
*+html .control .name .for_ie {
  height: 100%;
}
*+html .control .name .for_ie, *+html .control .name .valign {
  display: inline;
}

.control #control_button {
    float: left;
    width: 195px;
    height: 14px;
    line-height: 14px;
    padding: 4px 10px 5px 0;
    color: #fff;
    font: bold 14px Sans-serif, DejaVu Sans;
    background-color: #f05333;
    background-image: url('images/cam_control.gif');
    background-repeat: no-repeat;
    border: 1px solid #9e321c;
    text-align: right;
    cursor: pointer;
}

.control #control_button:hover {
    color: #eee; 
}

.control #control_button2 {
    float: left;
    width: 195px;
    height: 14px;
    line-height: 14px;
    padding: 4px 10px 5px 0;
    color: #fff;
    font: bold 14px Sans-serif, DejaVu Sans;
    background-color: #999; 
    background-image: url('images/cam_control_gray.gif');
    background-repeat: no-repeat;
    border: 1px solid #777;
    text-align: right;
    cursor: pointer;
}


.control #control_text {
    float: left;
    font-size: 12px;
    color: #39520b;
    margin: 0px 0 7px 0;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #9ec552;
}

.control .position {
    float: left;
    background: #60821e;
    border: 1px solid #263c27;
    /*background: #bbb;
    border: 1px solid #777;*/
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    width: 24px;
    padding: 6px 0;
    text-align: center;
    font-weight: bold;
    margin-right: 3px;  
    cursor: pointer;
}

.control .position:hover {
    color: greenyellow;
}

.control .inactive {
   background: #bbb; 
   color: #fff;
   border-color: #777;
   cursor: default;
}

.control .inactive:hover {
    color: #fff;
}

.control .review {
    width: 48px;
    margin: 0;
}

.control .active {
    color: #3b540c;
    background: #fff;
}

.control .cam_people {
    float: left;
    width: 20px;
    height: 30px;
    background-image: url('images/cam_people.png');
    background-repeat: no-repeat;
}

.control .block2_text {
    float: left;
    font-size: 12px;
    color: #39520b;
    width: 150px;
    max-height: 60px;
    margin: -2px 0 5px 0;
}

.control .block2_time {
    float: left;
    height: 16px;
    line-height: 16px;
    color: #fff;   
    font-size: 16px;
    padding: 7px 0;
    width: 170px;
    text-align: center;
    background: #3b540c;
}

.control .italic {
   font-style: italic;
   color: #c9ee7f;
}

#auto-banner-click{
    font-weight: normal;
    color: #000;
    font-style: italic;
    text-align: left;
    font-size: small;
    padding-top: 5px;
}
.player iframe{
	margin-top: 21px;
}