/* @override http://www.thepotentialisyours.com/videos/css/griggs.css */

/* @group Layout
--------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
}

html {
	height: 100%;
}

body {
	height: 100%;
	font: 12px/18px Arial, Helvetica, sans-serif;
	background: url(../images/body-bg.gif) repeat-x;
}

#wrapper {
	width: 600px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -100px;
	padding: 0 10px;
}

#header {
	position: relative;
	padding: 18px 0;
	width: 100%;

}

#content {
	width: 100%;
	overflow: hidden;
	padding-bottom: 36px;
}

.push {
	height: 100px;
}

#footer {
	text-align: left;
	width: 100%;
	height: 98px;
}

div#sidebar {
	float: left;
	margin-right: 100px;
	width: 100px;
	height: 100%;
	background-color: #ffd200;
}



/* @end */

/* @group Type
--------------------------------- */

h1 {
	color: #330c66;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 18px;
}

h2 {
	margin-bottom: 18px;
	color: #4f6374;
	font-size: 18px;
	line-height: 18px;
}

h3 {
	font-size: 12px;
	line-height: 18px;
}

p {
	margin-bottom: 18px;
}

blockquote {
	
	margin-bottom: 18px;
	font-size: 16px;
	font-style: italic;
	line-height: 18px;
	color: #004399;
}

abbr {
	border: 0;
}

table, thead, tbody, tr, th, td {
	font-size:12px;
	line-height: 18px;
}

ul, ol {
	color: #797979;
	padding-left: 15px;
	list-style-position: outside;
	margin-bottom: 18px;
	list-style-type: square;
}

dl {
	margin-bottom: 18px;
}

dt {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}

dd {
	font-size: 11px;
	line-height: 18px;
}


/* @end */

div.collection {
	border-top: 1px solid #d5d5d5;
	padding: 9px;
	overflow: hidden;
}

div.collection p, div.collection h2, div.collection ul {
	margin-left: 200px;
}

div.collection img.title {
	float: left;
	margin-top: 18px;
}

/*Forms
=========================================================*/
fieldset {
	padding: 4px 0;
	overflow: hidden;
	border: none;
}

fieldset h3 {
		font: bold 16px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		padding: 6px;
	color: #797979;
}

fieldset.address {
	border: none;
}

label {
	display: block;
	font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 6px;
}

h2.error {
	background: #ffffa5;
	padding: 4px;
	color: #99001d;
}

span.fieldTitle {
	display: block;
	margin-bottom: 3px;
}

span.required {
	font-weight: bold;
	padding-left: 12px;
	background: url(../../images/requiredStar.png) no-repeat left center;
}

em.note {
	display: block;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 6px;
}

label strong {
	display: block;
}

label.error {
	color: #99001d;
}


/*Text Inputs */
label.text.large input {
	width: 380px;
}

label.text.medium input {
	width: 200px;
}

label.text.small input {
	display: inline;
	width: 30px;
}

label.text.small span.fieldTitle {
	display: inline;
	margin-left: 6px;
}

/*Checkboxes and Radio Buttons */
fieldset.checkbox input, fieldset.radio input {
	margin-left: 6px;
}

fieldset.checkbox p {
	margin-left: 6px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

label.radio {
	display: block;
}

label.radio input {
	display: inline;
}

label.radio span.fieldTitle {
	display: inline;
	margin: 0 6px;
}

label.check {
	display: block;
}

label.check span.fieldTitle {
	display: inline;
	margin: 0 6px;
}

label.check input {
	margin-right: 4px;
}

div.file {
	padding: 6px;
}


/*Video Viewer Popup
==========================================================*/
body.viewVideo {

}

body.viewVideo h1 {
margin: 0;
}

div#player {
	width: 330px;
	text-align: center;
	margin: 0 auto;
}

#FlowPlayer {
	margin: 0 auto;
}