/*  http://www.regencygroup.com.au */
/*  Cascading Style Sheet */
/*  By Matthew Linklater and Oliver Scott  */

* {
    margin: 0px;
    padding: 0px;
}

header {
    display: block;
    width: 940px;
    border: 10px;
}

p {
    font-family: "Arial", Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    text-align: left;
    line-height: 20px;
    font-weight: 100;
    margin-bottom: 10px;
}

h3 {
    font-family: "Arial", Arial, sans-serif;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 20px;
    font-weight: 100;
    margin-bottom: 10px;    
}

h4 {
    font-family: "Arial", Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    text-align: left;
    line-height: 20px;
    font-weight: 100;
    margin-bottom: 10px;    
    font-weight: bold;    
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* - - - N A V  B A R - - - */

nav {
    display: block;
}

nav ul {
    list-style-type: none;
    margin: 0px 25px 30px 25px;
    padding: 0px;
    height: 40px;
    font-family:'alex_brushregular', Arial, sans-serif;
    font-size: 32px;   
    letter-spacing:1px;
    text-align:center;
}

nav ul li {
    float: left;
}

nav ul li a {
    display: block;
    margin: 10px;
    width: 160px;
}

/* - - - F O R M S - - - */

form {
    font: 14px/1.4 "Garamond", Garamond, Arial, sans-serif;
    overflow: hidden;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

input {
    border-radius: 5px;
    font: 14px/1.4 "Garamond", Garamond, Arial, sans-serif;
    margin: 0;
    width: 260px;
}

.field-required {
    color:red;
}

.field-required p {
    color:red;
}

.field-required h4 {
    color:red;
}

/* - - - M A I N  D I V S - - - */

#wrapper {
    width: 960px;
    margin: 0px auto;
    background-color: white;
    text-align: left;
}

#block_wrapper {
    width: 100%;
    height: 500px;
    background-image: url(../static/images/app_background.jpg);
}

#title_header_logo {
    width: 440px;
    height: 120px;
    margin: 10px;
    padding: 0px 5px 7px 0px;
}

#title_header_image {
    width: 840px;
    height: 200px;
    margin-bottom: -9px;
    padding: 3px 3px 3px 4px;
}

#chapter_header_logo {
    width: 240px;
    height: 60px;
    margin: 10px 10px 0px 10px;
    padding: 0px 4px 4px 0px;
    display: inline-block;
}

#chapter_header_signout {
    width: 150px;
    height: 10px;
    margin: 40px 10px 0px 10px;
    float: right;
    padding: 0px 4px 4px 0px;
}

#chapter_header_image {
    width: 600px;
    height: 140px;
    margin: 0px 180px 10px 180px;
    padding: 1px 2px 0px 1px;
}

#tab_wrapper {
    width: 91%;
}

.hidden_data {
    display: none;
}

/* - - - C L A S S E S - - - */

a:link {color:#000000;text-decoration:none;}
a:visited {color:#000000;text-decoration:none;}
a:hover {color:#000000;text-decoration:underline;}
a:active {color:#000000;text-decoration:none;}

a.nav-text:link {color:#666666;text-decoration:none;}
a.nav-text:visited {color:#666666;text-decoration:none;}
a.nav-text:hover {color:#333333;text-decoration:none;}
a.nav-text:active {color:#333333;text-decoration:none;}

.nav-text {
    padding-top: 5px;
    text-align: center;
}

.chapter-nav {
    padding-top: 5px;
    text-align: center;
    font-size: 25px;   
}

.tab-content ul {
    font: 14px "Arial", Arial, sans-serif;
    color: #000000;
    text-align: left;
    line-height: 20px;
    font-weight: 100;
    margin: 0px 0px 10px 30px;
}

.center-object {
    margin: 50% 0%;
    transform: translate(0%, -50%);
    display: inline-block;
}


/* - - - L O G I N  F O R M - - - */

#login_form {
    width: 300px;
    margin: 59px auto 9px auto;
    border: 1px solid #c6c7cc;
    border-radius: 5px;    
    padding-top: 20px;
}

.login-label {
    color: #000000;
    display: block;
    font-weight: bold;
    margin-left: 13px;
    width: 100px;
}

.login-input {
    background: #fff;
    font-family: "Arial", Arial, sans-serif;
    border: 1px solid #999;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    color: #333;
    padding: 5px;
    margin: 0px 3px 20px 13px;
    width: 260px;
}

.login-btn {
    background: linear-gradient(#49708f, #293f50);
    border: 0;
    margin: 10px 10px 10px 9px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 8px 16px;
}

#login_action {
    background: #eee;
    border-top: 1px solid #999;
    padding: 10px;
    margin-bottom: -10px
}

#login_action p {
    font: 14px/1.4 "Garamond", Garamond, Arial, sans-serif;
    text-align: center;
}



/* - - - S A L E S P E R S O N   U I - - - */



/* - - - M A K E   A   B O O K I N G - - - */

/* - - - I N P U T - - - */

#booking_form {
    border: 1px solid #c6c7cc;
    border-radius: 5px;    
    width: 47.5%;
    height: 460px;
    margin-left: 7px;
    display: inline-block;
}

#booking_data {
    padding-top: 10px;
    padding-left: 16%;
    padding-right: 15%;
    height: 368px;
    border: 0;
}

.booking-label {
    color: #000000;
    display: block;
    font-weight: bold;
    width:50%;
}

.booking-label-half {
    color: #000000;
    display: block;
    font-weight: bold;
    width: 45%;
    float: left;
}

.booking-label-half-right {
    color: #000000;
    display: block;
    font-weight: bold;
    width:45%;
    float: left;
    margin-left: 7%;
}

.booking-input {
    background: #fff;
    font-family: "Arial", Arial, sans-serif;
    border: 1px solid #999;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    color: #333;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    width: 95%;
}

.booking-input-half {
    background: #fff;
    font-family: "Arial", Arial, sans-serif;
    border: 1px solid #999;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    color: #333;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    width: 41%;
    float:left;
}

.booking-input-half-right {
    background: #fff;
    font-family: "Arial", Arial, sans-serif;
    border: 1px solid #999;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    color: #333;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    width: 42%;
    float:left;
    margin-left: 7%;
}

.booking-dropdown {
    background: #fff;
    font-family: "Arial", Arial, sans-serif;
    border: 1px solid #999;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    color: #333;
    padding: 5px;
    margin: 0px 0px 15px 0px;
    width: 99%;
    height: auto;
}

#booking_data .booking-dropdown {
    height:85px;
}

.booking-dropdown-half {
    background: #fff;
    font-family: "Arial", Arial, sans-serif;
    border: 1px solid #999;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    color: #333;
    padding: 5px;
    margin: 0px 0px 15px 0px;
    width: 46%;
    float:left;
}

.booking-dropdown-half-right {
    background: #fff;
    font-family: "Arial", Arial, sans-serif;
    border: 1px solid #999;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    color: #333;
    padding: 5px;
    margin: 0px 0px 15px 0px;
    width: 47%;
    float:left;
    margin-left: 7%;
}

#booking_action {
    background-color: rgba(238,238,238, 0.65);
    border-top: 1px solid #999;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom:  1px solid #c6c7cc;
    padding: 0px auto 0px auto;
    height: 81px;
    margin-top: 0px;
}

.booking-btn {
    background: linear-gradient(#49708f, #293f50);
    float: center;
    border: 0;
    width: 260px;
    height: 32px;
    margin: 20px 18% 20px 18%;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 8px 16px;
}

/* - - - R E S U L T - - - */

#booking_result {
    border: 1px solid #c6c7cc;
    border-radius: 5px;    
    width: 47.5%;
    height: 460px;
    margin-right: 8px;    
    float: right;    
}

#booking_result_data {
    height: 286px;
    border: 0;
    padding-bottom: 10px;
}

#check_data {
    height: 91px;
    margin-bottom: -8px;
    padding: 0px;
}

.booking-radios .radio {
    display:inline-block;
    width:100%;
    height:60px;
    border-bottom: 1px solid #c6c7cc;
    padding-top: 22px;
    margin: 0px;
    background-color: #eee;    
    opacity: 0.6;   
    z-index: 0;
}

.booking-radios input[type=radio] {
    display:none
}

.booking-radios .radio:hover {
    opacity: 0.8;   
}

.booking-radios input[type=radio]:checked + .radio {
    background-color:#ddd;
    opacity: 1.0;       
}

#booking_result h4 {
    line-height: 90%;
    text-align: center;
}

#booking_result p {
    line-height: 90%;
    text-align: center;
}

.change-date-input {
    background: #fff;
    font-family: "Arial", Arial, sans-serif;
    text-align: center;
    border: 1px solid #999;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    color: #333;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    width: 90px;
}

.date-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background: none;
    margin: none;
}

.booking-checkbox h4 {
    line-height: 200%;
    text-align: center;
}

.booking-checkbox .checkbox {
    display:inline-block;
    width:100%;
    height:30px;
    border-bottom: 1px solid #c6c7cc;
    border-top: 1px solid #c6c7cc;
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 0px;
    background-color: #eee;    
    opacity: 0.6;   
}

.booking-checkbox input[type=checkbox] {
    display:none
}

.booking-checkbox .checkbox:hover {
    opacity: 0.8;   
}

.booking-checkbox input[type=checkbox]:checked + .checkbox {
    background-color:#ddd;
    opacity: 1.0;       
}

.check-radios .radio {
    display:inline-block;
    width:50%;
    height:20px;
    padding-top: 11px;
    padding-bottom: 5px;
    margin: 0px;
    opacity: 0.6;      
    background-color: #eee;     
    float: left;   
}

.check-radios input[type=radio] {
    display:none
}

.check-radios .radio:hover {
    opacity: 0.8;   
}

.check-radios input[type=radio]:checked + .radio {
    opacity: 1.0;       
}

/* - - - C H E C K   A   B O O K I N G - - - */

#checking_data {
    padding-top: 10px;
    padding-left:15%;
    padding-right:15%;
    height: 368px;
    border: 0;
}


/* - - - R E S U L T - - - */

#check_header {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #c6c7cc;
    padding-top: 20px;
    margin: 0px;
    background: #ddd;
    padding-bottom: -10px;
}

#check_booking_result_data {
    height: 368px;
    border: 0;
    padding-bottom: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#check_details_header {
    width: 39%;
    display: inline-block;
    padding-top: 20px;
}

#check_details_result {
    width: 59%;
    float: right;
    padding-top: 20px;
    font-style: italic;
}

#check_message_data {
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left:18%;
    padding-right:14%;
    text-align: left;
}

#check_details_header p {
    line-height: 130%;
    text-align: right;
    font-size: 16px;    
}

#check_details_result p {
    line-height: 130%;
    text-align: left;
    font-size: 16px;    
}

/* - - - S E N D   R E P A I R S - - - */

#send_repair_wrapper {
    width: 47.5%;
    height: 460px;
    display: inline-block;
    margin-left: 7px;
}

#consignment_input{
    border: 1px solid #c6c7cc;
    border-radius: 5px;    
    width: 100%;
    height: 132px;
}

#cons_data{
    padding-left: 15%;
    padding-right:15%;
    padding-top: 9px;
    padding-bottom: 0px;
    height: 61px;
}

.send-label{
    color: #000000;
    display: block;
    font-weight: bold;
    width:70%;
}

.send-dropdown{
    background: #fff;
    font-family: "Arial", Arial, sans-serif;
    border: 1px solid #999;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    color: #333;
    padding: 5px;
    margin: 0px 0px 15px 0px;
    width: 97%;
}

#send_action{
    background-color: rgba(238,238,238, 0.65);
    border-top: 1px solid #999;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom:  1px solid #c6c7cc;
    padding: 0px 17% 0px 17%;
    height: 61px;
}

.send-btn{
    background: linear-gradient(#49708f, #293f50);
    float: center;
    border: 0;
    width: 260px;
    height: 32px;
    margin: 10px 0px 9px 0px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 8px 16px;
}

#send_job_input{
    border: 1px solid #c6c7cc;
    border-radius: 5px;    
    width: 100%;
    height: 312px;    
    margin-top: 15px;
}

#send_job_data{
    height: 250px;    
    overflow-y: scroll;
    overflow-x: hidden;
}

.send-checkbox h4 {
    line-height: 90%;
    text-align: center;
}

.send-checkbox .checkbox {
    display:inline-block;
    width:100%;
    height:30px;
    border-bottom: 1px solid #c6c7cc;
    padding-top: 20px;
    padding-bottom: -10px;
    margin: 0px;
    background-color: #eee;    
    opacity: 0.6;   
}

.send-checkbox input[type=checkbox] {
    display:none
}

.send-checkbox .checkbox:hover {
    opacity: 0.8;   
}

.send-checkbox input[type=checkbox]:checked + .checkbox {
    background-color:#ddd;
    opacity: 1.0;       
}

#send_result{
    border: 1px solid #c6c7cc;
    border-radius: 5px;    
    width: 47.5%;
    height: 460px;
    margin-right: 8px;    
    float: right;  
    overflow-y: scroll;
    overflow-x: hidden;
}

#send_result h4 {
    line-height: 90%;
    text-align: center;
}


#send_repair_form {
    border: 1px solid #c6c7cc;
    border-radius: 5px;    
    width: 100%;
    height: 100px;
}

.send-cons {
    display:inline-block;
    width:100%;
    height:30px;
    border-bottom: 1px solid #c6c7cc;
    padding-top: 20px;
    padding-bottom: -10px;
    margin: 0px;
    background-color: #eee;    
}



/* - - - R E C E I V E   R E P A I R S - - - */

.receive-radios h4 {
    line-height: 90%;
    text-align: center;
}

.receive-radios .radio {
    display:inline-block;
    width:100%;
    height:30px;
    border-bottom: 1px solid #c6c7cc;
    padding-top: 20px;
    padding-bottom: -10px;
    margin: 0px;
    background-color: #eee;    
    opacity: 0.6;   
}

.receive-radios input[type=radio] {
    display:none
}

.receive-radios .radio:hover {
    opacity: 0.8;   
}

.receive-radios input[type=radio]:checked + .radio {
    background-color:#ddd;
    opacity: 1.0;       
}

/* - - - J E W E L L E R   U I - - - */


/* - - - J O B S   B Y   D A T E - - - */

#input_wrapper {
    width: 47.5%;
    height: 460px;
    display: inline-block;
    margin-left: 7px;
}

#date_input {
    border: 1px solid #c6c7cc;
    border-radius: 5px;    
    width: 100%;
    height: 132px;
}

#date_input .booking-dropdown {
    height: auto;
}

#date_data {
  	padding: 9px 15% 0px 15%;
    height: 61px;
}

.date-label {
    color: #000000;
    display: block;
    font-weight: bold;
    margin: 10px 0px;
    width:70%;
}

.date-input {
    background: #fff;
    font-family: "Arial", Arial, sans-serif;
    border: 1px solid #999;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    color: #333;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    width: 100%;
}

#jui_action {
    background-color: rgba(238,238,238, 0.65);
    border-top: 1px solid #999;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom:  1px solid #c6c7cc;
    padding: 0px 17% 0px 17%;
    height: 61px;
}

.jui-btn {
    background: linear-gradient(#49708f, #293f50);
    float: center;
    border: 0;
    width: 260px;
    height: 32px;
    margin: 10px 0px 9px 0px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 8px 16px;
}

#job_input {
    border: 1px solid #c6c7cc;
    border-radius: 5px;    
    width: 100%;
    height: 312px;    
    margin-top: 15px;
}

#jui_repair_data{
    height: 250px;    
    overflow-y: scroll;
    overflow-x: hidden;
}

.jui-check-radios .radio {
    display:inline-block;
    width:100%;
    height:20px;
    border-bottom: 1px solid #c6c7cc;
    padding-top: 11px;
    padding-bottom: 9px;
    margin: 0px;
    opacity: 0.6;      
    background-color: #eee;        
}

.jui-check-radios input[type=radio] {
    display:none
}

.jui-check-radios .radio:hover {
    opacity: 0.8;   
}

.jui-check-radios input[type=radio]:checked + .radio {
    opacity: 1.0;       
}

.jui-check-radios .regdub {
    background: url(images/regdub.jpg);
    opacity: 0.6;  
}

.jui-check-radios .regcow {
    background: url(images/regcow.jpg);
    opacity: 0.6;  
}

.jui-check-radios .regyou {
    background: url(images/regyou.jpg);
    opacity: 0.6;  
}

.jui-check-radios .regbat {
    background: url(images/regbat.jpg);
    opacity: 0.6;  
}

.jui-check-radios .reggun {
    background: url(images/reggun.jpg);
    opacity: 0.6;  
}

.jui-check-radios .regora {
    background: url(images/regora.jpg);
    opacity: 0.6;   
}
 
.jui-check-radios .eveora {
    background: url(images/eveora.jpg);
    opacity: 0.6;  
}

#job_input h4 {
    line-height: 90%;
    text-align: center;
}

#output_wrapper {
    border: 1px solid #c6c7cc;
    border-radius: 5px;    
    width: 47.5%;
    height: 460px;
    margin-right: 8px;    
    float: right;    
}

#jui_result {
    height: 388px;
    border: 0;
    padding-bottom: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#jui_result .booking-dropdown {
    height: auto;
}

#jui_result_header {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #c6c7cc;
    padding-top: 10px;
    margin: 0px;
    background: #ddd;
}

#jui_result_header p {
    text-align: center;
    font-weight: normal;
    margin-top: -10px;
}

#jui_result_header h4 {
    text-align: center;
}

#jui_result_data {
    height: 358px;
    border: 0;
 	padding: 10px 14% 10px 15%;   
}

.message-input {
    width:100%;
    height: 4em;
    font-family: Arial;
}

#message_textbox {
    width: 96%;
    background-color: rgba(238,238,238, 0.65);
    border: 1px solid #999;
    border-radius: 5px;
    display: block;
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    padding-bottom: 0px;
    text-align: left;
}

#message_textbox p {
    text-align: left;
}


/* - - - A D M I N I S T R A T O R -- */

/* - - - R E G I S T E R - - - */

#db_input{ 
    border: 1px solid #c6c7cc;
    border-radius: 5px;    
    width: 47.5%;
    margin-left: 7px;
    display: inline-block;
}

 
#admin_result_data {
    height: 368px;
    height: 358px;
    border: 0;
 	padding: 10px 14% 10px 15%;    
    overflow-y: scroll;
    overflow-x: hidden;
}

#admin_result_data .booking-label {
	width: 80%;
}

.admin .booking-label  {
	width: 80%;
	margin-left: 15%;
}


/* - - - P R I N T I N G - - - */

#print_wrapper {
	width: 200mm;
    margin: 0px auto;
    background-color: white;
    text-align: left;	
}

table {
	width: 100%;
    font-family: "Arial", Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    text-align: left;
    line-height: 20px;
    font-weight: 100;
    margin-bottom: 10px;
    padding: 5px;
    padding-bottom: 10px;
}

th {
	border-bottom: 2px solid black;
	padding: 5px;
}

td {
	border-bottom: 1px solid black;
	padding: 3px;
}

/* - - - T A B S - - - */

.tabs {
    margin: 20px auto 0px auto;
    display: block;
}
 
/* Clearfix */
.tab-links:after {
    display: block;
    clear: both;
    content: '';
}
 
.tab-links li {
    margin: 0px 1px -1px 0px;
    padding: 0px;
    float: left;
    list-style: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
 
.tab-links a {
    padding: 5px 10px;
    display: inline-block;
    background: #e3e3e3;
    font-family: Garamond, sans-serif;
    font-weight: lighter;
    font-size: 16px;
    font-weight: 100;
    color: #333333;
    transition: all linear 0.15s;
}
 
.tab-links a:hover {
    background: #c3c3c3;
    text-decoration: none;
}
 
li.active a {
    background: #ffffff;
    color: #4c4c4c;
    border-bottom-color: #fff;        
}

li.active a:hover {
    background: #ffffff;
    color: #4c4c4c;
}
 
.tab-content {
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(255,255,255,0.5);
/*    background: #ffffff; */
}
 
.tab.active {
    display: block;
}

/* - - - F O N T S - - - */

@font-face {
    font-family: 'alex_brushregular';
    src: url('fonts/alex-brush/alexbrush-regular-webfont.eot');
    src: url('fonts/alex-brush/alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alex-brush/alexbrush-regular-webfont.woff2') format('woff2'),
         url('fonts/alex-brush/alexbrush-regular-webfont.woff') format('woff'),
         url('fonts/alex-brush/alexbrush-regular-webfont.ttf') format('truetype'),
         url('fonts/alex-brush/alexbrush-regular-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eb_garamondregular';
    src: url('fonts/rj-garamond/rj-garamond-webfont.eot');
    src: url('fonts/rj-garamond/rj-garamond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rj-garamond/rj-garamond-webfont.woff2') format('woff2'),
         url('fonts/rj-garamond/rj-garamond-webfont.woff') format('woff'),
         url('fonts/rj-garamond/rj-garamond-webfont.ttf') format('truetype'),
         url('fonts/rj-garamond/rj-garamond-webfont.svg#eb_garamondregular') format('svg');
    font-weight: normal;
    font-style: normal;

}