/*********************************************
Projects: Think Different Events
Created: 22nd October 2009
Author: Colin Abercrombie, 5th Column
*********************************************/
/********************************************
General
*********************************************/
body	{
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size:80%;
	color:#fff;
	background: #f8e4f0 url("../graphics/bg.gif") top left repeat-x;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
body#shallow	{
	background: #f8e4f0 url("../graphics/bgshallow.gif") top left repeat-x;
}
h1	{
	font-size:2.1em;
	font-weight:normal;
	padding: 3px 0px 3px 0px;
	margin: 10px 0px 10px 0px;
	color:#cf316e;
	background-color:transparent;
}
h2	{
	font-weight:normal;
	font-size:1.6em;
	padding: 3px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	color:#cf316e;
	background-color:transparent;
}
h3	{
	color:#cf316e;
	font-weight:normal;
	font-size:1.3em;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	background-color:transparent;
}
h4	{
	color:#cf316e;
	font-size:1.1em;
	font-weight:normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:transparent;
}

a	{
	color:#cf316e;
	text-decoration:none;
}
.headercontainer a, .headercontainer a:link, .headercontainer a:visited, .headercontainer a:active	{
	color:#fff;
	font-size:0.8em;
}
a:link	{
	color:#cf316e;
	background-color:transparent;
	text-decoration:none;
}
a:visited	{
	color:#a01c4f;
	background-color:transparent;
	text-decoration:none;
}
a:active	{
	color:#cf316e;
	background-color:transparent;
	text-decoration:none;
}
a:hover	{
	color:#e44683;
	background-color:transparent;
	text-decoration:underline;
}
p {
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	line-height: 1.4em;
}
.pagetint p.speakers {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.pagetint h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}
.pagetint p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}
.pagetint {
	padding: 5px;
	margin: 15px 0px 10px 0px;
	background-color: #f2d6e7;
	border: 1px solid #e1bfd3;
}
hr {
	border-top: 1px solid #536f3d;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
img {
	margin:0px 0px 0px 0px;
  border: 0px;
}
ol, ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}
li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
ul.hp {
	padding: 0px 0px 0px 20px;
	margin: 10px 0px 10px 0px;
	list-style: disc;
	font-weight: bold;
}
ul.hp li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
ol.checkboxes li {
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	clear: none;
	float: left;
	width: 33%;
}
label {
float: left;
	width: 11em;
	padding: 0px 0px 0px 0px;
	margin: 10px 5px 0px 0px;
}
input {
	padding: 3px;
	margin: 7px 10px 7px 0px;
	font-size: 1.2em;
}
fieldset {
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 0px 0px;
	background-color: #f2d6e7;
	border: 1px solid #e1bfd3;
}
fieldset.submitbutton {
	border: 0px solid;
	background-color: transparent;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 10px 0px;
}
fieldset .errortext {
	float: left;
	color: red;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
}
.mainerrortext {
	color: #fff;
	background: red;
	margin: 10px 0px 0px 0px;
	padding: 7px;
}
.suberrortext {
	color: red;
	background: white;
	margin: 10px 0px 0px 0px;
	padding: 7px;
font-weight: bold;
}
fieldset span.instructions {
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
label {
	float: left;
	width: 11em;
	padding: 0px 0px 0px 0px;
	margin: 10px 5px 0px 0px;
}

legend {
	display: none;
}
legend.visible {
	display: block;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	background-color: #cf316e;
	border: 0px solid #e1bfd3;
	font-size: 1.4em;
	color:#fff;
}
*fieldset {
  position: relative;
	padding: 10px 10px 10px 10px;
	margin: 2.1em 0px 0px 0px;
	background-color: #f2d6e7;
	border: 1px solid #e1bfd3;
}
*fieldset.first {
	margin: 0px 0px 0px 0px;
}
fieldset.first input {
	width: 77%;
}
*fieldset.submitbutton {
	border: 0px solid;
	background-color: transparent;
	padding: 0px 10px 0px 10px;
	margin: 5px 0px 10px 0px;
}
*legend.visible {
	position: absolute;
	top: -1.0em;
	left: .2em;
	display: block;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	background-color: #cf316e;
	border: 0px solid #e1bfd3;
	font-size: 1.4em;
	color:#fff;
}
*ol.checkboxes {
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
ol.checkboxes label {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 15em;
	height: 1px;
}
input.box {
	margin: 0px 0px 15px 0px;
	width: 25px;
float: left;
}
input.primary {
	margin: 10px 7px 0px 0px;
	padding: 0px;
	width: 15px;
float: left;
}
label.primary {
	padding: 0px;
	margin: 7px 5px 10px 0px;
float: left;
font-weight: bold;
}
input.submitbutton {
	width: auto;
}
textarea.styled {
  margin-bottom:10px;
  padding:3px;
  font-size:1.2em;
  font-family: verdana;
  width: 77%;
  height: 200px;
}
#youraccount #help {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
#homehelp {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	text-align: center;
	width: 100%;
}
/********************************************
Containers
*********************************************/
#sitecontainer {
	width: 800px;
	padding: 0px 0px 0px 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}
#pagecontainer {
	color: #555;
	background-color: transparent;
	text-align: left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#titlecontainer {
	color: #555;
	background: transparent url("../graphics/titlebg.gif") top left no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height: 84px;
	width: 800px;
}
#buttonscontainer {
	color: #555;
	background: #cb306c;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height: 25px;
	width: 800px;
}
#buttonscontainer ul {
	list-style: none;
	padding:4px 0px 0px 0px;
	margin:0px 20px 0px 0px;
}
#buttonscontainer li {
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
	display: inline;
}
#buttonscontainer a {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color: #fff;
}
.headercontainer {
	color: #fff;
	background: transparent;
	padding:20px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	height: 150px;
}
.headercontainer#shallow {
	height: 84px;
}
.headercontainer#shallow img {
	padding:0px 20px 0px 0px;
	margin:0px 0px 0px 0px;
}
.headercontainer h1, .headercontainer p, .headercontainer#shallow h1, .headercontainer#shallow p	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color:#fff;
}
.headercontainer img {
	float: left;
	margin:0px 20px 0px 0px;
}
.headercontainer .headerinner {
	float: left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 65%;
}
#youraccount {
	float: right;
	margin:0px 0px 0px 0px;
	text-align: center;
	width: 16%;
}
#sessionPanel {
	padding: 10px 20px 20px 20px;
	margin: 10px 0px 20px 0px;
	background-color: #f2d6e7;
	border: 1px solid #e1bfd3;
}
.sessionTitle {
	margin:10px 0px 1px 0px;
	padding:0px 0px 0px 0px;
	background-color: #764f9f;
	height: 0.01%;
}
.sessionTitle h2 {
	float: left;
	font-size: 1.5em;
	margin:0px 0px 0px 0px;
	padding:2px 2px 2px 4px;
	width: 68%;
	color: #fff;
}
.sessionTitle a {
	color: #fff;
}
.sessionLinks {
	float: right;
	width: 30%;
	margin:0px 0px 0px 0px;
	padding:5px 5px 2px 2px;
}
.sessionLinks ul {
	text-align: right;
}
.sessionLinks ul li {
	display: inline;
	margin:0px 0px 0px 10px;
}
span.left {
	float: left;
	margin:0px;
	padding:0px;
}
span.right {
	float: right;
 	margin:0px;
	padding:0px; 
}
.speakerList {
	margin:0px 0px 0px 0px;
	padding:0px;
	background-color: #e1bfd3; 
}
.speakerList h3 {
	margin:0px 0px 0px 0px;
	padding:5px;
	background-color: #e1bfd3; 
}
.speakerList .speakerright {
	margin:0px 0px 0px 0px;
	padding:2px 5px 2px 5px;
	float: right;
}
.speakerList .speakerleft {
	margin:0px 0px 0px 0px;
	padding:2px 5px 2px 5px;
	float: left;
}
.addSpeaker {
	margin:0px 0px 1px 0px;
	padding:5px;
	background-color: #e1bfd3; 
}
.addSpeaker ul {
	margin:0px 0px 0px 0px;
	padding:0px;
}
.addSpeaker p {
	margin:0px 0px 0px 0px;
	padding:0px;
}
.addSpeaker a {
	margin:0px 0px 0px 0px;
	padding:0px;
}
.detailsList {
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	background-color: #e1bfd3; 
}
.detailsList h3 {
	margin:0px 0px 0px 0px;
	padding:5px;
	background-color: #e1bfd3; 
}
.detailsList .speakerright {
	margin:0px 0px 0px 0px;
	padding:2px 5px 2px 5px;
	float: right;
}
.detailsList .speakerleft {
	margin:0px 0px 0px 0px;
	padding:2px 5px 2px 5px;
	float: left;
}
.furtherdetailslist {
	margin:0px 0px 0px 0px;
	padding:2px 5px 2px 5px;
}
.furtherdetailslist li {
	margin:0px 0px 0px 0px;
	padding:2px 5px 2px 0px;
}
/* Forms ********************************************/
/* SignUp Form */
#signupPanel {
	float: left;
	margin:0px 40px 0px 0px;
	padding: 0px 0px 45px 0px;
	width: 32%;
	/* NEEDED FOR WHEN SIGNUP BUTTON IS VISIBLE
  border-right: 1px solid #fff; */
}
#signupPanel img {
	margin:20px 0px 0px 35px;
  border: 0px;
}
a.signupbutton {
  cursor:pointer;
  border: 0px;
}
#signupPanel input {
  margin-bottom:10px;
  padding:3px;
  font-size:1.1em;
  vertical-align:middle;
  width: 35%;
}
#signupPanel input.submitbutton {
  margin-top:0px;
  margin-bottom:10px;
  padding:2px 0px 2px 0px;
  font-size:1.2em;
  width: 20%;
}
#signupPanel label {
width: 12em;
margin: 0px 0px 0px 0px;
display: block;
}
/* Login Form */
#loginPanel {
	float: left;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 35%;
}
#loginPanel form#login {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#loginPanel label {
	margin:4px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	width: 70px;
}
#loginPanel input {
  margin:0px 0px 5px 0px;
  padding:3px;
  font-size:1.1em;
  vertical-align:middle;
  width: 70%;
}
#loginPanel div.errortext {
   margin:0px 0px 5px 0px;
  padding:0px;
  font-size:0.9em;
  color: #fff;
}
#youraccount input.logbutton {
  width: 35%;
  margin:7px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	background: transparent url("../graphics/logbutton.gif") top left no-repeat;
	border: 0px;
	height: 24px;
  width: 121px;
  cursor:pointer;
  color:#fff;
  vertical-align: center;
  line-height: 1em;
}
#loginPanel input.logbutton {
  width: 121px;
  margin:7px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	background: transparent url("../graphics/loginbutton.gif") top left no-repeat;
	border: 0px;
	height: 24px;
  cursor:pointer;
  color:#fff;
  vertical-align: center;
  line-height: 1em;
  float: left;
}
#loginPanel span.forgot {
  margin-top: 15px;
	padding: 0px 0px 0px 10px;
  float: left;
}
/* End Forms *****************************************/
#contentcontainer {
	color: #555;
	background-color: transparent;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.contentcontainerleft {
	float: left;
	color: #555;
	background-color: transparent;
	padding: 0px 20px 0px 0px;
	margin: 10px 0px 20px 0px;
	width: 56%;
	border-right: 1px solid #e2accd;
}
.contentcontainerright {
	float: left;
	color: #555;
	background-color: transparent;
	padding: 0px 0px 0px 35px;
	margin: 10px 0px 20px 0px;
	width: 34%;
}
.contentcontainerright img {
	border: 1px solid #555;
}
.contentcontainerright p {
	text-align: left;
	margin: 0px 0px 0px 0px;
}
.contentcontainerright h2 {
	font-size:1.3em;
}
#footercontainer {
	color: #555;
	background-color: #f8e4f0;
	padding:10px;
	margin:0px 0px 0px 0px;
	text-align: center;
	font-size:0.8em;
	height: 60px;
}
form#login, form#logout {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
form#signup {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	width: 100%;
}
form#signup li div {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 20px 0px;
	width: 100%;
}
.spacer {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
  clear: both;
}
.dotted {
  padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border-bottom: 1px dotted #ccc;
}
.required {
	color: #fff;
	padding: 5px 10px 10px 10px;
	background-color: #cf316e;
	border: 1px solid #f2d6e7;
}
li.required {
	color: #fff;
	padding: 10px 10px 5px 10px;
	margin: 0px 0px 10px 0px;
	background-color: #cf316e;
	border: 1px solid #fff;
}
li.required label {
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
}
span.instr {
font-size: 0.8em;
color: #cf316e;
background: #fff;
	padding: 0px 2px 0px 2px;
}
span.instr a, span.instr a:link, span.instr a:active, span.instr a:visited, span.instr a:hover {
color: #cf316e;
}
.required h3 {
color: #fff;
}
.required a	{
	color:#fff;
	text-decoration:none;
}
.required a:link	{
	color:#fff;
	background-color:transparent;
	text-decoration:none;
}
.required a:visited	{
	color:#fff;
	background-color:transparent;
	text-decoration:none;
}
.required a:active	{
	color:#fff;
	background-color:transparent;
	text-decoration:none;
}
.required a:hover	{
	color:#fff;
	background-color:transparent;
	text-decoration:underline;
}
li.required input {
padding: 3px;
width: 77%;
font-size: 1.2em;
margin: 0px;
}
li.required input.box {
	margin: 0px 0px 15px 0px;
	width: 25px;
}
li.required select {
margin: 0px 0px 0px 0px;
padding: 3px;
width: 78%;
font-size: 1.2em;
}
li.required h2 {
margin: 0px 0px 10px 0px;
padding: 0px;
color: #fff;
}
li.required hr {
margin: 0px 0px 10px 0px;
padding: 0px;
border-top: 1px solid #fff;
}
.pad {
margin: 0px 0px 0px 0px;
}