html {
	height: 100%;
}
body {
	background-color: #B7BCC3;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
p.small {
	font-size: 9px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
}

a:link {
	color: #889096;
}

a:visited {
	color: #889096;
}

a:hover {
	color: #303030;
}

#container {
	margin: auto;
	width: 1000px;
	height: 100%;
	background: url("../images/background.jpg") repeat-x top left;
}

#menu {
	margin: auto;
	margin-bottom: 0px;
	width: 726px;
	height: 97px;
	background: url("../images/SPHE_Home.png") top left;
}

#navlist {
	width: 100%;
	text-align: center;
	list-style-type: none;
	padding: .2em 0;
	margin: 0;
	padding-top: 75px;
}

#navlist li {
	display: inline;
	color: #889096;
}

#navlist li a {
	text-decoration: none;
	color: #889096;
	padding: .2em 1em;
	font-weight: bold;
}

#navlist li a:hover {
	color: #fff;
}

.border {
	border: 0px solid black;
}

#content {
	margin: auto;
	width: 742px;
	border: 0px solid black;
	background-color: transparent;
}

.dialogBorder {
	background-color: black;
	margin: 10px;
	padding: 0px;
}

.dialog {
	background-color: transparent;
	margin: 10px;
	padding: 0px;
	border: 0px solid #fafafa;
}

.bigDialog { 
	width: 990px;
	margin-left: -132px;
}
* html .bigDialog { 
	margin-left: 10px;
}

.smallDialog { 
	width: 564px;
	margin: auto;
}


.headingLeft {
	float: left;
	height: 23px;
	width: 11px;
	background: url("../images/heading_left.gif") no-repeat top left;
}

.heading {
	float: left;
	width: 700px;
	margin: 0px;
	border-top: 2px solid black;
	height: 21px;
	background: url("../images/heading_bg.gif") repeat-x top left;
}
.bigHeading {
	width: 968px;
}
.smallHeading {
	width: 542px;
}
.headingRight {
	float: right;
	height: 23px;
	width: 11px;
	background: url("../images/heading_right.gif") no-repeat top left;
}

.headingSpacer {
	height: 23px;
}
* html .bigSpacer {
	height: 33px;
}
* html .smallSpacer {
	height: 33px;
}
.heading .headingTitle {
	margin: 0px;
	padding: 4px 5px 5px 5px;
	font-weight: bold;
}

.content {
	border: 2px solid black;
	margin: 0px;
	padding: 10px;
	height: 100%;
	background-color: #F2F2F2;
}

/* Waring IE 5/6 hack */
* html body .content {
	margin-top: -33px; 
}
/* Waring IE 5/6 hack */
* html body .ie {
	margin-top: -23px; 
}
.noPadding { padding: 0px; }

.diaFooterLeft {
	float: left;
	height: 23px;
	width: 11px;
	background: url("../images/footer_left.gif") no-repeat top left;
}

.diaFooter {
	float: left;
	width: 700px;
	margin: 0px;
	border-bottom: 2px solid black;
	height: 21px;
	background: url("../images/heading_bg.gif") repeat-x top left;
}
.bigDiaFooter {
	width: 968px;
}
.smallDiaFooter {
	width: 542px;
}
.diaFooterRight {
	float: right;
	height: 23px;
	width: 11px;
	background: url("../images/footer_right.gif") no-repeat top left;
}

.diaFooterSpacer {
	height: 11px;
	clear: both;
}

.diaFooter .diaFooterText {
	margin: 0px;
	padding: 4px 0px 0px 5px;
	font-weight: bold;
}

.questionParticipation {
	text-align: center;
	float: right;
	height: 15px;
	width: 410px;
	background-color: black;
	color: white;
	margin: 0px;
	margin-right: 35px;
	margin-top: -13px;
	padding: 0px;
}
* html .questionParticipation {
	margin-top: -15px;
}
.questionParticipation span {
	vertical-align: bottom;
	font-weight: bold;
}

.userMenu {
	text-align: left;
	float: right;
	height: 15px;
	width: 400px;
	background-color: black;
	color: white;
	margin: 0px;
	margin-right: 165px;
	margin-top: -1px;
	padding: 0px;
}
.userMenu a:hover{
	color: white;
}
.userMenu .button {
	text-align: right;
	float: right;
	margin-right: 5px;
	margin-top: -14px;
}

.userMenu span.welcome {
	vertical-align: bottom;
	font-weight: bold;
	padding-left: 5px;
}

.userMenu .button span.logout {
	vertical-align: bottom;
	font-weight: bold;
}

label.block {
	display: block;
	width: 150px;
	font-size: 11px;
}

label.label {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: left;;
	padding-top: 5px;
}


.cmsAccountHeader{
	width: 275px; 
	height: 20px;
	border: 0px solid red; 
	float: left;
	clear: both;
}
.cmsAccountHeader ul {
	list-style-type: none; 
	margin: 0px; 
	padding: 0px;
}
.cmsAccountHeader li {
	margin: 0px; 
	padding: 0px;
	border: 1px solid #F2F2F2;
}
.cmsAccountHeader li.line {
	background-color: #E2E2E2; 
	font-weight: bold;
}

.cmsAccountBox {
	width: 275px; 
	height: 261px;
	border: 0px solid red; 
	float: left;
	overflow: scroll;
	clear: both;
}
.cmsAccountBox ul {
	list-style-type: none; 
	margin: 0px; 
	padding: 0px;
}
.cmsAccountBox li {
	margin: 0px; 
	padding: 0px;
	border: 1px solid #F2F2F2;
}
.cmsAccountBox li.line {
	background-color: #E2E2E2; 
	font-weight: bold;
}
.cmsAccountBox li.user {
	display: block; 
	background-color: #F2F2F2; 
	color: white;
}
.cmsAccountBox li.user a {
	padding: 4px;
	color: black;
	display: block; 
	text-decoration: none;
}
.cmsAccountBox li.user a:hover {
	color: white;
	background-color: #909090 ;
}
.cmsAccountBox li.inactive {
	padding: 4px;
	display: block; 
	background-color: #B2B2B2; 
	color: white;
}
.cmsAccountBox li.inactive a {
	color: gray;
	text-decoration: none;
}
.cmsAccountBox li.inactive a:hover {
	color: white;
	text-decoration: none;
}
.cmsAccountBox li.selected {
	background-color: #333;
}
.cmsAccountBox li.selected a {
	color: white;
}

.cmsAccountBox li.user a.anchor {
	padding: 0px;
	display: inline; 
	text-decoration: none;
}
.cmsAccountBox li.inactive a.anchor {
	text-decoration: none;
}
.cmsAccountBox li.selected a.anchor {
	color: white;
}

.scrollContainer {
	width: 99%;
	height: 100px;
	overflow: auto;
}

th {
	text-align: left;
}
th.question {
	width: 310px;
}

th.answer {
	width: 250px;
}

th.correct {
	width: 86px;
}

th.results {
	width: 108px;
}

.question {
	width: 300px;
}

.answer {
	width: 250px;
}

.correct {
	width: 100px;
}

.results {
	width: 100px;
}

.row_0 { background-color: #B7BCC3 }

.row_1 {}

#footer {
	float: left;
	width: 1000px;
	border: 0px solid black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
}

#footer .aboutLinks {
	float: left;
	margin-top: 28px;
	margin-left: 8px;
}

#footer .aboutLinksBottom {
	float: left;
	margin-left: 8px;
}

#footer .aboutLanguage {
	float: right;
	margin-right: 8px;
}

#footer .sonyLogo {
	float: right;
}

#footer .sonyLogo {
	float: right;
}

#footer .about .link {
	
}

#footer a.about:link {
	color: black;
}

#footer a.about:visited {
	color: black;
}

#footer a.about:hover {
	color: #303030;
}

#footer span.international {
	float: right;
	margin-top: 15px;
	font-size: 9px;
	color: #899096;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 9px;
}

#footer a.international {
	vertical-align: middle;
}

#footer a.international b {
	vertical-align: 6px;
}

#footer a.international:hover {
	color: #303030;
}

#footer a.international:link {
	color: black;
	text-decoration: none;
}

#footer a.international:visited {
	color: black;
	text-decoration: none;
}

#footer .lineBreak {
	float: left;
	border: 0px;
	margin: 0px;
	border-top: 1px solid gray;
	width: 1000px;
	clear: both;
}

form div {
	clear: left;
	display: block;
	width: 676px;
	height: expression('1%');
	margin: 5px 0px 0px 0px;
	padding: 1px 3px;
	border: 0px solid red;
}

form div.required {
	float: left;
	border: 0px solid red;
}

form div label {
	display: block;
	float: left;
	width: 115px;
	padding: 3px 5px;
	margin: 0px 0px 5px 0px;
	text-align: right;
	border: 0px solid red;
	
}

form div input.login {
	display: block;
	float: left;
	text-align: right;
	border: 0px solid red;
}


/* waring ie Hack */
* html form div input.login {
	margin: 1px 5px 5px 0px;
}

form div label.login {
	width: 70px;
	text-align: left;
	border: 0px solid red;
}

form div input.column {
	margin-left: 0px;
	float: left;
}

form div select.column {
	margin-left: 0px;
	float: left;
}

/* ie Hack again */
* html form div input.column {
	margin-left: 3px;
}
form div div.column {
	float: left;
	width: 142px;
	clear: none;
	border: 0px solid red;
}

form div div.genre {
	width: 125px;
}

form div div.wide {
	width: 320px;
	float: left;
	border: 0px solid red;
}

form div div.wide label.wide {
	width: 280px;
}

form div div.column input {
	float: left;
	clear: left;
}
form div div.column input.noFloat {
	float: none;
	clear: none;
}
form div div.column label {
	float: left;
	text-align: left;
	width: 90px;
	border: 0px solid red;
	clear: none;
}

form div div.column label.wide {
	width: 220px;
}

#cms form div div.column {
	margin-top: -2px;
	margin-bottom: 2px;
}

#cms div.uploadFormDiv {
	left: 403px; 
	top: 127px; 
	position: relative; 
	border: 0px solid red; 
	width: 250px; 
	height: 25px;
}
* html #cms div.uploadFormDiv {
	top: 134px; 
}