@charset "utf-8";
/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
}
html {
    width: 100%;
    height: 100%;
}
body {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 75%;
    background: #f1eff0 url("http://www.filhodamae.com/empresa/img/bg-corpo.jpg") repeat-x scroll center bottom;
    width: 100%;
    height: 100%;
}
img { border: 0px }
div.clear { clear: both }

div#login-form-container table table td { padding:5px; font-size:11px; }
div#login-form-container table table td.dot { border-bottom:1px dotted #CCC; }
div#login-form-container table table td strong { color:#3483ce; }

div.login-position {
    float: right;
    left: -50%;
    position: relative;
    text-align: left;
    margin-top: 100px;
}
div.login-position div.login-center {
    float: left;
    left: 50%;
    position: relative;
}
div.login-container {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
div.login-container a {
    color: #666;
    font-size: 11px;
    text-decoration: none;
}
div.login-container a:hover {
    color: #3f3f3f;
    text-decoration: underline;
}
div.login-container #flash-warning a { font-size: 12px !important }
div#login-form-container {
    background: #fff;
    padding: 35px;
    position: relative;
    min-height: 180px;
    z-index: 200;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	width:550px;
}
div#login-form-container h2#company-logo {
    display: block;
    float: left;
    font-size: 1.167em;
    height: 180px;
    line-height: 180px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    min-width: 160px;
}
div#login-form-container h2#company-logo img { vertical-align: middle }
div#login-form-container div#login-form {
    border-left: 1px dotted #999;
    float: right;
    margin-left: 35px;
    min-height: 180px;
    padding-left: 35px;
    width: 260px;
}
div#login-form-container .openidlink {
    float: right;
    font-size: 10px;
    margin-right: 45px;
}
div#login-form-container form {
    color: #666;
    display: block;
}
div#login-form-container form label#openid_label {
    background: transparent url('/images/openid.png?1299715627') no-repeat left top;
    padding-left: 20px;
}
div#login-form-container form input[type="text"],
div#login-form-container form input[type="password"] {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.167em;
    line-height: 18px;
    width: 250px;
}
div#login-form-container form div.text-field { margin-bottom: 12px }
div#login-form-container form div.text-field label {
    display: block;
    font-weight: bold;
    line-height: 1.4em;
}
div#login-form-container form div.submit-field { margin-top: 12px }
div.login-footer {
    margin-top: 20px;
    width: 100%;
}
div.login-footer a {
    color: #777;
    text-decoration: none;
}
div.login-footer a:hover {
    color: #3f3f3f;
    text-decoration: underline;
}
div.login-footer ul {
    font-size: 11px;
    list-style: none;
    margin: 5px 10px 0 0;
    padding: 0;
    text-align: center;
    text-indent: 0;
    width: 100%;
}
div.login-footer ul li {
    display: inline;
    line-height: 24px;
}
div.login-footer ul li.forgotpass {
    border-right: 1px solid #ccc;
    margin-right: 8px;
    padding-right: 10px;
}
div.login-footer ul li.poweredby {
    border-left: 1px solid #ccc;
    margin-left: 8px;
    padding-left: 10px;
}
div.login-footer ul li.poweredby a {
    background: transparent url('/images/powered-by.gif?1299715627') 0 0 no-repeat;
    display: inline-block;
    height: 13px;
    line-height: 13px;
    width: 128px;
    text-indent: -9999px;
}
div.login-footer ul li.poweredby a:hover { background-position: 0 -13px }
form#normal_form { margin-top: 20px }
form#openid_form { margin-top: 35px }
form#forgot_password { margin-top: 35px }
div#gapps { margin-top: 55px }
#flash-message { color: #379817 }
#flash-warning {
    color: #d00;
    margin-bottom: 10px;
    width: 230px;
}
#flash-warning a {
    color: #d00;
    font-weight: normal;
    text-decoration: underline;
}
.shadow-boxer {
    -moz-box-shadow: 0 0 15px #999;
    -webkit-box-shadow: 0 0 15px #999;
    box-shadow: 0 0 15px #999;
}
.ie-shadow { display: none }
.check-field { font-size: 11px }
.check-field input {
    margin: 0 5px 0 0;
    padding: 0;
}
a.add_category {
    width: 102px;
    height: 25px;
    background: url('/images/btn_add_category.gif?1299715627') no-repeat;
}
a.add_task {
    width: 77px;
    height: 25px;
    background: url('/images/btn_add_task.gif?1299715627') no-repeat;
}
a.add_person {
    width: 92px;
    height: 25px;
    background: url('/images/btn_add_person.gif?1299715627') no-repeat;
}
a.add_contact {
    width: 99px;
    height: 25px;
    background: url('/images/btn_add_contact.jpg?1299715627') no-repeat;
}
a.create_project {
    width: 106px;
    height: 25px;
    background: url('/images/btn_create_project.gif?1299715627') no-repeat;
}
a.create_client {
    width: 100px;
    height: 25px;
    background: url('/images/btn_create_client.gif?1299715627') no-repeat;
}
a.import_basecamp {
    width: 153px;
    height: 25px;
    background: url('/images/btn_import_basecamp.gif?1299715627') no-repeat;
}
a.create_invoice {
    width: 107px;
    height: 25px;
    background: url('/images/btn_create_invoice.gif?1299715627') no-repeat;
}
.buttons_h {
    overflow: hidden;
    margin-top: 1em;
}
.buttons_h a.button,
.buttons_h button {
    display: block;
    float: left;
    margin: 0 7px 0 0;
    background-color: #ceff9c;
    border: 1px solid #666;
    border-bottom: 2px solid #444;
    border-right: 2px solid #444;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1em;
    padding: 5px 10px 6px 7px;
    cursor: pointer;
}
.buttons_h a.button:hover {
    background: #2a7d00;
    border-bottom: 2px solid #444;
}
.buttons_h input {
    background-color: #ceff9c;
    border: 1px solid #666;
    border-bottom: 2px solid #444;
    border-right: 2px solid #444;
    color: #333;
    margin-right: 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    padding: 3px 10px 4px 7px;
    cursor: pointer;
    overflow: visible;
}
.buttons_h input.inactive {
    border: 1px solid #999;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    color: #666;
    background-color: #dfffbe;
    cursor: default;
}
.buttons_h button {
    width: auto;
    overflow: visible;
    padding: 4px 10px 10px 7px;
}
.buttons_h button:hover { background: #2a7d00 }
.buttons_h button[type] {
    padding: 5px 10px 5px 7px;
    line-height: 21px;
}
.buttons_h button.cancel,
.buttons_h a.cancel {
    background-color: #ccc;
    color: #666;
}
.buttons_h button.cancel:hover,
.buttons_h a.cancel:hover { background-color: #bbb }
.buttons_h a {
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    display: inline !important;
}
.buttons_h a.delete {
    background: #900;
    display: inline;
    width: auto;
}
.buttons_h a.delete:hover { background: #700 }
.inline { margin-top: 0 }
.inline a.button,
.inline button {
    background-color: #390;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    padding: 2px 6px 4px 6px;
    color: #fff;
}
.inline input {
    background-color: #390;
    border: 1px solid #666;
    border-bottom: 2px solid #444;
    border-right: 2px solid #444;
    padding: 0 6px 2px 6px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
}
.inline a {
    font-size: 11px;
    font-weight: bold;
    line-height: 1.7em;
}
.inline button { padding: 2px 6px 1px 6px }
.inline button[type] {
    padding: 1px 6px 2px 6px;
    line-height: 15px;
}
.small_buttons {
    margin-bottom: -1px;
    height: 25px;
    overflow: hidden;
}
.small_buttons ul,
.small_buttons li { list-style: none }
.small_buttons li {
    float: left;
    position: relative;
    background: url('/images/button_s_left.gif?1299715627') no-repeat left top;
    margin: 0 5px 0 0;
    padding: 0 0 0 3px;
    height: 25px;
}
.small_buttons li a {
    display: block;
    background: transparent url('/images/button_s_right.gif?1299715627') no-repeat right top;
    padding: 5px 6px 9px 3px;
    font-size: 10px;
    color: #666;
    line-height: 1em;
    border: 0;
    width: auto;
}
.small_buttons li a:hover {
    border: 0;
    background-color: transparent;
    color: #666;
}
.small_buttons li a.important {
    font-weight: bold;
    text-transform: uppercase;
}
.small_buttons li.pressed {
    background: #f3f3f3 url('/images/button_s_pressed_l.gif?1299715627') no-repeat left top;
    z-index: 4;
}
.small_buttons li.pressed a {
    display: block;
    background: #fdfdfd url('/images/button_s_pressed_r.gif?1299715627') no-repeat right top;
    padding: 5px 6px 9px 3px;
    z-index: 5;
}
.small_buttons li.arrows {
    background: transparent none;
    padding: 0;
}
.small_buttons li.arrows a {
    background: #fdfdfd url('/images/btn_next_prev.gif?1299715627') no-repeat left top;
    height: 19px;
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
    padding: 0;
}
.small_buttons li.arrows a.previous {
    margin: 0;
    width: 21px;
}
.small_buttons li.arrows a.next {
    width: 22px;
    background-position: -21px 0;
}
.small_buttons ul.panel li {
    padding: 0;
    margin: 0;
}
.small_buttons ul.panel li a {
    background: #fdfdfd url('/images/button_panel_left.gif?1299715627') no-repeat left top;
    padding: 5px 7px 6px 8px;
}
.small_buttons ul.panel li a.last {
    background: #fdfdfd url('/images/button_s_right.gif?1299715627') no-repeat right top;
    padding: 5px 8px 6px 7px;
}
.small_buttons ul.panel li a.first {    background: url('/images/button_s_left.gif?1299715627') no-repeat left top }
.small_buttons ul.panel li.selected a {
    background: #fdfdfd url('/images/button_panel_selected.gif?1299715627') no-repeat right top;
    color: #000;
}
.small_buttons ul.panel li.selected a.first { background: #fdfdfd url('/images/button_panel_selected_l.gif?1299715627') no-repeat left top }
.small_buttons ul.panel li.selected a.last { background: #fdfdfd url('/images/button_panel_selected_r.gif?1299715627') no-repeat right top }
.small_buttons ul.panel li.last {
    background: #fdfdfd url('/images/button_panel_left.gif?1299715627') no-repeat left top;
    padding-left: 1px;
}
.small_buttons ul.right li {
    float: right;
    margin: 0 0 0 5px;
}
.main_buttons {
    overflow: hidden;
    margin-top: 0;
}
.main_buttons ul { list-style: none }
.main_buttons ul li {
    float: left;
    margin: 0 8px 0 0;
}
.main_buttons a,
.main_buttons a:hover { border: none }
*:first-child + html button[type] { padding: 4px 10px 3px 7px }
.btn {
    float: left;
    padding-left: 3px;
    margin-right: 5px;
    line-height: 1em;
}
.btn a,
.btn input {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    text-decoration: none;
    border: 0 none;
    width: auto;
    color: #111;
}
.btn a.cancel,
.btn input.cancel { color: #666 }
.btn a.cancel:hover,
.btn input.cancel:hover { color: #666 }
.btn a {
    font-size: 10px;
    line-height: 19px;
    padding: 0px 10px 2px 7px;
    display: block;
}
.btn a:hover {
    text-decoration: none;
    border: 0;
    color: 111;
}
.btn input {
    background-color: transparent;
    border-color: transparent;
    font-size: 10px;
    line-height: 15px;
    cursor: pointer;
    margin: 0;
    padding: 0 8px 2px 5px;
    overflow: visible;
}
.btn_container { overflow: hidden }
.btn_container_with_menu {
    position: relative;
    list-style: none;
}
.btn_container_footer {
    overflow: hidden;
    margin-top: 15px;
}
.btn_container_topbar {
    overflow: hidden;
    margin-top: -0.7em;
    margin-bottom: 1.5em;
}
.btn_container_with_menu .arrows {
    float: left;
    margin: 0 5px 0 0;
    padding: 0 0 0 3px;
    height: 25px;
    background: transparent none;
    padding: 0;
}
.btn_container_with_menu .arrows a {
    background: transparent url('/images/buttons/btn_next_prev.gif?1299715627') no-repeat left top;
    height: 23px;
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
    display: block;
    padding: 0;
    border: 0;
}
.btn_container_with_menu .arrows a.previous {
    margin: 0;
    width: 23px;
}
.btn_container_with_menu .arrows a.next {
    width: 22px;
    background-position: -23px 0;
}
.btn-small-white,
.btn-small-green,
.btn-small-red,
.btn-small-whitestrong { height: 19px }
.btn-small-white a,
.btn-small-white input,
.btn-small-green a,
.btn-small-green input,
.btn-small-red a,
.btn-small-red input,
.btn-small-whitestrong a,
.btn-small-whitestrong input {
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
    font-size: 10px;
}
.btn-small-white input,
.btn-small-green input,
.btn-small-red input,
.btn-small-whitestrong input { height: 19px }
.btn-small-white,
.btn-small-whitestrong { background: transparent url('/images/buttons/btn-small-white.gif?1299715627') no-repeat scroll left top }
.btn-small-white a,
.btn-small-white input,
.btn-small-whitestrong a,
.btn-small-whitestrong input { background: transparent url('/images/buttons/btn-small-white.gif?1299715627') no-repeat scroll right top }
.btn-small-whitestrong a,
.btn-small-whitestrong input {
    font-weight: bold;
    color: #000;
}
.btn-small-green { background: transparent url('/images/buttons/btn-small-green.gif?1299715627') no-repeat scroll left top }
.btn-small-green a,
.btn-small-green input {
    background: transparent url('/images/buttons/btn-small-green.gif?1299715627') no-repeat scroll right top;
    color: #fff;
}
.btn-small-green a:hover,
.btn-small-green input:hover { color: #fff }
.btn-small-red { background: transparent url('/images/buttons/btn-small-red.gif?1299715627') no-repeat scroll left top }
.btn-small-red a,
.btn-small-red input {
    background: transparent url('/images/buttons/btn-small-red.gif?1299715627') no-repeat scroll right top;
    color: #fff;
}
.btn-small-red a:hover,
.btn-small-red input:hover { color: #fff }
.btn-medium-white,
.btn-medium-white-on,
.btn-medium-white-pressed,
.btn-medium-green,
.btn-medium-green-on,
.btn-medium-gray,
.btn-medium-green-darkbg,
.btn-medium-white-darkbg,
.btn-medium-disabled {
    height: 24px;
    padding-left: 5px;
}
.btn-medium-white a,
.btn-medium-white input,
.btn-medium-white-on a,
.btn-medium-white-on input,
.btn-medium-white-pressed a,
.btn-medium-white-pressed input,
.btn-medium-green a,
.btn-medium-green input,
.btn-medium-green-on a,
.btn-medium-green-on input,
.btn-medium-gray a,
.btn-medium-gray input,
.btn-medium-green-darkbg a,
.btn-medium-green-darkbg input,
.btn-medium-white-darkbg a,
.btn-medium-white-darkbg input,
.btn-medium-disabled a,
.btn-medium-disabled input {
    font-size: 11px;
    padding: 0px 12px 2px 7px;
    line-height: 24px !important;
}
.btn-medium-white input,
.btn-medium-white-on input,
.btn-medium-white-pressed input,
.btn-medium-green input,
.btn-medium-green-on input,
.btn-medium-gray input,
.btn-medium-green-darkbg input,
.btn-medium-white-darkbg input,
.btn-medium-disabled input {
    height: 25px;
    padding: 0 12px 3px 7px;
}
.btn-medium-white { background: transparent url('/images/buttons/btn-medium-white.gif?1299715627') no-repeat scroll left top }
.btn-medium-white a,
.btn-medium-white input { background: transparent url('/images/buttons/btn-medium-white.gif?1299715627') no-repeat scroll right top }
.btn-medium-white a.arrow,
.btn-medium-white input.arrow {
    background: transparent url('/images/buttons/btn-medium-white-arrow.gif?1299715627') no-repeat scroll right top;
    padding-right: 18px;
}
.btn-medium-white-on { background: transparent url('/images/buttons/btn-medium-white-on.gif?1299715627') no-repeat scroll left top }
.btn-medium-white-on a,
.btn-medium-white-on input { background: transparent url('/images/buttons/btn-medium-white-on.gif?1299715627') no-repeat scroll right top }
.btn-medium-white-pressed { background: transparent url('/images/buttons/btn-medium-white-pressed.gif?1299715627') no-repeat scroll left top }
.btn-medium-white-pressed a,
.btn-medium-white-pressed input { background: transparent url('/images/buttons/btn-medium-white-pressed.gif?1299715627') no-repeat scroll right top }
.btn-medium-white-pressed a.arrow,
.btn-medium-white-pressed input.arrow { padding-right: 18px }
.btn-medium-gray { background: transparent url('/images/buttons/btn-medium-gray.gif?1299715627') no-repeat scroll left top }
.btn-medium-gray a,
.btn-medium-gray input {
    background: transparent url('/images/buttons/btn-medium-gray.gif?1299715627') no-repeat scroll right top;
    padding-right: 18px;
}
.btn-medium-green { background: transparent url('http://www.filhodamae.com/empresa/img/btn-medium-green.gif') no-repeat scroll left top }
.btn-medium-green a,
.btn-medium-green input {
    background: transparent url('http://www.filhodamae.com/empresa/img/btn-medium-green.gif') no-repeat scroll right top;
    color: #fff;
}
.btn-medium-green a:hover,
.btn-medium-green input:hover { color: #fff }
.btn-medium-green-on { background: transparent url('/images/buttons/btn-medium-green-on.gif?1299715627') no-repeat scroll left top }
.btn-medium-green-on a,
.btn-medium-green-on input {
    background: transparent url('/images/buttons/btn-medium-green-on.gif?1299715627') no-repeat scroll right top;
    color: #fff;
}
.btn-medium-green-on a:hover,
.btn-medium-green-on input:hover { color: #fff }
.btn-medium-green-darkbg { background: transparent url('/images/buttons/btn-medium-green-darkbg.gif?1299715627') no-repeat scroll left top }
.btn-medium-green-darkbg a,
.btn-medium-green-darkbg input {
    background: transparent url('/images/buttons/btn-medium-green-darkbg.gif?1299715627') no-repeat scroll right top;
    color: #fff;
}
.btn-medium-green-darkbg a:hover,
.btn-medium-green-darkbg input:hover { color: #fff }
.btn-medium-white-darkbg { background: transparent url('/images/buttons/btn-medium-gray-darkbg.gif?1299715627') no-repeat scroll left top }
.btn-medium-white-darkbg a,
.btn-medium-white-darkbg input {
    background: transparent url('/images/buttons/btn-medium-gray-darkbg.gif?1299715627') no-repeat scroll right top;
    color: #444;
}
.btn-medium-white-darkbg a:hover,
.btn-medium-white-darkbg input:hover { color: #444 }
.btn-medium-disabled { background: transparent url('/images/buttons/btn-medium-white.gif?1299715627') no-repeat scroll left top }
.btn-medium-disabled a,
.btn-medium-disabled input {
    background: transparent url('/images/buttons/btn-medium-white.gif?1299715627') no-repeat scroll right top;
    cursor: default;
    color: #ccc;
}
.btn-large-white,
.btn-large-green,
.btn-large-red,
.btn-large-disabled {
    height: 30px;
    padding-left: 10px;
    margin-right: 10px;
}
.btn-large-white a,
.btn-large-white input,
.btn-large-green a,
.btn-large-green input,
.btn-large-red a,
.btn-large-red input,
.btn-large-disabled a,
.btn-large-disabled input {
    font-size: 14px;
    padding: 0px 15px 2px 5px;
    line-height: 29px;
}
.btn-large-white input,
.btn-large-green input,
.btn-large-red input,
.btn-large-disabled input {
    height: 30px;
    padding: 0 15px 2px 5px;
}
.btn-large-white { background: transparent url('/images/buttons/btn-large-white.gif?1299715627') no-repeat scroll left top }
.btn-large-white a,
.btn-large-white input { background: transparent url('/images/buttons/btn-large-white.gif?1299715627') no-repeat scroll right top }
.btn-large-green { background: transparent url('/images/buttons/btn-large-green.gif?1299715627') no-repeat scroll left top }
.btn-large-green a,
.btn-large-green input {
    background: transparent url('/images/buttons/btn-large-green.gif?1299715627') no-repeat scroll right top;
    color: #fff;
}
.btn-large-red { background: transparent url('/images/buttons/btn-large-red.gif?1299715627') no-repeat scroll left top }
.btn-large-red a,
.btn-large-red input {
    background: transparent url('/images/buttons/btn-large-red.gif?1299715627') no-repeat scroll right top;
    color: #fff;
}
.btn-large-disabled { background: transparent url('/images/buttons/btn-large-white.gif?1299715627') no-repeat scroll left top }
.btn-large-disabled a,
.btn-large-disabled input {
    background: transparent url('/images/buttons/btn-large-white.gif?1299715627') no-repeat scroll right top;
    cursor: default;
    color: #ccc;
}
.btn_options {
    position: relative;
    border: 1px solid red;
}
.hover_menu {
    width: 190px;
    position: absolute;
    background-color: transparent;
    z-index: 500;
}
.hover_menu .hover_bottom {
    background: transparent url('/images/dropdown-bg-bottom.png?1299715627') no-repeat bottom;
    height: 14px;
}
.hover_menu ul {
    background: transparent url('/images/dropdown-bg.png?1299715627') no-repeat;
    padding: 5px 9px 0px 10px;
    margin: 0;
}
.hover_menu ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.hover_menu ul li a {
    font-size: 11px;
    font-weight: normal;
    line-height: 1em !important;
    height: auto;
    background: transparent;
    color: #000;
    display: block;
    padding: 6px 11px 4px 11px;
    border: 0;
}
.hover_menu ul li a:hover {
    border: 0;
    background-color: #206eda;
    color: #fff;
}