@font-face{
    font-family: 'MWP';
    src: url('../Fonts/myriadwebpro_0-webfont.eot');
    src: url('../Fonts/myriadwebpro_0-webfont.eot?#iefix') format('embedded-opentype'),
            url('../Fonts/myriadwebpro_0-webfont.woff') format('woff'),
            url('../Fonts/myriadwebpro_0-webfont.ttf') format('truetype'),
            url('../Fonts/myriadwebpro_0-webfont.svg#MWP') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'MWPC';
    src: url('../Fonts/myriadwebpro-condensed-webfont.eot');
    src: url('../Fonts/myriadwebpro-condensed-webfont.eot?#iefix') format('embedded-opentype'),
            url('../Fonts/myriadwebpro-condensed-webfont.woff') format('woff'),
            url('../Fonts/myriadwebpro-condensed-webfont.ttf') format('truetype'),
            url('../Fonts/myriadwebpro-condensed-webfont.svg#MWP') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
    margin: 0;
    outline: none;
    padding: 0;
} 
html{ background-color: #CCC; }

.full{ display: block; }
.none{ display: none; }

div#master{
    clear: both;
    font-family: 'MWP';
    position: relative;
    width: 1024px; height: 748px;
    margin: 0 auto;
    overflow: hidden;
}

    /* No portrait */
    div#no-portrait{
    	display: none;
        background:url('../Images/No-Portrait.png') center center no-repeat;
        left: -128px; top: 0;
        position: absolute;
        width: 1024px; height: 1004px;
        z-index: 1000;
    }
        #no-portrait div.text{
            color: #CCC;
            font-size: 130%;
            left: 486px; top: 424px;
            line-height: 1.1em;
            position: absolute;
            width: 256px; height: 146px;
        }   

	/* Preloader */
    div#patho_preloader-c,
    div#preloader-c{
    	background-color: #d5d5d5;
    	left: 0; top: 0;
    	overflow: hidden;
    	position: absolute;
    	width: 1024px; height: 748px;
    	z-index: 4;
    }
    div#patho_preloader-c{
        background-color: transparent;
    }
    
		div#preloader{
			background:url('../Images/Preloader_Background.png') no-repeat;
			left: 0; top: 0;
    		position: absolute;
    		width: 1024px; height: 748px;
		}
			#preloader div.texture{
				background:url('../Images/Preloader_Texture.png') repeat;
				left: 0; top: 0;
				position: absolute;
				width: 1024px; height: 748px;
				z-index: 1;
			}
			#preloader div.content{
				position: relative;
				margin: 0 auto;
				margin-top: 150px;
				/*top: 150px;*/
				width: 217px; height: 350px;
				z-index: 2;
			}
				div#i-logo{
					position: absolute;
					width: 217px; height: 54px;
					z-index: 1;
				}
				div#window{
					top: 96px;
					position: absolute;
					width: 217px; height: 219px;
					z-index: 2;
				}
				div#twurl{
					left: 75px; top: 354px;
					position: absolute;
					width: 66px; height: 66px;
					z-index: 1;
				}
				div#twurl div#percentage-loaded
				{
				    color:#808080;
                    font-size:12px;
				    position:absolute;
				    line-height:66px;
				    text-align:center;
				    width:66px; height:66px;
				}
				
			div#logo-understand{
				left: 25px; bottom: 24px;
				position: absolute;
				width: 212px; height: 56px; 
			}	
			#preloader div.copyright{
				color: #666;
				left: 320px; bottom: 32px;
				font-size: 12px;
				position: absolute;
				text-align: center;
				text-shadow: 0 1px 0 #E6E6E6;
				width: 384px;
			}
			div#logo-stryker{
				right: 24px; bottom: 24px;
				position: absolute;
				width: 176px; height: 56px;
			}
			   
        
        
    /* Dialogs */
    div#dialogs{
        left: 0; top: 0;
        position: absolute;
        width: 1024px; height: 748px;
        z-index: 3;
    }
    
  
  object#video-2{}
    
    /* jQuery Transfer Styling */
	div#dummy_dialog{
    	position: absolute;
    	left: 76px; top: 74px;
    	width: 865px; height: 556px;
    	z-index: -1;
    }
      
	.transfer-fx-int{
		background-color: #242d44;
		border-radius: 10px;
		border: 4px solid #39455E;
		z-index: 4096;
	}
	.transfer-fx-med{
		background-color: #2f313d;
		border-radius: 10px;
		border: 4px solid #373947;
		z-index: 4096;
	}
    
		div#dimmer{
			background-color: #000;
			left: 0; top: 0;
			opacity: 0; filter:alpha(opacity=0);
			position: absolute;
			width: 1024px; height: 748px;
			z-index: 1;
		}
		div.modal{
			left: 40px; top: 48px;
			position: absolute;
			width: 944px; height: 644px;
			z-index: 2;
		}
		#mod_interactive{   background:url('../Images/Modal_Background.png') no-repeat }
		#mod_media-browser{ background:url('../Images/Modal_MB_Background.png') no-repeat }
		
			div.cover{
				left: 0; top: 0;
				position: absolute;
				width: 944px; height: 644px;
				z-index: 5;
			}
			#mod_interactive   .cover{ background:url('../Images/Modal_Cover.png') no-repeat }
			#mod_media-browser .cover{ background:url('../Images/Modal_MB_Cover.png') no-repeat }
			
			.modal > div.title{
				color: #BBB;
				left: 72px; top: 49px;
				font-size: 18px;
				overflow: hidden;
				position: absolute;
				text-shadow: 0 1px 0 #000;
				width: 768px;
			}
			div.btn_close_modal{
				background:url('../Images/Button_Close.png') top no-repeat;
				cursor: pointer;
				right: 68px; top: 49px;
				position: absolute;
				width: 22px; height: 20px;
			}
			
			.modal div.content{
				position: absolute;
				left: 72px; top: 105px;
				width: 800px; height: 440px;
			}
				div.definition{
					border-bottom: 1px solid #1A2132;
					padding-bottom: 12px;
					position: relative;
					width: 800px;
				}
					.definition div.image{
					    clear: both;
						background-color: #101520;
						float: left;
						position: relative;
						width: 121px; height: 104px;
					}
					.definition div.text{
						color: #AAA;
						float: left;
						font-size: 13px;
						line-height: 1.4em;
						margin-left: 24px;
						position: relative;
						text-shadow: 0 -1px 0 #000;
						width: 640px;
					    height: 116px;
					    top: 0;
					}
					#definition-navigation{
					    list-style-type: none;
					    color: #777;
					    font-size: 15px;
					    margin: 0;
					    padding: 0;
					    margin-left: 145px;
					}
					    #definition-navigation li{
					        float: left;
					        cursor: pointer;
						    text-shadow: none;
					        padding: 0 8px;
					        margin-top: 4px;
					        line-height: 19px;
					        color: #BBB;
					        margin-left: 15px;
                            background: rgb(48, 57, 68);
                            
                            border-radius: 4px 4px 0 0;
					        behavior: url(Content/CSS/PIE.htc);
                        }
					    #definition-navigation li.selected{
					        background-color: rgb(28, 37, 48);
					        color: #DDD;
					        cursor: default;
					        line-height: 23px;
					        margin-top: 0;

					        box-shadow: 4px 4px 4px #222;
					        background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(48, 57, 68)), to(rgb(28, 37, 48)));
                            background: -webkit-linear-gradient(rgb(48, 57, 68), rgb(28, 37, 48));
                            background: -moz-linear-gradient(rgb(48, 57, 68), rgb(28, 37, 48));
                            background: -ms-linear-gradient(rgb(48, 57, 68), rgb(28, 37, 48));
                            background: -o-linear-gradient(rgb(48, 57, 68), rgb(28, 37, 48));
                            background: linear-gradient(rgb(48, 57, 68), rgb(28, 37, 48));
                            -pie-background: linear-gradient(rgb(48, 57, 68), rgb(28, 37, 48));
					        behavior: url(Content/CSS/PIE.htc);
					    }
					#label-overlay-text-actual{
					    border-radius: 6px;
					    clear: both;
					    height: 104px;
					    background-color: rgb(28, 37, 48);
					    padding: 4px 18px 4px 6px;
					    width: 632px;
					}
					    #label-overlay-text-actual-sections .section{
					        width: 632px;
					    }
				
				#mod_interactive div.media{
					border-top: 1px solid #384158;
					position: relative;
					width: 800px; height: 290px;
				}
				#mod_media-browser div.media{
					background-color: #111;
					position: relative;
					width: 800px; height: 450px;
				}
				    #mod_media-browser .image{
				        background-repeat:no-repeat;
				        background-position:center center;
				        height: 450px;
				    }
				
					div.viewer{
						background-color: #101520;
						float: left;
						margin-top: 24px;
						position: relative;
						width: 498px; height: 280px;
					}
					div.viewer .image{
				        background-repeat:no-repeat;
				        background-position:center center;
					    height: 280px;
					}
					div.browser{
						background:url('../Images/List_280.png') no-repeat;
						float: left;
						margin-left: 26px;
						margin-top: 24px;
						position: relative;
						width: 276px; height: 280px;
					}
						.browser div.list{
							margin: 0 auto;
							overflow: auto;
							position: relative;
							width: 274px; height: 279px;
						}
							.browser div.li{
								border-bottom: 1px solid rgba(0, 0, 0, 0.32);
								border-bottom: 1pX solid #141921\9;
								margin: 0 auto;
								position: relative;
								width: 274px; height: 65px;
							}
							.browser .li + .li{ 
								border-top: 1px solid rgba(255, 255, 255, 0.05); 
								border-top: 1px solid #29303b\9;
							}
							.browser .li.last{ border-bottom : none }
								
								/* Button */	
								.browser .btn{
									
									/* IE */
									background-color: #1D2530\9;
									filter:alpha(opacity=1);
									/* IE */
									
									cursor: pointer;
									left: 0; top: 0;
									position: absolute;
									width: 274px; height: 100%;
									z-index: 3;
								}
								.browser div.thumbnail{
									left: 10px; top: 10px;
									position: absolute;
									width: 80px; height: 45px;
									z-index: 2;
								}
								.browser div.description{
									color: #AAA;
									left: 100px; top: 10px;
									font-size: 12px;
									position: absolute;
									text-shadow: 0 1px 0 #000;
									width: 140px; height: 45px;
									z-index: 2;
								}
								.browser div.hl{
									background-color: #FFF;
									left: 0; top: 0;
									font-size: 14px;
									opacity: 0; filter: alpha(opacity = 0);
									position: absolute;
									text-shadow: 1px solid #000;
									width: 100%; height: 100%;
									z-index: 1;
								}							
            
            
    /* Media Browser */
    div#media-browser{
    	background:url('../Images/Background_Media-Browser.jpg') no-repeat;
    	left: 0; top: -748px;
    	position: absolute;
    	width: 1024px; height: 748px;
        z-index: 2;
    }
    
		/* MB Heading */
		#media-browser div.heading{
			left: 42px; top: 32px;
			width: 512px; height: 64px;
			position: absolute;
		}
			#media-browser div.title{
				position: relative;
				width: 256px; height: 36px;
			}
			#media-browser div.sub-title{
				color: #AAA;
				font-size: 14px;
				margin-top: 4px;
				text-shadow: 0 -1px 0 #000;
				position: relative;
				width: 512px; height: 36px;
			}
			
		/* Button - Interactive */
        div#btn-c_interactive{
            background:url('../Images/Button_Close-MB.png') no-repeat;
            right: 34px; top: 0;
            position: absolute;
            width: 182px; height: 54px;
            z-index: 4;
        }
            div#btn_interactive{
                cursor: pointer;
                left: 10px; top: 0;
                position: absolute;
                width: 162px; height: 44px;
            }
		
		/* Media Lists */	
		#media-browser div.media-lists{
			left: 43px; top: 116px;
			position: absolute;
			width: 938px; height: 592px;
		}
			div#videos{
				background:url('../Images/MB_List-Container.png') no-repeat;
				left: 0; top: 0;
				position: absolute;
				width: 452px; height: 592px;
			}
			div#images{
				background:url('../Images/MB_List-Container.png') no-repeat;
				right: 0; top: 0;
				position: absolute;
				width: 452px; height: 592px;
			}
				#media-browser div.list{
					margin: 0 auto;
					overflow-y: auto;
					overflow-x: hidden;
					position: relative;
					width: 450px; height: 591px;
				}
					#media-browser div.li{
						border-bottom: 1px solid rgba(0, 0, 0, 0.40);
						border-bottom: 1pX solid #16161c\9;
						margin: 0 auto;
						position: relative;
						width: 450px; height: 132px;
					}
					#media-browser .li + .li{ 
						border-top: 1px solid rgba(255, 255, 255, 0.06); 
						border-top: 1px solid #2f3039\9;
					}
					#media-browser .li.last{ border-bottom : none }
		            #media-browser div.media-lists div.list-title{
		                line-height: 1.3em;
		                height: auto;
				        font-size: 20px;
				        color: #CCC;
				        text-align: center;
				        text-shadow: 0 -1px 0 #000;
				        padding-top: 12px;
				        padding-bottom: 12px;
		            }
	
						/* Button */	
						#media-browser .btn_media{
									
							/* IE */
							background-color: #24252E\9;
							filter:alpha(opacity=1);
							/* IE */
									
							cursor: pointer;
							left: 0; top: 0;
							position: absolute;
							width: 450px; height: 100%;
							z-index: 3;
						}
						
						/* Thumbnail */
						#media-browser div.thumbnail{
							left: 20px; top: 18px;
							position: absolute;
							width: 168px; height: 96px;
							z-index: 2;
						}
						
						/* Description */
						#media-browser div.description{
							color: #888;
							left: 200px; top: 18px;
							line-height: 1.3em;
							font-size: 12px;
							position: absolute;
							text-shadow: 0 1px 0 #222;
							width: 220px; height: 96px;
							z-index: 2;
						}
							div.media-title{
								color: #CCC;
								font-size: 16px;
								padding-top: 4px;
								padding-bottom: 4px;
							}
						
						/* Highlight */
						#media-browser div.hl{
							background-color: #ACB2EE;
							left: 0; top: 0;
							font-size: 14px;
							opacity: 0; filter:alpha(opacity=0);
							position: absolute;
							text-shadow: 1px solid #000;
							width: 100%; height: 100%;
							z-index: 1;
						}	
		
            
            
    /* Interactive */
    div#interactive{
        background:url('../Images/Background_Interactive.jpg') no-repeat;
        left: 0; top: 0;
        position: absolute;
        width: 1024px; height: 748px;
        z-index: 1;
    }
            
        div#patho_twurl{
			left: 630px; top: 320px;
			position: relative;
			width: 66px; height: 66px;
			z-index: 1;
		}
		div#patho_percentage-loaded
		{
			color:#FFF;
            font-size:12px;
			position:absolute;
			line-height:66px;
			text-align:center;
			width:66px; height:66px;
		}


        /* Overlay */
        div#overlay{
            background:url('../Images/Overlay.png') no-repeat;
            left: 0; top: 0;
            position: absolute;
            width: 1024px; height: 748px;
            z-index: 2;
        }
                
            
        /* Model */
        div#model{
            left: 0; right: 0;
            position: absolute;
            width: 1024px; height: 748px;
            z-index: 1;
            overflow: hidden;
        }
            div#model .pathology{
                position: absolute;
                top: 0; right: 0;
                width: 1024px; height: 748px;
            }
                div#model .rotations{
                    overflow: auto;
                }
                    div#model .rotation{
                        width: 1024px; height: 748px;
                    }
                    div#model .rotation .model-image{
			            position: absolute;
			            top: 0;
                        width: 1024px; height: 748px;
                        z-index: 0;
                    }
			    div#model .layers{
			        position: absolute;
			        top: 0;
			        left: 0;
			        width: 1024px;
			        height: 748px;
			    }
			        div#model .layer{
			            position: absolute;
			            top: 0;
			            left: 359px;
			            width: 665px;
			            height: 748px;
			        }
                div#model .labels{
                    position: absolute;
			        top: 0;
			        left: 0;
                    width: 1024px; height: 748px;
                    z-index: 1;
                }
			        div#model .label{
				        position: absolute;
				        cursor: pointer;
                        z-index: 100;
			        }
			        
				        div.shadow{
					        box-shadow: 0 5px 32px #000;
					        opacity: 0.16; filter: alpha(opacity = 16);
					        left: 0; top: 0;
					        position: absolute;
					        width: 100%; height: 100%;
					        z-index: 1;
				        }
				        div.bg{
					        background-color: #000;		
					        border-radius: 4px;			
					        left: 0; top: 0;
					        opacity: 0.32; filter: alpha(opacity = 32);
					        position: absolute;
					        width: 100%; height: 100%;
					        z-index: 2;
				        }
				        div.border{
					        border-radius: 4px;
					        top: 0;		
					        position: absolute;
					        width: 100%; height: 100%;
					        z-index: 3;
				        }
				        .border.l{ border-left: 4px solid #7286A2; right: -4px }
				        .border.r{ border-right: 4px solid #7286A2; left: -4px }
				        
				        .special .border.l{ border-left: 4px solid #EEA; right: -4px }
				        .special .border.r{ border-right: 4px solid #EEA; left: -4px }
				
				        div#model .labels div.text{
					        color: #CCC;
					        font-family: 'MWPC';
					        font-size: 16px;
					        padding: 14px 18px 14px 18px;
					        position: relative;
					        text-align: center;
					        text-shadow: 0 1px 0px #000;
					        z-index: 4;
				        }
				        div#model .labels .text.l{
					        margin-right: 4px; /* Compensate for border */
				        }
				        div#model .labels .text.r{
					        margin-left: 4px; /* Compensate for border */
				        }
				        
				        div#model .labels .special div.text{
				            color: #EEA;
				        }
				        
				
				        div.btn_label{

					        /* IE */
					        background-color: #1F2B40\9;
					        filter:alpha(opacity=1);
					        /* IE */
					
					        cursor: pointer;
					        left: 0; top: 0;
					        position: absolute;
					        width: 100%; height: 100%;
					        z-index: 101;
				        }
				
				        /* Arm */
				        div.arm{
				            cursor:default; /* Not sure why this is needed. Without this it acts like it has "cursor: pointer;" on it. */
				            position: absolute;
				        }

                        .ld{ background:url('../Images/Label-Arm_Left-Down_Small.png') bottom right no-repeat }
                        .lh{ background:url('../Images/Label-Arm_Left_Small.png') center right no-repeat }
                        .lu{ background:url('../Images/Label-Arm_Left-Up_Small.png') top right no-repeat }

                        .rd{ background:url('../Images/Label-Arm_Right-Down_Small.png') bottom left no-repeat }
                        .rh{ background:url('../Images/Label-Arm_Right_Small.png') center left no-repeat }
                        .ru{ background:url('../Images/Label-Arm_Right-Up_Small.png') top left no-repeat }

                
        /* Button - Media Browser */
        div#btn-c_media-browser{
            background:url('../Images/Button_Media-Browser.png') no-repeat;
            right: 48px; top: 0;
            position: absolute;
            width: 182px; height: 54px;
            z-index: 4;
        }
            div#btn_media-browser{
                cursor: pointer;
                left: 10px; top: 0;
                position: absolute;
                width: 162px; height: 44px;
            }
            
        /* Rotate Buttons */
        div#btn-c_rotate-left{
            background:url('../Images/Button_Rotate-Left.png') no-repeat;
            left: 350px; top: 320px;
            position: absolute;
            width: 70px; height: 68px;
            z-index: 4;
        }                   
        div#btn-c_rotate-right{
            background:url('../Images/Button_Rotate-Right.png') no-repeat;
            right: 32px; top: 320px;
            position: absolute;
            width: 70px; height: 68px;
            z-index: 4;
        }
            div#btn_rotate-left,
            div#btn_rotate-right{
                left: 11px; top: 9px;
                cursor: pointer;
                position: absolute;
                width: 48px; height: 47px;
            }

        /* Controls */
        div#controls{
            left: 42px; top: 32px;
            position: absolute;
            width: 276px; height: 670px;
            z-index: 4;
        }
                
            /* Title */
            div#title{
                position: relative;
                width: 276px; height: 36px;
                z-index: 1;
            }
                    
            /* Dropdown - Pathology */
            div#drp-c_pathology{
                margin-top: 12px;
                position: relative;
                width: 276px; height: 66px;
                z-index: 4;
            }
				#drp-c_pathology div.top-ext{
					background:url('../Images/x.png') no-repeat;
					left: -13px; top: -8px;
					position: absolute;
					width: 306px; height: 0; /* 74 */
				}
                div#drp_pathology{
                    background:url('../Images/Dropdown_Large.png') top center no-repeat;
                    left: 0; top: 0;
                    overflow: visible;
                    position: absolute;
                    width: 276px; height: 66px;
                }
                    div#btn_pathology{
                    	
                    	/* IE */
						background-color: #212B38\9;
						filter:alpha(opacity=1);
						/* IE */
                    	
                        left: 1px; top: 1px;
                        cursor: pointer;
                        position: absolute;
                        width: 274px; height: 64px;
                        z-index: 2;
                    }
                    #drp_pathology div.selected-value{
                        left: 1px; top: 1px;
                        position: absolute;
                        width: 274px; height: 64px;
                        z-index: 1;
                    }
						#drp_pathology .selected-value div.thumbnail{
							left: 8px; top: 7px;
							position: absolute;
							width: 50px; height: 50px;
						}
						#drp_pathology .selected-value div.text{
							color: #CCC;
							left: 70px; top: 22px;
							font-size: 16px !important;
							position: absolute;
							text-shadow: 1px solid #000;
							width: 164px;
						}
						
					#drp_pathology div.extension{
						background:url('../Images/Dropdown_Large_Extension.png') bottom no-repeat;
						left: -15px; top: 66px;
						overflow: hidden;
						padding-bottom: 11px;
						position: absolute;
						width: 306px;
					}
						#drp_pathology div.list{
							margin: 0 auto;
							overflow: auto;
							position: relative;
							width: 274px; max-height: 564px;
						}
							#drp_pathology div.li{
								border-bottom: 1px solid rgba(0, 0, 0, 0.32);
								border-bottom: 1pX solid #161D26\9;
								margin: 0 auto;
								position: relative;
								width: 274px; height: 62px;
							}
							#drp_pathology .li + .li{ 
								border-top: 1px solid rgba(255, 255, 255, 0.05);
								border-top: 1px solid #2c3642\9;
							}
							#drp_pathology .li.last{ border-bottom : none }
							
								/* List Item Button */
								#drp_pathology .btn{
									
									/* IE */
									background-color: #212B38\9;
									filter:alpha(opacity=1);
									/* IE */
									
									cursor: pointer;
									left: 0; top: 0;
									position: absolute;
									width: 100%; height: 100%;
									z-index: 3;
								}
								
								/* Thumbnail */
								#drp_pathology div.thumbnail{
									left: 8px; top: 6px;
									position: absolute;
									width: 50px; height: 50px;
									z-index: 2;
								}
								
								/* Text */
								#drp_pathology .li div.text{
									color: #BBB;
									left: 70px; top: 22px; top: 23px\9;
									font-size: 14px;
									position: absolute;
									text-shadow: 0 1px 0 #000;
									width: 164px;
									z-index: 2;
								}		
								
								/* Highlight */
								#drp_pathology div.hl{
									background-color: #FFF;
									left: 0; top: 0;
									font-size: 14px;
									opacity: 0; filter:alpha(opacity=0);
									position: absolute;
									text-shadow: 1px solid #000;
									width: 100%; height: 100%;
									z-index: 1;
								}	
								
								/* Selected State */
								.li.selected .text{ 
									color: #78889B !important; 
									text-shadow: 0 -1px 0 #000;
								}
								.li.selected .hl{ 
									opacity: 0.02 !important; 
									filter:alpha(opacity=02) !important; 
								}
								.li.selected .btn{ 
									display: none; 
								}

                    
            /* Audio */
            div#audio{
                margin-top: 10px;
                overflow: hidden;
                position: relative;
                width: 276px; height: 0;
                z-index: 1;
            }
                #swf{
                    position: absolute;
                    top: -2048px; left: -2048px;
                    width: 1px; height: 1px;
                }
            
				/* Play/Pause */
                div#btn-c_play-pause{
                    background:url('../Images/Button_Circle.png') left top no-repeat;
                    left: 0; top: 1px;
                    position: absolute;
                    width: 31px; height: 30px;
                }
					div#btn_play-pause{
						background:url('../Images/Icons_Play-Pause.png') top no-repeat;
						cursor: pointer;
						left: 0; top: 0;
						width: 31px; height: 30px;
					}
					#btn_play-pause.playing{
						background-position: bottom;
					}
                
                /* Mute */
                div#btn-c_mute{
                    background:url('../Images/Button_Circle.png') left top no-repeat;
                    cursor: pointer;
                    right: 0; top: 1px;
                    position: absolute;
                    width: 31px; height: 30px;
                }
					div#btn_mute{
						background:url('../Images/Icons_Mute.png') top no-repeat;
						cursor: pointer;
						left: 0; top: 0;
						width: 31px; height: 30px;
					}
					#btn_mute.muted{
						background-position: bottom;
					}
                
                /* Audio Seeker */
                div#audio-seeker{
                    left: 38px; top: 5px;
                    position: absolute;
                    width: 202px; height: 22px;
                }
                    div#track{
                        background:url('../Images/Track.png') 0 no-repeat;
                        left: 0; top: 10px;
                        position: absolute;
                        width: 200px; height: 2px;
                    }
                        div#scrubber{
                            background:url('../Images/Scrubber_Audio.png') no-repeat;
                            cursor: pointer;
                            position: absolute;
                            top: -10px;
                            width: 10px; height: 21px;
                        }
							div#grip{
								background-color: #2f3c5c;
								top: -8px; left: -9px;
								opacity: 0.01; filter:alpha(opacity=01);
								position: absolute;
								width: 28px; height: 36px;
							}
                            	
                    
            /* Keynote */
            div#keynote{
                background:url('../Images/TextArea.png') no-repeat;
                position: relative;
                width: 276px; height: 178px;
                z-index: 1;
                margin-top: 10px;
            }
				#keynote h1{
					color: #CCC;
					font-size: 16px;
					font-weight: normal;
				}
				h1 + div{  padding-top: 3px   }
				div + h1{  padding-top: 16px  }
				
                #keynote div.text{
                    color: #AAA;
                    left: 2px; top: 0;
                    line-height: 1.3em;
                    font-family: 'MWP';
                    font-size: 14px;
                    text-shadow: 0 1px 0 #000;
                    overflow: auto;
                    padding: 0px 6px 0px 9px;
                    position: absolute;
                    width: 258px; height: 177px;
                }
                    
            /* Structure Dropdown and Position */
            div#structure-n-position{
                margin-top: 32px;
                position: relative;
                width: 276px; height: 36px;
                z-index: 2;
            }
            
				/* Dropdown - Structure */
                div#drp-c_structure{
                    cursor: pointer;
                    left: 0; top: 0;
                    position: absolute;
                    width: 133px; height: 36px;
                }
                div#drp-c_position{
                    cursor: pointer;
                    left: 144px; top: 0;
                    position: absolute;
                    width: 133px; height: 36px;
                }
					#drp-c_structure div.top-ext, 
					#drp-c_position div.top-ext{
						background:url('../Images/Dropdown_Mini_Top-Ext.png') no-repeat;
						left: -15px; top: -8px;
						position: absolute;
						width: 163px; height: 0; /* 44 */
					}
					div.drp_mini{
						background:url('../Images/Dropdown_Mini.png') no-repeat;
						cursor: pointer;
						left: 0; top: 0;
						position: absolute;
						width: 133px; height: 36px;
					}
						div.btn_mini{
							left: 1px; top: 1px;
							position: absolute;
							width: 133px; height: 36px;
							z-index: 2;
						}
						.drp_mini div.selected-value{
							left: 1px; top: 1px;
							position: absolute;
							width: 133px; height: 36px;
							z-index: 1;
						}
							.drp_mini .selected-value div.text{
								color: #CCC;
								left: 14px; top: 10px;
								font-size: 13px;
								position: absolute;
								text-shadow: 1px solid #000;
								width: 92px;
								height: 13px;
								overflow: hidden;
						}
						
					.drp_mini div.extension{
						background:url('../Images/Dropdown_Mini_Extension.png') bottom no-repeat;
						left: -15px; top: 36px;
						overflow: hidden;
						padding-bottom: 12px;
						position: absolute;
						width: 163px;
					}
						.drp_mini div.list{
							margin: 0 auto;
							overflow-y: auto;
							overflow-x: hidden;
							position: relative;
							width: 133px; max-height: 258px;
						}
							.drp_mini div.li{
								border-bottom: 1px solid rgba(0, 0, 0, 0.32);
								border-bottom: 1pX solid #141921\9;
								margin: 0 auto;
								position: relative;
								width: 131px; height: 40px;
							}
							.drp_mini .li + .li{ 
								border-top: 1px solid rgba(255, 255, 255, 0.05);
								border-top: 1px solid #29303b\9;
							}
							.drp_mini .li.last{ border-bottom : none }
							
								/* Button */
								.drp_mini .btn{
									
									/* IE */
									background-color: #1D2530\9;
									filter:alpha(opacity=1);
									/* IE */
									
									cursor: pointer;
									left: 0; top: 0;
									position: absolute;
									width: 100%; height: 100%;
									z-index: 3;
								}
								
								/* Text */
								.drp_mini .li div.text{
									color: #BBB;
									left: 16px; top: 13px;
									font-size: 13px;
									position: absolute;
									text-shadow: 1px solid #000;
									width: 96px;
									z-index: 2;
								}
									
								/* Highlight */
								.drp_mini div.hl{
									background-color: #FFF;
									left: 0; top: 0;
									font-size: 14px;
									opacity: 0; filter:alpha(opacity=0);
									position: absolute;
									text-shadow: 1px solid #000;
									width: 100%; height: 100%;
									z-index: 1;
								}
                        
            /* Visibility Toggles */
            div#visi-toggles{
                background:url('../Images/List.png') no-repeat;
                margin-top: 8px;
                position: relative;
                width: 276px; height: 210px;
				z-index: 1;
            }
				#visi-toggles div.list{
					margin: 0 auto;
					overflow-y: auto;
					overflow-x: hidden;
					position: relative;
					width: 274px; height: 209px;
				}
					#visi-toggles div.li{
						border-bottom: 1px solid rgba(0, 0, 0, 0.32);
						border-bottom: 1pX solid #141921\9;
						margin: 0 auto;
						position: relative;
						width: 274px; height: 40px;
					}
					#visi-toggles .li + .li{ 
						border-top: 1px solid rgba(255, 255, 255, 0.05);
						border-top: 1px solid #29303b\9;
					}
					#visi-toggles .li.last{ border-bottom : none }
					
						#visi-toggles div.label{
							color: #BBB;
							left: 16px; top: 13px;
							font-size: 13px;
							position: absolute;
							text-shadow: 0 1px 0 #000;
							width: 200px;
						}
						#visi-toggles .li.on .label{  
							color: #BBB;
							text-shadow: 0 1px 0 #000;
						}
						#visi-toggles .li.off .label{ 
							color: #666; 
							text-shadow: 0 -1px 0 #000;
						}

                        div.toggle-part-button
                        {
                            cursor: pointer;
                        }

						div.btn_toggle-part{
							background:url('../Images/Button_Switch.png') no-repeat;
							cursor: pointer;
							right: 24px; top: 12px;
							position: absolute;
							width: 18px; height: 18px;
						}
						.li.on  .btn_toggle-part{ background-position: top }
						.li.off .btn_toggle-part{ background-position: center }
						.li.half .btn_toggle-part{ background-position: bottom }
                    
            /* Labels and Reset Button */
            div#labels-n-reset{
                margin-top: 8px;
                position: relative;
                width: 276px; height: 36;
            }
                div#labels-switch{
                    background:url('../Images/Labels-Switch.png') no-repeat;
                    left: 0; top: 0;
                    position: absolute;
                    width: 186px; height: 36px;
                    cursor: pointer;
                }
					#labels-switch div.label{
						left: 16px; top: 10px;
						font-size: 13px;
						position: absolute;
						text-shadow: 0 1px 0 #000;
						width: 200px;
					}
					#labels-switch .btn_toggle-part{
						top: 8px;
					}
					#labels-switch.on .label{  
						color: #BBB;
						text-shadow: 0 1px 0 #000;
					}
					#labels-switch.off .label{ 
						color: #666; 
						text-shadow: 0 -1px 0 #000;
					}
                
                div#btn_reset{
                    background:url('../Images/Button_Reset.png') no-repeat;
                    cursor: pointer;
                    right: 0; top: 0;
                    position: absolute;
                    width: 80px; height: 36px;
                }  
                        
        /* Orientation Indicator */
	    div#oi{
		    background:url('../Images/OI_Circle.png') no-repeat;
		    position: absolute;
		    right: 8px; bottom: 0px;
		    width: 160px; height: 140px;
		    z-index: 150;
	    }
	        #oi .selected
            {
                background-position:center bottom;
            }
	        div#lbl_view{
	        	font-family: 'MWPC';
	            color: #7C8CA6;
	            font-size: 14px;
	            left: 48px; top: 48px;
	            position: absolute;
	            text-align: center;
	            width: 64px;
	        }
		    div#btn_arrow-front{
			    background:url('../Images/OI_Arrow_Front.png') no-repeat;
			    cursor: pointer;
			    left: 70px; top: 84px;
			    position: absolute;
			    width: 20px; height: 23px;
		    }
		    div#btn_arrow-right{
			    background:url('../Images/OI_Arrow_Right.png') no-repeat;
			    cursor: pointer;
			    right: 27px; top: 45px;
			    position: absolute;
			    width: 20px; height: 13px;
		    }
		    div#btn_arrow-back{
			    background:url('../Images/OI_Arrow_Rear.png') no-repeat;
			    cursor: pointer;
			    left: 74px; top: 17px;
			    position: absolute;
			    width: 12px; height: 12px;
		    }
		    div#btn_arrow-left{
			    background:url('../Images/OI_Arrow_Left.png') no-repeat;
			    cursor: pointer;
			    left: 27px; top: 45px;
			    position: absolute;
			    width: 20px; height: 13px;
		    }
		
		/* Copyright */  
		#interactive div.copyright{
			color: #7c8ba5;
			left: 46px; bottom: 16px;
			font-size: 12px;
			position: absolute;
			text-shadow: 0 -1px 0 #1a2136;
			width: 384px;
			z-index: 200;
		}
		    
		    
		    
		    
		    
		    
		    
/* Scrollbar Customization */
.jspVerticalBar{
    z-index: 100;
}
.jspTrack{
    background-color: #1E2732 !important;
    width: 15px !important;
}
.jspDrag{
    background-color: #2E3B4C !important;
    border-radius: 2px;
}
.jspArrow{
    width: 16px !important; height: 18px !important;
}
.jspArrowUp{
    background:url('../Images/Button_Scroll-Up.png') no-repeat !important;
}
.jspArrowDown{
    background:url('../Images/Button_Scroll-Down.png') no-repeat !important;
}


#media-browser .jspTrack{
    background-color: #2c2f39 !important;
    width: 15px !important;
}
#media-browser .jspDrag{
    background-color: #434958 !important;
    border-radius: 2px;
}  


#media-browser .jspArrowUp{
    background:url('../Images/Button_MB_Scroll-Up.png') no-repeat !important;
}
#media-browser .jspArrowDown{
    background:url('../Images/Button_MB_Scroll-Down.png') no-repeat !important;
} 



.myScrollbarV {
	position:absolute;
	z-index:100;
	width:4px;bottom:7px;top:2px;right:1px
}

.myScrollbarV > div {
	position:absolute;
	z-index:100;
	width:100%;

	/* The following is probably what you want to customize */
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#999), to(#666));
	-webkit-background-clip:padding-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}

.learn-more {
    color:#CCC;
    cursor:pointer;
    font-weight:bold;
    padding:4px;
    text-align:center;
    text-decoration:underline;
}