@charset "utf-8";
/* CSS Document */

body
{
	background-color: #FFFFFF;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica;
	padding: 0px;
	margin: 0px;
}

a:link {color:#007DBE;}
a:visited {color:#2B4291;}
a:hover {color:#1F9E71;}
a:active {color:#007DBE;}

#coretable
{
	border-collapse: collapse; 
	padding: 0px;
	margin: 0px;
	width: 100%;
}

#header {
	width: 100%;
	background-image:url('../images/header_bg.png');
	background-repeat:repeat-x;
	text-decoration: none;
	height: 100px;
}
#header a
{
	text-decoration: none;
}

#fade
{
	width:100%;
	height:60px;
	text-align:center;
	font-weight:bold;
	font-size:2em;
}

#toptitle
{
	min-width: 800px;
	border-width: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.4em;
	color: #017AC0;
	float: left;
}

#charttitle
{
	font-size: 1.2em;
	color: #017AC0;
}

div.charttitle
{
	font-size: 1.2em;
	color: #017AC0;
}

#contentborder
{
	border-width: 1px;
	border-style: solid;
	border-color: #C6E6F4;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#home_content
{
	text-align:center;
	width: 512px; /* RESTORE 640px;*/
	margin:0 auto;
}
#home_action_description
{
	width: 492px; /* RESTORE 620px; */
	padding: 10px;
	clear:both;
	color:#017AC0;
	font-weight:bold;
	margin:0 auto;
}

div.home_action_description_container
{
	clear:both;
	height:70px;
}

#menucontainer
{
	height:100px;
}

#menu
{
	text-align:center;
	width: 256px; /*RESTORE 320px;*/
	margin:0 auto;
}
#action_description
{
	width: 236px; /* RESTORE 300px;*/
	padding: 10px;
	clear:both;
	color:#017AC0;
	font-weight:bold;
	margin:0 auto;
}

div.action_description_container
{
	clear:both;
	height:35px;
}



#topmenusmall
{
	float: right;
}

#topmenusmall_description
{
	float: left;
	height: 28px;
	padding: 10px;
	clear:both;
	color:#017AC0;
	font-weight:bold;
	margin:0 auto;
}

div.mainicon
{
	width: 128px;
	height: 128px;
	float: left;
	border-top: 1px solid white;
}
div.menuicon
{
	width: 64px;
	height: 64px;
	float: left;
}
div.smallmenuicon
{
	width: 32px;
	height: 32px;
	float: left;
}

div.infocontent
{
	width: 750px;
	text-align: justify;
}

div.autocomplete_account
{
	width: 300px;
}

div.autocomplete_description
{
	text-align: left;
}

#footer {
	width: 100%;
	height: 45px;
	margin-top: 20px;
	background: #FFFFFF;
	background-image:url('../images/footer_bg.png');
	background-repeat:repeat-x;
}
#footer a
{
	font-weight: bold;
	font-size: 0.7em;
	text-decoration: none;
}

img
{
	border-style: none;
}

.reward
{
	width: 210px;
	height: 140px;
	margin: 5px;
	padding-top: 5px;
	border-color: black;
	border-width: 2px;
	border-style: solid;
	text-align: center;
	background-color: #f7f7f7;
	display: inline-block;
}

.icon
{
	background-repeat: no-repeat;  
	background-position: 0px 0px;
	cursor: pointer;
	overflow: hidden;
	height: 32px;
	width: 32px;
}

.yui-skin-sam .yui-radio-button-checked,.yui-skin-sam .yui-checkbox-button-checked {
	border-color:#304369; 
	background-position:0 -1300px;
}

table.budgetgrid
{
	font-size: 1em;
	color: #017AC0;
	text-align:center;
	width: 688px;
}

tr.budgetgridmonth
{
	height: 30px; 
}

tr.budgetgridvalue
{
	height: 30px;
}

td.budgetblue
{
	background-color: #C6E6F4;
}
td.budgetred
{
	background-color: #FFA496;
}
td.budgetgrey
{
	background-color: #DCDDDF;
}

#billedtotallabel
{
	background-color: #C6E6F4;
	width: 340px;
	font-size: 1.4em;
	color:#017AC0;
	text-align: center;
}
#billedtotalvalue
{
	font-size: 1.4em;
}

#savedtotallabel
{
	background-color: #C9FFCD;
	width: 340px;
	font-size: 1.4em;
	color:#017AC0;
	text-align: center;
}
#savedtotalvalue
{
	font-size: 1.4em;
}


span.required
{
	color: red;
}
td.fielderror
{
	color: red;
}
td.fieldlabel
{
	text-align: right;
	background-color: #C6E6F4;
	padding-left: 5px;
	padding-right: 5px;
}

table.datatable td
{
	padding: 5px;
}

td.rowlabel
{
	text-align: right;
	background-color: #C6E6F4;
}

td.fieldlabelclear
{
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
}
table.topprofile
{
	margin: 10px;
	color: #017AC0;
}
td.topprofilecellleft
{
	vertical-align: top;
	padding-right: 10px;
	
	border-width: 0px 1px 0px 0px ;
	border-style: solid;
	border-color: #C6E6F4;
}
td.topprofilecellright
{
	vertical-align: top;
	padding-left: 10px;
}
h1
{
	text-align: center;
	font-weight: normal;
	font-size: 1.4em;

}

div.subtitlecontainer
{
	width: 800px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #C6E6F4;
	padding-bottom: 5px;	
	font-weight:bold;
	font-size:2em;
}

div.introcontainer
{
	margin-top: 10px;
	width: 700px;
	text-align:justify;
	font-size: 1.1em;
}

div.introcontainer a
{
	text-decoration: none;
}

div.charthint
{
	margin-top: 10px;
	padding-bottom: 10px;
	font-style: italic;
}

table.wateractiontable
{
	border-width: 1px 0px 1px 0px ;
	border-style: solid;
	border-color: #C6E6F4;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
table.wateractiontable td
{
	padding: 5px; 
	vertical-align: top;
}

tr.wateractionheader
{
	padding: 5px;
	font-size: 1.2em;
	font-style: bold;
}

.yui-skin-sam .yui-dt tr.action_done,  
.yui-skin-sam .yui-dt tr.action_done td.yui-dt-asc,  
.yui-skin-sam .yui-dt tr.action_done td.yui-dt-desc,  
.yui-skin-sam .yui-dt tr.action_done td.yui-dt-asc, 
.yui-skin-sam .yui-dt tr.action_done td.yui-dt-desc 
{
    background-color: #C9FFCD;  
}


.yui-skin-sam .yui-navset .yui-nav, 
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav 
{
	border:solid #017AC0; /* color between tab list and content */
}


.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav
{
	border:solid #017AC0;
	border-width:0 0 5px;
	zoom:1;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .yui-navset .yui-nav .selected a:hover
{
	background:#017AC0;
	color:#fff;
}


/* selected tab */
.yui-skin-sam .yui-navset .yui-nav .selected a, 
.yui-skin-sam .yui-navset .yui-nav .selected a em 
{
	background: #017AC0; 
}

/* tab content */
.yui-skin-sam .yui-navset .yui-content
{
    background: #f8f8f8;
}