/* ============================================================================
	Backend.css
============================================================================ */

@font-face {
	font-family: 'Dosis';
	src:url('/shared/fonts/dosis/Dosis-Regular.eot');
	src:url('/shared/fonts/dosis/Dosis-Regular.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/dosis/Dosis-Regular.woff') format('woff'),
		url('/shared/fonts/dosis/Dosis-Regular.ttf') format('truetype'),
		url('/shared/fonts/dosis/Dosis-Regular.svg#Dosis') format('svg');
}

@font-face {
	font-family: 'DosisL';
	src:url('/shared/fonts/dosis/Dosis-Light.eot');
	src:url('/shared/fonts/dosis/Dosis-Light.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/dosis/Dosis-Light.woff') format('woff'),
		url('/shared/fonts/dosis/Dosis-Light.ttf') format('truetype'),
		url('/shared/fonts/dosis/Dosis-Light.svg#DosisL') format('svg');
}

@font-face {
	font-family: 'DosisM';
	src:url('/shared/fonts/dosis/Dosis-Medium.eot');
	src:url('/shared/fonts/dosis/Dosis-Medium.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/dosis/Dosis-Medium.woff') format('woff'),
		url('/shared/fonts/dosis/Dosis-Medium.ttf') format('truetype'),
		url('/shared/fonts/dosis/Dosis-Medium.svg#DosisM') format('svg');
}

@font-face {
	font-family: 'DosisB';
	src:url('/shared/fonts/dosis/Dosis-Bold.eot');
	src:url('/shared/fonts/dosis/Dosis-Bold.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/dosis/Dosis-Bold.woff') format('woff'),
		url('/shared/fonts/dosis/Dosis-Bold.ttf') format('truetype'),
		url('/shared/fonts/dosis/Dosis-Bold.svg#DosisB') format('svg');
}

@font-face {
	font-family: 'DosisXB';
	src:url('/shared/fonts/dosis/Dosis-ExtraBold.eot');
	src:url('/shared/fonts/dosis/Dosis-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/dosis/Dosis-ExtraBold.woff') format('woff'),
		url('/shared/fonts/dosis/Dosis-ExtraBold.ttf') format('truetype'),
		url('/shared/fonts/dosis/Dosis-ExtraBold.svg#DosisXB') format('svg');
}

@font-face {
	font-family: 'DosisSB';
	src:url('/shared/fonts/dosis/Dosis-SemiBold.eot');
	src:url('/shared/fonts/dosis/Dosis-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/dosis/Dosis-SemiBold.woff') format('woff'),
		url('/shared/fonts/dosis/Dosis-SemiBold.ttf') format('truetype'),
		url('/shared/fonts/dosis/Dosis-SemiBold.svg#DosisSB') format('svg');
}

/*-------------------------------------------------------------------------------
	Reset
-------------------------------------------------------------------------------*/

html { border: 0; margin: 0; padding: 0; }
html, html body { height: 100%; width: 100%; }
body { font-size: 100%; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video	{ border: 0; margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, dialog, footer, hettader, hgroup, menu, nav, section { display:block; }

/*-------------------------------------------------------------------------------
	1.2 Image
-------------------------------------------------------------------------------*/

object, embed {  max-width: 100%; }
img { height: auto; display: block;  overflow: hidden; }

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* prevent BG image flicker upon hover */
.ie7 img {-ms-interpolation-mode: bicubic;} /* scale images in IE7 more attractively */

.mwidth, .mwidth > img{ max-width:100%; }
.mheight, .mheight > img{ max-height:100%; }

/*-------------------------------------------------------------------------------
	1.3 Anchor
-------------------------------------------------------------------------------*/

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }
a:hover, a:active { outline: none; cursor: pointer; }
a img { border: none; }


/*-------------------------------------------------------------------------------
	1.4 Typography
-------------------------------------------------------------------------------*/

blockquote:before, blockquote:after, q:before, q:after {  content: ''; }
blockquote, q { quotes: "" ""; }
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}

.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }
.capitalize{ text-transform:capitalize; }

.normal{ font-weight:normal; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.underline{ text-decoration: underline; }

/*-------------------------------------------------------------------------------
	1.5 Float Left, Right, Clearfix, Alignment
-------------------------------------------------------------------------------*/

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
.clear{ clear:both; overflow: hidden; height:0; zoom: 1; }
.clear-right{ clear:right; }
.clear-left{ clear:left; }

.right { float:right; display:block; }
.left { float:left; display:block; }

body .show { display:block; }
body .show-0 { display:none; }
body .show-1 { display:block; }

body .hide { display:none; }
body .hide-0 { display:block; }
body .hide-1 { display:none; }

.show-if-not-empty{ display:none; }

.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.tl > img, .tr > img, .tc > img{ display: inline; }

/*-------------------------------------------------------------------------------
	Login
-------------------------------------------------------------------------------*/

.width45p{
	width:45%;
}

body{
	font-family:DosisM;
	letter-spacing: 1px;
}

.vc-con{
	position:relative;
	float:left;
	width:100%;
	height:50%;
	margin-bottom:-270px;
}

#login{
	position:relative;
	clear:both;
	width:870px;
	margin:0 auto;
	padding:20px;
}

#login .login-box{
	background:url(/images/xpr1-login-box.png) repeat;
	float: left;
	width:450px;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}

#login .login-box h2{
	color: #002c41;
	font: 24px DosisM;
	letter-spacing: 4px;
	margin-bottom:15px;
}

#login .login-box .login-logo{
	padding:50px;
	height:78px;
	text-align:center;
	background:url(/images/xpr1-login-logo.png) 50% 50% no-repeat;
	border-bottom:1px solid #ccc;
}

#login .login-box .login-form{
	padding:20px 50px 50px;
}

#login .login-box .login-form .field{
	margin-bottom:15px;
}

#login .login-box .login-form .field input{
	width:100%;
	display:block;
	color:#002c41;
	height:35px;
	line-height: 35px;
	border:0;
	font-size:13px;
	border-bottom:1px solid #DFDFDF;
	text-transform: none;
	background: none;
}

#login .login-box .login-nav{
	padding:10px 0;
}

#login .login-box .login-nav a{
	color:#002c41;
	line-height: 48px;
	font-size:15px;
}

#login .login-box .login-nav a:hover{
	text-decoration: underline;
}

#login .login-box .login-nav .login-btn{
	background: #e84333;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 50px;
    line-height: 48px;
    text-align: center;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    
}

#login .login-box .login-nav .login-btn:hover{
	text-decoration: none;
	background:#D43627;
}

#login .login-box .stay-signed-in-box{
	margin-top:15px;
	font-size:12px;
}

#login .login-box .stay-signed-in-box input{
	cursor: pointer;
}

#login .login-box .stay-signed-in-box label{
	cursor: pointer;
	padding-left:5px;
}

#login .welcome-text{
	float: right;
	width:350px;
	color:#002c41;
}

#login .welcome-text h1{
	font:32px DosisB;
	letter-spacing: 5px;
	color:#002c41;
	margin-bottom:20px;
}

#login .welcome-text p,
#login .welcome-text a{
	color:#002c41;
	font:20px/31px DosisL;
	letter-spacing: 1px;
}

#login .welcome-text p{
	margin-bottom:15px;
}

#login .welcome-text a{
	color:#e84333;
	font-family:DosisM;
}

#login .welcome-text a:hover{
	text-decoration: underline;
}

.news-header {
    font:25px/30px DosisB;
    color:#FFF;background:#e84333;
    display:inline-block;
    padding:13px 20px;
    margin:0px 0px 30px;
}