/*  Colours
Pink for borders: #F2AAC5;
Pale pink: #FBF2F4;
Purple: #9B005C;
Mid-pink: #F6D1E0;
Pale blue: #DEEEF7;
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: verdana, trebuchet ms, helvetica, arial, lucida, sans-serif;
	background: #ffffff;
	color: #555555;
	text-align:center;


}

a img {
	border: 0;
}



#header, #mainArea, #footer, #wrapper {
	width: 760px;
	margin: 0px auto;
	text-align:left;
}

#header {
	height: 150px;
	border-bottom: 2px solid #F2AAC5;
	margin-top: 10px;
}

#header img.title {
	margin-left: 30px;
}

#wrapper {
	background: url(/images/nav_bg_pink.gif) top left repeat-y;
	
}

#leftArea {
	width: 180px;
	float: left;
	background: #FBF2F4;
	color: inherit;
}


#rightArea {
	width: 550px;
	float: left;
	margin: 20px 0 20px 30px;
	font-size: 80%;
	line-height: 1.25em;
}

a {
	color: #9B005C;
}

a:hover {
	color: #F6D1E0;
}



h1 {
	font-size: 130%;
	font-weight: bold;
	color: #9B005C;
	background: inherit;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

h2 {
	font-size: 120%;
	font-weight: normal;
	color: #9B005C;
	background: inherit;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

h3 {
	font-size: 110%;
	font-weight: bold;
	color: #9B005C;
	background: inherit;
	text-align:center;
}

h1.home, h2.home {
	margin-top: 0;
}

h1.admin 
{
	font-size: 90%;
	color: #9B005C;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

/* Menu On */

#leftArea ul.menu {
	list-style: none;
	margin: 25px 0px 35px 0px;
}

#leftArea ul.menu li a {
	display: block;
}

#leftArea ul.menu ul {
	margin:0.5em 0 1em 4em;
	padding:0 0 0 0;
	font-size:80%;
}

#leftArea ul.menu ul li a {
	margin:0 0 0 0;
	text-decoration: none;

}

#leftArea ul.menu ul li a:hover {
	color: #9B005C;
	background: inherit;
	text-decoration: underline;
}

#leftArea ul.menu ul li a.chosen {
	font-weight: bold;
}



#leftArea p.date {
	margin: 10px;
	color: #9B005C;
	background: inherit;
	font-size: 85%;
	margin-bottom: 2em;
}

#mainArea p {
	margin-bottom: 1em;
}

#mainArea p.last {
	margin-bottom: 0;
}

.leadBlock {
	background: #F6D1E0;
	color: #444444;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 110%;
}

.spotlight.spotleft {
	float: left;
	width: 260px;
	color: inherit;
	border: 1px solid #F2AAC5;
	padding-bottom:0px;
	margin: 10px 26px 10px 0px;
	background: #FBF2F4;
    background: #FBF2F4 url(/images/blue_hand.gif) no-repeat 0px 30px
}

.spotlight.spotright {
	float: left;
	width: 260px;
	color: inherit;
	border: 1px solid #F2AAC5;
	padding-bottom:0px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #FBF2F4;
    background: #FBF2F4 url(/images/purple_hand.gif) no-repeat 0px 30px;
}

.spotlight h2 {
	padding: 10px 10px 0 10px;
	font-family: georgia, times, serif;
	font-size: 150%;
	background: #FBF2F4;
	color: #9B005C;
}

.spotlight p {
	padding: 0 10px 10px 120px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.horizRule {
	height: 10px;
	border-bottom: 2px solid #F2AAC5;
	margin-bottom: 10px;
}

/* forms */

table.FormTable {
	font-size: 90%;
	background-color: #F6D1E0;
	border: 1px solid #F6D1E0;
	margin-top: 1em;
}

table.FormTable td {
	background-color: #FBF2F4;
	color: #9B005C;
	padding: 3px;
}

table.FormTable td label {
	font-weight: bold;
}
table.FormTable td.white {
	background-color: #fff;
}

table.DataTable {
	background-color: #F6D1E0;
	border: 1px solid #F6D1E0;
	margin-top: 1em;

}

.BackToTop {

	text-align: right;

}


#footer {
	border-top: 2px solid #F2AAC5;
	font-size: 80%;
	line-height: 1.25em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 10px;
}

#footer a, #rightArea a {
	text-decoration: none;
	background: inherit;
	color: #9B005C;
}

#footer .padLeft {
	padding-left: 1.5em;
}

#footer .padRight {
	padding-right: 1.5em;
}

.footer_left {
	width: 180px;
	float: left;
	color: inherit;
	background: #ffffff url(/images/csplogo.gif) top left no-repeat;
}

.footer_left p {
	margin-left: 35px;	
}

.footer_right {
	text-align: right;
	float:right;
	width: 550px;
}

.clear {
	clear: both;
}


#footer a:hover, #footer a:focus, #rightArea a:hover, #rightArea a:focus  {
	text-decoration: underline;
}

#rightArea ul li {
	margin-bottom: 0.5em;
}

.colourback {
	color: inherit;
	border: 1px solid #F2AAC5;
	padding:10px;
	margin-bottom: 10px;
	background: #FBF2F4;
}

.colourback ul {
	margin-left: 2em;
}

.colourback p strong {
	color: #9B005C;
	background: inherit;
}

.errors {
	color: #ff1111;
	background: inherit;
	border: 1px solid #ff9999;
	padding:10px;
	margin-bottom: 10px;
	background: #fff0f0;
}

.errors ul {
	margin-left: 2em;
}



ul.tripleList {
	float: left;
	width: 30%;
}

table.styled td, table.styled th {
	vertical-align: top;
	padding: 5px;
	margin: 0px;
	background: #DEEEF7;
	color: inherit;
}

table.styled th {
	font-size: 110%;
	font-weight: normal;
	background: #DEEEF7;
	color: #012233;
	text-align: left;
	}
	
.styledForm {border: 1px solid #6CB6DF; width: 90%; padding: 2em 1em 1em 1em; background: #DEEEF7; color: inherit;}
.styledAdminForm {border: 1px solid #009933; width: 90%; padding: 2em 1em 1em 1em; background: #99FF99; color: inherit;}
div.formrow {clear: both; padding: 0 0 10px 10px; margin-bottom: 2em; min-height: 1px;}
div.formrow span.formlabel {float: left; width: 25%; text-align: left; padding: 0px; color: #012233; background: inherit;}
div.formrow span.formfield {float: left; width: 65%; text-align: left; padding: 0 0 0 1em;} 
div.formrow input.submit {padding: 0.5em; background: #A8D2E9; color: #012233; border: 1px solid #6CB6DF; font-weight: bold; }

div.formrow input.field {width: 100%;}
div.formrow textarea {width: 100%; height: 6em; margin-bottom: 1em;}
div.formrow span.cancelButton {padding: 0.6em; background: #fff0f0; color: #ff1111; border: 1px solid #ff9999; font-weight: bold; }
div.formrow span.cancelButton a:hover {text-decoration: none; }

.styledForm legend {color: #012233; background: inherit; padding: 0.25em; font-size: 110%;}
.styledForm p {padding: 0.75em;}
.styledForm fieldset {margin-bottom: 1.5em; padding-top: 1em;}
.styledForm fieldset fieldset {margin: 1em;}
div.formrow p {padding-left: 0;}



p.linkBack {text-align: right; padding: 0.6em; background: #fff0f0; color: #ff1111; border: 1px solid #ff9999; font-weight: bold; }

.colourback h2 {
	margin: 1em 0;
}



ul.timeslot {
list-style: none;
margin: 0px;
padding: 0px;
}

ul.timeslot li{
list-style: none;
margin: 0px;
margin-top: 1em;
padding: 0px;	
}
	
	
ul.hall {
margin-top: 0.075em;
}
	
ul.hall li{
background-color: #DEEEF7;
border: 1px solid #6CB6DF;	
margin-top: 0;
font-weight: normal;
padding-left: 0.5em;
font-size: 95%;
	}

	
ul.metaSession{
background-color: #CBE8CE;
border: 1px solid #009933;
margin-top: 0.2em;
padding: 0 0 0em 1.75em;
}	
	
ul.metaSession li{
background-color: #CBE8CE;
border: none;
font-weight: normal;
text-align: left;
font-size: 100%;
list-style: disc;
padding: 0em 1em;
}
	
	
ul.presentation {
list-style: disc;
color: #2C5062;
border: none;
font-weight: normal;
text-align: left;
font-size: 100%;
padding: 0.75em 0 0em 1.5em;
	}
	
ul.presentation li{
list-style: disc;
border: none;
font-weight: normal;
text-align: left;
font-size: 100%;
padding: 0.25em 1em;
	}

div.congressTime {
border: 1px solid #009933;
	}
	
.congressDay {
padding: 0.25em;
	}
	
h1.programme {
	font-size: 110%;
	font-weight: bold;
	color: #555555;
	background: inherit;
	margin-bottom: 0.5em;
}

.presTitle {font-weight: bold;}

.sessionTitle {font-weight: bold;
				}

.programmeStrand {
			font-size: 90%;
			font-weight: bold;
			color: #555555;
				}

ul.programme {
list-style: disc;
border: none;
font-weight: bold;
text-align: left;
font-size: 100%;
padding-left: 1.5em;
	}
					
			
.TimeSlotTab
{border: 1px solid #6CB6DF;
background: #EFF7FB;
color: #555555;
border-bottom: none;
padding: 0.2em 0.5em 0.2em 0.5em;
}

.MetaSlotTab
{border: 1px solid #009933;
color: #555555;
background: #E5F4E7;
border-bottom: none;
padding: 0.2em 0.5em 0.3em 0.5em;
}


.sponsor {
	border-top: 2px solid #F2AAC5;
	border-bottom: 2px solid #F2AAC5;
	height: 60px;
	width: 180px;
}

.sponsorText {
	background: inherit;
	margin-top: 10px;
	margin-left: 0.5em;
	margin-bottom: 5px;
	color: #9B005C;
	font-size: 80%;
	}



#clearing {clear:both;}


/* admin stuff */

#NewLeftArea {
	width: 180px;
	float: left;
	border: 1px solid #6CB6DF;
	background: #EFF7FB;
	color: inherit;
	font-size: 80%;
	line-height: 1.25em;
	padding: 5px 0px 5px 5px;
	margin: 40px 0 0 0;
}

ul.NewLeftArea {list-style: none;}

.ListAbstracts {
	margin-left: 200px;
	font-size: 90%;
	padding: 10px 0 10px 0;
}

.welcome {
	margin-left: 180px;
	font-size: 80%;
	padding: 7px;
	background: #EFF7FB;
}

.whoops {
	margin-left: 180px;
	font-size: 85%;
	padding: 7px;
	background: #CBE8CE;
}

.ListAbstracts ul li {
	padding: 0;
	margin: 0 0 1em 1em;
}

table.tableAbstract {
	font-size: 85%;
	margin-top: 10px;
}

table.tableAbstract td, table.tableAbstract th {
	padding: 0.5em;
}

table.tableAbstract th {
	padding: 0.5em;
	vertical-align: top;
	width: 180px;
}


.score
{border: 1px solid #6CB6DF;
background: #EFF7FB;
color: #555555;
border-bottom: none;
padding: 0.2em 0.5em 0.2em 4em;
margin: 20px 0 0 0;
}

table.tableScore {
	font-size: 90%;
}

table.tableScore td, table.tableScore th {
	vertical-align: top;
	padding: 0.5em;
}

table.tableScore textarea {
	width: 240px;
}

.AdminTableHeader {
	background: #FAF9F9;
	vertical-align: top;
	font-size: 90%;
	padding: 2px 5px 2px 5px;
}

.AdminTableData {
	background: #FAF9F9;
	font-size: 90%;
	vertical-align: top;
	padding: 2px 5px 2px 5px;
}
/* /admin stuff */


/* exhibition map */

table.exhibition td {text-align:center;background-color: #eee;}
table td.standoff {text-align:center;border:1px solid #FC88CD;background-color:#fff;}
table.exhibition td.aisle {border:0;background-color: #eee;}
td.catering, .stand td.catering {background-color:#BDC4E5; border:none;}
table.exhibition table td.catering {background-color:#BDC4E5;}
table.exhibition td.standon {background-color:#FEBBE3;border:1px solid #FC88CD;}

/* data inputting stuff */

.proformaP {
	background: #EEF8FE;
	font-size: 85%;
	color: #22427B;
	padding: 0.2em;
	margin: 0.2em;
	list-style: none;
}

.proformaS {
	font-size: 90%;
	font-weight: bold;
	color: #22427B;
	padding: 1px;
	list-style: disc;
}

.proformaN {
	font-size: 90%;
	font-weight: normal;
	color: #22427B;
	padding: 1px;
}


.mugshot 
{
	float: right;
	border-top: 4px solid #F2AAC5;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px 0px 1px 2px;
}

h2.biog 
{
	font-size: 100%;
	font-weight: bold;
	color: #9B005C;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}


.rightmenu a{
	display:block;
	padding:3px;
	border:1px solid #E4C1D0;
	width:162px;
	font-size:11px;
	text-decoration:none;
	margin:0 0 2px 0 ;
	background:#FFFFFF;
	font-weight:bold;
}