/* Page boundaries */

html,body{
    background: #FFFFFF;
    color: 000000;
	border: 0px;
	margin: 0px;
	spacing: 0px;
	padding: 0px;
	width: 100%;
}

.head {
    display: block;
    float: left;
    width: 100%;
    border-bottom: solid 1px #000000;
    background: #5897C0;
}

.body {
    display: block;
    float: left;
    width: 100%;
    background: #5897C0;
}

.foot {
    display: block;
    float: left;
    width: 100%;
    border-top: solid 1px #000000;
}

.editbox {
    font-family: sans-serif;
    display: block;
    position: absolute;
    right: 1px;
    top: 125px;
    height: 22px;
    width: 100px;
    border: solid 1px #000000;
    background-color: #FFFFFF;
    vertical-align: center;
    align: center;
    text-align: center;
}

.editbox b {
    font-weight: bold;
    background-color: #000000;
    color: #FFFFFF;
}

.editbox a {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.editbox a:hover {
    background-color: #5897C0;
}

/* Panels */

.head .title {
    top: 0px;
    height: 130px;
    background-image: url(http://www.websci09.org/graphics/ws09bannerbg2.png);
    background-repeat: no-repeat;
    background-position: top right;
    text-align: left;
    margin-left: 32px;
    padding-top: 20px;
    background-color: #5897C0;
}

.head .navigation {
    text-align: center;
    border-top: solid 1px #000000;
	height: 24px;
	background: #FFFFFF;
}

.foot .footnote {
    padding-top: 8px;
    font-size: small;
    text-align: left;
    float: left;
    clear: left;
}

.foot .buttons {
    padding-top: 8px;
    align: right;
    float: right;
    clear: right;
}

.body .panels {
    min-width: 220px;
    border-right: solid 1px #000000;
}

.body .sponsors {
    min-width: 220px;
    border-left: solid 1px #000000;
}

.body .content {
    background: #FFFFFF;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

.photostrip {
    display: block;
    height: 82px;
    overflow: hidden;
    text-align: center;
}

.newsitem {
    width: 90%;
    border: solid 1px #CFCFCF;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-height: 216px;
    margin-bottom: 16px;
}

.newssnippet {
    display: block;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}


/* Element Styles */

.newssnippet img {
    border: solid 1px #000000;
    display: block;
    float: left;
    margin: 2px;
}

.newsitem img {
    border: solid 1px #000000;
    display: block;
    float: right;
    margin-top: 8px;
    margin-left: 16px;
    margin-right: 8px;
    margin-bottom: 16px;
}

.newsitem h1 {
    font-size: medium;
    text-align: center;
}

.newsitem p {
    font-size: small;
    text-align: justify;
    margin-left: 16px;
    margin-right: 16px;
}

.photostrip img {
    border: solid 1px #000000;
}

.bigimage {
    border: solid 1px #000000;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.AttendeesPage .Directors .vcard {
    border: solid 1px #000000;
    margin-top: 8px;
    width: 45%;
    float: left;
    margin-right: 8px;
}

.AttendeesPage .Directors .vcard .personname {
    text-align: center;
    margin-bottom: 4px;
    padding-bottom: 4px;
    font-size: large;
    border-bottom: solid 1px #5897C0;
}

.AttendeesPage .Directors .vcard img {
    float: left;
    margin: 8px;
}

.AttendeesPage .Directors .vcard .tel {
    font-size: x-small;
}

.body table {
    border-collapse: collapse;
}

.body td {
    text-align: left;
    vertical-align: top;
}

input.openid {
   background: url(../graphics/login-bg.gif) no-repeat; 
   background-color: #fff; 
   background-position: 0 50%;
   color: #000;
   padding-left: 18px; 
}

.body .panels div.panel {
    border: solid 1px #000000;
    margin: 8px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #FFFFFF;
    font-family: sans-serif;
    font-size: small;
    overflow: hidden;
    width: 186px;
}

.body .sponsors div.sponsor {
    border: solid 1px #000000;
    margin: 8px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #FFFFFF;
    text-align: center;
    font-family: sans-serif;
    font-size: small;
    width: 233px;
    overflow: hidden;
}

form table {
	width: 100%;
}

form table td {
	width: 100%;
}

div.imageselect {
	display: block;
	float: right;
	clear: right;
	width: 200px;
	border: solid 1px #000000;
	overflow: scroll;
	height: 480px;
	text-align: center;
	font-size: x-small;
	font-family: sans-serif;
}

div.imageselect p {
	font-size: x-small;
	font-family: sans-serif;
	margin-left: 16px;
	margin-right: 16px;
}

textarea.docedit {
	display: block;
	float: left;
	height: 480px;
	width: 100%;
	clear: left;
}

div.newsbox {
    border-top: solid 1px #5897C0;
    border-bottom: solid 1px #5897C0;
}
div.newsbox ul {
    list-style-type: circle;
    color: #5897C0;
}
div.newsbox li {
    text-color: #000000;
    color: #000000;
}

div.sponsortable {
	display: block;
	clear: both;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: middle;
}

div.sponsortable img {
	padding: 10px;
	vertical-align: middle;
}

table.hotelprices td {
	padding-right: 32px;
}

table.payment {
	border: solid 1px #000000;
}

table.payment td {
	padding: 8px;
	border: solid 1px #CFCFCF;
}

table.sponsortable {
	display: block;
	border: none;
	margin-left: auto;
	margin-right: auto;
	width: 640px;
}

table.sponsortable td {
	text-align: center;
	vertical-align: middle;
	width: 96px;
	padding-top: 16px;
	padding-bottom: 16px;
}

table.sponsortable td img {
	display: inline;
}

table.timetable {
    margin: 16px;
    border: solid 1px #000000;
    width: 95%;
    border-collapse: seperate;
    border-spacing: 4pt;
}

table.timetable tr.labels {
    border-bottom: solid 1px #5897C0;
}

table.timetable tr td {
    padding: 4px;
    width: 30%;
}

table.timetable tr td.time {
    align: right;
    text-align: right;
    vertical-align: top;
    width: 10%;
}

table.timetable tr td.item {
    border: solid 1px #000000;
}

.vevent abbr, .vevent .location {
    font-size: small;
}

img.InlinePhotograph {
    display: block;
    float: right;
    margin-left: 16px;
    margin-bottom: 16px;
    border: solid 1px #000000;
}

table.journals td {
	padding-bottom: 24px;
	padding-left: 16px;
	padding-right: 16px;
}

/* Text styles */


.body .content h1 {
    font-family: sans-serif;
    text-align: center;
}

.body .content h2, .body .content h3, .body .content h4 {
    font-family: sans-serif;
    text-align: center;
}

.body .content p, .body .content li {
    font-family: sans-serif;
    text-align: justify;
    font-size: small;
}

.body .content td {
    font-family: sans-serif;
    font-size: small;
}

.body .sponsors p {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-variant: small-caps;
}

.head .title h1 {
    display: inline;
    font-size: 52pt;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: solid 2px #000000;
}

.head .title p {
    margin-top: 4px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-variant: small-caps;
}

.head .title img {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}

span.activelink a {
	display: table-cell;
	font-family: sans-serif;
	font-weight: bold;
	font-size: medium;
	height: 24px;
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
}

span.link a {
	display: table-cell;
	font-family: sans-serif;
	font-weight: bold;
	font-size: medium;
	height: 24px;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
}

span.newlink a {
	display: table-cell;
	font-family: sans-serif;
	font-weight: bold;
	font-size: medium;
	height: 24px;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
}

span.link a:hover {
	background-color: #5897C0;
	color: #000000;
}

span.newlink a:hover {
	background-color: #5897C0;
	color: #000000;
}

div.activelink a {
    display: block;
	font-family: sans-serif;
	font-weight: bold;
	font-size: medium;
	height: 24px;
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	width: 100%;
}

div.link a {
    display: block;
	font-family: sans-serif;
	font-weight: bold;
	font-size: medium;
	height: 24px;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	width: 100%;
}

div.newlink a {
    display: block;
	font-family: sans-serif;
	font-weight: bold;
	font-size: medium;
	height: 24px;
	background-color: #FFFFFF;
	background-image: url(/graphics/new.png);
	background-repeat: no-repeat;
	background-position: center left;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 32px;
	padding-right: 8px;
	width: 100%;
}

div.link a:hover, div.newlink a:hover {
	background-color: #5897C0;
	color: #000000;
	background-image: none;
}