/****************************/
/* OCA global CSS           */
/* @company Optus						*/
/*
@import 'fluid.gs.css';
***************************/
/******************
* 1. Global Settings
*******************/
body {
	padding: 0;
	margin: 0 auto;
}
/* Pass the font settings to input elements and normalisation */
select, input {
	font-size: 0.891em;
	line-height: 1em;
	font-family: inherit;
}
a img {
	border: 0;
}
/* Header */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0.3333em 0;
	font-size: 1em;
	line-height: 1.4em;
}

h1 {
	font-size: 2.5em;
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.167em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
/* Default paragraphs */
p {
	margin: 0 0 1em;
	line-height: 1.5em;
}
form, /* Fix for Safari that represent forms with a margin */
dl { /* Make all browsers similar for DT tags */
	margin: 0;
}
/* Consolidate font-size for form fields */
input,
select,
button,
textarea {
	font-size: 1em;
	font-family: inherit;
	margin: 0;
	padding: 0;
}
/* Align checkboxes, radio inputs with their label
	by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
}
_input[type="checkbox"] { /* baseline for IE7 */
	vertical-align: baseline;
}
/**
* Consolidate list styles across browsers
*/
.top_layer ul, .top_layer ol,
.middle_layer ul, .middle_layer ol,
.bottom_layer ul, .bottom_layer ol {
	margin: 1em 0;
	padding: 0 0 0 3.34em;
}
/**
* Fix baseline issues for superscript SUP and subscripts SUB
* @url http://css-tricks.com/snippets/css/prevent-superscripts-and-subscripts-from-affecting-line-height/
*/
sup, sub {
	vertical-align: baseline;
	position: relative;
	font-size: .6em;
	top: -.8em;
}
sub {
	top: .8em;
}

/**********************
* 2. CSS useful classes
***********************/

/* **
* Clearfix as explained in http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after,
.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.section,
.clearfix {
 	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html .section {
	height: 1%;
}
.clearfix,
.section {
	display: block;
}
/* End hide from IE-mac */
/* **
* Content to show/hide if JavaScript is available
*/
/* make contents hidden if JS is enabled */
.js .hidden_if_js {
	display: none;
}
/* make contents hidden if JS is disabled */
.visible_if_js {
	display: none;
}
/* make contents visible if JS is enabled */
.js .visible_if_js { /* consider that the default display of the element is block. You'll need to customise it for span, ems etc... */
	display: block;
}
.js img.visible_if_js,
.js span.visible_if_js {
	display: inline;
}

/**
* Plain list:
* A list (UL/OL) that has no styling
*/
.plain_list,
.middle_layer .plain_list {
	padding: 0;
	margin: 0;
	list-style: none outside;
}

/* **
* Hide contents from the banner item
*/
.offscreen {
	display: block;
	background: transparent;
	position: absolute;
	left: -1000em;
	top: -1000em;
}

/******************************
* 3. Importing custom Optus fonts
* @font-face syntax from http://readableweb.com/new-font-face-syntax-simpler-easier/
*******************************/

/* **
** font-family example to use in skin.css where required
** font-family: OptusDINCond-Medium, "Arial Narrow", "Helvetica Neue Condensed", Arial, sans-serif;
*/

/* OptusDINCond-Regular */
@font-face {
	font-family: 'OptusDINCond-Regular';
	src: url('../../../lib/fonts/OptusDINCondRegularMT.eot'); /* IE9 Compat Modes */
	src: url('../../../lib/fonts/OptusDINCondRegularMT.eot?iefix') format('eot'), /* IE6-IE8 */
			 /* url('OptusDINCondRegularMT.woff') format('woff'),  Modern Browsers */
			 url('../../../lib/fonts/OptusDINCondRegularMT.ttf')  format('truetype'); /* Safari, Android, iOS */
			 /* url('OptusDINCondRegularMT.svg#OptusDINCondRegularMT') format('svg'); Legacy iOS */
}

/* OptusDINCond-Medium */
@font-face {
	font-family: 'OptusDINCond-Medium';
	src: url('../../../lib/fonts/OptusDINCondMediumMT.eot'); /* IE9 Compat Modes */
	src: url('../../../lib/fonts/OptusDINCondMediumMT.eot?iefix') format('eot'), /* IE6-IE8 */
			 url('../../../lib/fonts/OptusDINCondMediumMT.ttf')  format('truetype'); /* Safari, Android, iOS */
}

/* OptusDINCond-Bold */
@font-face {
	font-family: 'OptusDINCond-Bold';
	src: url('../../../lib/fonts/OptusDINCondLargeMT.eot'); /* IE9 Compat Modes */
	src: url('../../../lib/fonts/OptusDINCondLargeMT.eot?iefix') format('eot'), /* IE6-IE8 */
			 url('../../../lib/fonts/OptusDINCondLargeMT.ttf')  format('truetype'); /* Safari, Android, iOS */
}
/* FSOptus-Medium */
@font-face {
   font-family: 'FSOptus-Medium';
   src: url('/opfiles/OnePortal/lib/fonts/fsoptus-medium-webfont.eot');
   src: url('/opfiles/OnePortal/lib/fonts/fsoptus-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('/opfiles/OnePortal/lib/fonts/fsoptus-medium-webfont.woff') format('woff'),
        url('/opfiles/OnePortal/lib/fonts/fsoptus-medium-webfont.ttf') format('truetype'),
        url('/opfiles/OnePortal/lib/fonts/fsoptus-medium-webfont.svg#FSOptus-Medium') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'FSOptus-Regular';
   src: url('/opfiles/OnePortal/lib/fonts/fsoptus-regular-webfont.eot');
   src: url('/opfiles/OnePortal/lib/fonts/fsoptus-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/opfiles/OnePortal/lib/fonts/fsoptus-regular-webfont.woff') format('woff'),
        url('/opfiles/OnePortal/lib/fonts/fsoptus-regular-webfont.ttf') format('truetype'),
        url('/opfiles/OnePortal/lib/fonts/fsoptus-regular-webfont.svg#FSOptus-Medium') format('svg');
   font-weight: normal;
   font-style: normal;
}

/* FSOptus-Light */
@font-face {
    font-family: 'FSOptus-Light';
    src: url('/opfiles/OnePortal/lib/fonts/fsoptus-light-webfont.eot');
    src: url('/opfiles/OnePortal/lib/fonts/fsoptus-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/opfiles/OnePortal/lib/fonts/fsoptus-light-webfont.woff') format('woff'),
         url('/opfiles/OnePortal/lib/fonts/fsoptus-light-webfont.ttf') format('truetype'),
         url('/opfiles/OnePortal/lib/fonts/fsoptus-light-webfont.svg#fs_optuslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ** increase font size for Optus DIN
** When OptusDINCond-Medium/OptusDINCond-Bold are loaded in the browser,
** the .font_OptusDinMedium/.font_OptusDinBold class will be activated

** shouldn't be needed anymore
** @todo: check with David

.font_OptusDinMedium .optusdin_medium,
.font_OptusDinBold .optusdin_bold {
	font-size: 1.36em; * increase 36% *
}
*/
/* Custom font detect */
.custom_font_detect {
	position: absolute;
	font-size: 10px;
	line-height: 10px;
	width: 17px;
	top: -1000px;
	left: -1000px;
	padding: 0;
	margin: 0;
	visibility: hidden;
}

/**********************
* 4. For FM debugging
**********************/
.ftl_message {
	display: none;
	background: #eee;
	border: 1px solid gray;
	padding: 0.5em;
}
.ftl_enable_debug .ftl_debug {
	background: pink;
	border-color: red;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: white;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgb(255,63,38)),
		color-stop(0.9, rgb(255,178,13))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(255,63,38) 9%,
		rgb(255,178,13) 90%
	);
}
.ftl_error {
	background: #FAE5E5;
	border: 0;
	color: #CC0000;
	font-weight: bold;
}
.ftl_enable_debug .ftl_info {
	background: #D3F4FF;
	border-color: blue;
}
.ftl_message_L0,
.ftl_debug_enable_level_1 .ftl_message_L1,
.ftl_debug_enable_level_2 .ftl_message_L2,
.ftl_debug_enable_level_3 .ftl_message_L3,
.ftl_debug_enable_level_4 .ftl_message_L4,
.ftl_debug_enable_level_5 .ftl_message_L5 {
	display: block;
}
p.portal_err_msg {
	height: 21em;
	overflow: hidden;
}
/**********************
* 5. overwriting vext-all.css
***********************/
th {
	text-align: center; /* gain back browser default */
}
th, strong {
	font-weight: bold; /* gain back browser default */
}
label {
	font-weight: normal;
	font-size: 1em;
}
.empty_item {
	padding: .833em;
}
.empty_item h3{
	text-align:center;
}