/* Default styles */
body        {border-width:0; margin:0; padding:0; font-family:Tahoma; font-size:13px;}
table       {background-color:Transparent;}
th          {vertical-align:top; font-family:Tahoma; font-size:13px; color:#333333;}
td          {vertical-align:top; font-family:Tahoma; font-size:13px; color:#333333;}
p           {font-family:Tahoma; font-size:13px; color:#333333;}
div         {font-family:Tahoma; font-size:13px; color:#333333; text-align:left;}
span        {font-family:Tahoma; font-size:13px; color:#333333;}
img         {border-width:0px;}
ol          {font-family:Tahoma; font-size:13px; color:#333333;}
ul          {font-family:Tahoma; font-size:13px; color:#333333;}
li          {font-family:Tahoma; font-size:13px; color:#333333;}
h1          {font-family:Tahoma; color:#3366CC; font-size:20px; font-weight:bold;}
h2          {font-family:Tahoma; font-size:14px; color:#333333; font-weight:bold;}
h3          {font-family:Tahoma; font-size:13px; color:#333333;}
h4          {font-family:Tahoma; font-size:13px; color:#333333;}
h5          {font-family:Tahoma; font-size:13px; color:#333333;}
h6          {font-family:Tahoma; font-size:13px; color:#333333;}
input       {font-family:Tahoma; font-size:13px; color:#333333;}
textarea    {font-family:Tahoma; font-size:13px; color:#333333;}
select      {font-family:Tahoma; font-size:13px; color:#333333;}
a:link      {text-decoration:none;}
a:visited   {text-decoration:none;}
a:hover     {text-decoration:none;}


/* Sizing and spacing */
table.s_Main            {width:1000px;padding: 0; margin: 0 auto;}
td.s_Top_Separator      {font-size:1px; height:20px;} /* space between banner and content */
td.s_TopPane_LeftSpace  {font-size:1px; width:5px;} /* space on the left for content margin */
td.s_Bottom_Separator   {font-size:1px; height:15px;} /* space between content and bottom links */

/* Banner */
td.title_motto {vertical-align:middle;}
span.s_BannerUnep       {color:#3366CC; font-size:18px; text-align:left;}
span.s_BannerMotto      {color:#333333; font-size:14px; font-weight:bold; text-align:left;}
td.s_BannerLine         {background-color:#666666; height:4px; font-size:1px;} /* small colored line on top */
td.s_BannerBg           {height:86px; background-image:url('gfx/BannerBg.jpg'); background-repeat:repeat-x;} /* blue gradient bg for banner body */
td.s_BannerLogoTopSpace {font-size:1px; height:11px;} /* space between logo and top */
td.s_BannerLogoLeftSpace    {font-size:1px; width:30px;} /* margin left for the logo */
td.s_BannerLogo             {width:52px;} /* unep logo */
td.s_BannerLogoRightSpace   {font-size:1px; width:12px;} /* margin right for the logo */

/* Horizontal navigation - z-index for IE 8 compatitiblity issue */
td.s_BannerLinksBar         {vertical-align:middle; height:42px; background-image:url('gfx/BannerLinksBg.jpg'); background-repeat:repeat-x;}
.s_MenuCont                 {background-color:Transparent; vertical-align:middle;}
.s_StaticMenuItemStyle      {background-color:Transparent; color:#FFFFFF; font-size:14px; font-weight:bold; padding-left:5px; padding-right:5px;}
.s_StaticHoverStyle         {background-color:Transparent; color:#333333;}
.s_StaticSelectedStyle      {background-color:Transparent; color:#333333;}
.s_DynamicMenuItemStyle     {color:#FFFFFF; padding-left:10px; padding-bottom:8px; padding-right:30px; padding-top:8px; background-color:#5587DC; font-size:14px; font-weight:bold;}
.s_DynamicMenuStyle         {z-index:100;}
.s_DynamicHoverStyle        {color:#333333;}
.s_DynamicSelectedStyle     {color:#333333;}


/* navigation */
td.s_InnerMenu  {background-color:#99CCFF; background-image:url('gfx/MenuBg.jpg'); background-repeat:no-repeat; width:177px; height:450px; font-weight:bold;}
ul.NavList          {list-style-type:none;}
li.NavItem          {margin-bottom:8px;}
a.LnkNav:link       {color:#3366CC; font-weight:bold;}
a.LnkNav:visited    {color:#3366CC; font-weight:bold;}
a.LnkNav:hover      {color:#FFFFFF; font-weight:bold;}

/* body */
td.s_Home_Content   {width:760px;}
.PageTitle          {color:#3366CC; font-size:20px; font-weight:bold;}
.SubTitle           {font-weight:bold;}
.lblSource          {font-style:italic;}
a.LnkSource:link    {color:#3366CC;}
a.LnkSource:visited {color:#3366CC;}
a.LnkSource:hover   {color:#99CCFF;text-decoration:underline;}
.err                {font-weight:bold; color:Maroon;}
.groupTitle         {background-color:#99CCFF; color:#3366CC; text-align:center;}
.LastUpdated        {text-align:right; font-style:italic; font-size:smaller;}

/* footer */
td.s_Footer     {background-color:#666666; text-align:center; height:26px; vertical-align:middle; color:#CCCCCC; font-size:11px;}
a.s_copy:link   {color:#CCCCCC; font-size:11px;}
a.s_copy:visited{color:#CCCCCC; font-size:11px;}
a.s_copy:hover  {font-size:11px;}

/* graph - goal cells are fixed */
.GraphBAU           {text-align:center; font-weight:bold; font-size:9px;}

.GraphLowPledges20  {background-color:#FFEB9C; vertical-align:middle; text-align:center; color:#000000; font-size:11px; font-weight:bold;}
.GraphHighPledges20 {background-color:#F2C400; vertical-align:middle; text-align:center; color:#000000; font-size:8px; font-weight:bold;}
.GraphGap20         {background-color:#C00303; vertical-align:middle; text-align:center; color:#000000; font-size:11px; font-weight:bold;}
.GraphGoal20        {background-color:#196D17; height:280px; vertical-align:middle; text-align:center; color:#000000; font-size:11px; font-weight:bold;}

.GraphShade50       {background-image: url('/climatepledges/gfx/topGraph50.gif'); background-repeat:no-repeat; height:50px;}
.GraphBelowShade50  {background-color:#FFEB9C; height:10px; text-align:center; font-size:11px; font-weight:bold;}
.GraphGap50         {background-color:#C00303; vertical-align:middle; text-align:center; color:#000000; font-size:11px; font-weight:bold;}
.GraphGoal50        {background-color:#196D17; height:102px; vertical-align:middle; text-align:center; color:#000000; font-size:11px; font-weight:bold;}

.GraphLegendLow     {background-color:#FFEB9C; height:20px; font-size:11px; text-align:left; vertical-align:middle; color:#000000; font-weight:bold;}
.GraphLegendHigh    {background-color:#F2C400; height:20px; font-size:11px; text-align:left; vertical-align:middle; color:#000000; font-weight:bold;}
.GraphLegendGap     {background-color:#C00303; height:20px; font-size:11px; text-align:left; vertical-align:middle; color:#000000; font-weight:bold;}
.GraphLegendGoal    {background-color:#196D17; height:20px; font-size:11px; text-align:left; vertical-align:middle; color:#000000; font-weight:bold;}

.oldColor   {background-color:#860404;}