/* 
Theme Name: e-construccion 2010
Theme URI: http://www.e.construccion.cl
Description:
Version: 1.0
Author: NoName
Author URI:
Tags:
*/


body {
    font:  100%  sans-serif, Arial, Helvetica; 
    color: #464646;
    background-position: center;
    background:#ffff;
    margin:0px auto;
        }

p{ margin-top:5px;
}

a:link, a:visited {
    color: #000000;
    text-decoration:none
    }

a:hover, a:active {
    color: #ff6600;    }

a img {
    border:0;
    }
   
code {
    font: 1.0em 'Courier New', Courier, Fixed;
    background:#ececec;
    }   

acronym, abbr, span.caps {   
    font-size: 0.9em;
    letter-spacing: .07em;
    cursor: help;
    }           

acronym, abbr {
    border-bottom: 1px dashed #999;
    }

blockquote {
    padding: 0px 10px 10px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #ececec;
    font:1.0em Arial;
    line-height:1.5em;
    margin:10px 0px;
    }

select {
    width: 130px;
    }   

#bigfooter {
    margin: 0px auto;
    width: 100%;
    background: url('images/bg2.png') repeat top left;
    color:#777;
       }

/* Estructura */


#pre-header {
border-top:5px solid #2b2b2b;
width:100%;
}

#pre-header #ph-nav {
width:980px;
height:0px;

margin:0px auto;

}


 #ph-nav     .search{
    width:200px;
    font-size:small;
    float:right;
    height:30px;
margin:0px auto;
    background:#2b2b2b url(images/web/module-left.jpg) top left no-repeat;
    }
   
#ph-nav .search-end {
    width:300px;
    float:right;
    height:30px;
    margin:0px auto;
    
    background: url(images/web/module-right.jpg) top left no-repeat;
    }
   
#ph-nav .search-follow {
  margin-top:5px;
    float:right;

    margin-right:auto;
   
    }
   

    #banner480{
    width:480px;
    height:60px;
    float:left;
    position:relative;  
    top: 5px;     
    }
   


   
#mi_logo {
 
  float:right;
  width:350px;
  height:70px;
  margin-top:35px;
  background:url(images/logo.jpg) top right no-repeat;
}

#wide{
	width:900px;
		}

#video{
	width: 750px;
	float:right
	}
#columna150{
float:left
	width: 150px;
	background:#f9f9f9;
	
	}



#head {
    width:980px;
    margin:0px auto;
    padding:10px 10px 5px 10px;
    }

#page {
    width:980px;
    margin:0px auto;
    padding:5px 0 0 0px;
    font-size:0.7em;
    }

.left {
    float:left;
    font: arial, helvetica, verdana, arial;
    font-size:0.90em;  
    }

.right {
    float:right;
    font: arial, helvetica, verdana, sans-serif;
    font-size:0.90em;
    }

.centrado{
margin:0px auto;
display: inline-block;
}

/* Navigation Bar*/

#navbar {
    margin:0px auto 10px auto;
    padding-bottom:5px;
    padding-top:5px;

    width:980px;
    font-size:0.75em;
   -moz-border-radius: 7px;
    border-radius: 7px;  

background: #222;
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
   background: -moz-linear-gradient(top, #444, #000);  
   
    }

#page-bar {    
width:980px;
margin:2px 0;
padding-left:0;
    }

#page-bar ul {
    list-style: none;
    }

#page-bar li {
   border-right:1px dotted #555;
    }

#page-bar li:hover {
    margin:0;
    padding:0; 
    }


#page-bar a, #page-bar a:visited {
    
    margin: 0px auto;
    padding:5px 10px;
    font-weight:bold;
    color:#fff;
    
    }

#page-bar a:hover {
    text-decoration:none;

    color: #ff6600;   
    }

#page-bar p {
    margin:0;
    padding:0;
    }

#searchform {
    width:160px;
    height: 10px;
    float:right;
    text-align:right;
    padding-top:3px;
    margin-left:20px;
    }

/* Dropdown Menus */   

   
#page-bar li {
    float: left;
    margin: 0px;
    padding: 0px;
    }
   
#page-bar li li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 132px;
    text-transform:none;
    }
   
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
    width: 122px;
    float: none;
    margin: 0px;
    padding: 4px 10px 4px 10px;
    background: #5b5b5b url(images/dots_nav.gif) repeat-x top;
    }
   
#page-bar li li a:hover, #page-bar li li a:active {
    background: #909090;
    padding: 4px 10px 4px 10px;
    }

#page-bar li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    }

#page-bar li:hover ul {
    left: auto;
    display: block;
    }
   
#page-bar li:hover ul, #page-bar li.sfhover ul {
    left: auto;
    }


/* Text*/

h1 {
    font:3.5em Arial;
    font-weight:bold;
    letter-spacing:-0.08em;
    }

h2 {
    font:2.0em Arial;
    font-weight:bold;
    }

h3 {
    font:1.3em Arial;
    margin-bottom:3px;
    color:#303030;
    font-weight:bold;
    }

h4 {
    font:1.0em Arial;
    }

h3.cat_title, h3.cat_title a {
    color:#333333;
    letter-spacing:-0.05em;
    }

h3#respond {
    margin-top:0px;
    padding-top:20px;
    }

h3#comments {
    margin-top:32px;
    padding-left:0px;
    margin-bottom:15px;
    }

h3.authors {
    margin-top:15px;
    }

   
#espacio{padding-top:30px;    
    }
   
   
   
/* Index Page*/



#tagline {
    margin-top:10px;
    font-size:1em;
    font-weight:bold;

    }

#top {

 width:970px;
height:100%;

margin: 0px auto;
font-size:0.7em;
margin-bottom:0;
padding:10px 0px 10px 10px;

background: #222;
background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#000));
background: -moz-linear-gradient(top, #222, #000);  


-moz-border-radius: 7px;
-webkit-border-radius: 7px;



    }

#headline {
    width:630px;
    float:left;

    
    }

#headline a {
    color:#ccc;
    }


#headline a:hover {
    color:#ff6600;
    }

#top div.label {
    font:1.05em sans-serif;
    font-weight:bold;
    text-transform:lowercase;
    line-height:0.9em;
    display:block;
    padding-bottom:0px;
    padding-top:15px;

    }

#headline div.title {
    font:2.4em Arial;
    font-weight:bold;
    letter-spacing:-0.05em;
    line-height:0.9em;
    display:block;
    padding-bottom:5px;
    padding-top:10px;
    }

#headline div.meta {
    display:block;
    padding:4px 0px 4px 0px;
    color:#aaa;
    font-size:0.85em;
    }

#headline p {
    padding-bottom:25px;
           }

#featured {
    width:320px;
    float:right;
    padding:0px 10px 0px 0px;
    font-size:1.05em;
    margin:0px auto;
    }

#featured .clearfloat {

    }

#featured .info {
    
    margin-top:7px;
    padding-top:0px;
    float:right;
    height:80px;
    width:190px;
    font-size:0.9em;
       
    }

#featured .meta {
    margin-top:0px;
    font-size:0.85em;
color:#666;

    }

#featured .title {
    font-weight:bold;
    
    }

#featured .divider {
    margin-left:95px;

    }


#headline a img{
    margin-top:10px;
height:240px;
margin-left:5px;
margin-right:10px;

    }

#featured a img {
margin-top:10px;
margin-left:15px;
}

#featured a {
    color: #ccc;
    }

#featured a:hover {
    color:#ff6600;
    }

#featured a img {
    border:2px solid #f1f1f1;
    margin-right:10px;
    }

#headline a img {
    border:4px solid #f1f1f1;
    margin-right:15px;
    margin-bottom:10px;
    }

#single_head {
    width:195px;
    float:left;
    padding:15px 12px 20px 25px;
    margin:0;
    background:#000000;
    color:#fff;
    }

#single_head a img {
    border:3px solid #fff;
    }

#single_desc {
    width:675px;
    float:right;
    padding:0px 10px 5px 10px;
    font-size:1.05em;
    line-height:1.5em;
    }


#single_desc div.title {
    font:2.4em Arial;
    font-weight:bold;
   
    line-height:0.9em;
    display:block;
    padding-bottom:5px;
    padding-top:10px;
    }

#single_desc div.meta {
    display:block;
    padding-bottom:5px;
    font-size:0.85em;
    }

#single_desc p {
    margin:0px;
    padding-bottom:10px;
    }

#single_desc a {
    color:#000000;
    }

#single_desc a:hover {
    color:#808080;
    }

#descripcion{
font-size:1em;
text-align:justify;

}
#facebookside{
padding: 10px 5px 10px 5px;
width:300px;
background:#f9f9f9;
border:1px solid #f1f1f1;
}

.granbarra{
background:url('http://www.e-construccion.cl/images/barra.jpg') center no-repeat ;
width:980px;
height:27px;
margin:-10px auto;
}
   
   
    #linea2 {
   
    width:940px;
    margin-left:35px;
    border-bottom:4px solid #c1c1c1;

   
    }


#middle {
    margin:0 auto;
    padding:10px 10px 0px 10px;
    
    width:960px;
    font-size:0.7em;
        }
   
.category {
    width:164px;
    float:left;
    border-top:8px solid #333333;
    margin:0px;
    padding:5px 10px 15px 10px;
    background:#fff;
    }

.category p {
    margin:0;
    }

.category span.cat_title, #front-popular h3, #front-list .cat_title, #gallery h3 {
    text-transform:lowercase;
    margin:0;
    font-weight:bold;
    font-size:1.5em;
    letter-spacing:-0.05em;
    }

#front-list .cat_title {
    font-size:1.25em;
    }

#front-popular h3 {
    color:#fff;
    }

.more-link {
    display:block;
    margin:15px 0px;
    }

.category a {
    color:#333333;
    display:block;
    background:none;
    }

.category a:hover {
    background:none;
    color:#fff;
    text-decoration:none;
    }

#bottom {
    width: 980px;
float:left;
    }

#bottom-left {
    float:left;
margin-top:3px;
    }

#bottom-left .meta, #content.archive .meta {
    font-size:0.85em;
    }

#front-list {
    width:650px;
    font-family:sans-serif;
    font-size:1.05em;
    line-height:1.95em;
    text-align:justify;
    padding-top:10px;
    margin-left:5px;
    margin-top:2px;
    margin-bottom:10px;
    border-top:3px solid #dddddd;
    }

#front-list blockquote {
    padding: 0px 5px 0 5px;
    }

#front-list .title {
    font:1.5em Arial;
    font-weight:bold;
    letter-spacing:-0.05em;
    }

#front-list .divider {
    margin-left:216px;
    margin-top:0px;
    margin-bottom:0px;
    }

.author {
    font-size:0.8em;
    font-weight:bold;
    }

.meta {
    color:#333333;
    font-weight:bold;
    }

#headline p, #featured p {
    
font-family:sans-serif;
line-height:1.75em;

    }


#paged-list {
    width:650px;
    background:#fff;
font-size:1.05em;
    line-height:1.75em;
    margin-left:5px;
    }

#paged-list li{

font-size:0.9em;
    list-style:none;
    border-bottom:1px dotted #bbb;
    display:block;
    margin-left:-40px;
padding-left:12px;
padding-right:5px;
    background:url(images/sub.png) no-repeat 0 0px;
}

#paged-list .clearfloat {
    
   padding-bottom:1px;
   
    }

.onecolumn {
    line-height:1.5em;
    padding:10px 0px;
    margin:0;
float:left;
    }

.onecolumn img {
    float:left;
    margin:8px 0px 7px 0px;
    border:0px solid #ccc;
    padding:2px;
    }

.tanbox {

background:none repeat scroll 0 0 #F9F9F9;
border-left:1px solid #F1F1F1;
border-right:1px solid #F1F1F1;
border-bottom:1px solid #F1F1F1;
border-top:3px solid #DDDDDD;
height:180px;
line-height:1.5em;
margin:2px 0;
padding:10px 5px;
width:310px;


    }

.archive .tanbox {
    width:650px;
    background:url(images/dots_content.gif) repeat-x bottom;
    padding-bottom:1px;
    }

.tanbox img {
    float:left;
    margin:10px 10px 5px 0;
    border:1px solid #ccc;
    padding:2px;
    }

.tanbox span.title a, .onecolumn span.title a {
    font:1.2em Arial;
    font-weight:bold;
    }

.tanbox p, .onecolumn p {
    
font-family:sans-serif;
line-height:1.5em;

    }   

#navigation {
    padding:15px 0px;
    background:#fff;
    font-size:0.95em;
    text-align:center;
    width:650px;

    }

   
#barra{
padding: 10px 10px 0px 10px;
float: right;
margin-right: -3px;
font:arial;
font-size:small;
color:#303030;
}  

#barra a{

color:#333;

}  

#barra a:hover{

color:#666;

}  
/* Content Page*/

#content {
    width:650px;
    float:left;
    margin-top: 5px;
    padding:0px 0px 10px 0px;
    font-size:1.05em;
    line-height:1.75em;
    border-top:3px solid #ddd;
    }

#content2 {
    width:350px;
    float:left;
    margin-left:15px;
    padding:5px 0px 10px 0px;
    font-size:1.05em;
    line-height:1.75em;
    border-top:3px solid #ddd;
    }
#contentbuscador {
    width:960px;
    margin:0px auto;
    padding:5px 0px 10px 0px;
    font-size:1.05em;
    line-height:1.75em;
    border-top:3px solid #ddd;
    }
.post {
 font-family:sans-serif;
font-size:1.05em;
line-height:1.95em;
text-align:justify;

    }

.post p {
    margin-top:0px;
    }

.post .clearfloat {
    border-bottom:1px solid #e2e2e2;
    }

.entry ul, .post ol {
    margin-bottom:15px;
    }

#content h2.title {
    letter-spacing:-0.05em;
    border-bottom:1px solid #ececec;
    border-top:1px solid #ececec;
    margin-bottom:0px;
    padding:5px 0px;
    color:#000000;
    text-align:left;
    margin-top:5px;
    }

.entry ul li {   
    list-style:square;
    margin-left:30px;
    }

.entry ol li {   
    list-style:decimal;
    margin-left:30px;
    }

.entry ol li ul li {   
    list-style:square;
    margin-left:20px;
    }

.entry img, .post a img, #front-list img {
       
    padding:2px;
    }

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 2px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
     margin: 0;
     padding: 0;
     border: 0 none;
}
 
.wp-caption p.wp-caption-text {
     font-size: 11px;
     line-height: 17px;
     padding: 0 4px 5px;
     margin: 0;
}

.entry a {
    text-decoration:none;
    }

.post .ads {
    margin-top:10px;
    }

#stats {
    display:block;
    padding:8px 0px;
    font:0.9em Arial;
    margin-bottom:15px;
    border-bottom:1px solid #ececec;
    font-weight:bold;
    height:12px;
    }

span#map {
    font-size:0.9em;
    }

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left
}

/* Sidebar*/
#sidebar {
    width:300px;
    float:right;
    margin: 0px 10px 0px 5px;
    padding:0px ;
    overflow:hidden;
     
    }
#sidebar2 {
    width:550px;
    float:right;
    margin:-5px 20px 0px 5px;
    padding:0px 0px 0px 5px;
    overflow:hidden;
     
    }
#sidebar a:hover {
color:darkorange;
    }

.spoiler {  
  
background-color:#F9F9F9;
border-color:#DDDDDD #ECECEC #ECECEC;
border-style:solid;
border-width:3px 1px 1px;
margin-top:4px; 
  
}

.spoiler img {
    border:1px solid #ececec;
    padding:2px;
    margin-right:10px;
    margin-bottom:5px;
    margin-left:10px;
    }

.spoiler h3 {
    font:1.1em Arial, Helvetica, Verdana, Sans-Serif;    
    font-weight:bold;    
    color:#303030;    
    margin:0px 10px 8px 3px;    
    padding:3px 10px;
    border-bottom:1px solid #dddddd;
width: 200px;     }

.spoiler h3 a {
    color:#303030;
    background:#f9f9f9;
     text-decoration:none;
    }

.spoiler p {
 

color:#303030;
font-family:sans-serif;
font-size:0.95em;
line-height:1.5em;
padding:0 5px 5px;

    }

.spoiler h4 {
    font:1.05em Arial, Helvetica, Verdana, Sans-Serif;     font-weight:bold;
   
    padding:5px 10px 5px 10px;
   

    }

.spoiler h4 a {
    color:#333333;
    }

#sidebar h3, #sidebar2 h3 {
    font:1.1em Arial;
    font-weight:bold;
    color:#333;
    border-bottom: 1px solid #ececec;
    margin-top:5px;
    padding-top: 6px; 


   
    }

#sidebar h7 {
    font:1.1em Arial;
    font-weight:bold;
    margin-left:10px;
          }

#sidebar-top{
    border-top: 3px solid #DDD;
    margin-top:5px;
    width:300px;
 
    }

#sidebar-bottom {
    width:300px;
    margin:5px 5px 0px 0px ;
    }

#sidebar-middle {
margin-top:5px;
    width:300px;
    float:right;
    border-top:3px solid #DDD;
    }


#sidebar-middle2 {

    width:550px;
    float:right;
border:none;
    }

#sidebar-left {
    width:150px;
    float:left;
    background:#f9f9f9;
       }

#sidebar-left2 {
    width:245px;
    float:left;
	margin-right:5px;
    background:#fff;
       }
#sidebar-right {
    width:145px;
    padding-left:5px;
    float:right;
    background:#fff;
       }

#sidebar-right2 {
    width:300px;
    
    float:right;
    background:#fff;
       }

#sidebar-middle-index{
    margin-top:5px;
    width:650px;
    float:left;
    border-top:3px solid #FF6600;
    }
#sidebar-left-index{
    width:390px;
    float:left;
    background:#f9f9f9;
       }
#sidebar-right-index {
    width:250px;
    float:right;
    background:#fff;
       }

#sidebar li, #sidebar-middle-index li {
    list-style:none;
    border-bottom:1px dotted #bbb;
    display:block;
    margin-left:-40px;
    padding:2px 0px 2px 10px;
    background:url(images/sub.png) no-repeat 0 0px;
    }

#sidebar li ul li {
    border-bottom:0px;
    }


#sidebar h3 img { margin-top:1px; }


#sidebar-video{
    margin-top:5px;
    width:980px;
    float:right;
    border-top:3px solid #FF6600;
    }
#sidebar-video220{
    width:220px;
    float:left;
    background:#f9f9f9;
       }
#sidebar-video750{
    width:750px;
    float:right;
    background:#fff;
       }




/* Form Elements */

select {
    border:1px solid #333333;
    width:100%
    }
   
.submitbutton {
    padding: 1px;
    border:1px solid #aaa;
    background:#fff;
    font-size:0.9em;
    color:#aaa;
    cursor: pointer;
    }

.field {
    padding: 1px;
    border-top:1px solid #bbbbbb;
    border-left:1px solid #bbbbbb;
    border-right:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
    background:#fff;
    font-size:1.0em;
    }



#commentform input {
    width: 140px;
    margin: 5px 5px 0px 0;
    }

#commentform textarea {
    width: 99%;
    margin-top:5px;
    border-top:1px solid #bbbbbb;
    border-left:1px solid #bbbbbb;
    border-right:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
    }



/* Comments*/

#comments {
    line-height:1.5em;
    }

.commentlist cite {
    font-style:normal;
    margin-bottom:0px;
    display:block;
    font-size:1.1em;
    }   

.commentlist blockquote {
    background:#f1f1f1;
    }
           
.commentlist li {
    color:#4d4d4d;
    padding: 10px 14px 10px 14px;
    background:#f2f2f2;
    border-bottom: 1px solid #dcdbd7;
    list-style:none;
    margin-bottom:3px;
    line-height:1.0em;
    }

.commentlist li li {
    background:none;
    border:none;
    list-style:square;
    margin:3px 0 3px 20px;
    padding:3px 0;
    }

.commenttext {
    width:400px;
    float:right;
    
font-family:sans-serif;
font-size:0.95em;
line-height:1.5em;
text-align:justify;
    }
   
li.my_comment {
    background: #fff;
    }

li cite strong {
    font-size: 1.1em;
    color:#313228;
    }
   
#commentform small {
    background:#FFF;
    font-weight:bold;
    padding:0;
    }
   
.commentmetadata {
    color:#4d4d4d;
    display: block;
    margin-top:3px;
    text-align:right;
    font-size:0.9em;
    }

.commentmetadata a, .commentmetadata a:visited {
    color:#959382;
    }
   
.commentlist small {
    background:#e9e9e9;
    }

.avatar {
   border:1px solid #CCCCCC;
float:left;
height:100px;
margin:10px 8px 6px 0;
padding:2px;
width:100px;
    }   

#comment {
    width:590px;
    background:#fff;
    }

/* Footer*/


#gallery {
    font-size:0.7em;
    color:#333;
    
    
    margin: 0px auto;
    padding:15px 0px 0px 15px;
  
    }

#gallery #random {
    float:right;
    
    padding-bottom:5px;
}


#gallery h3 {
    display:block;
    padding-bottom:5px;
}


#izq_abajo {
    float:left;
    padding: 10px;
    margin:10px 20px 0px 10px;
}
#derecha_abajo {
   margin:10px 20px 0px 10px;
    padding:10px
}





/* Cuadros al pie, son 3 llamados resumen 1 2 y 3 no disponibles en codigo*/
   
#resumen1, #resumen2, #resumen3 {
    width:260px;
    float:left;
    padding:0px 20px 0px 20px;
    border-right:1px solid #808080;
    background:#eceae8 top center;
    }

#resumen1 a, #resumen2 a, #resumen3 a {

    color:#fff;
    }

#resumen1 ul, #resumen2 ul, #resumen3 ul{
    margin-top:5px;
    }

   
#resumen1 li, #resumen2 li, #resumen3 li{
    list-style:none;
    background:url(images/dots_footer.gif) repeat-x top;
    padding-top:1px;
    }


    

#footer {
   
    width: 100%;
    font-size:0.6em;
    color:#999;
    
  
    }
#logofooter{
padding-top: 10px;
padding-bottom: 10px;
}

#barra_negra{

height:20px;
width:100%;
background:#000;
border-bottom:1px solid #333;
border-top:1px solid #333;

}
#barra_top{
height:20px;
width:100%;
background:#2b2b2b;
border-top:1px solid #666;
}

#texto_red{
	width:980px;
	height:20px;
	margin:0px auto;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:10px;
	padding: 5px 5px 5px 0px;
	}
#texto_red a{
color:#aaa;
}
#texto_red a:hover{
color:#fff;
}





#footer a {
    color:#999;
    }

#footer a:hover {
    color:#ccc;
    }

/* Float Properties*/

.clearfloat:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }



.suave {
    
    background:#fafafa;
    margin: 0px auto;
    padding:10px 0px 0px 0px;
    border-top:3px solid #ddd;
    
    }




.clearfloat {
    display:block;
   
    }

/* color settings */
.playerBox_gsvb div.alldone_gsvb        { color : #0000cc; }
.playerBox_gsvb a.title_gsvb            { color : #0000cc; }

.playerBox_gsvb div.alldone_gsvb:hover  { color : #0000cc; }
.playerBox_gsvb a.title_gsvb:hover      { color : #0000cc; }
.resultsBox_gsvb div.resultDiv_gsvb     { border-color : #676767; }
.floatingPlayerBox_gsvb,
.floatingPlayerBox_gsvb *               { background-color : #ffffff; }
.floatingPlayerBox_gsvb                 { border : 1px solid #f0f0f0; }
                                        }
.floatingPlayer_gsvb                    { background-color : #ffffff; }

/*
 * The Player Box
 * - visible while playing
 * - collapsed while idle
 */
.playerBox_gsvb {
  display : block;
  margin-top : 4px;
  margin-bottom : 4px;
  margin-left : 10px;
  margin-right : 10px;
  text-align : center;
}

/**
 * Floating Player Box:
 *
 * note: top, left, z-index, height, width
 * are set in code. Limit your styling to color/opacity
 * Note the z-index of floatingPlayer should be one
 * higher than the z-index of the floatingPlayerBox.
 * Adjust as needed on sites with crazy layering.
*/
.floatingPlayerBox_gsvb {
  position : absolute;
  opacity : 0.90;
  -moz-opacity : 0.90;
  filter:alpha(opacity=90);
  z-index : 0;
}
.floatingPlayer_gsvb {
  position : relative;
  z-index : 1;
}
.floatingBranding_gsvb {
  position : absolute;
}

.idle_gsvb {
  display : none;
}

.playing_gsvb {
  display : block;
}

.playerInnerBox_gsvb {
  margin-top : 2px;
}

/* keep a 1.33 ratio
 * (on widths > 300px, add 20px in height for controls)
 * small player:        180x135   4:3
 * medium player:       260x195   4:3
 * large player:        320x260   4:3 + 20px at bottom
 * extra large player:  480x380   4:3 + 20px at bottom
 */
.playerInnerBox_gsvb .player_gsvb {
  width : 260px;
  height : 195px;
}

.playerInnerBox_gsvb div.player_gsvb {
  margin : auto;
}

.floatingPlayer_gsvb .playerInnerBox_gsvb div.player_gsvb {
  margin : 0;
}

.playerBox_gsvb div.alldone_gsvb {
  display : inline;
  font-size : 11px;
  cursor : pointer;
}

.playerBox_gsvb div.alldone_gsvb:hover {
  text-decoration : underline;
}


.playerBox_gsvb div.title_gsvb {
  text-align : center;
  font-size : 11px;
  margin-top : 2px;
}

.playerBox_gsvb a.title_gsvb {
  text-decoration : none;
}

.playerBox_gsvb a.title_gsvb:hover {
  text-decoration : underline;
}

/*
 * resultsTable
 * - vertical mode
 * - horizontal mode
 */
.full_gsvb {
  display : block;
}

.empty_gsvb {
  display : none;
}

table.resultTable_gsvb {
  border-collapse : collapse;
}

table.resultTable_gsvb td {
  border : none;
}

div.resultDiv_gsvb {
  border-width : 1px;
  border-style : solid;
  background-color : #000000;
  height : 79px;
  width : 104px;
  text-align : center;
}

div.smallResultDiv_gsvb {
  height : 41px;
  width : 54px;
  text-align : center;
}

div.resultDiv_gsvb img {
  cursor : pointer;
  display : inline;
}

/* Auto Execute List Status Box */
div.statusBox_gsvb {
  padding : 4px;
}

div.statusItem_gsvb {
  display : inline;
  text-decoration : underline;
  color : #0000cc;
  cursor : pointer;
  margin-right : 6px;
  font-weight : bold;
  white-space: nowrap;
}

div.statusItemSelected_gsvb {
  text-decoration : none;
  color : #000000;
}