.field {background-color:#f0f0f0; color:#000000; font-family:Verdana,Tahoma,Helvetica,Verdana; font-size:11px; font-weight:normal; border:#000000 solid 1px; cursor:text;}
.button {background-color:#646464; color:#f0f0f0; font-family:Verdana,Tahoma,Helvetica,Verdana; font-size:11px; font-weight:bold; border:#000000 solid 1px; padding:0px; margin:1px; cursor:pointer;}
form {margin:0px;}

.big_plr { width: 580px; height: 435px; }
.sml_plr { width: 328px; height: 246px; }
.big_pmi { width: 580px; background-color: #FFFFFF; border: solid 1px #CCC; 	-moz-border-radius:10px;}
.sml_pmi { width: 328px;  background-color: #FFFFFF; border: solid 1px #CCC; 	-moz-border-radius:10px;}
.big_bnk {width: 590px; height: 560px; /*margin-left: -190px;*/}
.sml_bnk {width: 400px; height: 560px;}

#player {z-index:1; cursor:pointer; float:left;}
#vign_bnk {z-index:1; background-color: #FFFFFF; overflow:auto; overflow-y:scroll; overflow-x:hidden; white-space:nowrap;}

#propertysheet {position:relative; border:0px solid #000000; width:1000px; height:22px; z-index:1;}

#property_images {
    position: absolute; 
    border: 0px solid #000000; 
    left: 0px; 
    top: 0px; 
    margin: 0px; 
    padding: 0px; 
    height: 22px; 
    background-image:url('/images/fo/local/eyeka/sh_bl.gif');
}
#lightbox_onoff {
    position:absolute; 
    border: 0px solid #000000; 
    left: 800px; 
    font-size: 10px;
    top: 5px;
}
#lightbox_onoff a {
    color: #666666;
    font-size: 10px;
}

#lightbox {
    position:relative; 
    border:0px solid #000000; 
    left:0px; 
    top:0px; 
    width:1000px; 
    height:200px; 
    background-color:#5d6069; 
    z-index:1;
}


#lightbox_select {
    position:absolute; 
    border:0px solid #000000; 
    left:5px; 
    top:5px; 
    width:150px;
    }
#lightbox_choice {
    background-color:#f0f0f0; 
    z-index:1; 
    border:#000000 1px outset; 
    width:200px; 
    }
#lightbox_info {
    position:absolute; 
    border:0px solid #000000; 
    color:#FFFFFF; 
    font-size:11px; 
    left:5px; 
    top:85px; 
    width:200px; 
    z-index:1;
    }
#lightbox_action {
    position:absolute; 
    border:0px solid #000000; 
    color:#646464; 
    font-size:13px; 
    font-weight:bold; 
    left:5px; 
    top:27px; 
    width:220px; 
    z-index:1;
    }
#lightbox_command {
    position:absolute; 
    border:0px solid #000000; 
    color:#646464; 
    font-size:13px; 
    font-weight:bold; 
    left:5px; 
    top:170px; 
    width:220px; 
    z-index:1;
    }

#caddie {
    position:absolute; 
    border:0px solid #000000; 
    top:0px; 
    left:222px; 
    width:779px; 
    height:200px; 
    z-index:1; 
    overflow:auto; 
    /*overflow-x:scroll; */
    white-space:nowrap;
    }
#left {
    position:absolute; 
    border:0px solid #000000; 
    left:165px; 
    top:22px; 
    width:20px; 
    height:190px; 
    background-color:#c0c0c0; 
    z-index:1;
    }
#right {
    position:absolute; 
    border:0px solid #000000; 
    left:965px; 
    top:22px; 
    width:20px; 
    height:190px; 
    background-color:#c0c0c0; 
    z-index:1;
    }
div.__fvign { float: left; padding: 0px; border: 0px;font-size: 10px; margin: 2px; overflow: hidden; width: 110px; height: 156px; white-space: nowrap; text-overflow: ellipsis; }
div.__fvignmov { float: left; background-color: #fa015f; color:#666666; padding: 0px; border: 0px;margin: 2px; font-size: 10px; overflow: hidden; width: 110px; height: 156px; white-space: nowrap; text-overflow: ellipsis; }

div.fvign0     { float: left; padding: 0px; border: 0px;font-size: 11px; margin: 2px; overflow: hidden; width: 110px; height: 150px; white-space: nowrap; text-overflow: ellipsis; }
div.fvignmov0  { float: left; background-color: #fa015f; color:#666666; padding: 0px; border: 0px;margin: 2px; font-size: 11px; overflow: hidden; width: 110px; height: 150px; white-space: nowrap; text-overflow: ellipsis; }
div.fvign1     { float: left; padding: 0px; border: 0px;font-size: 10px; margin: 2px; overflow: hidden; width: 110px; height: 110px; white-space: nowrap; text-overflow: ellipsis; }
div.fvignmov1  { float: left; background-color: #fa015f; color:#666666; padding: 0px; border: 0px;margin: 2px; font-size: 10px; overflow: hidden; width: 110px; height: 110px; white-space: nowrap; text-overflow: ellipsis; }
div.fvign2     { float: left; padding: 0px; border: 0px; border-bottom:solid 1px #fa015f; font-size: 11px; margin:0px; overflow: hidden; width: 100%; height: 29px; white-space: nowrap; text-overflow: ellipsis; }
div.fvignmov2  { float: left; background-color: #fa015f; color:#666666; padding: 0px; border:0px; border-bottom:solid 1px #fa015f; margin:0px; font-size: 11px; overflow: hidden; width: 100%; height: 29px; white-space: nowrap; text-overflow: ellipsis; }
div.fvign3     { float: left; padding: 0px; border: 0px;font-size: 10px; margin: 0px; overflow: hidden; width: 240px; height: 60px; white-space: nowrap; text-overflow: ellipsis; }
div.fvign3a    { float: left; background-color: #808080; padding: 0px; border: 0px;font-size: 10px; margin: 0px; overflow: hidden; width: 240px; height: 60px; white-space: nowrap; text-overflow: ellipsis; }
div.fvign3b    { float: left; background-color: #b0b0b0; padding: 0px; border: 0px;font-size: 10px; margin: 0px; overflow: hidden; width: 240px; height: 60px; white-space: nowrap; text-overflow: ellipsis; }
div.fvignmov3a { float: left; background-color: #ffff00; color:#666666; padding: 0px; border: 0px;margin: 0px; font-size: 10px; overflow: hidden; width: 240px; height: 60px; white-space: nowrap; text-overflow: ellipsis; }
div.fvignmov3b { float: left; background-color: #ffff00; color:#666666; padding: 0px; border: 0px;margin: 0px; font-size: 10px; overflow: hidden; width: 240px; height: 60px; white-space: nowrap; text-overflow: ellipsis; }

div.fvign0 a, div.fvign2 a {color: #F4015F; font-weight: bold; text-decoration: underline;}
div.fvignmov0 a, .fvign0 b a, div.fvignmov2 a, .fvign2 b a {color: #363844; text-decoration: none;}
div.fvignmov0 a:hover, .fvign0 b a:hover, div.fvignmov2 a:hover, .fvign2 b a:hover {text-decoration: underline;}

#errmessage {color:#fa015f;}

div.vign {
    position:absolute; 
    border:0px solid #000000; 
    padding:0px; 
    width:110px; 
    height:150px; 
    background-color:#ffffff; 
    font-size:10px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis;
    }
div.vignmov {
    position:absolute; 
    border:0px solid #000000; 
    padding:0px; 
    width:110px; 
    height:150px; 
    background-color:#fa015f; 
    color:#FFFFFF;
    font-size:10px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis;
    }
img.vign {
    background-repeat:no-repeat;
    border:1px solid #95999c; 
    width:100px; 
    margin:4px;
    cursor:pointer;
    }
    
img.vign2 {
    float: left;
    border:1px solid #95999c; 
    text-align:absmiddle;
    width:25px; 
    margin:1px;
    cursor:pointer;
    }
div.vign2b {
    float: left;
    margin: 1px;
    }
div.vign3 {
	clear:left;
    float: left;
	text-align:left;
    border:0px solid #95999c; 
    width:80px; 
    height:60px; 
    margin:0px;
    padding:0px;
    }
img.vign3 {
    border:0px; 
    width:80px; 
    height:60px; 
    margin:0px;
    padding:0px;
    cursor:pointer;
    }
div.vign3b {
    float: left;
    width: 144px;
    padding: 8px;
    margin: 0px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#d0d0d0;
    }
div.vign3b b {
	color:#d0d0d0;
    }
div.vign3b b a {
	color:#d0d0d0;
    }

div.fvignmov3a div.vign3b {
	color:#000000;
    }
div.fvignmov3a div.vign3b b {
	color:#000000;
    }
div.fvignmov3a div.vign3b b a {
	color:#000000;
    }

div.fvignmov3b div.vign3b {
	color:#000000;
    }
div.fvignmov3b div.vign3b b {
	color:#000000;
    }
div.fvignmov3b div.vign3b b a {
	color:#000000;
    }


#tmbg {
    position:absolute; 
    left:0px; 
    top:0px; 
    height:180px; 
}
#tmln {
    position:absolute; 
    left:10px; 
    top:2px; 
    height:178px; 
    background-image:url(/images/fo/common/timeline.png);
    background-repeat: repeat-x;
}
.graduations {
    color: #ffffff;
    font-size:9px;
    background-color:#5d6069;
}

div.trns 
{
position:absolute; 
border:0px solid #000000; 
background-color:#ff97d5; 
padding:0px; 
height:13px;
}

div.up-vign0, 
div.up-wave0, 
div.md-vign0, 
div.dw-vign0, 

div.up-vign1, 
div.up-wave1, 
div.md-vign1, 
div.dw-vign1, 

div.up-vignmov, 
div.up-wavemov, 
div.md-vignmov, 
div.dw-vignmov 
{
position:absolute; 
border:0px solid #000000; 
padding:0px; 
width:100px; 
background-color:#323438; 
overflow:hidden;
}

div.up-vign0, div.up-vign1, div.up-vignmov  {height:56px;}
div.up-wave0, div.up-wave1, div.up-wavemov  {height:38px;}
div.md-vign0, div.md-vign1, div.md-vignmov  {height:2px;}
div.dw-vign0, div.dw-vign1, div.dw-vignmov  {height:20px;}

div.up-vign0, div.up-wave0, div.md-vign0, div.dw-vign0 {
background-color:#323438; 
}
div.up-vign1, div.up-wave1, div.md-vign1, div.dw-vign1 {
background-color:#9498a0; 
}
div.up-vignmov, div.up-wavemov, div.md-vignmov, div.dw-vignmov {
background-color:#F4015F; 
}

div.ed-audio {position:absolute; border:1px solid #000000; padding:0px; width:110px; height:60px; background-color:#ffffff; font-size:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div.ed-audiomov {position:absolute; border:0px solid #000000; padding:0px; width:110px; height:60px; background-color:#ff0000; font-size:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
img.mvign {border:1px solid #000000; width:50px; height:50px; margin:2px; margin-left:20px;}
img.audio {border:1px solid #000000; width:50px; height:30px; margin:2px; margin-left:20px;}
img.icon {position:absolute; border:0px solid #000000; width:16px; height:16px; margin:2px;}

#editinfo {position:absolute; left:-2000px; border:1px solid #000000; padding:0px; background-color:#ffffff; font-size:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; z-index:6;}

#div_effect {
    float: left; 
    }

#div_effect img{
    float: left;
    margin: 2px;
    border: 2px solid #ffffff;
    cursor: pointer;
    }

#ffloat {
    position:absolute; 
    left:-2000px; 
    height:148px; 
    width:112px; 
    border: 0px solid #000000; 
    padding:4px; 
    background-color:#ffffff; 
    font-size:10px; 
    z-index:5;
    }
#float {
    position:absolute; 
    left:-2000px; 
    border:0px; 
    padding:0px; 
    background-color:#ffffff; 
    font-size:10px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    z-index:6;
    }
#popup {
    position:absolute; 
    left:-2000px; 
    width:400px; 
    border:1px; 
    padding:0px; 
    background-color:#c0c0c0; 
    font-size:10px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    z-index:6;
    }
#popuptitle {
    border-bottom:1px solid #000000; 
    padding:2px; 
    background-color:#646464; 
    font-size:13px; 
    font-weight:bold; 
    color:#f0f0f0; 
    text-align:center; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis;
    }
#popupdata {
    overflow:auto; 
    padding:16px;
    }
#popupbutton {
    text-align:right; 
    padding:4px;
    }

/* Styles on media view for expanding/collapsing the belongs to panel*/
#collapse_button{float:right; margin-right: 3px;}
.expanded{}
.collapsed{height: 52px; overflow: hidden;}
.collapsed img{margin-bottom: 5px}