/***

	Inherits: Base.css
	:: Last updated 11/08/2008

	-[Contents]------------------------
	1. Core layout structure
		1.1 HTML elements (within .inner-content)
		// 1.2 Common classes [moved to base]
	2. Branding
	3. Top level navigation
	4. Footer
		4.1 Outer footer		
		4.2 Inner footer
	5. Hat
	6. Bookmarks content
	7. Boxes
		7.1 Priority ticket content box
	8. Form Elements
	-----------------------------------

***/


/**
	1. Core layout structure
*/

body {
	background:	url(../Images/bg-blueGrad.png) repeat-x;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.625em;
	font-style:normal;
	font-weight:normal;

}
#background {
	width: 100%;
	height: 100%;
}
#container {
	width: 972px;
	height: 100%;
	margin: 0 auto;
}
#outer-content {
	position: relative;
	width: 972px;
	background: #ebebeb;
	color: #535353;
}
#content {
	display: block;
	overflow: hidden;
	padding: 12px;
	min-height: 35em;
}
.inner-content {
	overflow: hidden; /*Clears #control-panel, #current-events and #current-features*/
	/* margin: 0 0 0.3em; */
	padding: 6px;
	background: #fff;
	position: relative; /*AJM: This is to allow child elements to be position absolutely within the content*/
}

/**
	1.1 HTML elements (within .inner-content)

	MB:	We need to set a standard for all headings/list content/form content for consistency,
		somewhere in the site but this is too high up in the heirachy to have it

	TB: If we are going to do this we may want to specify that they exist withing .inner-content,
		keeping it general for the moment is a good idea... 

*/
h1 {
    font-family:arial,helvetica,sans-serif;
    font-size:2em;
    font-weight:normal;
    padding:30px 0pt 25px;
}   
p span {
	font-size:1.5em;
	line-height:1em;
}

.page-title {
	margin: 0 0 0 9px;	
}
.inner-content #header {
	background:transparent url(../Images/Panels/gray/gray-head.gif) no-repeat left top;
    width: 936px;
	height: 6px;
	margin: 0;	
	_font-size: 1px;
}
.inner-content #body {
	background:transparent url(../Images/Panels/gray/gray-body.gif) repeat-y;
    width: 924px;
    padding:0 6px;
    overflow:hidden;	
}
.inner-content #tail {
	background:transparent url(../Images/Panels/gray/gray-footer.gif) no-repeat;
    width: 936px;
    height:6px;
    _font-size: 1px;
}
.inner-content #header-blue-benefits {
	background: transparent url(../Images/Blue/priority-benefits.jpg) no-repeat;
	height: 241px;
	width: 924px;
}
.inner-content #header-blue-next {
	background: transparent url(../Images/Blue/next-level.jpg) no-repeat;
	height: 397px;
	width: 924px;
}
.inner-content #header-silver-welcome {
	background: transparent url(../Images/Silver/priority-silver-welcome.jpg) no-repeat;
	height: 397px;
	width: 924px;
}
.inner-content #header-silver-benefits {
	background: transparent url(../Images/Silver/priority-benefits.jpg) no-repeat;
	height: 243px;
	width: 924px;
}
.inner-content #header-silver-next {
	background: transparent url(../Images/next-level.jpg) no-repeat;
	height: 397px;
	width: 924px;
}
.inner-content #header-gold-welcome {
	background: transparent url(../Images/Gold/priority-gold-welcome.jpg) no-repeat;
	height: 397px;
	width: 924px;
}
.inner-content #header-gold-benefits {
	background: transparent url(../Images/Gold/priority-benefits.jpg) no-repeat;
	height: 241px;
	width: 924px;
}
.inner-content #header-gold-next {
	background: transparent url(../Images/Gold/next-level.jpg) no-repeat;
	height: 397px;
	width: 924px;
}
.inner-content #header-platinum-welcome {
	background: transparent url(../Images/Platinum/priority-platinum-welcome.jpg) no-repeat;
	height: 397px;
	width: 924px;
}
.inner-content #header-platinum-benefits {
	background: transparent url(../Images/Platinum/priority-platinum-benefits.jpg) no-repeat;
	height: 241px;
	width: 924px;
}
.inner-content .copy-margin {
    margin: 12px 12px 0 12px;
    overflow:hidden;
}
.inner-content .standard-margin {
    margin:22px 12px 0pt 12px;
    overflow:hidden;
    position: absolute;
    top: 110px;
    right: 80px;
    width: 440px;
}
.inner-content h4 {
    color:#9faab6;
    font-size:1.74em;
    font-weight:bold;
    padding:0pt 0pt 11px 0pt;
}
.gold h4 {
    color: #a58045;
    font-size: 2.2em;
    font-weight: normal;
}
.inner-content .copy-margin h4 {
	color: #228ace;
}
.inner-content h4.secondary {
	font-size: 1.2em;
	padding-bottom: 0;
	margin:0 0 5px 0;
}

/*
.inner-content h4 {
    color:#228ace;
    font-size:1.4em;
    font-weight:bold;
    padding:0pt 0pt 11px 0pt;
}
*/
.inner-content .benefits h4 {
	color: #228ace;	
}
.inner-content p {
    font-size:1.2em;
    line-height: 1.6em;
    padding:0pt 0pt 15px 0pt;
}
.inner-content .standard-margin p {
	color: #fff;
}
.inner-content p.last {
    padding:0;
}
.inner-content ul {
    padding:0;
    margin:0;
    font-size:1.2em;
    list-style-position:inside;
    }
.inner-content ul.listtype {
    list-style-type:none;
    list-style-position:outside;
    }
.inner-content ul {
    margin:5px 0 10px 0;
    }    
.inner-content ul.embedded {
	margin: -15px 0 0 0;
}
/* the font sizes in ordered/unordered lists needs to be tidied.. */
.inner-content .copy-margin ul {
	font-size:1.2em;
}
.inner-content ol {
	list-style-position: outside;
	font-size:1.2em;
	line-height: 1.6em;
	margin-bottom: 15px;
	padding-left: 25px;	
}
.inner-content ol.roman {
	font-size:1em;
	list-style: lower-roman;
}
.inner-content .copy-margin ol li {
	margin: 0 0 5px 8px;
}
.inner-content .copy-margin ol li ul, 
.inner-content .copy-margin ol li ol li ul {
	font-size:1em;
}
.inner-content .copy-margin ol li ul {
	font-size:1em;
	padding-left: 25px;
	list-style-position:outside;
}

.inner-content ul.inline {
	overflow:hidden;
	zoom:1;
}
.inner-content ul.inline li {
	float:left;
	list-style-type:none;
	list-style-image:none;
	margin: 0 24px 0 0;
}
.inner-content ul.inline li a {
	color: #288D91;
}


.inner-content .copy-margin table {
	border: 1px solid black;
	width: 450px;
	font-size: 1.1em;
	margin: 10px auto;
}
.inner-content .copy-margin table td
{
	padding: 5px;
	border-bottom:1px solid black;
	border-right:1px solid black;

}
.inner-content .copy-margin table thead tr td
{
	font-weight: bold;
	
}
.inner-content .copy-margin table td.gray
{
	background: #ccc;
}
.inner-content .copy-margin table td.gold
{
	background: #f9da6c; 
}

a {
	color: #44adb1;
	text-decoration: none;
}

a:hover {
	color: #535353;
	text-decoration: underline;
}

.inner-content a 
{
	text-decoration: underline;
}
.inner-content .copy-margin a 
{
	font-weight: 900;
	text-decoration: underline;
}


.inner-content .copy-margin a:hover {
color:#666666;
text-decoration:underline;
}
.inner-content .copy-margin a {
color:#288D91;
text-decoration:none;
}




.inner-content .main-landing a
{
	color: #44adb1;
	text-decoration: none;
}
.inner-content .main-landing a:hover
{
	text-decoration: underline;
}

/**
	2. Branding
*/

#branding {
	overflow: hidden;
	height: 130px;
}
#branding a {
	cursor: pointer;
}
#branding #logo-o2 {
display:block;
float:left;
height:91px;
margin:20px 0pt 0pt;
position:relative;
width:96px;
}

#branding h1#logo-priority {
	float: right;
	width: 444px;
	height: 260px;
	margin: 0;	
	background: url(../Images/branding-default.jpg) no-repeat;
	text-indent: -9999px;
}
#branding h1#logo-priorityPlatinum {
	float: right;
	width: 444px;
	height: 260px;
	margin: 0;	
	background: url(../Images/branding-prioirty-platinum.png) no-repeat;
	position: relative;
	text-indent: -9999px;
}
#branding h1#logo-priorityGold {
	float: right;
	width: 444px;
	height: 260px;
	margin: 0;	
	background: url(../Images/branding-prioirty-gold.png) no-repeat;
	position: relative;
	text-indent: -9999px;
}
#branding h1#logo-prioritySilver {
	float: right;
	width: 444px;
	height: 260px;
	margin: 0;	
	background: url(../Images/branding-prioirty-silver.png) no-repeat;
	position: relative;
	text-indent: -9999px;
}

#branding h1#logo-priorityBlue {
	float: right;
	width: 444px;
	height: 260px;
	margin: 0;	
	background: url(../Images/branding-prioirty-blue.png) no-repeat;
	position: relative;
	text-indent: -9999px;
}

/**
	3. Top level navigation
*/

#navigation {
	overflow: hidden;
	min-height: 26px; /* Safari doesnt like 2.6em here*/
	background: #C8C8C8 url(../Images/TopNavigation/nav-bg.gif) no-repeat top;
	_height: 2.6em;
}

#navigation ul li {
	float: left;
	margin: 0.5em 0;
	padding: 0 12px;
	font-size: 1.2em;
	list-style-type: none;
}
#navigation ul li a {
 	padding: 0 15px 0 0;
	background: url(../Images/TopNavigation/blue-arrow.gif) no-repeat center right;
	color: #155aa0;
	text-decoration: none;
	/* text-transform: capitalize; */
}
#navigation ul li a:hover {
	text-decoration: underline;
}

#navigation ul#primary-links {
	overflow: hidden;
	float: left;
	width: 300px;
}
#navigation ul#primary-links li {
	background: url(../Images/TopNavigation/li-divider.gif) no-repeat center right;
}

#navigation ul#secondary-links {
	overflow: hidden;
	float: right;
}
#navigation ul#secondary-links li {
	background: url(../Images/TopNavigation/li-divider.gif) no-repeat center left;
}

/**
	4.1 Footer
*/

#footer {
	overflow: hidden;
	margin: 4em 0 0;
	padding: 0 0 3em;
}
#footer #parentBranding {
	display: block;
	float: left;
	width: 19.6em;
	height: 2.9em;
	background: url(../Images/logo-a_telefonica_company.png) no-repeat;
	text-indent: -9999px;
}
/*
TB: Associated page:  Generic.Master
#footer #parentBranding img {
	display: block;
	float: left;
	width: 19.6em;
	height: 2.9em;	
}
*/
#footer #offSiteLinks {
	overflow: hidden;
	float: left;
	margin: 0.7em 0 0 6em;
	list-style: none;
}
#footer #offSiteLinks li {
	float: left;
	color: #a7a7a7;
}
#footer #offSiteLinks li a {
	color: #a7a7a7;
	font-size: 1em;
	text-decoration: none;
}
#footer #offSiteLinks li a:hover {
	text-decoration: underline;
}
#footer #copyright {
	float: right;
	margin: 0.5em 0 0;
	color: #000;
	font-size: 1.2em;
}

/**
	4.2 Inner Footer
*/

#inner-footer {
	overflow: hidden;
	padding: 0 1.2em 0.3em;
}
#inner-footer #additional-links {
	overflow: hidden;
	float: left;
}
#inner-footer #additional-links .links-container {
	float: left;
	margin: 0em 1em 0em 0;
	padding: 36px 1.5em 0.7em 0;
	/* background: url(../Images/InnerFooter/seperator.gif) no-repeat center right;  ADD WITH JS */
}
#inner-footer #additional-links .links-container a {
	padding: 0 3.4em 0 0;
	color: #155aa0;
	font-size: 1.2em;
	line-height: 1.3em;
	text-decoration: none;
}
#inner-footer #additional-links .links-container div.links-content {
	position: absolute; bottom: -2.5em; left: 0em;
	display: block;
	padding: 0.3em 0.6em;
	background: #EBEBEB;
}
#inner-footer #additional-links .links-container div.links-content h5 {
	display: none;}
#inner-footer #additional-links .links-container div.links-content ul {
	overflow: hidden;
	list-style: none;
}
#inner-footer #additional-links .links-container div.links-content ul li {
	float: left;
}
#inner-footer #additional-links .links-container div.links-content ul li a {
	background: none;
}
#inner-footer #additional-links .links-container ul {}

#inner-footer #additional-links .links-container#rss a.links-link {
	background: url(../Images/Icons/arrow-divider.gif) no-repeat center right;
	float:left;
	display:block;
}
#inner-footer #additional-links .links-container#bookmarks a.links-link {
	padding: 0 1.4em 0 0;
	background: url(../Images/Icons/arrow_right-blue.gif) no-repeat center right;
}

#inner-footer #strapLine {
	float: right;
	padding-top:30px;
}
#inner-footer #strapLine p {
	color: #646567;
	font-size: 2.2em;
}

/**
	5. Hat
*/

#hat {
	display: block;
	overflow: hidden;
}
#hat .hat-top {
	display: block;
	height: 2px;
	background: url(../Images/Panels/Hat/bg-top.gif) repeat-x top;
	_font-size: 1px;
}
#hat .hat-body {
	padding: 0.3em 0 0 160px;
	background: #094a8c url(../Images/Panels/Hat/bg-body.jpg) repeat-x;
	border-bottom: solid 1px #064483;
	color: #FFF;
	height: 2em;
}
#hat .hat-body h2,
#hat .hat-body h3 {
	float: left;
	padding: 0em 0 0 0.5em;
	background: url(../Images/Panels/Hat/seperator.gif) no-repeat;
	color: #8cdcfd;
	font-size: 1.2em;
	font-weight: normal;
}

div#hat .hat-body ul {
	float: right;
	list-style-type: none;
	overflow: hidden;
}

div#hat .hat-body ul li {
	background: url(../Images/Panels/Hat/seperator.gif) no-repeat left center;
	float: left;
	font-size: 1.2em;
	padding: 0 10px 0 10px;
}

div#hat .hat-body ul li a {
	/* background: url(../Images/TopNavigation/white-s.gif) no-repeat right center;*/
	color: #a3eaff;
	padding: 0;
	text-decoration: none;
}
div#hat .hat-body ul li.current a {
	color:White;
}

div#hat .hat-body ul li a:hover {
	text-decoration: underline;
}

div#hat .hat-body ul li.visible_home {display:block;}
div#hat .hat-body ul li.not_visible_home {display:none;}

/*****/

/**
	6. Bookmark Content
*/

div#bookmark-content {
	background: #D0D0D0 url(../Images/bg-footer.gif) repeat-x scroll top;
	color: #FFF;
	overflow: hidden;
	padding: 0.3em 1.2em 1em;
}
div#bookmark-content p {
	margin: 0.3em 0;
	font-size:1.2em;
	color: #155aa0;
}
div#bookmark-content ul {
	overflow: hidden;
	list-style-type: none;
}
div#bookmark-content ul li {
	float: left;
	margin: 3px 12px 3px 3px;
	padding: 0 0 0 20px;
	font-size:1.2em;
}
div#bookmark-content ul li a {
	color: #155aa0;
	text-decoration: underline;
}

div#bookmark-content li#facebook {
	background: url(../Images/Icons/facebook.gif) no-repeat center left;
}
div#bookmark-content li#delicious {
	background: url(../Images/Icons/delicious.gif) no-repeat center left;
}
div#bookmark-content li#myspace {
	background: url(../Images/Icons/myspace.gif) no-repeat center left;
}
div#bookmark-content li#digg {
	background: url(../Images/Icons/digg.gif) no-repeat center left;
}

/**
	7. Boxes

	Boxes comprise of sections seperated outside of the normal flow that cannot be constructed with pure CSS on the elements
*/


/**
	7.1 Priority ticket content box


div.event-info-section {
	margin: 0 0 1.2em 0;
	width: 477px;
}

div.event-info-section .box-top {
	background: url(../Images/Panels/EventDetailSection/box-top.gif) no-repeat top left;
	height: 5px;
	_font-size: 1px;
}

div.event-info-section .box-bottom {
	background: url(../Images/Panels/EventDetailSection/box-bottom.gif) no-repeat bottom left;
	padding: 0.8em 12px 1.2em 12px;
}
/*

/**
	Form Elements
*/

/* Form row & Form element*/

.form-row {
	overflow: hidden;
}

.form-element {}
.form-element label {
	overflow: hidden;
	cursor: pointer;
}
.form-element label .labelContainer {
	float: left;
}
.form-element label .inputContainer {
	float: left;
}

/* Text Box (for numbers) */

.form-element.num {}

/* Text Box (for text) */

.form-element.txt {}

/* Select Box*/

.form-element.select {}

/* TextArea */

.form-element.txtArea {}

/* CheckBox */

.form-element.chk {}
.form-element.chk label {}
.form-element.chk label .labelContainer {
	display: block;
}
.form-element.chk label .inputContainer {
	margin: 1px 0 0 8px;
}

/* Feedback Message */
/* 
TB: This will probably have to change pending page/section as it will either be red or yellow depending on the background colour, defaulting to yellow until we see which one is most popular
*/

.feedback-message { 
	font-size: 1.1em;
	color: #fff200;
}

/* Styled textbox */

.form-element.num .inputContainer,
.form-element.txt .inputContainer {
	float: left;
	display: block;
	border: 1px solid #fff;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}
.form-element.num .inputContainer span,
.form-element.txt .inputContainer span {
	display: block;
	border: 1px solid #bababa;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;
}
.form-element.num .inputContainer span span,
.form-element.txt .inputContainer span span {
	background-color: #fff;
	border: 1px solid #ebeaea;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}
.form-element.num .inputContainer input,
.form-element.txt .inputContainer input {
    color: #4ca3db;
    font-size: 1.4em;
    padding: 1px 7px;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em;
}
.form-element.txt .inputContainer input {
    width: 116px;
}
.form-element.num .inputContainer input {
	width: 100px;
}

/* styled - error */

.form-element.feedback .inputContainer {
	border: 1px solid #fff200;
}

/* Styled Buttons */

.button {
	float: left;
}
.button span {
	display: block;
    border:0.1em solid #dadada; 
    text-align:center; 
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;    
}
.button span.primary {
    color: #fff;
}  
.button span span {
	display: block;
    border:0.1em solid #9d9d9d; 
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;
}
.button span span span {
	display: block;
    border: 0.1em solid #fff;
    padding: 0px;
    position: inherit;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    background: #d4d3d3 url(../Images/Buttons/Submit/buttongrad3.gif) repeat-x 0 -1px;
}
.button span.primary {
	border:0.1em solid #065ba6; 
}
.button span.primary span {
    border: 0.1em solid #61d8ff;
}
.button span.primary span span {
    /* border: 0.1em solid #61d8ff; */
    border: 0.1em solid transparent;
    background-image: url(../Images/Buttons/Submit/buttongradblue.gif);
    background-color: #0274be;
}
.button input,
.button a,
.button span span span span {
    background-color: Transparent;
    display:block; 
    white-space:nowrap; 
    padding: 0.2em 0.6em 0.2em 0.6em; 
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em;
    border: 0px;
    cursor:pointer; 
    color: #535353;
    font-size: 1.2em;
    text-decoration: none;
    background-image: none;
    background-color: Transparent;
}
.button:hover span span span {
	/*border-color: #61D8FF;*/
}
.button input:active,
.button a:active {
    padding: 0.3em 0.5em 0.1em 0.7em; 
}

.button span.primary input,
.button span.primary a,
.button span.primary span span span  {
    color: #fff;
}
* html .button input,
* html .button a {
    width: 1%;
    overflow: visible;
}
*+html .button input,
*+html .button a {
    width: 1%;
    overflow: visible;
}


.inner-content h1 {
	color: #4ca3db;
	font-size: 2.2em;
	font-weight: normal;
	padding: 0 0 0.2em 0;
}

.inner-content h2,
.inner-content p.tagline {
	color: #4ca3db;
	font-size: 2em; /*font-size: 1.4em;*/
	font-weight: normal;
	padding: 20px 0 0.6em 0;	
}

/**

.inner-content a {
	color: #44adb1;
}

.inner-content a:hover {
	color: #35888A;
}

.inner-content dl {
	list-style-position: inside;
	padding: 0 0 1em;
}

.inner-content dl dt {
	color: #155AA0;
	font-size: 1.2em;
	padding: 0 0 0.4em 0;	
}

.inner-content dl dd {
	font-size: 1.2em;
	padding: 0 0 1em 0;
}

.inner-content em {
	color: #155aa0;
	font-weight: bold;
	font-style: normal;
}

.inner-content h1 {
	color: #4ca3db;
	font-size: 2.2em;
	font-weight: normal;
	padding: 0 0 0.2em 0;
}

.inner-content h2 {
	color: #4ca3db;
	font-size: 1.4em;
	font-weight: normal;
	padding: 0 0 0.2em 0;	
}

.inner-content h3,
.inner-content h4 {
	color: #155aa0;
	font-size: 1.4em;
	font-weight: normal;
	padding: 0 0 0.2em 0;
}

.inner-content h5,
.inner-content h6 {
	color: #155aa0;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 0 0.2em 0;	
}

.inner-content img.inline {
	margin: 0 12px 1.2em 0;
}

.inner-content ol {
	list-style-position: inside;
	padding: 0 0 1em;
}

.inner-content ol li,
.inner-content ul li {
	padding: 0 0 0.4em 0;
}

.inner-content p {
	color: #535353;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 0 1em 0;
}

.inner-content strong {
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;	
}

.inner-content ul {
	list-style-type: disc;
	list-style-position: inside;
	padding: 0 0 1em;
}

*/


/**
	Additions
*/

p#look-around {
	background: #011458 url(../Images/LandingPage/priority_login_top_bg.jpg);
	color: #FFF;
	padding: 50px 0 0 0;
	text-align: center;
}

/* Toby is disapointed and annoyed and cant spell */

.faqs h4 {
	margin-top: 6px;
}

.faq {
	overflow: hidden;	
}

.backToTop {
	display: block;
	margin: 3px 0 12px;	
}