/* Changes to Standard kiwitrees style */

html {
	background-color: #fff;
	overflow-y: scroll;}

html, body {
	height:100%;/* needed for flexbox in IE11 */
	background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;}

body {
	color: #000;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin: 0;
	width: 100%;}

#body_simple {
	background-color: #fff;
	margin: 0 0 0 0;
	width: 100%;}

#main {margin: 30px 10px 10px 10px;}

#navbar {
	background-color: transparent;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1030;}

#extra-menu {
	float: right;
	font-size: 14px;
	font-weight: 500;
	text-transform: none;
	float: right;
	margin: 10px 0;
	padding: 0;
	white-space: nowrap;}

#extra-menu a {
	color: #fff;
	background: none;
	display: inline;}

#extra-menu li ul,
#login_link #login_popup {background-color: #fff;}

#header {
	height: 85px;
    background-image: url(images/header.png);}

.title {
	font-size: 30px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif}

#topMenu {
	line-height: 40px;
	width: 100%;
    border: none;
    color: #333333;}

#main-menu {
	text-transform: none;
    background: transparent;
	height: 40px;
    font-weight: normal;
    border-bottom-color: #666666;
    border-bottom-style: solid;
    border-bottom-width: 2px}

#main-menu ul {
	background: #fff;
	border:  1px  solid #000000;}

#footer {
    background-color: transparent;
    margin-top: 90px;
    border: none;}

#footer,
#footer a {color: #993300;}

#footer .contact_links a {color: #cc0033;}

.hit-counter {font-weight: 500;}

#home-page #index_small_blocks .blockheader {
	text-transform: none;
	background-color: #4a997e;
    border: none;}

#home-page #index_main_blocks .blockheader {
	font-size: 18px;
	font-weight: 500;}

#index_small_blocks .block {
    border-radius:5px;
    background: url(images/rice.png) repeat;}

#tabs {border-color: #666666;}

.tab_cell_active {background-color: #0066CC;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
 	background: #fff;
	background-color: #fff;
    color: #49977c;
	font-weight: normal;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
 	background: url(images/green.png);
    background-color: transparent;
	font-weight: normal;
    color: #fff;
	border-bottom: 1px solid #444444;}

.ui-widget.ui-widget-content {border:  1px  solid;}

.ui-widget-content {
 	background: url(images/pale_yellow.jpg);
    color:#362B36    }

.ui-widget-header {
    border: none;
    color:#444;
    font-weight:bold;
    background-image: url(images/rice.png) repeat;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px}

ui-widget-header a {color:#444;}

#indi_header #indi_relationship {
	background: url(images/rice.png) repeat;
    border: 1px solid #aaa;
	color: #555;
	font-weight: 400;
}

.optionbox {
	background: url(images/rice.png) repeat;
	border: solid #555 1px;
	vertical-align: top;
	white-space: nowrap;
	padding: 3px;}

/* Additions to Standard kiwitrees style */

/* Block Effects */

.blockeffect { position: relative; }

.blockeffect:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	right: 10px;
	left: auto;
	width: 50%;
	top: 80%;
	max-width:250px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);}



/* Top Introduction Box Effects */

.intro {
    width:90%;
    height:250px;
    background: url(images/rice.png) repeat;
    border:   1px solid #000;
    border-radius:5px;
    margin:40px auto;
    padding:30px;
}

.effect { position: relative; }

/*.effect:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:500px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
*/