@media screen
{
    /* Pop up windows */
    .popup {
	    position: absolute;
	    top: 80px;
	    left: 270px;
	    padding: 1px;
	    width: 375px;
	    border: 3px solid #4dace1;
	    background: #0e88cc;
	    color: #fff;
	    z-index: 10000;
    }
    .out_of_bounds, #page .out_of_bounds {
	    width: 1%;
	    left: -1000em;
    }
    .popup .content {
	    padding: 12px;
	    margin: 0;
	    border: 1px solid #fff;
	    background: url(Images/bg.gradient_dots.2x300.gif) top left repeat-x #fff;
	    color: #000;
    }
    .popup h2 {
	    color: #353535;
	    font-size: 1.2em;
	    margin: 0 0 0.8em;
    }
    .popup #cancel_button { float: right; }
    #confirm_buttons {
	    width: 349px;
	    margin: 24px -10px -14px;
	    padding: 10px 10px;
	    border-top: 3px solid #cbef4e;
	    background: url(Images/bg.green_dots.2x2.gif);
    }
    .warning h2 {
	    padding: 6px 0 4px 36px;
	    background: url(Images/icon.yellow.warning.30x27.gif) 0 1px no-repeat;
    }
    .popup .intro {
	    font-size: 1.1em;
	    font-weight: bold;
    }
    #resource_window {
	    width: 785px;
	    height: 530px;
	    top: 20px;
	    left: 100px;
    }
    #resource_window #external_resource_window {
	    width: 785px;
	    height: 530px;
	    margin: 0;
    }
    #resource_window #close_button {
	    position: absolute;
	    top: 8px;
	    right: 14px;
    }
    #resource_window #close_button a {
	    display: block;
	    padding-right: 23px;
	    background: url(Images/icon.close.10x10.gif) center right no-repeat;
	    color: #fff;
	    font-size: 1.1em;
	    font-weight: bold;
	    line-height: 1.5;
    }
    #overlay {
	    width: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 90;
	    background-image: url(Images/overlay.png);
    }
}