* {
	font-family: Verdana, Arial, Tahoma, sans;
	font-size: 12px;
}

body {
	background-color: #e8e8e8
}

#container {
	width: 1200px;
	margin: auto
}

#info-box {
	background-color: #BDE496;
	border-color: #80CB34;

	border-style: solid;
	border-width: 2px;
	padding: 5px;
	margin: 10px;
}

#warning-box {
	background-color: #FFAF7A;
	border-color: #FF6633;

	border-style: solid;
	border-width: 2px;
	padding: 5px;
	margin: 10px;
}

#error-box {
	background-color: #E49595;
	border-color: #CB3434;

	border-style: solid;
	border-width: 2px;
	padding: 5px;
	margin: 10px;
}

.error-box {
	text-align: center;
	background-color: #E49595;
	border-color: #CB3434;

	border-style: solid;
	border-width: 2px;
	padding: 5px;
	margin: 10px;
}

div.loginWindow fieldset {
	position: relative;
	top: 20%;
	width: 400px;
	height: 120px;
	margin: auto;
	margin-top: 200px;
	background: #eee;
	padding:20px;
	border: 1px solid #aaf
}

div.loginWindow legend {
	background: #eee;
	padding: 2px;
	border: 1px solid #aaf
}

div.loginWindow input[type='submit'] {
	float: right
}

#head {
	border: 2px solid #444;
	padding: 1px 10px;
	background: #eee
}

#head h4 {
	margin: 30px;
	text-align: right
}

#menu {
	clear: both
}

ul.menu {
	margin-bottom: 0;
	padding-bottom: 0;
	clear: both
}

ul.menu li {
	padding: 4px;
	list-style-type: none;
	float: left
}

#logout_button {
	float: right
}

a.button {
	font-size: 10px;
	font-weight: 900;
	color: #222;
	background: #d6d6d6;
	text-decoration: none;
	padding: 4px 16px;
	border: 1px solid #aaa !important
}

ul.menu a {
	font-size: 10px;
	font-weight: 900;
	color: #222;
	background: #d6d6d6;
	text-decoration: none;
	padding: 4px 6px;
	border: 1px solid #aaa;
	border-bottom: none
}

#main {
	float: left;
	width: 1200px;
	border: 1px solid #aaa;
	padding: 10px 0px;
	background: #f9f9f9
}

#sub_main {
	width: 1180px;
	margin: 0 4px 4px 4px;
	padding: 5px;
	border: 1px solid #aaa;
	float: left
}

table.labelLeft th {
	padding: 0px 10px;
	text-align: left
}

h2 {
	font-size: 16px;
	margin: 5px 10px
}

div.autoHide {
	width: 500px;
	position: fixed;
	left: 30%;
	top: 20px;
	text-align: center
}

div.autoHide small {
	color: #416;
	font-size: 8px;
	float: right
}

div.border {
	border: 1px solid #aaa
}

#loading_info {
	padding: 5px;
	background: #ffffff;

	position: fixed;
	top: 42%;
	left: 48%;
	margin: 0px;

	z-index: 666;

	border: 1px solid #aaaaaa;
	color: #aaaaaa;
}

.caution {
    color: #ff0000;
}

a.in {
	background-color: #fff !important
}

ol.tagsWidget li {
	margin-right: 50px;
	float: left
}

a.btn {
	color: #000;
	background-color: #eee;
	text-decoration: none;
	margin: 2px;
	padding: 2px;
	border: 1px solid #aaa
}

a.btn:hover {
	border: 1px solid #777
}

.foundNode {
	background: #00FF00 !important;
}

.selectedNode {
	background: #6666FF !important;
}

.noLang {
	background: #FFCCCC;
}a.btn:active {
	background-color: #ddd
}

._the_tree_choice_name
{
	margin: 0px 5px 5px 0px;
}

ul.error_list li
{
	color: #FF0000;
}

table {
	width: 100%;
	border-collapse: collapse
}

tr.row td, tr.row th {
	padding: 2px;
	border: 1px solid #ddd
}

tr.row:hover td {
	background: #bdf
}

.t_i_t_l_e {
	display: none !important
}

span.ui-dialog-title {
	cursor: pointer !important
}

.yellow {
	background-color: #ffc !important
}

.blue {
	background-color: #ccf !important
}

.red {
	background-color: #fcc !important
}

.blue-border {
	border: 3px solid #59f !important
}

.green {
	background-color: #9f5 !important
}

.devil-red {
	background: #700 !important;
	color: #f00 !important;
	font-weight: 900 !important
}
.devil-red a {
	color: #fdd !important;
}

a img {
	border: none !important
}

a.hoverable img.hidden {
	margin-left: 100px;
	top: 100px;
	position: absolute;
	display: none
}

a.hoverable:hover img.hidden {
	display: block
}

ul.sortable {
	border: 1px solid #999;
	padding: 3px
}

ul.sortable li {
	list-style-type: none;
}

ul.sortable li:hover {
	background-color: #BDE496;
}

.left { float: left }
.right { float: right }
.clear { clear: both }
.box { width: 450px; height: 180px; margin: 5px }
.box fieldset {
	border: 1px solid #ccc
}
.box table {
	border: 1px solid #ccc
}
.form {
	padding: 5px
}
.bottom {
	padding: 2px;
	margin-bottom: 20px;
	border: 1px solid #ccc
}

.form input[type='text'] {
	width: 250px
}

.form td {
	text-align: center
}

.bottom input[type='text'] {
	width: 120px
}

.but_emph {
	background-color: #FFFFFF !important;
}

#_new_order_form { padding-bottom: 30px }

tr.ui-state-active td, tr.ui-state-active th, tr.rowOdd td, tr.rowOdd th { background-color: #ddd !important }
tr.rowHead th { background-color: #bbb }

table.std-table td {
	border: 1px solid #ccc
}
table.std-table th {
	border: 1px solid #bbb
}
table.std-table tr:hover td, table.std-table tr:hover th {
	background-color: #9cf
}

span.onhover {
	display: none
}

span.onhover:hover, span:hover span.onhover {
	display: block;
	position: absolute;
	padding: 8px;
	background-color: #eee;
	border: 3px solid #9d3;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left: 10px;
	color: #222
}

.contact-accountant {
	background-color: #fc8 !important
}

