.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

body {
    background: url(../images/main_bg.png) repeat;
    color: #ddd;
}
#header h1 {
	text-indent: -9999px;
	background: url(../images/main_logo.png) no-repeat;
	width: 620px;
	height: 204px;
	margin: 0 auto;
}
h1, h2 {
    font: bold 18px Helvetica;
    text-shadow: rgba(255,255,255,.2) 0 1px 1px;
    color: #aaa;
    text-align: center;
}

#content_contain {
	width: 648px;
	margin: 0 auto;
	padding: 10px 0;
	border: 1px solid #313130;
	background: url(../images/content_bg.png) repeat;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#display {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
	padding: 0 20px;
	margin: 0;
}

#display span {
	color: #cbcbcb;
}

#display span {
	color: #cbcbcb;
}

#display img {
	float: left;
	margin: 0 3px 15px 3px;
	width: 194px;
	border: 1px solid #868686;
	-webkit-box-shadow: 0px 0px 10px #000000;
	-moz-box-shadow: 0px 0px 10px #000000;
	box-shadow: 0px 0px 10px #000000;
}

.pushdown {
	margin-bottom: 10px;
}

#display iframe {
	width: 480px;
	margin: 0 auto;
	border: 1px solid #868686;
	-webkit-box-shadow: 0px 0px 10px #000000;
	-moz-box-shadow: 0px 0px 10px #000000;
	box-shadow: 0px 0px 10px #000000;
}

.videocenter {
	width: 480px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

#footer {
	width: 620px;
	margin: 15px auto;
	padding-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #7d7d7d;
}

#footer a {
	text-decoration: none;
	color: #7d7d7d;
}

#copyright {
	float: left;
}

#credits {
	float: right;
}
/* @group Toolbar */
.toolbar {
	border: 1px solid #c0c0c0;
    width: 648px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    -webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    background: #EEEEEE; /* old browsers */
	background: -moz-linear-gradient(top, #EEEEEE 0%, #CBCBCB 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#CBCBCB)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#CBCBCB',GradientType=0 ); /* ie */
    position: relative;
}

.button {
	height: 25px;
	line-height: 25px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#dfdfdf 50%,
		#c4c4c4 50%,
		#c4c4c4);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #dfdfdf),
		color-stop(0.50, #c4c4c4),
		to(#c4c4c4));
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #CBCBCB;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.15),
		inset 0px 0px 2px rgba(255,255,255,.50);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.15),
		inset 0px 0px 2px rgba(255,255,255,.50);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.3),
		0px 1px 0px rgba(255,255,255,0.3);
}

.button a {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #7b7b7b;
	padding: 0 8px;
	margin: 0;
}

.leftbutton {
	position: absolute;
	top: 10px;
    left: 10px;
    right: auto;
}

.rightbutton {
	position: absolute;
	top: 10px;
    left: auto;
    right: 10px;
}

#display a {
	color: #cbcbcb;
	text-decoration: none;
}

/* @end */
/* @group Lists */
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul {
    margin-top: 0;
}
ul {
    color: #aaa;
    border: 1px solid #333333;
    font: bold 18px Helvetica;
    padding: 0;
    margin: 0px 10px 0px 10px;
}
ul.rounded {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,.45) 1px 1px 5px;
}
ul.rounded li:first-child, ul.rounded li:first-child a {
    border-top: 0;
    -webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
ul.rounded li:last-child, ul.rounded li:last-child a {
    -webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
ul li {
    color: #666;
    border-top: 1px solid #333;
    border-bottom: #555858;
    list-style-type: none;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    position: relative;
}
ul>li>a {
    background-image: url(../images/chevron_circle.png);
    background-position: right center;
    background-repeat: no-repeat;
}
ul li.forward {
    background: #4c4d4e; /* old browsers */
	background: -moz-linear-gradient(top, #4c4d4e 0%, #404142 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4d4e), color-stop(100%,#404142)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4d4e', endColorstr='#404142',GradientType=0 ); /* ie */
}
ul li.forward:hover {
    background: #4c4d4e;
}

.adminbuttons {
	position: absolute;
	top: 9px;
	right: 50px;
}
.editbutton {
	float: left;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#b3d795 0%,
		#75c160 1%,
		#0c7e5a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b3d795),
		color-stop(0.1, #75c160),
		to(#0c7e5a));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 0px solid #065f47;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.3);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.3);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
.deletebutton {
	float: left;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#e30d0d 0%,
		#de1414 1%,
		#7d0c16);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e30d0d),
		color-stop(0.1, #de1414),
		to(#7d0c16));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 0px solid #4a0404;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.3);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.3);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
.addbutton {
	text-align: center;
	padding: 10px 15px;
	margin: 10px auto 0;
	width: 600px;
	background: -moz-linear-gradient(
		top,
		#b3d795 0%,
		#75c160 1%,
		#0c7e5a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b3d795),
		color-stop(0.1, #75c160),
		to(#0c7e5a));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 0px solid #065f47;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.3);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.3);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
.addbutton a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
/* universal links on list */
ul li a, li.img a + a {
    color: #fff;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding: 12px 10px 12px 10px;
    margin: -10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-shadow: rgba(0,0,0,.2) 0 1px 1px;
}
ul li a.active, ul li a.button {
    background-color: #404142;
    color: #fff;
}

/* @end */