@charset 'utf-8';

/* Download Typefaces */
@import "type/type.css";


/*-------------------------------------------    
 *
 *	Reset
 *
-------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}
ul, li {
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*-------------------------------------------    
 *
 *	General Selectors & Typography
 *
-------------------------------------------*/

h1, h2 { text-transform: uppercase; font-weight:normal; color:white; font-family: "ApexNewLight", "Lucida Grande", "Lucida Sans Unicode", sans-serif; word-spacing: 0.1em; letter-spacing: 1px; }

h1 { 
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-moz-text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	font-size: 52px;
	line-height: 52px;
	margin-bottom: 50px;
}

h2 {
	font-size: 39px;
	line-height: 39px;
	margin-bottom: 40px; 
}
h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom:20px;
}
p, #content ul {
	margin-bottom: 40px;
}
a {
	color: #61c6dc;
	text-decoration: none;
}
a:hover {
	color: #e90505;
}

body.not-front p {
	margin-bottom: 20px;
}


body.not-front h1 {
	margin-left: 30px;
	font-size: 48px;
	margin-bottom: 30px;
}

body.not-front h2 {
	font-size: 24px;
	margin: 15px 0 10px;
}

/* Paragraph Styles */

p {
  margin: 1em 0;
}

strong {
	color: white;
}

/* List Styles  */

body.not-front ul, body.not-front ol {
  margin-left: 0;
  margin-bottom: 2em;
  padding-left: 2em;
}

body.not-front ul li, body.not-front ol li {
	margin-bottom: 1em;
	list-style-type: inherit;
}

body.not-front ul          { list-style-type: circle; }
body.not-front ul ul       { list-style-type: disc; }
body.not-front ul ul ul    { list-style-type: square; }
body.not-front ul ul ul ul { list-style-type: circle; }
body.not-front ol          { list-style-type: decimal; }
body.not-front ol ol       { list-style-type: lower-alpha; }
body.not-front ol ol ol    { list-style-type: decimal; }

body.not-front ul.custom-bullet-list {
	list-style-type:none;
	margin: 15px 0 0 5px;
	padding: 0;
}
body.not-front ul.custom-bullet-list li {
	background: url("/image/icons/li-bullet.png") no-repeat left center;
	padding:0 0 0 15px;
	margin:0 0 15px 0;
	line-height: 7px;
}

/*-------------------------------------------    
 *
 *	Navigation
 *
-------------------------------------------*/
#navigation.header ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navigation.header ul.secondary {
	float:right;
}
#navigation.header li {
	margin-top:12px;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	text-transform: uppercase;
	float:left;
}
#navigation.header li a {
	text-decoration: none;
	padding: 12px;
	display: block;
	color: #CCCCCC;
}
#navigation.header li.logo a {
	background: url("/image/header/alt_deqq-logo.png") no-repeat center left;
	text-indent: -9999px;
	width:80px;
	
}
#navigation.header li.active a, #navigation.header li a:hover {
	color: #e90505;
}


/*-------------------------------------------    
 *
 *	Layout
 *
-------------------------------------------*/

body {
	background: #010101 url("/image/backgrounds/bg.jpg") no-repeat center 60px;
	font:normal 12px/18px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #ccc;
}

#navigation, #upper, #layout, #lower {
	width:912px;
	margin:0 auto;
}

body.not-front #upper {
	margin-top:50px;
}

body.not-front #layout #main {background: #333 url('/image/gradients/def_top-center.png') no-repeat center 1px; background: rgba(32,32,32,0.72) url('/image/gradients/def_top-center.png') no-repeat center 1px; padding:30px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}

body.not-front #upper, body.not-front #layout, body.not-front #lower {
	width: 712px;
}

div#layout.rightcol #main, div#layout.leftcol #main {float: left; width:600px;}
div#layout div#sidebar {float: right; width: 288px;}

.section, .header {
	position: relative;
}

#masthead {
	height: 64px;
	background: black url('/image/header/full_bg.png') no-repeat center bottom;
}

.article {
	width: 600px;
	float:left;
	margin-top: 24px;
}


/*-------------------------------------------    
 *
 *	Footer
 *
-------------------------------------------*/

#footer {
	padding: 0 6px;
	width: 900px;
	margin: 60px auto 0;
	position: relative;
}

body.not-front #footer {
	width: 700px;
	margin-top: 40px;
}

#footer ul, #footer ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer ul li a {
	color: #187893;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	float: left;
}

#footer ul.links {
	float: left;
}
/*
#footer ul.links li {
	display: inline-block;
}
*/
#footer ul.secondary-links li a, #footer ul.links li a {
	margin: 0 12px 0 0;
}

#footer ul.secondary-links li a {
	font-weight: normal;
	color: #999;
	text-transform: capitalize;
}

#footer ul.secondary-links li a:hover {
	color: #ccc;
}

#footer ul li a:hover {
	color: #e90505
}

div#footer ul#sponsored {float: right; width: 150px; list-style-type: none; margin-top: -10px; }
div#footer ul#sponsored li {margin: 0 5px 10px;}
div#footer ul#sponsored li a {filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;display:block; text-indent: -999em; float: right;}
div#footer ul#sponsored li a:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

div#footer a#footer-wap {background:url('/image/logos/wap-logo.gif') no-repeat top left;width:140px;height:50px; }

div#footer a#footer-telefilm {background:url('/image/logos/telefilm-rev-bw_logo.png') no-repeat top left;width:94px;height:39px; }

#footer p {
	font-size: 11px;
	clear: both;
	color: #666;
	margin-bottom: 10px;
}


/*-------------------------------------------    
 *
 *	Interface Elements
 *
-------------------------------------------*/

/* General Page Messages */

#page-message {
	background-color:#EDFFED;
	border:1px solid #04A107;
	color:#04A107;
	margin:0 0 10px;
	padding:10px;
	font-size: 12px;
	filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#page-message.error {
	background:#FFCCCC none repeat scroll 0 0;
	border:1px solid #DD7777;
	color:#EE5555;
}

/*Image Wrappers (square)*/
img.wrap20 {background:url('/image/wrappers/image_20.png') no-repeat; display:block; width:20px; height:20px; padding:2px;}
img.wrap20:hover {background-position:0 -24px;}
img.wrap50 {background:url('/image/wrappers/image_50.png') no-repeat; display:block; width:50px; height:50px; padding:3px;}
img.wrap50:hover {background-position:0 -56px;}
img.wrap120 {background:url('/image/wrappers/image_120.png') no-repeat; display:block; width:120px; height:120px; padding:5px;}
img.wrap120:hover {background-position:0 -130px;}

/*General Floats*/
span.left, div.left {float:left;}
span.right, div.right {float:right;}

/*Shared Close Classes*/
span.close {background:url('/image/close.png') no-repeat top left; width: 19px; height: 19px; display: block; text-indent: -999em;}
span.close:hover {background-position: 0 -19px;}
span.close:active {background-position: 0 -38px;}

/* Image Floats */
.floatleft {float:left; margin:0 5px 5px 0px;}
.floatright {float:right; margin:0 0 5px 5px;}

/* Inline */
.inline {display:inline; display:inline-block;}

.tool-tip {color: #fff;width: 150px;z-index: 13000;}
.tool-tip .tip-title {font-weight: bold;font-size: 11px;margin: 0;color: #9FD4FF;padding: 8px 8px 4px;background: url('/image/bubble.png') top left;}
.tool-tip .tip-text {font-size: 11px;padding: 4px 8px 8px;background: url('/image/bubble.png') bottom right;}

/* Clearance Fix */

.contain:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.contain { display: inline-block; }

/* Hides from IE-mac \*/
* html .contain { height: 1%; }
.contain { display: block; }
/* End hide from IE-mac */

/* Hidden */
.hidden {display:none;}
.invisible {visibility:hidden;}

/* Loading Spinner */
span.loading {display: inline-block; width:15px !important; height:15px !important; background:url('/image/loaders/spinner_16-dark.gif') no-repeat top left !important;}
span.loading:hover {background-position: top left !important;}

div.loading {background: transparent url('/image/loaders/spinner_28-dark.gif') no-repeat center center;}

span.descriptor, p.descriptor {font-size:10px; margin: 0;}

span.info, p.info {font-size: 0.9em; padding-left: 25px; background: url('/image/icons/info_19.png') no-repeat top left; margin: 10px 0;}

p.nothing {color: #999; font-size: 0.9em;}


/*-------------------------------------------    
 *
 *	Overlays
 *
-------------------------------------------*/

/* Dialog Overlay */
.overlay {padding: 40px; z-index: 100000; position: relative;}
.overlay .shadow {position: absolute; overflow: hidden;}
.overlay .shadow.top {background: url('/image/shadow/top.png') repeat-x center bottom; height: 40px; top: 0; left: 40px; right: 40px;}
.overlay .shadow.right {background: url('/image/shadow/right.png') repeat-y left top; width: 40px; right: 0; top: 40px; bottom: 40px;}
.overlay .shadow.bottom {background: url('/image/shadow/bottom.png') repeat-x center top; height: 40px; bottom: 0; left: 40px; right: 40px;}
.overlay .shadow.left {background: url('/image/shadow/left.png') repeat-y right top; width: 40px; left: 0; top: 40px; bottom: 40px;}
.overlay .shadow.bottom-right {background: url('/image/shadow/bottom-right.png') no-repeat top left; height: 40px; width: 40px; bottom: 0; right: 0;}
.overlay .shadow.bottom-left {background: url('/image/shadow/bottom-left.png') no-repeat top right; height: 40px; width: 40px; bottom: 0; left: 0;}
.overlay .shadow.top-right {background: url('/image/shadow/top-right.png') no-repeat bottom left; height: 40px; width: 40px; top: 0; right: 0;}
.overlay .shadow.top-left {background: url('/image/shadow/top-left.png') no-repeat bottom right; height: 40px; width: 40px; top: 0; left: 0;}
.overlay .content {background: #03313e url('/image/overlay_grad.png') no-repeat center top; color: #ddd; border: 1px solid rgba(64,64,64,0.5); border-color: rgba(0,0,0,0.2) rgba(0,0,0,0.4) rgba(0,0,0,0.6); padding: 15px; overflow: hidden; margin: -10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position: relative; z-index: 1000;}
.overlay h3 {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif; line-height: 1.2; font-size: 14px; margin: -15px -15px 15px; padding: 10px 15px; background: url('/image/gradients/alt_large-up.png') repeat-x bottom left; border-bottom: 1px solid #ddd;}
.overlay h4 {margin-bottom: 10px; color: #ccc; font-style: italic; font-weight: normal;}
.overlay label {clear: both;}
.overlay fieldset {padding: 15px; background: #031d2c; background: rgba(255,255,255,0.1); border: none;}
.overlay span.close {position:absolute; top:9px; right:8px;}

.overlay form div.field {margin-bottom: 10px;}
.overlay form div.field p.help {color: #aaa;}
.overlay form div.field input {color: #aaa; background-color: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.2);}
.overlay form div.field input:focus {color: #ccc; background-color: black; border-color: rgba(255,255,255,0.4);}
/*.overlay form div.field input:focus + p.help {color: white;}*/

.overlay div.error-message h3 {color: white;}

.overlay form ul.errorlist li, .overlay div.error {color: #ffc;}

.overlay div.form-footer {background: none; border-top: 2px groove rgba(128,128,128,0.3); padding-top: 10px; margin: 0 -15px;}

#overlay-pane {position: fixed; width: 100%; z-index: 10001; top: 10%; text-align: center;}

/* Modal Dialog */
#modal-pane {background:rgba(255,255,255,0.5); position:fixed; top:0; left:0; right:0; bottom:0; z-index:200000;}
#modal-pane #modal-dialog {position:absolute; width: 320px;/*position:fixed;*/ left:50%; top:50%;}


/*-------------------------------------------    
 *
 *	Form Elements
 *
-------------------------------------------*/

/* General Form Elements */
input, textarea, select {margin:0; font-family: "Lucida Grande", "Lucida Sans","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 1.5em;}
textarea {display: block;}
input, select {vertical-align:middle;}
input[type="button"], input[type="submit"], input[type="reset"] {padding:0.2em 0.7em;}
input[type="button"][disabled], input[type="button"][disabled]:hover, input[type="button"][disabled]:active, input[type="submit"][disabled], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:active, input[type="button"][disabled].hover, input[type="button"][disabled].active, input[type="submit"][disabled].hover, input[type="submit"][disabled].active {border: 1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.4); background: rgba(255,255,255,0.5); /*opacity: 0.2;*/}

input[type="text"], input[type="password"], textarea {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; border:1px solid #d7d7d7;}
input[type="text"], textarea, input[type="password"] {padding:0.3em; background-color:#d7d7d7; color:#333; border-color:#ccc;}
input[type="text"].wait, input[type="password"].wait {background: #f4f4f4 url('/image/loaders/spinner_16-dark.gif') no-repeat 99% 50%;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus { background: white url('/image/gradients/alt_small-down.png') repeat-x left 1px; color: #2e2e2e; border:1px solid #999;}
option {}
input[type="radio"], input[type="checkbox"] {margin-right: 3px; vertical-align: text-top;}
fieldset {}
fieldset.iefix {background:transparent none repeat scroll 0%; border:medium none;}
* html fieldset.iefix {width:98%;}
fieldset.iefix p {margin:0;}
legend {color:#999; font-size:90%; padding:0pt 0.25em;}
label {font-size:12px; font-weight:bold; color: white; display: block;}
label.disabled {color:#ccc;}
fieldset.legend-header {margin-top: 25px; padding-top: 0; border-top-left-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0;}
fieldset.message-footer {padding-bottom: 0;}
fieldset fieldset {border:0; background-color: #f4f4f4; margin: 30px -5px;padding:15px 30px;}
fieldset fieldset h3 {font-size: 16px; font-weight: bold; border-bottom: 2px solid white; padding-bottom: 3px;}
fieldset fieldset input[type="text"], fieldset fieldset textarea, fieldset fieldset input[type="password"] {background-color: white;}
fieldset fieldset legend { font-weight: bold; margin:-10px -10px 8px; padding: 7px 10px; background: #f4f4f4 url('/image/gradients/alt_small-down.png') repeat-x top left; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0; clear: both;}

/* Form Layout */
form div.field {position:relative; margin:0 0 20px 0;}
form div.field p.help, form div.form-footer p.help {font-size:0.9em; color:#ccc;}
form div.field p.message, form div.form-footer p.message {font-size:0.8em; color: #393;}
/*form div.field input:focus + p.help {color:#555;}*/

div.block div.field {margin: 0 5px 10px}
span.optional {color:#aaa; font-weight: normal;}

/*Shared Buttons*/
.button, input[type="button"], input[type="submit"], input[type="reset"] {text-transform: uppercase; background: #777676 url('/image/gradients/def_large-up.png') repeat-x bottom left; box-shadow: 0 1px 2px rgba(0,0,0,0.6); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6); text-shadow: 0 1px 0 rgba(0,0,0,0.6); -moz-text-shadow: 0 1px 0 rgba(0,0,0,0.6); -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.6); font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif;display:inline-block;font-size:13px;padding:3px 5px;cursor:default;color:#eee; border:1px solid rgba(128,128,128,0.5);border-top-color: rgba(200,200,200,0.5); border-bottom-color: rgba(64,64,64,0.5); border-style:solid; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; line-height: 1.5;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover,.button.enabled {background-image:url('/image/gradients/hov_large-up.png'); color:white; text-decoration: none;}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .button:active {background-image: url('/image/gradients/def_large-down.png');}

/* Button Variants */
input[type="submit"], input.confirm-button, input[type="reset"], input.cancel-button {margin-right: 5px;}
input[type="submit"], input.confirm-button {background-color: #187893; padding: 5px 10px; font-size: 16px;}
input[type="reset"], input.cancel-button {background-color: #ccc;}
input[value="Delete"] {background-color: #e90505;}
input[value="Done"] {background-color: #ccc; font-size: 13px; font-weight:bold;}
/*
div.form-footer {padding-top: 20px; margin: 0 -30px; clear: both; text-align: center; background: transparent url('/image/gradients/alt_small-down.png') repeat-x scroll center -5px; }
div.form-footer input {margin: 5px; font-size: 12px;}
*/
/* Generic Form Errors */
form ul.errorlist {margin:7px 0; padding:0; font-size:11px;}
form ul.errorlist li, div.error { list-style: none; font-size: 11px; color: #ff663f; background: url('/image/icons/alert_16.png') no-repeat top left; padding: 0 0 2px 20px; margin: 0; }

/* Form Errors */
.error {*height: 1.4em; min-height: 1.4em;margin: 2px 0; display:block; clear: both;}
.error p {font-size: 11px; color: #f7941d;  background: url('/image/icons/alert_16.png') no-repeat top left; padding-left: 20px; margin: 0;}

form div.field .inline ul.errorlist {margin: 0 0 0 5px;}


/*-------------------------------------------    
 *
 *	Tabs
 *
-------------------------------------------*/

ul.tabs {text-align: center; margin: 0 !important; padding: 0 !important;}
ul.tabs li {position: relative; z-index: 5; cursor: default;background: #444 url('/image/gradients/def_large-up.png') repeat-x scroll left bottom; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-bottom-right-radius:0; border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; display: inline-block; padding: 7px 12px; margin: 0 !important; color: #ddd; border: 1px solid #999; border: 1px solid rgba(192,192,192,0.5); border-color: rgba(255,255,255,0.2) transparent transparent;}
ul.tabs li.disabled {background: transparent; color: #444; border-color: #333 #222 black;}
ul.tabs li.enabled, ul.tabs li.enabled:hover {background-color: #187893; color: white;}
ul.tabs li:hover {background-color: #2e5564; color: white;}

ul.tabs.detached li {border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}

.tab-panel { margin-top: -1px; position: relative; z-index: 10; border-top: 1px solid #666; border-top: 1px solid rgba(255,255,255,0.3); padding: 40px; border-bottom-right-radius:7px; border-bottom-left-radius:7px; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; background: #03313e url('/image/gradients/def_top-center.png') no-repeat center 1px;}