@charset "UTF-8";
/* CSS Document */
html, body {
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 100%
}
table, td, th {
	border: 0px #FFFFFF none;
	background: transparent;
}
a:link {
	color: #e3001b;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #e3001b;
}
a:hover {
	text-decoration: none;
	color: #222;
}
a:active {
	text-decoration: none;
}
ul {
	list-style: none;
	list-style-position: inside;
}
li {
	background: url(images/bullet.png) left center no-repeat;
	padding-left: 15px;
}

iframe {
	border: #DDD 1px solid;
}
.iframe_embed, #iframe_embed {
	border: 0;
	width: 100%;
	overflow: hidden;
	display: none;
}
/*Main DIV classes*/
body {
	height: 100%;
	background-color: #eaeaea;
}
.divBackMain {
	margin: 0 auto;
	position:relative;
	width: 870px;
	clear: left;
	background: #FFF;
}
.divHeader {
	margin: 0 auto;
	position: relative;
	width: 850px;
	height: 30px;
	border-bottom:#dddddd 1px dotted;
	color: #444;
}
.divHeaderContent {
	margin: 0 auto;
	position: relative;
	width: 850px;
	text-align: left;
	color: #444;
}
.divAccountControl a {
	color: #e3001b;
	
}
.divAccountControl a:hover {
	color: #222;
	
}
.divHeaderLogoContainer {
	position: absolute;
	top: 20px;
	left: 0px;
	text-align: left;
	z-index: 102;
}
.divHeaderSubLogoContainer {
	position: absolute;
	top: 20px;
	right: 110px;
	text-align: right;
}
.divHeaderContainer {
	margin: 0 auto;
	position: relative;
	width: 850px;		
	height: 80px;
	z-index: 2;
	/*background: #e3001b;*/
}
.divBodyContainer {
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
.divBody {
	margin: 0 auto;
	position: relative;
	width: 850px;
	clear: left;
	padding-top: 10px;
	z-index: 0;
	background:url(images/content_back.jpg) top left repeat-x;
}
.divFullContainer {
	position:relative;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	z-index: 0;
	background: none;
}
.divLeftContainer {
	position:relative;
	margin: 0 auto;
	width: 550px;
	float: left;
	text-align: center;
	z-index: 0;
}
.divContentTitle {
	position: relative;
	text-align:left;
	margin-bottom: 10px;
	color:#444;
	font-size:24px;
	color: #222;
}
.divContentItem {
	position:relative;
	padding: 5px 0px;
	border-bottom: #EEE 1px solid;
	text-align: left;
	color:#444;
}
.divRightContainer {
	position:relative;
	margin: 0 auto;
	width: 285px;
	float: right;
	text-align: center;
	clear: right;
}
.divFooter {
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
	clear: left;
	width: 850px;
	text-align: center;
	padding: 5px 0px;
	font-size:11px;
	color:#888;
	border-top:#dddddd 1px solid;
}
.divFooter a {
	color:#99cc33;	
}
.divClear {
	clear:both;
}

/* Login form */
.divLoginBack {
	margin: 0 auto;
	position: relative;
	margin-top: 20px;
	margin-bottom: 50px;
	width: 400px;
	padding-top: 40px;
	padding-bottom: 40px;
	border: #dddddd 1px solid;
	background: #fff;
}
.divLoginHeader{
	margin: 0 auto;
	position: relative;
	padding: 0px;
	width: 400px;
	margin-top: -30px;
	height: 70px;		
}
.divLoginFormContainer {
	margin: 0 auto;
	width: 200px;
	text-align:left;
}
.divLoginButtonContainer {
	margin: 0 auto;
}

.divLoginBarLogo {
	margin: 0 auto;
	position: absolute;
	top: 24px;
	left: 20px;	
	text-align: left;
	display: none;
}
.divLoginLogo {
	maring: 0 auto;
	position: absolute;
	left: 82px;
	top: 15px;
	text-align: right;
}

/* Admin Controls */
.divAdminAccountsPages {
	position:absolute;
	top: 4px;
	right: 0px;
	width: 150px;
	font-size: 10px;
	font-weight:normal;
	color:#444;
	text-align: right;
	z-index: 102;
}
.divAdminAccountsPages a{
	color: #444;
}

/* Advert */
.divCenterImage {
	position:relative;
	margin: 0 auto;
	text-align:center;
}
.divCenterImage #borderImage {
	padding: 5px;
	border: #DDD 1px solid;
}
.divAdverts {
	position:relative;
	text-align:left;
	
}

/*Main Tabs*/
.divTabs {
	margin: 0 auto;
	position: relative;
	font-size: 13px;
	right: 0px;	
	width: 850px;
	bottom: 0px;
	z-index: 103;
	text-align: right;
	border-bottom:#9d1a2a 4px solid;
	border-bottom:#eee 1px solid;
}
.divTabs ul {
	position:absolute;
	padding: 0;
	bottom: 1px;
	margin: 0;
	list-style: none;	
	right: 0px;
	/*padding-left: 35px;
	background:url(images/tabs_edge.png) bottom left no-repeat;*/
	z-index:105;
	
	/*border-bottom: 1px #fff solid;*/
}
.divTabs li {
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 1px;
	bottom: 0px;
	
}
.divTabs #tab {
	float: left;
	display: block;
	padding: 0px 6px;
	padding-top: 10px;
	padding-bottom: 5px;
	text-decoration: none;
	color:#fff;
	background:url(images/tab_back.png) top repeat-x;
	border-bottom: none;
	
}
.divTabs #tabMove {
	float: left;
	display: block;
	padding:0px 1px;
	padding-top: 15px;
	text-decoration: none;
	color:#444;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.divTabs a {float: none;}
/* End IE5-Mac hack */
.divTabs #selected {
}
.divTabs #selected #tab {
	padding: 0px 6px;
	padding-top: 8px;
	padding-bottom: 7px;
	color: #fff;
	background:url(images/tab_selected_back.png) top repeat-x;
}
.divTabs #tab:hover {
	padding: 0px 6px;
	padding-top: 8px;
	padding-bottom: 7px;
	color: #fff;
	background:url(images/tab_selected_back.png) top repeat-x;
}


/* Menu */
.divTabs ul li {
	position: relative;
}
.divTabs ul li ul {
	position: absolute;
	background: none;
	padding:0;
	margin:0;
	border: 0;
	left: -1px;
	top: 30px;
	min-width:120px;
	list-style-type: none;
	display: none;
	z-index: 105;
	
}
.divTabs ul li:hover ul {
	display: block;	
}
.divTabs ul li:hover ul li {
	border: none;
}
.divTabs ul li:hover ul li a {
	float:none;
	display:inline-block; 
	background:none;
	background:url(images/menu_back.png);
	height:auto;
	width:125px;
	line-height:14px;
	padding:4px 8px; 
	text-align: left;
	border: #dddddd 1px solid;
	border-top: none;
	z-index: 102;
}
.divTabs ul li:hover ul li a:hover {
	background:#eeeeee; 
	text-decoration: none;
}

/*Comments Classes*/
.divCommentsContainer {
	position: relative;
	text-align: left;
	height: auto;
}
.divCommentsTitle {
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	border: #ddd 1px solid;
	padding: 4px 15px;
	font-weight:bold;
	color:#444;
	text-align: left;
	background:url("images/button_back.jpg") repeat-x left bottom;
	color: #222;
}
.divComment {
	margin: 0px;
	padding: 0px 15px;
	position:relative;
	min-height: 45px;
	text-align:left;
}
.divCommentIcon {
	margin-right: 5px;
	position:absolute;
	border: #dddddd 1px solid;
	width: 45px;
	height: 45px;
	
}
.divCommentIcon img {
	width: 44px;
	height: 44px;
}
.divCommentIconStatic {
	margin-right: 5px;
	position:relative;
	border: #dddddd 1px solid;
	width: 45px;
	height: 45px;
}
.divCommentIconStatic img {
	width: 44px;
	height: 44px;
}
.divCommentAuthor {
	position:relative;
	top: 2px;
	left: 0px;
	font-weight:bold;
	margin-bottom: 3px;
	left: 55px;
	width: 200px;
	color:#444;
	text-align: left;
}
.spanCommentIP {
	font-weight:normal;
	font-size:10px;
	color:#444;
}
.divCommentContent {
	margin: 0px;
	position:relative;
	margin-bottom: 5px;
	left: 55px;
	width: 400px;
	right: 0px;
}
.divCommentContentRemoved {
	font-style: italic;
}
.divCommentTime {
	position:absolute;
	top: 4px;
	right: 5px;
	font-size: 10px;
	font-weight:normal;
	color:#444;
}	
.divCommentTime a {
	color:#444;
}
.divCommentTimeLeft {
	position:absolute;
	top: 4px;
	left: 5px;
	font-size: 10px;
	font-weight:normal;
	color:#444;
}
.divCommentTimeBottom {
	position:absolute;
	bottom: 1px;
	left: 110px;
	font-size: 10px;
	font-weight:normal;
	color:#444;
}	
.divCommentTimeBottomRight {
	position:absolute;
	bottom: 4px;
	right: 5px;
	font-size: 10px;
	font-weight:normal;
	color:#444;
}	
.divCommentTimeBottomLeft {
	position:absolute;
	bottom: 4px;
	left: 5px;
	font-size: 10px;
	font-weight:normal;
	color:#444;
}
.divCommentFormTitle {
	margin-top: 5px;
	margin-bottom: 5px;
	border: #ddd 1px solid;
	padding: 4px 15px;
	font-weight:bold;
	color:#444;
	background:url("images/button_back.jpg") repeat-x left bottom;
	color: #222;
}
.divCommentForm {
	padding: 0px 15px;
}
.divCommentThankYou {
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;	
	padding: 5px 15px;
	border: #dddddd 1px solid;
	width:250px;
	font-weight:bold;
}

/* Side Panel */
.divSidePanelContainer {
	position: relative;
	margin: 0 auto;
	text-align: center;
	background-color:#f8f8f8;
}
.divSidePanelHeader {
	position: relative;
	margin-bottom: 4px;
	padding: 8px;
	padding-bottom: 6px;
	border-bottom: #ddd 1px solid;	
	background:url(images/button_back.jpg) bottom left repeat-x #fff;
}
.divSidePanelHeaderTitle {
	position: relative;
	width: 130px;
	font-weight: bold;
}
.divSidePanelHeaderSearch {
	position: absolute;
	float: right;
	right: 8px;
	top: 6px;
}
.divSidePanelPage {
	position: relative;
	border: #dddddd 1px solid;
}		
.divSidePanelBody {
	position: relative;
	padding: 5px;
	text-align: left;
	color:#888;
}	
.divSidePanelItem {
	margin: 0px;
	margin-top: 3px;
	position:relative;
	min-height: 62px;
	text-align:left;
	border-bottom: #dddddd 1px solid;
}
.divSidePanelItemIcon {
	margin-right: 5px;
	position:absolute;
	border: #dddddd 1px solid;
	width: 80px;
	height: 56px;
}
.divSidePanelItemTitle {
	position:relative;
	top: 2px;
	left: 0px;
	margin-bottom: 5px;
	left: 85px;
	width: 185px;
	color:#111;
	text-align: left;
	font-weight: bold;
}
.divSidePanelItemDescription {
	margin: 0px;
	position:relative;
	margin-bottom: 3px;
	left: 85px;
	width: 185px;
	right: 0px;
}

.divSidePanelItemNoIcon {
	margin: 0px;
	margin-top: 3px;
	padding-bottom: 3px;
	position:relative;
	text-align:left;
	border-bottom: #dddddd 1px solid;
}
.divSidePanelItemTitleNoIcon {
	position:relative;
	top: 2px;
	left: 0px;
	margin-bottom: 2px;
	width: 185px;
	color:#111;
	text-align: left;
	font-weight: bold;
}
.divSidePanelItemDescriptionNoIcon {
	margin: 0px;
	position:relative;
	margin-bottom: 2px;
	width: 185px;
	right: 0px;
}

/* View Form Responses */
.divFormBody {
	font-size: 12px;
	color: #444;
}
.divFormBody table {
	font-size: 12px;
	color: #444;
}
.divFormResponseItem {
	margin: 0px;
	margin-top: 3px;
	position:relative;
	text-align:left;
	border-bottom: #dddddd 1px solid;
}

/* View users */

.divViewUserItem {
	margin: 0px;
	margin-top: 3px;
	position:relative;
	height: 52px;
	text-align:left;
	border-bottom: #dddddd 1px solid;
}
.divViewButtonPanel {
	margin: 0px;
	margin-top: 3px;
	position:relative;
	height: 20px;
	text-align:left;
}
.divViewUserItemIcon {
	margin-right: 5px;
	position:absolute;
	border: #dddddd 1px solid;
	width: 45px;
	height: 45px;
	
}
.divViewUserItemTitle {
	position:relative;
	top: 0px;
	left: 0px;
	margin-bottom: 2px;
	left: 55px;
	width: 600px;
	text-align: left;
	color: #222;
	font-weight: bold;
}
.divViewUserItemDescription {
	margin: 0px;
	position:relative;
	margin-bottom: 2px;
	left: 55px;
	width: 685px;
	right: 0px;
}

/* View videos */

.divViewVideoItem {
	margin: 0px;
	margin-top: 3px;
	position:relative;
	height: 62px;
	text-align:left;
	border-bottom: #dddddd 1px solid;
}
.divViewVideoItemIcon {
	margin-right: 5px;
	position:absolute;
	border: #dddddd 1px solid;
	width: 80px;
	height: 56px;
	
}
.divViewVideoItemTitle {
	position:relative;
	top: 2px;
	left: 0px;
	margin-bottom: 5px;
	left: 85px;
	width: 385px;
	color:#444;
	text-align: left;
}
.divViewVideoItemDescription {
	margin: 0px;
	position:relative;
	margin-bottom: 3px;
	left: 85px;
	width: 385px;
	right: 0px;
}

/* Forms */
.divFormItems {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#444;
	text-align: left;
	color: #222;
}
.divFormItem {
	position: relative;
	border: #ddd 1px solid;
	margin-bottom: -1px;
}
.divFormItemHeader {
	position: relative;
	padding: 4px 15px;
	background: #fff;
	height: 15px;
	padding: 4px 15px;
	color:#444;
	text-align: left;
	background:url("images/button_back.jpg") repeat-x left bottom;
	color: #222;
}
.divFormItemEdit {
	position: relative;
	padding: 4px 15px;
	background: #fff;
	border-top: #ddd 1px solid;
}
/* Progress Meter */
.progressBar {
	position: relative;
	border: #dddddd 1px solid;
	padding: 0px;
	width: 150px;
	height: 17px;
	background:url(images/progress_back.png) bottom repeat-x;
}
.progressBarMeter {
	position: relative;
	width: 0%;
	height: 100%;
	font-size: 14px;
	padding-left: 1px;
	background:url(images/progress_meter_back.png) center repeat-x;
	color: #ccc;
}

/* other */
.textbox {
	border: #dddddd 1px solid;
}
.textarea {
	border: #dddddd 1px solid;
	width: 100%;
}
.textareaLarge {
	border: #dddddd 1px solid;
	width: 100%;
	height: 300px;
}
.textareaSmall {
	border: #dddddd 1px solid;
	width: 100%;
	height: 100px;
}
.button {
	margin: 0 auto;
	/*padding: 10px 0px;*/
	border: #dddddd 1px solid;
	padding: 4px 5px 3px;
	border: 0;
	background: url(images/button_back.jpg) bottom repeat-x;	
	color: #222;

}
.button {
	position:relative;
	border: #CCC 1px solid;
	padding: 3px 5px;
	margin: 8px 10px;
	margin-bottom: 0px;
	background:url("images/button_back.jpg") repeat-x left bottom;
	margin-left: 1px;
	display:inline-block;
}	
.button:link {
	color: #222;
}
.button:active {
	background: #eee;
	color: #555;
}
.button:visited {
	color: #222;
}
.button:hover {
	color: #555;
}
.button_link {
	position:relative;
	border: #CCC 1px solid;
	padding: 5px 5px;
	margin: 8px 2px;
	margin-bottom: 0px;
	background:url("images/button_back.jpg") repeat-x left bottom;
	margin-left: 1px;
	display:inline-block;
}	
.button_link:link {
	color: #222;
}
.button_link:active {
	background: #eee;
	color: #555;
}
.button_link:visited {
	color: #222;
}
.button_link:hover {
	color: #555;
}
.button_textonly {
	border: 0;
	padding: 0;
	margin: 0;
}
.bluetext {
	color:#222;
}
.greytext {
	color:#999999;
}
.darkgreytext {
	color:#444;
}
.divCommentsTitle div {
	color: #222;
}
.divAccountControl .bluetext {
	color: #e3001b;
}