/* Theme Style */

* { margin: 0; padding: 0; }

img { vertical-align: middle; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: black;
	background: #F4F4F4;
	margin-top: 1em;
	margin-bottom: 2em;
}
a { color:#006699; text-decoration: none; }
a:hover { color:#009966; text-decoration: underline; }
td {
	color: #3E3E3E;
	text-decoration: none;
	vertical-align: top;
	border: none;
}
p { padding: 0 0 1em 0; }
p:first-letter { font-size: 135%; }
h1,h2,h3,h4,h5,h6 { margin: .3em 1em .7em 1em; }
hr {
  text-align: center;
  margin: 5px auto 5px auto;
  border: 0;
  width: 100%;
  color: #F3C67D;
  background-color: #F3C67D;
  height: 2px;
}

input, textarea, select, .fake_input {
	background: #F4F4F4;
	color: black;
	padding: 1px;
	border: #A6A6A6 solid 1px;
}
option {
	background: #F4F4F4;
	color: black;
	padding-right: 10px;
}

input:focus, textarea:focus, select:focus {
	border: #EEB358 solid 1px;
}

.inline {
	display: inline;
}

.container {
	width: 60em;
	border: 1px solid #cccccc;
	margin: auto;
	background: white;
}

.content {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	padding: 1em;
	clear: both;
}

.content table td { padding: .15em; }

.footspace {
	padding-bottom: 1em;
}
.more_footspace {
	padding-bottom: 3em;
}

.hidden {
	display: none;
}

.disabled {
	background: gray;
}

div.narrow {
	margin: auto;
	padding-left: 5em;
	padding-right: 5em;
}

::-moz-selection{
	background:#EEB358;
	color: black;
}

.input_button {
	font-size: 10pt;
	background: #EEB358 url("../images/bgbar.gif");
	color: white;
	padding: 0px;
	border: #A6A6A6 solid 1px;
}

.input_button[disabled] {
	font-size: 10pt;
	background: #777777;
	color: #A6A6A6;
	padding: 0px;
	border: #A6A6A6 solid 1px;
}

.submit {
	border: #000000 solid 1px;
}

.big {
	 font-size: 16pt;
}

.input_required {
	font-weight: 900;
}

.feedback hr, .fine_hr {
  color: #CCCCCC;
  background-color: #CCCCCC;
  height: 1px;
}

.list hr {
  color: black;
  background-color: black;
  height: 1px;
}

.feedback li {
	height: 1.2em;
	line-height: 1.2em;
	padding-left: 1em;
	list-style: none;
}

.feedback ul {
	padding-top: .5em;
}

.success {
	color: #009900;
}

.error {
	color: #990000;
}

.nav {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #EEB358 url("../images/bgbar.gif");
	height: 1.7em;
	line-height: 1.7em;
	text-align: right;
}

.wide  {
	margin: -1px;
	border: 1px black solid;
	background: gray;
	margin-left: -2em;
}

.nav table {
	float: right;
	margin-top: .05em;
}

.nav td {
	padding: 1px;
	line-height: 1.2em;
}

.menu:hover {
	background: #EEB358 url("../images/invbgbar.gif");
	padding: 0px;
	border: 1px solid grey;
}

.menu div {
	display: none;
	position: absolute;
	margin-left: 1em;
}

.menu:hover > div {
	display: block;
	position: absolute;
	border: 1px solid black;
}

.menu div > a {
	display: block;
	text-align: left;
	padding: 0 .5em 0 .5em;
	white-space: nowrap;
	background: gray;
	line-height: 1.6em;
}

.menu div a:hover {
	background: #EEB358 url("../images/bgbar.gif");
}

thead a, .pre-footer a, .nav a  {
	color: white;
	text-decoration: none;
	padding-right: .5em;
}

thead a:hover, .pre-footer a:hover, .nav a:hover {
	color: black;
	text-decoration: none;
}

.pre-footer {
	border-bottom: 1px solid #999;
	background: #EEB358 url("../images/bgbar.gif");
	line-height: 1.5em;
	height: 1.5em;
	text-align: center;
	font-size: .7em;
	color: white;
}

.footer { 
	padding: 3px 10px 3px 10px;
	color: #CCC;
	font-size: 10px;
	line-height: 1.5em;
	min-height: 20px;
}

.ticket_info {
	background-color: #F4FAFF;
	border: 1px #ADADAD solid;
	width: 35%;
	float: right;
	margin-bottom: 1em;
	padding: .2em;
}

.noborder {
	border: none;
	padding: .2em;
}

.ticket_info tr td {
	padding: 0;
	margin: 0;
}

.ticket_info tr > td:first-child {
	font-weight: bold;
}

.ticket_first {
	float: left;
	width: 60%;
}

.ticket {
	min-width: 60%;
	background-color: #F9F9F9;
	border: 1px #ADADAD solid;
	border-bottom: none;
	margin-bottom: .5em;
}

.ticket > div {
	border-bottom: 1px #ADADAD solid;
	padding: .15em;
	padding-left: .3em;
	padding-right: .3em;
}

.client_subject {
	background-color: #E9E9E9;
}

.rep_subject {
	background-color: #FAE7C8;
}

.center {
	/* padding: .5em 0 0 .5em;
	margin: auto; */
	text-align: center;
}

.rep_ticket_info {
	background-color: #F4FAFF;
	border: 1px #ADADAD solid;
	width: 100%;
	margin-bottom: .5em;
	padding: .2em;
}

.rep_ticket_info tr > td:first-child {
	width: 9em;
	font-weight: bold;
}

.list {
	font-size: 11pt;
	border: 1px black solid;
	background-color: #F4FAFF;
	width: 100%;
}

.list thead {
	background: #EEB358 url("../images/bgbar.gif");
}

.list td {
	padding-left: .5em;
	padding-right: .5em;
}

.list  td > input {
	margin-top: .3em;
}

tr.row {
	background-color: #EFEFFF;
}

tr.row_alt {
	background-color: #FFFFFF;
}

tr.row_hover{
	background-color: #FAE7C8;
}

.left_bar {
	border: 1px solid #cccccc;
	background: white;
	position: fixed;
	top: 5em;
	left: 0;
	padding: .5em;
	width: 8em;
	margin-left: -7.8em;
}

.left_bar:hover {
	margin-left: 0;
}

.left_bar li {
	list-style-type: none;
}

.left_bar li:hover {
	text-decoration: underline overline;
}

.left_bar li span {
	display: none;
}

.left_bar li:hover span {
	text-decoration: none;
	background-color: white;
	/* filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	-khtml-opacity: 0.75; */
	border: 1px solid #cccccc;
	padding: .3em;
	display: block;
	position: absolute;
	top: 102%;
	left: .5em;
	width: 105%;
}

.pri_Low { background-color: #DDFFDD; }
.pri_Normal { background-color: #FFFFF0; }
.pri_High { background-color: #FEE7E7; }