﻿* {
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS, Arial;
	font-size: 11px;
}

body {
	background-color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	color: #000000;
}

img {
	border: 0px;
}

/* anchor */
a:link {
	color: #034af3;
	text-decoration: underline;
}
a:visited {
	color: #505abc;
}
a:hover {
	color: #1d60ff;
	text-decoration: none;
}
a:active {
	color: #12eb87;
}

#LogoPane {
	background-image: url(/../images/logo.gif);
	width: 207px;
	height: 35px;
	float: left;
	margin: 15px 0 10px 50px;
	cursor: pointer;
}

#CommentPane {
	padding: 8px;
	margin: 25px 0 0 0;
	background: #EAEAEA;
	border: 1px solid #989898;
}

.clear {
	clear: both;
}

.greyBorder {
	border: 1px solid #D7D7D7;
}

a.greyAnchor, a.greyAnchor:visited, a.greyAnchor:hover {
	color: #989898;
}

input.button {
	background-color: #3F75BA;
	color: #FFFFFF;
}

#TopBar {
	height: 100px;
	width: 900px;
	background: url(/../images/topbluebar_sync.gif) repeat-x;
}

#TopGraphic {
	height: 100px;
	width: 400px;
	background: url(/../images/menu3sync.gif) no-repeat;
	background-position: right center;
	float: right;
}

#GreyTop {
	height: 8px;
	background: #D7D7D7;
}

#VideoPane {
	width: 330px;
	height: 264px;
	float: left;
	margin: -60px 25px 0 50px;
	background: #EEEEEE;
}

.TextBox {
	border: 1px solid #989898;
	font-size: 11px;
	font-family: Trebuchet MS;
}

.TextBoxComplete {
	border: 1px solid #989898;
	background: #DDDDFF;
	font-size: 11px;
	font-family: Trebuchet MS;
}

.TextBoxError {
	border: 1px solid #989898;
	background: #FFCCCC;
	font-size: 11px;
	font-family: Trebuchet MS;
}

#CommentInput {
	margin: 0px;
	padding: 0px;
}

#GreyFoot {
	margin: 50px 0 0 0;
	background: #EAEAEA;
	padding: 8px 0 8px 25px;
	color: #989898;
	text-align: left;
}

#CommentListPane {
	text-align: left;
	margin: 25px 0 0 0;
}

.blueText {
	color: #366fbc;
}

.greyText {
	color: #989898;
}

.largeText {
	font-size: 14px;
}

.mediumText {
	font-size: 12px;
}

div.commentEntry {
	margin: 10px 0;
}

.bold {
	font-weight: bold;
}

div.commentDivider {
	background: url(/../images/dottedline_sync.gif) repeat-x;
	height: 1px;
}

#ErrorPane {
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	margin: 15px 0 0 0;
	display: none;
}

#ThankYouPane {
	text-align: center;
	height: 125px;
}

#ThankYouPane div {
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
	background: #EAEAEA;
	border: 1px solid #989898;
	width: 200px;
}

div.Pagination {
	margin: 15px 0 0 0;
	text-align: center;
}
