html {}
body {background-color:#F4F5F0;}

img {border:0;}
p {margin:12px 0;}
hr {border:none; border-top: 1px dashed #999; height: 1px; color: #fff; margin: 10px 0px; clear:both;}
ul, ol {margin:4px 0 16px 18px;}
optgroup option {padding-left: 20px;}
	
#wrapper {background: url(images/wrapper-bg.gif) repeat-y center top; width:789px; margin:0px auto; padding:0; color:#333; font:normal 11px Arial,tahoma,verdana,sans-serif;}

#header {padding:0;	margin:0; width:100%; background:#FFFFCC; height:130px; overflow:hidden; background:url(images/html-bg.jpg) no-repeat top center; display:block;}
#header #logo {padding:50px 0 0 30px;}
#header #logo a {background:transparent url(images/logo.gif) no-repeat bottom left; height:70px; width:223px; display:block; text-indent:-9999px;}
#header #slogan {margin:0 0 0 30px; color:#fff!important; font:italic 12px arial, tahoma, sans-serif; letter-spacing:1px;}

/* xsis */
#xsis {width:776px; margin:0px auto; padding:15px 0 0 0; background: url(images/flower-bg.jpg) repeat-y right top; overflow:hidden; min-height:400px; }
#xsis h4 {font-size:13px; margin-top:12px; font-style:normal;}
#xsis h3, #xsis h1 {margin:10px 0 0 0; font-size:17px; color:#197B30; font-style:normal;}
#xsis h2 {font-size:15px; font-style:normal;}

#xsis a, #xsis a {color:#0000FF;}
#xsis a:hover, #footer a:hover {text-decoration:none;}

/* footer */
#footer {clear:both; height:70px; width:789px; margin:0px auto; background:#F4F5F0 url(images/footer-bg.jpg) no-repeat top center; color:#fff;}
#footer #footer-wrapper {padding:10px 20px 0 20px;}
#footer #xsis-technology { width:128px; height:22px; display:block; float:right;}
#footer ul li {list-style:none;	display:inline;}
#footer p {color:#4C4C4C; padding:0; width:500px; float:left; display:inline;}
#footer a {color:#4C4C4C; text-decoration:none;}
#footer a:hover { color: #fff;  background:#000; }

/* body */
#body {overflow:hidden; width:585px; float:right; margin:0; padding:0; border-right:#C1C1C1 dotted 1px;}
#body-wrapper {padding:0 15px; overflow:hidden;}
#body img {margin:0 5px;}

.show-page {}

/*******************************************************
Navigation & Sidebar
*/

/* sidebar */
#sidebar {width:190px; float:left; margin:0; padding:0; overflow:hidden;}
#sidebar #sidebar-wrapper {margin:0; padding:0 15px;}
#sidebar a {}
#sidebar a:hover {}


/*******************************************************
Modules
*/

/* Booking Form */
.booking-body .booking-label { width:170px; height:28px;}
.booking-body .booking-textbox { width:300px; border:#000 solid 1px; }
.booking-body .booking-listbox { border:#000 solid 1px; }
.booking-body .booking-textarea { width:300px; height:170px;  border:#000 solid 1px; }
.booking-body .booking-button { background:#197b30; color:#fff; width:100px; margin-bottom:20px; border:#000 solid 1px;}

/* text-body */
.text-body {overflow:hidden; margin-bottom:10px;}
.text-body ol li { margin-left:6px; padding:0;}

/* nanny-body */
.nanny-body .nlist {border-collapse: collapse; width: 100%; margin: 10px 0;}
.nanny-body .nlist td {padding: 4px; text-align: center;}
.nanny-body .nlist .tr-title {background: #000; color: #fff; text-align: center;}
.nanny-body .nlist .tr-title td {border: #999 solid 1px;}
.nanny-body .nlist .l2 {background: #f2f2f2;}
.nanny-body .nlist .l1 {background: #fff;}

.nanny-body .nlist-detail {border-collapse: collapse; margin: 15px 0; width:500px;}
.nanny-body .nlist-detail td { border-bottom: 1px dotted #ccc; margin-right:15px; height:20px;}
.nanny-body .nlist-detail .label {text-align: left; font-weight: bold; width:180px; padding-left:15px; background:url(images/bullet.gif) no-repeat left center; }
.nanny-body .nlist-detail tr {padding:0 13px;}
.nanny-body .nlist-detail span {color: #999;}

.nanny-body .pictures {}
.nanny-body .pic {width:120px; text-align: center; float: left; height: 120px; display: block; border:#006e1f solid 1px; padding:5px; margin-right:10px;}

#form-register { margin-bottom:10px;}
#form-register label {width:170px; text-align: left;}
#form-register .textbox { width:300px; }
#form-register #bt-register { margin-left:-180px;}

/* comom itens */
.subtitle {margin:0; padding:0;	font-size:10px;}
#page-split {text-align:center; clear:both; padding:3px; display:block; position:relative; margin-top:20px!important;}
#page-split a {border:1px solid #ccc; color:#000; margin-right:3px; padding:3px 5px;}
#page-split a:hover, #page-split .selected {border:1px solid #ccc; color:#ccc; background:#000; color:#fff;}

/* forms */
input {margin:1px 0;}
button {cursor:pointer;}
fieldset {border:none;}
.button {cursor:pointer; border:#F7941D solid 1px; background:#F7941D; color:#fff;}
.form-general {text-align:left; padding:10px 0;border:none;}
.form-general label {float:left; width:80px; text-align:left; margin:5px 10px 2px 0; line-height:14px;}
.form-general input, .form-general select {padding:2px; font-size:11px; margin:2px 0;  border:#5a5a5a solid 1px; line-height:14px;}
.form-general .checkbox { border:#fff solid 1px!important; }
.form-general textarea {text-align:left; margin-bottom:3px;  line-height:13px; border:#5a5a5a solid 1px;}
.form-general button {cursor:pointer; border:#000 solid 1px; background:#197b30; color:#fff; width:100px; margin-top:8px;}
.form-general .textarea { width:300px; height:150px;}

.error {margin:10px 40px;; text-align:center; border:#f00 solid 1px; background:#FFE6E6; padding:10px 0; clear:both;}
.error p {margin:0!important; padding:0;color:#f00!important; font-weight:bold; text-align:center!important;}
.msgerror {color:#f00!important; font-weight:bold;}

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* nav */
/*#nav {width:775px; margin:0px auto; background-color:#000; padding:0px; display:block; overflow:hidden; height:24px;}
#nav ul {margin:0; padding:0;}
#nav ul li {list-style:none; display:inline;}
#nav ul li a {height:24px; float:left; text-decoration:none; color:#fff; padding:6px 15px 0px 15px; border-right:#272727 solid 1px; border-left:#4B4B4B solid 1px; display:block; font:normal 11px Arial,tahoma,verdana,sans-serif; text-align:center;}
#nav ul .first a {border-left:none;}
#nav ul .last a {border-right:none;}
#nav ul li a:hover, #nav ul .selected a {color:#5A5A5A; background-color: #fff;}*/

#nav {width:776px; margin:0px 0 0 6px; padding:0px; height:24px; background-color:#000;  position:relative; z-index:100; text-align:center; font:normal 11px Arial,tahoma,verdana,sans-serif; }
#nav-wrapper, #nav-wrapper ul {margin:0; padding:0 0 0 25px; z-index:100;}

/* Set up the link size, color and borders */
#nav-wrapper li {float:left; height:24px!important; list-style:none;}
#nav-wrapper li:hover {position:relative;}

#nav-wrapper a, #nav-wrapper a:visited {display:block; width:90px; color:#fff; padding:5px 5px 0 5px; height:19px!important; text-decoration:none; border-right:#272727 solid 1px; border-left:#4B4B4B solid 1px;}
#nav-wrapper .selected, #nav-wrapper a:hover {background:#4C4C4C;}

/* Make the hovered list color persist */
#nav-wrapper li:hover > a {background:#4C4C4C;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#nav-wrapper li ul {display:none; }
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#nav-wrapper li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:0px; background:transparent url(transparent.gif); }
/* Position the first sub level beneath the top level links */
#nav-wrapper > li:hover > ul {left:0px; top:24px!important;}
#nav-wrapper > li:hover > ul li {background:#4C4C4C!important; text-align:left!important;}
#nav-wrapper > li:hover > ul li a {width:130px!important; border:none!important;}
#nav-wrapper > li:hover > ul li a:hover {background:#000!important;}
/* get rid of the table */
#nav-wrapper table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #nav-wrapper li a:hover {position:relative;color:#fff;}

/* For accessibility of the top level menu when tabbing */
#nav-wrapper li a:active, #nav-wrapper li a:focus {}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #nav-wrapper li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:0px; background:transparent url(transparent.gif); border-top:0; z-index:100;}
* html #nav-wrapper li ul li {}
/* make the second level visible when hover on first level link and position it */
#nav-wrapper li a:hover ul {visibility:visible; left:0px; top:24px;  lef\t:0px; to\p:24px;}
#nav-wrapper li a:hover ul li {background:#4C4C4C!important; text-align:left!important;}
#nav-wrapper li a:hover ul li a {width:130px!important; border:none!important;}
#nav-wrapper li a:hover ul li a:hover {background:#000!important;}

/* Nanny Logged-in Status */
.nanny-sidebar-logged { background:url(images/login-panel.gif) #ddd no-repeat center top; padding:35px 5px 5px 5px; } 
.nanny-sidebar-login { background:url(images/login-panel.gif) #ddd no-repeat center top; padding:10px 5px 5px 5px; }