/* RESET */

/* http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0px;
}
table td {
  overflow:hidden;
}

/* USEFUL HACKS */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* GENERAL STYLES */

html, body, input, button, textarea, select {
  font-family:"Lucida Grande",Arial,"Segoe UI",Arial,tahoma,calibri,Helvetica,cambria,Arial,tahoma,verdana,sans-serif;
  font-size:12px;
}

html, body {
  background-color:#EEEEEE;
  color:#333;
  height:100%;
}

input,select { font-size:1em;padding:0; }

a, a:visited { text-decoration:underline; color:#77231B }
a:hover, a:active { text-decoration:underline; color:#77231B }

h1, h2, h3, h4, h5 { color:#333; font-family:; font-weight:normal; cursor:default }
h1 { font-size:20px }
h2 { font-size:18px }
h3 { font-size:14px }
h4 { font-size:0.9em }
h5 { font-size:10px }

p, hr, h1, h2, h3, h4, h5, h6, pre, table, address, fieldset {
  margin-bottom:0px;
}

label {
  margin-left:1px;
  font-weight:bold;
  line-height:1.8em;
  color:#77231B;
  text-shadow:1px 1px 1px #fff;
}

.hidden {
  display:none;
 }
.centered {
  margin-left: auto;
  margin-right: auto;
}

.wrap {
  min-width:960px;
}

.framed {
  margin-left:20px;
  margin-right:20px;
}

/* BUTTON */

button, input.button, a.button, a.button:visited, input.inputsubmit {
  background:#9E342A url(/static/img/btn.png) repeat-x scroll 0 0;
  background-color:#9E342A;
  border-style:solid;
  border-width:1px;
  border-color:#9E342A #77231B #77231B #9E342A;
  color:#FFFFFF;
  cursor:default;
  display:inline-block;
  font-size:12px;
  font-weight:bold;
  line-height:16px;
  overflow:visible;
  padding:2px 8px 3px;
  text-align:center;
  vertical-align:baseline;
  white-space:nowrap;
  width:auto;
  text-decoration:none; 
}

button:active, a.button:active {
  background:none;
  background-color:#77231B;
}

a.button:hover {
  text-decoration:none; 
}

/* COLUMN LAYOUT */

.ColumnLayout {
  width:100%;
}
.ColumnLayout .g {
  width:20px; /* gap */
}
.ColumnLayout td {
  vertical-align:top;
}

/* TOOLBAR */

.Toolbar {
  padding:0px 10px;
  background-color:#9E342A;
  height:65px;
}
.Toolbar h1 a {
  margin-top:4px;
  font-size:21px;
  line-height:1.3em;
  display:block;
  font-family:Georgia;
  color:#fff;
}
.Toolbar h1 span {
  font-size:13px;
  color:#ddd;
  margin-left:10px;
  text-transform: uppercase;
}
.Toolbar h1 a:visited {
  color:#fff;
}
.Toolbar h2 a:visited {
  color:#ddd;
}
.Toolbar h2 a {
  font-size:13px;
  color:#ddd;
  margin:5px 0;
  display:block;
}
.Toolbar h1 a:hover { color:#fff; text-decoration: none }
.Toolbar h2 a:hover { color:#fff; text-decoration: none }

.Toolbar .c2 { 
  width:2px /* FIXED-WIDTH RIGHT COLUMN */
}

.Toolbar .c1 a.tab {
  font-weight:bold;
  font-size:12px;
  line-height:14px;
  color:#fff;
  display:block;
  float:left;
  margin:7px 4px 0px 0px;
  padding:6px 8px 7px 8px;
  text-decoration:none;
  background-color:#77231B;
}
.Toolbar .c1 a.tab:hover {
  background-color:#C25B51;
  color:#fff;
  text-decoration:none;
}
.Toolbar .c1 a.selected {
  background-color:#EEEEEE;
  color:#9E342A;
  padding-bottom:8px;
}
.Toolbar .c1 a.selected:hover {
  background-color:#EEEEEE;
  color:#9E342A;
  padding-bottom:8px;
}
.Toolbar .logo b {
  display:block;
  height:38px;
  width:100px;
}
.Toolbar .logo a {
  text-decoration:none;
}

/* TEXT BOX */

.TextBox {
  padding-right:8px;
}
.TextBox input, .TextBox textarea, .TextBox select {
  width:100%;
  padding:1px;
  display:block;
  /*
  background:#FFFFFF none repeat scroll 0 0;
  border-width:1px;
  padding:3px;
  border-color:#77231B #C7D4E4 #C7D4E4 #77231B;
  border-color:#999 #ccc #ccc #ccc;
  border-style:solid;
  */
}

.DropDown {
  padding-right:8px;
}
.DropDown select {
  width:100%;
  padding:1px;
}

.CheckBox input {
  font-size:11px;
  padding:4px;
  background:#FFFFFF none repeat scroll 0 0;
}

/* SEARCH BOX */

.SearchBox {
  margin-top:9px;
  height:24px;
}

.SearchBox input {
  border:0 none;
  padding:0;
  font-size:12px;
  width:180px;
  border:1px solid #77231B;
  padding:4px 3px 0px 3px;
  height:18px;
}

.SearchBox button {
  border-left-width:0;
  height:24px;
  line-height:13px;
  padding-top:0;
  width:100%;
}

/* FOOTER */

.Content {
    padding:10px;
}
.Footer {
  color:#666;
  padding:20px;
  font-size:11px;
}

/* PANEL */
.Panel {
  clear:both;
  margin-bottom:10px;
  background-color:#fff;
}
.Panel .PanelTitle {
  cursor:default;
  font-weight:bold;
  font-size:11px;
  padding:4px 8px 5px 6px;
  background-color:#9E342A;
  color:#fff;
  overflow:hidden;
}
.Panel .PanelTitle span { 
  padding:0;
  margin:0;
  font-size:10px; 
  font-weight:normal;
}
.Panel .PanelBody {
  padding:10px 12px;
  clear:both;
}
.Panel .PanelFooter {
  padding:5px 9px 9px 9px; 
  background-color:#EEEEEE;
  border-top:1px solid #ccc;
}

/* SHEET */

.Sheet .PanelTitle {
  background-color:#FFCFCA;
  color:#222;
  font-size:13px;
  padding:8px 12px;
  margin-bottom:2px;
}

/* MESSAGE */
.Message {
  text-align:center;
  font-weight:bold;
  padding:8px;
  margin:10px 10px 0 10px;
  background-color:#FFFEE2;
  border:2px solid #DDE690;
}
.Message.Warning {
  color:#fff;
  border-color:#A50000;
  background-color:#E75555;
}

/* */
.Dialog {
  background-color:#bbb;
  padding:5px;
  font-size:11px;
}

.Dialog .Panel {
  margin:0px;
}
.Dialog .PanelTitle {
  padding:4px 8px 3px 8px;
  line-height:16px;
}
.Dialog .PanelContainer {
  background-color:#fff;
  border:1px solid #999;
  border-top:0;
}
/* AUTO-COMPLETE */

.ac_results {
  padding: 0px;
  border: 1px solid #77231B;
  border-top:0px;
  background-color: #fff;
  overflow: hidden;
  z-index: 99999;
  font-size:11px;
}
.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
}

.ac_loading {
  background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
  background-color: #C25B51;
}

.ac_over {
  background-color: #9E342A;
  color: #fff;
}

/* PAGER */
.Pager ul {
  clear:both;
  list-style-position: outside;
  list-style: none;
  font-size:14px;
}
.Pager li {
  float:left;
  line-height:18px;
  padding:0px 2px;
  margin:0 4px;
}
.Pager li a {
}
.Pager li.cp {
  color:#9E342A;
  font-weight:bold;
  border-bottom:2px solid #9E342A;
  cursor:default;
}