/****************************** General Styles ******************************/
html 
{
     height: 100%; 
     padding-top: 70px;
     box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;     
}

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, serif;
	font-size: 15px;
	color: #3a3a3a;	
	background-color: #f6f6f6;
	height: 100%;
}

.fl { float:left; }

.fr { float:right; }

.cl  { clear:left; }

.cr  { clear:right; }

.cb  { clear:both; }

.lastCol {
	margin-right: 0 !important;
}

a {
	text-decoration: none;
	color: #676767;
}

a:hover {
	text-decoration: underline;
}

table.align-top td
{
    vertical-align:top;
}

/******************************* Select Locations Link *********************/

a.select-all-stores {
    font-size: 11px;
    text-decoration:none;
    cursor: pointer;
    color: #b8b8b8;
}

a.select-all-stores:hover {
    color: #a3a3a3;
    text-decoration:none;
}

a.select-all-stores.active
{
    font-weight: bold;
    border-bottom: 1px dashed #404040;
    text-decoration: none;
    color: #404040;
}

a.select-all-stores.active:hover
{
    text-decoration:none;    
}

/******************************* Select Customer Link *********************/

a#select-customer 
{
    padding-left: 30px;
}

/******************************* Close button *******************************/

a.box-close
{
    background-image: url('../img/close-inactive.png');
    position: absolute;
    cursor: pointer;
    width: 16px;
    height: 16px;
    top: 8px;
    right: 8px;    
}

a.box-close:hover
{
    background-image: url('../img/close-active.png');
}

/******************************* Main error *******************************/

div.error-container {	
	background-color: #f6f6f6;
	color: #404040;
	height: 100%;
	width: 460px;
	margin: 0 auto;
}


/******************************* Availability / Validation ****************************/

span.invalid-message 
{
    color: #ff0000;
    font-size: 13px;
}

span.valid-message 
{
    color: #67b069;
    font-size: 13px;
}

div.parameter-value img.loading, div.detail img.loading {
    display:none;
}

div.parameter-value.pending img.loading, div.detail.pending img.loading {
    display:inline-block;
}

input[type="text"].invalid, input[type="password"].invalid, div.chzn-container.invalid > a, div.chzn-container.invalid > ul
{
    border: 1px solid #ff0000;
}

div.parameter-value.strongy {
    width: 300px;
}

/******************************* Input fields *******************************/

input[type="text"], input[type="password"], textarea {
	padding: 10px 5px;
	border: 1px solid #d9d9d9;
    outline: none;
    color: #333333;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border: solid 1px #203E5F;
}

textarea
{
    font-family: 'Helvetica Neue', Helvetica, Arial, serif;
    font-size: 14px;
    line-height: 19px;    
    color: #3a3a3a;
}

.full-width-input { 
	width:95%;
}

/******************************* Buttons *******************************/
	
input[type="submit"] {
	padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;    
    cursor: pointer;
    background: #4d5774;
	color: #ffffff;
	border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;	
}

input[type="submit"]:hover 
{
    background: #5b6789;
}

.blue {
	background: #4d5774;
	color: #ffffff;
}


input.button 
{
    padding: 8px 5px;
    border: solid 1px #323e5e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-weight: bold;    
    cursor: pointer;
    background: #4d5774;
	color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;		 	
}

input.button:hover {
	background: #666f87;
    border: solid 1px #2A4E77;
}

input.button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #6f778e;
    border: solid 1px #203E5F;	
}

/***************** Small button *****************/

input.button.small 
{
    font-size: 13px;
    font-weight: normal;
    padding: 4px;
}


/***************** Cancel button *****************/

input.cancelbutton 
{
    border: solid 1px #999;
    background: #f6f6f6;
    color: #666;
    padding: 8px 5px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-weight: bold;    
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;	        
}


input.cancelbutton:hover {
	color: #555;
    border: solid 1px #676767;
}

/***************** Disabled button *****************/

input.disabled-button, input[disabled=disabled]
{
    cursor: auto;
    border: solid 1px #999;
    background: #b2b2b2;
    color: #666;
    text-shadow: none;
    padding: 8px 5px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-weight: bold;    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

input[disabled=disabled]:hover 
{
    background: #b2b2b2;
    color: #666; 
    border: solid 1px #999;
}

input[disabled=disabled]:active {
    background: #b2b2b2;
    color: #666; 
    border: solid 1px #999;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}

/******************************* Top Messages *******************************/

div.top-message 
{    
    padding-top: 20px; 
    color: #ffffff;   
    background: #FF4629;
    font-size: 16px;
    font-weight : bold;
    position:fixed;      
    height: 50px;
    width: 100%;
    z-index: 301;
    text-align: center;
}

div.top-message.success 
{
    background: #53bf77;
    color: #ffffff;    
}

div.top-message.failure 
{
    background: #FF4629;
    color: #ffffff;      
}

/******************************* Top Message Small *******************************/

div.top-message-small
{
    top: 80px;
    left: 50%;
    padding-top: 10px; 
    margin-left: -160px;
    color: #ffffff;   
    background: #FF4629;
    font-size: 14px;
    font-weight : bold;
    position:fixed;
    height: 30px;
    width: 320px;
    z-index: 301;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	    
}

    div.top-message-small.disabled {
        display:none;
    }

div.top-message-small.success 
{
    background: #53bf77;
    color: #ffffff;    
}

div.top-message-small.failure 
{
    background: #FF4629;
    color: #ffffff;      
}

/******************************* Forgot Form *******************************/

div.forgot-container {	
	background-color: #f6f6f6;
	color: #404040;
	height: 100%;
	width: 460px;
	margin: 0 auto;
}

form#forgot-form
{
    width: 460px;
    margin: 0 auto;
}

form#forgot-form h2 
{
    font-size: 26px;
}

form#forgot-form p 
{
    margin: 25px 0;
    line-height: 20px;
}

form#forgot-form input[type="text"] {
	font-size: 16px;
	color: #3a3a3a;
    padding: 18px 15px;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #cdcccc;
	margin-bottom: 25px;
	width: 460px;
}

form#forgot-form input[type="submit"] 
{
    padding: 8px 0;
	width: 70px;
    border: solid 1px #323e5e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);	
}

form#forgot-form input[type="submit"]:hover {
	background: #666f87;
    border: solid 1px #2A4E77;
}

form#forgot-form input[type="submit"]:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #6f778e;
    border: solid 1px #203E5F;	
}

div.forgot-details {
	margin-top: 10px;
	font-size: 13px;
	color: #6c6c6c;
}

/******************************* New Password Form *************************/

form#forgot-form input#pwd {
	font-size: 16px;
	color: #3a3a3a;
    padding: 18px 15px;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #cdcccc;
    margin-bottom: 10px !important;
	width: 460px;
}

form#forgot-form input#confirm-pwd {
	font-size: 16px;
	color: #3a3a3a;
    padding: 18px 15px;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #cdcccc;    
    margin: 20px 0;
	width: 460px;
}

/******************************* Change Password Form *************************/


form#change-password-form input#old-password {
	font-size: 14px;
	color: #3a3a3a;
    padding: 12px 10px;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #cdcccc;
    margin-bottom: 20px !important;    
	width: 420px;
}

form#change-password-form input#new-password,  form#change-password-form input#confirm-password{
	font-size: 14px;
	color: #3a3a3a;
    padding: 12px 10px;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #cdcccc;
    margin-bottom: 20px !important;
	width: 420px;
}

form#change-password-form span.error-message-form
{
    font-size: 11px;
    color: #b00;
    position: absolute;
    margin-top: -15px;   
}

/******************************* Login Form *******************************/

div.login-container {	
	background-color: #f6f6f6;
	color: #404040;
	height: 100%;
	width: 460px;
	margin: 0 auto;
}

div#logo 
{
    float:none;
    width: 174px;
    padding-top: 90px;
    padding-bottom: 75px;
	margin: 0 auto;
}

div.tiny-text {
	padding-top: 10px;
	font-size: 11px;
	text-align: center;
	color: #9d9d9d;
}

form#login-form
{
    width: 460px;
    margin: 0 auto;
}

form#login-form input[type="text"], form#login-form input[type="password"] {
	font-size: 16px;
	color: #3a3a3a;
    padding: 18px 15px;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #cdcccc;
	margin-bottom: 25px;
}

input#login-serialnum  {
	width: 218px;
}

input#login-username  {
	width: 218px;
}

input#login-password  {
	width: 100%;
}

form#login-form input[type="submit"] {
	width: 100%;
    border: solid 1px #323e5e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);	
}

form#login-form input[type="submit"]:hover {
	background: #666f87;
    border: solid 1px #2A4E77;
}

form#login-form input[type="submit"]:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #6f778e;
    border: solid 1px #203E5F;	
}


form#login-form input[type="text"]:focus, form#login-form input[type="password"]:focus  {
	border: 1px solid #4d5774;	
}

form#login-form input[type="checkbox"] {
    border: 1px solid #dadada;
    margin-right: 5px;
}

form#login-form input.button 
{
	padding: 18px 0;
    font-size: 16px;
    font-weight: bold;
}

div.login-details {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 50px;
	font-size: 13px;
	color: #6c6c6c;
}

div.copyright-notice {
	text-align: center;
	font-size: 13px;
	color: #9d9d9d;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #b5b4b4;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b5b4b4;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b5b4b4;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #b5b4b4;
}

/******************************* Top container *******************************/

div.top-container 
{
    /*z-index: 300;
    position: fixed;*/ /* Ron 9/24/13*/ 
    z-index: 99999;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 70px; 
	background-color: #3c3b40;
	min-width: 1000px;
}

div.logo 
{
    width: 185px;
	padding-left: 20px;
	padding-top: 25px; 
	border-right: 1px solid #4d4c54;
	height: 45px;
}

/******************************* Menu *******************************/

div.menu {

}

ul#nav {
	font-weight: normal;
	padding-top: 26px;
}

ul#nav li {
    display: inline;
    padding: 16px 0 26px 0; 
}

ul#nav li a{
	color: #cdcdcd;
	text-decoration: none;
	padding: 26px 15px 26px 15px;
}

ul#nav li a:hover {
    background-color: #47454c;
    padding: 26px 15px 26px 15px;
}

ul#nav li.item-selected a:hover {
    background-color: #47454c;
    border-top: 10px solid #7687b9; 
    padding: 16px 15px 26px 15px;
}

ul#nav li.item-selected {    
    background-color: #47454c;
    border-top: 10px solid #7687b9; 
    /*padding: 16px 15px 26px 15px;*/
}

ul#nav li.item-selected a {
       color: #eeeeee !important; 
}

ul#nav li.dashboard span {
	background: url('../img/dashboard.png') no-repeat;
	padding-left: 26px;
}

ul#nav li.dashboard.item-selected span {
	background: url('../img/dashboard-selected.png') no-repeat;
	padding-left: 26px;
}

ul#nav li.customers span {
	background: url('../img/customers.png') no-repeat;
	padding-left: 26px;
}

ul#nav li.customers.item-selected span {
	background: url('../img/customers-selected.png') no-repeat;
	padding-left: 26px;
}

ul#nav li.pawns span {
	background: url('../img/pawns.png') no-repeat;
	padding-left: 26px;
}

ul#nav li.pawns.item-selected span {
	background: url('../img/pawns-selected.png') no-repeat;
	padding-left: 26px;
}

ul#nav li.reports span {
	background: url('../img/reports.png') no-repeat;
	padding-left: 26px;
}

ul#nav li.reports.item-selected span{
	background: url('../img/reports-selected.png') no-repeat;
	padding-left: 26px;
}

ul#nav li.settings span {
	background: url('../img/settings.png') no-repeat;
	padding-left: 26px;
}

ul#nav li.settings.item-selected span {
	background: url('../img/settings-selected.png') no-repeat;
	padding-left: 26px;
}


/******************************* User Panel Popup *******************************/

div.user-panel-container 
{
    padding-right: 40px;
    padding-top: 20px;
    position: relative;
}

a#reveal-user-panel-link {     
    text-decoration: none;
    cursor:pointer;
}

div.username-title 
{
    font-size: 16px;
    color: #eeeeee;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;    
}

div.company-title 
{
	font-size: 12px;
	color: #a2b5ec;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;	
}

div.reveal-arrow 
{
    background: transparent url('../img/dropdown.png') 0 0 no-repeat;
    width: 7px;
    height: 4px;
    margin-top: 9px;
    margin-left: 9px;
}

div.reveal-arrow.open
{
    background: transparent url('../img/dropdown-open.png') 0 0 no-repeat;
    width: 7px;
    height: 4px;
    margin-top: 9px;
    margin-left: 9px;
}

div#click-off-overlay
{
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    background-color: rgba(0, 0, 0, 0);
    height: 2500px;
}

div.dropdown-popup 
{
    position: absolute;
    z-index: 200;
    top: 85px;
    left: -30px;
    width: 140px;
    font-size: 13px;    
}

div.popup-arrow  
{
    position:absolute;
    top: -12px;
    left: 50%;
    width: 27px;
    height: 17px;
    margin-left: -13px;
    background: transparent url(../img/bg-popup-arrow-top-grey.png) 0 0 no-repeat;
}

div.border-wrapper 
{
    background: transparent url(../img/bg-popup-border.png) 0 0 repeat;
    padding: 4px;
    moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    z-index:200;
}

.popup-content 
{
    background-color: #fff;
    border: #ddd 1px solid;
    moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

div.title 
{
    background-color: #f8f8f8;
    padding: 10px 15px;
    border-bottom: #eee 1px solid;
    min-width: 100px;
    moz-border-radius-topright: 3px;
    moz-border-radius-topleft: 3px;        
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;    
    -khtml-border-radius-topright: 3px;
    -khtml-border-radius-topleft: 3px;    
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

ul.type-link-list li 
{
    border-bottom: #eee 1px solid;
}

ul.type-link-list li>a 
{
    display: block;
    padding: 10px 15px;
    color: #444;
    text-decoration: none;
}

ul.type-link-list li>a:hover
{
    background-color: #f1f1f1;
}

/************************** Export Button Popup *************************/

div.export-report-container
{
    position: relative;
    padding-left: 10px;
}

div.dropdown-popup.export-report
{
    position: absolute;
    z-index: 200;
    top: 50px;
    left: 0px;
    width: 80px;
    font-size: 13px;
}

/******************************* Sidebar *******************************/

#sidebar-container-back, div.sidebar-container 
{
    background-color: #e8e8e8;
    border-color: #cdcdcd;
    border-width: 0 1px 0 0;
    border-style: solid;
    width: 180px; 
}

#sidebar-container-back
{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    padding-right: 10px;
    padding-left: 15px;
}

div.sidebar-container 
{		
	position: relative;
	float: left;
	padding: 15px 10px 0 15px;
}

div.sidebar-header 
{
    text-transform: uppercase;
    font-size: 10px;
    color: #a3a3a3;
    font-weight: bold;
    padding-bottom: 10px;
    letter-spacing: 2px;
    border-bottom: 1px solid #d8d8d8;
}

ul#sidebar li {
    padding: 10px 0;
    font-size: 14px;
}

ul#sidebar li a {
    text-decoration: none;
    color: #888888;
}


ul#sidebar li a:hover {
    color: #616161;
}

ul#sidebar li.item-selected a 
{
    color: #404040;
    font-weight: bold;
    border-bottom: 1px dashed #404040;
}


/**************************** Report Description *****************************/

ul#sidebar-reports li p.desc 
{
    display: none;
}

table.bubble 
{
    line-height: 1.5em;
    text-align: left;
    z-index: 1000;
}

table.bubble td 
{
    color: #333333;
    line-height: 1.5em;
    text-align: left;
}

table.bubble .tl
{
    background: url('../img/bubble_tl.png') no-repeat bottom;
}

table.bubble .t 
{
    background: url('../img/bubble_t.png') repeat-x bottom;
}

table.bubble .tr 
{
    background: url('../img/bubble_tr.png') no-repeat left bottom;
}

table.bubble .l 
{
    background: url('../img/bubble_l.png') left repeat-y;
}

table.bubble .c 
{
    background-color: #ffffff;
    padding: 6px 8px;
}

table.bubble .r 
{
    background: url('../img/bubble_r.png') left repeat-y;
}

table.bubble .bl 
{
    background: url('../img/bubble_bl.png') no-repeat;
}

table.bubble .b 
{
    background: url('../img/bubble_b.png') repeat-x;
}

table.bubble .br 
{
    background: url('../img/bubble_br.png') no-repeat;
}

table.bubble .tl, table.bubble .tr, table.bubble .bl, table.bubble .br 
{
    width: 13px;
    height: 13px;
    overflow: hidden;  
}

table.bubble .l, table.bubble .r
{
    width: 13px;
    padding: 10px 0;
}

table.bubble .b, table.bubble .t
{
    height: 13px;
    padding: 0 10px;
}

.bubble .larrow 
{
    position:relative;
    margin-left: -12px;
}

/****************************Sidebar Filter  *******************************/

ul#sidebar-filter li {
    padding: 10px 0;
    font-size: 13px;    
}

ul#sidebar-filter li > div > input {
    margin: 10px 0;
    width: 165px;
}


ul#sidebar-filter li > div > input#ssn-1  
{
    margin: 10px 0;
    width: 35px;
}

ul#sidebar-filter li > div > input#ssn-2
{
    margin: 10px 0;
    width: 24px;
}

ul#sidebar-filter li > div > input#ssn-3  
{
    margin: 10px 0;
    width: 50px;
}

div.ssn-sep 
{
    margin: 20px 5px;
}


/******************************* Tabs *******************************/

ul.tabs {
    list-style-type: none;
}

ul.tabs li
{   
    float:left;
    border: 1px solid #bebebe;
    background-color: #ebebeb;
    color: #a9a8a8;    
    border-bottom: none;
    padding: 20px 20px;
    display: block;
    cursor: pointer;
    margin: 0 10px -1px 0;
}

ul.tabs li a 
{
    text-decoration: none;
}

ul.tabs li a:hover 
{
    color: #222222;
}

ul.tabs li.first-tab 
{
    margin-left: 10px;
}

ul.tabs li.active-tab
{
    background-color: #f6f6f6;
    font-weight: bold;
    color: #404040;
}

div.tab-content-container 
{
    border-top: 1px solid #bebebe;    
}

/************************ Loading container *****************************/

div#loading-indicator
{
    z-index: 1000;
    position: fixed;
    width: 70px;
    height: 70px;
    background-color: White;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:  0 0 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

div#loading-indicator img
{
    padding-left: 18px;
    padding-top: 18px;
}

div#content-container-overlay
{
    position:fixed;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.6);
    height: 2500px;
}

div#main-container-overlay
{
    position:fixed;
    top: 70px;
    left: 205px;
    width: 100%;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.6);
    height: 2500px;
}

/******************************* Content *******************************/

div.content-container 	
{   
    position: relative;
    height: auto;
    min-height: 100%;
    width: 100%;
}

div.content-sep {
	height: 1px;
	background-color: #c3c3c3;
}

div.main-container 
{
    height: 100%;
    margin-left: 225px;
}

div.page-body 
{
    position: relative;
}

div.page-content {
	float: left;
    width: 100%;
    padding-bottom: 65px;
}

div.wrap 
{
    margin: 20px 20px 0 0;
}

div.heading{
	font-size: 28px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
				 "Helvetica Neue", sans-serif;
	font-weight: 300;	
	color: #404040;
}

div.heading-small{
	font-size: 24px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
				 "Helvetica Neue", sans-serif;
	font-weight: 300;	
	color: #404040;
}

div.fixed-width
{
    width: 125px;    
}

div.big-link {
	font-size: 15px;
	padding-left: 35px;
	padding-top: 9px;
}

div.small-blankSep {
	height: 20px;	
}

div.tiny-blankSep {
	height: 10px;	
}

div.blankSep {
	height: 30px;	
}

div.big-blankSep {
	height: 70px;	
}

div.link-small.first-link
{
    padding-left: 50px;
}

div.link-small
{
    padding-top: 6px;
    padding-left: 30px;
}

div.link-small a 
{
    padding: 7px;
    cursor: pointer;
    background: #e5e5e5;
	border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-decoration: none;
}

div.link-small a:hover 
{
    background: #d9d9d9;
}

div.link-small a.selected 
{
    font-weight: bold;
    background: #d9d9d9;
}

span.not-available-message 
{
    color: #fdd1d1 !important;        
}

.big-type-message 
{
    font-size: 46px;
    font-weight: bold;
    color: #e4e4e4;
}

div.error-message 
{
    margin-top: 20px;
    font-size: 28px;
    font-weight: bold;
    color: #a3a3a3;
}

div.tiny-error-message 
{
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #a3a3a3;
}

/************************ Search Result ******************************/

div.search-result-container 
{
    /*width: 770px;*/
}

div.search-result-title {
    font-size: 28px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
				 "Helvetica Neue", sans-serif;
	font-weight: 300;	
	color: #404040;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 22px;
}

div.search-result-item 
{
    padding: 22px 0;
    border-bottom: 1px solid #dcdcdc;
}

div.customer-name 
{
    font-size: 18px;
    font-weight: bold;
}

div.search-result-item-details
{
   font-size: 12px;
   padding: 20px 0;
}

div.search-result-item-details > div.detail 
{
    padding-right:20px;
    width: 120px;
}

div.search-result-item-details > div.detail.wide
{
    padding-right:20px;
    width: 170px;
}

div.store
{
	background: url('../img/store.png') no-repeat;
	padding-left: 8px;
	color: #747474;
}

div.address
{
	background: url('../img/address.png') no-repeat;
	padding-left: 10px;
	color: #747474;
}

div.phone
{
	background: url('../img/phone.png') no-repeat;
	padding-left: 10px;
	color: #747474;
}

div.store > span.detail-value, div.address > div.detail-value, div.store > div.store-value, div.phone > span 
{
    padding-left: 10px;
}

span.detail-name 
{
    color: #a1a1a1;
    padding-right: 10px;
}

span.detail-value, div.detail-value
{
    color: #747474;    
}

a.link
{
    color: #404040;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

a.link:hover 
{
    color: #667192;   
}

div.search-result-container > div.paging-container 
{
    margin: 25px 0;
}

div.paging-container > a.paging-button 
{
    text-decoration: none;
    cursor: pointer;
}

/******************************* Customer Details ********************/

div.customer-info-section 
{
    
}

a.tiny-link 
{
    font-size: 13px;
    color: #323e5e;
    text-decoration: none;
    cursor: pointer;    
}

a.tiny-link:hover
{
    color: #505e87;
}

a.tiny-link.back
{
    background: url('../img/back.png') no-repeat;
    background-position: 0px 60%;
    padding-left: 10px;
}

a.tiny-link.back:hover
{
    background: url('../img/back-selected.png') no-repeat;
    background-position: 0px 60%;
    padding-left: 10px;    
}

div.customer-title {
    font-size: 28px;
	font-family: "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;	
	color: #404040;
	padding: 20px 0;
}

div.customer-info-container
{
    width: 500px;
}

div.customer-details 
{
    padding-top: 0;
}

div.customer-details.no-padding
{
    padding-top: 0;
}

div.customer-details, div.grouped-customers, div.suggested-matches 
{
    font-size: 13px;
    color: #a1a1a1;
}

div.customer-details > div.one-third-col 
{
    padding-top: 20px;
    width: 165px;   
}

div.customer-image-container
{
    margin-right: 50px;
    width: 125px;
    height: 125px;
    background-color: #ebebeb;
     -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
        moz-border-radius: 2px; 
            border-radius: 2px;           
}

div.section-sep
{
    border-bottom: 1px solid #dbdbdb;
}

div.customer-title-section 
{
    
}

div.one-third-col > div.name 
{
    padding-bottom: 3px;
    color: #a1a1a1;
}

div.one-third-col > div.value 
{
    padding-bottom: 15px;
    color: #333333;
}

a.button 
{
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    padding: 5px 8px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
        moz-border-radius: 3px; 
            border-radius: 3px;            
}

a.button.view-customer
{
     background-color: #4d5774;
     color: #ffffff;
}

a.button.link-customer
{
    background-color: #60a45e;
    color: #ffffff;
}

a.button.unlink-customer
{
    background-color: #c66948;
    color: #ffffff;
}

div.customer-image-container.clickable
{
    cursor: pointer;
}

div.full-size-image-container 
{
    border: 3px solid #dbdbdb;
    position:absolute;
    z-index: 200;
    background-color: #efefef;
    padding: 30px;    
}


/******************** Grouped Customers &  Suggested Matched ************************/

div.grouped-customers, div.suggested-matches 
{
    padding: 15px 0 30px 0;
}

table.grouped-customers-list, table.suggested-matches-list
{
    width: 100%;
    font-size: 13px;
    padding: 10px 0;
}

table.grouped-customers-list tr.first-row td, table.suggested-matches-list tr.first-row td
{
    padding-top: 15px;
    padding-bottom: 5px;    
}

table.grouped-customers-list tr.second-row td, table.suggested-matches-list tr.second-row td
{
    padding-top: 5px;
    padding-bottom: 15px;
    padding-right:20px;
    border-bottom: 1px solid #eaeaea;
}

table.grouped-customers-list tr.second-row > td.last-item-cust, table.suggested-matches-list tr.second-row > td.last-item-cust
{
    padding-top: 5px;
    padding-bottom: 15px;
    padding-right:0px !important;
}

table.grouped-customers-list td.customer-name, table.suggested-matches-list td.customer-name
{
    font-size: 14px;
    font-weight: bold;
    color: #404040;
}

.match 
{
    background-color: #d5f0d4;
}

/*********************** Customer Match Details************************/

div#customer-match-info 
{
    border: 3px solid #dbdbdb;
    position:absolute;
    z-index: 200;
    background-color: #efefef;
    padding: 0 20px 20px 20px;
}


/***************************** Reports *******************************/

div.heading-small 
{
    font-size: 13px;
    color: #a1a1a1;
}

ul.sidebar-list 
{
    padding: 15px 0 35px 0;
    font-size: 13px;
}

ul.sidebar-list li 
{
    padding-bottom: 10px;
}

a.sidebar-link 
{
    font-size: 13px;
    color: #404040;
    text-decoration: none;
    cursor: pointer;
}

a.sidebar-link:hover
{
    color: #888888;
}

a.sidebar-link.selected 
{
    font-weight: bold;
}

/******************************* Report Parameters *********************/

div#report-container 
{
    /*width: 750px;*/
}

div.report-parameters 
{
    margin-top: 20px;
}

div.report-parameters-sep 
{
    padding-bottom: 15px;
    border-bottom: 1px solid #c3c3c3;
}

div.parameter-sep
{
    width: 10px;
    border-top: 1px solid #333333;
}

div.parameter 
{
    margin: 15px 0;
}

div.parameter span.store 
{
    font-size: 13px;
}

div.parameter span.address 
{
    font-size: 11px;
    color: #a8a8a8;
    margin-left: 13px;    
}

div.parameter input.date 
{
    width: 90px;
    height: 20px;
    padding: 5px;
}

div.parameter-name.textbox
{
    padding-top: 7px;
}


div.report-parameters-header
{
    font-size: 12px;    
    color: #a4a4a4;
    padding-bottom: 8px;
    border-bottom: 1px solid #c3c3c3;
}

div.parameters-reveal-arrow 
{
    background: transparent url('../img/report-params.png') 0 0 no-repeat;
    width: 7px;
    height: 4px;
    margin-top: 6px;
    margin-left: 9px;
}

div.parameters-reveal-arrow.open
{
    background: transparent url('../img/report-params-open.png') 0 0 no-repeat;
    width: 7px;
    height: 4px;
    margin-top: 6px;
    margin-left: 9px;
}

a.parameters-dropdown 
{
    text-decoration: none;
    cursor: pointer;
}

a.parameters-dropdown 
{
    text-decoration: none;
    cursor: pointer;
}

a.parameters-dropdown:hover
{
    color: #c4c4c4;
}

div.parameter-name 
{
    font-size: 14px;
    font-weight: bold;
    width: 150px;
}

    div.parameter-name > div.optional {
        font-style: italic;
        color: #a8a8a8;
        font-size: 12px;
        font-weight: normal;
    }

div.report-parameters select
{
    width: 200px;
}


/******************************* Report Result ************************/

input#next-part-report 
{
    margin-right: 10px;
}

ul.report-stores 
{
    margin-top: 10px;
}

ul.report-stores li
{
    display: inline;
    padding-right: 20px;    
}

ul.report-stores li > a 
{
    cursor: pointer;
}

ul.report-stores li.active > a
{
    font-weight: bold;
    border-bottom: 1px dashed #333333;
    text-decoration: none;
}

ul.report-stores li.active > a.hover
{
    text-decoration:none;
}

div.report-result 
{
    padding-top: 15px;
}

div.report-execution-details 
{
    font-size: 13px;
    color: #888888;
    padding-bottom: 5px;
}

table.report-totals 
{
    font-weight: bold;
    font-size: 13px;
}

table.report
{
    width: 100%;
    font-size: 13px;
    margin-top: 15px;
}

table.report.tiny 
{
    font-size: 11px;
}

table.report thead, table.report tbody td.header
{
    background-color: #4d5774;
	color: #efefef;
	border-left: 1px solid #4d5774;
	border-right: 1px solid #4d5774;
}

table.report.shop-statistics thead
{
    background-color: #4d5774;
	color: #efefef;
	border-left: 1px solid #4d5774;	
	border-right: none;
}

table.report.dashboard thead 
{
    background-color: #4d5774;
	color: #efefef;
	border-left: none;
	border-right:  1px solid #4d5774;	
}

table.report thead th.light-bg, tbody td.light-bg
{
    background-color: #e3e5ee;
    color: #333333;
    font-weight: bold;
}

table.report thead th.no-bg 
{
    background-color: #f6f6f6;
    color: #333333;
}

table.report th.heading, table.report tbody td.heading 
{
    color: #333333;
    background-color: #e3e5ee;
    font-weight:bold;
}

table.report th, table.report tbody td
{
    padding-left: 10px;
    padding-right: 10px;
	/*padding-left: 60px;
	padding-right:40px;*/
}

table.report tbody td.negative, div.value.negative
{
    color: Red;
}

table.report th, table.report tbody tr {
	height: 30px;
}

table.report tbody td.left-padding 
{
    padding-left: 50px;
}

table.report.dashboard th, table.report.dashboard tbody tr {
	height: 20px;
}

table.report tbody {
	color: #404040;
}

table.report tbody tr.tr-even {
	background-color: #f7f7f7;
}

table.report tbody tr.tr-odd {
	background-color: #efefef;
}

table.report tbody td.subtotal, table.report tbody tr.total
{
    font-weight: bold;
}

table.report tbody td.border-top, table.report tbody tr.border-top
{
    border-top: 1px solid #404040;
}

table.report tbody td.border-all-sides table.report tbody tr.border-all-sides
{
    border: 1px solid #404040;
}

table.report tbody td.bold, div.bold
{
    font-weight: bold;
}

table.report tbody td.italic, div.italic
{
    font-style: italic;
}

table.report tbody td.align-right, table.report thead th.align-right
{
    text-align: right;
}

table.report tbody td.align-center, table.report thead th.align-center
{
    text-align: center;
}

div.shop-statistics-totals 
{
    margin: 0 30px;
}

div.shop-statistics-totals-col
{
    width: 300px;
    padding-right: 100px;
    font-size: 13px;
}

div.shop-statistics-totals-col.last-col 
{
    padding-right: 0px;    
}


div.shop-statistics-totals-col > div.name-value
{
    margin-top: 20px;
}

div.shop-statistics-totals-col > div > div.name 
{
    width: 200px;
}

div.shop-statistics-totals-col > div > div.value 
{
    font-weight: bold;
    width: 100px;
    text-align: right;
}

table.report thead th.wide-col, table.report tbody td.wide-col 
{
    width: 300px;
}

table tbody tr.totals 
{
    font-weight: bold;
}

table tbody tr td.warning, table tbody tr.warning
{
    font-weight: bold;
    color: Red;
}

table tbody tr.group 
{
    border-top: 1px solid #333333;
}


table.report.dashboard 
{
    margin-top: 3px;
}

table.report.dashboard, div.dashboard-fields, div.dashboard 
{
    font-size:11px;    
}

table.report.dashboard thead th.data-col, table.report.dashboard tbody td.data-col
{
    width: 70px;
    padding: 0px 5px;
}

table.report.dashboard thead th.left-padding, table.report.dashboard tbody td.left-padding
{
    padding-left: 20px;
}

div.dashboard > div.period-ending 
{
    margin-top: 15px;
    text-align: right;
}

div.dashboard-col 
{
    margin-right: 20px;
}

div.dashboard-last-col 
{
    margin-right: 0px;
}

div.dashboard-fields 
{   
    padding: 15px 10px;
}

div.dashboard-fields > div.name
{
    width: 350px;
}

div.dashboard-fields > div.value
{
    width: 150px;
}

/******************************* Pawns *******************************/

table#pawns-filter
{
    font-size: 11px; 
}

table#pawns-filter td 
{
    padding-top: 10px;
    padding-right: 15px;
    text-transform: uppercase;
}

table#pawns-filter td a 
{
    cursor: pointer;    
}

table#pawns-filter td a:hover 
{
    color: #a3a3a3;
    text-decoration: none;
}

table#pawns-filter td a.selected 
{
    font-weight: bold;
    border-bottom: 1px dashed #404040;
}

div.sidebar-sep 
{
    margin-top: 10px;    
    border-bottom: 1px solid #d8d8d8;
}

div#pawns-filter-parameters 
{
    margin-bottom: 10px;
}

div#pawns-filter-parameters div.filter-name, div#pawns-filter-parameters span.filter-name
{
    font-size: 13px;
    font-weight: bold;
}

div#pawns-filter-parameters div.filter-name 
{
    padding-bottom: 5px;
}

div#pawns-filter-parameters span.filter-name 
{
    padding-left: 15px;
}

div#pawns-filter-parameters input[type="text"], div#pawns-filter-parameters input[type="password"]
{
    font-size: 13px;
    padding: 7px 5px;
}

ul.filter.sidebar > li
{
    padding: 10px 0;
    /* border-bottom: 1px solid #d8d8d8; */
}

ul.filter.sidebar > li input[type="text"] 
{
    width: 165px;
}

ul.filter.sidebar > li select 
{
    width: 175px;
}

div.filter-parameters-sep 
{
    width: 10px;
    border-top: 1px solid #333333;
}

ul.filter.sidebar > li input#ssn-1  
{
    width: 35px;
}

ul.filter.sidebar > li input#ssn-2
{
    width: 24px;
}

ul.filter.sidebar > li input#ssn-3  
{
    width: 50px;
}

ul.filter.sidebar > li div.ssn-sep
{
    margin: 10px 5px;
}


/******** Pawns Search Result ***********/

div#pawns-result-container  
{
    margin-right: 185px;
}

div.result-header {
    font-size: 28px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
				 "Helvetica Neue", sans-serif;
	font-weight: 300;	
	color: #404040;
	padding-bottom: 22px;
}

div.table-title 
{
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 5px;
}

div.loading 
{
    z-index: 200;
    background-color: rgba(255, 255, 255, 0.6);
}

/******** Pawns Right Sidebar ***********/

div.pawns-right-sidebar-overlay 
{
    width:145px;
    padding: 10px 20px;
    z-index: 200;
    background-color: rgba(255, 255, 255, 0.6);
    top: 0;
    right: 0;
    position: absolute;
    height: 2500px;
}

div#pawns-right-sidebar 
{    
    width:145px;
    /*top: 71px;*/
    top: 0;
    right: 0;
    background-color: #f2f2f2;
    border-left: 1px solid #d4d4d4;
    padding: 10px 20px;
    position:absolute;
}

div#pawns-right-sidebar div.name 
{
    font-size: 13px;
    color: #888888;
}

div#pawns-right-sidebar div.value 
{
    font-size: 13px;
    color: #404040;
}

div#pawns-right-sidebar div.section-title 
{
    font-weight: bold;
    color: #404040;
    font-size: 13px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
}

div#pawns-right-sidebar ul li.data 
{
    padding-bottom: 10px;
}

/******** Ticket Information ***********/

div.ticket-information-overlay 
{
    width:145px;
    padding: 10px 20px;
    z-index: 200;
    background-color: rgba(255, 255, 255, 0.6);
    right: 0;
    position: absolute;  
}

/******** Statistical Information ***********/

div#statistical-information 
{
    margin-top:20px;
}

div.customer-stat-information-overlay 
{
    width:145px;
    padding: 10px 20px;
    z-index: 200;
    background-color: rgba(255, 255, 255, 0.6);
    right: 0;
    position: absolute;
}

div#customer-stat-information 
{
    margin-top: 10px;
}

/******** Pawns Container ***********/

table.pawns-grid {
	width: 100%;
	font-size: 13px;
	border-left: 1px solid #cdcccc;
	border-right: 1px solid #cdcccc;
}

table.pawns-grid thead {
	background-color: #4d5774;
	color: #efefef;
	border-left: 1px solid #4d5774;
	border-right: 1px solid #4d5774;	
}

table.pawns-grid th {
	padding-left: 25px;
	height: 35px;
}

table.pawns-grid tbody {
	color: #787878;
}

table.pawns-grid tbody tr {
	height: 35px;
	border-bottom: 1px solid #cdcccc;
	cursor: pointer;
}

table.pawns-grid tbody tr.not-selectable {
	height: 35px;
	border-bottom: 1px solid #cdcccc;
	cursor: auto;
}

table.pawns-grid tbody td {
	padding-left: 25px;
}

table.pawns-grid tbody tr.selected
{
    background-color: #e3ffe8;
    font-weight: bold;
}

table.pawns-grid tbody tr td > div.row-actions
{
    padding-top:2px;
    visibility: hidden;
    font-size: 12px;    
}

table.pawns-grid tbody tr td > div.row-actions.hover
{
    visibility: visible;
    font-weight: normal;
}

table.pawns-grid tbody td.first-col 
{
    padding-top: 15px;
}

div#pawns-history-container 
{
    margin-top: 20px;
}

/******** Items Container ***********/

div#items-container, div#items-history-container
{
    margin-top: 60px;
}

div.items-container-overlay
{
    z-index: 200;
    background-color: rgba(255, 255, 255, 0.6);    
    position: absolute;
    margin-top: 60px;
}

div.item-details-overlay
{
    z-index: 200;
    background-color: rgba(255, 255, 255, 0.6);    
    position: absolute;
}

/******** Item Details ***********/

div.item-details 
{
    width: 350px;
    font-size: 13px;
    margin-right: 50px;
}

div.item-details-title 
{
    font-weight: bold;
    color: #404040;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

div.details-col 
{
    width: 150px;
    margin-right: 50px;
}

div.details-col.last-col 
{
    margin-right: 0;
}

div.item-details div.name 
{    
    color: #888888;
    padding-bottom: 3px;
}

div.item-details div.value 
{    
    color: #404040;
    padding-bottom: 15px;
}

div#item-details 
{
    margin-top: 20px;
}

div.item-details-sep 
{
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 5px;
}

img.item-image, img.customer-image 
{
    width: 98%;
}


/*************** Account Settings & Send Feedback **********************/

.info-form
{
    margin-top: 20px;    
}

.info-form input#btnSubmit
{
    margin-top: 20px;
}

.info-form input[type="text"], .info-form textarea
{
    width: 410px;
}

.info-form div.parameter-name, .info-form div.parameter-value > div
{
    padding-top: 5px;
}

/******************************* Modal Dialog *************************/

div.modal-dialog-overlay 
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index:100000;
    background-color: rgba(51, 51, 51, 0.6);  
}

div.modal-dialog-box 
{
    background: #f6f6f6;
    width: 460px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -230px 0 0 -230px;
}

div.modal-dialog-box h1, div.modal-dialog-box p
{
    padding: 18px 25px;            
}

div.modal-dialog-box h1 
{
    font-size: 22px;
    background: #4d5774;    
    color: #f6f6f6;
}

div.modal-dialog-content
{
    font-size: 16px;
    line-height: 1.4;
    padding: 30px 20px 20px 20px;   
}

div.modal-dialog-box > a.box-close 
{
    top: 12px;
    right: 12px;
}

div.modal-buttons 
{
    margin-top: 20px;
}

table.find-customer tr:hover
{
    cursor: pointer;
}

/***************************** Dashboard *******************************/

/*************** Dashboard Main Valuess ****************/

div.dashboard-main-values-overlay
{
    z-index: 200;
    background-color: rgba(255, 255, 255, 0.6);    
    position: absolute;
}

table#dashboard-main-values 
{
    width: 100%;
}

table#dashboard-main-values tbody td
{
    width: 180px;
    padding-right: 30px;
    padding-bottom: 30px;
}

div#main-values-container 
{
    margin-top: 30px;
    margin-bottom: 10px;
    border-bottom: 3px solid #e2e2e2; 
}

div.dashboard-parameter-name 
{
    color: #aaaaaa;
    font-size: 13px;
    font-weight: bold;
}

div.dashboard-parameter-value 
{
    color: #404040;
    font-size: 32px;
    font-weight: bold;
}

div.positive-change 
{
    color: #53bf77;
}

div.negative-change 
{
    color: #ff4629;
}

/*************** Dashboard Stores ****************/

div#stores-container 
{
    margin-top: 20px;
    width: 48%;
    margin-right: 40px;
}

div.stores-title, div.recent-pawns-title 
{
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
}

div.stores-content, div.recent-pawns-content 
{
    margin-top: 15px;
    font-size: 12px;
    color: #747474;
    min-width: 390px;
}

div.store-item 
{
    border-top: 1px solid #d9d9d9;    
    padding: 15px 0;
}

div.store-item.last-store-item 
{
    border-bottom: 1px solid #d9d9d9;    
}

div.store-nickname
{
    color: #404040;
    font-weight: bold;
    font-size: 14px;    
}

div.store-name
{
    font-size: 13px;    
    color: #a6a6a6;
}

div.store-details
{
    padding-top: 15px;
    min-width: 390px;
}

div.store-col 
{
    padding-right: 15px;
}

div.store-col.store-address
{
    min-width: 200px;
    width: 30%;    
}

div.store-col.store-phone
{
    min-width: 120px;
    width: 20%;
}

div.store-col.store-serialnum
{
    min-width: 120px;
    width: 20%;
}

div.store-col > span, div.pawn-col > span
{
    color: #a5a5a5;
    padding-right: 5px;
}

div.store-col.last-store-col
{
    padding-right: 0px;
}

/*************** Edit Store Form ****************/

form#edit-store-form input[type="text"]
{    
	font-size: 14px;
	color: #3a3a3a;
    padding: 12px 10px;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #cdcccc;
    margin-bottom: 20px !important;    
	width: 420px;
}

form#edit-store-form span.error-message-form
{
    font-size: 11px;
    color: #b00;
    float: right;
    margin-top: -15px;   
}

/*************** Dashboard Recent Pawns ****************/

div#recent-pawns-container 
{
    width: 48%;
    margin-top: 20px;
}

div.pawn-item 
{
    border-top: 1px solid #d9d9d9;
    padding: 15px 0;
}

div.pawn-item div.pawn-col 
{
    padding-right: 15px;
}

div.pawn-item div.pawn-col.last-pawn-col
{
    padding-right: 0px;
}

div.pawn-item div.store-name-col 
{
    width: 160px;
}

div.pawn-item div.pawn-date-col 
{
     width: 155px
}

div.pawn-item-second-row 
{
    margin-top: 15px;
}

div.pawn-item div.ticketnum-col 
{    
    width: 100px
}

div.pawn-item div.items-count-col 
{
    width: 100px
}

div.pawn-item div.pawn-amount-col 
{
    width: 100px
}

div.date 
{
    background: url('../img/date.png') no-repeat;
	padding-left: 8px;
	color: #747474;
}

div.date > div.date-value 
{
    padding-left: 10px;
}

/************************ Time frame filter  **************************/

div.time-frame-container 
{
    width: 300px;
    background-color: #fafafa;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);                        
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

ul#time-frame-filter 
{
    margin: 0;
    display: table;
    font-size: 12px;
}

ul#time-frame-filter li 
{
    display: table-cell;
    width: 1%;    
    line-height: 15px;
}

ul#time-frame-filter li:first-child a 
{
    border-left: 0;
    border-radius: 3px 0 0 3px;
}

ul#time-frame-filter li a 
{
    display: block;
    padding: 6px;
    font-weight: bold;
    text-align: center;
    border-left: 1px solid rgba(255,255,255,.75);
    border-right: 1px solid rgba(0,0,0,.1);
    cursor: pointer;
}

ul#time-frame-filter > .active > a 
{
    color: #555555;
    text-decoration: none;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);    
}

ul#time-frame-filter > li > a:focus, ul#time-frame-filter > li > a:hover {
    color: #333333;
    text-decoration: none;
    background-color: transparent;
}

/************************ Dashboard Store Filter  **************************/

div.dashboard-store-filter-container 
{
    margin-left: 30px;
}

div.dashboard-store-filter-name
{
    font-weight: bold;
    padding-top: 5px;
}

div.dashboard-store-filter-value
{
    margin-left: 10px;
    margin-top: -5px;
}

div.dashboard-store-filter-value select 
{
    width: 200px;
}

/****************************** Settings ****************************/

select#site-language
{
    width: 370px;
}

div.table-footer > div.paging-container 
{
    margin-top: 0px;
}

/******************************* Table *******************************/

table.grid {
	width: 100%;
	font-size: 15px;
	border-left: 1px solid #cdcccc;
	border-right: 1px solid #cdcccc;
}

table.grid thead {
	background-color: #4d5774;
	color: #efefef;
	border-left: 1px solid #4d5774;
	border-right: 1px solid #4d5774;	
}

table.grid th {
	padding-left: 60px;
	height: 60px;
}

table.grid tbody {
	color: #787878;
}

table.grid tbody tr {
	height: 60px;
	border-bottom: 1px solid #cdcccc;
}

table.grid tbody td {
	padding-left: 60px;
}

table.grid td.main-col {
	padding-top: 16px;
}

table.grid td a.main-col-title 
{
    color: #404040;
    font-weight: bold;
    text-decoration: none;
}

table.grid td a.main-col-title:hover 
{
    color: #667192;   
}

div.row-actions a 
{
    color: #404040;
    text-decoration: none;
}

div.row-actions a:hover
{
    color: #667192;
}

div.row-actions
{
    padding-top:4px;
    visibility: hidden;
    font-size: 12px;
    font-weight: normal;
}

div.row-actions.hover
{
    visibility: visible;
}

table.grid tbody tr.tr-even {
	background-color: #f7f7f7;
}

table.grid tbody tr.tr-odd {
	background-color: #efefef;
}

/*************************** Table Paging ************************/

div.table-footer {
	padding-top: 20px;
	padding-bottom: 20px;
	height: 20px;
	background-color: #dcdcdc;
	border-left: 1px solid #cdcccc;
	border-right: 1px solid #cdcccc;
	border-bottom: 1px solid #cdcccc;
}

div.paging-container 
{
    margin-top: 20px;
	/*padding-right: 20px;*/
}

a.paging-button, span.paging-button {
	text-decoration: none;
	background-color: #ebebeb;
	font-weight: bold;
	font-size: 13px;
	color: #717171;
	padding: 5px 9px 4px 9px;
	border: 1px solid #aeaeae;
	margin-right: 1px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12);
         -o-box-shadow: 0 1px 3px rgba(0,0,0,.12);
            box-shadow: 0 1px 3px rgba(0,0,0,.12); 	
}

a.paging-button:hover {
	background-color: #fafafa;
	color: #404040;
}

a.prev, span.prev {
	background: #ebebeb url('../img/prev.png') center no-repeat;
	padding: 5px 11px 4px 11px;
}

a.next, span.next {
	background: #ebebeb url('../img/next.png') center no-repeat;
	padding: 5px 11px 4px 11px;
}

a.paging-button.active-button
{
    background-color: #646464;
    color: #fafafa;
}

/******************************* Table Sorting************************/

table.grid th a 
{
    color: #efefef;
    text-decoration: none;
}

th.sortable a, th.sorted a
{
    display: block;
    padding: 21px 0px 22px 0px;
    overflow: hidden;
}

th.sortable a span, th.sorted a span
{
    float: left;
    cursor: pointer;
}

th.sorted.desc .sorting-indicator 
{
   display: block;
   margin-left: 7px;
   background: url('../img/sort-desc.png') no-repeat center;
   width: 16px;
   height: 16px;
}

th.sorted.asc .sorting-indicator 
{
   display: block;
   margin-left: 7px;
   background: url('../img/sort-asc.png') no-repeat center;
   width: 16px;
   height: 16px;
}

th.sortable .sorting-indicator 
{
   display: block;
   margin-left: 7px;
   background: url('../img/sort-both.png') no-repeat center;
   width: 16px;
   height: 16px;
}


/******************************* Edit *******************************/

form#edit div.parameter-value input[type="text"]
,form#edit div.parameter-value input[type="password"]
,form#edit div.parameter-value select
,form#new div.parameter-value input[type="text"]
,form#new div.parameter-value input[type="password"]
,form#new div.parameter-value select
{
    width: 300px;
    margin-right: 15px;
}

div.message 
{
    font-size: 14px;
    margin-left: 10px;
    vertical-align:top;
    padding-top: 10px;    
}

div.content-module{
	margin-bottom:40px;
}

div.content-module-header {
	background-color: #4d5774;
	color: #f6f6f6;	
	cursor:pointer;
}

div.content-module-header.not-available {
	background-color: #a5aab8;
	color: #f6f6f6;	
	cursor:pointer;
}

div.content-module-header  span{
	margin: 15px 20px;
}

div.report-category {
	font-size: 13px;
	font-weight: bold;
	margin: 20px;
}

div.content-module-main  ul{
	margin-left: 20px;
}

div.message-success 
{
    padding: 20px;
    margin-bottom: 20px;
    background-color: #aff5b1;
    color: #333333;
    border: 1px solid #67b069;
}

div.result-message 
{
    padding: 20px;
    margin-bottom: 20px;
    color: #333333;
    display: none;            
}

div.result-message.failure
{
    background-color: #f5afaf;
    border: 3px solid #b06767;  
}

div.result-message.success
{
    background-color: #aff5b1;
    border: 3px solid #67b069;   
}

div.field-tip 
{
    padding-top: 3px;    
}

div.field-tip span 
{
    line-height: 22px;
    border-bottom: 1px dashed #a0a0a0;
    color: #a0a0a0;
}

/****************** Edit Roles ********************/


table td.caption {
	font-size: 15px;
	color: #404040;
	font-weight: bold;
	vertical-align: top;
}

table td.value {
	font-size: 14px;
	padding-left: 90px;
	padding-bottom:25px;
}

table td.message 
{
    font-size: 14px;
    padding-left: 10px;
    vertical-align:top;
    padding-top: 10px;
}

table td.last-item {
	padding-bottom:0px !important;
}

td.value ul {
	margin-right: 30px;
}

td.value li {
	margin-bottom: 20px;
}

td.value li.last-listitem{
	margin-bottom: 0 !important;
}

td.value li.last-right-listitem{
	margin-right: 0 !important;
}

td.value li label input[type="checkbox"]{
	margin-right: 20px;
}

/****************** Check List ********************/

ul.check-list li
{
    display:inline;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    width: 160px;
}

ul.check-list li.last-listitem{
	margin-bottom: 0 !important;
}

ul.check-list li.last-right-listitem{
	margin-right: 0 !important;
}

ul.check-list li span 
{
    font-size: 12px;
}

span.address {
	margin-left: 35px;
	font-size: 11px;
	color: #a8a7a7;
}


/******************************* Validation ****************************/

div.okay
{
    color: #67b069;
}

div.warning
{
    color: #b06767;
}

/******************************* Confirm Dialog ************************/

div#confirm-overlay 
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index:100000;
    background-color: rgba(51, 51, 51, 0.6);    
}

div#confirm-box 
{
    background: #f6f6f6;
    width: 460px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -230px;
}

div#confirm-box h1, div#confirm-box p 
{
    padding: 18px 25px;            
}

div#confirm-box h1 
{
    font-size: 22px;
    background: #4d5774;    
    color: #f6f6f6;
}

div#confirm-box p 
{
    font-size: 16px;
    line-height: 1.4;
    padding-top: 20px;   
}

div#confirm-buttons
{
    padding: 15px 0 25px;
    text-align: center;
}

div#confirm-box a.button 
{
    margin-right: 20px;
    text-decoration:none;
	padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;    
    cursor: pointer;
    background: #4d5774;
	color: #ffffff;
	border: none;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;	
	-webkit-user-select:none;
        -moz-user-select:none;
         -ms-user-select:none;
             user-select:none;	  
}

div#confirm-box a.button:hover 
{
    background: #5b6789;
}

div#confirm-box a.button:last-child
{
    margin-right:0px;
}

/******************************* Footer *******************************/

div.version-info {
	color: #787878;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	right: 30px;
}

/******************************* Field validation *******************************/

.valid 
{
    
}

input[type="text"].invalid, div.chzn-container.invalid > a, div.chzn-container.invalid > ul
{
    border: 1px solid #ff0000;
}

span.invalid-message 
{
    color: Red;
    font-size: 13px;
    /*margin-left: 15px;*/
}