/* My Account area for Conference Genie.  CSS originally written Oct 08 by Rachel Radford from Datadial. */

body, html, h2, p, #header p, #settings-list, #settings-list li, #settings-list li h3, #settings-list li p, #extra h2, #extra ul, #footer ul, #nav, #nav li, #nav ul, #nav li li{/*mini reset*/
	margin:0;
	padding:0;
	list-style:none;
}
body, html{
	background:#FFF url(../images/bg.gif) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:101%;
	text-align:center;
	line-height:1.5;
}
h1{
	color:#e67b27;
	font-size:1.2em;
	padding-top:0.5em;
}
h1 img{
	float:right;
	margin:0 0 0.5em 1em;
}
h2, legend{
	color:#e67b27;
	font-size:1.1em;
	font-weight:bold;
}
h2{
	margin:1em 0 -0.9em 0;
}
h3{
	font-size:1em;
		padding-top:0.6em;
}
li h3{
	font-size:1.1em;
}
p{
	padding:0.8em 0;
}
blockquote p{
	padding:0.3em 0;
}
acronym{
	cursor:help;
}
dt{
	font-weight:bold;
	padding-top:0.5em;
}
fieldset{
	border:none;
	border-bottom:1px solid #DDD;
	padding:1em 0;
}
fieldset div{
	padding-left:1em;
	clear:left;
}
#content label{
	float:left;
	line-height:2;
	width:11em;
}
#content input[type="text"], input[type="password"], #content select{
	width:20em;
	float:left;
}
#postcode{
	width:6em;
}
textarea{ 
	vertical-align:text-top;
	width:20.5em;
	height:6em;
}
button{
	margin:0.5em 2em 0.5em 0;
	clear:both;
	float:right;
}
.required{
	color:#900;
	font-weight:bold;
}
a{
	color:#006dba;
}
a:hover{
	text-decoration:none;
}
a:visited{
	color:#5d6391;
}
a img{
	border:none;
}
.footnote{
	text-decoration:none;
	color:inherit;
}
.alert, .error{/*alert are blue informative messages*/
	background:url(../images/icon-info.gif) no-repeat left;
	padding-left:20px;
}
.error{/*yellow error messages*/
	background-image:url(../images/icon-error.gif);
	color:#900;
	font-weight:bold;
}
.info{/*blocks of content that have a darker background to emphasise them. */
	background:#e9e9e9;
	padding: 0.1em 1em;
}
.button a{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:1.2em;
	padding:1px 0 5px 10px;
	background:#006dba url(../images/button-blue.png) no-repeat left;
	line-height:57px;
}
p.button a:hover{
	color:#cde6f6;
}
.button{
	background:transparent url(../images/button-end-blue.png) no-repeat right;
	padding-right:10px;
}
#container{
	margin:0 auto;
	padding:0;
	width:74em;/*1000 pixels*/
	text-align:left;
	font-size:0.8em;
}
#header{
	padding-top:2em;
	font-size:0.85em;
	color:#999;
	position:relative;
}
#header div{
	position:absolute;
	top:2em;
	right:0;
	line-height:1.8;
}
#header div p, #header form{
	float:left;
	margin:0 5px 0 0;
}
#header form div{
	display:inline;
	position:static;
}
/*#header #logo{
	left:0;
	right:auto;
}*/
#header a{
	color:#999;
}
#nav{
	clear:left;
	margin-left:-0.8em;
	padding-top:2em;
}
#nav li{
	float:left;
	font-size:1.5em;
	padding:0 0.8em;
	border-right:1px solid #eee;
	position:relative;
}
#nav li a{
	text-decoration:none;
}
#nav li a:hover{
	color:#f7b444;
}
#nav .on a, #nav .on a:hover{
	color:#e67b27;
	cursor:default;
}
#nav ul{
	background:#FFF;
	position:absolute;
	left:-999em;
	z-index:50;
	margin-left:-0.8em;
	width:10em;
}
#nav li li{
	display:block;
	font-size:0.8em;
	float:none;
	border-right:none;
}
#nav li li a, #nav li.on li a{
	padding:0.2em 0.9em;
	border-bottom:1px solid #EEE;
	display:block;
	color:#999;
}
#nav li:hover ul{
	left:auto;
}
#nav .on li a:hover{
	color:#f7b444;
	cursor:pointer;
}
#content{
	background:#f5f5f5 url(../images/top-shadow.gif) no-repeat top;
	padding:1.3em 0.8em 0 3em;
	width:907px;
/*	float:left;*/
	clear:left;
	position:relative;
}
#prettyimage, #prettyimage2{
	display:block;
	width:486px;
	height:313px;
	background:transparent top right no-repeat;
	margin-top:0.3em;
	position:absolute;
	right:10px;
} * html #prettyimage {/*This hack gets IE6 to display transparent PNGs */
	background:none;
}/*need to fix this for IE6, image is not currently appearing?*/

/*Page specific photos*/
#gopage #prettyimage{
	background-image:url(../images/picture-go.png);
}* html #gopage #prettyimage {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/picture-go.png', sizingMethod='crop');
	display:block;
}
#pluspage #prettyimage{
	background-image:url(../images/picture-plus.png);
}* html #pluspage #prettyimage {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/picture-plus.png', sizingMethod='crop');
}
#meetingpage #prettyimage{
	background-image:url(../images/meeting-organiser.png);
}* html #meetingpage #prettyimage {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/meeting-organiser.png', sizingMethod='crop');
}
#videopage #prettyimage{
	background-image:url(../images/videocall.png);
}* html #videopage #prettyimage {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/videocall.png', sizingMethod='crop');
}
#businesspage #prettyimage{
	background-image:url(../images/picture-pro.png);
}* html #businesspage #prettyimage {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/picture-pro.png', sizingMethod='crop');
}
#testimonialpage #prettyimage, #gopage #prettyimage2{
	background-image:url(../images/picture-testimonials.png);
}* html #testimonialpage #prettyimage{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/picture-testimonials.png', sizingMethod='crop');
}* #gopage #prettyimage2{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/picture-testimonials.png', sizingMethod='crop');	
}
#pricingpage #prettyimage{
	background-image:url(../images/picture-pricing.png);
}* html #pricingpage #prettyimage {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/picture-pricing.png', sizingMethod='crop');
}
#faqpage #prettyimage{
	background-image:url(../images/picture-faq.png);
}* html #faqpage #prettyimage {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/picture-faq.png', sizingMethod='crop');
}
#sandbag{
	float:right;
	width:160px;
	height:150px;
}
#intro{
	background:#e7873b url(../images/bg_gradient-orange.png) repeat-x top;
	margin:0 0 1em -2.2em;
	padding:0 0 1.5em 2.2em;
}
#intro h1, #intro p{
	color:#FFF;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.5em;
	margin:0; 
	padding:0;
	line-height:1.2;
	width:430px;
	float:left;
	clear:left;
}
#intro h1{
	font-size:2em;
	padding:1.2em 0 0.5em 0;
}
#maincontent{
	width:620px;
	float:left;
}
table{
	width:100%;
	border-bottom:2px solid #eee;
	clear:both;
}
th{
	border-bottom:1px solid #e67b27;
	background:#eee;
	text-align:left;
	vertical-align:text-top;
}
td{
	border-bottom:1px solid #FFF;
}
.centred{/*For columns where the content is short and should be centred*/
	text-align:center;
}
.lefttable th{/*tables where the header cells are on the left instead of across the top.*/
	background:none;
	border-color:#fff;
}
.even td, .even th{/*zebra striping on the table rows.*/
	background:#eee;
}
.notify{
	font-size:0.9em!important;	
	font-family:Arial, Helvetica, sans-serif!important;
}
.notify a{
	color:#FFF;	
	text-decoration:none;
}
.notify a:hover{
	text-decoration:underline;	
}
#bottomshadow{
	display:block;
	clear:both;
	width:1000px;
	height:76px;
	background:url(../images/bottomshadow.png) no-repeat top left;
	margin:0 0 0 -4.8em;
}
#extra{
	width:190px;
	float:right;
	padding:1.5em 1.5em 0 0;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:center;
	color:#006dba;
	margin-top:120px;
}
#extra #companyaddress{
	position:relative;
	right:5em;
	top:1em;
}
#extra #companyaddress p, #extra #companyaddress div{
	font-size:0.8em;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}
#footer{
	clear:both;
	font-size:0.85em;
}
#footer li{
	float:left;
	padding:0 0.5em 2em 0.5em;
	color:#888;
}
#footer a{
	color:#666;
}
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
	visibility: hidden;
}