/*
 *	This file contains style definitions which are consistent across all Square Enix websites.
 *	The following sections are included
 *	- External imports (css files for external libraries)
 *	- Internal imports (css files for internal objects, css kept separate for clarity) 
 *	- Settings (fixes for browser nuances and default HTML settings)
 *	- Page Structure (structural css that occurs in all sites)
 *  - Common UI Constructs (UI features which are consistent across sites)
*/

/* External Imports */
@import url("external/fileuploader.css");
@import url("external/sc-player-minimal.css");
@import url("external/jplayer/jplayer.css");

/* Internal Imports */
@import url("internal/form.css");
@import url("internal/videoplayer.css");
@import url("internal/overlays.css");

/*
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:1em;*font:x-small}
select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
*/
/* Settings */
body { margin: 0; padding: 0; overflow-x: hidden; }
a { margin: 0; padding: 0; text-decoration: none; }
a:focus { outline: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
img { border: 0; padding: 0; margin: 0; }
ul, dl { list-style: none; padding: 0; margin: 0; }
li, dd, dt { padding: 0; margin: 0; }
.clearfix { clear: both; }

/* Structure */
#container { margin: 0 auto; }
.block { float: left; position: relative; }
.pane, .subpane { float: left; position: relative; }
.pane .top, .pane .content, .pane .bottom { float: left; position: relative; display: block; }

/* HTML 5 Structure */
section { float: left; }

/* Tools */
.browse { cursor:pointer; }
.scroller { position:relative; overflow:hidden; }
.scroller .items { position:absolute; }
.scroller .items div { float: left; }

/* HTML5 reset */

html, div, span, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, select {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
	Supersized - Fullscreen Background jQuery Plugin Stylesheet
	Version 3.1.3 Core
	www.buildinternet.com/project/supersized
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

*{ margin:0; padding:0; }
body { background:#111; }
img{ border:none; }

#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ height:auto; width:auto; position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }