/* CSS for the CDS New York Showcase microsite */
/* All content written by Isabelle Kosciusko. copyright Spotlight 2009 */

body {
	background: #f4f4f8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #26247b;
	line-height: 1.4em;
}

* {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

.replace {
	position: absolute;
	left: -10000px;
}

p {
	padding: 0 0 10px 0;
}

p.padtop {
	padding: 20px 0 10px 0;
}

.padright10 {
	padding-right: 10px;
	}

a {
	color: #8a89c7;
}

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

a:visited {
	color: #8a89c7;
	text-decoration: underline;
}

h1 {
	font-size: 200%;
	color: #26247b;
	font-family: 'Gill sans', Arial, Helvetica, sans-serif;
	padding: 10px 0 10px 0;
	line-height: 1.3em;
}

h2 {
	font-size: 120%;
	color: #8a89c7;
	font-family: 'Gill sans', Arial, Helvetica, sans-serif;
	padding: 5px 0 10px 0;
	line-height: 1.3em;
}

h3 {
	font-size: 120%;
	color: #8a89c7;
	font-family: 'Gill sans', Arial, Helvetica, sans-serif;
	padding: 5px 0;
	line-height: 1.3em;
}

h4 {
	font-size: 100%;
	color: #26247b;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0;
	line-height: 1.3em;
}

ul {
	list-style-type: none;
}

div.frame {
	margin: 0 auto;
	width: 720px;
	height: 600px;
}

div.frame div.header {
	width: 720px;
	height: 105px;
	position: relative;
	background: url('../_img/headerBg.jpg') repeat-x top left;
}

div.frame div.header p.logo {
	position: absolute;
	top: 20px;
	left: 32px;
	width: 260px;
	height: 60px;
	background: url('../_img/logo.jpg') no-repeat top left;
	padding: 0;
}

div.frame div.header p.logo a {
	display: block;
	width: 60px;
	height: 60px;
	padding: 0;
}

div.frame div.header p.contacts {
	position: absolute;
	top: 20px;
	right: 30px;
	height: 60px;
	width: 201px;
}
div.frame div.header p.contacts a img {
	border: none !important;
	}

div.frame div.header p.contacts a {
	display: block;
	width: 201px;
	height: 60px;
	padding: 0;
	border: none !important;
}


div.frame div#main {
	background: url('../_img/main_bg.jpg') no-repeat top left;
	width: 660px;
	height: 457px;
	padding: 30px;
	position: relative;
}

div.frame div#main.autoheight {
	height: auto !important;
	background: url('../_img/main_bg.jpg') no-repeat top left;
	width: 660px;
	padding: 30px;
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
}

div.frame #mainBottom {
	background: url('../_img/main_bgBottom.jpg') no-repeat top left !important;
	width: 720px;
	height: 21px;
	display: block;
	margin-left: 1px;
	margin-bottom: 5px;
}


/*********** MAIN - BACKGROUND IMAGES ***********/

div.frame div#main.bg1 {
	background: url('../_img/bg1.jpg') no-repeat top left;
}

div.frame div#main.bg2 {
	background: url('../_img/bg2.jpg') no-repeat top left;
}

div.frame div#main.bg3 {
	background: url('../_img/bg3.jpg') no-repeat top left;
}

div.frame div#main.bg4 {
	background: url('../_img/bg4.jpg') no-repeat top left;
}

div.frame div#main.bg5 {
	background: url('../_img/bg5.jpg') no-repeat top left;
}

div.frame div#main.bg6 {
	background: url('../_img/bg6.jpg') no-repeat top left;
}

div.frame div#main.bg7 {
	background: url('../_img/bg7.jpg') no-repeat top left;
}


div.frame div#main.bg8 {
	background: url('../_img/bg8.jpg') no-repeat top left;
}

div.frame div#main.bg9 {
	background: url('../_img/bg9.jpg') no-repeat top left;
}

div.frame div#main.bg10 {
	background: url('../_img/bg10.jpg') no-repeat top left;
}

div.frame div#main.bg11 {
	background: url('../_img/bg11.jpg') no-repeat top left;
}

div.frame div#main.bg12 {
	background: url('../_img/bg12.jpg') no-repeat top left;
}

div.frame div#main.bg13 {
	background: url('../_img/bg13.jpg') no-repeat top left;
}

div.frame div#main.bgball11 {
	background: url('../_img/bg_ball11.jpg') no-repeat top left;
}

div.frame div#main.judges {
	background: url('../_img/bg_judges.jpg') no-repeat top left;
}

div.frame div#main.bgball {
	background: url('../_img/bg_ball.jpg') no-repeat top left;
}

div.frame div#main p.twitter {
	position: absolute;
	top: 460px;
	left: 20px;
	height: 32px;
	width: 180px;
	display: block;
	padding: 0 !important;
	}
	
div.frame div#main p.facebook {
	position: absolute;
	top: 460px;
	left: 262px;
	height: 32px;
	width: 180px;
	display: block;
	padding: 0 !important;
	}
	
div.frame div#main p.podcast {
	position: absolute;
	top: 460px;
	left: 490px;
	height: 32px;
	width: 180px;
	display: block;
	padding: 0 !important;
	}	
	
div.frame div#main p.twitter a {
	height: 32px;
	width: 180px;
	display: block;
	padding: 0 !important;
	}
	
div.frame div#main p.facebook a {
	height: 32px;
	width: 180px;
	display: block;
	padding: 0 !important;
	}
	
div.frame div#main p.podcast a {
	height: 32px;
	width: 180px;
	display: block;
	padding: 0 !important;
	}	

div#footer {
	width: 700px;
	font-size: 0.95em;
	padding: 0 10px 50px 10px;
}

div#footer p{
	float:left;
}

div#footer ul{
	float:right;
}

div#footer ul li{
	float:left;
}

div#footer ul li a{
	padding:0 0 0 5px;
}

ul.body {
	padding: 0;
	margin: 0 0 10px 0;
}

ul.body li {
	padding: 0 0 0 16px;
	margin: 0;
	background: url('../_img/bulletpoint.jpg') no-repeat top left;
}

p.location {
	position: absolute;
	top: 100px;
	right: 40px;
	width: 136px;
}

h2.padbot15 {
	padding-bottom: 15px;
}

/********************* NAVIGATION *********************/

div.frame div#main ul.nav {
	position: absolute;
	top: 12px;
	left: 10px;
	width: 700px;
}

div.frame div#main ul.nav li {
	display: block;
	float: left;
	height: 31px;
}

div.frame div#main ul.nav li a {
	display: block;
	float: left;
	height: 31px;
	width: auto;
}

div.frame div#main ul.nav li a#nav1 {
	width: 64px;
	background: url('../_img/nav1.jpg') no-repeat top left;
}

div.frame div#main ul.nav li a#nav1.active, div.frame div#main ul.nav li a#nav1:hover {
	background: url('../_img/nav1_active.jpg') no-repeat top left;
}

div.frame div#main ul.nav li a#nav2 {
	width: 146px;
	background: url('../_img/nav2.jpg') no-repeat top left;
}

div.frame div#main ul.nav li a#nav2.active, div.frame div#main ul.nav li a#nav2:hover {
	background: url('../_img/nav2_active.jpg') no-repeat top left;
}

div.frame div#main ul.nav li a#nav3 {
	width: 111px;
	background: url('../_img/nav3.jpg') no-repeat top left;
}

div.frame div#main ul.nav li a#nav3.active, div.frame div#main  ul.nav li a#nav3:hover {
	background: url('../_img/nav3_active.jpg') no-repeat top left;
}

div.frame div#main ul.nav li a#nav4 {
	width: 93px;
	background: url('../_img/nav4.jpg') no-repeat top left;
}

div.frame div#main ul.nav li a#nav4.active, div.frame div#main  ul.nav li a#nav4:hover {
	background: url('../_img/nav4_active.jpg') no-repeat top left;
}

div.frame div#main ul.nav li a#nav5 {
	width: 143px;
	background: url('../_img/nav5.jpg') no-repeat top left;
}

div.frame div#main ul.nav li a#nav5.active, div.frame div#main  ul.nav li a#nav5:hover {
	background: url('../_img/nav5_active.jpg') no-repeat top left;
}

div.frame div#main ul.nav li a#nav6 {
	width: 143px;
	background: url('../_img/nav6.jpg') no-repeat top left;
}

div.frame div#main ul.nav li a#nav6.active, div.frame div#main  ul.nav li a#nav6:hover {
	background: url('../_img/nav6_active.jpg') no-repeat top left;
}

div.frame div#main div.left {
	width: 430px;
	float: left;
	padding: 30px 0 0 0;
}

div.frame div#main div.rightpad {
	width: 200px;
	float: right;
	padding: 133px 0 0 0;
}


div.frame div#main div.right {
	width: 200px;
	float: right;
	padding: 50px 0 0 0;
}

div.frame div#main div.right2 {
	width: 200px;
	float: right;
	padding: 30px 0 0 0;
}


div.frame div#main div.right p {
	padding: 10px 0 17px 50px;
}


div.frame div#main div.fullw {
	width: 650px;
	float: left;
	padding: 30px 0 0 0;
}

div.frame div#main div.fullw div.line {
	width: 100%;
	height: 55px;
}

div.frame div#main div.fullw div.line p.leftP {
	width: 480px;
	float: left;
	overflow: hidden;
}

div.frame div#main div.fullw div.line p.rightP {
	width: 136px;
	float: right;
	padding: 15px 0 0 0;
}

div.frame div#main div.left p.next {
	text-align: right;
	width: 100px;
	float: right;
	right: 0;
}


h2.padbot20, p.padbot20 {
	padding-bottom: 30px;
}

h2.padbot30, p.padbot30 {
	padding-bottom: 30px;
}

h2.padbot38, p.padbot38 {
	padding-bottom: 38px;
}

.padtop5 {
	padding-top: 5px;
}

.padtop15 {
	padding-top: 15px;
}


/********************* SUCKERFISH DROPDOWN *********************/


ul.nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	top: 31px;
}

ul.nav li:hover ul {
	left: auto;
}

ul.nav li:hover ul, ul.nav li.sfhover ul {
	left: 64px;
}

ul.nav li:hover ul li, ul.nav li.sfhover ul li {
	height: 30px;
	width: 144px;
	background: #fff;
	border-right: 1px solid #b2dbf1;
	border-left: 1px solid #b2dbf1;
	border-bottom: 1px solid #b2dbf1;
}

ul.nav li:hover ul li a, ul.nav li.sfhover ul li a {
	height: 14px;
	width: 136px;
	padding: 8px;
	display: block;
	color: #0089cf;
	text-decoration: none;
	}

ul.nav li:hover ul li a:hover, ul.nav li.sfhover ul li a:hover {
	color: #26247b;
	text-decoration: none;
	height: 14px;
	width: 136px;
	padding: 8px;
	display: block;
}


/***************** FORM PAGES *****************/

form {
}


form fieldset {
	background: #f8f8fb;
	padding: 10px;
	border: 1px solid #a8a7ca;
	width: 380px;
	margin-bottom:20px;
}

form fieldset.wide {
	background: #f8f8fb;
	padding: 20px;
	border: 1px solid #a8a7ca;
	width: 600px;
	margin-bottom: 10px;
}

form fieldset.wide div.formline {
	width: 560px;
}

form fieldset.wide div.formline input {
	margin-right: 255px;
}

form fieldset.wide div.formline p {
	width: 460px;
	float: right;
}

form fieldset h3 {
	padding-bottom: 20px;
}

form div.formline {
	width: 380px;
	height: 22px;
}

form div.formlinelrg {
	width: 380px;
	height: 105px;
}

form div.formline label, form div.formlinelrg label {
	float: left;
	width: 80px;
}


form div.formline p {
	float: right;
	width: 204px;
	padding: 0;
}

div.formline p.full {
	float: none;
	width: 380px;
	margin: 5px 0 20px 0;
	height: auto;
}

div.formline input {
	float: right;
	width: 200px;
	height: 16px;
	padding: 1px;
	color: #26247b;
	border: 1px solid #515095;
	background: url('../_img/bg_input.gif') no-repeat top left;
}

div.formline input.submit, div.formbtn input.submit, input.submit {
	margin-top: 10px;
	float: right;
	width: 88px;
	height: 25px;
	padding: 0 0 2px 0;
	border: none;
	color: #fff;
	background: url('../_img/btn_submit.jpg') no-repeat top left;
}

div.formline input.submit2, div.formbtn input.submit2  {
	margin-top: 0;
	float: right;
	width: 88px;
	height: 25px;
	padding: 0 0 2px 0;
	border: none;
	color: #fff;
	background: url('../_img/btn_submit.jpg') no-repeat top left;
}


form input.lrg {
	margin-top: 0;
	width: 169px;
	text-align: left;
	height: 27px;
	padding: 0 0 4px 5px;
	border: none;
	color: #fff;
	background: url('../_img/btn_lrg.jpg') no-repeat top left;
}

form input.sml {
	margin-top: 0;
	width: 119px;
	text-align: left;
	height: 27px;
	padding: 0 0 4px 5px;
	border: none;
	color: #fff;
	background: url('../_img/btn_sml.jpg') no-repeat top left;
}

form input.submit {
	width: 88px;
	height: 25px;
	padding: 0 0 2px 0;
	border: none;
	color: #fff;
	background: url('../_img/btn_submit.jpg') no-repeat top left;
}


form.invisible {
	height: 1px;
	display: block;
}

textarea {
	float: right;
	width: 280px;
	height: 90px;
	padding: 1px;
	color: #26247b;
	border: 1px solid #515095;
	background: url('../_img/bg_input.gif') no-repeat top left;
}

table.tbl {
	border: 1px solid #7d7cb0;
	background: #f8f8fb;
	margin: 10px 0;
}

table.tbl tr {
	border-bottom: 1px solid #7d7cb0;
}


table.tbl tr td {
	margin: 10px 0;
}

div.topinfo {
	display: block;
}

div.topinfo h3 {
	float: left;
	display: block;
	width: 650px;
}

div.topinfo p {
	display: block;
	width: 500px;
	padding: 0 0 10px 0;
}

span.star {
	width: 10px;
	color: #c00;
}

p.starinfo {
	font-size: 90%;
	color: #c00;
	padding: 10px 0 0 0;
	width: auto !important;
	float: none;
}

p.changeNotice
{
    position:absolute;
    float:left;
}

div.formbtn {
	height: 40px;
}

div.formbtn p {
	float: left;
	width: 260px;
	padding-top: 10px;
}

div.full2 {
	width: 650px;
	float: left;
	padding: 0;
	}
	
.errorMessage
{
    font-size:90%;
    position:absolute;
    float:left;
    color:#c00;
    left: 360px;
}

.hotmailErrorMessage
{
    font-size:90%;
    color:#c00;
    padding-left:100px;
}

/**************** SUMMER BALL PAGE ****************/

h3.yellow, .yellow {
	color: #febc11;
}

h1.h1_ball {
 height: 32px;
 width: 345px;
 background: url(../_img/h1_ball.jpg) no-repeat top left;
 display: block;
 margin-top: 10px;
 margin-bottom: 0;
 padding-bottom: 0;
}

div.frame div.bgball#main div.right2 p {
	padding: 0 0 10px 40px;
	margin: 0;
}


p.previous
{
	float:left;
}
p.next 
{
	float:left;
}