body { padding: 0px; margin: 0px; right: 100%; background: #E9E9E9; }
.h2_aldeia { font-size: 1.2em; color: #FFF; background: url(fotosctr/h2_aldeia_bkg.png) no-repeat; clear: both; text-align: left; padding-top: 4px; padding-bottom: 10px; padding-left: 10px; }
.h2_aldeia2 { font-size: 1.2em; color: #FFF; background: url(fotosctr/h2_aldeia_bkg.png) no-repeat; clear: both; text-align: left; padding-top: 4px; padding-bottom: 10px; padding-left: 10px; margin-bottom: 0px; }
.page #container { width: 980px; margin: 0 auto; text-align: justify; }

a.box_casa:link, a.box_casa:visited { color: #006; text-decoration: none; font-family: "Arial Black", Gadget, sans-serif; font-weight: bold; }
a.box_casa:hover, a.box_casa:focus, a.box_casa:active { color: #006; text-decoration: underline; font-family: "Arial Black", Gadget, sans-serif; font-weight: bold; }
a.left_saiba_mais:link, a.left_saiba_mais:visited, a.right_saiba_mais:link, a.right_saiba_mais:visited { text-decoration: none; }
a.left_saiba_mais:hover, a.left_saiba_mais:focus, a.left_saiba_mais:active, a.right_saiba_mais:hover, a.right_saiba_mais:focus, a.right_saiba_mais:active { text-decoration: underline; }
a.links:link, a.links:visited, #barra_links a:link, #barra_links a:visited, #links_portais a:link, #links_portais a:visited {text-decoration:none; color: #006}
a.links:hover, a.links:focus, a.links:active, #barra_links a:hover, #barra_links a:focus, #barra_links a:active,#links_portais a:hover, #links_portais a:focus, #links_portais a:active  {text-decoration:underline; color: #006}
a.loc:link, a.loc:visited { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; color: #FFF !important; background: #17426c !important; width: 100% !important; display: inline-block !important; }
a.loc:hover, a.loc:focus, a.loc:active { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; color: #006 !important; background: #FFF !important; display: inline-block !important; width: 100% !important; }
a.mail_topo:link, a.mail_topo:visited, a.mapheading2:link, a.mapheading2:visited, #barra_links a.mail:link, #barra_links a.mail:visited, a.registo:link, a.registo:visited {text-decoration:underline; color:#006 }
a.mail_topo:hover, a.mail_topo:focus, a.mail_topo:active, a.mapheading2:hover, a.mapheading2:focus, a.mapheading2:active, #barra_links a.mail:hover, #barra_links a.mail:focus, #barra_links a.mail:active, a.registo:hover, a.registo:focus, a.registo:active {text-decoration:none; color:#006}
a.link_back:link, a.link_back:visited { color: #900; text-decoration: underline; text-transform: uppercase; font: italic bold 1.3em "Myriad Pro"; }
a.link_back:hover, a.link_back:focus, a.link_back:active { font: italic bold 1.3em "Myriad Pro"; color: #900; text-decoration: none; text-transform: uppercase; }
a.links2:link, a.links2:visited, #home_content a:link, #home_content a:visited { color: #FFF; text-decoration: none; }
a.links2:hover, a.links2:focus, a.links2:active, #home_content a:hover, #home_content a:focus, #home_content a:active { color: #FFF; text-decoration: underline; }
#footer a:link, #footer a:visited, a.sitemap_left:link, a.sitemap_left:visited { text-decoration:underline; color: #900; }
#footer a:hover, #footer a:focus, a.sitemap_left:active, a.sitemap_left:hover, a.sitemap_left:focus a.sitemap_left:active {text-decoration:none; color:#900}
.casas_box a:link, .casas_box a:visited, .casas_box2 a:link, .casas_box2 a:visited { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #006; text-decoration: none; background: #FFF repeat-y; width: 100%; padding-top: 4px; display: inline-block; }
.casas_box a:hover, .casas_box a:focus, .casas_box a:active, .casas_box2 a:hover, .casas_box2 a:focus, .casas_box2 a:active { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; background: #17426c; text-decoration: none; padding-top: 4px; display: inline-block; }
.submit { color: #FFF; font-weight: bold; border: 1px ridge #006; background: #006; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; }
.submit:hover { color: #006; font-weight: bold; border: 1px ridge #006; background: #FFF; text-decoration: none; }
.submit2 { color: #006; font-weight: bold; background: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.submit2:hover { color: #FFF; font-weight: bold; background: #006; }
ul.casas_navbar { list-style: none; font: bold 1em Arial, Helvetica, sans-serif; text-align: center; margin-top: 0px; height: 39px; }
ul.casas_navbar li { background: url(fotosctr/line-nav2.gif) no-repeat right top; line-height: 35px; float: left; width: 100px; padding-right: 5px; padding-left: 5px; }
ul.casas_navbar a:link, ul.casas_navbar a:visited { color: #FFF; text-decoration: none; }
ul.casas_navbar a:hover, ul.casas_navbar a:focus ul.casas_navbar a:active { text-decoration: underline; color: #FFF; text-align: left; }
ul.sitemap { color: #006; font: bold 1.1em Arial, Helvetica, sans-serif; }
li.nivel_a  { font-size: 1em; margin-left: 50px; margin-bottom: 5px; }
li.nivel_b  { font-size: 0.9em; margin-left: 80px; margin-bottom: 7px; font-style: italic; }
li.nivel_a a:link, li.nivel_a a:visited {text-decoration: none !important;; color: #900}
li.nivel_a a:hover, li.nivel_a a:focus, li.nivel_a a:active {text-decoration: underline !important;; color: #900}
ul.sitemap a:link, ul.sitemap a:visited { color: #900; font-weight: bold; }
ul.sitemap a:hover, ul.sitemap a:focus ul.sitemap a:active { color: #900; }
.aldeia_container { background: #FFF repeat center; padding-top: 10px; float: left; width: 100%; margin-bottom: 10px; }
.aldeia_content2 { padding-left: 12px; font: 0.8em Arial, Helvetica, sans-serif; float: left; width: 470px; }
.aldeia_content_wrapper { background: #FFF; padding-left: 12px; padding-right: 12px; font: 0.8em Arial, Helvetica, sans-serif; float: left; margin-bottom: 20px; }
#aldeia_wrapper { background: #FFF; margin-top: 7px; overflow: visible; float: left; margin-bottom: 10px; }
.aldeias_leftbox { float: left; width: 470px; background: url(fotosctr/barra_aldeias_bkg.png) no-repeat right top; font: 0.8em Arial, Helvetica, sans-serif; margin-bottom: 15px; padding-left: 5px; }
.aldeias_rightbox { float: right; background: url(fotosctr/barra_aldeias_bkg1.png) no-repeat left top; font: 0.8em Arial, Helvetica, sans-serif; text-align: justify; margin-bottom: 15px; width: 470px; padding-right: 5px; }
.aldeias_wrapper { background: url(fotosctr/fundo_aldeias_wrapper.png) no-repeat; height: 140px; width: 980px; padding-top: 10px; }
.align_top { clip: rect(-20px,auto,auto,auto); }
.bold_black { font-weight: bold; }
.bold_box { font-weight: bold; color: #006; }
.brown { color: #900; font-weight: bold; }
.casa_content { width: 500px; float: left; padding-right: 20px; margin-top: -10px; }
.casas_box { width: 170px; float: left; line-height: 1.6em; border: 1px solid #006; margin-right: 24px; margin-bottom: 20px; height: auto; color: #006; font-size: 1.1em; }
.casas_box2 { font-size: 1.1em; font-weight: bold; width: 170px; float: right; line-height: 1.6em; border: 1px solid #006; margin-bottom: 20px; height: auto; }
.centerbold { font-weight: bold; text-align: center; }
.select { width: 180px; }

.concelho_titulo_aldeia { font-style: italic; font-weight: normal; font-size: 0.95em; }
.content_box1 { z-index: 999; overflow: visible; visibility: visible; clear: right; }
.content_box2 { clear: both; }
.content_heading { font: bold 1.25em "Myriad Pro"; color: #142f60; margin-top: 10px; margin-bottom: 10px; }
.content_heading2 { font: bold 1.25em "Myriad Pro"; color: #142f60; text-align: right; margin-top: 10px; margin-bottom: 10px; }
.erro { font-weight: bold; color: #900; text-align: center; }
.formcenter { margin-right: auto; margin-left: auto; text-align: center; height: 100%; background: #E1EAFF; padding-top: 20px; padding-bottom: 10px; width: 600px; }
.hbox1{ background: url(fotosctr/fundo_hbox.gif) repeat-x; font: bold 1.3em/35px Arial, Helvetica, sans-serif; color: #FFF; text-align: center; width: 294px; letter-spacing: 0.1em; margin-top: 0px; float: left; }

.hbox2{ background: url(fotosctr/fundo_hbox.gif) repeat-x; font: bold 1.3em/35px Arial, Helvetica, sans-serif; color: #FFF; text-align: center; width: 294px; letter-spacing: 0.1em; float: right; margin-top: 0px; }
.hometitle { width:980px; margin-right:auto; margin-left:auto; margin-top: 6px; font: bold 1em Tahoma, Geneva, sans-serif; }
img.casas { border-top: 1px solid #006; border-bottom: 1px solid #006; }
img.picture { margin-top: 5px; margin-bottom: 5px; border: 1px solid #006; }
img.picture2 { margin-top: 6px; margin-bottom: 5px; margin-left: 10px; text-transform: uppercase; }

img.thumbnails { margin-right: 4px; border: 1px solid #006; }
img.thumbnails2 { border: 1px solid #006; margin-left: 10px; margin-right: 10px; }
.img_border { border: 1px solid #006; }
.imglefttxt { float: right; margin-left: 10px; }
.imgrighttxt { margin-right: 10px; overflow: visible; float: left; border-width: 0px; margin-bottom: 2px; }
.imgleftspace { padding-left: 10px; }
.imgrightspace { text-align: right; margin-right: 10px; }
.imgrightspace_border { margin-right: 10px; border: 1px solid #006; margin-bottom: 5px; text-align: right; }

.left_align { text-align: left; margin-right: auto; margin-left: auto; margin-top: -60px; font: italic bold 1.3em Arial, Helvetica, sans-serif; color: #122a5d; padding-right: 10px; }
.left_saiba_mais { color: #006; height: 20px; width: 120px; text-align: center; float: right; font: italic bold 1.2em Arial, Helvetica, sans-serif; padding-top: 2px; margin-top: 18px; }
.right_saiba_mais { color: #006; height: 20px; width: 120px; text-align: center; float: left; font: italic bold 1.2em Arial, Helvetica, sans-serif; padding-top: 2px; clip: rect(auto,auto,auto,auto); margin-top: 18px; }
.link_info { font: bold 0.95em Arial, Helvetica, sans-serif; color: #006; text-align: center; height: 30px; background: url(fotosctr/reservas_bk.png) no-repeat center 16px; padding-top: 22px; text-transform: uppercase; width: 168px; float: left; }

.link_reservas { font: bold 0.95em Arial, Helvetica, sans-serif; color: #006; text-align: center; height: 30px; background: url(fotosctr/reservas_bk.png) no-repeat center 16px; padding-top: 22px; text-transform: uppercase; width: 168px; float: right; }
.loc { color: #FFF; width: 170px !important; height: auto !important; }
.loc2 { line-height: 18px; }
.loc_casa { color: #006; font: italic bold 1.1em Arial, Helvetica, sans-serif; }
.localidades { font: 0.9em/1.2em Arial, Helvetica, sans-serif; width: 470px; padding-right: 12px; padding-bottom: 20px; text-align: center; float: right; margin-top: -2px; }
.patrimonio { font: 0.8em Arial, Helvetica, sans-serif; width: 470px; padding-right: 12px; padding-bottom: 10px; float: right; }
.logo_img { padding-top: 10px; padding-left: 20px; }
.longlink { background: url(fotosctr/longlink_bk.png) no-repeat center; font-weight: bold; text-align: center; margin-right: auto; margin-left: auto; width: 280px; padding-right: 10px; padding-left: 10px; padding-top: 30px; height: 60px; text-transform: uppercase; font-size: 0.9em; }
.longlink2 { background: url(fotosctr/longlink2_bk.png) no-repeat center 10px; font-weight: bold; text-align: center; width: 400px; text-transform: uppercase; font-size: 0.95em; height: 50px; padding: 17px 100px 20px; }
.longlink3 { background: url(fotosctr/longlink2_bk.png) no-repeat center 10px; font-weight: bold; text-align: center; width: 400px; text-transform: uppercase; font-size: 0.95em; height: 50px; padding: 17px 100px 20px; }
.mail_topo { font: italic bold 0.68em Arial, Helvetica, sans-serif; text-decoration: underline; color: #006; }
.mapheading { font: italic bold 1.2em Arial, Helvetica, sans-serif; color: #006; padding-bottom: 5px; margin-top: -10px; }
.mapheading2 { font: bold 1em Arial, Helvetica, sans-serif; color: #006; border-width: 0px; text-align: center; padding-top: 15px; display: block; }
.patrimonio_banner { float: right; width: 220px; overflow: hidden; }
.patrimonio_conteudo { float: left; width: 720px; }
.pax { float: right; width: 105px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.resposta { font-weight: bold; color: #900; text-align: center; padding-top: 80px; padding-bottom: 140px; float: left; margin-right: auto; margin-left: auto; width: 600px; }
.right_align { text-align: right; margin-right: auto; margin-left: auto; margin-top: -59px; font: italic bold 1.3em Arial, Helvetica, sans-serif; color: #122a5d; padding-right: 10px; }
.rounded_img { background: url(fotosctr/roundedbkg.png) no-repeat 0px; height: 122px; width: 201px; position: absolute; display: block; }
.side_container { margin-right: auto; margin-left: auto; margin-top: 5px; width: 430px; float: right; }
.sitemap_left { float: left; width: 355px; text-align: left; margin-right: 5px; }
.sitemap_right { float: left; width: 355px; margin-left: 5px;}
.space { margin-bottom: 5px; clear: right; padding-top: 20px; }
.space_block { display: block; margin-top: 19px; }
.space_map { margin-top: 0px; margin-bottom: 0px; }
.special  { padding-right: 5px; }

.tablecenter { margin-right: auto; margin-left: auto; text-align: center; }
.table_head { font: italic bold 1em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #006; text-align: center; height: 30px; }
.td0 { background: #E8F3FF; padding-left: 20px; height: 27px; }
.td1 { padding-left: 20px; height: 25px; }
.td2 { background: #E1EAFF; height: 35px; font-weight: bold; }
.td3 { height: 35px; font-weight: bold; }
.tit_links { color: #142F60; text-transform: uppercase; border-bottom: thin solid #FFF; width: 200px; float: left; margin-bottom: 6px; padding-bottom: 4px; font: bold 1.1em "Myriad Pro"; }
.titulo_aldeia { color: #FFF; font: bold 1.2em Arial, Helvetica, sans-serif; margin-top: 1px; margin-bottom: 5px; }
.titulo_italico { font: italic bold 1.5em "Myriad Pro"; color: #006; clear: right; }
.titulo_italico2 { font: italic bold 1.5em "Myriad Pro"; color: #006; margin-top: 30px; margin-bottom: 30px; text-align: center; text-transform: uppercase; text-decoration: underline; }
#aldeia_table { width: 470px; }
#aldeia_topcontent { font: 0.8em Arial, Helvetica, sans-serif; background: #FFF; height: 100%; margin-top: 10px; float: left; width: 700px; padding-top: 2px; padding-left: 12px; padding-right: 15px; }
#aldeias_topcontent { font: 0.8em Arial, Helvetica, sans-serif; background: #FFF; height: 275px; margin-top: 7px; padding: 2px 12px 30px; }
#aldeiaimg_wrapper { float: right; margin-top: 10px; padding-top: 20px; padding-left: 3px; width: 250px; background: #FFF; }
#barra_links { clear: both; background: url(fotosctr/fundo-so-barralinks.png) repeat-x; color: #006; font: 0.8em Arial, Helvetica, sans-serif; height: 160px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-right: 40px; padding-left: 40px; margin-bottom: 10px; }
#banner { height: 230px; }
#casa_topcontent { font: 0.8em Arial, Helvetica, sans-serif; background: #FFF; margin-top: 10px; width: 953px; margin-bottom: 10px; padding-top: 2px; padding-right: 15px; padding-left: 12px; }
#casas_navbar { }
#col1_barralinks, #col2_barralinks, #col3_barralinks{ float: left; width: 210px; border-right: thin solid #FFF; margin-right: 10px; height: 152px; }
#col4_barralinks { float: left; width: 210px; }
#condicoes_banner { float: right; width: 220px; overflow: hidden; }
#condicoes_conteudo { float: left; width: 720px; }
#condicoes_conteudo p { margin-top: 0px; }
#contactos { color: #006; text-align: center; margin-right: auto; margin-left: auto; font: 1.1em "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-bottom: 5px; padding-top: 5px; }
#footer { font: bold 0.8em Arial, Helvetica, sans-serif; color: #900; padding-top: 4px; height: 20px; }
#geral_wrapper { background: #FFF repeat-y; margin: 10px auto; font: 0.8em Arial, Helvetica, sans-serif; overflow: hidden; padding: 5px 12px 10px; }
#home_box1 { color: #000; float: left; margin-top: 15px; width: 294px; padding-left: 12px; overflow: visible; padding-bottom: 10px; }
#home_box2 { color: #000; float: left; width: 294px; padding-left: 36px; padding-top: 15px; padding-bottom: 10px; }
#home_box3 { color: #000; float: right; width: 294px; padding-right: 12px; padding-bottom: 10px; margin-top: 15px; overflow: visible; }
#home_box4 { width: 475px; color: #000; float: right; margin-top: 50px; }
#home_content { background: #FFF url(fotosctr/homelinks-bg.gif) repeat-x; color: #FFF; font: 0.7em "Lucida Sans Unicode", "Lucida Grande", sans-serif; width: 980px; margin-bottom: 20px; float: left; height: 100%; }
#index_topcontent { font: 0.8em Arial, Helvetica, sans-serif; background: #FFF; margin-top: 7px; padding: 2px 12px 20px; }
#info_box { background: url(fotosctr/fundo_info.gif) repeat-x; height: 192px; width: 286px; color: #000; margin-top: 0px; font: bold 0.8em Arial, Helvetica, sans-serif; overflow: hidden; }
#links_casa { text-align: center; width: 350px; overflow: visible; margin-right: auto; margin-left: auto; }
#links_long { text-align: center; width: 980px; float: right; }
#links_portais { height: 29px; width: 980px; background: url(fotosctr/fundo_links.gif) repeat-x; text-align: center; margin-right: auto; margin-left: auto; font: bold 0.95em Arial, Helvetica, sans-serif; color: #006; padding-top: 6px; }

#login { width: 240px; height: 75px; color: #006; background: url(fotosctr/login_bg.png) repeat-y; font-weight: bold; padding-left: 20px; padding-top: 15px; position: absolute; margin-top: -5px; margin-left: -12px; }
#map_canvas { height: 270px; width: 400px; margin-top: 15px; margin-bottom: 10px; float: left; margin-right: 10px; border: 1px solid #006; font-family: Arial, Helvetica, sans-serif; overflow: auto; }
#map_canvas_aldeia { height: 245px; margin-top: 50px; margin-bottom: 40px; margin-right: 20px; border: 1px solid #006; width: 420px; float: right; }

#menubar { width: 980px; background: url(fotosctr/fundo_menu.gif) repeat-x; height: 39px; margin-top: 0px; }
#planta_flash { clear: both; height: 260px; padding-bottom: 10px; }

#top_content { width: 980px; margin-right: auto; margin-left: auto; }
#topline { height: 82px; margin-right: auto; margin-left: auto; background: url(fotosctr/fundo_topo.gif) repeat-x; }
#popupcalendar { left: 0px; width: 185px; position: absolute; top: 0px; height: 130px; background: #006; visibility: hidden; }
A.cal-DayLink {font: 500 8pt Verdana, Arial, sans-serif; color: #4d499c; background-color: transparent; text-decoration: none;}
A.cal-DayLink:hover {font: 800 8pt Verdana, Arial, sans-serif; color: #fc6;	background-color: #060; text-decoration: none;}
A.cal-DayLink:active {font: normal 8pt Verdana, Arial, sans-serif; color: #06f; background-color: transparent; text-decoration: none;}
.cal-TextBox {font: normal 8pt Verdana, Arial, sans-serif; color: #000; background-color: #fff;}
A.cal-TodayLink {font: bold 8pt Verdana, Arial, sans-serif; color: #fc6; background-color: transparent; text-decoration: none;}
A.cal-TodayLink:hover {font: bold 8pt Verdana, Arial, sans-serif; color: #fc6; background-color: #060; text-decoration: none;}
A.cal-TodayLink:active { font: bold 8pt Verdana, Arial, sans-serif; color: #06f; background-color: transparent; text-decoration: none;}
.cal-GreyDate {font: normal 8pt Verdana,  Arial, sans-serif; color: #999; background-color: #ccc; text-decoration: none;}
.cal-GreyInvalidDate {font: normal 8pt Verdana, Arial, sans-serif; color: #fff; background-color: #ccc; text-decoration: line-through;}
.cal-DayCell {font: normal 8pt Verdana, Arial, sans-serif; background-color: #f0f1f2;}
.cal-HeadCell {font: bold 8pt Verdana, Arial, sans-serif; color: #f0f1f2; background-color: #060;}
.cal-Table {background-color: #060; border-color: #060;}
A.cal-Arrows {color: #fff; background-color: #060; text-decoration: none; font: 900 8pt Verdana, Arial, sans-serif;}
A.cal-Arrows:hover {color: #009; background-color: #f0f1f2; text-decoration: none; font: 900 8pt Verdana, Arial, sans-serif;}
A.cal-Arrows {color: #fff; background-color: #060; text-decoration: none; font: 900 8pt Verdana, Arial, sans-serif;}
/*
input{
    -moz-box-shadow: 1px 1px 3px #69d;
    -webkit-box-shadow: 1px 1px 3px #69d;
    box-shadow: 1px 1px 3px #69d;
    /* For IE 8 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#69d')";*/
    /* For IE 5.5 - 7 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#69d');
}
*/
input, select, textarea{ border:2px solid #c9def9; border-radius:5px; padding:3px; }
input:focus, select:focus, textarea:focus { outline:none; border-color:#9ecaed; box-shadow:0 0 5px #9ecaed;}
#geral_content{
	width: 980px;
	margin: 0 auto;
	text-align: justify;
	background-color:white;
}
/* ------------------------------------------
 * CSS3 FACEBOOK-STYLE BUTTONS (Nicolas Gallagher)
 * MIT License
 * http://github.com/necolas/css3-facebook-buttons
 * ------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------- BUTTON */

.uibutton,
.uibutton:visited {
    position: relative;
    z-index: 1;
    overflow: visible;
    display: inline-block;
    padding: 0.3em 0.6em 0.375em;
    border: 1px solid #999;
    border-bottom-color: #888;
    margin: 0;
    text-decoration: none;
    text-align: center;
    font: bold 11px/normal 'lucida grande', tahoma, verdana, arial, sans-serif;
    white-space: nowrap;
    cursor: pointer;
    /* outline: none; */
    color: #333;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f6f6), to(#e4e4e3));
    background-image: -moz-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: -o-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: linear-gradient(#f5f6f6, #e4e4e3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f6f6', EndColorStr='#e4e4e3'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.uibutton:hover,
.uibutton:focus,
.uibutton:active {
    border-color: #777 #777 #666;
}

.uibutton:active {
    border-color: #aaa;
    background: #ddd;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* overrides extra padding on button elements in Firefox */
.uibutton::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* ............................................................................................................. Icons */

.uibutton.icon:before {
    content: "";
    position: relative;
    top: 1px;
    float:left;
    width: 10px;
    height: 12px;
    margin: 0 0.5em 0 0;
    background: url(fb-icons.png) 99px 99px no-repeat;
}

.uibutton.edit:before  { background-position: 0 0; }
.uibutton.add:before  { background-position: -10px 0; }
.uibutton.secure:before  { background-position: -20px 0; }
.uibutton.prev:before  { background-position: -30px 0; }
.uibutton.next:before  { float:right; margin: 0 -0.25em 0 0.5em; background-position: -40px 0; }

/* ------------------------------------------------------------------------------------------------------------- BUTTON EXTENSIONS */

/* ............................................................................................................. Large */

.uibutton.large {
    font-size: 13px;
}

/* ............................................................................................................. Submit, etc */

.uibutton.confirm {
    border-color: #29447e #29447e #1a356e;
    color: #fff;
    background-color: #5B74A8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background-image: -moz-linear-gradient(#637bad, #5872a7);
    background-image: -o-linear-gradient(#637bad, #5872a7);
    background-image: linear-gradient(#637bad, #5872a7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad', EndColorStr='#5872a7'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
}

.uibutton.confirm:active {
    border-color: #29447E;
    background: #4F6AA3;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* ............................................................................................................. Special */

.uibutton.special {
    border-color: #3b6e22 #3b6e22 #2c5115;
    color: #fff;
    background-color: #69a74e;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75ae5c), to(#67a54b));
    background-image: -moz-linear-gradient(#75ae5c, #67a54b);
    background-image: -o-linear-gradient(#75ae5c, #67a54b);
    background-image: linear-gradient(#75ae5c, #67a54b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#75ae5c', EndColorStr='#67a54b'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
}

.uibutton.special:active {
    border-color: #3b6e22;
    background: #609946;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* ............................................................................................................. Disable */

.uibutton.disable {
    z-index: 0;
    border-color: #c8c8c8;
    color: #b8b8b8;
    background: #f2f2f2;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.uibutton.confirm.disable {
    color: #fff;
    border-color: #94a2bf;
    background: #adbad4;
}

.uibutton.special.disable {
    color: #fff;
    border-color: #9db791;
    background: #b4d3a7;
}

.uibutton.disable.icon:before,
.uibutton.disable.icon:after {
    opacity: 0.5;
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON GROUPS */

.uibutton-group {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.uibutton + .uibutton,
.uibutton + .uibutton-group,
.uibutton-group + .uibutton,
.uibutton-group + .uibutton-group {
    margin-left: 3px;
}

.uibutton-group li {
    float: left;
    padding: 0;
    margin: 0;
}

.uibutton-group .uibutton {
    float: left;
    margin-left: -1px;
}

.uibutton-group .uibutton:hover,
.uibutton-group .uibutton:focus,
.uibutton-group .uibutton:active {
    z-index:2;
}

.uibutton-group > .uibutton:first-child,
.uibutton-group li:first-child .uibutton {
    margin-left: 0;
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON CONTAINER */
/* For mixing buttons and button groups, e.g., in a navigation bar */

.uibutton-toolbar {
    padding: 6px;
    border-top: 1px solid #ccc;
    background: #f2f2f2;
}

.uibutton-toolbar .uibutton,
.uibutton-toolbar .uibutton-group {
    vertical-align: bottom;
}