#board_container {          
    position: relative;
    background-color: #E5E5E4;
    padding: 4px;
    width: 700px;
    top:0px;
    left: 50px;  
    border: 2px solid #000000;
}      
#print_board_container {          
   position: relative;
    background-color: #E5E5E4;
    padding: 4px;
    width: 700px;
    top:0px;
    left: 5px;  
    border: 2px solid #000000;
}   
#board_title_div {     
    background-color: #000000;  
    display: block;
    padding: 2px;     
    top:0px;   
    left: 0px; 
}  
.board_title {  
    padding: 0px;
    background-color: transparent; 
    left: 0px;  
    color: #EFE640;
    font-size: 15pt; 
    font-weight: bold;
    text-decoration: none;  
    text-align: left;    
}
.board_title a, .board_title a:visited {    
    background-color: transparent; 
    left: 0px;  
    color: #EFE640;
    font-size: 15pt; 
    font-weight: bold;
    text-decoration: none;  
    text-align: left;    
}
.board_title a:hover {   
    /* color: #EFD440;  */
    color: #efc040;      
}
.project_title {      
    padding-left: 8px;
    padding-right: 8px;
    background-color: transparent; 
    left: 0px;  
    color: #898875;
    font-size: 9pt; 
    font-weight: normal;
    text-decoration: none;  
    text-align: center;    
}                          
.board_agency {        
    padding-right: 2px; 
    background-color: transparent; 
    right: 0px;  
    color: #ffffff;
    font-size: 15pt;
    font-weight: normal;   
    text-align: right;
}     

.board_agency a, .board_agency a:link, .board_agency a:visited { 
    padding-right: 2px; 
    background-color: transparent; 
    right: 0px;  
    color: #EFE640;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;   
    text-align: right;
} 
.board_agency a:hover{
    color: #efc040; 
}    
#board_info {          
   position: relative;  
    padding-left: 5px;
    background-color: transparent; 
    padding: 3px;
    font-size: 8pt; 
    font-weight: normal;  
    text-align: left;
    top:0px;
    left: 0px;  
}      
.board_legal {       
    background-color: transparent;   
    font-size: 8pt; 
    font-weight: normal;  
}   
#thumbnail_container {          
    position: relative;  
    background-color: transparent; 
    padding: 3px;
    font-size: 8pt; 
    font-weight: normal;  
    text-align: left;  
    top:0px;
    left: 15px;   
}       
.thumbnail {          
    position: relative;
    background-color: transparent;
    padding: 2px;
    top:0px;
    left: 0px;  
}   
#frame_info {              
    background-color: transparent;
    top:0px;
    left: 0px;   
    padding-top: 2px; 
    padding-left: 2px; 
    padding-right: 2px;                          
   }     
.frame_number {
    position: relative;
    padding-left: 2px;
    background-color: transparent; 
    left: 0px;  
    color: #000000;
    font-size: 10pt; 
    font-weight: bold;  
    text-align: left;    
}
.frame_approval {        
    position: relative;
    padding-right: 2px; 
    background-color: transparent; 
    right: 0px;  
    color: #000000;
    font-size: 8pt;
    font-weight: normal;   
    text-align: right;
}   
.approvalStatus, .approvalStatus a, .approvalStatus a:link, .approvalStatus a:visited, .approvalStatus a:hover{       
    position: relative;
    padding: 0px;
    padding-right: 0px;  
    padding-left: 5px; 
    background-color: transparent; 
    right: 0px;  
    color: #ffffff;
    font-size: 8pt;
    font-weight: normal;   
    text-align: right;  
    text-transform: capitalize;       
}
.approvalStatusTitle{       
    position: relative;
    padding: 0px;
    padding-right: 1px; 
    background-color: transparent; 
    right: 0px;  
    color: #ffffff;
    font-size: 8pt;    
    font-weight: normal;   
    text-align: left;        
    text-transform: uppercase;  
}
.frame_title {      
    color: #000000;
    font-size: 8pt; 
    font-weight: normal;     
    font-style:normal;    
    text-transform: none;
    text-decoration:none;
    letter-spacing: .5px; 
    overflow:hidden;
}

#frame_alpha {              
    background-color: #444444 ;  
    background-position: 0px 0px;
    padding: 0px; 
    width: 123px;
    height: 88px; 
    overflow: hidden;  
}   
                
#board_spacer{
    position:relative;
    background-color:transparent; 
    height: 20px;
    padding: 8px;
}
   
   
   
#frame_display {          
   position: relative;
    background-color: transparent;
    padding: 4px; 
    top:0px; 
    width:640px;
    height:480px;   
    border: 0px solid #000000;
    text-align: center;
}       
#frame_actions {          
    position: relative;
    background-color: transparent;
    padding: 4px; 
    top:0px;  
    display:block;               
    text-align: center;
}   
.frame_actions,.frame_actions a, .frame_actions a:visited {      
    color: #000000;
    font-size: 8pt; 
    font-weight: normal;     
    font-style:normal;    
    text-transform: none;
    text-decoration:none;
    letter-spacing: .5px; 
    text-align: center; 
}
.frame_actions a:hover {      
    color: #555555;
    font-size: 8pt; 
    font-weight: normal;     
    font-style:normal;    
    text-transform: none;
    text-decoration:none;
    letter-spacing: .5px; 
    text-align: center; 
}

#board_thumbnail_container {          
    position: relative;
    background-color: #ffffff;
    padding: 0px;
    width: 700px;
    top:0px;   
    left: 50px;  
    text-align:center;
    border: 0px solid #000000;
}   









#frame_under_alpha {                                                            
    background-color: transparent ;   
    position: relative;
    padding: 0px; 
    overflow: hidden;
    z-index: 1;  
   }
   


#frame_over_alpha_off { 
    background: url(../images/display/frames/thumbnail_frame.png) no-repeat;                                                           
    background-color: transparent ;   
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;                   
    z-index: 4; 
   }    
   
   


#frame_over_alpha_on { 
    background: url(../images/display/frames/thumbnail_frame_3.png) no-repeat;                                                           
    background-color: transparent ;   
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;                   
    z-index: 4; 
   }    

#frame_under {                                                            
    background-color: transparent ;   
    position: relative;
    padding: 0px; 
    overflow: hidden;
    z-index: 1;  
   }
   


#frame_over_on { 
    background: url(../images/display/frames/thumbnail_frame_small_1.png) no-repeat;                                                           
    background-color: transparent ;   
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;                   
    z-index: 4; 
   }    
                       
#frame_empty_small {              
    background-color: #999999;  
    background-position: 0px 0px;
    padding: 0px;  
} 
                                   
#frame_empty {              
    background-color: #999999;  
    background-position: 0px 0px;
    padding: 0px;    
    width: 123px;
    height: 88px;  
} 


/*notes*/
#notes_container {          
   position: relative;
    background-color: #E5E5E4;
    padding: 2px;
    width: 700px;
    top:0px;
    left: 50px;  
    border: 2px solid #000000;
}   
#notes_title_div {          
   position: relative;
    background-color: #000000;  
    display: block;
    padding: 3px;      
    top:0px;   
    left: 0px;      
}  
.notes_title, .notes_title a, .notes_title a:visited {
   position: relative;
    padding-left: 8px;
    background-color: transparent; 
    left: 0px;  
    color: #EFE640;
    font-size: 15pt; 
    font-weight: bold;
    text-decoration: none;  
    text-align: left;    
}
.notes_title a:hover {
   position: relative;
    padding-left: 8px;
    background-color: transparent; 
    left: 0px;  
    color: #EFD440;
    font-size: 15pt; 
    font-weight: bold;  
    text-align: left; 
    text-decoration: none;     
}
       
#notes_info {          
   position: relative;  
    padding-left: 5px;
    background-color: transparent; 
    padding: 3px;      
    top:0px;
    left: 0px;           
}  
.notes_definition_big { 
    font-size: 10pt; 
    font-weight: bold;
    text-decoration: none;    
    text-align: left; 
    letter-spacing: .5px;    
}          
.notes_definition_small { 
    font-size: 8pt; 
    font-weight: normal; 
    text-decoration: none;   
    text-align: left; 
    letter-spacing: 1px; 
}         
.notes_input {      
    font-size: 8pt; 
    font-weight: normal; 
    text-decoration: none;   
    text-align: left;
    word-wrap: break-word; 
    overflow: auto;   
}      
/*    
#notes_input {         
    padding: 4px;
    width: 650px;
    height: 140px;  
}    
*/        
#notes_input {          
    width: 688px;
    height:20px;
}      
 #note_display{ 
    position: relative;
    left: 0px;        
    padding: 0px; 
    background-color: #ffffff;
    color: #000000;    
}   

.row_0 {        
    background-color: #ffffff;         
} 
.row_1 {        
    background-color: #EDF1F2;    
}   
   
.note_details_0 { 
    color: #000000;                    
    width: 130px;
    vertical-align: text-top;
    vertical-align: top;
    overflow: hidden;         
}   
.note_details_1 { 
    color: #A4B0B0;                    
    width: 130px;
    vertical-align: text-top;
    vertical-align: top;
    overflow: hidden;         
}       
.note_from {             
    font-size: 10pt; 
    font-weight: bold; 
    text-decoration: none;   
    text-align: left; 
}   
.note_created {      
    font-size: 7pt; 
    font-weight: normal; 
    text-decoration: none;   
    text-align: left; 
}  
.note_spacer {                       
    width: 5px;         
}     
        
.note_0 {
    vertical-align: text-top;
    vertical-align: top;
    color: #000000;                           
    width: 385px;    
    font-size: 8pt; 
    font-weight: normal; 
    text-decoration: none;   
    text-align: left;   
}     
     
.note_1 {
    vertical-align: text-top;
    vertical-align: top; 
    color: #A4B0B0;                          
    width: 385px;    
    font-size: 8pt; 
    font-weight: normal; 
    text-decoration: none;   
    text-align: left;   
}     


 .edit_note { 
    vertical-align: text-top;
    vertical-align: top;             
    width: 100px;  
    font-size: 8pt; 
    font-weight: normal; 
    text-decoration: none;   
    text-align: right; 
    color: #000000;  
    letter-spacing: .5px; 
}     
     
 .edit_note a, .edit_note a:visited {
    font-size: 8pt; 
    font-weight: bold; 
    text-decoration: none;   
    text-align: right; 
    color: #4599B1;     
}     
.edit_note a:hover {
    font-size: 8pt; 
    font-weight: bold; 
    text-decoration: none;   
    text-align: right; 
    color: #AEBDC3;      
}   
       



#project_files_container {          
   position: relative;  
   background-color: transparent; 
   padding: 3px;
   font-size: 8pt; 
   font-weight: normal;  
   text-align: left;
   top:0px;
   left: 0px;   
}     



                                                                             
#board_options{
    /*
    max-width:180px;
    */
} 
.addframes, .addframes a, .addframes a:visited {                              
    color: #ffffff;
    font-size: 6pt;    
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;  
    padding:0px;
    
   }  
                                                                                          
 
.addframes a:hover{                              
    color: #555555;
    font-size: 8pt;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;  
    padding:0px;
   }  
               
             
#screening_room{   
    font-weight:normal;
    top: 0px;          
    margin:10px 0 90px;
    margin-top: 0;
    text-align:center;   
    border-collapse: collapse;
    border: 0px #000000 solid;
    background-color: cacaca;
    color: #000000;
    width: 800px;      
    padding:3px;
}          
          
#video_list_table{
    border-collapse: collapse;
    border: 1px #000000 solid;
    background-color: #cacaca;
    color: #000000;
}          

.video_list_date{  
    padding:3px;    
    color: #333333;
    font-size: 8pt;   
    overflow: hidden;
    border-bottom: 1px #555555 solid;
}     

.video_list_name{
    padding:3px;   
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    overflow: hidden;
    border-bottom: 1px #555555 solid;
}     

.video_list_link { 
    padding:3px;     
    color: #4599B1;
    font-weight: bold;
    font-size: 10pt;
    text-transform: none;
    text-decoration: none;
    border-bottom: 1px #555555 solid;
}     
 .video_list_link a, .video_list_link a:visited { 
    padding:3px;     
    color: #4599B1;
    font-weight: bold;
    font-size: 10pt;
    text-transform: none;
    text-decoration: none;            
}     
 .video_list_link a:hover {
    padding:3px;   
    color: red;
    font-weight: bold;
    font-size: 10pt;
    text-transform: none;
    text-decoration: none;             
}     

#screen_display{   
    height:300px;  
    text-align: center;
    background-color: #cacaca;
}  
.screen_label {
    text-align: center;
    display: block;
    color: #000000;        
    font-weight: bold; 
    font-size: 10pt;
    text-decoration: none;
    text-transform: none;
}
    
 
.player_caption {
    width:300px;
    text-align: center;
    display: block;
    color: #ffffff;        
    font-weight: normal; 
    font-size: 9pt;
    text-decoration: none;
    text-transform: none;
}   

.player_display {
    text-align: center;        
    font-weight: bold; 
    font-size: 10pt;
    text-decoration: none;
    text-transform: none;
    background-color: #cacaca;
}
#player{   
    width:300px;  
    display: block; 
    text-align: center;
    background-color: transparent;
    padding: 8px;       
    margin: 0 auto; 
    margin-top: 0;
}  
                   

#screening_room_toolbar{
    /*978f8f*/
    margin: 0 auto; 
    margin-top: 0;
    background-color: #8f8f8f;
    text-align: left;
    /*width: 580px;*/
    padding:15px;       
    color: 007796;
}
          
 .screening_room_toolbar a, .screening_room_toolbar a:visited {                    
    font-weight: bold;
    font-size: 10pt;
    text-transform: none;
    text-decoration: underline;   
    background-color: #333333;
    padding:5px;
    padding-bottom: 3px;
    border-bottom-style: rounded;
    border: 1px solid #000000;                                                            
    color: #F2EA3F;
    /*01506e*/
}
      
 .screening_room_toolbar a:hover {                
    background: url(../images/display/navbar/rollover.png) repeat-x ;
    font-weight: bold;
    font-size: 10pt;
    text-transform: none;
    text-decoration: underline;   
    background-color: #333333;
    padding:5px;
    padding-bottom: 3px;
    border-bottom-style: rounded;
    border: 1px solid #000000;  
    color: cyan;
}
                   

#video_list{
    /*978f8f*/
    margin: 0 auto; 
    margin-top: 0;
    background-color: #8f8f8f;
    text-align: left;
    /*width: 580px;*/
    padding:0px;       
    color: 007796;
}
          
/* Frame Toolbar Styles */
#frameToolbar{          
    background-color: transparent;                                       
    color: #000000;
    font-size: 6pt;    
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-transform: none;    
    padding:0px;     
    
}
.frameToolbarItem, .frameToolbarItem a, .frameToolbarItem a:visited {                              
    color: #007796;
    font-size: 6pt;    
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-transform: none;    
    padding:0px;          
   }  
                                                                                          
 
.frameToolbarItem a:hover{ 
    color: #66a7b8;           
    text-decoration: none;
    text-transform: none; 
   }  
   
   
   
   
   
   /*################################################################################
   ################################################################################
   ################################################################################*/
                           
#project_list{
    background-color:#B6B2AC;
    border: 0px solid #caceca;
    padding: 0px;
    /* padding-left: 8px;
    padding-right: 8px;*/
}
.category_title{     
    padding:4px;        
    background-color: #5B5957;
    font-size:12pt;
    color: #F9F6F2;
    font-weight: bold;
    text-transform: capitalize;
    text-decoration:none; 
    border: 0px ;  
}             
.data, .data a, .data a:visited,  .data a:hover{  
    padding-top:1px;
    padding-bottom:1px;            
    padding-left:6px;            
    background: transparent;
    font-size:8pt;
    color: #007796;
    font-weight: normal;
    text-transform: none;
    text-decoration:none; 
    border: 0px ;  
}
.view_pref, .view_pref a, .view_pref a:visited { 
    padding:3px;        
    /*background: #5B5957;*/
    background: #302d2b;
    font-size:8pt;
    color: #F2EA3F;
    /*F9F6F2;  */
    font-weight: none;
    text-transform: none;
    text-decoration:none; 
    border: 0px ;  
}
.view_pref a:hover {     
    padding:3px;        
    background: #5B5957;
    font-size:7pt;
    color: #62C0D8;
    font-weight: none;
    text-transform: none;
    text-decoration:none; 
    border: 0px ;  
}



#project_file_line {         
    background-color: #B6B2AC;    
    overflow: hidden;       
}  
    
.project_file_detail { 
    color: #000000;   
    font-size: 8pt; 
    font-weight: normal; 
    text-decoration: none;   
    text-align: left; 
    overflow: hidden;   
}     
   
.project_file_detail a,.project_file_detail a:visited { 
    color: #007796;   
    font-size: 8pt; 
    font-weight: bold; 
    text-decoration: none;   
    text-align: left;   
    overflow:hidden;  
}                          
.project_file_detail a:hover{ 
    color: #007796;   
    font-size: 8pt; 
    font-weight: bold; 
    text-decoration: none;   
    text-align: left; 
    overflow:hidden;     
}  


.project_file_delete { 
    color: #000000;   
    font-size: 8pt; 
    font-weight: normal; 
    text-decoration: none;   
    text-align: left; 
    overflow: hidden;   
}     
   
.project_file_delete a,.project_file_delete a:visited { 
    color: #cc4444;   
    font-size: 8pt; 
    font-weight: bold; 
    text-decoration: none;   
    text-align: left;   
    overflow:hidden;  
}                          
.project_file_delete a:hover{ 
    color: #cc4444;   
    font-size: 8pt; 
    font-weight: bold; 
    text-decoration: underline;   
    text-align: left; 
    overflow:hidden;     
}