/* ######################################################## */
/* User Agreement & Video Popup - Needs to be consolidated with other Dialogs / Popups */
/* ######################################################## */
.awardUserAgreement.ui-dialog,
.ui-dialog .videoContainer {
    position: relative;
    background: url(../../../resource/media/image/quality-center/stripePatternDark.6bd9f2a6e932c1fdb0f1c35020c264de.png) repeat scroll 0 0 transparent;
    font: normal 13px Arial, Helvetica, sans-serif;
    border: 0;
    padding: 0 10px 10px;
    .rounded(5px);
}
.awardUserAgreement.ui-dialog .userAgreementLogo {
            width: 84px;
            height: 80px;
            display: inline-block;
            background: none;
        }
.awardUserAgreement .ui-dialog {
		position: absolute; 
		overflow:hidden;		
        p {
            line-height: 18px;
        }
        .ui-dialog .ui-dialog-content {
            padding: 12px 8px 14px;     
        }
        .ui-dialog-titlebar {
            display: none;
        }
        .userAgreementHeader {
            margin: 0 0 5px 0;
        }
        
        .userAgreementTitle {
            margin: 10px 0 0;
            width: 625px;
            display: inline-block;
            vertical-align: top;
            font-size: 24px;   
            color: #FFF;
        }
        .userAgreementContent {
            height: 200px;
            padding: 6px 10px 6px;
            border: 2px solid #FFF;
            background: #EBF2F7;
            overflow-y: scroll;
            .rounded(5px);
        }
        .userAgreementIAgree {
            display: inline-block;
            padding: 5px;
            margin: 6px 0 0 0;
            .rounded(5px);
                input {
                    vertical-align: top;
                }
                label {
                    color: #FFF;
                }    
        }
        .userAgreementLogo {
            width: 84px;
            height: 80px;
            display: inline-block;
        }
        .userAgreementIAgree.redHighlight {
            background: red;
        }
        .userAgreementButtons {
            display: inline-block;
            margin: 35px 0 10px;
            float: right;
                a.cancelButton {
                    display: inline-block;
                    margin: 10px 11px 0;
                    vertical-align: top;
                    color: #B4D2EB;
                }
                a.cancelButton:hover {
                    color: #FFF;
                }
                span.buttonStandard.dark {
                    box-shadow: 0px 1px 1px #333;        
                }
        }
}
#videoPresentationContainer {
	position: relative;
	display: none;
}
.ui-dialog #videoPresentation.ui-dialog-content {
    padding: 0;    
}
.ui-dialog .videoContainer {
    margin: 10px 0 0;
    .dialogHeader {
        padding: 4px 0 6px;
            .hgDialogLogo {
                position: relative;
                top: 8px;
                right: 4px;
                width: 160px;
                height: 48px;
                float: left;
                background: url(../../../resource/media/image/healthgradesLogo152x40.c803b23d816e352fb9c8548571f4680f.png) top left no-repeat;
                z-index: 1;
            }
            .buttonClose {
                float: right;   
            }
            span.buttonClose .buttonCloseIcon {
                position: relative;
                left: 0px;
            }
    }
    .videoContainerContent {
        position: relative;
	    display: block;
	    padding: 8px 40px 30px;
	    border: 1px solid #FFF;
	    background: #EAF1F7;
	    line-height: 16px;
	    .rounded(4px);
	    .box-shadow(0px 2px 3px #666);
	        p {
	            color: #666;
	            text-align: left;
            }
	        .videoContainerContentHeader {
	            margin: 30px 0 10px;
	                table {
	                    width: 100%;
	                }
	                .leftColumn {
	                        .sourceContent {
	                            font-size: 11px;
	                            line-height: 12px;
	                        }
	                        h3 {
                                font-size: 24px;
                                line-height: 24px; 
                                margin: 0; 
                            }
	                }
	                .rightColumn {
	                    text-align: right;
	                    width: 180px;
	                }  
	        }
	        .videoPlayer {
	            margin: 0 0 20px;
	            text-align: center;
	        }
	        object {
	            margin: 0 0 10px;    
	        }
    }
}
/* ######################################################## */
/* //End User Agreement & Video Popup -                     */
/* ######################################################## */