/* rendezvu.css v4.0 */

/* This stylesheet overrides the default styles set in blueprint */

body{
background: #e2f5fa url(../img/bodybg.gif) top left repeat-x;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
}

.clear{
clear: both;}

.highlight{
background: #eafbd5;
}

.pageBackground{
background: url(../img/headerbg.jpg) top center no-repeat;
}

/* HEADER STYLES (navigation, logo etc.) */

#header{
position: relative;
height: 110px;}

#rendezvuLogo a{
background: url(../img/rendezvulogo.png) top left no-repeat;
width: 256px;
height: 60px;
text-indent: -2999em;
float: right;
margin-top: 40px;
margin-right: 0px;

}

#topNav{
position: absolute;
list-style: none;
list-style-image: none;
padding: 0;
margin: 0;
top: 5px; 
right: -5px;
}

#topNav li{
float: left;
}

#topNav li.topLogin{
padding-right: 0;
}

#topNav li a{
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 90%;
padding: 2px 8px;
}

#topNav li a:hover{
background: url(../img/topnavhover.png) top left repeat;
color: #d3f2fb;
text-decoration: underline;
}

#topNav li a.current{
background: url(../img/topnavcurrent.png) top left repeat;
}

#topLoginbtn{
background: url(../img/nav_login.gif) top right no-repeat;
width: 42px;
height: 24px;
display: block;
text-indent: -2999em;
}

#topNav li a#topLoginbtn:hover{
background: url(../img/nav_login.gif) bottom right no-repeat;
}

#topNav li a#topLoginbtn.current{
background: url(../img/nav_login.gif) bottom right no-repeat;
}
#mainNav{
list-style: none;
list-style-image: none;

padding: 0;
margin: 0;
margin-top: 70px;
margin-left: 20px;
}

#mainNav li{
float: left;
height: 35px;
line-height: 30px;
margin-right: 5px;
display: block;

}

#mainNav .double{
line-height: 15px;
}

#mainNav li a{
color: #f99e1c;
font-weight: bold;
text-decoration: none;
font-size: 110%;
padding-left: 40px;
padding-right: 10px;
padding-top: 5px;
display: block;
height: 35px;
width: 65px;
margin: 0;
}

#mainNav li a:hover{
background-position: bottom left;
color: #055e71;
}

#mainNav li a.current{
background-position: bottom left;
color: #055e71;
}

a#navHome{
background: url(../img/nav_home.gif) top left no-repeat;
}
a#navTour{
background: url(../img/nav_tour.gif) top left no-repeat;
}
a#navJoin{
background: url(../img/nav_join.gif) top left no-repeat;
}
a#navFr{
background: url(../img/nav_french.gif) top left no-repeat;
}
a#navSp{
background: url(../img/nav_spanish.gif) top left no-repeat;
}

#subNav{
border: 1px solid #16a9cd;
margin-left: -20px;
background: #49cef2 url(../img/subnavgrad.gif) bottom left repeat-x;
margin-top: -10px;
padding-top: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright:10px;
}

#subNav ul{
list-style: none;
list-style-image: none;
padding: 0;
margin: 0;
display: block;
height: 26px;
margin-left: 10px;
}

#subNav ul li{
float: left;
margin-right: 40px;
line-height: 24px;
}

#subNav ul li a{
text-decoration: none;
}

#subNav ul li a:hover{
font-weight: bold;
color: #fff;
}

#subNav ul li a.current{
color: #f5fbfe;
}


.sectionNav{
background:#51d1f5 url(../img/bluebggrad.gif) bottom left repeat-x;
margin-right: 20px;
padding: 20px;
margin-bottom: 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.sectionNav h5{
color: #fff;
padding-bottom: 3px;
border-bottom: 1px dotted #fff;
margin-bottom: 10px;
}

.sectionNav ul{
margin: 0;
padding: 0;
padding-bottom: 10px;
list-style: none;
list-style-image: none;
}

.sectionNav ul li{
line-height: 180%;
}

.sectionNav a{
color: #eef9f5;
font-weight: bold;
}

.sectionNav a:hover{
color: #fff;
}

.sectionNav a.current{
color: #fff;
text-decoration: none;
}

#smallLogin{
background:#51d1f5 url(../img/bluebggrad.gif) bottom left repeat-x;
padding: 10px;
margin-right: 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}

#smallLogin form{
width: 100%;
padding-bottom: 15px;
}

#smallLogin form p{
margin: 0;
padding: 0;
padding-bottom: 5px;
color: #fff;}

#smallLogin input.formText{
width: 175px;
}

.userrem{
margin-top: 10px;}

.userremLabel{
color: #fff;
font-size: 90%;
}

.userLogin{
float: right;
}

 a.rounded, .button {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle; /* or top */
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible; /* IE6 form button fix */
}
.button {
  color: #fff;
  background: url(../img/buttonbg.gif) top left repeat-x;
  padding: 5px 7px;
  font-weight: bold;
}
.button:hover {
  background-color: #cee;
} 

/* HEADERS, TEXT, LINKS etc. */


h1{
color: #51d1f5;
font-weight: bold;
font-size: 250%;}


h2{
color: #F99E1C;
font-weight: bold;
font-size: 200%;
}

h3{
color: #F99E1C;
font-weight: bold;
font-size: 170%;
padding-top: 10px;
}

h4{
color: #055e71;
font-weight: bold;
font-size: 160%;
margin-bottom: 0.25em;
}

h5{
color: #055e71;
font-weight: bold;
font-size: 140%;
}

h6{
color: #055e71;
font-weight: bold;
font-size: 120%;
}


#pageHeader h2{
border-bottom: 1px dotted #4dcef2;
margin-right: 20px;}

#userHeader h2{
border-bottom: 1px dotted #4dcef2;
}

ul{
font-weight: bold;
color: #055e71;
list-style-image: url(../img/bullet.gif);
}

ul li{
margin-bottom: 5px;}

ol{
font-weight: bold;
color: #055e71;
}

blockquote{
border-left: 4px solid #f99e1c;
padding: 20px;
font-weight: bold;
line-height: 170%;
background: #fff;
}

/* TABLE STYLES */

table{
background: #fff url(../img/tablebg.gif) bottom left repeat-x;
}

th{
background: #49cef2 url(../img/subnavgrad.gif) bottom left repeat-x;
padding:8px 10px 8px 5px;
color: #fff;
}

tbody td{
border-bottom: 1px dotted #51d1f5;
padding-bottom: 5px;
}

tfoot{

}

tfoot td{

border-bottom: 1px solid #055e71;
font-weight: bold;
}

table.blankTable{
background: none;
}
table.blankTable tr td{
padding: 0;
}

table p{
padding: 5px 3px;
line-height: 100%;
margin-bottom: 0;}

/* STANDARD STYLES */
div.blue{
background: #51d1f5;
}

.rounded{
margin-bottom: 20px;
padding: 10px;
}

.button{
padding: 5px;
}

/* FORM STYLES */

fieldset{
border: none;
padding-left: 0;
}

legend{
color: #055e71;
}

label{
color: #333;
}

textarea{
width: 300px;}

input.text, input.title, textarea, select {
border:1px solid #055e71;
margin:0.5em 0;
}
input[type="text"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
border-color:#51d1f5;
}

form p{
margin: 0;
padding: 5px 0px;}

/* ICONS */

.slUrl{padding-left: 20px; padding-top: 3px; background: url(../img/icons/world_go.png) center left no-repeat;}
.jump{padding-left: 20px; padding-top: 3px; background: url(../img/icons/house_go.png) center left no-repeat;}
.msg{padding-left: 20px; padding-top: 3px; background: url(../img/icons/email.png) center left no-repeat;}
.flag{padding-left: 20px; padding-top: 3px; background: url(../img/icons/error.png) center left no-repeat;}
.reward{padding-left: 20px; padding-top: 3px; background: url(../img/icons/medal_gold_3.png) center left no-repeat;}
.points{padding-left: 20px; padding-top: 3px; background: url(../img/icons/coins.png) center left no-repeat;}
.download{padding-left: 20px; padding-top: 3px; background: url(../img/icons/folder_add.png) center left no-repeat;}
.feed{padding-left: 20px; padding-top: 3px; background: url(../img/icons/feed.png) center left no-repeat;}
.add{padding-left: 20px; padding-top: 3px; background: url(../img/icons/add.png) center left no-repeat;}
.remove{padding-left: 20px; padding-top: 3px; background: url(../img/icons/delete.png) center left no-repeat;}
.love{padding-left: 20px; padding-top: 3px; background: url(../img/icons/heart.png) center left no-repeat;}
.friend{padding-left: 20px; padding-top: 3px; background: url(../img/icons/user.png) center left no-repeat;}
.onlineFr{padding-left: 20px; padding-top: 3px; background: url(../img/icons/status_online.png) center left no-repeat;}
.offlineFr{padding-left: 20px; padding-top: 3px; background: url(../img/icons/status_offline.png) center left no-repeat;}
.expand{padding-left: 20px; padding-top: 3px; background: url(../img/icons/information.png) center left no-repeat;}
.collapse{padding-left: 20px; padding-top: 3px; background: url(../img/icons/cross.png) center left no-repeat;}
.moved{padding-left: 20px; padding-top: 3px; background: url(../img/icons/door_in.png) center left no-repeat;}
.locationFr{padding-left: 20px; padding-top: 3px; background: url(../img/icons/map.png) center left no-repeat;}
.dlPdf{padding-left: 20px; padding-top: 3px; background: url(../img/icons/page_white_acrobat.png) center left no-repeat;}
.addCart{padding-left: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; background:#4ebe42 url(../img/icons/cart_put.png) 5% 50% no-repeat;}
.moreInfo{padding-left: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; background:#f99e1c url(../img/icons/zoom_in.png) 5% 50% no-repeat;}
.forgotPass{padding-left: 20px; padding-top: 3px; background: url(../img/icons/help.png) center left no-repeat;}
.activity{padding-left: 20px; padding-top: 3px; background: url(../img/icons/user_add.png) center left no-repeat;}


.novice{padding-left: 20px; padding-top: 3px; background: url(../img/icons/award_star_bronze_1.png) center left no-repeat;}
.apprentice{padding-left: 20px; padding-top: 3px; background: url(../img/icons/award_star_silver_1.png) center left no-repeat;}
.master{padding-left: 20px; padding-top: 3px; background: url(../img/icons/award_star_gold_1.png) center left no-repeat;}



/* FANCY TRICKERY */
/*  
Sticky \ Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 65px;}  /* must be same height as the footer */

.footContainer{
margin-bottom: 0;
padding-bottom: 0;}

#footer {position: relative;
	margin-top: -65px; /* negative value of footer height */
	height: 70px;
	clear:both;
	background: url(../img/footerbg.gif) 20px bottom no-repeat;
	width: 930px;
	padding: 20px;
	padding-left: 50px;
	padding-bottom: 0;
	overflow: visible;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* NAV FADES */

#rvFlashContent{
z-index: 2;
}

#navigation {
  list-style: none;
  list-style-image: none;
margin-top: 70px;
margin-left: 20px;
z-index: 150;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
height: 40px;
position: relative;
display: block;
background: url(../img/navsprite7.png) 0 0 no-repeat;

}

/* individual navigation items */
#navigation a.home {
  background-position: 0 0;
  width: 125px;
}

#navigation a.home:hover,
#navigation a.home .hover {
  background-position: 0 -40px;
  width: 125px;
}

#navigation a.tour {
  background-position: -125px -0px;
  width: 125px;
}

#navigation a.tour:hover,
#navigation a.tour .hover {
  background-position: -125px -40px;
}

#navigation a.join {
  background-position: -250px 0;
  width: 125px;
}

#navigation a.join:hover,
#navigation a.join .hover {
  background-position: -250px -40px;
}

#navigation a.langs {
  background-position: -375px 0;
  width: 145px;
}

#navigation a.langs:hover,
#navigation a.langs .hover {
  background-position: -375px -40px;
}



#navigation > li.langs {background: scroll 0 0; cursor:pointer; float:left; position:relative;
    padding:0px 0px;} 
    
    #navigation ul { padding:0px; margin:0px; display:block; display:inline;}
#navigation li ul { 
position:absolute; left:0px; top:0px; margin-top:40px; width:165px; line-height:16px;
background-color:#d8edfd; color:#0395CC; /* for IE */ display:none;  
border: 1px solid #16a9cd;
border-top: none;
-moz-border-radius: 10px;
-moz-border-radius-topleft: 0px; 
-moz-border-radius-topright: 10px; 
-webkit-border-radius: 10px;
-webkit-border-radius-topleft: 0px; 
-webkit-border-radius-topright: 10px; 
}
#navigation li:hover ul { display:block;z-index: 300;}
#navigation li ul li{ display:block; margin:5px 10px; padding: 5px 0px;
    list-style-type:none; height: 20px; border: none; }
#navigation li ul li:first-child { border-top: none; }
#navigation li ul li a { display:block; color:#f99e1c; background: none; padding: 0; margin: 0; border: none; }
#navigation li ul li a:hover { color:#16a9cd; }
/* main submenu */
#navigation #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff;
    z-index:999;} 

#navigation a#ctl00_frenchSub {
background: url(/img/flags/fr.gif) 5px 3px  no-repeat;
padding-left: 35px;
}

#navigation a#ctl00_germanSub {
background: url(/img/flags/de.gif) 5px 3px  no-repeat;
padding-left: 35px;
}

#navigation a#ctl00_spanishSub {
background: url(/img/flags/es.gif) 5px 3px  no-repeat;
padding-left: 35px;
}

#navigation a.french:hover,
#navigation a.french .hover {
  background-position: -375px -40px;
}

#navigation a.spanish {
  background-position: -500px 0;
  width: 125px;
}

#navigation a.spanish:hover,
#navigation a.spanish .hover {
  background-position: -500px -40px;
}

body.homePage #navigation a.home {
  background-position: 0 -84px;
  width: 125px;
}

body.tourPage #navigation a.tour {
  background-position: -125px -84px;
}

body.joinPage #navigation a.join {
  background-position: -250px -84px;
  width: 125px;
}

body.frenchPage #navigation a.french {
  background-position: -375px -84px;
  width: 125px;
}
body.spanishPage #navigation a.spanish {
  background-position: -500px -84px;
  width: 125px;
}
/*CONTENT STYLES*/

a{color: #055e71;
font-weight: bold;}

#content{
padding-left: 20px;
padding-bottom: 60px;
background: #f5fbfe url(../img/contentbg.gif) bottom left repeat-x;
margin-top: 10px;
}

body.homePage #content{
margin-top: 0;
}

img.introtextImage{
margin-right: 20px;
margin-bottom: 40px;}


/* FOOTER ELEMENTS */
#footBanner{
background: #49cef2 url(../img/subnavgrad.gif) bottom left repeat-x;
padding: 0px 20px 0px 20px;
width: 880px;
margin-left: 20px;
margin-bottom: 0px;
text-align: center;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#footBanner p{
color: #fff;
font-weight: bold;
padding: 0;
margin: 0;
float: left;
}

table.bannerLinks{
height: 50px;
vertical-align: middle;
border: 0;
padding: 0;
margin: 0;
width: auto;
margin-left: auto;
margin-right: auto;
background: none;
}

#subNav table.bannerLinks{
margin-bottom: 10px;
}

.bannerLinks h1{
font-size: 180%;
border-bottom: none;
}

.bannerLinks tr td{
padding: 0;
margin: 0;
vertical-align: middle;
border-bottom: none;
}

td.bannerLinkstagline{

}

td.bannerLinkstour{

line-height: 50px;
width: 100px;
text-align: right;
}

.bannerLinks h1{
color: #fff;

text-align: right;

}

td.bannerLinksjoin{
width: 150px;
text-align: left;
}

.bigJoin{

}

.tagLine{
text-align: center;
width: 100%;
}

.tagLine p{
color: #fff;
font-size: 160%;
font-weight: bold;
margin-bottom: 0;
padding: 0;
padding-bottom: 5px;
}


#footNav{
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
display: block;
padding-top: 10px;
}

#footNav li{
float: left;
color: #055e71;
font-weight: bold;
}

#footNav li a{
color: #055e71;
font-weight: bold;
font-size: 90%;

margin-bottom: 0;
}

#footInfo p{
color: #666;
padding: 0;
margin: 0;
clear: both;
font-weight: bold;
font-size: 90%;}

.footerLogo {
margin-right:15px;
margin-top:10px;
}


/* V3 Update */

#homeMoreinfo{
background: url(../img/hr.gif) top left no-repeat;
}




#latestMemberslist{
margin-bottom: 20px;
display: block;
}

ul#latestMembers{
padding: 0;
margin: 0;
list-style: none;
list-style-image: none;
}

ul#latestMembers li{
float: left;
margin-right: 18px;}

#flashArea{
/*background: #4accf0;*/
background: url(../img/flashbg.gif) bottom left no-repeat;
/*margin-top: -10px;*/
margin-left: -20px;
width: 960px;
margin-bottom: 20px;
padding-bottom: 15px;
z-index: 50;}

#homeOptions{
position: relative;
}

#homeJoin{
background: url(../img/homejoinbg3.gif) top left no-repeat;
width: 228px;
margin-left: -20px;
margin-top: -20px;
height: 86px;
padding-top: 5px;
text-align: center;
}

#homeJoin p{
line-height: 8px;
color: #055e71;
}

#homeJoin p a{
color: #fff;
}
#homeJoin p a:hover{
color: #055e71;}

div#bigJoin{
width: 238px;
height: 50px;
display: block;
background: url(../img/bigjoinbtn.gif) bottom center no-repeat;
text-indent: -2999em;
margin-bottom: 0;
padding-bottom: 0;

}

a#bigJoin{
width: 238px;
height: 50px;
display: block;
background: url(../img/bigjoinbtn.gif) bottom center no-repeat;
text-indent: -2999em;
margin-bottom: 0;
padding-bottom: 0;

}
a#bigJoin:hover{
background-position: top center;
}


#homeNews{
list-style-image: url(../img/icons/note.png);
list-style-position: outside;
}
#homeNews li{
margin-left: 5px;
}

.barNav{
background: #d7f3fb;
border: 1px solid #49cef2;
padding: 5px;
}

.barNav ul{
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
width: 100%;
}

.barNav ul li{
float: left;
padding-left:10px;
}

.barNav ul li a.back{
margin-right: 385px;
display: block;
}



form#joinForm p label{
width: 130px;
text-align: right;
display: block;
float: left;
margin-right: 10px;
line-height: 40px;
}

.avThumb img{
margin: 10px;
border: 1px solid #f99e1c;}

.termsAgree{
width: 440px;
height: 150px;}

.productItem{
background: url(../img/hr.gif) bottom left no-repeat;
margin-bottom: 10px;
padding-top: 10px;}

.cartOptions ul{
list-style: none;
margin: 0;
padding: 0;
}

.cartOptions li{
float: left;
margin-right: 20px;
}

.note{
font-size: 90%;
font-weight: bold;
padding: 5px 0px 5px 0px;
margin: 0;
}

#quickTour ul{
list-style: none;
list-style-image: none;
padding: 0;
margin: 0;
}

#quickTour ul li{
float: left;
margin-right: 10px;
margin-bottom: 15px;
background: url(../img/quicktourshadow.gif) top left no-repeat;
padding-bottom: 5px;
width: 220px;
}

#quickTour ul li img{
margin-left: 4px;
margin-top: 1px;
margin-right: 2px;
border: 1px solid #f99e1c;}



.boxgrid{ 
width: 225px; 
height: 125px; 
float:left; 
overflow: hidden; 
position: relative; 
}
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
}
				
.boxcaption{ 
float: left; 
position: absolute; 
background: #f99e1c; 
height: 125px; 
border: 1px solid #f99e1c;
padding: 10px;
width: 190px; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 125px;
left: 4px;
}
.caption .boxcaption {
top: 125px;
left: 4px;
}

.boxcaption h4{
color: #fff;
display: block;
padding-bottom: 10px;
width: auto;
height: auto;
opacity: 1; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} 

p.learnMore{
display: block;
padding: 0;
opacity: 1; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

p.learnMore a{
color: #e3f2ed;
}

.leftImage{
float: left;}

.rightImage{
float: right;
}


/* ////////////////// V4 Styles: User Pages //////////////////// */

#largeAvatar{
background: url(../img/user_largeavatarbg.gif) top left no-repeat;
margin-left: -3px;
padding-left: 4px;
padding-top: 1px;
height: 354px;
}

.updateList{
background: url(../img/activitybottom.gif) bottom left no-repeat;
padding-top: 0px;
padding-left: 10px;
padding-bottom: 10px;
margin-top: 0px;
margin-bottom: 15px;
}

.updateHead{
background: url(../img/activitytop.gif) 0px 35px no-repeat;
padding-bottom: 30px;
margin-bottom: 0;
}

.greenList{
background: url(../img/activitybottomgreen.gif) bottom left no-repeat;
padding-top: 0px;
padding-left: 10px;
padding-bottom: 10px;
margin-top: 0px;
margin-bottom: 15px;
}

.greenHead{
background: url(../img/activitytopgreen.gif) 0px 35px no-repeat;
padding-bottom: 30px;
margin-bottom: 0;
}


.updateList ul{
list-style: none;
list-style-image: none;
padding: 0;
margin: 0;
}

.updateList ul p{
color: #666;
}

.updateList ul li{}

a.updateavatarLink img{
border: 1px solid blue;
margin-right: 5px;
}

.userLoggedin{

width: 180px;
float: right;
margin-top: -10px;
margin-right: 20px;
-moz-border-radius: 5px;
padding: 3px 10px;
background: url(../img/bluetransbg.png) top left repeat;
margin-bottom: 10px;

}

.userLoggedin p{
color: #666;
font-weight: bold;
font-size: 90%;
margin-bottom: 3px;
margin-top: 0;
}

.userLoggedin p a{
font-size: 120%;
}

#userStats dl dd{
margin-bottom: 10px;
margin-left: 0;}

ul#friendList{
padding: 0;
margin: 0;
list-style: none;
list-style-image: none;
margin-left: 5px;
}

ul#friendList li{
float: left;
margin-right: 15px;}

ul.tabs{
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}

ul.tabs li{
float: left;
margin-right: 5px;
}

ul.tabs li.tabAction{
padding: 5px 7px;
}

ul.tabs li.tabRight{
float: right;
margin-right: 0;
}

.levelDetails{
width: 280px;
float: left;
}

div.levelReward{
width: 100px;
float: left;
background: url(../img/levelrewardbg.gif) top left no-repeat;
padding-left: 15px;
}

.levelDetails h6{
color: #666;
}

.levelReward h6{
color: #666;
}

.levelDetails ul{
list-style: none;
list-style-image: none;
color: #666;
font-weight: bold;
}

.levelDetails ul li.taskDo{
padding-left: 20px;
background: url(../img/icons/bullet_go.png) 0% 50% no-repeat;

}

.levelDetails ul li.taskDone{
padding-left: 20px;
background: url(../img/icons/tick.png) 0% 50% no-repeat;
font-weight: normal;
}

.convDetail{
background: #fff url(../img/blueheaderbg.gif) top left repeat-x;
border: 4px solid #c6effa;
-moz-border-radius: 10px;
padding: 5px 10px;
width: 673px;
}

.convDetail h6{
font-size: 90%;
margin-bottom: 15px;
}

table.convTable{
background: none;
}

.expandDiv{
border-top: 1px solid #c6effa;
padding-top: 10px;
padding-bottom: 10px;
width: 673px;
}


.expandDiv .span-6{
width: 430px;
}

.expandDiv .span-9{
width: 673px;
}

.reviewconvBtn{
text-align: right;}

.convText{
}

.convPeople{
position: relative;
height: 100px;
}

.convUser{
position: absolute;
top: 30px;
left: 0;
}
.convIcon{
position: absolute;
top: 30px;
left: 35px;
background: url(../img/speechicon.gif) 50% 50%;
width: 35px;
height: 35px;
z-index: 50;
}

.convIcon p{
text-indent: -2999em;}

.convRobot{
position: absolute;
top:30px;
left: 70px;
}

.convPeople h5{
font-size: 90%;
line-height: 110%;}

.convFirstline{
font-size: 110%;
font-style: italic;
font-weight: bold;}

tr.userSpeech{
background: #c6effa;
}

tr.userSpeech td{
font-weight: bold;
}

.userPoints{
-moz-border-radius: 10px;
padding: 10px;
width: 440px;
margin-bottom: 20px;
min-height: 80px;
}

.userPoints h6{
color: #fff;
font-size: 90%;
}

.userPoints h3{
color: #fff;
font-size: 250%;
margin-bottom: 0px;}

.userPoints .span-2{
width: 130px;}

.pointsPromo{
height: 80px;
background: #f9a124 url(../img/pointspromobg.gif) bottom left repeat-x;
width: 200px;
-moz-border-radius: 10px;
padding: 10px;
margin-bottom: 20px;
min-height: 80px;
}

.promoImage{
width: 87px;
float: left;
}

.promoImage img{
margin: -5px;
margin-right: 5px;
}

.promoText{
float: left;
width: 110px}

.promoText h6,
.promoText h4,
.promoText p{
color: #fff;}

.promoText h6{
font-size: 90%;
margin-bottom: 0px;
}

.promoPoints{
font-size: 150%;
font-weight: bold;
padding: 0;
}

.promoText p{
margin: 0;
border-bottom: 1px dotted #ccc;
}

h4.promoReward{

}

.roundWhite{
-moz-border-radius: 10px;
border: 4px solid #c6effa;
padding: 10px;
}

.strHolder{
clear: both;
}

.strHolder h5{
width: 120px;
text-align: right;
float: left;
font-size: 130%;
line-height: 30px;
}

ul.strGraph{
-moz-border-radius: 10px;
border: 3px solid #c6effa;
width: 540px;
margin-left: 130px;
list-style: none;
list-style-image: none;
height: 30px;
padding-left: 1px;
}

ul.strGraph li{
float: left;
width: 72px;
height: 48px;
text-indent: -2999em;
margin: -9px -8px -10px -10px;
}

.redLabel{
background: url(../img/powerred.png) top left no-repeat;
}

.greenLabel{
background: url(../img/powergreen.png) top left no-repeat;
}

.blankLabel{
background: url(../img/powerblank.png) top left no-repeat;
}