* { margin: 0; padding: 0; font-family: Arial; font-size: 12px; }
body { background: url('../img/background.jpg'); }
a { text-decoration: none; }
h2 { font-size: 1.5em; padding: 5px 0px; }

#panel-title { height: 70px; background: #fff; position: fixed; top: 0px; width: 100%; z-index: 10; }
#panel-title-app { float: left; width: 200px; padding: 5px 5px; }
#panel-title .app_name { font-size: 28px; font-weight: bold; font-family: Exo; font-variant: small-caps; padding-top: 3px; line-height: 28px; }
#panel-title .app_tagline { font-family: Exo; padding-left: 1px; line-height: 12px; margin-bottom: 5px; }
#header-client-name { color: #990; font-weight: bold; float: left; font-size: 20px; font-family: 'URW Gothic L', 'Arial Narrow'; line-height: 58px; }
#panel-title-login { float: right; padding: 5px 10px; font-weight: bold; width: 250px; }
#panel-title-login .panel-title-login-row { clear: left; line-height: 18px; margin-bottom: 3px;  }
#panel-title-login .panel-title-login-row label { width: 80px; float: left; text-align: right; padding-right: 5px; }
#panel-title-login .panel-title-login-row .title_login_name { color: #900; }
#panel-title-login .panel-title-login-row input { background: #f9f9f9; border: solid 1px #999; border-radius: 3px; padding: 2px; }
#panel-title-menu { clear: both; margin-top: 5px; box-shadow: 2px 2px 3px #333; height: 30px; background: linear-gradient(#fff,#fff,#efefef,#eee); border-top: 1px solid #eee; }
#panel-title-menu ul { padding-top: 3px; list-style-type: none; }
#panel-title-menu ul li { float: left; padding: 0 10px; border-right: solid 1px #ccc; line-height: 24px; }
#panel-title-menu ul li:hover { background-color: rgba(200,0,0,0.1); }
#panel-title-menu ul li a { font-family: Arial; font-weight: bold; color: #090; }
#panel-title-menu ul li a:hover { }
#panel-title-menu ul li.cur { color: #900; }
#panel-spacer { height: 120px; }
#panel-body { margin-left: 10px; }
.clear { clear: both; }
#panel-title .submenu { clear: left; height: 18px; display: none; }
#panel-title .submenu ul { list-style-type: none; }
#panel-title .submenu ul li { font-family: Arial; float: left; font-weight: bold; padding: 4px 15px; background-color: rgba(0,0,0,0.7); line-height: 18px;}
#panel-title .submenu ul li.submenu-title { color: #fc0; font-family: Arial; float: left; font-weight: bold; padding: 4px 15px ; background-color: rgba(0,0,0,0.7); }
#panel-title .submenu ul li:last-child { border-bottom-right-radius: 5px; }
#panel-title .submenu ul li a { color: #fff; }
#panel-title .submenu ul li a:hover { color: #ff0; }

.body-box { border: solid 1px #999; box-shadow: 2px 2px 3px #333; background: #fff; margin: 0 10px 10px 0; }
.body-box p { padding: 3px; }
.body-box h3 { font-size: 16px; background: linear-gradient(#ff0,#fc0); padding: 2px 10px; border-bottom: solid 1px #999; font-family: sans-serif; font-variant: small-caps; }
.box-login { width: 400px; margin: auto; }
.box-login label { width: 100px; }
.box-forgotpass { width: 400px; margin: auto; }
.box-forgotpass label { width: 50px; }
.box-resetpass { width: 400px; margin: auto; }
.box-login input.login-input { width: 255px !important; border: solid 1px #999; line-height: 28px; font-family: Arial; font-weight: bold; font-size: 20px; color: #ccc; padding: 2px 10px; }
.box-login input.login-entry { color: #09f; }
.boxfoot { border-top: solid 1px #999; padding: 10px; background: rgba(255,150,0,0.4); text-align: right; clear: both; }
.boxfoot-left { float: left; line-height: 24px; font-family: 'Roboto Condensed', sans-serif; }
.boxfoot-right { float: right; }
.boxfoot a { font-family: 'Roboto Condensed', sans-serif; }
.boxfoot input[type=submit], .boxfoot input[type=button] { border: solid 1px #333; padding: 3px 15px; border-radius: 5px; font-family: Arial; font-weight: bold; font-size: 12px; background: #966; box-shadow: 1px 1px 2px #000; color: #fff; margin-left: 10px; }
.boxfoot input[type=submit]:hover, .boxfoot input[type=button]:hover { background: #900; box-shadow: none; cursor: pointer; } 
.boxfoot input[type=button] { background: #669; }
.boxfoot input[type=button].fakeSubmit { background: #966; }
.box-create { width: 800px; float: left; }
.box-edit { width: 800px; display: none; }
#box-search { width: 400px; float: left; }
#search-form-results, #kb-search-form-results { display: none; }
.box-list { width: 250px; height: 500px; overflow: hidden; float: left; }
#box-list-search-results { }
.box-list-search-results-open { height: 250px !important; }
#edit-container { float: left; position: relative; }
.edit-form-disabled::before {
  margin-top: 200px;
}
.edit-form-disabled {
  display: none;
  position: absolute; z-index:9;
  padding: 27px 10px 0px 10px;
  /*height: auto; width: auto;*/
  height:94%; width:96%;
  /*height:100%; width:100%;*/
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.95) 10%, rgba(0,0,0,0.35) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.95) 10%,rgba(0,0,0,0.35) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.95) 10%,rgba(0,0,0,0.35) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2000000', endColorstr='#59000000',GradientType=0 );
}
.edit-form-disabled h1 { font-size: 35px; color: #FFFFFF; line-height: 18px; }
.edit-form-disabled p { font-size: 14px; color: #FFFFFF; line-height: 28px; }
.box-list-head { text-align: center; padding: 3px 10px; border-bottom: solid 1px #999; background: rgba(255,200,150,0.4); font-family: 'Roboto Condensed', sans-serif; color: #666; }
.box-list-reason-codes, .box-list-issuer-misconduct { width: 500px; }
.box-list-stages { width: 500px; }
.box-list-content { overflow-x: hidden; overflow-y: auto; height: 434px; }
.box-list-content-with-head { height: 414px; }
.body-box ul { list-style-type: none; padding-left: 10px; }
.body-box ul li { white-space: nowrap; width: 100%; }
.body-box ul li a { line-height: 24px; color: #009; }
.body-box ul li a:hover { background: #ff0; color: #900; }

.box-list-foot { border-top: solid 1px #999; padding: 10px; background: rgba(255,150,0,0.4); text-align: right; clear: both; }
button { border: solid 1px #333; padding: 3px 15px; border-radius: 5px; font-family: Arial; font-weight: bold; font-size: 12px; background: #966; box-shadow: 1px 1px 2px #000; color: #fff; }
button:hover { background: #900; box-shadow: none; cursor: pointer; } 
.box-edit-client,.box-new-client { width: 400px; float: left; display: none; }
.box-edit-user,.box-new-user { width: 400px; float: left; display: none; }
.box-edit-payment-method,.box-new-payment-method { width: 400px; float: left; display: none; }
.box-edit-acquirer,.box-new-acquirer { width: 400px; float: left; display: none; }
.box-edit-processor,.box-new-processor { width: 400px; float: left; display: none; }
.box-edit-merchant,.box-new-merchant { width: 400px; float: left; display: none; }
.box-edit-reason-code,.box-new-reason-code,.box-edit-issuer-misconduct,.box-new-issuer-misconduct { width: 500px; float: left; display: none; }
.box-edit-stage,.box-new-stage { width: 500px; float: left; display: none; }
.box-edit-issuer,.box-new-issuer { width: 400px; float: left; display: none; }
.box-report { width: 800px; float: left; display: none; }

form .form-row { margin: 10px; }
form .form-row-narrow { margin: 3px; }
form .form-column { float: left; width: 395px; }
label { width: 125px; font-weight: bold; font-family: Arial; float: left; text-align: right; padding-right: 10px; font-size: 12px; line-height: 20px; }
input[type=text], input[type=password], input[type=number] { padding: 2px; border-top: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #999; border-right: solid 1px #999; width: 200px; color: #900; }
input[type=number] { width: 50px; }
select { padding: 2px; border-top: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #999; border-right: solid 1px #999; width: 200px; color: #900; background: #f9f9f9; }
form .form-static-value { font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 20px; color: #060; }
form .iindata { display: block; white-space: nowrap; overflow: hidden; }
hr { margin: 20px 3px 0 3px; color: #999; clear: both; }
.hr-after { position: relative; top: -8px; left: 40px; background: #fff; padding: 0 10px; color: #666; font-weight: bold; }
form #bin-id,form #search-criteria-bin-id  { width: 55px; } 
form #blind-suffix, form #search-criteria-blind-suffix { width: 35px; }
.form-required { color: #F00; padding: 0 3px; font-family: 'Roboto Condensed', sans-serif; }
.inactive { color: #F00; padding: 0 3px; font-family: 'Roboto Condensed', sans-serif; font-style: italic; }
form textarea { padding: 2px; border-top: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #999; border-right: solid 1px #999; width: 200px; color: #900; height: 75px; }
form textarea.fullsize { width: 600px; height: 150px; }
p.missing-data { text-align: center; font-family: 'Roboto Condensed', sans-serif; font-style: italic; color: #999; }
#bin-data, #mid-data, #bin-data-invalid { display: none; }
#bin-data-invalid p { color: #900; }
form select.yesno { width: 50px; }
form select.notify { width: 80px; }
form input.reason-codes, form input.stages { width: 320px; }
.required-error { border: solid 1px #900; box-shadow: 1px 1px 3px #900; background: rgba(190,0,0,0.1);}

.box-history, .box-kb { max-width: 390px; }

#box-history-content, #kb-content { height: 628px; overflow-y: auto; padding: 2px; }
#shares-content, #files-content { height: 570px; overflow-y: auto; padding: 2px; }
#box-history-content p { padding: 2px; margin: 2px; }
#box-history-content .history-user { background: rgba(0,150,0,0.2); }
#box-history-content .history-user .history-sig { background: rgba(0,150,0,0.2); color: #559; text-align: right; font-size: 10px; padding-right: 2px; }
#box-history-content .datetime { color: #000; font-size: 10px; font-weight: normal; }
#box-history-content .history-system { background: rgba(200,200,200,0.3); }
#box-history-content .history-system .history-sig { background: rgba(200,200,200,0.3); color: #559; text-align: right; font-size: 10px; }
#box-history-content a:hover { background: #ff0; }

#tabs { display: none; }
.tab-container { display: none; }
.tab { border-top: solid 1px #999; border-left: solid 1px #999; border-right: solid 1px #999; float: left; padding: 5px 15px; background: #ff0; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tab a { font-weight: bold; font-size: 14px; color: #999; }
.tab a:hover { color: #900; }
.selected-tab { background: linear-gradient(#ff0,#fc0); border-top: solid 1px #333; border-left: solid 1px #333; border-right: solid 1px #333; }
.selected-tab a { font-weight: bold; font-size: 14px; color: #333; }
.selected-tab a:hover { color: #333; }

.response { display: none; }
.msg-info, .msg-ok, .msg-warn, .msg-error { margin: 10px 0px;padding:12px;}
.msg-info {color: #00529B;background-color: #BDE5F8;border: dashed 1px #00529B;}
.msg-ok {color: #4F8A10;background-color: #DFF2BF;border: solid 1px #4F8A10;}
.msg-warn {color: #9F6000;background-color: #FEEFB3;border: solid 1px #9F6000;}
.msg-error {color: #D8000C;background-color: #FFBABA;text-align: center;border: dashed 1px #D8000C;}

.dialog { display: none; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: 900; background-color: rgba(0,0,0,0.5); }
.dialog .close { width: 20px; border: solid 2px #fff; position: absolute; top: -10px; right: -10px; background: #000; text-align: center; border-radius: 15px; box-shadow: 1px 1px 2px #333; line-height: 20px; }
.dialog .close a { color: #fff; font-weight: bold; }
.dialog > div { background-color: #fff; border: solid 1px #333; border-radius: 5px; box-shadow: 2px 2px 3px #333; position: fixed; top: 50%; left: 50%; padding: 0; margin-left: -100px; margin-top: -100px; }
.dialog > div h1 { font-size: 16px; padding: 2px 5px; border-bottom: solid 1px #999; background: linear-gradient(#ff0,#fc0); border-top-left-radius: 5px; font-family: sans-serif; font-variant: small-caps; font-weight: bold; margin-bottom: 5px; }
#files { width: 80%; border: dashed 2px #ccc; margin: 10px auto; height: 200px; font-weight: bold; color: #999; }
.files_kb { float: left; width: 605px !important; margin-top: 0px !important; height: 100px !important; padding: 0; } 
.dz-message span { font-size: 16px; }

#search-failed { margin-top: 30px; display: none; }
.overdue { color: #900; background: #ff0; }
.note-adjustment { font-family: Exo; color: #33f; padding: 0 5px; }
.note-adjustment-value { background: rgba(255,255,0,0.3); padding: 0 3px; color: #900; }
#background-processing { float: left; display: none; }
#background-processing img { height: 40px; margin-top: 10px; }
.modified { font-family: Exo; color: rgba(180,0,0,0.5); padding: 0 5px; }
#quick-search { display: none; }

.notes-full { width: 580px !important; }
#kb-dispute-content { padding: 0 5px; }
#kb-dispute-label { background: #ff0; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; padding: 2px 5px; }#kb-dispute-notes { border: solid 1px #ccc; width: 400px; height: 200px; overflow-y: auto; padding: 3px; background: linear-gradient(#fcfcfc,#f0f0f0); float: right; margin-bottom: 5px;}
#kb-dispute-notes { border: solid 1px #ccc; width: 400px; height: 200px; overflow-y: auto; padding: 3px; background: linear-gradient(#fcfcfc,#f0f0f0); float: right; margin-bottom: 5px;}
#kb-dispute-file { float: left; text-align: center; width: 180px; display: block; margin-top: 60px; }
#kb-dispute-filename { font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 20px; color: #060; }
#kb-dispute-file-img { width: 29px; height: 38px; margin: auto; cursor: pointer; }

.filetype-png { background: url('/img/file_types.png') -135px -88px; }
.filetype-jpg { background: url('/img/file_types.png') -169px -88px; }
.filetype-gif { background: url('/img/file_types.png') -236px -88px; }
.filetype-xls { background: url('/img/file_types.png') 0px -88px; }
.filetype-pdf { background: url('/img/file_types.png') -34px -88px; }
.filetype-doc { background: url('/img/file_types.png') -68px -88px; }
.filetype-zip { background: url('/img/file_types.png') -68px 0px; }
.filetype-txt { background: url('/img/file_types.png') -169px 0px; }
.filetype-mp3 { background: url('/img/file_types.png') -234px -132px; }
.filetype-wav { background: url('/img/file_types.png') -268px -132px; }
.filetype-unk { background: url('/img/file_types.png') -338px -44px; }

#idx-logo { width: 100%; text-align: center; }
#idx-logo img { max-width: 400px; height: auto; }
.box-404 { width: 600px; margin: auto; }
.box-404 p { margin: 10px; text-align: center; }

.delete_icon {  margin: 0 0 4px 5px; padding: 0; cursor: pointer;  }
.link_icon img { margin-top: 4px; margin-left: 10px; }
.add_icon img { position: absolute; margin-top: 4px; margin-left: 4px; }

form#case-file-delete-form p, form#issuer-misconduct-delete-form p { font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 20px; text-align: center; margin: 5px; }
#case-file-delete-name, #issuer-misconduct-delete-name { font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 20px; color: #060; }

#dashboard-open { float: left; width: 400px; }
#dashboard-reports { float: left; width: 800px; }
#dashboard-open-disputes { max-height: 400px; overflow-y: auto; padding-top: 10px; }
#dashboard-recent-disputes { max-height: 400px; overflow-y: auto; }
.box-dashboard-recent {  }
.box-dashboard-report p { text-align: center; padding: 5px 0; border-bottom: solid 1px #999; }
#box-dashboard-chart-container { }
#dashboardChart { margin: auto; width: 700px; height: 400px; }

hr.tight { margin: 8px 3px 0 3px; color: #999; clear: both; }
.hr-tight-after { position: relative; top: -8px; left: 40px; background: #fff; padding: 0 10px; color: #666; font-weight: bold; padding-bottom: -15px; }

.deadline { color: #F00; padding: 0 3px; font-family: 'Roboto Condensed', sans-serif; font-style: italic; }
.deadline-passed { color: #F00; background: #ff0; padding: 0 3px; font-family: 'Roboto Condensed', sans-serif; font-style: italic; }

.reminder { color: #080; padding: 0 3px; font-family: 'Roboto Condensed', sans-serif; font-style: italic; }
.unknown { color: #888; padding: 0 3px; font-family: 'Roboto Condensed', sans-serif; font-style: italic; }
.box-dashboard-quick, .box-dashboard-report { width: 800px; }
form .form-column-quick { float: left; width: 240px; }

.rc_pm { color: #303; padding: 0 3px; font-family: 'Roboto Condensed', sans-serif; }

hr.misconduct { margin: 20px 3px 0 3px; color: #900; clear: both; }
.hr-after-misconduct { position: relative; top: -10px; left: 40px; background: #fc0; padding: 0 10px; color: #900; font-weight: bold; }

#misconduct-display { background: rgba(255,200,0,0.2); padding-bottom: 10px; border-radius: 10px; display: none; }
#misconduct-display ul { margin-top: -15px; }
#misconduct-display ul li { color: #900; }

input[type=file] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 250px; padding-right: 80px; }
#static-filename { width: 600px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }
.case-file-name { width: 220px !important; }
#case-files-list li a.list-item { max-width: 340px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block;}
#case-files-list li a.list-item-audio { padding: 3px; font-weight: bold; background: #ccc; }

.no-dash { display: none; }
.qrcharts { display: none; }

#share-log-content { overflow: auto; height: 150px; }
#dispute-removed { width: 400px; }
#is-trial {
	width: 150px;
}
#is-avs-match {
	width: 150px;
}
#avs-result {
	margin-left: 5px;
	padding: 1px;
	font-weight: normal;
	background: #ffff00;
	display: none;
}
#days-between {
	margin-left: 5px;
	padding: 1px;
	font-weight: normal;
	background: #ffff00;
	display: none;
}
#transaction-date {
	width: 150px;
}
#date {
	width: 150px;
}

/*Chargeback Reports*/
.datagrid table { 
  border-collapse: collapse; 
  text-align: left; 
}
.datagrid {
  font: normal 14px/150% Arial, Helvetica, sans-serif; 
  background: #fff; 
  overflow: hidden; 
  -webkit-border-radius: 1px; 
  -moz-border-radius: 1px; 
  border-radius: 1px; 
}
.datagrid table td, 
.datagrid table th { 
  padding: 3px 5px; 
}
.datagrid table thead th {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFFC00), color-stop(1, #FFCF00) );
  background:-moz-linear-gradient( center top, #FFFC00 5%, #FFCF00 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFC00', endColorstr='#FFCF00');
  background-color: #FFFC00;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}
.datagrid table thead th:first-child { 
  border: none; 
}
.datagrid table tbody td { 
  color: #990000; 
  font-size: 12px;
  font-weight: normal; 
}
.datagrid table tbody .alt td { 
  background: #FFF9F0; 
  color: #990000; 
}
.datagrid table tbody td:first-child { 
  border-top: none;
  border-bottom: none;
}
.datagrid table tbody tr:last-child td { 
  border-bottom: none; 
}
.datagrid .header {
  background-color: #FFFFE2;
}
hr.faded { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #FFFFFF, #B7B6B6, #FFFFFF);
  background-image: -moz-linear-gradient(left, #FFFFFF, #B7B6B6, #FFFFFF);
  background-image: -ms-linear-gradient(left, #FFFFFF, #B7B6B6, #FFFFFF);
  background-image: -o-linear-gradient(left, #FFFFFF, #B7B6B6, #FFFFFF); 
}
tr.grouping {
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-left: 1px solid black;
}