/**
 * Author : KEN-MWAI 
 **/

@font-face {
    font-family: 'ChivoBlack';
    src: url('chivo/Chivo-Black-webfont.eot');
    src: url('chivo/Chivo-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('chivo/Chivo-Black-webfont.woff') format('woff'),
         url('chivo/Chivo-Black-webfont.ttf') format('truetype'),
         url('chivo/Chivo-Black-webfont.svg#ChivoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChivoBlackItalic';
    src: url('chivo/Chivo-BlackItalic-webfont.eot');
    src: url('chivo/Chivo-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('chivo/Chivo-BlackItalic-webfont.woff') format('woff'),
         url('chivo/Chivo-BlackItalic-webfont.ttf') format('truetype'),
         url('chivo/Chivo-BlackItalic-webfont.svg#ChivoBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChivoItalic';
    src: url('chivo/Chivo-Italic-webfont.eot');
    src: url('chivo/Chivo-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('chivo/Chivo-Italic-webfont.woff') format('woff'),
         url('chivo/Chivo-Italic-webfont.ttf') format('truetype'),
         url('chivo/Chivo-Italic-webfont.svg#ChivoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChivoRegular';
    src: url('chivo/Chivo-Regular-webfont.eot');
    src: url('chivo/Chivo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('chivo/Chivo-Regular-webfont.woff') format('woff'),
         url('chivo/Chivo-Regular-webfont.ttf') format('truetype'),
         url('chivo/Chivo-Regular-webfont.svg#ChivoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'LaconicLight';
    src: url('laconic/Laconic_Light-webfont.eot');
    src: url('laconic/Laconic_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('laconic/Laconic_Light-webfont.woff') format('woff'),
         url('laconic/Laconic_Light-webfont.ttf') format('truetype'),
         url('laconic/Laconic_Light-webfont.svg#LaconicLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LaconicRegular';
    src: url('laconic/Laconic_Regular-webfont.eot');
    src: url('laconic/Laconic_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('laconic/Laconic_Regular-webfont.woff') format('woff'),
         url('laconic/Laconic_Regular-webfont.ttf') format('truetype'),
         url('laconic/Laconic_Regular-webfont.svg#LaconicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LaconicBold';
    src: url('laconic/Laconic_Bold-webfont.eot');
    src: url('laconic/Laconic_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('laconic/Laconic_Bold-webfont.woff') format('woff'),
         url('laconic/Laconic_Bold-webfont.ttf') format('truetype'),
         url('laconic/Laconic_Bold-webfont.svg#LaconicBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LaconicShadow';
    src: url('laconic/Laconic_Shadow-webfont.eot');
    src: url('laconic/Laconic_Shadow-webfont.eot?#iefix') format('embedded-opentype'),
         url('laconic/Laconic_Shadow-webfont.woff') format('woff'),
         url('laconic/Laconic_Shadow-webfont.ttf') format('truetype'),
         url('laconic/Laconic_Shadow-webfont.svg#LaconicShadow') format('svg');
    font-weight: normal;
    font-style: normal;

}
div.form {
	padding: 10px 0;
	border-radius: 2px;
	color: #363636;
	box-shadow: 0 0 1px #C2C2C2;
	background: #F6F6F6; 
	font: .975em Arial, Sans-serif;
}
div.login {
	margin: 0 auto;
}
div.form .left-column {padding-left: 30px;}
div.form .right-column {float: right;}

div.form .btn:hover {
	color: #ed1d24;
}

div.form input,
div.form textarea,
div.form select {
	margin: 0 0 0.5em;
	padding: 0.15em;
	font: 1.1em Arial, Sans-serif;
	min-height: 1.4em;
	border-radius: 2px;
	border: 1px solid #c2c2c2;
}
div.form input:focus,
div.form textarea:focus,
div.form select:focus {background: #fffcd5;}
div.form select {/* min-width: 135px; */}
div.form select.short-select {min-width:35px;}
div.form label select {
	font-size: 100%;
}
/* unset the standard min-width to allow other label widths */
div.form label.short-text, .small-list {min-width: 0;}
div.form label {
	display: inline-block;
	min-width: 150px;
	text-align: left;
	vertical-align: top;
	font-size: 1.1em;
	margin-bottom: .5em;
}
div.form a label {
	color: #0054a6;
}
div.form a:hover label {
	cursor: auto;
}
div.form label.display-alternate {text-align: left;}

div.form textarea {resize: none;}
div.form textarea.small-box {
	width: 245px;
	height: 55px;
}
div.form textarea.edit-box {width:820px; height:85px;}
div.form img {vertical-align: top;}

div.form .task-button {
        border: 1px groove #ccc;
        height: auto;
        display: block;
        color: #464646;
        text-shadow	: 0px 0px 1px #ebebeb;
        padding: 5px 10px;
        border-radius: 4px;
        background: #EBEBEB;
}
div.form .task-button:hover {
   	background-image: -webkit-linear-gradient(top, #efefef, #fefefe);
	background-image:    -moz-linear-gradient(top, #efefef, #fefefe);/*
	background-image:     -ms-linear-gradient(top, #efefef, #fefefe);*/
}
div.form .task-button, 
div.form .task-button:active {
   	background-image: -webkit-linear-gradient(top, #fefefe, #efefef);
	background-image:    -moz-linear-gradient(top, #fefefe, #efefef);/*
	background-image:     -ms-linear-gradient(top, #efefef, #fefefe);*/
}
div.form .action-bar {margin-top: 15px;}

div.form .buttons input, 
div.form .buttons a.sec-action, 
.dash-button {
        border: 1px solid #a0410d;
        height: auto;
        color: #fff;
        margin-right: .625em;
        text-shadow: 0 0 1px #262626;
        font: 1em Verdana, Tahoma, sans-serif;
        padding: 8px 10px;
        border-radius: 4px;
}
div.form .buttons input:active, 
div.form .buttons a.sec-action:active,
.dash-button:active { 
   	background-image: -webkit-linear-gradient(top, #a0410d, #f26522);
    background-image:    -moz-linear-gradient(top, #a0410d, #f26522);/*
    background-image:     -ms-linear-gradient(top, #efefef, #fefefe);*/
}
div.form .buttons input:hover, 
div.form .buttons a.sec-action:hover,
.dash-button { border-color: #7b2e00;
}
div.form .buttons input, 
div.form .buttons a.sec-action,
.dash-button { 
   	background-image: -webkit-linear-gradient(top, #f26522, #a0410d);
    background-image:    -moz-linear-gradient(top, #f26522, #a0410d);/*
    background-image:     -ms-linear-gradient(top, #efefef, #fefefe);*/
}

div.form .hint {
	margin: 0;
	padding: 0;
	color: #999;
}
div.form .headline {
	font: 1.3em Georgia, Arial;
}
div.form .note {
	font: 1em Arial;
	font-style: italic;
}
div.form span.required { color: red; vertical-align: middle;}
div.form div.error label,
div.form label.error {}
div.form span.error { color: #ed1c24; }
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
	background: #fde9f1;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success {
	background: #E6EFC2;
	border-color: #C6D880;
}

div.form .errorSummary {
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage {
	color: #ed1c24;
	font-size: 0.9em;
	font-style: italic;
}

div.form .errorSummary p {
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul {
	margin: 0;
	padding: 0 0 0 20px;
}

div.form hr {
	border-color: #e3e3e3;
	border-style: groove;
    border-width: 1px;
    margin: 21px 0;
}
div.wide.form label {
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
	clear: left;
	padding-left: 110px;
}

.money-field {
	text-align: right;	
}
.money-field:focus {
	text-align: left;	
}
.total-text {font-weight: bold;}
.total-field {
	font-weight: bold;
	color: #00aeef;	/* Pure Cyan */
}
.paid-field {
	color: #8dc63f; /* Pure Pea Green */
}
.balance-field {
	color: #f26522; /* Pure Red Orange */
}

.tooltip {
	background: #C7E1F3;
	padding:10px;
	border-radius:4px;
	font-size:.975em;
	font-style:italic;
	margin:0 15px 10px 0;
	border: 1px solid #0099FF;}

.read-only {
	background: #eef6e8;
}
.disabled {
	background: #faf3e8;
}
#login-container {
	margin: 0 auto;
	max-width: 500px;
}
#login-form .buttons {
	margin-left: 155px;
}
#login-page {
	background-color: #FAFAFA;
}
#business-logo {
	display: block;
	margin: 0 auto;
}
#business-name {
	margin: .250em 0;
	font-size: 3em;
	font-family: ChivoBlack, Arial, Sans-serif;
}
#business-name, #business-slogan {
	color: #313131;
	text-align: center;
	text-shadow: 1px 1px 0 #e6e6e6;
}
#business-slogan {
	font-family: LaconicRegular, Arial, Sans-serif;
	font-size: 1.250em;
	margin: .5em 0 .875em;
}
#app-credits {
	text-align: center;
	font-size: small;
}
.report-view {
	background: #fcfcfc;
	color: #212121;
	margin: 0 auto;
	max-width: 1200px;
	padding: 30px 40px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	box-shadow: 0 0 5px #cacaca;
}
.report-header {
	margin-bottom: 30px;
	font-family: Aller, Arial, sans-serif;
	text-align: center;
}
.report-header h2,.report-header p {
}

.report-header h2 {
	text-decoration: underline;
	margin-bottom: 30px;
}
.report-detail {
	margin-bottom: 30px;
}
.report-detail table {
	border-collapse: collapse;
	width: 100%;
}
.report-detail tr#column-headers {
	border-top: 1px solid #aaa;
	border-bottom: 3px solid #aaa;
}
.report-detail tr {
	border-bottom: 1px solid #fafafa;
}
.report-detail tr:odd {
	background: #ebebeb;
}
.report-detail tr:even {
	background: #fff;
}
.report-detail th {
	font-weight: bold;
	text-align: left;
	width: 33%;
}
.report-detail th, .report-detail td {
	padding: 0.5em;
	width: auto;
}
.report-footer {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	margin-bottom: 30px;
	font-size: smaller;
}
table.master-column {
	float: left;
	width: 50%;
}

/* View */

table.detail-view span.null
{
	color: #ED1C24;
}

table.detail-view
{
	background: white;
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}

table.detail-view th, table.detail-view td
{
	font-size: 0.9em;
	border: 1px white solid;
	padding: 0.3em 0.6em;
	vertical-align: top;
}

table.detail-view th
{
	text-align: right;
	width: 160px;
	background: #efefef;
}

table.detail-view tr.odd td
{
	background:#efefef;
}

table.detail-view tr.even td
{
	background:#fff;
}

table.detail-view tr.odd th
{
}

table.detail-view tr.even th
{
}
.link-column  {
	text-align: center;
}

#receipt {
	width: 600px;
	font-family: Laconic, Arial, sans-serif;
	color: #464646;
}
#receipt-no {
	text-align: right;
}
#receipt-no span {
	color: #6d0c14;
}
#receipt  h2, #receipt  p {
	font-family: Laconic, Arial, sans-serif;
           text-align: center
}
#receipt  table {
           width: 100%;
}
#receipt  table th {
           text-align: left
}
#receipt  th,  #receipt  td {
           width: auto;
           padding: 0 10px;           
}
.hori-guide {
           border-bottom: 1px dotted #353535;
}
.hori-guide-sign {
           border-bottom: 1px solid #353535;
}
p#disclaimer, p#copyright {
	text-align: left;
	font-size: xx-small;
}
p#contacts {
	font-size: small;
}
p#copyright {
	border-top: 1px solid #ebebeb;
	text-align: center;
}