* {
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif !important;
}
body.modalBody {
background-image:none !important;
}
h1 {
border-bottom:0;
color:#FFF;
}
#modalContainer {
width:965px;
height:460px;
overflow:hidden;
margin:0 auto;
text-align:left;
padding:0;
font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif !important; 
}

#gmHeader, #chHeader {
background:url(../images/ph2_m_head-bg.gif) no-repeat top left;
height:94px;
width:606px;
}
#gmHeader h1, #gmHeader h2, #gmHeader h3, #chHeader h1, #chHeader h2 {
font-size:10px;
color:#A2CE6D;
line-height:26px;
margin:0px 0 -8px 0;
padding:10px 0 0 33px;
font-weight:normal;
}
#gmHeader h1 strong, #chHeader h1 strong {
font-size:18px;
color:#FFF;
font-weight:normal;
margin-left:15px;
}
#gmHeader h2 strong, #gmHeader h3 strong, #chHeader h2 strong {
color:#FFF;
font-size:12px;
font-weight:normal;
}
#gmHeader h3 {
margin:-36px 0 0 300px
}
#chHeader h2 strong {
margin-left:20px;
}
#gmSearch {
background:url(../images/ph2_m_search-bg.gif) no-repeat top left;
width:354px;
height:80px;
overflow:hidden;
float:right;
margin:-94px 0 0 0;
font-size:10px;
color:#FFF;
}
#chDates {
background:url(../images/ph2_m_dates-bg.gif) no-repeat top left;
width:354px;
height:80px;
overflow:hidden;
float:right;
margin:-94px 0 0 0;
font-size:10px;
color:#FFF;
}
#gmSearch h4 {
font-size:11px;
float:left;
margin:5px 0 7px 20px;
font-weight:normal;
}
#gmSearch a.showAll {
display:block;
background:transparent url(../images/ph2_update-btn-bg.png) no-repeat;
width:25px;
text-indent:-5000em;
height:25px;
text-align:center;
font-size:9px;
line-height:9px;
color:#FFF;
text-decoration:none;
overflow:hidden;
float:right;
position:relative;
z-index:10;
top:42px;
right:10px;
white-space:nowrap;
}
#gmSearch a.showAll:hover, #gmSearch a.showAll:focus, #gmSearch a.showAll:active {
text-decoration:none;
}
#gmSearch div.fields {
clear:both;
margin:20px 0 0 20px;
position:relative;
top:10px;
}
#gmSearch div.fields div {
float:left;
overflow:hidden;
width:140px;
}
#gmSearch div.fields label {
display:block;
margin:0 0 -8px 2px;
}
#gmSearch div.fields input {
width:100px;
margin-right:5px;
}
#gmSearch div.fields img {
cursor:pointer;
margin:0px 0 0px 0;
position:relative;
top:7px;
}
#chDates .start, #chDates .end {
display:block;
float:left;
width:176px;
text-align:center;
}
#chDates .start {
border-right:1px solid #7aa15e;
margin:20px 0 0 0;
font-size:11px;
padding:2px 0;
}
#chDates .start strong {
font-size:20px;
line-height:26px;
}
#chDates .end {
font-size:11px;
margin:15px 0 0 0;
}
#chDates .end strong {
color:#A61E35;
font-size:16px;
line-height:24px;
}
#chDates .end strong.enddate {
	color:#FFF;
}
#chDates .end span {
font-style:italic;
}


.pager {
display:block;
width:950px;
clear:both;
font-size:11px;
color:#639143;
padding:0 15px;
margin:10px 0 0 0 !important;
padding-bottom:0px !important;
line-height:15px;
position:absolute !important;
top:470px !important;
}
.resultsDisplay {
float:right;
}
.resultsDisplay input {
border:0;
font-size:11px;
color:#639143;
width:25px !important;
text-align: right;
}
.pagination {
float:right;
margin-right:30px;
}
.pagination a {
display:block;
float:right;
width:20px;
margin-left:3px;
overflow:hidden;
text-indent:-5000em;
cursor:pointer;
}
.pagination a.first {
margin-left:15px;
background:url(../images/pagination_back.gif) no-repeat left;
}
.pagination a.last {
margin-right:12px;
background:url(../images/pagination_forward.gif) no-repeat right;
}
.pagination a.prev {
background:url(../images/ph2_pager-prev.png) no-repeat right;
}
.pagination a.next {
background:url(../images/ph2_pager-next.png) no-repeat left;
}
.export {
display:block;
clear:both;
font-size:11px;
margin-left:15px;
margin-top:0px !important;
padding-top:0px !important;
line-height:12px;
position:absolute !important;
top:480px !important;
}
.export a {
color:#888;
text-decoration:none;
}
.export a:hover, .export a:active, .export a:focus {
color:#444;
}

/* tabs */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
font-size:12px;
}
.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin:0 -20px 0 30px;
min-width: 200px; /* be nice to Opera */
display:block;
width:216px;
color:#FFF;
}
.ui-tabs-nav a {
display: block;
padding:6px 0 5px 30px;
background: url(../images/ph2_m_tab-bg.gif) no-repeat;
width:186px;
height:13px;
white-space: nowrap; /* required in IE 6 */    
outline: 0; /* prevent dotted border in Firefox */
text-decoration:none;
color:#A2CE6D !important;
}
.ui-tabs-nav .ui-tabs-selected a {
position:relative;
z-index: 2;
color: #FFF;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position:bottom;
color:#FFF !important;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
color:#FFF !important;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
	color:#FFF !important;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
	color:#FFF !important;
}
.ui-tabs-panel {
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(../images/modal-loading.gif) no-repeat 50% 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#avgttlTab {
position:absolute;
display:none;
height:164px;
width:30px;
font-size:11px;
margin:30px 0 0 -30px;
overflow:hidden;
}
#avgttlTab .avg, #avgttlTab .ttl {
display:block;
height:164px;
width:30px;
white-space:nowrap;
text-indent:-5000em;
}
#avgttlTab .avg {
background:url(../images/ph2_m_display-avg.gif);
}
#avgttlTab .ttl {
background:url(../images/ph2_m_display-ttl.gif);
}


/* results table */
#results, #rankings, #grpChallenge, #challengeResults {
width:965px;
}
table#resultsTable, table#breakdownTable, table#rankingsTable, table.grpChalTable{
font-size: 11px;
width: 963px;
position:relative;
margin-top:-10px;
margin-left:1px;
}
table#resultsTable, table.grpChalTable {
background:url(../images/ph2_m_results-top-bg.gif) no-repeat top;
}
table#rankingsTable {
margin-top:-3px !important;
}
table.grpChalTable, table#resultsTable {
/*
height:378px !important;
overflow:hidden !important;
*/
}
table.grpChalTable thead, table#resultsTable thead {
height:56px;
vertical-align:top;
}
table#resultsTable thead th {
padding:4px 0 0 0 !important;
}
table.grpChalTable tbody, table#resultsTable tbody {
/*
height:321px !important;
vertical-align:top;
*/
}
table#resultsTable tbody td, table#breakdownTable tbody td, table#rankingsTable tbody td, table.grpChalTable tbody td {
/*vertical-align:middle;*/
}
table#resultsTable th, table.grpChalTable th {
height:56px;
vertical-align:top;
}
table#resultsTable th div, table.grpChalTable th div {
border-left:1px solid #639143;
padding:5px 0 5px 35px;
color:#FFF;
width:70px;
height:36px;
overflow:hidden;
line-height:12px;
}
table#resultsTable th div {
padding-top:10px !important;
}
table.grpChalTable th div {
padding:32px 0 0 7px;
width:100px;
text-align:center;
height:24px;
overflow:hidden;
line-height:12px;
}
table#resultsTable th div:hover, table.grpChalTable th div:hover {
cursor:pointer;
}
table#resultsTable th div a, table.grpChalTable th div a {
color:#FFF !important;
text-decoration:none;
}
table#resultsTable th.one div {
border-left:0;
background:url(../images/ph2_m_icon-members.png) no-repeat 30px 9px;
padding-left:70px;
font-size:13px;
text-align:center;
line-height:18px;
padding-top:0px !important;
}
table.grpChalTable th.one div {
border-left:0;
font-size:9px;
font-weight:normal;
text-align:left;
padding:0 0 0 10px;
width:120px;
margin:5px 0px 0 10px;
line-height:10px;
}
table.grpChalTable th.one div.select {
border-top:1px dotted #FFF;
padding:0 0 0 0;
margin:3px 0 0 8px;
width:135px;
}
table.grpChalTable th.one div.select div {
float:left;
display:block;
padding:0 0 0 0;
width:67px;
margin:3px 0 0 0;
line-height:13px;
position:relative;
left:10px;
}
table.grpChalTable th.one div.select div input {
margin:-2px 0 0 0;
vertical-align:middle;
}
table#resultsTable th.one div strong {
font-size:22px;
text-align:center;
}
table#resultsTable th.two div {
border-left:0;
width:45px;
background:url(../images/ph2_m_icon-days.png) no-repeat 0px 9px !important;
}
table.grpChalTable th.two div {
border-left:0;
background:url(../images/ph2_m_icon-members2.png) no-repeat 50% 4px;
}
table#resultsTable th.three div {
width:55px;
background:url(../images/ph2_m_icon-miles.png) no-repeat 3px 8px !important;
}
table.grpChalTable th.three div {
background:url(../images/ph2_m_icon-days.png) no-repeat 46px 2px;
}
table#resultsTable th.four div {
background:url(../images/ph2_m_icon-gas.png) no-repeat 3px 7px !important;
}
table.grpChalTable th.four div {
background:url(../images/ph2_m_icon-miles.png) no-repeat 46px 0;
}
table#resultsTable th.five div {
background:url(../images/ph2_m_icon-money.png) no-repeat 4px 9px !important;
}
table.grpChalTable th.five div {
background:url(../images/ph2_m_icon-gas.png) no-repeat 46px 0;
}
table#resultsTable th.six div {
background:url(../images/ph2_m_icon-carbon.png) no-repeat 5px 7px !important;
}
table.grpChalTable th.six div {
background:url(../images/ph2_m_icon-money.png) no-repeat 46px 2px;
}
table#resultsTable th.seven div {
background:url(../images/ph2_m_icon-health.png) no-repeat 7px 8px !important;
}
table.grpChalTable th.seven div {
background:url(../images/ph2_m_icon-carbon.png) no-repeat 46px 0;
}
table.grpChalTable th.eight div {
background:url(../images/ph2_m_icon-health.png) no-repeat 46px 3px;
}
table#resultsTable, table.grpChalTable {
/*border:1px solid #FFFFFF !important;*/
}
/*table#resultsTable tbody tr.odd, table.grpChalTable tbody tr.odd {
background:#f2f2f2;
}*/
table#resultsTable td, table.grpChalTable td {
padding:8px 0 8px 40px;
color:#777C68;
}
table.grpChalTable td span {
color:#ab1920 !important;
}
table#resultsTable td.lead, table.grpChalTable td.lead {
background:url(../images/ph2_m_lead-bg.png) no-repeat 25%;
color:#fff;
}
table#resultsTable td.champ, table.grpChalTable td.champ {
background:#FFF url(../images/ph2_m_icon-trophy.gif) no-repeat 25% !important;
color:#FFF;
}
table.grpChalTable td.champ span {
color:#FFF !important;
}
table#resultsTable th.headerSortDown, table#resultsTable th.headerSortUp, table.grpChalTable th.headerSortDown, table.grpChalTable th.headerSortUp {
background:url(../images/ph2_m_th-active.gif) repeat-x;
}

/* breakdown table */
table#breakdownTable, table#rankingsTable {
font-size: 11px;
margin:0px 0 10px 0;
/*height:155px;*/
background-color:#FFF;
}
table#breakdownTable th, table#rankingsTable th {
text-align: left;
padding:5px 0 !important;
font-size:11px;
background-color: #4b7731 !important;
color:#FFF !important;
white-space:nowrap !important;
}

table#rankingsTable th.one, table#breakdownTable th.one {
background:#FFF;
color:#3E653D;
font-size:12px;
padding-left:5px !important;
width:185px;
}
table#breakdownTable th.one div {
width:183px !important;
margin-left:-5px;
padding-bottom:3px;
color:#FFF;
}
table#rankingsTable th.one select {
float:right;
margin:-15px 5px -15px 0;
}
table#rankingsTable th.two div {
border-left:1px solid #4e7a33;
}
table#breakdownTable th div, table#rankingsTable th div {
border-left:1px solid #639143;
padding:3px 0px 3px 7px;
}
table#breakdownTable th.one div, table#rankingsTable th.one div {
border-left:0;
width:90px;
}
table#breakdownTable tbody, table#rankingsTable tbody {
margin:4px 0 15px 0;
}
table#breakdownTable td, table#rankingsTable td {
padding:8px 0 8px 8px;
color:#777C68;
}
td.firstTD {padding-left:10px !important; padding-right:30px !important;}

/* Firefox */
table#breakdownTable th div {
position:relative;
top:-1px;
}

.cake-debug {
display:none !important;
}