ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

h1
{
  color: #CC0033;
	font-size: 18px;
}
.h1equiv {
  color: #CC0033;
	font-size: 18px;
}
.h1equiv a {
  color: #CC0033;
}
h2,h3,h4
{
	font-size: 14px;
}
p
{
  margin-bottom: 10px;
}
.cleared
{
  clear: both;
}
.emph {
	font-weight: bold;
}
.profilelink {
	margin-bottom: 10px;	
}
.smallprint, .note {
	font-size: 9px;
	color: #333;
}
/* PAGE-LEVEL BLOCKS */
body, td
{
  margin: 0;
  padding: 0;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #fff;
}

body
{
  padding: 0px;
  background: #ffffff url(../images/gradient_bg.png) repeat-x top left;
}

#outeradmin
{
  margin: 25px 10px 10px 10px;
  background-color: #fff;
}
#inneradmin
{
  margin: 0px 10px;
}

#outerwrapper
{
  width: 770px;
  margin: 0px auto 10px auto;
  border: 1px solid #fff;
  background-color: #ffffff;
	background: #ffffff url(../images/gradient_page_footer6.png) no-repeat bottom left;
}
#innerwrapper
{
  margin: 15px 10px 10px 10px;
}

/* HEADER */
#brand-organiser {
	xfloat: left;	
	margin-left: 170px;
}
#brand-meetingmojo {
	/* position: absolute;*/
	margin-top: 0px;
}
#brand-wide {
	margin-top: 0px;
}
#headerlinks
{
  float: left;
  width: 100%;
  background-color: #666666;
  margin-top: 2px;
  margin-bottom: 6px;
}
#headerlinks ul
{
  clear: both;
}
#headerlinks li
{
  list-style: none;
  float: left;
}
#headerlinks li a
{
  display: block;
  padding: 3px 5px;
  border-right: 1px solid #fff;
  color: #fff;
}
#headerlinks li a.selected
{
  color: #CC0033;
}

/* BODY BLOCKS */
/* BODY BLOCKS - LEFT */
#contentwrapper
{
  clear: both;
}

#column-left
{
  width: 150px;
  float: left;
}
.column-left-block
{
  xfloat: left;
  background-color: #eee;
  margin-bottom: 10px;
  padding-top: 3px;
}
#column-left #sf_guard_auth_form
{
  margin: 5px;
  padding-bottom: 5px;
  xfloat: left;
}
#column-left h3
{
  margin: 0px;
  background-color: #ddd;
  padding: 2px 5px 2px 5px;
}

/* LOGIN FORM */
#signin_username,
#signin_password {
	width: 150px;
}

#form-login-forgot {
	display: block;
}

/* MESSAGES LIST BLOCK */
#nomessages {
	margin-top: 20px;
	margin-bottom: 20px;
	}
#messagelist .message {
	clear:both;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	font-weight: normal;
	width: auto;
}

#messagelist .message cite {
	margin-top: 10px;
	display: block;
	text-align: right;
	font-size: 11px;
	font-style: normal;
}
#messagelist .message cite a {
	font-style: italic;
}
#messagelist .message h3 {
	margin-bottom: 10px;
}

/* LOGIN BLOCK */
div#sf_guard_auth_username label
{
	display: block;
	clear: both;
}
div#sf_guard_auth_password label
{
	display: block;
	clear: both;
}
div#sf_guard_auth_remember
{
  margin: 3px 0px 3px 0px;
}
div#sf_guard_auth_remember input
{
  margin-left: 5px;
}
ul#auth_user_links
{
  margin: 10px 0px;
}
ul#auth_user_links li
{
  list-style: none;
  display: block;
}
p#forgottenpassword
{
	margin-bottom: 0px;
	margin-top: 10px;
}

/* BODY BLOCKS - CENTER/CONTENT */
#column-center
{
  xmargin-left: 165px;
  float: right;
  width: 580px;
  xborder: 1px solid red;
  font-size: 12px;
/*  background: url(../images/hittheworldrunning_trim.png) no-repeat bottom right;
  padding-bottom: 80px; */
  margin-bottom: 10px;
}
#column-center h1
{
  margin-bottom: 15px;
	line-height: 1.4em;
}
#column-center h3
{
  margin-top: 10px;
}

div.message
{
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
	background-color: #f9f9f9;
	font-weight: bold;
	padding: 5px;
	width: 400px; /* Reduced width so that it doesn't overlap optional content-rhs-column */
}
div.errormessage
{
	border: 1px solid #ffeeee;
	margin-bottom: 10px;
	background-color: #fff9f9;
	color: #660000;
	font-weight: bold;
	padding: 5px;
	width: 400px; /* Reduced width so that it doesn't overlap optional content-rhs-column */
}


#content-rhs-column {
	width: 150px;
	float: right;
	padding: 0px 0px 0px 10px;
	/*
	position: relative;
	top: -40px;
	*/
}


/* FORM ELEMENTS */

div.inputline, 
div.indentedline, 
div.checkboxline,
div.inputlinecheckbox
{
  margin-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eeeeee;
  clear: both;
  float: left; /* float,width added so that long labels don't leak out of div */
  width: 100%;
}
div.inputline label
{
  display:block;
  width: 140px;
  margin-right: 10px;
  font-weight: bold;
  float: left;
  clear: left;
}


/* Buttons */
.buttons{
float:right;
}

a.squarebutton{
//background:	url(../images/hittheworldrunning_trim.png);
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: right;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
margin: 0 7px 7px 7px;
//float: right;
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
//background:	url(../images/hittheworldrunning_trim.png);
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

#newmessagebutton 
{
}

/* Narrower for search page */
#searchform div.inputline label {
	width: 100px;
}
div.inputline label.textarealabel {
	display: block;
	margin: 0px;
	width: 100%;
	padding-bottom: 5px;
}
div.inputlinecheckbox label
{
	display: block;
	margin-left: 150px;
	clear: right;
	width: 420px;
	font-weight: bold;
}
div.inputlinecheckbox label.radiolabel
{
	margin: 0px;
	width: 580px;
	padding-bottom: 5px;
}
div.inputlinecheckbox input
{
	float: left;
	clear: left;
	margin-left: 120px;
	line-height: 1.5em;
}

div.indentedline
{
	margin-left: 150px;
}
div.inputline input,
div.inputline textarea,
div.inputline select,
div.inputline iframe
{
  /* margin-left: 25px; */
	xwidth: 350px;
}
.form_error
{
  color: #cc0000;
  margin-left: 150px;
}
/* Override the margin */
div#error_for_username
{
	margin-left: 0px;
}
div#error_for_password
{
	margin-left: 0px;
}

.submitline
{
  padding-top: 5px; /* changed from margin because .inputline is floated */
  margin-left: 150px;
  clear: left;
}
div.checkboxline input
{
	
}
div.input_block {
	margin-left: 150px;
}
div.inputline div.input_block label {
	clear: right;
	padding-left: 20px;
	float: none;
}
div.inputline div.input_block input {
	float: left;
}
/* SEARCH */
#searchform
{
	background-color: #f6f6f6;
	border: 1px solid #f0f0f0;
	padding: 3px;
	margin-bottom: 10px;
}
#frmContent {
/*	border: 2px solid green; */
}
#searchform div.inputline
{
	border-bottom: 0px;
	margin-top: 0px;
	width: 100%;
	clear: left;
	float: left;
}

#searchform #name
{
	width: 156px;
}
#searchform #type_id,
#searchform #product_id,
#searchform #keyword_id
{
	width: auto;
	clear: right;
	float: left;
}

#searchactions {
	padding-left: 10px;
	float: left;	
}

div#alphabet
{
	margin-bottom: 5px;
}
p.searchinfo
{
	font-style: italic;
	color: #666;
}
div.searchindex_before
{
	padding: 3px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #f0f0f0;
}
div.searchindex_after
{
	margin-top: 10px;
	padding: 3px;
	background-color: #f6f6f6;
	border-top: 1px solid #f0f0f0;
}
span.searchchoice
{
	font-size: 1.5em;
	font-weight: bold;
}

#searchresults .organisation
{
	clear: both;
}
#searchresults img.logo
{
	xposition: relative;
	float: left;
	clear: left;
}
#searchresults .organisation h3,
#searchresults .organisation div.profile,
#searchresults .organisation div.products,
#searchresults .organisation div.hallstand,
#searchresults .organisation div.website
{
	margin-left: 160px;
}

#searchresults .organisation h3 a
{
	display: block;
	background: url(../images/clicktobook.png) right bottom no-repeat;
	padding-bottom: 4px;
	width: 420px;
/*	border-top: 1px solid red; */
}
#searchresults .organisation h3 a:hover
{
	background: #eeeeee url(../images/clicktobook-hover.png) right bottom no-repeat;
}

/* PROFILE */
div.profile
{
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	margin: 0px 0 5px 0;
}

#column-center div.organisation
{
	margin-top: 20px;
}
div.hallstand
{
	font-weight: bold;
}
#toggleavail {
	display: block;
	float: right;
	xclear: both;
	margin: 3px 0px 3px 20px;
}

/* BOOKING/AVAILABILITY */
#schedulekey
{
	margin: 5px;
}
#schedulekey th
{
	padding-left: 4px;
	text-align: left;
}
#schedulekey td.note
{
	padding-bottom: 4px;
	background-color: transparent;
}

table.schedule a
{
	text-decoration: none;
  display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
table.schedule a span
{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer; /* Make IE7 show a pointer, not text cursor */
}

th.timeslot
{
	font-size: 8px;
	color: #666666;
	text-align: left;
}
td.available
{
	background-color: #99ff99;
}
td.unconfirmed
{
	background-color: #ffff99;
}
ul.confirmlist li {
	list-style: none;
	display: block;
	background: url(../images/unconfirmed.png) top left no-repeat;
	padding-left: 30px;
	height: 26px;
	padding-top: 6px;
}
td.booked
{
	background-color: #6666ff;
}
td.colleague
{
	background-color: #aaaaff;
}
td.unavailable
{
	background-color: #ffcccc;
}
td.notenabled
{
	background-color: #cccccc;
}
img.block, img.unblock, img.busy
{
	display: block;
	margin: 0 0 0 auto;
}
img.info
{
	display: block;
	margin: 0 auto;
}

table.calendar th
{
	background: #eee;
	border-bottom: 1px solid #ddd;
}
table.calendar th,
table.calendar td
{
	padding-left: 4px;
}

table.calendar tr.calerror,
table.calendar tr.calerror td
{
	background-color: #fee;
	color: #c00;
}
table.calendar tr.calunavailable,
table.calendar tr.calunavailable td
{
	background-color: #fee;
}
table.calendar tr.calbooked,
table.calendar tr.calbooked td
{
	background-color: #ddf;
}
table.calendar tr.calavailable,
table.calendar tr.calavailable td
{
	background-color: #fff;
	color: #999;
}
.tooltip a
{
	display: block;
}
a.tooltip
{
  display: block;
}

.venue_title {
  font-weight: bold;
}
.venue_attendee {
  font-weight: bold;
}
/* Override computed tooltip styling */
#tooltip h3 {
	font-size: 11px;
}

#table-availability a.tooltip {
	padding: 0px 3px;
}

/* VIEW ELEMENTS - Same as some form elements*/
dl.tableview
{
  margin-top: 10px;
	padding-bottom: 5px;
  clear: both;
	float: left;
}
dl.tableview dt
{
  display:block;
  width: 150px;
  font-weight: bold;
	float: left;
	clear: left;
	margin-bottom: 5px;
}
dl.tableview dd
{
  margin-left: 0px;
	display:block;
	margin-bottom: 5px;
	float: left;
	clear: right;
}
dl.tableview dd.notitle
{
	margin-left: 150px;
	clear: both;
}

table.accountlisting
{
/*	margin-bottom: 15px; */
}

.accountlisting th
{
	width: 100px;
	text-align: left;
}

table.messageslisting
{
/*	margin-bottom: 15px; */
}

.messageslisting th
{
	width: 300px;
	text-align: left;
	vertical_align: top;
}

.messageslisting td
{
	width: 200px;
	text-align: left;
	vertical_align: top;
}

.messageslisting .unread {
	font-weight: bold;
}

table.messageview
{
/*	margin-bottom: 15px; */
}

.messageview th
{
	width: 250px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

.messageview td
{
	text-align: justify;
	display:block;
}


/* Center column content */
#column-center h2
{
	margin-top: 20px;
	margin-bottom: 5px;
	line-height: 1.5em;
}
#column-center li
{
	margin-left: 15px;
	margin-bottom: 4px;
}
#column-center ul
{
	margin-bottom: 10px;
}
#column-center 
{
	line-height: 1.5em;
}

/* FOOTER */
#footer
{
  clear: both;
  margin-top: 20px;
  border-top: 10px solid #666666;
  padding: 5px 0px;
  font-size: xsmall;
  color: #333333;
}
#footerlinks {
	margin-bottom: 5px;
	background-color: #cccccc;
	padding: 3px 5px;
	text-align: right;
}
#footerlinks a {
	color: #000;
}


/* JQUERY TOOLTIP */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 1;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }


/* Form overrides */
#narrowform #sf_admin_container .form-row .content
{
	padding-left: 9em;
}
#narrowform #sf_admin_container label
{ 
	width: 8em;
}
#narrowform #sf_admin_container #sf_admin_content
{
	margin-right: 0px;
	width: 400px;
}


.erroroptions dt
{
	font-weight: bold;
}


/* Interrim form styling */
div.form-row {
	border-top: 1px solid #cccccc;
  padding: 3px 0px 5px 0px;
}
div.form-row label {
  display: inline-block;
  width: 140px;
  
}