BODY {
	background: #FEFEFE;
	color: #808080;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

FORM {
	display: inline;
	margin: 0px;
}

TABLE, TR, TD {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}

INPUT, SELECT, TEXTAREA {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #000080;
}

H1 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #005BA4;
	text-align: left;
	margin: 10px 20px;
}

HR {
	width: 588px;
	height: 1px;
	color: #81909F;
	background: #81909F;
}

UL, OL {
	margin: 0px 30px;
}

.username {
	font-weight: bold;
}

span.time {
	color: #333333;
}

.error {
	color: #FF0000;
	font-weight: bold;
}

DIV.error {
	text-align: center;
}

A:link, A:visited, A:hover, A:active {
	color: #000080;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

span.newimage {
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
}

#progressarea {
	position: relative;
	height: 20px;
	margin: 5px 5px 5px 300px;
}

#progressarea div.progressbar {
	position: absolute;
	width: 200px;
	background: #BBC2CD;
	height: 8px;
	left: 0px;
	top: 6px;
	overflow: hidden;
}

#progressarea div.progressbar div.progressdisplay {
	position: absolute;
	background: #005BA4;
	overflow: hidden;
	left: 0px;
	top: 0px;
	height: 8px;
}

#progressarea div.evaluation {
	position: absolute;
	width: auto;
	top: 3px;
	right: 0px;
}

div.catalogue {
	border-top: solid 1px #566678;
	border-bottom: solid 1px #566678;
	color: #566678;
	font-weight: bold;
	text-align: left;
	padding: 6px 20px;
	vertical-align: middle;
	background: #fff url(images/catalogue_bg.gif) repeat-x left bottom;
}

input.inputline {
	width: 350px;
}

div.question {
	text-align: center;
	padding: 5px 0px;
}

div.question {
	margin-bottom: 10px;
	text-align: left;
}

div.invisible {
	display: none;
}

div.title {
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 3px 20px;
}

div.data {
	padding: 10px 20px;
	text-align: left;
}

div.data img {
	width: auto;
	height: auto;
}

div.data table tr th.headitem, div.data table tr td.answeritem {
	text-align: center;
}

div.info {
	padding: 5px 20px;
}

div.footnavi {
	text-align: center;
	background: #F6F6F6;
	padding: 5px 0px;
}

div.footnavi input {
	width: 80px;
}

#master {
	position: relative;
	width: 544px;
	margin: 10px auto;
	border: solid 1px #005BA4;
}

#header {
	position: relative;
	background: #fff url(images/basf_survey.gif) no-repeat left bottom;
	height: 75px;
}

#headmenu {
	padding-top: 2px;
	padding-bottom: 4px;
	text-align: right;
	border-bottom: solid 1px #30569D;
	margin-bottom: 2px;
	height: 12px;
}

#headmenu span {
	float: left;
	width: 200px;
	text-align: left;
}

#headmenu A:link, #headmenu A:visited, #headmenu A:hover, #headmenu A:active {
	font-weight: bold;
}

#footer {
	background: #005BA4;
	height: 14px;
}

#footer A:link, #footer A:visited, #footer A:hover, #footer A:active {
	color: #30569D;
	font-weight: normal;
}

#main {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	border: none;
	width: 800px;
}

#navigation {
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 159px;
	background: #F8F8F8;
}

#content {
	text-align: left;
	vertical-align: top;
	width: 620px;
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	empty-cells: show;
}

#loginsubmit {
	text-align: center;
}

#userlogin {
	border: solid 1px #30569D;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}

#guestmenu {
	border: none;
	margin-bottom: 10px;
}

#usermenu {
	border: solid 1px #30569D;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#usermenu SPAN.username {
	font-weight: normal;
	font-style: oblique;
	margin-left: 5px;
}

#usermenu DIV.title {
	margin-bottom: 5px;
}

#usermenu p, #guestmenu p {
	margin-top: 2px;
	margin-bottom: 2px;
}

#usermenu A:link, #usermenu A:visited, #usermenu A:hover, #usermenu A:active,
#guestmenu A:link, #guestmenu A:visited, #guestmenu A:hover, #guestmenu A:active {
	color: #000080;
	font-weight: bold;
	text-decoration: none;
	margin-left: 5px;
}

#usermenu A:hover, #guestmenu A:hover {
	text-decoration: underline;
}

#labUsername, #labPassword {
	padding-left: 3px;
	width: 65px;
	text-align: left;
	float: left;
}

#labUsername:after, #labPassword:after {
	content: ": ";
}

#labRemember {
	font-size: 9px;
	vertical-align: baseline;
}

#loginremember {
	text-align: left;
}

#chkRemember {
	width: 20px;
}

#txtUsername, #txtPassword, #cmdLogin {
	width: 75px;
}

#randomimage {
	text-align: center;
	border: solid 1px #30569D;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding-bottom: 5px;
}

#randomimage img {
	margin-top: 5px;
}

#randomimage a {
	margin-left: 3px;
	margin-right: 3px;
}

#categorynavigation {
	text-align: left;
	border: solid 1px #30569D;
}

#categorynavigation div.linkitem {
	float: right;
	width: 196px;
	text-align: left;
}

#categorynavigation table.categories {
	width: 617px;
}

#categorynavigation table.categories tr td {
	padding: 3px;
	width: 33%;
}

#breadcrumbnavigation {
	margin-bottom: 5px;
}

table.images {
	margin: 0px;
	margin-top: 10px;
	width: 615px;
	border-left: solid 1px #30569D;
	border-top: solid 1px #30569D;
}

table.images tr td {
	padding: 3px;
	width: 33%;
	border-right: solid 1px #30569D;
	border-bottom: solid 1px #30569D;
	background: #EEEEEE;
	text-align: center;
	vertical-align: top;
}

#surveyoverview {
	border: solid 1px #305690;
	text-align: center;
	padding: 0px;
	padding-bottom: 5px;
}

#surveyoverview table {
	border: none;
	width: 100%;
}

div.imgnav {
	background-color: #EEEEEE;
	height: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.imgnav A.prev {
	float: left;
	width: 100px;
	text-align: left;
}

div.imgnav A.next {
	float: right;
	width: 100px;
	text-align: right;
}

#imageinfo {
	border: solid 1px #305690;
	margin-top: 10px;
	width: 302px;
}

#imageinfo table {
	width: 300px;
}

#imageevaluation {
	border: solid 1px #305690;
	margin-top: 10px;
	width: 302px;
}

.right {
	text-align: right;
}

div.toplist {
	margin-bottom: 10px;
}

table.toplist {
	table-layout: fixed;
	margin: 0px;
	width: 620px;
	border-left: solid 1px #30569D;
	border-top: solid 1px #30569D;
	border-bottom: solid 1px #30569D;
}

table.toplist tr.dark {
	background-color: #FAFAFA;
}

table.toplist tr td {
	overflow: hidden;
	border-right: solid 1px #30569D;
	padding-top: 3px;
	padding-bottom: 3px;
}

table.toplist tr td.ranking {
	width: 20px;
	text-align: center;
}

table.toplist tr td.image {
	width: 240px;
	text-align: left;
	padding-right: 4px;
}

table.toplist tr td.owner {
	width: 80px;
	text-align: left;
	padding-right: 4px;
}

table.toplist tr td.category {
	width: 120px;
	text-align: left;
	padding-right: 4px;
}

table.toplist tr td.value {
	width: 110px;
	text-align: right;
	padding-right: 4px;
}

#toplistrated tr td.value, #toplistvoted tr td.value {
	text-align: left;
	padding-left: 4px;
}

table.toplist tr td span.rating {
	font-weight: bold;
}

#imagecomments {
	border: none;
	margin-top: 10px;
	width: 502px;
}

#imagecomments table.comments {
	border-left: solid 1px #305690;
	border-top: solid 1px #305690;
}

#imagecomments table.comments tr.head {
	background-color: #30569D;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 3px;
}

#imagecomments table.comments tr.head th.authorcol {
	width: 180px;
}

#imagecomments table.comments tr.head th.commentcol {
	width: 320px;
}

#imagecomments table.comments tr td, #imagecomments table.comments tr th {
	border-right: solid 1px #305690;
	border-bottom: solid 1px #305690;
	text-align: left;
	vertical-align: top;
	padding: 4px;
}

#imagecomments table.comments tr td.commentcol {
	text-align: left;
}

#imagecomments table.comments tr td.commentcol div {
	height: 16px;
	text-align: right;
}

#imagecomments table.comments tr td.commentcol hr {
	color: #305690;
	height: 1px;
}

#imagecomments table.comments tr td.commentcol span.commenttitle, #imagecomments table.comments tr td.commentcol span.commenttext {
	float: left;
	text-align: left;
}

span.commenttitle {
	width: 170px;
	font-weight: bold;
}

span.commenttext {
	width: 99%;
	text-align: left;
}

#imagecommentinput {
	border: solid 1px #305690;
	margin-top: 10px;
	width: 502px;
}

#imagecomment_tml {
	border: solid 1px #305690;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#butImageCommentBold, #butImageCommentItalic, #butImageCommentUnderline {
	text-align: center;
	width: 25px;
	height: 20px;
}

#txtCommentTitle {
	width: 300px;
}

#txtCommentText {
	width: 300px;
	height: 100px;
}

#butImageCommentBold {
	font-weight: bold;
}

#butImageCommentItalic {
	font-style: italic;
}

#butImageCommentUnderline {
	text-decoration: underline;
}

#registerlicence {
	border: solid 1px #305690;
	margin-top: 10px;
}

#registerlicencetext {
	padding: 10px;
}


#registerlicencenav {
	margin: 10px auto;
	text-align: center;
}

#registerlicencenav input {
	width: 150px;
}

#registeruserdata {
	border: solid 1px #305690;
	margin-top: 10px;
}

#registeruserdata table {
	margin-top: 5px;
}

#registernav {
	margin: 10px auto;
	text-align: center;
}

#registernav input {
	width: 150px;
}

#labRegisterUsername, #labRegisterPassword, #labRegisterPassword2, #labRegisterName, #labRegisterRealname, #labRegisterEMail {
	width: 200px;
	text-align: left;
	margin-left: 10px;
}

#labRegisterUsername:after, #labRegisterPassword:after, #labRegisterPassword2:after, #labRegisterName:after, #labRegisterRealname:after, #labRegisterEMail:after {
	content: ": ";
}

#txtRegisterUsername, #txtRegisterName, #txtRegisterPassword, #txtRegisterPassword2, #txtRegisterRealname {
	width: 150px;
}

#txtRegisterEMail {
	width: 300px;
}


#registered {
	border: solid 1px #305690;
	margin-top: 10px;
}

#registeredtext {
	padding: 10px;
}


#verification {
	border: solid 1px #305690;
	margin-top: 10px;
}

#verificationtext {
	padding: 10px;
}

#lostpasswd {
	border: solid 1px #305690;
	margin-top: 10px;
}

#lostpasswdnav {
	margin: 10px auto;
	text-align: center;
}

#labLostpasswdUsername {
	width: 300px;
	padding-left: 5px;
}

#labLostpasswdUsername:after {
	content: ": ";
}

#lostpasswdnav input {
	width: 150px;
}

#lostpasswdsend {
	border: solid 1px #305690;
	margin-top: 10px;
}

#lostpasswdsendtext {
	padding: 10px;
}

#usersonline {
	margin-top: 10px;
	text-align: left;
	border: solid 1px #30569D;
}

#usersonline DIV.data {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
}

#usersonline DIV.datanolist {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#usersonline DIV.userlist {
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#selfuserdata {
	border: solid 1px #305690;
	margin-top: 10px;
}

#selfnav {
	margin: 10px auto;
	text-align: center;
}

#selfnav input {
	width: 150px;
}

#labSelfPassword, #labSelfPassword2, #labSelfRealname, #labSelfEMail {
	width: 200px;
	text-align: left;
	margin-left: 10px;
}

#labSelfPassword:after, #labSelfPassword2:after, #labSelfRealname:after, #labSelfEMail:after {
	content: ": ";
}

#txtSelfPassword, #txtSelfPassword2, #txtSelfRealname {
	width: 150px;
}

#txtSelfEMail {
	width: 300px;
}

#selfuseroptions {
	border: solid 1px #305690;
	margin-top: 10px;
}

label.selfoption {
	width: 200px;
	text-align: left;
	margin-left: 10px;
}

label.selfoption:after {
	content: ": ";
}
#searchinput {
	border: solid 1px #305690;
	margin-top: 10px;
}

#searchnav {
	margin: 10px auto;
	text-align: center;
}

#searchnav input {
	width: 150px;
}

#searchresults {
	border: solid 1px #305690;
	margin-top: 10px;
}

#searchresults table tr td.resitemlink {
	width: 500px;
}

#searchresults table tr td.resitemdate {
	width: 120px;
	text-align: right;
}

#txtSearchKeywords {
	width: 350px;
}