@import url("reset.css");
@import url("topbar.css");
@import url("popups.css");

/* =================== Shell Styles =================== */
html,body{height:100%;}
body{font:62.5% Arial, Helvetica, sans-serif;}

/* ----- Static Pages ----- */
.static{min-width:950px;min-height:600px;background:#f1f1f1;}
#window{width:100%;height:100%;display:table;}
#container{display:table-cell;vertical-align:middle;text-align:center;}

/* Static */
#content{width:800px;margin:21px auto 0;background:#fff;border-radius:10px;}
#content .title{height:50px;padding:20px 0 0 20px;background:#768290;border-radius-topleft:10px;border-radius-topright:10px;}
#content .title h1{width:289px;height:30px;display:block;overflow:hidden;text-indent:-10000px;}
#content .about h1{background:url(../images/extras/logos/about.png) no-repeat;}
#content .help h1{background:url(../images/extras/logos/help.png) no-repeat;}
#content .license h1{background:url(../images/extras/logos/license.png) no-repeat;}
#content .web-links h1{background:url(../images/extras/logos/web-links.png) no-repeat;}
#content .text{width:740px;height:450px;margin:20px auto;padding:10px;border-radius:10px;border:1px solid #ccc;}
#content .text .inner{height:450px;padding:0 10px 0 0;overflow-y:auto;color:#666;text-align:left;}
#content .text h2{font-size:14px;margin:0 0 15px;}
#content .text h3{font-size:12px;}
#content .text p{font-size:12px;margin:0 0 10px;}
#content .text a{color:#000;}
#content .button{padding:0 20px 20px;}
#content .button a{width:97px;height:42px;background:url(../images/extras/back.png) no-repeat;display:block;overflow:hidden;text-indent:-10000px;}

/* ----- Splash Page ----- */
.splash{width:100%;height:100%;display:table;background:#fff;}
#outer{width:100%;height:100%;display:table-cell;vertical-align:middle;text-align:center;}
#holder{width:800px;height:616px;margin:0 auto;}

#no-flash{margin:0 0 20px;border-radius:10px;border:1px solid #ccc;font-size:14px;color:#666;}
#no-flash .title{height:50px;padding:20px 0 0 20px;background:#768290;border-radius-topleft:10px;border-radius-topright:10px;}
#no-flash .title h1{width:289px;height:30px;background:url(../images/extras/logos/oup.png) no-repeat;display:block;overflow:hidden;text-indent:-10000px;}
#no-flash p{padding:0 0 10px;}
#no-flash a{border:0;}
#no-flash .inner{padding:20px;}
#flash-installers{width:700px;height:300px;border:1px solid #333;}

#skip {width:800px;text-align:center;line-height:32px;font-size:28px;}
#skip p a{color:#263d58;}