/* 
========================================================================
Filename:		styles.css
Date Created:	2007-03-13
Description:	Global CSS stylesheet
Site:			RSA Tesco
========================================================================
*/
/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
-------------- Global Styles -------------- */
/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}
.clear 
{
    overflow: hidden;
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}
img 
{border:0;
}
.float_left 
{float:left;
}
.float_right
{float:right;
}
.padd_top 
{padding-top:13px;
}
.noPaddBot
{padding-bottom:0px!important;
}
.hidden 
{
    background-color: transparent;	color: #ffffff;	font-size: 1px;
	margin-bottom: -10px;	position: absolute;	margin-top: -9999em;
}
/* =Typography
-----------------------------------------------------------------------------*/
body 
{font-family:Arial,helvetica,serif;
}
h1 {font-size: 1.8em;	font-weight: bold; padding: 0 0 13px 13px; margin: 0; color: #F15024;}
h2 {font-size: 1.0em; color: #F25023; padding-bottom: 13px; }
h3 {font-size: 0.80em; color: #28903A;	}
h4 {font-size: 0.75em	}
p {font-size: 0.75em; }
em {font-weight: bold; color: #29913B; font-style: normal;}
.red { color: #CF3309; }
.green { color: #28903A; }
.travel { color: #FF7B00; }
.home { color: #F33FBC; }
.food { color: #098B3D; }
.error {color:#FF0000; }
/* =Links
-----------------------------------------------------------------------------*/
a
{
    text-decoration:none;
    font-weight:bold;
    color:#F15024;
}
a:hover, a:focus
{
    text-decoration:underline;
}
.link
{color:#F15024; font-weight: normal;
}
.more_link
{color:#F15024;
    cursor: pointer;
    font-weight: bold;
    text-decoration:underline;
}
.more_link:hover
{text-decoration:none;
}
.more_link span {
	position: absolute;
	margin-left: -9999px;
	/*width: 900px;
	border: 1px solid red;*/
}
/* =Lists
-----------------------------------------------------------------------------*/
ul
{
    list-style-type:none;
}

/* =Wrapper
-----------------------------------------------------------------------------*/
#wrapper 
{
    background-image:url(../images/generic/header_bg.gif);
    background-repeat:repeat-x;
    background-color:#8CC63F;
    padding-bottom:110px;
}
/* =Content Div
-----------------------------------------------------------------------------*/
#content 
{
    width:769px;
    margin:0 auto; 
}
/* =Header
-----------------------------------------------------------------------------*/
#header 
{
    background: transparent url(../images/generic/header.jpg) no-repeat;
    height:245px!important;
}
/* =Crumbtrail
-----------------------------------------------------------------------------*/
#crumbtrail 
{
    height:30px;
    background: #FFF url(../images/generic/crumbBg.gif) no-repeat top left;
}
#crumbtrail ul
{
    padding: 7px 13px;
}
#crumbtrail ul li,
#crumbtrail ul li p
{
    display:inline;
    color:#F15024;
}
#crumbtrail ul li.active p 
{
    color:#666666;
}
#crumbtrail p a, #crumbtrail ul li.page p 
{
    color:#016DA2;
    font-weight: normal;
}
#crumbtrail li.active p
{
    color:#666
}
/* =Main Navigation
-----------------------------------------------------------------------------
#left_column {
    position: relative;
    left: -431px;
}*/
#navigation
{
    position: relative;
    left: -431px;
    width:143px;
    float:left;
    background-image:url(../images/generic/navRoundedTop.gif);
    background-repeat:no-repeat;
    background-color:#28903A;
    padding-top:13px;
    padding-left:13px;
    padding-right:13px;
}
#navigation ul li
{
    background-image:url(../images/generic/navBorder.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    padding-bottom:5px;
    margin-bottom: 6px;
    position: relative;
}
#navigation ul.mainNav
{
    padding-bottom: 7px;
}
#navigation ul li a,
#navigation ul li p
{
    color:#fff;
    font-weight:bold;
    position: relative;
}
#navigation ul li a:hover, #navigation ul li a:focus,
#navigation ul li ul.subNav li a:hover, #navigation ul li ul.subNav li a:focus
{
    text-decoration: none;
    color:#F3FC03;
}
#navigation ul li.active p a, #navigation ul li ul.subNav li.active p a
{
    color:#F3FC03;
    font-weight:bold;
}
#navigation ul.mainNav li p a
{
    width: 143px;
    display: block;
}
#navigation ul.subNav a
{
    width: 130px!important;
}
#navigation ul li ul.subNav li
{
    background-image:none;
    margin: 5px 0px 0px 13px;
    padding:0px;
}
#navigation ul li ul.subNav li p, #navigation ul li ul.subNav li a
{
    margin: 0;
    padding:0;
}
#navigation ul li ul.subNav li a
{
    color:#fff;
    font-weight: normal;
}
#navigation .search 
{   
        margin-bottom:13px;
}
#navigation input.searchtextbox
{
    width:8.7em;
    height: 1.6em;
    font-family:Arial,helvetica,serif;
    font-size: 0.8em;
    font-weight: normal;
    color: #000000;
    margin-right:3px;
    background-color:#D1E8D5;
    border: solid 1px #0B6D1C;
}
#navigation input.button 
{
    background-color:#0B6D1C;
    width: 1.9em;
    height: 1.65em;
    font-family:Arial,helvetica,serif;
    border:0;
    font-size: 0.8em;
    color:#fff;
    font-weight:bold;
}
#navigation input
{
    float:left;
}
#navigation .section 
{   
    margin: 0px -13px;
    padding: 0 13px;
    background-color:#fff;
}
#navigation .popular, #navigation .latest 
{   
    padding-bottom: 1px;
}
#navigation .popular .title
{
    padding-top: 13px;
} 
#navigation .latest .title, #navigation .all .title
{
    padding: 5px 0 0 0;
} 
#navigation .popular a img
{
    background: url(../images/headers/navPopularProjects.gif) no-repeat top left;
    width: 143px;
    height: 28px;
    padding: 0px;
    margin: 0px;
} 
#navigation .latest a img
{
    background: url(../images/headers/navLatestProjects.gif) no-repeat top left;
    width: 143px;
    height: 28px;
    padding: 0px;
    margin: 0px;
} 
#navigation .all a img
{
    background: url(../images/headers/navAllProjects.gif) no-repeat top left;
    width: 143px;
    height: 28px;
    padding: 0px;
    margin: 0px;
} 
#navigation .popular a:hover img, #navigation .latest a:hover img, #navigation .all a:hover img,
#navigation .popular a:focus img, #navigation .latest a:focus img, #navigation .all a:focus img
{
    background-position: 0 -28px;
} 
#navigation .popular .title, #navigation .latest .title
{
    padding-bottom: 6px;
} 
#navigation .section ul
{
    padding-bottom: 1px;
}
#navigation .popular li a,
#navigation .popular .title
{
    color:#CF3309;
    font-weight:normal;
} 
#navigation .popular li a:hover, #navigation .popular li a:focus
{
    color:#CF3309;
    text-decoration: underline;
} 
#navigation .section li
{
    padding-bottom:5px;
    margin-bottom: 6px;
    background-color:#fff;
}
#navigation .popular li
{
    background-image:url(../images/generic/navOrangeBorder.gif)
}
#navigation .latest li a,
#navigation .latest .title
{
    color:#016DA2;
    font-weight:normal;
} 
#navigation .latest li a:hover, #navigation .latest li a:focus
{
    color:#016DA2;
    text-decoration: underline;
} 
#navigation .latest li
{
    background-image:url(../images/generic/navBlueBorder.gif)
}
#navigation .all
{
    background-image:url(../images/generic/navRoundedBot.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    padding-bottom:22px;
}

/*---Navigation Icons Project Icons--*/
#navigation div.section ul li p a {
    width: 127px;
    padding-right: 15px;
    display: block;
}
#navigation .popular .sectorTravel p a {
    background: url(../images/icons/iconTravelPopular.gif) no-repeat right;
}
#navigation .popular .sectorHome p a {
    background:url(../images/icons/iconHomePopular.gif) no-repeat right;
}
#navigation .popular .sectorFood p a {
    background:url(../images/icons/iconFoodPopular.gif) no-repeat right;
}
#navigation .popular .sectorOther p a {
    background:url(../images/icons/iconOtherPopular.gif) no-repeat right;
}
#navigation .latest .sectorTravel p a {
    background:url(../images/icons/iconTravelLatest.gif) no-repeat right;
}
#navigation .latest .sectorHome p a {
    background:url(../images/icons/iconHomeLatest.gif) no-repeat right;
}
#navigation .latest .sectorFood p a {
    background:url(../images/icons/iconFoodLatest.gif) no-repeat right;
}
#navigation .latest .sectorOther p a {
    background:url(../images/icons/iconOtherLatest.gif) no-repeat right;
}
/* =Right Column
-----------------------------------------------------------------------------*/
#main_content 
{
    position: relative;
    left: 169px;
    width:405px;
    float:left;
    background-color:#fff;
    background-image:url(../images/generic/main_content_rounded_bttm.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    padding-bottom:13px;
    padding-left:13px;
    padding-right:13px;
}
#main_content div.contentHolder 
{
    min-height: 680px;
}
/*----CMS Content---*/
#main_content h1.border
{
    background: #FFFFFF url(../images/generic/sectionBorder.gif) repeat-x bottom left;
}
#main_content h1.homeTitle
{
    padding: 0 0 13px 0;
}
#main_content .section
{
    background: #FFFFFF url(../images/generic/sectionVerBorder.gif) repeat-y top left;
    padding-bottom: 0px;
    position: relative;
}
#main_content .section .sectionBBorder
{
    background: #FFFFFF url(../images/generic/sectionBorder.gif) repeat-x bottom left;
    padding: 13px 12px 0 12px;
    margin: 0 3px;
    position: relative;
}
#main_content p 
{
    padding-bottom:13px;
    /*posit ion: relative;*/
}
#main_content div.bullets ul {
    padding-bottom: 13px;
}
#main_content div.bullets ul li {
    list-style-type: circle;
    margin-left: 13px;
    font-size: 0.8em;
}
#main_content img.image
{
    padding-right:13px;
    padding-bottom:13px;
    position: relative;
}
#main_content ul.links {
    padding-bottom: 13px;
}
#main_content ul.links p {
    padding-bottom:0;
}
#main_content ul.links p.linkSummary {
    margin-left: 15px;
}
#main_content ul.links li.internal {
    background: transparent url(../images/icons/iconInLink.gif) no-repeat left top;
    padding-left: 15px;
}
#main_content ul.links li.external {
    background: transparent url(../images/icons/iconExLink.gif) no-repeat left top;
    padding-left: 15px;
}
#main_content ul.links li.document {
    background: transparent url(../images/icons/iconDocument.gif) no-repeat left top;
    padding-left: 15px;
}
#main_content div.document p {
    padding-bottom: 0;
}
#main_content a.document {
    background: transparent url(../images/icons/iconDocument.gif) no-repeat left;
    padding-left: 15px;
}
#main_content a.external {
    background: transparent url(../images/icons/iconExLink.gif) no-repeat left;
    padding-left: 15px;
}
#main_content a.internal {
    background: transparent url(../images/icons/iconInLink.gif) no-repeat left;
    padding-left: 15px;
}
/*----Projects---*/
#main_content h1.project, #main_content h2.project {
    width: 405px;
    height: 30px;
    padding-left: 0px;
    padding-bottom: 0px!important;
    font-size: 0.1em;
    line-height: 0.1em;
}
#main_content h1.topPadding, #main_content h2.topPadding {
    padding-top: 13px;
}
#main_content .highlight 
{
    background: #FFF9E7 url(../images/generic/bottomAllProjects.gif) no-repeat bottom;
    padding:13px;
}
#main_content .latest 
{
    background-color:#CCEFF8;
    background-image:url(../images/generic/bottomLatestProjects.gif);
}
#main_content .popular 
{
    background-color:#FEEDE9;
    background-image:url(../images/generic/bottomPopularProjects.gif);
}
#main_content .noBot 
{
    background-image:none;
    padding-bottom: 0;
}
#main_content .highlight .section
{
    background: #FFFFFF url(../images/generic/sectionBorder.gif) repeat-x bottom left;
    /*border-bottom: dashed 1px #777777;*/
    margin-top: 13px;
    padding-bottom: 13px;
}
#main_content .highlight .section .topBorder
{
    background: #FFFFFF url(../images/generic/sectionBorder.gif) repeat-x top left;
    margin-top: 5px;
    padding-top: 11px;
}
#main_content .highlight .section .sectionBorder
{
    background: #FFFFFF url(../images/generic/sectionBorder.gif) repeat-x top left;
    padding: 13px 13px 0 13px;
    position: relative;
}
#main_content .highlight .section .sectionNoBorder
{
    padding: 13px 13px 0 13px;
}
#main_content .highlight .nostyle
{
    background-color:transparent;
    background-image: none;
    margin-top: 0px;
    padding: 0px;
    position: relative;
}
#main_content .highlight .noMargin
{
    margin-top: 0px;
}
#main_content .highlight .moreProjects
{
    background-color:transparent;
    background-image: none;
    margin-top: 13px;
    margin-left: 255px;
    padding: 0px;
    position: relative;
}
#main_content .highlight .detail {
    border-top: none;
    margin-top: 0px;
}
#main_content .highlight ul li p, #main_content .highlight p.author {
    padding-bottom:0;
    color:#016DA2;
}
#main_content .highlight a.project {
    color:#016DA2;
    font-weight: bold;
}
#main_content .highlight ul li p span, #main_content .highlight p.author span, #main_content p.emphasis {
    color:#CF3309;
}
#main_content .highlight ul li {
    padding-bottom:3px;
    position: relative;
}
#main_content .highlight p {
    padding-bottom:5px;
}
#main_content .highlight .section h2 {
    color: #CF3309;
    font-size: 0.8em;
    padding-top: 0px;
}
#main_content .highlight ul.specs li, #main_content .highlight ul.specs li p span {
    margin:0;
    padding:0;
}
#main_content .highlight ul.specs li p {
    margin-bottom:5px;
}
#main_content .highlight ul.specs li.projectTitle p {
    padding-right: 15px;
}
#main_content .highlight p.rating {
    background-image:url(../images/generic/rating.gif);
    padding-left:15px;
    background-repeat:no-repeat;
}
#main_content .highlight .side_text {
    width:238px;
    margin-top: -3px;
    position: relative;
}
#main_content .highlight img.float_left {
    padding: 0px 13px 7px 0px;
    margin: -9px 0px 0px -9px;
    position: relative;
}
/* All projects tabs and pagination */
#main_content .highlight div.tabs {
    background: none;
    width: 379px;
    height: 36px;
    margin: 0 0 0 0;
}
#main_content .highlight div.tabs ul li {
    margin: 0;
    padding: 0;
}
#main_content .highlight div.tabs ul li {
    float: left;
}
#main_content .highlight div.tabs ul li a.tab img {
    display: block;
    height: 36px;
}
#main_content .highlight div.tabs ul li a.all img {
    background: url(../images/generic/tabAllProjects.gif) no-repeat left top;
    width: 93px;
}
#main_content .highlight div.tabs ul li a.travel img {
    background: url(../images/generic/tabTravel.gif) no-repeat left top;
    width: 96px;
}
#main_content .highlight div.tabs ul li a.home img {
    background: url(../images/generic/tabHome.gif) no-repeat left top;
    width: 97px;
}
#main_content .highlight div.tabs ul li a.food img {
    background: url(../images/generic/tabFood.gif) no-repeat left top;
    width: 93px;
}
#main_content .highlight div.tabs ul li a.tab:hover img, 
#main_content .highlight div.tabs ul li a.tab:focus img,
#main_content .highlight div.tabs ul li a.active img {
    background-position: 0 -36px;
}
#main_content .highlight .nav
{
    background: #FFFFFF url(../images/generic/sectionBorder.gif) repeat-x bottom left;
    padding: 0 0 20px 0;
    margin: 0;
    height: 20px;
    position: relative;
}
#main_content .highlight .bottom
{
    margin-top: 13px;
}
#main_content .highlight .nav .sectionBorder
{
    padding: 10px 5px 20px 5px;
    position: relative;
    background: #FFFFFF url(../images/generic/sectionBorder.gif) repeat-x top left;
}
#main_content .highlight .nav .pages {
    text-align: center;
    position: relative;
    width: 169px;
}
#main_content .highlight .nav p {
    padding: 2px 0px 0px 0px;
    margin: 0px;
    height: 19px;
    color: #858585;
    vertical-align: top;
}
#main_content .highlight .nav .next, #main_content .highlight .nav .prev {
    width: 100px;
    position: relative;
}
#main_content .highlight .nav .next {
    text-align: right;
}
#main_content .highlight .nav .next p.active {
    background: transparent url(../images/buttons/butNextArrow.gif) no-repeat top right;
    padding: 2px 0 0 0;
}
#main_content .highlight .nav .next p.active a {
    padding: 0 27px 0 0;
}
#main_content .highlight .nav .next p.inactive {
    background: transparent url(../images/buttons/butNextArrowNone.gif) no-repeat top right;
    padding: 2px 27px 0 0;
}
#main_content .highlight .nav .prev p.active {
    background: transparent url(../images/buttons/butPrevArrow.gif) no-repeat top left;
    padding: 2px 0 0 0;
}
#main_content .highlight .nav .prev p.active a {
    padding: 0 0 0 27px;
}
#main_content .highlight .nav .prev p.inactive {
    background: transparent url(../images/buttons/butPrevArrowNone.gif) no-repeat top left;
    padding: 2px 0 0 27px;
}
/* Project Icons and Comments header */
#main_content .highlight div.section li.sectorTravel
{
    background: url(../images/icons/iconTravelAll.gif) no-repeat right;}
#main_content .highlight div.section li.sectorHome
{
    background:url(../images/icons/iconHomeAll.gif) no-repeat right;}
#main_content .highlight div.section li.sectorFood
{
    background:url(../images/icons/iconFoodAll.gif) no-repeat right;}
#main_content .highlight div.section li.sectorOther
{
    background:url(../images/icons/iconOtherAll.gif) no-repeat right;}
#main_content .highlight h2.comments {
    background: url(../images/headers/h2_comments.gif) no-repeat top left;
    margin-top: 0;
    padding: 0px;
    width: 379px;
    height: 50px;
}
    
#main_content .popular div.section li.sectorTravel
{
    background: url(../images/icons/iconTravelPopular.gif) no-repeat right;}
#main_content .popular div.section li.sectorHome
{
    background:url(../images/icons/iconHomePopular.gif) no-repeat right;}
#main_content .popular div.section li.sectorFood
{
    background:url(../images/icons/iconFoodPopular.gif) no-repeat right;}
#main_content .popular div.section li.sectorOther
{
    background:url(../images/icons/iconOtherPopular.gif) no-repeat right;}
#main_content .popular h2.comments {
    background: url(../images/headers/h2_popularComments.gif) no-repeat top left;
}

#main_content .latest div.section li.sectorTravel
{
    background:url(../images/icons/iconTravelLatest.gif) no-repeat right;}
#main_content .latest div.section li.sectorHome
{
    background:url(../images/icons/iconHomeLatest.gif) no-repeat right;}
#main_content .latest div.section li.sectorFood
{
    background:url(../images/icons/iconFoodLatest.gif) no-repeat right;}
#main_content .latest div.section li.sectorOther
{
    background:url(../images/icons/iconOtherLatest.gif) no-repeat right;}
#main_content .latest h2.comments {
    background: url(../images/headers/h2_latestComments.gif) no-repeat top left;
}
/* ----- */
#main_content .highlight p.author
{
    background: url(../images/icons/iconAuthor.gif) no-repeat top left;
    padding: 0px 20px 13px;
}
#main_content div.comment input.fullwidth{
	width: 100%;
	margin-top: 13px;
}
#main_content div.comment .formsubmit{
	margin-top: 3px;
}
#main_content div.comment h2{
	padding-bottom: 0px;
}
/* =Forms
-----------------------------------------------------------------------------*/
fieldset {
    border: none;
}
#main_content div.register {
    background: #EFF7E4 url(../images/generic/formRegTop.gif) no-repeat top left;
    width: 405px;
    padding: 13px 0 0 0;
}
#main_content div.register fieldset {
    background: #EFF7E4 url(../images/generic/formRegBot.gif) no-repeat bottom left;
    width: 405px;
    padding: 0;
}
#main_content div.register .section {
    margin: 0 13px 13px 13px;
    background: none;
}
#main_content div.register .section .image {
    width: 379px;
    background: transparent url(../images/generic/formRegImage.gif) no-repeat top right;
}
#main_content div.register .border {
    background: #EFF7E4 url(../images/generic/sectionBorder.gif) repeat-x bottom left;
}
#main_content div.register h2 {
    font-size: 0.8em;
    font-weight: bold;
    color: #29913B;
}
#main_content div.register div.formlabel {
    padding: 0;
}
#main_content div.register div.formsubmit {
    padding: 0 0 0 152px;
}
#main_content div.login {
    background: url(../images/generic/formLoginBG.jpg) no-repeat top left;
    width: 405px;
    height: 457px;
    padding: 0;
}
#main_content div.login div.formlabel {
    padding: 13px 0 0 13px;
}
#main_content div.login div.formsubmit {
    padding: 13px 13px 13px 165px;
}
#main_content .highlight div.formitem div.formlabel, #main_content div.register div.formlabel {
    padding: 0 0 13px 0;
}
#main_content div.formitem div.formlabel p {
    padding: 0 0 3px 0;
    margin: 0;
}
#main_content div.formitem input.textbox {
	width: 220px;
}
#main_content div.formitem select.textbox {
	width: 224px;
}
#main_content div.addProject input.textbox, #main_content div.addProject textarea.textbox {
	/*bo rder: outset 1px #FEC612;*/
	width: 349px;
}
#main_content div.addProject select.projectSector {
	width: 353px;
}
#main_content div.addProject input.browse {
	width: 105px;
	padding: 0;
	margin: 0;
}
#main_content div.addProject input.projectImage {
	width: 240px;
}
#consent {
	display: none;
	border: 1px solid #28903A;
	background-color: #FFFFFF;
	width: 270px;
	padding: 7px;
	position: absolute;
	top: 35px;
	left: 100px;
	z-index: 100;
}
#map 
{
    vertical-align: bottom;
    text-align: center;
    margin: 13px 0 0 0;
}
/* =My profile/emissions
-----------------------------------------------------------------------------*/
#main_content h1.myProfile {
    padding-left: 134px;
}
#main_content img.profileImage {
    position: absolute;
    width: 120px;
    height: 215px;
    left: 20px;
    z-index: 30;
}
#main_content div.emissions .sectionBBorder {
    background: #FFFFFF url(../images/generic/sectionBorder.gif) repeat-x bottom left;
    padding: 3px 2px 4px 2px;
    margin: 0 2px;
    position: relative;
}
#main_content div.emissions div.myProfile {
    margin: 0;
    min-height: 150px;
    background: transparent url(../images/carbonator/profileBG.gif) no-repeat left top;
    padding: 10px 13px 0 130px;
}
#main_content div.emissions div.editProfile {
    margin: 0;
    height: 44px;
    background: #F5FAEF url(../images/carbonator/profileEditBG.gif) no-repeat left top;
    padding: 11px 0 0 130px;
}
#main_content div.emissions div.holder {
    padding: 0px;
    margin: 3px 4px;
    padding: 8px 13px 13px 6px;
    position: relative;
}
#main_content div.emissions div.travel {
    background: transparent url(../images/carbonator/emissionsTravelBG.gif) no-repeat left top;
    color: #000000;
}
#main_content div.emissions div.home {
    background: transparent url(../images/carbonator/emissionsHomeBG.gif) no-repeat left top;
    color: #000000;
}
#main_content div.emissions div.food {
    background: transparent url(../images/carbonator/emissionsFoodBG.gif) no-repeat left top;
    color: #000000;
}
#main_content div.emissions div.summaryImage 
{
    padding-bottom: 13px;
    width: 113px;
    position: relative;
}
#main_content div.emissions div.summaryImage img.cloud {
	padding-left: 2px;
}
#main_content div.emissions div.summaryImage ul.rating {
	list-style-type: none;
	margin: 0px;
	width: 112px;
}
#main_content div.emissions div.summaryImage ul.rating li {
	float: left;
	padding: 10px 0 20px 0;
	margin: 0;
}
#main_content div.emissions div.side_text 
{
    width:254px;
    margin: 0 0 0px 0;
    padding: 5px 0px 0px 0;
    position: relative;
}
#main_content div.emissions p, #main_content div.emissions h2 
{
    padding-bottom: 8px;
}
/*#main_content div.emissions div.travel {
    background: transparent url(../images/carbonator/travelBG.gif) no-repeat right top;
    color: #000000;
}
#main_content div.emissions div.home {
    background: transparent url(../images/carbonator/homeBG.gif) no-repeat right top;
    color: #000000;
}
#main_content div.emissions div.food {
    background: transparent url(../images/carbonator/foodBG.gif) no-repeat right top;
    color: #000000;
}*/
#main_content div.emissions div.recalculate {
    margin: 0;
    height: 44px;
    background: #DCF4FA url(../images/carbonator/recalculateBG.gif) no-repeat left top;
    padding: 11px 0 0 130px;
}
/* Site map */
#main_content ul.sitemap {
    padding-bottom: 8px;
}
#main_content ul.sitemap p {
    padding-bottom: 5px;
}
#main_content ul.sitemap a {
    color: #F15225;
}
#main_content ul.sitemap ul.subNav {
    margin-left: 13px;
}
#main_content ul.sitemap ul.subNav a {
    font-weight: normal;
}
/* =Secondary Content
-----------------------------------------------------------------------------*/
#secondary_content
{
    background-image: url(../images/generic/rightTop.gif);
    background-repeat:no-repeat;
    padding-top: 10px;
    width:169px;
    float:left;
    background-color:#28903A;
}
#secondary_content .profile, #secondary_content .options {
    padding: 0px 0px 19px 13px;
    color: #FFFFFF;
    background: #4B98CD url(../images/generic/rightEmissionTop.gif) no-repeat bottom left;
}
#secondary_content a {
    color: #FFFFFF;
}
#secondary_content .emission {
    padding-bottom: 0px;
}
#secondary_content .divider {
    background: url(../images/generic/rightEmissionDivider.gif) no-repeat top left;
    padding-top: 22px;
    padding-bottom: 0px;
}
#secondary_content .emission .content {
    background: url(../images/generic/rightEmissionBG.gif) repeat-x top left;
    padding: 0px 6px 0px 6px;
    color: #FFFFFF;
    margin: 0px;
}
#secondary_content .competition {
    padding: 0px;
    margin: 0px;
    height: 87px;
}
#secondary_content .emission .content p {
    padding: 20px 5px 0px 7px;
    color: #FFFFFF;
}
#secondary_content .emission .content p.indiv {
    width: 125px;
}
#secondary_content .emission .content p.class {
    width: 100px;
}
#secondary_content .emission img.middle {
    padding: 0px 3px;
}
#secondary_content .emission img.indiv {
    padding: 23px 0px 0px 0px;
}
#secondary_content .emission img.class {
    padding: 26px 0px 0px 0px;
}
#secondary_content .options h3 {
    color: #FFFFFF;
    line-height: 1em;
    margin: 0;
    padding: 2px 0 6px 0;
    position: relative;
}
#secondary_content ul {
    margin: 0 13px 5px 0;
}
#secondary_content ul li {
    background: transparent url(../images/generic/profileDiv.gif) repeat-x bottom left;
    padding: 0;
    position: relative;
}
#secondary_content ul li.icon {
    width: 123px;
    display: block;
    padding-right: 20px;
    margin-top: 3px;
}
#secondary_content ul li p {
    color: #FFFFFF;
    padding: 3px 0px 5px 0px;
}
#secondary_content ul li a.icon {
    width: 123px;
    display: block;
    padding-right: 20px;
    margin-top: 3px;
}
#secondary_content ul li a.myProfile {
    background:url(../images/icons/iconMyProfile.gif) no-repeat right;
}
#secondary_content ul li a.myEmissions {
    background:url(../images/icons/iconEmissions.gif) no-repeat right;
}
#secondary_content ul li a.myProjects {
    background:url(../images/icons/iconMyProjects.gif) no-repeat right;
}
#secondary_content ul li a.addProject {
    background:url(../images/icons/iconAddProject.gif) no-repeat right;
}
#secondary_content ul li a.send {
    background:url(../images/icons/iconSend.gif) no-repeat right;
}
#secondary_content ul li a.myProfile:hover, 
#secondary_content ul li a.myProfile:focus, 
#secondary_content ul li.active a.myProfile {
    background:url(../images/icons/iconMyProfileHover.gif) no-repeat right;
}
#secondary_content ul li a.myEmissions:hover, 
#secondary_content ul li a.myEmissions:focus, 
#secondary_content ul li.active a.myEmissions {
    background:url(../images/icons/iconEmissionsHover.gif) no-repeat right;
}
#secondary_content ul li a.myProjects:hover, 
#secondary_content ul li a.myProjects:focus, 
#secondary_content ul li.active a.myProjects {
    background:url(../images/icons/iconMyProjectsHover.gif) no-repeat right;
}
#secondary_content ul li a.addProject:hover, 
#secondary_content ul li a.addProject:focus, 
#secondary_content ul li.active a.addProject {
    background:url(../images/icons/iconAddProjectHover.gif) no-repeat right;
}
#secondary_content ul li a.send:hover, 
#secondary_content ul li a.send:focus, 
#secondary_content ul li.active a.send {
    background:url(../images/icons/iconSendHover.gif) no-repeat right;
}
#secondary_content ul li a:hover, #secondary_content ul li a:focus, #secondary_content ul li.active a {
    color: #F3FC03;
    text-decoration: none;
}
#secondary_content .section .content li.sendEmail {
    background: none;
    padding-top: 8px;
}
#secondary_content input.rate {
    font-size: 0.75em;
    width: 146px;
    height: 1.65em;
    text-align: left;
    color: #FFFFFF;
    font-family: Arial,helvetica,serif;
    font-weight: bold;
    border: 0;
    margin: 3px 0px 3px -3px;
    background: transparent url(../images/icons/iconRate.gif) no-repeat right 2px!important;
    cursor: pointer;
    position: relative;
}
#secondary_content input.textbox {
    color: #54A1D5;
    font-size: 0.75em;
    font-family: Arial,helvetica,serif;
    font-weight: bold;
    border: solid 1px #77B4DE;
    background-color: #FFFFFF;
    width: 9.4em;
    height: 1.5em;
    margin-right:3px;
    float: left;
    position: relative;
}
/* Opera CSS Hack */
@media screen and (min-width: 0px) {
	#secondary_content input.textbox {
		width:9.3em;
	}
}
#secondary_content input.button {
    width: 1.9em;
    height: 1.65em;
    color: #FFFFFF;
    font-size: 0.75em;
    font-family: Arial,helvetica,serif;
    font-weight: bold;
    border: 0;
    background-color: #3988BC;
    float: left;
    cursor: pointer;
    position: relative;
}
#secondary_content .register {
    padding: 13px 6px 23px 6px;
    background: url(../images/generic/secondary_rounded_bttm.gif) no-repeat bottom left;
}
#secondary_content .bottom {
    padding: 13px 13px 23px 13px;
    background: url(../images/generic/secondary_rounded_bttm.gif) no-repeat bottom left;
}
/* =Utility Menu
-----------------------------------------------------------------------------*/
#utilityMenu
{ 
    padding-top:13px;
    width:431px;
    margin:0 auto;
    text-align: center;
}
#utilityMenu ul 
{
    /*ma rgin-left:88px;*/
}
#utilityMenu ul li a
{
    font-weight:normal;
    font-size: 0.8em;
    color: #000000;
}
#utilityMenu ul li
{
    display:inline;
}
#utilityMenu ul li p 
{
    display:inline;
}
#utilityMenu div.footerlink {
	margin-top: 5px;
}

/* =Buttons
-----------------------------------------------------------------------------*/
a.button img {
    padding: 0px;
    margin: 0px;
    height: 33px;
}
a.button:hover, a.button:hover img,
a.button:focus, a.button:focus img {
    background-position: 0 -33px;
}
a.butLogin img {
    background: url(../images/buttons/butLogin.gif) no-repeat left top;
    width: 72px;
}
input.butJoinIn:hover {
    
}
a.butSave img {
    background: url(../images/buttons/butSave.gif) no-repeat left top;
    width: 72px;
}
a.butStart img {
    background: url(../images/buttons/butStart.gif) no-repeat left top;
    width: 109px;
}
a.butNextQuestion img {
    background: url(../images/buttons/butNextQuestion.gif) no-repeat left top;
    width: 109px;
}
a.butSaveNow img {
    background: url(../images/buttons/butSaveNow.gif) no-repeat left top;
    width: 109px;
}
a.butCalculate img {
    background: url(../images/buttons/butCalculate.gif) no-repeat left top;
    width: 109px;
}
a.butRecalculate img {
    background: url(../images/buttons/butRecalculate.gif) no-repeat left top;
    width: 102px;
}
a.butNextSection img {
    background: url(../images/buttons/butNextSection.gif) no-repeat left top;
    width: 109px;
}
a.butCreateProject img {
    background: url(../images/buttons/butCreateProject.gif) no-repeat left top;
    width: 127px;
}
a.butRecalculateEmissions img {
    background: url(../images/buttons/butRecalculateEmissions.gif) no-repeat left top;
    width: 251px;
}
a.butSubmitComment img {
    background: url(../images/buttons/butSubmitComment.gif) no-repeat left top;
    width: 150px;
}
a.butSubmitProject img {
    background: url(../images/buttons/butSubmitProject.gif) no-repeat left top;
    width: 150px;
}
input.butAddProject {
    width: 109px;
    margin-top: 5px;
}
a.butSaveCarResults img {
    background: url(../images/buttons/butSaveCarResults.gif) no-repeat left top;
    width: 220px;
}
a.butViewEmissionsTotal img {
    background: url(../images/buttons/butViewEmissionsTotal.gif) no-repeat left top;
    width: 220px;
}
a.butEditProfile img {
    background: url(../images/buttons/butEditProfile.gif) no-repeat left top;
    width: 251px;
}
a.butBack img {
    background: url(../images/buttons/butBack.gif) no-repeat left top;
    width: 72px;
}
a.butConfirm img {
    background: url(../images/buttons/butConfirm.gif) no-repeat left top;
    width: 72px;
}
/* Smaller Buttons */
input.butRecalculateSmall {
    width: 86px;
    height: 24px;
    margin-left: 12px;
    font-size: 0.1em;
    line-height: 0.1em;
}
a.butMoreProjects img {
    background: url(../images/buttons/butMoreProjects.gif) no-repeat left top;
    padding: 0px;
    margin: 0px;
    height: 22px;
}
a.butMoreProjects:hover img, a.butMoreProjects:focus img {
    background-position: 0 -22px;
}
/* Right Panel Buttons */
#secondary_content a.button:hover img, #secondary_content a.button:focus img {
    background-position: 0 -34px;
}
a.butRightLogin img {
    background: url(../images/buttons/butRightLogin.gif) no-repeat left top;
    width: 154px;
    height: 34px;
}
a.butRightLogout img {
    background: url(../images/buttons/butRightLogout.gif) no-repeat left top;
    width: 143px;
    height: 34px;
}
a.butRightRegister img {
    background: url(../images/buttons/butRightRegister.gif) no-repeat left top;
    width: 154px;
    height: 34px;
}
a.butRightJoinIn img {
    background: url(../images/buttons/butRegisterCloud.gif) no-repeat left top;
    width: 157px;
    height: 90px;
}
a.butRightJoinIn:hover img, a.butRightJoinIn:focus img {
    background-position: 0 -90px;
}
a.butCompetition img {
    background: url(../images/buttons/butCompetition.gif) no-repeat left top;
    width: 169px;
    height: 90px;
}
a.butCompetition:hover img, a.butCompetition:focus img {
    background-position: 0 -90px;
}

/* =Popup
-----------------------------------------------------------------------------*/
#popup {
    width: 550px;
    margin:0 auto; 
    background: #8CC63F url(../images/generic/popupBG.gif) repeat-y center top;
}
#popup div.popupBot {
    background: transparent url(../images/generic/popupBot.gif) no-repeat left bottom;
    padding-bottom: 27px;
}
#popup div.popupContent {
    margin: 2px 24px 0 24px;
}
#popup h1 {
    padding-left: 0px;
    background: #FFFFFF url(../images/generic/sectionBorder.gif) repeat-x bottom left;
}
#popup .section
{
    background: #FFFFFF url(../images/generic/popupVerBorder.gif) repeat-y top left;
    padding-bottom: 0px;
    position: relative;
}
#popup .section .sectionBBorder
{
    background: #FFFFFF url(../images/generic/sectionBorder.gif) repeat-x bottom left;
    padding: 13px 12px 0 12px;
    margin: 0 3px;
    position: relative;
}
#popup p {
    padding-bottom: 13px;
}
#popup ol {
    font-size: 0.8em;
    margin-left: 30px;
    padding-bottom: 13px;
}