/* CSS Document */
 
body {
 	margin: 0;
	padding: 0;
	color: #fff;
	background: #3198F2 url(/img/shared/bg_main.gif) repeat-x top left;
	min-width: 1100px;
}

img { border: none; }
form { margin: 0; }

body, td, th, p {
	font-family:  Arial, Verdana;
	font-size: 15px;
	line-height:15px;
	color: #FFFFFF;
}

textarea, div.textarea {
	float: left;
	width: 580px;
	clear: both;	
}
dt {
	font-weight: bold;
	font-size: 1.1em;
}
dd {
	text-indent: 0;
	padding: 0;
	margin: 0 0 1em 0;
}

textarea.contacttext{
	float: left;
	width: 168px;
	clear: both;	
}
#campaigns1 textarea {
	width: 300px;
}
#campaigns2 textarea {
	width: 160px;
}

strong {
	text-align: left; 
}

select {
	float: left;
	clear: both;
	width: 180px;
	color: #000000;
}

td {
 	color: #4B555F;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

.error-message{
	color:#D40D15;
	margin:0 0 1em;
	text-align: left;
}


#container, #footer-container, #footer-container-internal {
	width: 1030px;
	margin: 0 auto;
	text-align: left;
}

#footer-container-internal {
	width: 962px;
}

#nav {
	margin: 12px 0 0 15px;
}

#nav a {
	float: left;
	font-size: 18px;
	height: 32px;
	padding: 14px 15px 0 15px;
	margin-right: 4px;
	color: #3A5FAD;
	text-decoration: none;
	border: 2px solid transparent;
	border-bottom: 0px;
}

#nav a:hover, #nav a.selected {
    border: 2px solid #1D559D;
	border-bottom: 0px;
	color: #fff;
	background: #2267C1;
}
a.actions {
	font-size: 0.75em;
	line-height: 1.6;
	display: block;
	font-weight: bold;
}

#main {
	position: relative;
	padding: 0 0 20px 0;
	min-height:487px;
}

#main-internal {
	position: relative;
	padding: 0 0 20px 0;
	width: 962px;
}

#logo {
	float: left;
	width: 340px;
	margin: 37px 0 0 0;
}

#footer {
	text-align: center;
	width:100%;
	height: 226px;
	background: url(/img/shared/bg_footer.jpg) repeat-x top left;
}

#footer .text-nav, #footer .text-nav a {
	color: #ADD6FA;
}

#footer .bar-nav {
	padding: 25px 0 0 0;
	height: 117px;
	width:1100px;
	margin-left:auto;
	margin-right:auto;	
}

#footer .text-nav {
	
}


/* Home page */

#login {

	width: 400px;
	height: 95px;
	float:right;
	color: #FFCC00;	
	margin-top: -147px;
}

#login  a {
	color: #ADD5F9;
}


#cloud-layer-home {
	float:right;
	height: 134px;
	margin-top: 53px;
	z-index: -1;
	background: url(/img/home/cloud_layer_home.gif) no-repeat top left;
}

#home-summary {

}

#home-summary-detail p.img {
	float: left;
	width: 310px;
	height: 320px;
}



#home-summary-item-1 {
	height: 320px;
	background: url(/img/home/homepage.jpg) no-repeat top left;
}

#home-summary-item-2 {
	height: 320px;
	background: url(/img/home/whatIsWOM.jpg) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}

#home-summary-item-3 {
	height: 320px;
	background: url(/img/home/RuAnInfluencer.jpg) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}

#home-summary-item-5 {
	height: 320px;
	background: url(/img/home/contact.jpg) no-repeat top left;
}

#home-summary-options {
	float: left;
	width: 312px;
	padding: 0 0 0 39px;
	x-text-align: justify; 
	text-justify: distribute;	
}

#home-summary-options a {
	display: block;
	margin-bottom: 3px;
	height: 25px;
	width: 230px;
	padding: 6px 0 0 12px;
	font-size: 18px;
	color: #FFCE00;
	text-decoration: none;
}

#home-summary-options a:hover,
#home-summary-options a.selected {
	color: #fff;
	background: url(/img/home/subnav_over.gif) no-repeat top left;
}

#home-summary-detail {
	float: left;
	width: 585px;
}

#home-summary-detail p {
	line-height: 1.3;
	margin: 0 0 0.8em 0;
	padding: 0;
	x-text-align: justify;
}
#home-summary-detail p.highlight {
	font-weight: bold;
	color: #f1ca01;
	font-size: 16px;
	margin-top:-10px;
}
#home-summary-detail h4 {
	margin-bottom: 0.8em;
}

#home-summary-item-2,
#home-summary-item-3,
#home-summary-item-4 {
	display: none;
	x-text-align: justify; 
	text-justify: distribute;
}



#aboutus-summary-item-1 {
	x-text-align: justify; 
	text-justify: distribute;	
}

#aboutus-summary-item-2 {
	x-text-align: justify; 
	text-justify: distribute;	
}

#aboutus-summary-item-3 {
	x-text-align: justify; 
	text-justify: distribute;	
}

#aboutus-summary-item-4 {
	background: url(/img/home/contact.jpg) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}
#aboutus-summary-item-5 {
	background: url(/img/home/contact.jpg) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}


#wom-summary-item-1 {
	x-text-align: justify; 
	text-justify: distribute;	
}

#wom-summary-item-2 {
	x-text-align: justify; 
	text-justify: distribute;	
}

#wom-summary-item-3 {
	background: url(/img/home/HYH_WIAI.jpg) no-repeat bottom center;
	height:262px;
	x-text-align: justify; 
	text-justify: distribute;	
}

#wom-summary-item-4 {
	x-text-align: justify; 
	text-justify: distribute;	
}
#wom-summary-item-5 {
	x-text-align: justify; 
	text-justify: distribute;	
}
#wom-summary-item-6 {
	x-text-align: justify; 
	text-justify: distribute;	
}
#wom-summary-item-7 {
	x-text-align: justify; 
	text-justify: distribute;	
}
#wom-summary-item-8 {
	x-text-align: justify; 
	text-justify: distribute;	
}


#influence-summary-item-1 {
	x-text-align: justify; 
	text-justify: distribute;	
}

#influence-summary-item-2 {
	x-text-align: justify; 
	text-justify: distribute;	
}

#influence-summary-item-3 {
	x-text-align: justify; 
	text-justify: distribute;	
	background: url(/img/home/HYH_BAI.jpg) no-repeat 100% 180px;		
}

#influence-summary-item-4 {
	x-text-align: justify; 
	text-justify: distribute;	
}
#influence-summary-item-5 {
	x-text-align: justify; 
	text-justify: distribute;	
}

#howitworks-summary-item-1 {
	height: 290px;
	background: url(/img/home/createProfile.gif) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}

#howitworks-summary-item-2 {
	height: 290px;
	background: url(/img/home/match2Product.gif) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}

#howitworks-summary-item-3 {
	height: 290px;
	background: url(/img/home/receiveProduct.gif) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}

#howitworks-summary-item-4 {
	height: 290px;
	background: url(/img/home/beHonest2.gif) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}
#howitworks-summary-item-5 {
	height: 290px;
	background: url(/img/home/discountVouchers.gif) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}

#howitworks-summary-item-6 {
	height: 290px;
	background: url(/img/home/onlineInteraction.gif) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}

#howitworks-summary-item-7 {
	height: 290px;
	background: url(/img/home/quickFeedback.gif) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}

#howitworks-summary-options {
	float:right;
}

#howitworks-summary-options a {
	color:white;
	text-decoration:none;
}

#hyhway-summary-item-1 {
	background: url(/img/home/HYHway.jpg) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;
}

#hyhway-summary-item-2 {
	background: url(/img/home/connectAndEngage.gif) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}

#hyhway-summary-item-3 {
	background: url(/img/home/empowerAndUnleash.gif) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}

#hyhway-summary-item-4 {
	background: url(/img/home/solidifyAndAnalyze.gif) no-repeat top left;
	x-text-align: justify; 
	text-justify: distribute;	
}

#contact-summary-item-1 {
	background: url(/img/home/contact.jpg) no-repeat top left;
}

#contact-summary-item-2 {
	background: url(/img/home/contact.jpg) no-repeat top left;
}

#contact-summary-item-3 {
	background: url(/img/home/contact.jpg) no-repeat top left;
}
/* Internal */



.left-nav {
	float: left;
	width: 280px;
	margin: 40px 0 0 35px;
}

.left-nav a {
	display: block;
	margin-bottom: 3px;
	height: 25px;
	width: 170px;
	padding: 3px 0 0 12px;
	font-size: 18px;
	color: #FFCE00;
	text-decoration: none;
}

.left-nav a:hover,
.left-nav a.selected {
	color: #fff;
	background: url(/img/myprofile/subnav_over.gif) no-repeat top left;
}

.content {
	float: right;
	width: 620px;
}


/* Shared */

.cloud-14 {
	font-size: 14px;
}

.cloud-17 {
	font-size: 17px;
}

.box {
	background: #3198F2;
	margin-bottom: 13px;
}

.box1 {
	background: #3198F2;
	margin-bottom: 13px;
	width:302px;
	float:left;
}



.box-left {
	width: 17px;
	font-size: 1px;
	background: url(/img/box/left_edge.gif) repeat-y top left;
}

.box-right {
	width: 17px;
	font-size: 1px;
	background: url(/img/box/right_edge.gif) repeat-y top left;
}

.box-top {
	height: 17px;
	font-size: 1px;
	background: url(/img/box/top_edge.gif) repeat-x top left;
}

.box-bottom {
	height: 17px;
	font-size: 1px;
	background: url(/img/box/bottom_edge.gif) repeat-x top left;
}

.box-thumb {
	float: left;
	border: 1px solid #fff;
	margin: 0 16px 0 0;
}

.box td label {
	color: #F1CA10;
	font-weight: bold;
	width: 60px;
	float: left;
}

.core-label{
	font-size: 11px;
	float: left;
	font-weight: bold;
	color: #F1CA10;
	width: 60px;
	margin-bottom: 8px;
}

.core-data{
	font-size: 11px;
	float: left;
	color: #FFFFFF;
	width: 60px;
	margin-bottom: 8px;
}

.default-text{
	font-size: 11px;
	float: left;
	color: #FFFFFF;
	margin-bottom: 8px;
}

h2, .element-heading{
	font-family: "Trebuchet MS";
	color: #F1CA10;
	font-size: 18px;
	margin: 0 0 11px 0;
	font-weight: normal;
}

.box-content {
	float: left;
	width: 420px;
}

.box-content-narrow {
	float: left;
	width: 135px;
}

.box-content-narrow p {
	margin: 0;
	padding: 0 0 8px 0;
}

.box-buttons {
	margin-top: 8px;
	width: 417px;
}

.box-buttons a {
	float: left;
	margin-right: 3px;
}

.box-buttons div.status {
	float: right;
	width: 80px;
}

.campaign-buttons {
	background-image: url(blue-button.jpg);
	width: 60px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
	height: 18px;
	text-align: center;
	padding-top: 2px;
	float: left;
	margin-left: 3px;
	padding-left: 5px;
}

.campaign-buttons a {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
a.skiplink {
	color: #fff;
	font-weight: bold;
	font-size: 0.8em;
}

.data-blue-white {
	background: #fff;
}

.data-blue-white th {
	color: #fff;
	text-align: left;
	padding: 8px 8px 8px 9px;
	background: #2267C1;
}

.data-blue-white td {
	color: #40464C;
	padding: 5px 5px 5px 9px;
}

.data-blue-white td a {
	color: #40464C;
}

tr.row-blue {
	background: #D6EAFC;
}

.progress-bar {
	float: right;
	margin: 15px 0 0 0;
	width: 311px;
	height: 25px;
	text-align: left;
	background: #fff;
}

.progress-bar div {
	height: 25px;
}

.progress-bar-message {
	margin: 0;
	color: #000;
	margin: -20px 5px -1px 0;
	text-align: right;
}

.clouds-top-center {
	position: absolute;
	top: 50px;
	left: 343px;
}

.clouds-single {
	position: absolute;
	top: 155px;
	left: 231px;
	z-index:-1;
}

.clouds-double-1 {
	position: absolute;
	top: 388px;
	left: 89px;
	z-index: -1;
}

.clouds-double-2 {
	position: absolute;
	top: 667px;
	left: 88px;
	z-index: -1;	
}

.usersform {
	width: 300px;	
}
/* Typography */
#home1{
	font-size: 19px;
	color: #1D559D;
	width: 100%;
	float: left;
	margin-left: 50%;
	margin-top: 0px;
	line-height:20px;	
}
#home2{
	font-size: 15px;
	color: #FFFFFF;
	width: 100%;
	float: left;
	margin-left: 50%;
	margin-top: 5px;
	line-height:20px;	
}
h3 {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 17px;
	color: #FFFFFF;
	margin-bottom: 6px;
}

h4 {
	margin: 0;
	padding: 0 0 6px 0;
	font-size: 19px;
	color: #1D559D;
	text-align: left;	
}


/* Form related */


input.input-text {
	border: none;
	color: #000;
	width: 167px;
	margin-top: 4px;
	padding: 5px 3px 4px 5px;
	background: url(/img/shared/bg_text_input.gif) no-repeat top left;
}

.usersform input {
	border: none;
	color: #000;
	width: 187px;
	margin-top: 4px;
	padding: 5px 3px 4px 5px;
	background: url(/img/shared/bg_text_input.gif) no-repeat top left;
}
.autocomplete {
	width: 20em;
}

/* My Profile Page */

#profile-nav {
	margin: 77px 20px 0 0;
	width: 480px;
	float: right;
	text-align: right;
}
#profile-nav2 {
	margin: 77px 20px 0 0;
	width: 480px;
	float: right;
	text-align: right;
}
#profile-nav .main-nav a {
	float: right;
	color: #F1CA10;
	font-size: 18px;
	height: 25px;
	margin-left: 3px;
	text-align: center;
	padding: 3px 0 0 0;
	font-weight: bold;
	text-decoration: none;
}

#profile-nav .main-nav a.myprofile,
#profile-nav .main-nav a.myprofile-selected {
	width: 114px;
}

#profile-nav .main-nav a.mycampaigns,
#profile-nav .main-nav a.mycampaigns-selected {
	width: 156px;
}

#profile-nav .main-nav a.mymessages,
#profile-nav .main-nav a.mymessages-selected {
	width: 146px;
}

#profile-nav .main-nav a.myprofile:hover,
#profile-nav .main-nav a.myprofile-selected {
	color: #fff;
	background: url(/img/myprofile/profile_nav_my_profile.gif) no-repeat top left;
}

#profile-nav .main-nav a.mycampaigns:hover,
#profile-nav .main-nav a.mycampaigns-selected {
	color: #fff;
	background: url(/img/myprofile/profile_nav_my_campaigns.gif) no-repeat top left;
}

#profile-nav .main-nav a.mymessages:hover,
#profile-nav .main-nav a.mymessages-selected {
	color: #fff;
	background: url(/img/myprofile/profile_nav_my_messages.gif) no-repeat top left;
}

#profile-nav .sub-nav {
	color: #D4E7F9;
	margin: 5px 0 0 0;
}

#profile-nav .sub-nav a {
	color: #D4E7F9;
}



/* Tables */
table {
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	color:#fff;
	background: #2267C2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	color:#fff;
	display: block;
	padding: 0px 0px;
	text-decoration: none;
}
th a:hover {
	background: #2267C2;
	color: #ffffff;
	text-decoration: none;
}
table tr {
	color: #4B555F;
	padding: 0px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #D5EAFB;
}
table tr.row td {
	background: #fff;
}
td a {
	color: #fff;
}
td.actions {
	color: #4B555F;
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	color: #4B555F;
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */
div.paging {
	font-size: 11px;
	color: #FFFFFF;
	margin-bottom: 9px;
	width: 245px;
	float: left;
	vertical-align: bottom;
}
div.paging div.disabled {
	height: 17px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #65D2FD;
	margin-right: 3px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
div.paging span {
	height: 17px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #65D2FD;
	margin-right: 3px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
div.paging span.current {
	height: 17px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	margin-right: 3px;
	float: left;
	background-color: #FDCF00;
	border: 1px solid #FDCF00;
	padding-right: 5px;
	padding-left: 5px;
}
div.paging span a {
	color: #FFFFFF;
	text-decoration: none;
}


/* Navigation
---------------------------------------------------------- */
#navigation { /* navigation container - 40px height split */
	width: 100%;
	height: 20px;
	background: #3199F2;
	border-top: 1px solid #72bbbb; /* To align the menu type */
	 z-index:10;
}
#menu, #menu ul {
 padding: 0;
 margin: 0;
 list-style: none;
 text-align: left;
 z-index: 9999; 
 float:right;

}

#menu .selected { /* Use to highlight .current menu link - NB - apply as follows <a href="[Link destination]" class="selected">[Menu item]</a>.*/
	font-weight: bold;
}
#menu a {
	display: block;
	width: auto;
	color: #fff;
	padding-top:3px;
	text-decoration: none;
}
#menu a:hover {
	text-decoration: underline;
}
#menu li { /* menu list items */
	float: left;
	font-size: 90%;
	width: 60px;
	padding: 0 0 0 0;
}


#menu li.selected {
	font-weight: bold;
}
#menu li ul { /* the dropdown lists */
	width: 90px;
	margin: 0 0 0 -16px;
	khtml-margin: 0;
	position: absolute;	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-top: 1px solid #72bbbb;
	border-right: 1px solid #72bbbb;
	border-bottom: 1px solid #72bbbb;
	border-left: 1px solid #72bbbb;	
	background: #fff;
	/* opacity info - to change - adjust amount 90 and 0.9 below */
	filter: alpha(opacity=90); /* for IE */
	-moz-opacity: 0.9; /* for mozilla */
	opacity: 0.9; /* for safari */
	khtml-opacity: 0.9; /* for konquerer and older safari */
}
#menu li ul a {
	margin: 0;
	padding: 3px 16px;
	color: #616d6d;
	text-decoration: none;
}
#menu li ul a:hover {
	margin: 0;
	padding: 3px 16px;
	color: #fff;
	background: #8ec9c9;
	text-decoration: underline;
}
#menu li:hover ul, #menu li.sfhover ul { /* Lists nested under hovered menu items. li.sfhover class is to activate Suckerfish js. */
	left: auto;
}
#menu .nav-spacer {
	width: 16px;
  	font: bold 9pt/16px Georgia, "Times New Roman", Times, serif, sans-serif;
	color: #fff;
	text-align: center;
}
#menu .nav-bullets {
	width: 32px;
  	font: bold 9pt/16px Georgia, "Times New Roman", Times, serif, sans-serif;
	color: #fff;
	text-align: center;
}
	

#tagcloud{
	border:1px solid #aaa;
	width:300px;
	height:auto;
}
input.button	 { 
	padding:3px 6px;
	border:2px solid #fff; margin:20px 0px 0px 0px; color:#3D7169; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#CCC; -moz-border-radius:5px; 
}

input.button:hover { 
	background:#009FAA none repeat scroll 0% 0%; color:white; 
}

input.submit	{ 
	padding:3px 6px;
	border:2px solid #fff; margin:20px 0px 0px 0px; color:#3D7169; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#CCC; -moz-border-radius:5px; 
	clear: both;
}
.checkbox	{ 
	 float:left;
	 clear:both;
}
submit	{ 
	padding:3px 6px;
	border:2px solid #fff; margin:20px 0px 0px 0px; color:#3D7169; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#CCC; -moz-border-radius:5px; 
}
.submit	{ 
	 clear:both;
}
submit:hover { 
	background:#009FAA none repeat scroll 0% 0%; color:white; 
}

fieldset {
	font-size:90%;
	width:370px;
	margin:10px 0px 20px 0px; position:relative;
	border:0;display:block; padding: 0px 10px 8px;
	background:transparent;  -moz-border-radius:5px; 
	border:2px solid #91C8FB;  
}
fieldset legend	{ 
	color:#3D7169;
	font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px;
	margin:0px 0px 10px 0px; position:relative; top: -12px; 
	background: transparent; 	
}
fieldset legend a	{
	color:#3D7169;
	text-decoration: none;
	padding:2px 4px;
	margin:0px 0px 10px 0px; 
	position:relative; 
	border:2px solid #91C8FB;  
	font-size:70%;  
	background:#fff; -moz-border-radius:5px; 
}
fieldset.questions {
	width: 100%;
}
fieldset.questions fieldset {
	width: 93%;
}

label {
	color:#FFFFDD;
	float:left;
	font-size:100%;
	font-weight:bold;
	margin:1em 0.2em 0 0;
	min-width:120px;
	width:100%;
}

label.error  { 
	font-weight:normal;color:red;text-align:left;width:140px; padding-left:25px;
	background: transparent url(/img/cancel.gif) no-repeat scroll left; 
}
input.text-input { 
	margin:4px;padding:2px 0;color:#333; 
}

.text{
width: 177px;
float: left;
clear: both;
}
.wide.text {
	width: 300px;
}
div.auto_complete    {
     position         :absolute;
     width            :250px;
     background-color :white;
     border           :1px solid #888;
     margin           :0px;
     padding          :0px;
} 
li.selected    { background-color: #ffb; }

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	font-weight:bold;	
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

ol {
font-size:15px;	font-weight:bold;
color:#FFCC00;
list-style-position:outside;
background-image: url('/img/bullet_bg.png') no-repeat;
}
.articles ol {
font-size:15px;	font-weight:normal;
color:#ffffff;
}
ol li {
margin-left:0 ; 
padding-left: 0;
text-indent:-1px;
margin-bottom: 30px;
}
.articles li {
margin-left:0 ; 
padding-left: 0;
text-indent:-1px;
margin-bottom: 0;
line-height: 1.3;
}
ol p {
font-size:15px;font-weight:normal;
color:#FFFFFF;
padding-left: 5px;
line-height: 110%

}
ol li p {
font-size:15px;font-weight:normal;
padding-left:10px;

}
ol ol {
font-size:15px;font-weight:normal;
color:#FFFFFF;
margin-left: -20px;
}
ol ol li {
background-image:none;
list-style-image: none;
margin-bottom: 0px;
}

/*  Ibox  */

#ibox_content {
		margin:27px 5px 5px;
		padding:2px;
		z-index:1000002;
		color:#000;
	}
	#ibox_wrapper {
    line-height:25px;
    border-color:#fff;
	}
	#ibox_wrapper, #ibox_footer_wrapper a { background-color:#fff;height:101px; }
	#ibox_content { background-color:#fff; border:0; margin: 10px 10px 40px 10px; }
	#ibox_footer_wrapper {
		line-height: 25px;
		bottom: 5px;
		top: auto;
	}
	#ibox_footer_wrapper a {
		text-indent: -100000px;
		border:0;
		background: #fff url('/img/closelabel.gif') center center no-repeat;
		width: 66px;
		padding: 0;
		height: 22px;
		line-height: 22px;
	}
	#ibox_footer_wrapper a:hover { background-color:#fff; }
	#ibox_loading {
		text-indent: -100000px;
		width: 200px;
		height: 200px;
		background: #fff url('/img/loading.gif') center center no-repeat;
	}

.cat-thumbs {
	margin-right: 7px;
	float: left;
	margin-bottom: 7px;
}
.cat-sub {
	font-size: 12px;
	font-weight: bold;
	color: #F1CA10;
	margin-bottom: 7px;
}
.files {
}
.files td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.files a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 7px;
}
.icons {
	margin-right: 8px;
	margin-bottom: 8px;
}
.users-tabular {
	font-size: 11px;
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #2267C1;
}
.blue {color: #2267C1}
.completed {
	color: #FFFFFF;
	background-color: #838383;
	font-family: "Trebuchet MS";
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.present {
	color: #FFFFFF;
	background-color: #8EC260;
	font-family: "Trebuchet MS";
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.future {
	color: #FFFFFF;
	background-color: #FFAA05;
	font-family: "Trebuchet MS";
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.border-whtie {
	border: 1px solid #FFFFFF;
}
.showing {
	font-size: 11px;
	color: #FFFFFF;
	margin-bottom: 9px;
	font-weight: bold;
	width: 341px;
	float: left;
}
.leg {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 7px;
}
.num {
	height: 17px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #65D2FD;
	margin-right: 3px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.num-selected {
	height: 17px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	margin-right: 3px;
	float: left;
	background-color: #FDCF00;
	border: 1px solid #FDCF00;
	padding-right: 5px;
	padding-left: 5px;
}
.pagination  a {
	color: #FFFFFF;
	text-decoration: none;
}
.num-dots {
	height: 17px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	margin-right: 3px;
	float: left;
	padding-right: 5px;
}
.orange {color: #F1CA10}
.brand th {
	font-size: 11px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.brand-td {
	font-size: 11px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #2267C2;
	padding-top: 7px;
	padding-bottom: 7px;
}
.brand-pic {
	margin-right: 17px;
	margin-bottom: 22px;
}
.brand {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
}
.brand p {
	font-size: 11px;
}
.updates {
}
.updates td {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
}
.updates .bubble {
	width: 540px;
}
.bubble {
	background-color: #63B2F7;
	background-image: url(../img/bubble-corner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 0px;
	padding-left: 27px;
	padding-top: 11px;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 14px;
	padding-bottom: 11px;
	float: left;
	margin-bottom: 0px;
	width: 400px;
	min-height: 50px;
	white-space: word-wrap;
}
.commnets-pic {
	margin-right: 8px;
	margin-bottom: 22px;
}
.sep {
	clear: both;
	height: 11px;
}
.comment {
	height: 113px;
	width: 361px;
	border: 1px solid #CCCCCC;
}
.nopad {
	margin: 0px;
	padding: 0px;
}
.camp-top-bord {
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.camp-top-bord-txt {
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 11px;
	padding-bottom: 6px;
	padding-left: 7px;
	font-size: 15px;
	font-family: "Trebuchet MS";
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.camp-top-bord-txt a {
	color: #FFFFFF;
	text-decoration: none;
}
.camp-top-bord-txt-field {
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 11px;
	padding-bottom: 6px;
	padding-left: 7px;
	font-size: 14px;
	font-family: "Trebuchet MS";
}
.link {
	background-color: #FFFFFF;
	height: 23px;
	width: 172px;
	border: 1px solid #2674CE;
}
.cat-thumbs {
	margin-right: 7px;
	float: left;
	margin-bottom: 7px;
}
.cat-sub {
	font-size: 12px;
	font-weight: bold;
	color: #F1CA10;
	margin-bottom: 7px;
}
.files {
}
.files td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.files a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 7px;
}
.icons {
	margin-right: 8px;
	margin-bottom: 8px;
}

#FloatContainer{
list-style-type: none;
margin:0;
}

fieldset.questions select {
	float: none;
}

.reply {
	background:#FFFF7F none repeat scroll 0 0;
	border-left:4px solid #FFFFFF;
	color:#000000;
	margin:10px 0 0 6px;
	padding-left:10px;
}
.reply img {
	float: right;
}

#QuestionOther {
	float:left;
}

div.auto_complete {
     width            :250px;
     background-color :white;
     border           :1px solid #888;
     margin           :0px;
     padding          :0px;
	 color			  :black;
} 

li.selected    { background-color: #ffb; }
}

dt {
	font-weight: bold;
	font-size: 1.1em;
}

dd {
	text-indent: 0;
	padding: 0;
	margin: 0 0 1em 0;
}
.pad img {
	padding: 0 1em 1em 0;
}

div.auto_complete    {
	position         :absolute;
	width            :250px;
	background-color :white;
	border           :1px solid #888;
	margin           :0px;
	padding          :0px;
	z-index: 100;
}
div.auto_complete ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li.selected    { background-color: #ffb; }