/**
 * General
 */
body {
    padding: 0px;
    margin: 0px;
}

h3 {
    margin: 5px 5px 5px 0px;
}

.hidden {
    display: none;
}

p.heading {
    margin: 15px; float: left;
}

.flash .notice, .flash .error {
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
    text-align: center;
    font-size: 18px;
}

form {
    margin: 0px;
}

/**
 * User errors and notices related
 */
span.error {
    width: auto;
    display: inline;
    float: none;
    margin-top: 0px;
    margin-bottom: 2px;
}

.error {
    margin-top: 5px;
    margin-bottom: 5px;
}

/**
 * Table related
 */
table.list td {
    display: table-cell;
    vertical-align: top;
}

/**
 * Forms
 */
.form-input {
	clear: both;
    /* border: 1px solid black; */
}

.form-input, .schedule-payment-currPrice {
    overflow: auto;
    height: 100%;
}

.form-input span {
	display: block;
	float: left;
	padding: 5px;
}

.form-input span.label {
	width: 93px;
}
p.form-input {
    padding: 7px 0px 0px 0px;
}

.form-input textarea {
    width: 230px;
    height: 70px;
}

.list-pager {
    margin: 10px 0px 10px 0px;
}

.list-pager span {
    margin: 0px 2px 0px 2px;
}

/**
 * User errors and notices related
 */
.error, .notice {
    width: 250px;
    padding: 6px;
}

/**
 * Header
 */
#main-header {
    width: 100%;
    height: 80px;
}

/**
 * Login
 */
#login {
    margin: 15px 15px 0px 0px;
    padding: 5px;
    float: right;
}

/**
 * Menu
 * From http://css.maxdesign.com.au/listamatic2/horizontal02.htm
 */
#menu {
    width: 350px;
    margin: 15px 0px 0px 15px;
    padding: 5px;
    float: left;
    position: relative;
}

#menu ul { margin: 0px; padding: 10px; list-style-type: none; position: relative; }
#menu li { display: inline; padding-right: 11px; }
#menu ul { padding: 0px; margin: 0px 0px 23px 0px; }
#menu li > :first-child { padding: 0px 11px 0px 0px; margin: 0px; }
#menu ul ul { position: absolute; top: 23px; left: 0pt;  }
#menu ul ul li { display: inline; }

#main-container {
    width: 100%;
    font-size: 12px;
    clear: both;
}

.main-block {
    margin: 15px;
}

/**
 * Calendar related
 */
#calendar-schedule {
    visibility: hidden;
    position: absolute;
    z-index: 5;
    width: 160px;
    margin-top: 15px;
    padding: 5px;
}
.calendar td {
    border: 0px;
}

/**
 * Schedule related
 */

#list-schedule {
    width: 100%;
}



#list-schedule table {
    width: 100%;
}

table.list th, td {
    padding: 2px;
}

table.list tr td.control {
    width: 4%;
    text-align: center;
}

table.list td.gr_0, td.gr_1, td.gr_2, td.gr_3, td.gr_4, td.gr_5, td.gr_6, td.gr_7 { width: 10%; }
table.list td.gr_8 { width: 5%; }

#schedule-legend {
    width: 150px ! important;
}

div.icon {
    width: 12px;
    overflow: hidden;
    text-indent: 15px;
    float: left;
}

.icon a {
    display: block;
    width: 12px;
    height: 12px;
}

#edit-schedule-add-patient {
    overflow: auto;
    height: 100%;
}

.schedule-payment-block input[type="text"] {
    width: 45px; 
}

.schedule-save, .schedule-check, .schedule-payment-correction {
    float: left;
    margin-right: 5px; 
}

table.schedule-payment-table {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
}

.schedule-payment-currPrice span {
	display: block;
	float: left;
	padding: 5px;
}

.schedule-payment-currPrice span.label {
	width: 93px;
}

.schedule-payment, .schedule-payment-currPrice {
    float: right;
}

#patient-info-pos {
    position: absolute;
    overflow: visible;
    float: right;
    width: 200px;
    top: 80px;
    right: 5px;
}


#patient-info {
    margin: 10px 5px 5px 0px;
    padding: 0px;
    float: right;
    width: 200px;
    height: auto;
    /* border: 1px solid black; */
    overflow: visible;
    visibility: hidden;
}


#patient-info .patient-balance {
    float: right;
    margin: 0px;
    padding: 5px;
}

#patient-info .patient-info {
    float: right;
    margin: 0px;
    padding: 5px;
}

#list-schedule p.heading {
    float: left;
}

#list-schedule .list {
    clear: both;
}

#schedule-patient-balance-div {
    overflow: auto;
    height: 100%;
}

/**
 * Patients related
 */

#search {
    margin: 15px;
}

#list-patients {
    margin-left: 15px;
    width: 70%;
}

#list-patients .patient-balance {
    width: 146px;
    display: block;
    margin: 0px;
    padding: 2px;
}

#list-patients table td.balance {
    width: 150px;
}

#list-patients table {
    width: 100%;
}

.list-pager {
    margin: 10px 0px 10px 0px;
}

.list-pager span {
    margin: 0px 2px 0px 2px;
}

#edit-patient-header {
    width: 100%;
    height: 60px;
}

#edit-patient-header #menu {
    width: 440px;
}

#edit-patient {
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
}

#edit-patient .patient-balance {
    margin: 0px;
    padding: 5px;
}

#patient-history-calendar {
    width: 250px;
    margin-top: 15px;
    padding: 2px;
}



/**
 * Procedures related
 */
#list-procedures {
    margin-left: 15px;
}
 
#list-procedures table {
    width: 350px;
}

#list-procedures table .edit {
    width: 10%;
    text-align: center;
}

/**
 * Discounts related
 */
#list-discounts {
    margin-left: 15px;
}
 
#list-discounts table {
    width: 350px;
}

#list-discounts table .edit {
    width: 10%;
    text-align: center;
}