/* navigation */

#tabs{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
font-weight:bold;
width:100%; 
height:25px; 
border-bottom:1px solid #999999;
background:#996633;
}

#tabs ul{
list-style:none;
margin:0;
padding:0;
}

#tabs ul li{
display:inline;
margin:0;
text-transform:capitalize;
}

#tabs ul li a{
padding:5px 8px;
color:#FFF;
background:#996633;
float:left;
text-decoration:none;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
border-left:0;
margin:0;
text-transform:capitalize;
}

#tabs ul li a:hover{
background-color: #754d29;
color:#FFFFFF;
text-decoration:none;

}

#tabs ul li a.active{
background:#EAEAEA;
color:#7F9298;
border-bottom:1px solid #EAEAEA;
}
	
/* main styles */

#pathway1box
{
	/* background-color: #FF0000; */
	background-color: #A6D2FF;
	color: Black;
	margin-left: 2px;
	margin-right: 2px; 
	margin-bottom: 1px;
	padding: 2px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: Solid 1px #888888;
}

#pathway2box
{
	/* background-color: #FF0000; */
	background-color: #AEFFAE;
	color: Black;
	margin-left: 2px;
	margin-right: 2px; 
	margin-bottom: 1px;
	padding: 2px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: Solid 1px #888888;
}

#theme1box
{
	/* background-color: #FF0000; */
	background-color: #FF9FCF;
	color: Black;
	margin-left: 2px;
	margin-right: 2px; 
	margin-bottom: 1px;
	padding: 2px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: Solid 1px #888888;
}

#themeText
{
	font-size: 11px;
	font-weight: normal;
	margin-top: 1px;
	margin-left: 2px;
	margin-right: 2px;
	height: 115px;
}

#theme2box
{
	/* background-color: #00FF00; */
	background-color: #FFB871;
	color: Black;
	margin-left: 2px;
	margin-right: 2px; 
	margin-bottom: 1px;
	padding: 2px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: Solid 1px #888888;
}

#theme3box
{
	/* background-color: #00FFFF; */
	background-color: #D1BBFF;
	color: Black;
	margin-left: 2px;
	margin-right: 2px; 
	margin-bottom: 1px;
	padding: 2px; 
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: Solid 1px #888888;
}

#homepageGowerPanel {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

body {
	font-family: Verdana, Helvetica, sans-serif;
	color: White;
	background-color: Black;
}

#mainContainer {
	width: 850px;
	/*height: 675px;*/
	background-image:url(images/jswec_07_background.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border: solid 1px #999999;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#titleContainer {
	width: 850px;
	height: 134px;
	border-bottom: solid 1px #999999;
	background-color: Black;
	background-image:url(images/titleRightWipe.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

#subtitleContainer {
	width:850px;
	height: 22px;
	border-bottom: solid 1px #999999;
	background-color: #333333;
	font-size: 17px;
	text-weight: bold;
	text-align: center;
}

#footerContainer {
	width:850px;
	height: 16px;
	border-top: solid 1px #999999;
	background-color: #333333;
	font-size: 12px;
	text-weight: bold;
	text-align: center;
}

a {
	color: #CCCCCC;
	text-decoration: underline;
}

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

#tempLogo {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

#swanseaImagesMovie {
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	border: solid 1px #999999;
	width: 390px;
	height: 259px;
}

#frontNewsDivider {
	margin-left: 600px;
	height: 445px;
	width: 10px;
	background-color:#724D26;
}

#conferenceTitle {
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	font-weight: bold;
}

#advancebookingPanel {
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

#advancebookingTextBox {
	height: 17px;
	width: 250px;
	margin: 6px;
	padding: 0px;
	border: Solid 1px #FEFEFE;
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
}

#advancebookingSubmit {
	height: 19px;
	margin: 6px;
	border: Solid 1px #FEFEFE;
	background-color: #744E26;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	color: #FFFFFF;
	padding: 0px;
}

#mainLeftPanel {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 500px;
}

#mainNewLeftPanel {
	width: 70%;
	height: 500px;
	float: left;
}

#mainRightPanel {
	border-left: Solid 1px #999999;
	width: 28%;
	height: 500px;
	float: right;
	background-color:#000000;

	overflow: auto;
	scrollbar-face-color : #333333; 
	scrollbar-highlight-color : #999999; 
	scrollbar-3dlight-color : #999999; 
	scrollbar-shadow-color : #999999; 
	scrollbar-darkshadow-color : #000000; 
	scrollbar-track-color : #000000; 
	scrollbar-arrow-color : #999999;
}

#mainNews {
	margin-left: auto;
	margin-right: auto;
	width: 185px;
	height: 700px;
	border: Solid 1px White;
}

.mainNewsItem {
	margin-top: 5px;
}

.mainNewsItemTitle {
	font-weight: bold;
	font-size: 12px;
}

.mainNewsItemText {
	font-weight: normal;
	font-size: 10px;
}
.mainNewsItemLink {
	font-weight: Bold;
	font-style: italic;
	font-size: 10px;
}

.mainNewsItemDatePosted {
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
}

/* venue page */

#venueContainer {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #483018; */
	background-color: #754d29;
	border: Solid 1px #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:10px;
	font-size: 13px;
}


/* exhibitors page */

#exhibitorsContainer {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #483018; */
	background-color: #754d29;
	border: Solid 1px #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:10px;
	font-size: 13px;
}

/* draft programme */

#programmeContainer {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #483018; */
	background-color: #754d29;
	border: Solid 1px #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:10px;
	font-size: 13px;
}

/* themes page */

#themesContainer {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #483018; */
	background-color: #754d29;
	border: Solid 1px #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:10px;
	font-size: 13px;
}

.themesTable{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

th.themesTableHeader {
	vertical-align: top;
	text-align: left;
}

td.themesTableCell {
	margin-left: 4px;
}

tr.themesTableThemeRow {
	border-bottom: Solid 1px #999999;
}

/* call for papers */

#callContainer {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #483018; */
	background-color: #754d29;
	border: Solid 1px #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:10px;
	font-size: 13px;
}

.callTable{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

th.callTableHeader {
	vertical-align: top;
	text-align: left;
}

td.callTableCell {
	margin-left: 4px;
}

tr.callTableThemeRow {
	border-bottom: Solid 1px #999999;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 14px;

}

p.callPara {
	font-size: 13px;
}

th.callThemes {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

/* abstract submission styles */

.abSubmitButton {
	float: right;
	width: 150px;
	height: 25px;
	color: #FFFFFF;
	border: Solid 1px #999999;
	background-color: #996633;
	font-weight: bold;
	vertical-align: middle;
}

.abSinglePanel {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	/* background-color:#333333; */
	/* background-color: #483018; */
	background-color: #754d29;
	border: Solid 1px #999999;
	width: 650px;
	margin-bottom: 10px;
	padding:10px;
	margin-left: auto;
	margin-right: auto;
	
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 480px;
  text-align: left;
  } 
  
 h2.abSectionTitle {
 	padding: 2px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 4px;
 }
 
 h3.abSectionSubtitle {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #CCCCCC;
 }
 
 p.abCompleteWarning {
 	font-weight: bold;
	color:#FFCC00;
 }
 
 .abMarkRequiredField {
 	color: red;
	weight: bold;
 }
 
 /* keynotes page */
 
 #keynoteContainer {
 	width: 95%;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #483018; */
	background-color: #754d29;
	border: Solid 1px #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:10px;
	font-size: 13px;
	}
	
.keynotePersonContainer {
	padding: 5px; 
	width:90%; 
	margin-left: auto; 
	margin-right: auto; 
	border-top: Solid 1px #999999; 
	font-size: 12px; 
	margin-bottom: 10px; 
	background-color: #754d29;
}
 
 /* organisers page */
 
 #organisersContainer {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #483018; */
	background-color: #754d29;
	border: Solid 1px #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:10px;
	font-size: 13px;
}

p.organisersParaList {
	font-size: 13px;
}

/* student bursary */

 #bursaryContainer {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #483018; */
	background-color: #754d29;
	border: Solid 1px #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:10px;
	font-size: 13px;
}

/* booking */

	.bookingMarkRequiredField {
		color: red;
		weight: bold;
	}

	#bookingContainer {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		/* background-color: #483018; */
		background-color: #754d29;
		border: Solid 1px #999999;
		margin-bottom: 10px;
		margin-top: 10px;
		padding:10px;
		font-size: 13px;
	}
	
	#bookingConfirmHeader {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 12px;
		/* background-color:#333333; */
		/* background-color: #483018; */
		background-color: #754d29;
		border: Solid 1px #999999;
		width: 650px;
		margin-bottom: 10px;
		padding:10px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#bookingInitialHeader {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 12px;
		/* background-color:#333333; */
		/* background-color: #483018; */
		background-color: #754d29;
		border: Solid 1px #999999;
		width: 650px;
		margin-bottom: 10px;
		padding:10px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.bookingMissingOptionText {
		color:#FFCC00;
		font-weight: bold;
	}
	
	.bookingSubmitButton {
		float: right;
		width: 150px;
		height: 25px;
		color: #FFFFFF;
		border: Solid 1px #999999;
		background-color: #996633;
		font-weight: bold;
		vertical-align: middle;
		margin-left: 20px;
	}
	
	#bookingFormContainer {
		width: 675px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#bookingGowerTourBox {
		margin-top: 5px;
		margin-bottom: 5px;
		width: 100%;
		border: Solid 1px #999999;
		font-weight: normal;
		padding-bottom: 10px;
	}
	
	.bookingGowerPara{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		font-weight: lighter;
		margin-top: 15px;
	}
	
	#bookingWifiBox {
		margin-top: 15px;
		margin-bottom: 15px;
		width: 100%;
		border: Solid 1px #999999;
		font-weight: normal;
		padding-bottom: 10px;
	}
	
	.bookingWifiPara{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		font-weight: lighter;
	}
	
	.bookingGowerMenu {
		font-weight: lighter;
	}
	
	#bookingTotalCostBox {
		margin-top: 15px;
		margin-bottom: 15px;
		width: 100%;
		border: Solid 1px #999999;
		font-weight: bold;
		font-size: 14px;
		text-align: right;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
/* programme styles */

.ProgrammeSessionContainer
{
	width: 500px;
	float: right;
	margin-right: 10px;
	margin-top: 20px;
	text-align: left;
	background-color: #754d29;
	background-color: #D6AC83;
	color: #000000;
}

.ProgrammeSessionRoomTitle
{
	font-size: small;
	margin-left: 20px;
}

.ProgrammeSessionPresentersTitle
{
	font-style:italic;
	font-size: small;
	margin-left: 5px;
}

#FinalProgrammeContainer
{
	width: 95%; 
	margin-left: auto; 
	margin-right: auto; 
	background-color: #754d29;
	border: Solid 1px #999999;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 10px;

}

.ProgrammeItemTime
{
	font-size: small;
	font-style: italic;
	float: left;
	margin-left: 7px;
	width: 100px;
	text-align: center;
}

.ProgrammeItem
{
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	background:#996633;
}

.ProgrammeItemLocation
{
	font-size: small;
	width: 150px;
	float: left;
	text-align: left;
}

.ProgrammeItemText
{
	font-size: small;
	float: left;
	margin-left: 5px;
	width: 470px;
}

#ProgrammeDayTitle
{
	padding-top: 10px;
	font-weight: Bold;
	font-size: medium;
	width: 100%;
	padding-bottom: 10px;
	text-indent: 10px;
	border-bottom: Solid 1px #BBBBBB;
}

#ProgrammeInstructions
{
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	background:#996633;
}


.ProgrammeSessionContentContainer
{	
	width: 400px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 50px;
	float: right;
	margin-top: 10px;
}

.eventAbstractProgramme
{
	display: none; 
	width: 95%; 
	height: 185px;
	overflow: auto;
	border: Solid 1px #999999;
	background-color: #DDDDDD;
	color: Black;
	padding: 2px;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

a.clickButton {
	padding:4px;
	background-color: #996633;
	border: 1px Solid #999999;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	cursor: hand;
	margin:5px;
	margin-left:20px;
	text-decoration:none;
}

a.clickButton:Hover {
	background-color: #754d29;
}

p.paperDescription
{
	margin-left: 20px;
	font-size: 13px;
}