/************************
STYLE SEARCH BEGIN
*************************/

div.quote {padding: 25px 30px;}

span.quote {
  font-size: 12px;
  line-height: 1.2;
  display: block;
  margin-bottom: 10px;
}
.postcontainer {
  float: right;
}

.postcontainer .post {font-size: .8em;}
.post p {
  margin-bottom: 1.1em;
}

.post {
  background: #fff;
  -moz-box-shadow:    0 1px 5px rgba(0,0,0,.6);
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.6);
  box-shadow:         0 1px 5px rgba(0,0,0,.6);  
  line-height: 1.5; 
  width: 930px;  
  margin: 0 0 40px 0;
  padding: 0;
  -moz-border-radius:    4px;
  -webkit-border-radius: 4px;
  border-radius:         4px;
  *border: 1px solid #686868;
  _border: 1px solid #686868;
}

/* Clearfix hack I love you */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.date_and_notes {
  margin: 0 0 0px 0;
  background: #caced3;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfd2d7), to(#a3a8af)); 
  background: -moz-linear-gradient(center bottom, #a3a8af, #cfd2d7);    
  padding: 8px 12px;
  -webkit-border-top-left-radius:  4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft:      4px;
  -moz-border-radius-topright:     4px;
  border-top-left-radius:          4px;
  border-top-right-radius:         4px;  
  text-align: center;  
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  border-top: 1px solid #dcdfe3;
  border-bottom: 1px solid #848d96;
  -moz-box-shadow:       0 1px 0 rgba(0,0,0,.1);
  -webkit-box-shadow:    0 1px 0 rgba(0,0,0,.1);
  box-shadow:            0 1px 0 rgba(0,0,0,.1);
}  



.date_and_notes a {
  display: block; 
  color: #303030;
  text-decoration: none; 
  font-weight: bold; 
  cursor: pointer;
  }
  
.date_and_notes a:hover {color: #000;}

.date_and_notes a:active {
  position: relative;
  top: 1px;
}


.just_notes {
  padding: 15px 0px 15px 0px;
  background: transparent url(styleimgs/tiny_dots.png) top left repeat-x;
  margin: 0 30px;
}

.just_notes .notes {
  float: left;
  display: block;
  background: #bbc4cc;
  -webkit-border-radius: 16px;  
  -moz-border-radius:    16px;
  border-radius:         16px;  
  text-decoration: none;
  color: #fff;
  font-family: "Helvetica Neue", arial, sans-serif;
  font-weight: bold;
  padding: 3px 8px;
  font-size: 11px;
}

.just_notes .notes:hover {
  background: #aab4bd;
}

.just_notes .notes:active {
  position: relative;
  top: 1px;
}

.just_notes a.source_link {
  display: block;
  float: right;
  background: #bbc4cc;
  -moz-border-radius:    16px;
  -webkit-border-radius: 16px;
  border-radius:         16px;  
  text-decoration: none;
  color: #fff;
  font-family: "Helvetica Neue", arial, sans-serif;
  font-weight: bold;
  padding: 3px 10px;
  font-size: 11px;  
  margin-left: 5px;
}

.just_notes a.source_link:hover {
  background: #aab4bd;  
}

.just_notes a.source_link:active {
  position: relative;
  top: 1px;  
}


.just_notes a.source_link img {
  position: relative;
  top: 2px;
  opacity: .8;
}


.just_notes a.tags {
  float: right;
  display: block;
  color: #717a82;
  font-size: 11px;
  padding: 3px 5px;
  text-decoration: none;
}

.just_notes a.tags:hover {
  color: #515a62;
}

.just_notes a.tags:active {
  position: relative;
  top: 1px;  
}



	#left-column .date {
		background: url(styleimgs/simplethings-date-flag.png) no-repeat right center;
		color: #fff;
		float: left;
		height: 40px;
		margin: 20px 0 0 -75px;
		width: 75px;
		}
	
	.date .month,
	.date .day {
		display: block;
		text-align: center;
		text-transform: uppercase;
		width: 75px;
		}
	
	.date .month { font-size: 10px; margin: 0; padding: 5px 0 0; }
	.date .day { font-size: 24px; line-height: .8em; margin: 0; }
	
	.month a,
	.day a { color: #fff; display: block; }
	.month a:hover,
	.day a:hover { text-decoration: none;}
	



/************************
STYLE SEARCH END
*************************/

/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{
	position:relative;
	height:56px;
	color:#E0E0E0;
	background:#143D55;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}

#dolphinnav{
	position:relative;
	height:33px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(styleimgs/dolphin_bg.gif) repeat-x bottom left;
	padding:0 0 0 20px;
	}

#dolphinnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
	}

#dolphinnav ul li{
	display:block;
	float:left;
	margin:0 1px;
	}

#dolphinnav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:33px;
	}

#dolphinnav ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;
	}

#dolphinnav ul li a:hover{
	color:#fff;
	background:transparent url(styleimgs/dolphin_bg-OVER.gif) repeat-x bottom left;
	}

#dolphinnav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;
	}

#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(styleimgs/dolphin_left-ON.gif) no-repeat top left;
	line-height:275%;
	}

#dolphinnav ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#1D6893 url(styleimgs/dolphin_right-ON.gif) no-repeat top right;
	height:33px;
	}

/* ---------------------- END Dolphin nav ---------------------- */

/* light blue: #1773BC */

/* try also 3388BB */



/********************************************
   CALENDÁRIO
********************************************/ 



table.jCalendar {
	border: 1px solid #CCC;
	background: #aaa;
    /* border-collapse: separate; */
    border-spacing: 2px;
}
table.jCalendar th {
	border:1px solid #FFFFFF;
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px;
}
table.jCalendar td {
	border:1px solid #FFFFFF;
	background: #DDD;
	color: #000;
	padding: 5px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #EEE;
	font-size: 12px;
    /* font-family: georgia, times new roman, palatino, times, bookman, serif; */
	padding: 2px;
	width: 189px;
	line-height: 1.2em;
	border:1px solid #ccc;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
    /* font-family: verdana; */
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	margin: 2px 0 2px 0;
	padding: 3px;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 3px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
	font-weight: bold;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
	font-weight: bold;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}



/* INCLUDED FROM DEMO.CSS */

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


/********************************************
   HTML ELEMENTS
********************************************/ 

@import url(slider/slider.css);

code {
  margin: 5px;
  padding: 15px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1.3em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  color: #222222;
  border: 3px solid #88ac0b;  
  background: #F4F8FD;
}

pre {
  display: block;
  text-align: left;
}

fieldset {
	margin:10px 15px 0 15px; 
	padding: 0 0 10px 0;
	border: none;
}

a.open {
	color: #3388BB;
	font-weight: bold;
	font-style: normal; 
	line-height: 16px;
	display: block;
}

/* box */
div.box {
	margin:10px 0; 
	padding: 10px;
	border: 1px solid #41627E;
	background: #FFFFFF;
}
div.box.withfieldset {
	padding-bottom: 2px;
}

div.box .label {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;  
	font-size: 135%;	 
	font-weight: bold;
	font-style: normal; 
	margin: 10px 0 5px 0;
	padding-top: 0; 
	padding-bottom: 0; 
	display: block;
	color:#88ac0b;
}

div.box .label em {
	color:#C00;
	font-style: normal; 
}

.info {
	padding-left: 20px;
	background: url(styleimgs/pagestack.gif) no-repeat left center;
}

.exit {
	padding-left: 20px;
	background: url(styleimgs/stop.png) no-repeat left center;
}

.vcard {
	padding-left: 20px;
	background: url(styleimgs/vcard.png) no-repeat left center;
}

.tip {
	padding-left: 20px;
	background: url(styleimgs/bullet1.gif) no-repeat left center;
}

.back {
	padding-left: 20px;
	background: url(styleimgs/rewind.gif) no-repeat left center;
}

.flag {
	padding-left: 20px;
	background: url(styleimgs/flagred.gif) no-repeat left center;
}

.tool {
	padding-left: 20px;
	background: url(styleimgs/flagred.gif) no-repeat left center;
}

.popular {
	padding-left: 20px;
	background: url(styleimgs/popular.gif) no-repeat left center;
}

.add {
	padding-left: 20px;
	background: url(styleimgs/listenadd.gif) no-repeat left center;
}

.price {
	padding-left: 20px;
	background: url(styleimgs/page_alert.gif) no-repeat left center;
}

.voucher {
	padding-left: 20px;
	background: url(styleimgs/interface_browser.gif) no-repeat left center;
}

.listuser {
	padding-left: 20px;
	background: url(styleimgs/list_users.gif) no-repeat left center;
}

.notes {
	padding-left: 20px;
	background: url(styleimgs/page_bookmark.gif) no-repeat left center;
}

.del {
	padding-left: 20px;
	background: url(styleimgs/listendel.gif) no-repeat left center;
}

.trash {
	padding-left: 20px;
	background: url(styleimgs/trash.gif) no-repeat left center;
}

.accept {
	padding-left: 20px;
	background: url(styleimgs/accept.gif) no-repeat left center;
}

.edit {
	padding-left: 20px;
	background: url(styleimgs/edit.gif) no-repeat left center;
}

.new {
	padding-left: 20px;
	background: url(styleimgs/listennew.gif) no-repeat left center;
}

.pay {
	padding-left: 20px;
	background: url(styleimgs/list_links.gif) no-repeat left center;
}
.additem {
	padding-left: 20px;
	background: url(styleimgs/page_tick.gif) no-repeat left center;
}

.voucher {
	padding-left: 20px;
	background: url(styleimgs/action_print.gif) no-repeat left center;
}

.fav {
	padding-left: 20px;
	background: url(styleimgs/listenfav.gif) no-repeat left center;
}

.user {
	padding-left: 20px;
	background: url(styleimgs/listenuser.gif) no-repeat left center;
}

.agent {
	padding-left: 20px;
	background: url(styleimgs/listenagent.gif) no-repeat left center;
}


p.warning {
	margin: 10px 0 5px 0;
	padding: 5px;
	display: block;
	color:#EE5555;
	border: 1px solid #EE5555;
	background: #FFEEEE;
}

p.notice {
	margin: 10px 0 5px 0;
	padding: 5px;
	display: block;
	color: #00cc00;
	border: 1px solid #00cc00;
	background: #EEFFEE;
}

p.response {
	margin: 10px 0 5px 0;
	padding: 5px;
	display: block;
	/* color: #1773BC; */
	font-size: 120%;
}


.error {
	padding-left: 20px;
	background: url(styleimgs/exclamation.gif) no-repeat left center;
}
.error.generic {
	padding-left: 20px;
	background: url(styleimgs/exclamation.png) no-repeat left center;
}
.error.required {
	padding-left: 20px;
	background: url(styleimgs/exclamation.png) no-repeat left center;
}
.error.typemismatch {
	padding-left: 20px;
	background: url(styleimgs/warning.gif) no-repeat left center;
}


div.box .newblock {
	margin-top: 20px;
}

div.box .loose {
	line-height: 30px;
}

div.box h3 {
	display: inline;
}

div.box h3 em {
	color:#C00;
	font-style: normal; 
}

div.box .recap {
	margin: 10px 0 5px 0;
	display: block;
}

div.box .recap div {
	float: left;
	font-style: normal; 
	font-size: 120%;
	margin: 0;
	padding: 0 20px 0 0;
	display: inline;
	text-align: left;
}
div.box .recap div.large{
	margin-right: 20px;
}
div.box .recap div button{
	margin-top: 5px;
}
div.box .recap div em {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;  
	font-weight: bold;
	font-style: normal; 
	margin: 0;
	padding: 0;
	display: block;
	color: #1773BC;
}
div.box .recap .clear {
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
	display: block;
}


div.hiddendrawer {
	border-top: 2px dotted #DDDDDD;
	margin-top: 10px;
	padding: 10px 5px 5px 5px;
	background: #EFEFEF;
}

div.passageiro {
	border-top: 2px dotted #DDDDDD;
	margin-top: 10px;
	padding: 10px 5px 5px 5px;
	background: #FFF;
}

div.spinajaxloading {
	display:block;
	text-align:center;
	padding: 10px;
}

/* listen span */
span.listen, a.listen{
	color: #2666c3;
	text-decoration: none;	
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 16px;
	display: block; /* mind the float! this must float to preserve bullet */
	cursor: pointer;
}
span.listen:hover, a.listen:hover{
	color: #CC0000;
}

/* images */
img.display {
	background: #fff;
	border: 1px solid #E5E5E5;
	padding: 5px;
	/* margin: 0; see img.float-right */
	}
img.float-right { margin: 0px 0px 5px 5px;  }
img.float-left { margin: 0px 5px 5px 0px; }

/* structured data box */

div.databox {
	margin:20px 15px; 
	padding: 0;
	border:1px solid #DDD;
	background: #FFF;
}

div.databox ul {
	margin:0; 
	padding:0;
}

div.databox h2 {
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	color: #88AC0B;
}

div.databox div.header {
background:#EAEAEA none repeat scroll 0%;
border-bottom:1px solid #DFDFDF;
border-top:1px solid #DFDFDF;
padding:2px 10px 2px 10px;
display: block;
/* float:left; would make it the container of LIs (?) but not span to the width */
}

div.databox li {
background: url(styleimgs/bullet_breaker.gif) no-repeat 0pt 2px;
color:#575757;
display:inline;
/* font-weight:bold; */
height:20px;
line-height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 6px 0 0;
/* padding:2px 0 3px 8px; */
padding: 0 0 0 8px;
}

div.databox li.em {
font-weight:bold;
}

div.databox li.sep {
margin-right: 0;
}

div.databox li.user {
background: url(styleimgs/bullet_user.gif) no-repeat 0px 2px;
padding-left: 18px;
}

div.databox li.show {
background: url(styleimgs/bullet_this.gif) no-repeat 0px 2px;
padding-left: 18px;
}

div.databox li.button {
background: url(styleimgs/minibutton_left.gif) no-repeat scroll 0px 0px;
padding-left:5px;
}

div.databox li.button button {
font-family: Verdana, Tahoma, arial, sans-serif;
font-size: 10px;
background: url(styleimgs/minibutton_w.gif) repeat-x scroll -1px 0px; /* from: left + top */
height: 18px;
padding: 0 5px 0 0;
border: 0;
color:#000000;
font-weight:bold;
display:inline;
}



div.databox .recap {
	margin: 5px 0 0 0;
	display: block;
	clear: both;
}

div.databox .recap div, div.databox .recap label {
	float: left;
	font-style: normal;
	font-size: 100%;
	margin: 0 0 10px 0;
	padding: 0 30px 0 0;
	display: inline;
	text-align: left;
}
div.databox .recap div em, div.databox .recap label em {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;  
	font-weight: bold;
	font-style: normal; 
	margin: 0;
	padding: 0;
	display: block;
	color: #1773BC;
}

div.databox .recap .clear {
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
	display: block;
}

div.infoset {
	margin:15px 5px 5px 5px; 
	padding: 5px;
	border:1px solid #DDD;
	background: #FFF;
	position:relative;
}
div.infoset h4 {
	background:#FFF none repeat scroll 0%;
	color:#BBB;
	font-size:100%;
	left:10px;
	padding:0pt 3px;
	position:absolute;
	top:-10px;
}

ul.fancy li {
	list-style-image: url(styleimgs/bullet1.gif);
}

ul.taglist {
	margin:0;
	padding: 0;
}

ul.taglist li{
	float: left;
	width: 170px;
	margin: 0 20px 10px 0;
	padding: 3px 3px 3px 10px;
	border: 1px solid #CCCCCC;
	list-style: inside url(styleimgs/bullet5.gif);
}

/* tabs */

ul.tabs {
background:#FFF none repeat scroll 0%;
list-style-image:none;
list-style-type:none;
margin-bottom:0;
padding:20px 0 0 5px;
height: 20px;
display:block;
position:relative;
}

ul.tabs li {
	width: 84px;
	display: inline;
	float: left; 
	list-style: none;
	text-align: center;
}

ul.tabs li a, ul.tabs li a:visited, ul.tabs li span {
	display: block;
	text-decoration: none;
	line-height: 20px;
	width: 84px;
	height: 20px;
	color: #ACACAC;
	background: url('styleimgs/tabsbg-off.gif') no-repeat right center;
	cursor: pointer;
}

ul.tabs li a:hover{
	text-decoration: none;
	color: #428CE7;
}

ul.tabs li.current a, ul.tabs li.current a:visited, ul.tabs li span.current {
	display: block;
	text-decoration: none;
	line-height: 20px;
	width: 84px;
	height: 20px;
	color: #428CE7;
	background: url('styleimgs/tabsbg-on.gif') no-repeat right center;
	cursor: pointer;
}

ul.tabs li span.end {
	background: url('styleimgs/tabsbg-end.gif') no-repeat left center;
	cursor: default;
}

/** end mininav **/	

div.tabscontent>div {
padding:15px 5px 15px 5px;
background:#FFF;
}


/* table */

#main div.tablewrap { /* to span a table wrap it into <DIV class="tablewrap"> */
	margin:10px 0 5px 0; 
	padding: 0;
}
div.tablewrap table{
	width: 100%;
	margin: 0;
	padding: 0;
}
div.tablewrap table em{
	color: #88AC0B;
	font-weight: normal;
	font-style: normal; 
}
div.tablewrap table tr.header {
	color: #333;
	font-weight: normal;
}
div.tablewrap table tr.header td{
	border-top-width: 4px;
	border-bottom-width: 2px;
}

div.scrollh{
	overflow-x:auto;
	overflow-y:visible;
}

div#map.display {
	background: #fff;
	border: 1px solid #E5E5E5;
	padding: 5px;
	margin: 0;
}

table.wireframetable {
	border-collapse: collapse;
	margin: 0;
}
table.wireframetable th strong {
	color: #fff;
}
table.wireframetable th {
	font-weight: normal;
	background: #1773BC; 
	height: 25px;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	text-align: center;
	border: 1px solid #999;
	border-bottom-width: 2px;
}
table.wireframetable tr {
	height: 25px;
	background: #fff;	
}
table.wireframetable td {
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #999; 
}
table.wireframetable td.total {
	border-top-width: 2px;
	border-right: none;
	border-left: none;
	border-bottom: none;
	font-size: 110%;
	font-weight: bold;
}

/* end - table */


/* account list */


ul.accountlist {/* UNDER CONSTRUCTION */
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt 0pt 30px;
	padding:0pt;
	width:100%;
}
ul.accountlist li{
	display:block;
	border-bottom:1px solid #EEEEEE;
	line-height:160%;
	padding:12px !important;
	position:relative;
	float: left;
}
ul.accountlist li img.ico{
float: left;
}



input.button {
	text-align: center;
	font: bold 12px Arial, Sans-serif; 
	height: 28px;
	margin: 0;
	padding: 2px 3px; 
	color: #fff;
	background: #306bc1 url(styleimgs/button-bg.jpg) repeat-x 0 0; 
	border: 1px solid #306bc1;
	cursor: pointer;
}
input.button:hover {
	color: #FFCC00;	
}
input.button.ok {
	color: #3b5e0b;
	background: #00CC00 url(styleimgs/menu.jpg) repeat-x -20px -10px; 
}
input.button.ok:hover {
	color: #FFFF00;	
}


/* button array */
.buttonarray {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
}
.buttonarray ul {
	list-style: none;
	margin:0; 
	padding: 0;
	float: right;
}
.buttonarray ul li {
	float: right;
	margin: 0 0 0 15px;
	display: inline;
}
.buttonarray ul li input{
	/* min-width:80px; unsupported! */
	width:90px;
}

/* icon array */
ul.iconarray {
	list-style: none;
	margin: 0; 
	padding: 0;
}
ul.iconarray li {
	float: right;
	margin: 0 0 0 5px;
	display: inline;
	padding: 0;
}
ul.iconarray li img{
	border: none;
	padding: 0;
	margin: 0;
}

/* link array */
ul.linkarray {
	margin-top: 10px;
	clear: left;
	padding: 0;
}
ul.linkarray li{
	border: none;
	padding: 0;
	display: inline;
	float: left;
	border: none;
	margin-right: 20px;
}

/* link buttons */

button {
	text-align: center;
	font: bold 12px Arial, Sans-serif; 
	margin: 0;
	padding: 0 10px 0 10px; 
	cursor: pointer;
	color: #994800;
	background: #00CC00 url(styleimgs/buttonbg.gif) repeat-x 0 0;
	border: 1px solid #ecc101;
	height: 25px;
	line-height: 25px;
	display: block;
	width: auto; /* without this IE decides to stack the padding depending on the width of the content inside the element. */
	overflow: visible; /* without this IE decides to stack the padding depending on the width of the content inside the element. */
}

a.button {
	text-align: center;
	font: bold 12px Arial, Sans-serif; 
	margin: 0;
	padding: 0 10px 0 10px; 
	cursor: pointer;
	color: #994800;
	background: #00CC00 url(styleimgs/buttonbg.gif) repeat-x 0 0;
	border: 1px solid #ecc101;
	height: 23px;
	line-height: 23px;
	display: block;
}
a.button:hover {
	text-decoration:underline;
	background: #00CC00 url(styleimgs/buttonbg.gif) repeat-x 0 -23px;
}
a.button.inarray {
	width:70px;
}

span.button {
	text-align: center;
	font: bold 12px Arial, Sans-serif; 
	margin: 0;
	padding: 0 10px 0 10px; 
	cursor: pointer;
	color: #994800;
	background: #00CC00 url(styleimgs/buttonbg.gif) repeat-x 0 -23px;
	border: 1px solid #ecc101;
	height: 23px;
	line-height: 23px;
	display: block;
}


/* search form */
.searchform {
	margin: 0; 
	padding: 0;
	border: none;
}
.searchform fieldset {
	margin: 10px 0 0 0; 
	padding: 0;
}

.searchform fieldset.fieldgroup {
	margin-top:30px;
	padding-top:0px; /* reduced padding-top from fieldgroup becouse safari/firefox discrepancy in rel pos */
	border-top:1px solid #CCC;
	position:relative;
}
.searchform fieldset.fieldgroup h4 {
	background:#CCC none repeat scroll 0%;
	color:#FFF;
	font-size:100%;
	left:5px;
	padding:0pt 3px;
	position:absolute;
	top:-16px;
	width: 150px;
}
.searchform fieldset.fieldgroup span.title {
	display: block;
	font-weight:bold;
	color: #1773BC;
}

.searchform label {
	float: left;
	display: block;
	font-weight:bold;
	color: #1773BC;
	/* margin: 0 10px 10px 0; IE double right margin! consider setting width */
	margin: 0 10px 10px 0;
}
.searchform label.large {
	margin-right: 30px;
}
.searchform select {
	margin: 0;
	border: 1px solid #CCCCCC;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
.searchform input, .searchform select, .searchform textarea {
	display: block;
	margin: 0;
}
.searchform input.hidden {
	display: none;
}
.searchform input.text {
	border: 1px solid #CCCCCC;
	margin: 0; 
}

label.cbox {
	font-weight:normal;
}
label.text input, label.text textarea {
	border: 1px solid #CCCCCC;
	margin: 0; 
}

label.text input {
	width:122px;
}

label.lbox {
	height: 48px; /* or 48px ??? */
	margin-bottom: 0px;
}
label.lbox select {
	width:122px;
	border: 1px solid #CCCCCC;
	margin: 0; 
}
label.cbox input {
	display: inline;
}
label.dtpicker {
	display: block;
}
label.dtpicker input {
	border: 1px solid #CCCCCC;
	width: 75px;
	display: block;
	margin: 0; 
}
label.link {
	margin-top: 15px;
}

label.value {
	height: 48px; /* or 47px ??? */
	margin-bottom: 0px;
	width:130px;
}
label.value span {
	display: block;
	color: #777;
	font-weight:normal;
	font-style: normal; 
	font-size: 120%;
}

.searchform p {
	margin: 0;
	padding-top: 0; 
	padding-bottom: 0; 
}
.searchform input.textbox { /* still in use ??? */
	width: 110px;
	color: #777; 
	height: 20px;
	padding: 2px;	
	border: 1px solid #D2E8F7; 
	vertical-align: top;
}
.searchform input.button {
	text-align: center;
	font: bold 12px Arial, Sans-serif; 
	margin: 0;
	padding: 0 10px 0 10px; 
	cursor: pointer;
	color: #994800;
	background: #00CC00 url(styleimgs/buttonbg.gif) repeat-x 0 0;
	border: 1px solid #ecc101;
	height: 25px;
}
.searchform input.button:hover {
	text-decoration:underline;
	background: #00CC00 url(styleimgs/buttonbg.gif) repeat-x 0 -23px;
}

.searchform ul.checklist {
	list-style: none;
	text-align: left;
	margin: 5px 0px 5px 0; padding: 0;
	text-decoration: none;	
}
.searchform ul.checklist li {
	list-style: none;
	padding: 3px;
	margin: 0;
	color: #1773BC;
	border-bottom: 1px dotted #D2E8F7;
}
.searchform ul.checklist li.current {
	color: #000;
	background: #FFCC00;
}
.searchform ul.checklist li input.cbox{
	display: inline;
	margin-right: 5px;
	padding: 0;
	vertical-align: middle;
}



/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; display:block;}
div.clear { clear: both; margin:0; padding:0; border:0; height:0; float: none; display: block;}
div.clear-left { clear: both; margin:0; padding:0; border:0; height:0;}

/* pagination and page browsing links */

.paginator {border:0; margin:0; padding:0;}
.paginator li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-left:2px;
display:inline;
float:right;
}
.paginator a{
border:solid 1px #9aafe5;
margin-left:2px;
color:#9aafe5;
display:block;
padding:2px 5px 2px 5px;
}
.paginator #next a,
.paginator #previous a {
font-weight:bold;
} 
.paginator #active{
font-weight:bold;
background:#2e6ab1;
color:#FFFFFF;
padding:3px 6px 3px 6px;
}
.paginator a:link,
.paginator a:visited {
color:#0e509e;
text-decoration:none;
}
.paginator a:hover{
border:solid 1px #0e509e;
text-decoration:underline;
color: #0e509e;
background:#DDFFDD;
}

/* person per room */

.paxgrid {
border-collapse: collapse;
font-family: Arial;
}
.paxgrid TD{
text-align:center;
border:solid 0 #0e509e;
font-size: 10px;
width: 50px;
}
.paxgrid TD H4{
font-weight:bold;
margin:0;
padding:0;
}
.paxgrid TH{
padding:0 5px 0 5px;
border:solid 1px #0e509e;
font-size: 12px;
font-weight:bold;
}

/* addon list */
.addongrid {
margin: 3px 0 3px 0;
}
.addongrid LI {
font-size:11px;
list-style-image: url(styleimgs/bullet1.gif);
}
.addongrid LI SPAN {
text-decoration: underline;
}


#docheader h1#logo {
	margin: 0; padding: 0;
	font: bolder 55px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -3px;
	color: #000;
	text-transform: none;
	text-decoration: none;
	background: transparent;
}
#docheader p#slogan {
	margin: 0; padding: 0;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #555;
}

#printable, #printable div, #printable div div {
	color:#000;
	border-color: #AAA
}

/* service status*/

.svccancelled {
	text-decoration: line-through;
	color:#BB0000;
}


/* dashboard list */

.dashboard {
	margin: 0;
	padding: 0 0 0 40px;
}

.dashboard li {
	list-style-image: url(styleimgs/bullet2.gif);
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;  
	font-weight: bold;
	font-style: normal; 
	color: #1773BC;
	padding-top: 3px;
	padding-bottom: 3px;
}
.dashboard li a{
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;  
	font-weight: bold;
	font-style: normal; 
	font-size: 130%; 
	color: #1773BC;
}

/* tool menu */

.toolsetmenu {
	padding: 0;
	margin: 0;
}
.toolsetmenu div{
	float: left;
	width: 235px;
	font-weight: normal;
	font-style: normal; 
	font-size: 110%; 
	color:#88ac0b;
	margin: 5px 10px 5px 0;
}
.toolsetmenu div a{
	font-weight: bold;
	font-style: normal; 
	/* color:#88ac0b; */
	color: #555;
}
.toolsetmenu div.clear{
	float: none;
	margin: 0;
	padding: 0;
	clear: both;
	border: none;
}
.toolsetmenu div img{
	vertical-align: middle;
	padding: 0 5px 0 5px;
}

hr {
clear: both;
}

/********************************************
   CLARICE HUGHES
********************************************/ 
.searchform .label2 {
	float: left;
	display: block; /* PRECISA CSS hack para IE */
	font-weight:bold;
	color: #FFF;
	margin: 0 10px 10px 0;
}
/*
#conteudoEsq {
	position:absolute;
	padding-left:5px;
	padding-top:5px;

}
#colEsq {
	background:#444;
}
#sepEsqcolCentral {
	margin-left:73%;
	background:#666;
}
#colCentral {    
	background:#22232F;
	height:210px;
	color:#991;
	text-align:justify;
	padding-left:5px;
	padding-top:5px;
}
*/

#colDir {
	background:#41627E;
	float: left;
	width: 230px;
	height: 180px;
	padding: 5px;
}

#colEsq {
	background:#2B547E;
	float: left;
	width: 679px;
	height: 180px;
	padding: 5px;	
} 

#mailtofriend {    
	width: 670px; 
	height:250px;	
	top: 50%; 
	left: 50%; 
	margin-left:-335px;
	margin-top:-240px;	
	border: solid 1px #CCCCCC; 
	position: fixed; 
	z-index:999; 
	background:#22232F;
	color:#991;
	text-align:justify;
	padding-left:5px;
}

	/* 3 COLUNAS */
	
	#ft{clear:both;}
	/**/
	/* 750 centered, and backward compatibility */ 
	#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
		margin:auto;text-align:left;
		width:57.69em;*width:56.3em;min-width:98%;}
	/* 950 centered */ 
	#doc2 {
		width:73.074em;*width:71.313em;min-width:950px;}
	/* 100% with 10px viewport side matting */ 
	#doc3 {
		margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
		width:auto;}
		
	/* below required for all fluid grids; adjust widths and margins above accordingly */
	
		/* to preserve source-order independence for Gecko */
		.yui-b{position:relative;}
		.yui-b{_position:static;} /* for IE < 7 */
		#yui-main .yui-b{position:static;} 
	
	#yui-main {width:100%;}
	.yui-t1 #yui-main,
	.yui-t2 #yui-main,
	.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}
	
	.yui-t4 #yui-main,
	.yui-t5 #yui-main,
	.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}
	
	.yui-t1 .yui-b {
		float:left;
	    width:12.3207em;*width:12.0106em;}
	.yui-t1 #yui-main .yui-b{
	    margin-left:13.3207em;*margin-left:13.0106em;
	}
	
	.yui-t2 .yui-b {
		float:left;
	    width:13.8456em;*width:13.512em;}
	.yui-t2 #yui-main .yui-b {
	    margin-left:14.8456em;*margin-left:14.512em;
	}
	
	.yui-t3 .yui-b {
		float:left;
	    width:23.0759em;*width:22.52em;}
	.yui-t3 #yui-main .yui-b {
	    margin-left:24.0759em;*margin-left:23.52em;
	}
	
	.yui-t4 .yui-b {
		float:right;
	    width:13.8456em;*width:13.512em;}
	.yui-t4 #yui-main .yui-b {
	    margin-right:14.8456em;*margin-right:14.512em;
	}
	
	.yui-t5 .yui-b {
		float:right;
	    width:18.4608em;*width:18.016em;}
	.yui-t5 #yui-main .yui-b {
	    margin-right:19.4608em;*margin-right:19.016em;
	}
	
	.yui-t6 .yui-b {
		float:right;
	    width:23.0759em;*width:22.52em;}
	.yui-t6 #yui-main .yui-b {
	    margin-right:24.0759em;*margin-right:23.52em;
	}
	
	.yui-t7 #yui-main .yui-b {
		display:block;margin:0 0 1em 0;
	}
	#yui-main .yui-b {float:none;width:95%;}
	/* GRIDS (not TEMPLATES) */
	.yui-g .yui-u, 
	.yui-g .yui-g, 
	.yui-gc .yui-u,
	.yui-gc .yui-g .yui-u,
	.yui-ge .yui-u, 
	.yui-gf .yui-u{float:right;display:inline;}
	.yui-g div.first, 
	.yui-gc div.first,
	.yui-gc div.first div.first,
	.yui-gd div.first, 
	.yui-ge div.first, 
	.yui-gf div.first{float:left;}
	.yui-g .yui-u, 
	.yui-g .yui-g{width:49.1%;}
	.yui-g .yui-g .yui-u,
	.yui-gc .yui-g .yui-u {width:48.1%;}
	.yui-gb .yui-u, 
	.yui-gc .yui-u, 
	.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
	.yui-gb div.first, 
	.yui-gc div.first, 
	.yui-gd div.first{margin-left:0;}
	.yui-gc div.first, 
	.yui-gd .yui-u{width:66%;}
	.yui-gd div.first{width:32%;}
	.yui-ge .yui-u{width:24%;}
	.yui-ge div.first, 
	.yui-gf .yui-u{width:74.2%;}
	.yui-gf div.first{width:24%;}
	.yui-ge div.first{width:74.2%;}
	#bd:after,
	.yui-g:after, 
	.yui-gb:after, 
	.yui-gc:after, 
	.yui-gd:after, 
	.yui-ge:after, 
	.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	#bd,
	.yui-g, 
	.yui-gb, 
	.yui-gc, 
	.yui-gd, 
	.yui-ge, 
	.yui-gf{zoom:1;}
	
	
	#secondary{
		height:300px;
		background:#F6F0E0;
		border-top:#FFFFFF 2px solid;
		margin:0;
		padding:0;
		}
		
	#secondaryFull{
		height:50px;
		background-color:#CFB59F;
		border-top:#FFFFFF 2px solid;
		margin:0;
		padding:0;
		}
		
		
	#header2 h1{
		font-size:28px;
		margin:0;
		padding:10px;
		}
		
	#header2 h1 a{
		color:#000000;
		}

