@charset "utf-8";
/* CSS Document */

/* Created: 01/10/08 */


/* COLOURS */

/*
red		#dd2422

*/

/*-------------- RESET, HTML, BODY --------------*/

* {
	margin:0px;
	border:0px;
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
}
html, body, div, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, ins, kbd, q, s, samp,  small, strike, sub, sup, tt, var,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  caption {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font:normal 12px Helvetica, Arial, sans-serif;
	vertical-align: baseline;
	text-align:left;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color:#868585;
	background: #cce5f4;
	text-align:center;
	height:100%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	/*text-align: left;*/
	font-weight: normal;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	margin:0;
	padding:0;
	clear: both;
	font-size:1px;
	line-height:1px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
	font-size:1px;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



HTML {
	overflow-y:scroll;
	overflow-x:none;
}
table, tr, td {
	vertical-align:top;
	color:#FFF;
}
.error {
	color:#dd2422;
	padding-left:10px;
}
/*---------- H TAGS ----------------*/



H1 a, H2 a, H3 a, H4 a, H5 a, H6 a, H1, H2, H3, H4, H5, H6 {
	font:normal 18px Helvetica, Arial, sans-serif;
	color:#000;
	padding:10px 0px;
	text-decoration:none
}
H1 a, H2 a, H3 a, H4 a, H5 a, H6 a {
	padding:0px;
}
H2, H2 a {
	font-size:16px;
}
H2 {
	font-weight:bold;
	font-size:16px;
}
H1 {
	font-weight:bold;
	font-size:16px;
}
H3, H3 a {
	font-size:14px;
}
H4, H4 a {
	font-size:13px;
}
H5, H5 a {
	font-size:12px;
}
H6, H6 a {
	font-size:11px;
}
.clarionBlue {
	color:#0083cb;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:20px;
}
P {
	text-align:left;
	padding:10px;
	margin:0px;
	line-height:1.3em;
}
a {
	font:normal 12px Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#868585;
}
a:hover {
	color:#0083cb;
	text-decoration:none;
}
td a {
	font:normal 12px Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#868585;
}
td a:hover {
	color:#0083cb;
	text-decoration:none;
}
ul {
	line-height:1.3em;
}
.grey, .greySmall {
	color:#999;
}
.blue {
	color:#0083cb;
}
.greySmall {
	font-size:10px
}
.green {
	color:#65bf10;
}
.orange {
	color:#ee7e22;
}
.red {
	color:#c91c66;
}
.darkgrey {
	color:#666;
}
.blueColorOnly {
	color:#34b0e3
}

.tinyPinkText {
	color:#e7b8cc;
	font-size:11px;
	position:relative;
	top:-3px;
	left:3px;
}

.lineBg {
	background:#FFF url(../images/admin/icons/listing-horz.gif) bottom left repeat-x;
}
.rightAlign {
	text-align:right;
}
.left10 {
	padding-left:10px;
}
.tags1, .tags2, .tags3, .tags4, .tags5, .tags6, .tags7, .tags8, .tags9, .tags10 {
}
.tags1 a, .tags2 a, .tags3 a, .tags4 a, .tags5 a, .tags6 a, .tags7 a, .tags8 a, .tags9 a, .tags10 a {
	font:normal 26px Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#0083cb;
	padding:3px;
}
.tags2 a {
	color:#1792d6;
	font-size:25px
}
.tags3 a {
	color:#2d9fde;
	font-size:24px
}
.tags4 a {
	color:#43aae3;
	font-size:23px
}
.tags5 a {
	color:#56b3e6;
	font-size:22px
}
.tags6 a {
	color:#66bae8;
	font-size:21px
}
.tags7 a {
	color:#7dc6ee;
	font-size:20px
}
.tags8 a {
	color:#91d0f3;
	font-size:18px
}
.tags9 a {
	color:#a4d6f2;
	font-size:17px
}
.tags10 a {
	color:#b1ddf5;
	font-size:16px
}
.tags1 a:hover, .tags2 a:hover, .tags3 a:hover, .tags4 a:hover, .tags5 a:hover, .tags6 a:hover, .tags7 a:hover, .tags8 a:hover, .tags9 a:hover, .tags10 a:hover {
	color:#FFF;
	background:#0083cb;
}
.rss {
	width:230px;
	float:left
}
.rssInner {
	padding:4px 0px;
	width:230px;
	background:transparent url(../images/icons/rss.png) right 3px no-repeat;
	color:#f77603;
}
.rssInner a {
	color:#f77603;
	font-weight:bold;
	text-decoration:none;
	font-size:11px
}
.rssInner a:hover {
	color:#ffdf01;
}
/*--------------- HEADER ---------------*/



.main {
	width:100%;
	margin:0 auto;
	height:auto;
	text-align:center;
}
.mainContent {
	width:976px;
	margin:0 auto;
	height:auto;
	text-align:center;
}
.adminContent {
	width:720px;
	height:auto;
	background:#FFF;
	float:left;
}
.adminContentSpace {
	width:9px;
	height:auto;
	float:left;
}
.mainContent#admin .middle .inner,  .adminContent .inner,  .adminRight .inner {
	padding:16px;
	margin:0;
}
.adminRight {
	width:213px;
	height:auto;
	background:#FFF;
	border:1px solid #c5c5c5;
	float:left;
}
.adminRight .inner .pageHelp {
	height:35px;
	background:transparent url(../images/admin/icons/help.png) 0px 5px no-repeat;
}
.adminRight .inner .pageHelp a {
	padding:12px 0px 0px 35px;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	display:block
}
.listing {
	width:689px;
	background:#f8f8f8;
}
.listing td, .blue {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px;
}
.blue, .blueRight, .blue2 {
	color:#0f98e7;
	padding:15px 5px
}
.blueRight {
	text-align:right;
}
.blue2 {
	padding:15px 10px
}
.listing #inner {
	padding:2px;
}
.listing #inner table {
	width:650px;
	margin:0px auto
}
.listing #inner td.row1 {
	background:#FFF url(../images/admin/icons/listing-horz.gif) bottom left repeat-x;
	padding-left:15px
}
.listing #inner td.row2 {
	background:#fafafa url(../images/admin/icons/listing-horz.gif) bottom left repeat-x;
	padding-left:15px
}
.listing #inner td.row3 {
	background:#fafafa url(../images/admin/icons/listing-horz.gif) bottom left repeat-x;
	padding:5px 15px
}
.listing #inner tr.row1 {
	background:#FFF url(../images/admin/icons/listing-horz.gif) bottom left repeat-x;
}
.listing #inner tr.row2 {
	background:#fafafa url(../images/admin/icons/listing-horz.gif) bottom left repeat-x;
}
.listing #inner td.permissions {
	padding:10px 0px 0px 0px;
}
.icon {
	text-align:center;
	margin:0px auto;
	height:20px;
}
.icon img {
	text-align:center;
	padding:0px;
}
.listingHead {
	background:transparent url(../images/admin/listing-head.png) top left no-repeat;
	width:685px;
	height:3px;
	line-height:1px;
	font-size:1px;
}
.listingBase {
	background:transparent url(../images/admin/listing-base.png) top left no-repeat;
	width:685px;
	height:3px;
	line-height:1px;
	font-size:1px;
}
.headerBase {
	background:transparent url(../images/admin/my-clarion-header-base.png) top left no-repeat;
	width:976px;
	height:6px;
	line-height:1px;
	font-size:1px;
}
.listingMiddle {
	background:#FFF;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	width:683px;
}
.listingMiddle .expand {
	text-align:right;
	padding:5px 10px 5px 5px;
	display:block
}
.title, .titleInfo {
	padding:5px 10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	background:#f4f4f4
}
.titleInfo {
	color:#606060
}
.listing td.tableText {
	padding:18px 0px 0px 20px
}
.listing td.tableField {
	padding:14px 0px 0px 0px
}
.row1 img, .row2 img {
	padding:5px 15px 5px 0px;
}
.header {
	width:976px;
	height:230px;
	background:#FFF url(../images/my-clarion-head.png) top center no-repeat;
	border-bottom:8px solid #cce5f4;
}
.mainContent#admin .header {
	width:976px;
	height:230px;
	background:#FFF url(../images/admin/my-clarion-header.png) top center no-repeat;
	border:0px;
}
.mainContent#admin .header .homeLinkTop {
	height:114px;
	width:350px;
	float:left;
}
.texts {
	margin:0;
	padding:13px 0 10px 0;
}
#remove {
	border:0;
	width:10px;
	margin:0;
}
.SpecialInstuctions {
	width:135px;
	padding:50px 0 0 0;
	font-size:11px;
	font-weight:bold;
	margin:0;
}
.SpecialInstructionsField {
	width:300px;
	background-color:#f7f7f7;
	border:#999999 1px;
}
.header .menuBase {
	width:976px;
	height:80px;
	background:transparent url(../images/my-clarion-menu-bg-blue.png) no-repeat;
	clear:both
}
.mainContent#admin .header .menuBase {
	width:976px;
	height:80px;
	background:#eee url(../images/admin/my-clarion-menu-panel.png) no-repeat;
	clear:both
}
.mainContent .header .menuBase#menu1 {
	background:transparent url(../images/my-clarion-menu-bg-orange.png) no-repeat;
}
.mainContent .header .menuBase#menu2 {
	background:transparent url(../images/my-clarion-menu-bg-blue.png) no-repeat;
}
.mainContent .header .menuBase#menu3 {
	background:transparent url(../images/my-clarion-menu-bg-green.png) no-repeat;
}
.mainContent .header .menuBase#menu4 {
	background:transparent url(../images/my-clarion-menu-bg-red.png) no-repeat;
}
.mainContent .header .menuBase#menu5 {
	background:transparent url(../images/my-clarion-menu-bg-yellow.png) no-repeat;
}
.mainContent .header .menuBase#menu6 {
	background:transparent url(../images/my-clarion-menu-bg-pink.png) no-repeat;
}
.mainContent .header .menuBase#menu7 {
	background:transparent url(../images/my-clarion-menu-bg-blue-dark.png) no-repeat;
}
/*****************************************/



.mainContent#admin .header .menuBase#menu1,  .mainContent#admin .header .menuBase#menu2,  .mainContent#admin .header .menuBase#menu3,  .mainContent#admin .header .menuBase#menu4,  .mainContent#admin .header .menuBase#menu5 {
	background:transparent url(../images/admin/my-clarion-menu-panel.png) no-repeat;
}
/******************************/



.middleSpace {
	width:6px;
	height:1px;
	float:left;
	background:#cce5f4
}
.middle {
	width:976px;
	height:auto;
	background:#FFF;
	vertical-align:top
}
.middleTop, .middleTopGen {
	background:#cce5f4 url(../images/my-clarion-middle-top.png) bottom left no-repeat;
	width:976px;
	height:3px;
	line-height:1px;
	font-size:1px;
}
.middleBase, .middleBaseGen {
	background:#cce5f4 url(../images/my-clarion-middle-base.png) top left no-repeat;
	width:976px;
	height:3px;
	line-height:1px;
	font-size:1px;
}
.middle .inner {
	padding:10px 20px
}
/*****************************/



.mainContent#admin .middle {
	width:976px;
	height:auto;
	background:#FFF url(../images/admin/my-clarion-middle-bg.png) bottom left repeat-y
}
.mainContent#admin .middleTop {
	background:#FFF url(../images/admin/my-clarion-middle-top.png) bottom left no-repeat;
	width:976px;
	height:8px;
	line-height:1px;
	font-size:1px
}
.mainContent#admin .middleBase {
	background:#FFF url(../images/admin/my-clarion-middle-base.png) top left no-repeat;
	width:976px;
	height:3px;
	line-height:1px;
	font-size:1px
}
/******************************/



.middleRight {
	width:296px;
	background:#FFF url(../images/my-clarion-right-base-end.png) bottom no-repeat;
	float:left;
	margin:0;
	padding:0;
}
.middleRightTop, .rewardsRightTop {
	background:#cce5f4 url(../images/my-clarion-right-top.png) bottom left no-repeat;
	width:296px;
	height:3px;
	line-height:1px;
	font-size:1px;
	margin:0;
	padding:0;
}

.rewardsRightTop {
	background:#cce5f4 url(../images/rewardsTop.png) bottom left no-repeat;
	width:259px;
	height:9px;	
}

.rewardsRightMiddle {
	width:257px;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	background:#efefef;
	color:#606060
}

.rewardsRightMiddle a {
	color:#606060;
	text-decoration:underline
}

.rewardsRightMiddle a:hover {
	text-decoration:none
}

.rewardsRightMiddle .item h2 {
	font-size:12px;
}

.rewardsRightMiddle .item .text {
	padding:10px;
	color:#606060
}

.rewardsPointsText {
	width:180px;
	float:left;
	color:#606060
}

.rewardsNumber {
	width:48px;
	float:left;
	color:#606060
}

.totalPoints {
	color:#5dba06;
	font-weight:bold
}

.redeemPoints {
	text-align:right;
	padding:0px 20px 10px 15px;
}

.redeemPoints a {
	text-decoration:underline;
	font-weight:bold
}

.redeemPoints a:hover {
	text-decoration:none;
	color:#606060
}

.middleRightBase, .rewardsRightBottom {
	background:#cce5f4 url(../images/my-clarion-right-base.png) top left no-repeat;
	width:296px;
	height:3px;
	line-height:1px;
	font-size:1px;
}

.rewardsRightBottom {
	background:#cce5f4 url(../images/rewardsBottom.png) bottom left no-repeat;
	width:259px;
	height:9px;	
}

.middleRightBase#grey {
	background:#f8f8f8 url(../images/my-clarion-right-base-grey.png) bottom left no-repeat;
	height:auto;
	clear:both;
	margin:0;
}
.middleRightBase#grey .inner {
	line-height:1em;
	text-align:right;
	padding:10px;
}
#events .middleRightBase#grey .inner a {
	font:bold 11px Helvetica, Arial, sans-serif;
	text-decoration:underline;
	color:#00a1d8;
}
.middleRightBase#grey .inner a {
	font:bold 11px Helvetica, Arial, sans-serif;
	text-decoration:underline;
}
.middleRightBase#grey .inner a:hover {
	color:#CCC;
}
.middleRight .inner {
	padding:10px 19px 17px 17px;
	margin:0;
}
.rewardsLists li {
	font-size:11px;
}
.middleRightListMiddle {
	width:258px;
	border-left:1px solid #e0e0de;
	border-right:1px solid #e0e0de;
	background:#f8f8f8;
	margin:0;
}
#rewards .middleRightListMiddle {
	width:258px;
	border-left:1px solid #e0e0de;
	border-right:1px solid #e0e0de;
	background:#f8f8f8;
	padding:10px 0 10px 0;
	margin:0;
}
#accreditationBoard {
	border:1px solid #dfdfdf;
	width:276px;
	position:absolute;
	z-index:1000;
}
#accreditationBoard .accredRow {
	clear:both
}
#accreditationBoard .first, #accreditationBoard .second, #accreditationBoard .third, #accreditationBoard .fourth {
	width:55px;
	border-right:1px solid #DDD;
}
#accreditationBoard .second {
	width:110px
}
#accreditationBoard .third {
	width:48px
}
#accreditationBoard .fourth {
	width:60px;
	border:0;
}
#accreditationBoard .accredTitle {
	height:39px;
	background:#f4f4f4;
	text-align:center;
	float:left
}
#accreditationBoard .accredTitle .accredTitleText {
	color:#868585;
	padding-top:15px;
	display:block
}
#accreditationBoard .ranking {
	background:transparent; /* url(../images/buttons/pinkStarButton.gif) no-repeat 14px 5px;*/
	width:55px;
	height:36px;
	color:#0083cb;
	font-weight:700;
	float:left;
	text-align:center
}
#accreditationBoard .accredNumber {
	padding-top:12px;
	text-align:center;
	font-weight:700
}
#accreditationBoard .accredInfo {
	height:36px;
	text-align:center;
	font-weight:bold;
	float:left;
	color:#868585
}
#accreditationBoard .accredInfo .accredText {
	text-align:center;
	padding-top:12px;
	font-weight:700
}
#accreditationBoard .accredSpacer {
	height:10px;
	float:left
}
.points {
	margin:0;
	padding:22px 0 0 14px;
	color:#f10145;
	font-size:11px;
}
.pointsTotal {
	margin:0;
	padding:12px 0 0 14px;
	color:#333333;
	font-size:11px;
	font-weight:bold;
}
.middleRightListMiddle .item {
	padding:10px 0px 10px 10px;
	clear:both;
	margin:0;
	padding:0;
}
.middleRightListMiddle .item .image {
	width:70px;
	float:left;
	margin:0;
	padding:0;
}
.middleRightListMiddle .item .image img {
	padding:10px 0 10px 15px;
}
.middleRightListMiddle .item .text {
	width:160px;
	float:left;
	margin-left:14px;
	margin-top:12px;
}
.rightPanelText {
	padding:8px 14px 8px 14px;
	clear:both
}
.rightPanelText P {
	padding:8px 0px
}
.rightPanelText B {
	color:#000;
}
.middleRightListMiddle .item .text B {
	color:#000
}
.middleRightListTop {
	background:transparent url(../images/my-clarion-right-list-top.png) bottom left no-repeat;
	width:260px;
	height:4px;
	line-height:1px;
	font-size:1px;
	margin:0;
	padding:0;
}
.middleRightListBase {
	background:transparent url(../images/my-clarion-right-list-bottom.png) top left no-repeat;
	width:260px;
	height:4px;
	line-height:1px;
	font-size:1px;
}
.middleRightListMiddle .inner {
	padding:10px;
	margin:0;
}
#events .middleRightListTop {
	background:transparent url(../images/my-clarion-right-list-top.png) bottom left no-repeat;
	width:260px;
	height:4px;
	line-height:1px;
	font-size:1px;
	margin:0;
	padding:0;
}
#events .middleRightListBase {
	background:transparent url(../images/my-clarion-right-list-bottom.png) top left no-repeat;
	width:260px;
	height:4px;
	line-height:1px;
	font-size:1px;
}
#events .middleRightListMiddle {
	width:258px;
	border-left:1px solid #e0e0de;
	border-right:1px solid #e0e0de;
	background:#f8f8f8;
}
#rewards .middleRightListTop {
	background:transparent url(../images/my-clarion-right-list-top-green.png) bottom left no-repeat;
	width:260px;
	height:4px;
	line-height:1px;
	font-size:1px;
	margin:0;
	padding:0;
}
#rewards .middleRightListBase {
	background:transparent url(../images/my-clarion-right-list-bottom-green.png) top left no-repeat;
	width:260px;
	height:4px;
	line-height:1px;
	font-size:1px;
}
#rewards .middleRightListMiddle {
	width:258px;
	border-left:1px solid #e0e0de;
	border-right:1px solid #e0e0de;
	background:#eafbd8;
}
.infoPagePanel {
	width:716px;
	float:left
}
.genericPanelTop, .infoPagePanelTop {
	width:618px;
	background:transparent url(../images/my-clarion-generic-top.png) bottom left no-repeat;
	height:7px;
	line-height:1px;
	font-size:1px;
	clear:both;
	margin-left:8px;
}

.genericPanelTop, .infoPagePanelTop {
	width:618px;
	background:transparent url(../images/my-clarion-generic-top.png) bottom left no-repeat;
	height:7px;
	line-height:1px;
	font-size:1px;
	clear:both;
}

.infoPagePanelTop {
	width:699px;
	background:transparent url(../images/infoPageTop.png) bottom left no-repeat;
	margin:0
}
.genericPanelMiddle, .infoPagePanelMiddle {
	width:618px;
	background:transparent url(../images/my-clarion-generic-middle.png) top left repeat-y;
	clear:both;
	margin-left:8px;
}
.infoPagePanelMiddle {
	width:699px;
	background:transparent url(../images/infoPageMiddle.png) top left repeat-y;
	margin:0
}
.infoPanelPadding {
	padding:15px
}
.middleRight202 {
	width:202px;
	float:left
}
.infoPageRightPanelTop, .infoPageRightPanelBottom {
	width:202px;
	height:8px;
	background:transparent url(../images/infoPageRightTop.png) bottom left no-repeat;
	line-height:1px;
	font-size:1px;
	clear:both;
}
.infoPageRightPanelBottom {
	background:transparent url(../images/infoPageRightBottom.png) top left no-repeat;
	height:6px;
}
#infoPageRightPanelMiddle, #findThingsBoxMiddle {
	width:200px;
	background:#efefef;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
}
#infoPageRightPanelMiddle .inner, #findThingsBoxMiddle .inner {
	padding:20px 4px 14px 4px;
}
#infoPageRightPanelMiddle .title, #findThingsBoxMiddle .title {
	padding:0px 15px 10px 15px;
	font-weight:800;
	color:#606060;
	background:none;
	font-size:12px;
}
#infoPageRightPanelMiddle a {
	padding:10px 15px;
	display:block;
	font-size:12px;
}


#findThingsBoxMiddle .title {
	padding:0px 15px 10px 15px;
}
#findThingsBoxMiddle .navItem {
	padding:0px 0px 0px 15px;
	background:transparent url(../images/icons/blueBullet.png) 18px 7px no-repeat;
	display:block
}
#findThingsBoxMiddle .navTitle {
	padding:5px 0px 0px 0px;
}
#findThingsBoxMiddle a {
	padding:1px 0px 1px 15px;
	display:block;
	font-size:12px;
}
/* Events Page */

.boxDownRight .text {
	margin:0;
	width:240px;
	padding:20px 0 0 18px;
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
.btn {
	margin:0;
	padding:0 0 0 0px;
	width:207px;
	height:28px;
	float:left;
}
.middleRightListMiddle .item .text2 {
	width:190px;
	padding:11px 0 11px 16px;
	float:left
}
#rewards .middleRightListMiddle .item .text2 {
	width:212px;
	padding:0;
	margin:11px 0 11px 10px;
	float:left
}
.middleRightListMiddle .item .text2 B {
	color:#000
}
#rewards .h4 {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0;
	margin:0;
}
.boxDownRight {
	height:200;
	width:296px;
	margin:0;
	padding:0;
	background-image:url(../images/rewards/bgRightDown.png);
}
#rewards .boxDownRight p {
	margin:0;
	padding:20px 0 0 18px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#rewards .boxDownRight {
	height:200;
	width:296px;
	margin:0;
	padding:0;
	background-image:url(../images/rewards/bgRightDown.png);
}
.imgevent {
	margin:0;
	padding:10px 0 20px 0;
}
.Event {
	font:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
.Event p {
	font:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
.headingEvent {
	color:#000000;
	font-size:10pt;
}
.txtEvent {
	margin:0;
	padding:0;
	font-size:9pt;
	color:#7a7a7a;
}
.footerEventEmail {
	margin:0;
	height:18px;
	padding:0;
	font-size:9pt;
	color:#00a1d8;
}
.footerEventEmail a:link {
	color:#00a1d8;
	text-decoration:underline;
}
.footerEventEmail a:hover {
	color:#00a1d8;
	text-decoration:none;
}
.footerEventPhone {
	margin:0;
	padding:0;
	font-size:9pt;
	color:#00a1d8;
}
/*  end events page*/

.inputTop, .inputBottom {
	background:transparent url(../images/forms/formBgTop.png) bottom left no-repeat;
	height:9px;
	width:224px;
	line-height:1px;
	font-size:1px;
}
.inputBottom {
	background:transparent url(../images/forms/formBgBottom.png) bottom left no-repeat
}
.inputTopWide, .inputBottomWide {
	background:transparent url(../images/forms/formBgTopWide.png) bottom left no-repeat;
	height:9px;
	width:400px;
	line-height:1px;
	font-size:1px;
}
.inputBottomWide {
	background:transparent url(../images/forms/formBgBottomWide.png) bottom left no-repeat
}
.inputMiddle, .inputMiddleWide {
	width:224px;
	background:transparent url(../images/forms/formBg.png) bottom left repeat-y;
	line-height:1px;
	font-size:1px;
}
.inputMiddleWide {
	width:400px;
	background:transparent url(../images/forms/formBgWide.png) bottom left repeat-y;
}


.inputTopWide2010, .inputBottomWide2010 {
	background:transparent url(../images/forms/formBgTopWide2010.png) bottom left no-repeat;
	height:9px;
	width:300px;
	line-height:1px;
	font-size:1px;
}
.inputBottomWide2010 {
	background:transparent url(../images/forms/formBgBottomWide2010.png) bottom left no-repeat;
}
.inputMiddleWide2010 {
	width:300px;
	background:transparent url(../images/forms/formBgWide2010.png) bottom left repeat-y;
}

.inputInner {
	padding:0px 9px;
}
.input3 {
	margin:0;
	height:22px;
	width:176px;
}
.input {
	border:0px;
	width:195px
}

.textArea {
	border:0px;
	width:380px;
	height:170px;
}
.smallBlue {
	color:#2fa6e0;
	font-size:11px;
	padding:2px 0px;
}
.genericPanelBottom, .infoPagePanelBottom {
	width:618px;
	background:transparent url(../images/my-clarion-generic-bottom.png) bottom left no-repeat;
	height:7px;
	line-height:1px;
	font-size:1px;
	clear:both;
	margin-left:8px;
}
.infoPagePanelBottom {
	width:699px;
	background:transparent url(../images/infoPageBottom.png) bottom left no-repeat;
	margin:0
}
.genericPanelMiddle input, .genericPanelMiddle textarea, .genericPanelMiddle select {
	width:140px;
}
.genericPanelMiddle td {
	color:#000;
}
.line {
	background:#f1efe2;
	width:100%;
	height:1px;
	line-height:1px;
	font-size:1px;
	margin:0;
}
.lineMid {
	background:#e0e0de;
	width:100%;
	height:1px;
	line-height:1px;
	font-size:1px;
	margin:0;
}
.lineDark {
	background:#b5b5b5;
	width:100%;
	height:1px;
	line-height:1px;
	font-size:1px;
	margin:0;
}
.lineRightPanel {
	background:#cecece;
	width:100%;
	height:1px;
	line-height:1px;
	font-size:1px;
	margin:0;
}
.divider {
	width:100%;
	background:transparent url(../images/divider.png) center repeat-x;
	height:10px;
	line-height:1px;
	font-size:1px;
}
/******************************/





.myClarion {
	width:976px;
	height:auto;
	background:#FFF;
	clear:both
}
.myClarionTop {
	background:#cce5f4 url(../images/my-clarion-user-header.png) bottom left no-repeat;
	width:976px;
	height:44px;
}
.myClarionBase {
	background:#cce5f4 url(../images/my-clarion-middle-base.png) top left no-repeat;
	width:976px;
	height:3px;
	line-height:1px;
	font-size:1px;
	padding-bottom:30px;
}
.myClarion .myClarionMiddle {
	width:976px;
	background:#FFF
}
.myClarion .myClarionMiddle .left {
	width:675px;
	border-right:1px solid #e5e5e5;
	float:left
}
.myClarion .myClarionMiddle .left .inner {
	margin:20px 0px;
	width:210px;
	border-right:1px solid #ebebeb;
	float:left
}
.myClarion .myClarionMiddle .right {
	width:300px;
	float:left
}
.myClarion .inner {
	padding:10px 20px
}
/************************************/



.mainContent#pressRoom .middle, .mainContent#rewards .middle, .mainContent#events .middle, .middleGen {
	width:674px;
	float:left;
	vertical-align:top
}
.mainContent#pressRoom .middleTop, .mainContent#rewards .middleTop, .mainContent#events .middleTop, .middleTopGen {
	background:#cce5f4 url(../images/my-clarion-middle-top-pressRoom.png) bottom left no-repeat;
	width:674px;
}
.mainContent#pressRoom .middleBase, .mainContent#rewards .middleBase, .mainContent#events .middleBase, .middleBaseGen {
	background:#cce5f4 url(../images/my-clarion-middle-base-pressRoom.png) top left no-repeat;
	width:674px;
}
.middleGen {
	background:#FFF;
}
.middleGen .inner, .middleGen .inner-new {
	padding:10px 20px
}
.middleGen .inner-new {
	padding:10px 0px 10px 20px;
}
.inner2 {
	padding:10px
}
.inner2 .infoPadding {
	padding:10px 0px;
}
/******************************/



.mainContent#home .middle {
	background:transparent; /* url(../images/home-bg.jpg) top left no-repeat;*/
	/*height:450px*/
}
.middleInfoPage {
	background:#FFF;
}

.youtubePage {
	padding:10px;
	border:1px solid #C7C7C7;
}

.youtubeRight {
	width:480px;
	float:left
}

.youtubeRight .youtubemenu {
	font-size:11px;
	text-align:left;
	padding:5px 0px 5px 0px;
}

.youtubeRight .youtubemenu a {
	font-size:11px;
	color:#5aa9de;
	padding:1px 6px;
}

.youtubeRight .youtubemenu a:hover {
	background:#e4eef2
}

.youtubeLeft {
	width:410px;
	float:left
}

.videoPanelScroll {
	overflow-x:hidden;
	overflow:hidden;
	overflow-y:auto;
	padding-right:10px;
	height:450px
}

.videoPanel {
	padding:10px;
	margin-bottom:5px;
	border:1px solid #C7C7C7;
}

.videoPanel .videothumb {
	width:140px;
	float:left
}

.videoPanel .videotext {
	width:270px;
	float:left;
	font-size:12px;
}

.videobuttons {
	margin:10px 0px
}

.videobuttons a {
	padding:5px 8px;
	border:1px solid #e7e7e7;
	color:#5aa9de;
	font-weight:bold
}

.videobuttons a:hover {
	background:#e4eef2
}
	

.middleInfoPage .innerInfoPage {
	padding:23px 28px
}
.mainContent#home .middle .inner {
	padding:100px 0px 0px 220px
}


.inner h2 {
	margin-left:8px
}
.inner img {
/*position:relative;

	bottom:-5px;
*/
}
/***************************************/



.gallerySelect {
	width:619px;
	height:39px;
	margin-left:9px;
	background:transparent url(../images/my-clarion-gallery-select.png) top left no-repeat;
}
.gallerySelect .message {
	width:400px;
	float:left
}
.gallerySelect .message P {
	padding:12px 0px 10px 20px;
	font-weight:bold;
	font-size:11px;
	color:#000;
}
.gallerySelect select {
	width:200px;
	margin:10px 0px 0px 0px;
	float:left;
	border:1px solid #d3d3d3;
	color:#666666;
}
.gallerySelect option {
	color:#666666;
}
/***************************************/



.gallerySelectAdmin {
	width:689px;
	height:39px;
	background:transparent url(../images/admin/sort-by-panel.png) top left no-repeat;
}
.gallerySelectAdmin .message {
	width:305px;
	float:left
}
.gallerySelectAdmin .message P {
	padding:12px 0px 10px 20px;
	font-weight:bold;
	font-size:11px;
	color:#000;
}
.gallerySelectAdmin select {
	width:200px;
	margin:8px 10px 0px 0px;
	float:left;
	border:1px solid #d3d3d3;
	color:#666666;
}
.gallerySelectAdmin option {
	color:#666666;
}
/*********************************************/

.thumbs {
	margin-left:8px;
}
.thumbs td {
	padding:2px 3px 2px 2px;
	background:#f8f8f8;
}
.thumb {
	width:118px;
	float:left
}
.thumb .thumbTop {
	background:transparent url(../images/my-clarion-thumb-top.png) bottom left no-repeat;
	width:118px;
	line-height:1px;
	font-size:1px;
	height:3px
}
.thumb .thumbBottom {
	background:transparent url(../images/my-clarion-thumb-bottom.png) top left no-repeat;
	width:118px;
	line-height:1px;
	font-size:1px;
	height:3px
}
.thumb .thumbMiddle {
	width:116px;
	background:#FFF;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	color:#000;
	height:142px
}
.thumb .thumbMiddle P {
	padding:6px 10px;
	font-weight:900;
	display:block;
}
#events .thumb .thumbMiddle P A {
	color: #00a1d8;
	text-decoration:underline;
	font-weight:900;
	padding:0px 0px 5px 0px
}
#events .thumb .thumbMiddle A:hover {
	color: #00a1d8;
	text-decoration:none;
	font-weight:900;
	padding:0px 0px 5px 0px
}
.thumb .thumbMiddle P A {
	color:#f4762c;
	text-decoration:underline;
	font-weight:900;
	padding:0px 0px 5px 0px;
}
.thumb .thumbMiddle P A:hover {
	color:#CCC;
	text-decoration:none;
}
.thumb .thumbMiddle img {
	padding-left:5px;
	padding-top:4px;
	vertical-align:bottom;
	display:block;
}
/******************************/



.submenu {
	width:685px;
	height:68px;
	float:left;
}
.mainContent#admin .header .submenu {
	width:950px;
	height:68px;
	float:left;
}
.blankDiv {
	width:976px;
	height:20px;
	position:absolute;
	z-index:2;
	margin-top:-20px;
	display:block;
	left: -11px;
	top: 221px;
}
.submenu .links {
	padding:18px 0px 0px 42px;
}
.submenu .links .space {
	width:5px;
	float:left;
}
.submenu .links a,  .submenu#pressRoom-submenu .links a,  .submenu#events-submenu .links a,  .submenu#rewards-submenu .links a,  .submenu#cota-submenu .links a,  .submenu#eNewsletter-submenu .links a,  .submenu#news-submenu .links a {
	background:none;
	-moz-border-radius: 2em;
	border-radius: 2em;
	font:normal 14px Helvetica, Arial, sans-serif;
	color:#8f4000;
	padding:8px 12px;
	display:block;
	float:left;
}
.mainContent#admin .header .submenu .links a,  .mainContent#admin .header .submenu#pressRoom-submenu .links a,  .mainContent#admin .header .submenu#events-submenu .links a,  .mainContent#admin .header .submenu#rewards-submenu .links a,  .mainContent#admin .header .submenu#cota-submenu .links a,  .mainContent#admin .header .submenu#eNewsletter-submenu .links a,  .mainContent#admin .header .submenu#eNews-submenu .links a {
	background:none;
	-moz-border-radius: 2em;
	border-radius: 2em;
	font:normal 14px Helvetica, Arial, sans-serif;
	color:#545454;
	padding:8px 12px;
	display:block;
	float:left;
	border:1px solid #a6a7a6;
	border-color:none
}
.submenu#events-submenu .links a {
	color:#004673;
}
.submenu#rewards-submenu .links a {
	color:#275100;
}
.submenu#cota-submenu .links a {
	color:#4e0323;
}
.submenu .links a:hover, .submenu .links a.on,  .submenu#pressRoom-submenu .links a:hover, 
.submenu#pressRoom-submenu .links a.on,  .submenu#events-submenu .links a:hover, 
.submenu#events-submenu .links a.on,  .submenu#rewards-submenu .links a:hover, 
.submenu#rewards-submenu .links a.on,  .submenu#rewards-submenu .links a:hover, 
.submenu#eNewsletter-submenu .links a.on, .submenu#rewards-submenu .links a:hover, 
.submenu#news-submenu .links a.on, .submenu#news-submenu .links a:hover,
.submenu#cota-submenu .links a.on, .submenu#cota-submenu .links a:hover, 
.submenu#social-centre-submenu .links a.on, .submenu#social-centre-submenu .links a:hover, 
.submenu#dealers-submenu .links a.on, .submenu#dealers-submenu .links a:hover, 
.submenu#support-submenu .links a.on, .submenu#support-submenu .links a:hover  {
	background:#d3650b;
	text-decoration:none;
	color:#FFF;
}
.mainContent#admin .header .submenu .links a:hover,  .mainContent#admin .header .submenu .links a.on,  .mainContent#admin .header .submenu#pressRoom-submenu .links a:hover,  .mainContent#admin .header .submenu#pressRoom-submenu .links a.on,  .mainContent#admin .header .submenu#events-submenu .links a:hover,  .mainContent#admin .header .submenu#events-submenu .links a.on,  .mainContent#admin .header .submenu#rewards-submenu .links a:hover,  .mainContent#admin .header .submenu#rewards-submenu .links a.on,  .mainContent#admin .header .submenu#eNewsletter-submenu .links a:hover,  .mainContent#admin .header .submenu#eNewsletter-submenu .links a.on,  .mainContent#admin .header .submenu#news-submenu .links a:hover,  .mainContent#admin .header .submenu#news-submenu .links a.on,  .mainContent#admin .header .submenu#cota-submenu .links a:hover,  .mainContent#admin .header .submenu#cota-submenu .links a.on {
	background:#454444;
	text-decoration:none;
	color:#FFF;
	border-top:1px solid #212021;
	border-bottom:1px solid #504f4f;
	border-left:1px solid #212021;
	border-right:1px solid #504f4f;
}
.submenu#events-submenu .links a:hover, .submenu#events-submenu .links a.on {
	background:#0068ab;
	text-decoration:none;
	color:#FFF;
}
.submenu#rewards-submenu .links a:hover, .submenu#rewards-submenu .links a.on {
	background:#408104;
	text-decoration:none;
	color:#FFF;
}
.submenu#cota-submenu .links a:hover, .submenu#cota-submenu .links a.on {
	background:#790a39;
	text-decoration:none;
	color:#FFF;
}

.submenu#cota-submenu .links a.off:hover, .submenu#cota-submenu .links a.off,
.submenu#dealers-submenu .links a.off:hover, .submenu#dealers-submenu .links a.off {
	background:none;
	text-decoration:none;
	color:#4e0323;
}

.submenu#social-centre-submenu .links a:hover, .submenu#social-centre-submenu .links a.on {
	background:#d5a500;
	text-decoration:none;
	color:#FFF;
}

.submenu#dealers-submenu .links a {
	color:#5b000a;
}

.submenu#dealers-submenu .links a:hover, .submenu#dealers-submenu .links a.on {
	background:#c9182d;
	text-decoration:none;
	color:#FFF;
}

.submenu#support-submenu .links a {
	color:#001725;
}

.submenu#support-submenu .links a:hover, .submenu#support-submenu .links a.on {
	background:#074A77;
	text-decoration:none;
	color:#FFF;
}


.liveSupport {
	width:280px;
	height:68px;
	background:transparent url(../images/menu-live-support.png) 45px 27px no-repeat;
	float:left
}
.liveSupport a {
	padding:28px 0px 0px 154px;
	background:transparent;
	color:#0083cb;
	text-decoration:none;
	display:block
}

.liveSupport a:hover {
	color:#49c6f5;
}

.menu {
	width:976px;
	height:51px;
	clear:both;
	background:transparent;
}
.mainContent#admin .menu {
	width:974px;
	border-right:2px solid #FFF;
	height:37px;
	clear:both;
	background:#EEE
}
.menu #welcome, .menu #pressRoomM, .menu #eventsM, .menu #rewardsM, .menu #cotaM, .menu #social-centreM, .menu #dealersM, .menu #supportM {
	float:left;
	background:#FFF;
	height:51px;
}
.menu #welcome a, .menu #pressRoomM a, .menu #eventsM a, .menu #rewardsM a, .menu #cotaM a, .menu #social-centreM a, .menu #dealersM a, .menu #supportM a {
	display:block;
	height:51px
}
.menu #welcome {
	width:144px
}
.menu #welcome a {
	width:144px;
	background:#FFF url(../images/menu.png) top left no-repeat
}
.menu #welcome a:hover {
	background:#FFF url(../images/menu.png) 0px -51px no-repeat
}
.menu #pressRoomM {
	width:132px
}
.menu #pressRoomM a {
	width:132px;
	background:#FFF url(../images/menu.png) -144px 0px no-repeat
}
.menu #pressRoomM a:hover {
	background:#FFF url(../images/menu.png) -144px -51px no-repeat
}
.menu #eventsM {
	width:120px
}
.menu #eventsM a {
	width:120px;
	background:#FFF url(../images/menu.png) -276px 0px no-repeat
}
.menu #eventsM a:hover {
	background:#FFF url(../images/menu.png) -276px -51px no-repeat
}
.menu #rewardsM {
	width:112px
}
.menu #rewardsM a {
	width:112px;
	background:#FFF url(../images/menu.png) -396px 0px no-repeat
}
.menu #rewardsM a:hover {
	background:#FFF url(../images/menu.png) -396px -51px no-repeat
}
.menu #cotaM {
	width:112px
}
.menu #cotaM a {
	width:112px;
	background:#FFF url(../images/menu.png) -508px 0px no-repeat
}
.menu #cotaM a:hover {
	background:#FFF url(../images/menu.png) -508px -51px no-repeat
}

.menu #social-centreM {
	width:149px
}
.menu #social-centreM a {
	width:149px;
	background:#FFF url(../images/menu.png) -620px 0px no-repeat
}
.menu #social-centreM a:hover {
	background:#FFF url(../images/menu.png) -620px -51px no-repeat
}

.menu #dealersM {
	width:93px
}
.menu #dealersM a {
	width:93px;
	background:#FFF url(../images/menu.png) -769px 0px no-repeat
}
.menu #dealersM a:hover {
	background:#FFF url(../images/menu.png) -769px -51px no-repeat
}

.menu #supportM {
	width:98px
}
.menu #supportM a {
	width:98px;
	background:#FFF url(../images/menu.png) -862px 0px no-repeat
}
.menu #supportM a:hover {
	background:#FFF url(../images/menu.png) -862px -51px no-repeat
}


.mainContent#home .header .menu #welcome a {
	background:#FFF url(../images/menu.png) 0px -51px no-repeat
}
.mainContent#pressRoom .header .menu #pressRoomM a {
	background:#FFF url(../images/menu.png) -144px -51px no-repeat
}
.mainContent#events .header .menu #eventsM a {
	background:#FFF url(../images/menu.png) -276px -51px no-repeat
}
.mainContent#rewards .header .menu #rewardsM a {
	background:#FFF url(../images/menu.png) -396px -51px no-repeat
}
.mainContent#cota .header .menu #cotaM a {
	background:#FFF url(../images/menu.png) -508px -51px no-repeat
}
.mainContent#social-centre .header .menu #social-centreM a {
	background:#FFF url(../images/menu.png) -620px -51px no-repeat
}
.mainContent#dealers .header .menu #dealersM a {
	background:#FFF url(../images/menu.png) -769px -51px no-repeat
}
.mainContent#support .header .menu #supportM a {
	background:#FFF url(../images/menu.png) -862px -51px no-repeat
}
/**********************************************/



.mainContent#admin .header .menu #usersM, .mainContent#admin .header .menu #pressRoomM, .mainContent#admin .header .menu #eventsM, .mainContent#admin .header .menu #rewardsM, .mainContent#admin .header .menu #cotaM, .mainContent#admin .header .menu #eNewsM, .mainContent#admin .header .menu #newsM, .mainContent#admin .header .menu #feedsM {
	float:left;
	background:#FFF;
	height:37px;
}
.mainContent#admin .header .menu #usersM a, .mainContent#admin .header .menu #pressRoomM a, .mainContent#admin .header .menu #eventsM a, .mainContent#admin .header .menu #rewardsM a, .mainContent#admin .header .menu #cotaM a, .mainContent#admin .header .menu #eNewsM a, .mainContent#admin .header .menu #newsM a, .mainContent#admin .header .menu #feedsM a {
	display:block;
	height:37px
}
.mainContent#admin .header .menu #usersM {
	width:104px
}
.mainContent#admin .header .menu #usersM a {
	width:104px;
	background:#EEE url(../images/admin/menu.png) 10px 0px no-repeat
}
.mainContent#admin .header .menu #usersM a:hover {
	background:#EEE url(../images/admin/menu.png) 10px -37px no-repeat
}
.mainContent#admin .header .menu #pressRoomM {
	width:138px
}
.mainContent#admin .header .menu #pressRoomM a {
	width:138px;
	background:#FFF url(../images/admin/menu.png) -94px 0px no-repeat
}
.mainContent#admin .header .menu #pressRoomM a:hover {
	background:#FFF url(../images/admin/menu.png) -94px -37px no-repeat
}
.mainContent#admin .header .menu #eventsM {
	width:113px
}
.mainContent#admin .header .menu #eventsM a {
	width:113px;
	background:#FFF url(../images/admin/menu.png) -232px 0px no-repeat
}
.mainContent#admin .header .menu #eventsM a:hover {
	background:#FFF url(../images/admin/menu.png) -232px -37px no-repeat
}
.mainContent#admin .header .menu #rewardsM {
	width:120px
}
.mainContent#admin .header .menu #rewardsM a {
	width:120px;
	background:#FFF url(../images/admin/menu.png) -345px 0px no-repeat
}
.mainContent#admin .header .menu #rewardsM a:hover {
	background:#FFF url(../images/admin/menu.png) -345px -37px no-repeat
}
.mainContent#admin .header .menu #cotaM {
	width:104px
}
.mainContent#admin .header .menu #cotaM a {
	width:104px;
	background:#FFF url(../images/admin/menu.png) -465px 0px no-repeat
}
.mainContent#admin .header .menu #cotaM a:hover {
	background:#FFF url(../images/admin/menu.png) -465px -37px no-repeat
}
.mainContent#admin .header .menu #eNewsM {
	width:142px
}
.mainContent#admin .header .menu #eNewsM a {
	width:142px;
	background:#FFF url(../images/admin/menu.png) -568px 0px no-repeat
}
.mainContent#admin .header .menu #eNewsM a:hover {
	background:#FFF url(../images/admin/menu.png) -568px -37px no-repeat
}
.mainContent#admin .header .menu #newsM {
	width:100px
}
.mainContent#admin .header .menu #newsM a {
	width:100px;
	background:#FFF url(../images/admin/menu.png) -712px 0px no-repeat
}

.mainContent#admin .header .menu #newsM a:hover {
	background:#FFF url(../images/admin/menu.png) -712px -37px no-repeat
}

.mainContent#admin .header .menu #feedsM {
	width:100px
}
.mainContent#admin .header .menu #feedsM a {
	width:100px;
	background:#FFF url(../images/admin/menu.png) -814px 0px no-repeat
}
.mainContent#admin .header .menu #feedsM a:hover {
	width:100px;
	background:#FFF url(../images/admin/menu.png) -814px -37px no-repeat
}


.mainContent#admin .header#users .menu #usersM a {
	background:#EEE url(../images/admin/menu.png) 10px -37px no-repeat
}
.mainContent#admin .header#pressRoom .menu #pressRoomM a {
	background:#FFF url(../images/admin/menu.png) -94px -37px no-repeat
}
.mainContent#admin .header#events .menu #eventsM a {
	background:#FFF url(../images/admin/menu.png) -232px -37px no-repeat
}
.mainContent#admin .header#rewards .menu #rewardsM a {
	background:#FFF url(../images/admin/menu.png) -345px -37px no-repeat
}
.mainContent#admin .header#cota .menu #cotaM a {
	background:#FFF url(../images/admin/menu.png) -465px -37px no-repeat
}
.mainContent#admin .header#eNews .menu #eNewsM a {
	background:#FFF url(../images/admin/menu.png) -569px -37px no-repeat
}
.mainContent#admin .header#news .menu #newsM a {
	background:#FFF url(../images/admin/menu.png) -712px -37px no-repeat
}
.mainContent#admin .header#feeds .menu #feedsM a {
	width:100px;
	background:#FFF url(../images/admin/menu.png) -814px -37px no-repeat
}

/****************************************************************/





.homeLinkTop a {
	height:100px;
	width:350px;
	float:left;
	display:block
}
.loggedIn {
	width:610px;
	float:left;
}
.loggedIn P {
	text-align:right;
	padding:46px 20px 0px;
	font-size:12px
}
.loggedIn P em {
	font-size:12px;
	color:#000;
	font-style:italic
}

.loggedIn a {
	font-size:12px;
	text-decoration:underline;
	color:#0083cb
}

.loggedIn a:hover {
	text-decoration:none;
}

#tinyProfile {
	width:220px;
	position:relative;
	left:400px
}

#tinyProfile .tinyProfileLinks {
	width:220px;
}

#tinyProfile .tinyProfileLinks p {
	padding:14px 44px 10px 0px;
	text-align:right;
	display:block;
	color:#3399cc
}

#tinyProfile .tinyProfileLinks p a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#3399cc
}

#tinyProfile .tinyProfileLinks p a:hover {
	color:#66c3f2
}

#tinyProfile .pic {
	width:56px;
	float:left;
}

#tinyProfile .pic IMG {
	border:2px solid #FFF;
	text-align:center;
	margin:0 auto
}

#tinyProfile .tinyProfileText {
	width:150px;
	float:left
}

#tinyProfile .tinyProfileText h1 {
	font-size:16px;
	color:#d70f0f;
	padding:2px 0px 0px 0px;
	margin:0px
}

#tinyProfile .tinyProfileText p {
	line-height:11px;
	font-size:11px;
	padding:0px;
	color:#999
}


/* begin: login page styles */



#logoutConfirm {
	width:940px;
	height:120px;
	position:absolute;
	background:none;
	display:none;
	z-index:200;
}

#logoutConfirm .inner {
	padding:10px 20px 20px 20px
}


.login {
	width:724px;
	height:363px;
	margin:0 auto;
	padding:184px 0 0 110px;
	background:transparent url(../images/my-clarion-login-bg.png) top center no-repeat;
}
.register {
	width:724px;
	height:543px;
	margin:100px auto;
	padding:180px 0 0 140px;
}
#bgregister, #forgotRegister, #pressAccess {
	padding:164px 0 0 140px;
	height:803px;
	background:transparent url(../images/my-clarion-register-bg.png) top center no-repeat;
}
#forgotRegister {
	background:transparent url(../images/my-clarion-forgotRegister-bg.png) top center no-repeat;
}
#pressAccess {
	background:transparent url(../images/my-clarion-pressAccess-bg.png) top center no-repeat;
}
#loggedOut {
	background:transparent url(../images/my-clarion-loggedOut-bg.png) top center no-repeat;
}

.fields {
	padding:0 0 0 53px;
	margin:0;
	width:280px;
	float:left;
	height:25px;
}
;
.field {
	padding:0;
	margin:0;
	width:180px;
	height:25px;
}
;
.fields p {
	padding:0;
	margin:0;
}
;
.clear {
	clear:both;
	margin:0;
	height:0;
	padding:0;
}
.space {
	width:0;
	margin:0;
	padding:0;
}

.loginMidFirst {
	width:724px;
	margin:0 auto;
	background:transparent url(../images/loginMidBg.png) top center repeat-y;
}

.login .loginHead .inner {
	padding:0px 0px 0px 0px;
}
.login .loginHead {
	width:724px;
	background:#FFF url(../images/loginMidBg.png) top left no-repeat;
}

.loginHeadFirst {
	width:724px;
	height:140px;
	margin:0 auto;
	background:#FFF url(../images/loginHead.png) top left no-repeat;
}

.loginFieldsBg {
	width:744px;
	background:transparent url(../images/loginFieldsBg.png) 10px top no-repeat;
	height:265px;
	margin:0 auto
}

.loginHeadFirst .loginWelcome {

}

.login .loginHead .inner {
	padding:0px 0px 0px 0px;
}
.login .loginHead {
	width:724px;
	height:309px;
}

.loginFieldsBg .inner {
	padding:56px 0px 0px 60px;
}

.loginHead2 {
	width:724px;
	height:269px;
	margin:0;
	padding:0;
}
.loginRegistered {
	width:200px;
	float:left
}
.loginRegistered2 {
	width:250px;
	float:left;
	padding:0;
	margin:0;
}
.loginRegistered3 {
	width:200px;
	float:left;
	padding:0 0 0 40px;
	margin:0;
}
.loginRegistered .input {
	padding:44px 0px 0px 18px;
	border:0;
	margin:0;
}
.loginRegistered .inputreg {
	padding:4px 0px 0px 18px;
	border:0;
	margin:0;
}
inputreg p {
	margin:0;
	padding:0;
}
.loginRegistered .input2 {
	padding:37px 0px 0px 18px;
	border:0;
	margin:0;
}
.loginRegistered .inputForgotPW {
	padding:10px 0px 0px 18px;
	border:0;
	margin:0;
}
.loginRegistered .button, .loginRegistered .buttonForgot {
	padding:14px 0 0 10px;
	background:#FFF;
}
.loginRegistered2 .button a {
	width:100px;
	height:25px;
	display:block;
	padding:0;
	margin:0;
	background:#FFF url(../images/buttons/register.png) top left no-repeat;
}
.loginRegistered2 .button a:hover {
	padding:0;
	margin:0;
	background:#FFF url(../images/buttons/register.png) 0px -30px no-repeat;
}
.loginRegistered .button a {
	width:100px;
	height:30px;
	display:block;
	background:#FFF url(../images/buttons/login.png) top left no-repeat;
}
.loginRegistered .button a:hover {
	background:#FFF url(../images/buttons/login.png) 0px -30px no-repeat;
}
.loginRegistered .buttonForgot a, .buttonSubmit a {
	width:100px;
	height:30px;
	display:block;
	background:#FFF url(../images/buttons/submit.png) top left no-repeat;
}
.loginRegistered .buttonForgot a:hover, .buttonSubmit a:hover {
	background:#FFF url(../images/buttons/submit.png) 0px -30px no-repeat;
}
.loginRegistered .forgotPassword {
	padding:12px 0 0 16px;
	display:block;
}
.loginNewUser {
	padding:14px 0px 0px 44px;
	float:left
}
.pressAccess {
	padding:14px 0px 0px 54px;
	float:left
}
.loginNewUser .button a {
	width:100px;
	height:30px;
	display:block;
	background:#FFF url(../images/buttons/register.png) top left no-repeat;
}
.loginNewUser .button a:hover {
	background:#FFF url(../images/buttons/register.png) 0px -30px no-repeat;
}
.loginFooter {
	padding:0;
	margin:0;
	font-size:10px;
}

#loginFooter2 {
	padding:0 0 0 0;
	margin:160px 0 0 0;
}
.loginFooter2 p {
	padding:0;
	margin:0;
}
/* end: login page styles */


.loginFooterHome {
	padding:0;
	width:724px;
	height:99px;
	margin:0 auto;
	font-size:10px;
	background:transparent url(../images/loginFooter.png) left top no-repeat;
}

.loginFooterHome p {
	padding:52px 0px 30px 40px;
	display:block;
	font-size:10px;
}

input, select, textarea {
	border:1px solid #b6b6b6;
	/*background:#f4f4f4 url(../images/input-bg.png) top left repeat-x;*/
	color:#666;
	padding:2px;
	width:180px;
	font-size:12px
}

input[type="radio"] {
	width:20px;
	border:none
}
textarea {
	border:1px solid #b6b6b6;
	/*background:#f4f4f4 url(../images/input-bg.png) top left repeat-x;*/
	color:#666;
	padding:2px;
	width:180px;
	height:60px
}
option {
	border:0;
}
#news .nHeader {
	width:auto;
	height:25px;
	background:#f4f4f4;
}
#news .nHeader h1 {
	color:#00a1d8;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
}
#news .content .first {
	color:#000;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:10px 10px 0px 10px;
}
#news .content .second {
	color:#00a1d8;
	font: 12px Arial, Helvetica, sans-serif;
	padding:0px 10px 0px 10px;
}
#news .content a {
	text-decoration:underline;
	font-size:12px;
	color:#989898
}
#news .content a:hover {
	text-decoration:none;
	color:#868585;
}
#footer {
	width:976px;
	height:auto;
	background:#FFF;
	clear:both
}
#footertop, #footerbottom {
	background:transparent url(../images/footer/top.png) bottom center no-repeat;
	height:14px;
	width:976px;
	line-height:1px;
	font-size:1px;
}
#footerbottom {
	background:transparent url(../images/footer/bottom.png) top center no-repeat;
}
#footer .footermiddle {
	width:976px;
	height:auto;
	background:#FFF;
}
#footer .footermiddle .inner {
	padding:32px 34px 15px 32px;
}
#footer .footermiddle .inner .first {
	width:299px;
	float:left;
}
#footer .footermiddle .inner .second {
	width:215px;
	float:left;
}
#footer .footermiddle .inner .third, #footer .footermiddle .inner .fourth {
	width:165px;
	float:left;
}
#footer .footermiddle .inner p {
	padding:0px 30px 15px 0px;
}
#footer .footermiddle .inner a {
	text-decoration:underline;
	font-size:12px;
	color:#989898
}
#footer .footermiddle .inner a:hover {
	text-decoration:none;
	color:#868585;
}
#footer .footermiddle h1 {
	color:#00a1d8;
	font:bold 13px Arial, Helvetica, sans-serif;
	padding:0px 0px 16px 0px;
}
#footer .footermiddle .inner .links {
	padding:15px 0px 0px 0px;
	clear:both
}
#footer .footermiddle .inner .links a.footerimg {
	float:left;
	display:block
}
#footer .footermiddle .inner .links a.footerimg img {
	padding:0px;
	bottom:0px;
}
#myClarionFooter {
	width:976px;
	height:60px;
	background:transparent url(../images/footer/myClarion.png) 6px 17px no-repeat
}
#myClarionFooter .left {
	width:700px;
	float:left
}
#myClarionFooter .left p {
	padding:20px 0px 0px 145px;
	color:#00a1d8;
	font-size:11px;
	line-height:1em;
}
#myClarionFooter .right {
	width:276px;
	float:left
}
#myClarionFooter .right p {
	padding:20px 8px 0px 0px;
	color:#00a1d8;
	font-size:11px;
	text-align:right;
	line-height:1em;
}
#myClarionFooter .right p a {
	color:#00a1d8;
}
#myClarionFooter .right p a:hover {
	text-decoration:underline
}
.mainContent#admin .footer {
	width:976px;
	height:81px;
	background:transparent url(../images/admin/admin-footer.png) bottom center no-repeat;
	clear:both
}
/*********************************************/









.internalPR td {
	float:left;
	padding-left:10px;
	padding-bottom:10px;
	height:30px;
	color:#000;
}
.internalPRText {
	float:left;
	width:450px;
	padding-left:10px;
	padding-bottom:10px;
	height:30px;
	color:#000;
}
.internalPR P A {
	color:#000000;
	text-decoration:none;
	font-weight:900;
}
.internalPR P A:hover {
	color:#000000;
	text-decoration:underline;
	font-weight:900;
}
.internalPR img {
	padding-right:20px;
}
.pdfDownload {
	padding-top:10px;
}
/*********************************************/







.productReviews {
	margin-left:8px;
}
.productReviews td {
	padding:2px 3px 2px 2px;
	background:#f8f8f8;
}
.productReviews img {
	padding:2px 3px 2px 2px;
}
.productReview {
	width:615px;
	float:left
}
.productReviews .productReviewTop {
	background:transparent url(../images/my-clarion-review-top.png) bottom left no-repeat;
	width:615px;
	line-height:1px;
	font-size:1px;
	height:3px
}
.productReview .productReviewBottom {
	background:transparent url(../images/my-clarion-review-bottom.png) top left no-repeat;
	width:615px;
	line-height:1px;
	font-size:1px;
	height:3px
}
.productReview .productReviewMiddle {
	width:613px;
	height:90px;
	background:#FFF;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	color:#000;
}
.textReview {
	width:390px;
}
.downloadReview {
	width:120px;
}


/********************************/

/*****COTA*****/


.cotaPanelTop, .cotaPanelBottom {
	background:#FFF url(../images/cota/cotaTop.png) bottom left no-repeat;
	width:921px;
	height:7px;
	line-height:1px;
	font-size:1px;
	clear:both
}

.cotaPanelBottom {
	background:#FFF url(../images/cota/cotaBottom.png) top left no-repeat
}

.cotaPanelMiddle {
	background:#FFF url(../images/cota/cotaMiddle.png) top left repeat-y;
	width:921px;
}

.cotaHeader  {
	width:100%;
	clear:both
}

.cotaHeaderLeft {
	float:left;
	width:500px;
}

.cotaHeaderRight {
	float:left;
	width:420px;
	text-align:right
}

.cotaHeaderRight a {
	font-weight:bold;
	padding:27px 0px 0px 0px;
	font-size:12px;
	color:#c91c66;
	text-align:right;
	display:block
}

.textField {
	font-size:12px;
	line-height:1.4em;
	padding-top:10px;
}

.textField a {
	font-size:12px;
	font-weight:bold
	}

.cotaInner {
	padding:10px 30px
}

.questionHolder {
	width:800px;
	clear:both;
	padding-bottom:10px;
}

.radio {
	border:0px;
	width:30px;
	padding-top:3px;
	float:left;
}

.radio input {
	height:12px;
	width:12px
}

.qChoice
{
	border:0px;
	width:20px;
	float:left;
	color:#0083cb;
	font-size:14px;
	font-weight:bold;
	clear:left
}

.questionText {
	float:left;
	clear:right;
	padding-top:3px;
	width:600px
}

.questionHolder label {
	font-weight:bold;
	font-size:inherit
}

.lightboxTableHead {
	background:#999;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:2px 2px 2px 10px;
}

.lightboxTableProduct, .lightboxTableInfo {
	background:#EEE;
	color:#868585;
	font-weight:bold;
	padding:2px 2px 2px 10px;
	font-size:12px;
	border:1px solid #FFF;
}

.lightboxTableInfo {
	background:transparent;
	font-weight:300;
	border:1px solid #EEE;
}

#flashicons	{
	width:976px;
	height:443px;
	}

#myOnPageContent2, #myOnPageContent {
	position:absolute;
	z-index:100;
	}
	
#dsb {
	width:281px;
	height:229px;
}

#dsb a{
	color:#646267;
	display:block;
	background:#FFF url(../images/dream-system-builder.png) 14px 14px no-repeat;
	width:281px;
	height:229px;
}

#dsb a span {
	font-size:12px;
	padding:50px 0px 0px 33px;
	display:block;
}


#dsb a:hover{
	color:#0083cb;
}

#three-year-warantee {
	width:281px;
	height:147px
}

#three-year-warantee a {
	background:#FFF url(../images/3yr-warantee.png) 0px 0px no-repeat;
	width:260px;
	height:147px;
	color:#646267;
	display:block
}

#three-year-warantee a span{
	font-size:12px;
	padding:37px 0 0 15px;
	display:block
}

#three-year-warantee a:hover{
	color:#0083cb;
}

#portal {
	width:281px;
	height:132px
}

#portal a {
	background:transparent url(../images/consumer-portal.png) 14px 14px no-repeat;
	width:281px;
	height:132px;
	color:#646267;
	display:block
}

#portal a span{
	font-size:12px;
	padding:47px 0px 90px 33px;
	display:block
}

#portal a:hover{
	color:#0083cb;
}



#liveChat {
	width:281px;
	height:226px
}

#liveChat a {
	background:transparent url(../images/liveChatBox.gif) 14px 14px no-repeat;
	width:281px;
	height:226px;
	color:#2ca0e0;
	display:block
}

#liveChat a span{
	font-size:12px;
	padding:47px 0px 90px 33px;
	display:block;
	font-weight:bold
}

#liveChat a:hover{
	color:#646267;
}

.rightLinksTop {
	background:transparent url(../images/rightLinksTop.gif) no-repeat;
	width:296px;
	height:12px;
}

#customer-support {
	width:281px;
	height:394px;
	line-height:11px;
	display:none
}

#customer-support .inner {
	background:transparent url(../images/support-form-bg.gif) 14px 14px no-repeat;
	font-size:11px;
	padding:63px 0 120px 33px;
	display:block;
	line-height:11px;
}

#customer-support .inner span {
	color:#37b3e6;
	font-size:11px;
	display:block;
	padding:4px 22px 2px 10px
}

#customer-support .field {
	background:transparent url(../images/support-field-bg.gif) no-repeat;
	width:224px;
	height:41px;
}

#customer-support .textarea {
	background:transparent url(../images/support-textarea-bg.gif) no-repeat;
	width:224px;
	height:97px;
}

#customer-support .field .input, #customer-support .textarea .input {
	display:block;
	padding:11px 0px 0px 11px
}

#customer-support .field .input input, #customer-support .textarea .input textarea {
	border:0;
	overflow: scroll;
	overflow-y: auto;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
	width:190px;
}

#customer-support .textarea .input textarea {
	height:70px
}

#error {
	color:#CC0000;
	font-size:11px
}

/********IMAGE BANK POPUP********/

#image-bank-pop {
    width:624px;
	height:356px;
	position:absolute;
	z-index:500;
	behavior: url(iepngfix.htc)
}

#image-bank-agreement {
    width:624px;
	height:356px;
	position:relative; 
	left:120px; 
	top:256px;
	background:transparent url(../images/image-usage-bg.png) top center no-repeat;
	behavior: url(iepngfix.htc)
}

#image-bank-agreement .inner {
	padding:34px;
}

#ig-title {
	color:#eb7007;
	background:#e7e7e7;
	font-weight:bold;
	width:556px
}	

#ig-title span {
	padding:5px 10px;
	display:block;
}


/****** 2010 Changes *******/

.genericPanel2010 {
	height:400px
}

.genericPanelTop2010 {
	width:648px;
	background:transparent url(../images/header-648x33.png) bottom left no-repeat;
	height:33px;
	clear:both;
}

.genericPanelTop2010 IMG {
	padding:13px 0px 0px 15px;
	display:block
}

.genericPanelTop2010wide {
	width:920px;
	background:transparent url(../images/header-920x33.png) bottom left no-repeat;
	height:33px;
	clear:both;
}

.genericPanelTop2010wide IMG {
	padding:13px 0px 0px 15px;
	display:block
}

.genericPanelTop2010wide a {
	font-weight:bold;
	color:#0083cb;
}

.genericPanelTop2010wide a:hover {
	font-weight:bold;
	color:#606060;
}

.genericPanelMiddle2010 {
	width:648px;
	height:372px;
	background:#FFF url(../images/middle-648.png) top left no-repeat;
	clear:both;
	overflow-y:auto
}

#middle-2010 {
	padding:0px 4px;
	height:352px;
}

#frame-2010 {
	overflow:scroll;
	overflow-y:scroll;
	overflow-x:hidden;
	height:312px;
}

#frame-2010 .inner {
	padding:0px 10px 10px 23px;
}

#middleRight-2010 {
	padding-top:16px
}

#middleRight-2010 a {
	display:block
}

#middleRight-2010 a img {
	display:block;
	padding-top:10px;
}

.user-profile-small-white {
	border:1px solid #DFDFDF;
	background:#FFF;
	padding:8px;
	height:auto;
	clear:both;
	margin-top:8px
}

.user-profile-small-white img {
	clear:both;
	display:block
}

.user-profile-small-white p {
	padding:5px;
}

.user-profile-small-white a {
	text-decoration:none;
	padding:0px;
}



.user-profile-small {
	border:1px solid #DFDFDF;
	background:#F4F4F4;
	padding:8px;
	height:auto;
	clear:both;
	/*margin-top:8px*/
}

.user-profile-small .image {
	width:92px;
	height:115px;
	float:left
}

.imageFlickr {
	width:78px;
	height:62px;
	float:left
}

.user-profile-small .info {
	width:140px;
	float:left
}

.user-profile-small .info h1 {
	color:#d80f0f;
	line-height:1em;
	padding:10px 0px;
	font-size:18px;
	font-weight:bold;
	display:block
}

.user-profile-small .info p {
	padding:0px 0px 10px 0px;
	margin:0px;
	font-size:11px;
	line-height:1.2em;
	color:#9a9a9a;
	display:block
}

.user-profile-small .info a {
	background:transparent url(../images/buttons/edit-profile.gif) top left no-repeat;
	text-align:right;
	overflow:hidden;
	text-indent:9999px;
	display:block;
	height:16px;
	width:84px
}

.user-profile-small .info a:hover {
	background:transparent url(../images/buttons/edit-profile.gif) 0px -16px no-repeat;
}


.home-news-title {
	width:288px;
	float:left;
	height:50px;
}

.home-news-title h1 {
	font-size:12px;
	font-weight:bold;
	padding:2px 0px 0px 0px;
	color:#000;
	margin:0px
}

.home-news-title h2 {
	font-size:11px;
	color:#0083cb;
	padding:1px 0px 0px 0px;
	margin:0px
}

.home-news-post {
	padding:20px 0px 20px 0px;
	background:transparent url(../images/news/post-news-bg.png) bottom left repeat-x;
	clear:both
}

.home-news-post img {
	display:block
}

.home-news-post p {
	color:#9a9a9a;
	line-height:1.2em;
	display:block;
	padding:20px 0px 10px 0px;
}


/****TWITTER****/

#twitter_div, #youtube_div {
	width:100%;
	padding-top:20px;
}

#twitter_update_list {
	padding-right:20px
}

#twitter_update_list li {
	padding:10px 0px 10px 55px;
	background:transparent url(../images/smallHMI.png) 5px 12px no-repeat;
	border-bottom:1px solid #ccc;
	font-size:inherit;
	color:#000
}

#twitter_update_list li span {
	line-height:1.2em;
	font-size:inherit;
	color:#000
}

#twitter_div a {
	font-size:inherit;
	color:#777
}

#twitter_div a:hover {
	color:#000
}

#twitter_update_list li a {
	font-size:inherit;
	color:#777
}

#twitter_update_list li a:hover {
	color:#000
}

#twitter_update_list li span a {
	font-size:inherit;
	color:#777
}

#twitter_update_list li span a:hover {
	color:#000
}

#dealer-poll {
	color:#777
}


/****CHAT STYLES*******/

.chat-close {
	height:20px;
	width:582px;
	background:#f1f1f2;
	text-align:right;
	margin:20px auto 0px;
}

.chat-close a {
	height:20px;
	width:100px;
	text-align:right;
}

#chat-interface {
	width:582px;
	height:433px;
	background:#d9dadd url(../images/chat/bg.png) top left repeat-x;
	margin:0 auto
}

#chat-interface .chatInner {
	padding:8px 0px 8px 8px;
}

#chat-panel {
	width:389px;
	height:417px;
	float:left
}

#chat-panel .head {
	width:389px;
	height:37px;
	background:#d9dadd url(../images/chat/live-support-header.png) top left no-repeat	
}

#chat-panel .head .emailPrintlinks {
	padding:11px 0px 0px 310px;
}

#chat-panel .head .emailPrintLinks a {
	color:#000;
	display:block
}

#chat-panel .head .emailPrintLinks a:hover {
	color:#333
}

#chat-panel .base {
	width:389px;
	height:2px;
	line-height:1px;
	font-size:1px;
	background:#d9dadd url(../images/chat/chat-base.png) top left no-repeat	
}

#chat-panel .chatMiddle {
	border-right:1px solid #727272;
	border-left:1px solid #727272;
	background:#FFF;
	height:378px
}

#chat-panel .chatMiddleInner {
	padding:10px 5px 0px 7px
}

#chat-panel .chatMiddleInner span {
	height:20px;
	background:#FFF url(../images/chat/active-chat.png) 5px 0px no-repeat;
	width:373px;
	border-bottom:1px solid #a9a9a9;
	display:block
}

#chat-panel .head span {
	display:block;	
}

#chat-content {
	border-right:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	overflow:auto;
	height:125px;
	overflow-x:hidden;
	overflow-y:scroll
}


#chat-panel .type-message {
	height:30px;
	margin-bottom:1px;
	background:#FFF url(../images/chat/type-message.png) 5px 10px no-repeat;
	width:373px;
	border-bottom:1px solid #d7d9d9;
	display:block
}

.chat-panel-message {
	padding:10px;
	background:#f2f2f2;
	display:block;
	overflow-x:hidden;
	overflow-y:hidden;
	overflow:hidden;
	
}

.chat-panel-message .message {
	height:24px;
	margin-bottom:1px;
	background:transparent url(../images/chat/message.png) 4px 7px no-repeat;
	width:200px;
}

.chat-panel-message .talking-with {
	width:290px;
	float:left
}

.chat-panel-message .talking-with p {
	padding:10px 4px;
	color:#1191e2;
	font-size:11px
}

.chat-panel-message .talking-with strong {
	font-style:italic;
	font-size:11px
}

.chat-panel-message #send {
	width:53px;
	height:20px;
	margin-top:8px;
	float:left
}

.chat-panel-message #endchat {
	width:63px;
	height:20px;
	margin-top:8px;
	float:left
}

.chat-name-live {
	width:99%;
	background:#eef3f6;
	margin-top:5px;
	clear:both
}

.chat-name-live .name {
	width:60%;
	float:left;
	background:#eef3f6;
}

.chat-name-live .date {
	width:40%;
	float:left;
	background:#eef3f6;
}

.chat-name-live .name p, .chat-name-live .date p  {
	padding:2px 6px;
	display:block;
	font-size:11px;
	color:#333
}

.chat-name-live .date p  {
	text-align:right;
}

.chat-text-live {
	width:99%;
}

.chat-text-live p {
	padding:2px 6px;
	display:block;
	font-size:11px;
}

/*
.chat-panel-message #send input {
	width:53px;
	height:20px;
	background:transparent url(../images/chat/send.gif) 0px 0px no-repeat;
	display:block;
}

.chat-panel-message #send input:hover {
	background:transparent url(../images/chat/send.gif) 0px -20px no-repeat;
}
*/

#chat-message-area {
	height:38px;	
	width:333px;
	overflow:hidden;
	overflow-y:hidden;
	background:#FFF;
	border:1px solid #CCC
}

#chat-message-area textarea {
	border:0px;
	color:#3a4043;
	width:100%;
	height:36px;
	font-size:11px;
	overflow-x:hidden;
	overflow-y:auto;
	overflow:hidden;
	text-align:left;
	display:block
}


#chat-content span {
	padding:10px 4px;
	display:block
}

#chat-content p {
	display:block;
	padding:5px 15px 5px 5px
}

#chat-content p.dealer label {
	padding:3px 5px 5px 25px;
	display:block;
	background:#FFF url(../images/chat/user-chat-icon.png) 5px 5px no-repeat;
	border-bottom:1px solid #f4f4f4;
	color:#3a4043;
	font-size:11px
}

#chat-content p.staff label {
	padding:5px 5px 5px 25px;
	display:block;
	background:#fafafa url(../images/chat/support-chat-icon.png) 5px 5px no-repeat;
	border-bottom:1px solid #f4f4f4;
	color:#1191e2;
	font-size:11px
}

#chat-content p.staff label em, #chat-content p.dealer label em {
	font-style:italic;
	color:#3a4043;
	font-size:11px
}

#chat-content p.staff label em {
	color:#1191e2;
}

#chat-interface .gap {
	width:12px;
	height:400px;
	float:left
}
/*********USER PANEL*************/

#users-panel {
	width:165px;
	height:417px;
	float:left
}

#users-panel .head {
	width:165px;
	height:37px;
	background:transparent url(../images/chat/users-online-header.png) top left no-repeat	
}

#users-panel .base {
	width:165px;
	height:2px;
	line-height:1px;
	font-size:1px;
	background:#d9dadd url(../images/chat/users-base.png) top left no-repeat	
}

#users-panel .usersMiddle {
	border-right:1px solid #727272;
	border-left:1px solid #727272;
	height:378px;
	background:#FFF;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:scroll
}

#users-panel .usersMiddleInner {
	padding:7px 5px 0px 7px
}

#users-panel .usersMiddleInner .supportStaffTitle {
	height:26px;
	background:#FFF url(../images/chat/clarion-support-header.png) 0px 0px no-repeat;
	width:135px;
	display:block
}

#users-panel .supportMember {
	width:135px;
	height:30px;
	border-bottom:1px solid #FFF
}

#users-panel .supportMember a font  {
	padding:9px;
	font-size:11px;
	color:#1191e2;
	display:block
}

#users-panel .supportMember a  {
	width:135px;
	height:29px;
	background:#f3f6f7 url(../images/chat/speech-icon.gif) 112px 9px no-repeat;
	display:block

}

#users-panel .supportMember a:hover  {
	background:#FFF url(../images/chat/speech-icon.gif) 112px 9px no-repeat;
}

#users-panel .supportMember a:hover font  {
	color:#3a4043
}

#users-panel .usersMiddleInner .dealersTitle {
	height:45px;
	background:#FFF url(../images/chat/dealers-header.png) 0px 19px no-repeat;
	width:135px;
	display:block
}


#users-panel .dealer {
	width:135px;
	height:20px;
}

#users-panel .dealer a font  {
	padding:3px 10px;
	font-size:11px;
	color:#565b5e;
	display:block;
	overflow:hidden;
	line-height:1.4em
}

#users-panel .dealer a  {
	width:135px;
	height:20px;
	background:#f2f2f2;
	display:block;
	overflow:hidden
}

#users-panel .dealer a:hover  {
	background:#FFF;
}

#users-panel .dealer a:hover font  {
	color:#000;
}

.comments {
	width:100%;
	height:30px
}

.comments .add-comment {
	width:150px;
	height:20px;
	float:left
}

.comments .add-comment a {
	display:block;
	background:url(../images/add-comment.gif) 3px 3px no-repeat;
	padding:2px 0px 0px 30px;
	font-weight:bold;
	color:#868585
}

.comments .add-comment a:hover {
	color:#0083cb;
}

.comments .view-comments, .comments .share  {
	width:90px;
	height:30px;
	float:left
}

.comments .view-comments a, .comments .share a {
	display:block;
	/*background:url(../images/view-comments.gif) 3px 6px no-repeat;
	padding:5px 0px 0px 30px;*/
	padding:5px 0px 0px 0px;
	font-weight:normal;
	font-size:11px;
	color:#0083cb
}

.comments span {
	display:block;
	width:23px;
	background:url(../images/number-comments.gif) 0px 3px no-repeat;
	height:25px;
	float:left
}

.comments span p {
	display:block;
	padding:5px 0px 0px 0px;
	text-align:center;
	font-size:10px;
	margin:0;
	color:#FFF
}

.comments .view-comments a:hover, .comments .share a:hover {
	color:#868585;
}

.comments-added {
	width:100%;
	background:#F9F9F9;
	display:none
}

.comments-added input {
	width:105px;
	height:20px;
	margin:10px 0px 10px 10px;
	border:none
}

.comments-added textarea {
	width:90%;
	height:50px;
	border:1px solid #DDD;
	margin:10px 0px 0px 10px;
}

.comments-added .comment {
	padding:10px;
	border-top:1px solid #DDD;
	font-size:11px
}

.comments-added .comment h1 {
	font-size:11px;
	font-weight:bold;
	color:#0083cb;
	padding-bottom:0px
}


.registerForEvent {
	width:100%;
	clear:both
}

.registerForEvent P {
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #DDD;
	margin-bottom:5px
}

#theVideoSmall {
	width:244px;
	height:144px
}

.youtube_video_holder {
	width:389px;
}

.youtube_video_holder .middle {
	width:385px;
	background:#FFF;
	border:1px solid #c7c7c7;
}

.youtube_video_holder .middle .inner {
	padding:10px
}

.youtube_video_holder .youtubetitle {
	padding:0px 0px 10px 0px;
	font-size:12px
}

#theCOTAFlash {
	width:921px; 
	height:500px;
	position:relative;
	z-index: 0;
}

.twitter-thumb {
	width:42px;
	height:42px;
	float:left
}

.chat-req-rel {
	position:relative	
}

#chat-req {
	background:transparent url(../images/chat-notification.png) 0px 0px no-repeat;
	width:258px;
	height:23px;
	position:absolute;
	z-index:100;
	left:696px;
	top:206px
}

#chat-req p {
	padding:4px 0px 0px 34px;
	font-size:11px;
}

#chat-req p a {
	font-size:11px;
}

#chat-req p a:hover {
	color:#0083cb;
}

.loginWelcome {
	height:190px;
}

.loginWelcome p {
	padding-right:110px;
	padding-bottom:76px;
}

.loginWelcome p a  {
	color:#0083cb;
	font-weight:bold
}

.loginWelcome p a:hover  {
	color:#66c3f2;
}


.loginWelcome2 {

}

.loginWelcome2 p {
	padding-right:50px;
	padding-left:50px;
}

.loginWelcome2 p a  {
	color:#0083cb;
	font-weight:bold
}

.loginWelcome2 p a:hover  {
	color:#66c3f2;
}

.pr-pagination {
	float:right;text-align:right; width:300px; padding:15px 15px 10px 0px
}

.pr-pagination a, .pr-pagination strong {
	padding:4px 6px;
	margin-right:2px;
	border:1px solid #dfdfdf;
	background:#f4f4f4
}

.pr-pagination a:hover, .pr-pagination strong {
	background:#FFF;
}
.pr-pagination strong {
	border:0;
}

/**** ERROR/THAKS*****/

#errorBar {
	background:#ffd1d1 url(../images/error-cross.png) 21px 12px no-repeat;
	border-top:1px solid #ffadad;
	border-bottom:1px solid #ffadad;
	width:90%;
	clear:both;
	margin:0px auto
}

#errorBar span {
	color:#333;
	padding:10px 20px 10px 50px;
	display:block;
	font-size:13px;
	font-weight:bold
}

#errorBar-level2 {
	background:#fde7e7;
	border-bottom:1px solid #fbd5d6;
	width:90%;
	margin:0px auto;
}

#errorBar-level2 span {
	color:#dc3b26;
	padding:10px 20px 10px 50px;
	font-size:11px;
	display:block
}

#thanksBar {
	background:#e1ffd1 url(../images/thanks-tick.png) 21px 12px no-repeat;
	border-top:1px solid #b0e395;
	border-bottom:1px solid #b0e395;
	width:90%;
	margin:0px auto
}

#thanksBar span {
	color:#333;
	padding:10px 20px 10px 50px;
	display:block;
	font-size:13px;
	font-weight:bold
}

#thanksBar-level2 {
	background:#f0ffe8;
	border-bottom:1px solid #d7f1ca;
	width:90%;
	margin:0px auto;

}

#thanksBar-level2 span {
	color:#40a61b;
	padding:10px 20px 10px 50px;
	display:block;
	font-size:11px
}