﻿body 
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family:arial, "lucida grande", tahoma, verdana, sans-serif;
    font-size:13px;
    line-height:19px;
     color:#333333;
    
}

p,li
{
    font-size:13px;
    line-height:19px;
}
.wrapper_head
{
    width:100%; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;   
    height:70px;
    min-width:970px !important;
}
.wrapper_content
{
    width:100%; 
    min-width:900px !important;
}
.wrapper_content_sidebar
{
    width:220px;
    float:left;
    padding-left:2px;
    padding-right:10px;
}
.wrapper_content_body
{
    float:left;
	width:650px;	
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 10px;
	background-color:#FFFFFF;
}

.wrapper_main_menu
{
    text-align:left;
    background-color:#CCCCCC;
    background-color:#4FA601;
    background-image:url("/images/header/nav_bg.gif");
    background-position:center bottom;
    background-repeat:repeat-x;
    height:32px;
    margin:0px 0px 0px 0px;
    position:relative;
    min-width:970px !important;
  
}
.wrapper_main_menu_tail
{
    height:4px;
    background-color:#EEEEEE;
    border-bottom-color:#DDDDDD;
    border-bottom-style:solid;
    border-bottom-width:1px;
    min-width:970px !important;
}
.wrapper_main_menu_spacer
{
    height:15px;
    
}

#wrapper_footer
{
    width:100%;
    min-width:800px;
    text-align:center;
    float:left;
    font-size:10px;
    color:#AAAAAA;
    padding-bottom:3px;
}

.main_menu
{
    padding:0px 0px 0px 20px;
}
.main_menu li {
    list-style-type:none;
    text-align:center;
    background-image: none;
	width: 160px;	
	float: left;
	display:inline;
	margin: 0;
	padding: 0;		
	border-right:1px solid #3a7901;	
}
.main_menu li.firstItem {	
	border-left:1px solid #3a7901;	
}
.main_menu li.selectedArea {	
    background-image: url("/images/header/nav_selected.png");
    height: 40px;
    border: none;
}
.main_menu li.selectedArea a:hover{	
	background-color: #3b7803;
}

.main_menu a	
{
    font-family:Arial,Verdana;
	color: white !important;	
	width: 100%;	
	display: block;
	font-size:13px;	
	line-height:16px;
	height: 24px;
	padding-top: 8px;
	text-decoration: none !important;	
	font-weight:bold;
}
.main_menu a:hover {	
	background-color: #438c00;
}

/* General HTML Elements BEGIN */

h1
{
    font-size:19px;
    padding-top:0px;
    margin-top:0px;
    color:#444444;
}
h2
{
    font-size:16px;
}
h3
{
    font-size:14px;
}
small
{
    font-size:11px;
}


/* General HTML Elements END */

/* Sidebar */

#sidebar 
{
    float:left;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	width:220px;
}
#sidebar div.menu-spacer
{
    height:10px;
    padding: 0px 0px 0px 0px;
}


#sidebar div.menu
{
    border: solid 1px #e2e2e2;
    padding: 8px 8px 8px 8px;
    background-color: #fafafa; /* light shading */
}
#sidebar div.menu_orange
{
    border: solid 1px #fdc980;
    padding: 8px 8px 8px 8px;
    background-color: #fdf0c9; /* light shading */
}
#sidebar li.menu_title_orange
{
    background-color:#fde2ba;
    padding: 5px 0px 5px 5px;
    border-top-color:#fde2ba;
    border-top-style:solid;
    border-top-width:1px;
    font-size:12px;
    font-weight:bold;

}

#sidebar li.menu_title
{
    background-color:#f2f2f2;
    padding: 5px 0px 5px 5px;
    border-top-color:#e2e2e2;
    border-top-style:solid;
    border-top-width:1px;
    font-size:12px;
    font-weight:bold;

}

#sidebar li {
	font-size: 12px;         
    padding: 2px 5px 2px 7px;   
    color:#000000;
    line-height:16px;
}

#sidebar ul {
    margin: 0 0 5px 0;
    padding:0;
    list-style-type: none;  
    text-indent:none;
    text-align: left;
}


/* Sidebar Ends */






/* Top bar start */
#top-bar
{
    background-color: #f7f7f7;
    FONT: bold 11px Verdana, sans-serif;
    COLOR: #000000;
    BORDER-BOTTOM: #ccc 1px solid;
    WHITE-SPACE: nowrap;
    HEIGHT: 25px;
    TEXT-ALIGN: left;
    min-width:950px;
    
}
#top-bar .last
{
    BORDER-RIGHT: 0px
}
#top-bar A
{
    BORDER-RIGHT: #ccc 1px solid;
    PADDING-RIGHT: 10px;
    MARGIN-TOP: 5px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    COLOR: #3c6fa9;
    PADDING-TOP: 0px;
    font-weight:bold;
    text-decoration:underline;
    FONT: bold 11px Verdana, sans-serif;
}
#top-bar A:hover 
{
    color:#446ce8;
    text-decoration:none;
}
    

#top-bar A:visited
{
    COLOR: #3c6fa9
}
#top-bar SPAN
{
    BORDER-RIGHT: #ccc 1px solid;
    PADDING-RIGHT: 10px;
    MARGIN-TOP: 5px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
/* Top bar end */


/* Buttons */

.buttonLogout
{
    border:medium none;
    display:block;
    float:left;
    height:28px;
    margin:0 0 6px;
    padding:0;
    width:101px;
    background-color:Transparent;
    border:0 solid #000000;
    cursor:pointer;
    overflow:hidden;
    text-indent:-5000px;
    background-image:url("/Images/header/button_logout_grey.png");
}


.buttonLogout:hover {
    background-position:0 -28px;
}


.sectionHeader
{
    padding: 8px 8px 8px 8px;
    margin: 0px 0px 0px 0px;
    background-color:#73b03d;
    color:#ffffff; 
    font-weight:bold;
    font-size:14px;
    
    /*background:url(/Images/header/summary-menu-bg.png);*/
    width:650px;
}
.comments-body
{
    padding-top:5px;
    
}
.sectionContent
{
    width:630px;
    text-align:left;
    padding-top:8px;
    padding-left:10px;
}
div.textcontent
{
    width:650px;
}

hr { border: 0; 
     height: 1px; 
     background: #CCCCCC; 
     background-image: -webkit-linear-gradient(left, #eeeeee, #CCCCCC, #eeeeee); 
     background-image: -moz-linear-gradient(left, #eeeeee, #CCCCCC, #eeeeee); 
     background-image: -ms-linear-gradient(left, #eeeeee, #CCCCCC, #eeeeee); 
     background-image: -o-linear-gradient(left, #eeeeee, #CCCCCC, #eeeeee); 
 }
 
a:hover
{
    text-decoration:none;
}


/* button styles */

/* Note Buttons using this style have been changes to use greenbtn style for the renaming project */
.bluebtn{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0097d7), color-stop(1, #007aae) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0097d7', endColorstr='#007aae');
	background:-moz-linear-gradient( center top, #0097d7 5%, #007aae 100% );	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #0097d7;
	display:inline-block;
	color:#FFFFFF!important;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 15px!important;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #00628C;
	background-color:#0097d7;
	cursor:pointer;
	line-height:100%!important;
	
}

.bluebtn:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007aae), color-stop(1, #0097d7) );
	background:-moz-linear-gradient( center top, #007aae 5%, #0097d7 100% );	
	background-color:#007aae;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007aae', endColorstr='#0097d7');
	
}

.bluebtn:active {
	position:relative;
	top:1px;
	
}

.greybtn{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdfdfd), color-stop(1, #e4e4e4) );
	background:-moz-linear-gradient( center top, #fdfdfd 5%, #e4e4e4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e4e4e4');
	background-color:#fdfdfd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d4d4d4;
	display:inline-block;
	color:#007bb0!important;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:7px 15px!important;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #ffffff;
	cursor:pointer;
	line-height:100%!important;
}

.greybtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4e4e4), color-stop(1, #fdfdfd) );
	background:-moz-linear-gradient( center top, #e4e4e4 5%, #fdfdfd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#fdfdfd');
	background-color:#e4e4e4;
}

.greybtn:active{
	position:relative;
	top:1px;
}



.greybtnsmall{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdfdfd), color-stop(1, #e4e4e4) );
	background:-moz-linear-gradient( center top, #fdfdfd 5%, #e4e4e4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e4e4e4');
	background-color:#fdfdfd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d4d4d4;
	display:inline-block;
	color:#007bb0!important;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 10px!important;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #ffffff;
	cursor:pointer;
}

.greybtnsmall:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4e4e4), color-stop(1, #fdfdfd) );
	background:-moz-linear-gradient( center top, #e4e4e4 5%, #fdfdfd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#fdfdfd');
	background-color:#e4e4e4;
}

.greybtnsmall:active{
	position:relative;
	top:1px;
}



.greenbtn, button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4FA601), color-stop(1, #3C7D00) );
	background:-moz-linear-gradient( center top, #4FA601 5%, #3C7D00 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4FA601', endColorstr='#3C7D00');*/
	background-color:#4FA601;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px;
	display:inline-block;
	color:#FFF!important;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:7px 15px!important;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #3C7D00;
	cursor:pointer;
	line-height:100%!important
}

.greenbtn:hover, button:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3C7D00), color-stop(1, #4FA601) );
	background:-moz-linear-gradient( center top, #3C7D00 5%, #4FA601 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C7D00', endColorstr='#4FA601');*/
	background-color:#3C7D00;
}

.greenbtn:active, button:active{
	position:relative;
	top:1px;
}



/* large button styles */
.bluebtnlarge{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0097d7), color-stop(1, #007aae) );
	background:-moz-linear-gradient( center top, #0097d7 5%, #007aae 100% );	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #0097d7;
	display:inline-block;
	color:#FFFFFF!important;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:7px 20px!important;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #00628C;
	background-color:#0097d7;
	cursor:pointer;
	line-height:100%!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0097d7', endColorstr='#007AAE');
	
}

.bluebtnlarge:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007aae), color-stop(1, #0097d7) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007AAE', endColorstr='#0097d7');
	background:-moz-linear-gradient( center top, #007aae 5%, #0097d7 100% );	
	background-color:#007aae;
}

.bluebtnlarge:active{
	position:relative;
	top:1px;
}


.greybtnlarge{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdfdfd), color-stop(1, #e4e4e4) );
	background:-moz-linear-gradient( center top, #fdfdfd 5%, #e4e4e4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e4e4e4');
	background-color:#fdfdfd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d4d4d4;
	display:inline-block;
	color:#007bb0!important;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:7px 20px!important;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #ffffff;
	cursor:pointer;
	line-height:100%!important
}

.greybtnlarge:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4e4e4), color-stop(1, #fdfdfd) );
	background:-moz-linear-gradient( center top, #e4e4e4 5%, #fdfdfd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#fdfdfd');
	background-color:#e4e4e4;
}

.greybtnlarge:active{
	position:relative;
	top:1px;
}


.greenbtnlarge{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4FA601), color-stop(1, #3C7D00) );
	background:-moz-linear-gradient( center top, #4FA601 5%, #3C7D00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4FA601', endColorstr='#3C7D00');
	background-color:#4FA601;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px;
	display:inline-block;
	color:#FFF!important;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:7px 20px!important;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #3C7D00;
	cursor:pointer;
	line-height:100%!important;
}

.greenbtnlarge:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3C7D00), color-stop(1, #4FA601) );
	background:-moz-linear-gradient( center top, #3C7D00 5%, #4FA601 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C7D00', endColorstr='#4FA601');
	background-color:#3C7D00;
}

.greenbtnlarge:active{
	position:relative;
	top:1px;
}

/* Datepicker START*/
.ui-datepicker {
	width: 16em; 
	padding: .2em .2em 0; 
	font-family:verdana; 
	display:block; 
}
.ui-datepicker .ui-datepicker-calendar { border:1px solid green; border-top:none; width: 100%; background-color:White; font-size: .8em; /*border-collapse: collapse;*/ margin:0 0 .4em; }
.ui-datepicker .ui-datepicker-header { /*position:relative*/  padding:.1em 0 0 0; border:1px solid green; background-color:#5ac739; margin:0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 5px; width: 1.8em; height: 1.8em; padding:0; margin:0; font-size:0.9em;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { cursor:pointer; /*#cursor:hand;*/ }
.ui-datepicker .ui-datepicker-prev { left:5px; top:8px; color:White;}
.ui-datepicker .ui-datepicker-next { right:16px; top:8px; color:White;}
.ui-datepicker .ui-datepicker-prev-hover { }
.ui-datepicker .ui-datepicker-next-hover { }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.8em; line-height: 2em; text-align: center; height: 2em; }
.ui-datepicker .ui-datepicker-title select { float:left; }
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { padding:0; }
.ui-datepicker td.ui-datepicker-unselectable { border: none; background-color:white; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .3em; text-align: right; text-decoration: none; width:70%; }
.ui-datepicker td a { border:1px solid green;}
.ui-datepicker .ui-datepicker-calendar tbody { }
.ui-datepicker td.ui-datepicker-week-end a { border:1px solid black; background-color:#ecebea;}
.ui-datepicker td.ui-datepicker-today a { background-color:#d6facb; border:1px solid black;}
.ui-datepicker td.ui-datepicker-current-day a { border:1px solid black; background-color:#facbcb;}
.ui-datepicker td a:hover { color:red; background-color:yellow; border:1px solid black;}

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/* Datepicker END*/

/* Rebranding to Kiwi Wealth */

.greenbtn-kiwiwealth {
    background-color:#1AA000 !important;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #0097d7;
	display:inline-block;
	color:#FFFFFF!important;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 15px!important;
	text-decoration:none;
	text-shadow:1px 1px 0px #00628C;
	background-color:#0097d7;
	cursor:pointer;
	line-height:100%!important;
}

.greenbtn-large-kiwiwealth {
    background-color:#1AA000 !important;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #0097d7;
	display:inline-block;
	color:#FFFFFF!important;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:7px 20px!important;
	text-decoration:none;
	text-shadow:1px 1px 0px #00628C;
	background-color:#0097d7;
	cursor:pointer;
	line-height:100%!important;
}

a, a:link, a:active,a:visited
{
    color: #1AA000;
    text-decoration:underline;
}

#sidebar a:link, #sidebar a:active, #sidebar a:visited 
{
    color: #1AA000;
    font-size:12px;
}

#sidebar a:hover{
	color: #1AA000;
}



/* End of Rebranding to Kiwiwealth */