@import "ui.tabs.css";

body {
	font-family: 		'trebuchet ms',verdana,arial,helvetica,sans-serif;
	font-size:			12px;
	margin:				0px;
	padding:			0px;
	background-color:	#FAFAFA;
	height:				100%;
}

form { padding: 0px; margin: 0px; }

a { -moz-outline-style: none; outline: 0; }
a { color: #0000A0; }
a:link { color: #0000A0;  }
a:visited { color: #0000A0; }
a:hover { color: #FF0000; }

a.none { text-decoration:none; cursor: normal;}
a.none:active { text-decoration:none; cursor: normal;}
a.none:link { text-decoration:none; cursor: normal;}
a.none:visited { text-decoration:none; cursor: normal;}
a.none:hover { text-decoration:none; cursor: normal;}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

div.div-body {
	background-color:	#FFFFFF;
	border:				2px solid #808080;
	padding:			5px;
	margin:				5px;
}

div.box {
	background:			#F0F0F0;
	border:				1px solid #808080;
	padding:			0px;
	margin:				0px;
}

div.inbox {
	padding:			7px;
	margin:				0px;
	background-color:	#F9F9F9;
	border:				1px solid #C0C0C0;
}

div.boxtop {
	font-family:		'trebuchet ms',verdana,arial;
	padding:			5px;
	background:			#F0F0F0;
	border:				1px solid #808080;
	margin-bottom:		5px;
	font-size: 			12px;
}

div.boxbottom {
	padding:			5px;
	background:			#f0f0f0;
	border:				1px solid #808080;
	margin-top:			5px;
}

.box-fieldset {
	margin-right:		0px;
	margin-left:		0px;
	margin-bottom:		7px;
	margin-top:			0px;
	padding:			7px;
}

div.separator {
	height: 20px;
	border-right: #ffffff 1px solid;
	border-left: #808080 1px solid;
	margin-left: 5px;
	margin-right: 5px;
}

input.input-form {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
	border: 1px solid #FFC0C0;
	width: 200px;
}

/* -------------------------------------------------------------------------- */

table.news-table {
	padding:			0px;
	margin:				0px;
	font-size:			11px;
	font-weight:		normal;
}
table.news-table th {
	font-size:			11px;
	padding-top:		2px;
	padding-bottom:		2px;
	padding-left:		4px;
	padding-right:		4px;
	text-align:			left;
	color:				#000;
	background-color:	#E0E0E0;
}
table.news-table th.hdr {
	background-color:	#E0E0E0;
}
table.news-table th.hdr.hover {
	background-color:	#F0F0F0;
}
table.news-table th.hdr-sort {
	cursor:				pointer;
	background-color:	#E0E0E0;
}
table.news-table th.hdr-sort.hover {
	cursor:				pointer;
	background-color:	#F0F0F0;
}
table.news-table td {
	text-align:			left;
	padding:			4px;
	padding-left:		10px;
}
table.news-table .center {
	text-align:			center;
}
table.news-table td.link {
	cursor:				pointer;
}
table.news-table tr.odd {
	background-color:	#F0F0F0;
}
table.news-table tr.odd.hover {
	background-color:	#FFFFC0;
}
table.news-table tr.even {
	background-color:	#F9F9F9;
}
table.news-table tr.even.hover {
	background-color:	#FFFFC0;
}

/*  list table  */
table.list-table {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ACACAC;
	width: 100%;
	border-collapse: collapse;
}
table.list-table th {
	margin: 0px;
	padding: 5px;
	color: #000;
	background-color: #E0E0E0;
}
table.list-table tr.even {
	background-color: #FFF;
}
table.list-table tr.odd {
	background-color: #F9F9F9;
}
table.list-table td {
	border-bottom: 1px solid #e5e5e5;
	padding: 3px 5px 3px 5px;
/*	font-weight: bold; */
}
table.list-table td.red {
	color: red;
}
table.list-table td.right {
	padding-right: 10px;
	font-weight: bold;
	text-align: right;
}
table.list-table table td {
	padding: 0px;
	border: none;
}


/* paging table */
table.paging-table {
}
table.paging-table td.page {
	padding-right: 5px;
	padding-left: 5px;
}
table.paging-table td.current {
	padding-right: 5px;
	padding-left: 5px;
	background-color: #EFE2FE;
}
table.paging-table td.first {
	padding-right: 5px;
}
table.paging-table td.first-dis {
	padding-right: 5px;
}
table.paging-table td.last {
	padding-left: 5px;
}
table.paging-table td.last-dis {
	padding-left: 5px;
}
table.paging-table td.prev {
	padding-right: 10px;
}
table.paging-table td.prev-dis {
	padding-right: 10px;
}
table.paging-table td.next {
	padding-left: 10px;
}
table.paging-table td.next-dis {
	padding-left: 10px;
}
table.paging-table img {
	padding: 0px;
	margin:0px;
	border: 0px;
}

/* cron table */
table.cron-table {
	width: 100%;
	border: 1px solid #ACACAC;
}
table.cron-table th {
	background-color: #D0D0D0;
	color: #3E3E3E;
	text-align: center;
	border: 1px solid #fff;
}
table.cron-table td {
	padding: 10px;
	width: 20%;
	text-align: center;
	background-color: #F0F0F0;
	border: 1px solid #fff;
}
table.cron-table tr.every td {
	text-align: center;
	background-color: #F0F0F0;
	border: 1px solid #fff;
	padding: 2px;
}
table.cron-table td select {
	height: 150px;
}
table.cron-table tr.every select {
	height: auto;
}
table.cron-table td input {
	text-align: center;
}

/* button */
a.btn {
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	margin: 0px;
	padding: 4px;
	white-space: nowrap;
	outline: none;
}
a.btn-down {
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	border: 1px inset #FFFFFF;
	background-color: #cad2e3;
	outline: none;
}
a.btn:hover {
	margin: 0px;
	padding: 3px;
	border: 1px outset #FFFFFF;
	background-color: #cad2e3;
}
a.btn-down img {
	margin: 0px;
	border: 0px;
}
a.btn img {
	margin: 0px;
	border: 0px;
}

.tooltip {
	width: 250px;
	color: #000;
	background-color: #FFFFFF;
	border: 1px solid #969696;
	font-size: 11px;
	overflow: hidden;
}
.tooltip #ttTitle{
	background-color: #E0E0E0;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
.tooltip #ttBody{
	padding: 5px;
}

.contextmenu {
	width: 150px;
	color: #000;
	padding: 3px;
	margin: 0px;
	background-color: #E5E5E5;
	border: 1px solid #585858;
	font-size: 11px;
	overflow: hidden;
}
.contextmenu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.contextmenu li {
	padding: 4px;
	padding-left: 20px;
	margin: 0px;
	cursor: pointer;
	border: 1px solid #E5E5E5;
	background-repeat: no-repeat;
	background-position: center left;
	color: #000;
}
.contextmenu li.hover {
	border: 1px solid #0a246a;
	background-color: #b6bdd2;
}

label.error {
	color: red;
}

textarea.error, input.error {
	border: 1px solid red;
}

.input-text {
	border: 1px solid #C0C0C0;
	padding: 1px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 11px;
	background-color: #F0F0F0;
}

.input-text.active {
	border: 1px solid #FFC0C0;
	background-color: #fff;
}

.wide {
	width: 99%;
}
.mono {
	font-family: monospace;
}
.bold {
	font-weight: bold;
}

.readonly {
	background-color: #E0E0E0;
}

.red {
	color: red;
}
.green {
	color: green;
}

.save-button {
	width: 120px;
	height: 25px;
	font-weight: normal;
	text-align: right;
	font-size: 11px;
	padding: 0px 10px 0px 10px;
	cursor: pointer;
	background: #D0D0D0 url(../images/save.gif) no-repeat 10% 65% scroll;
	font-family: verdana,arial,helvetica,sans-serif;
	outline: 0;
}

.save-button.loading {
	background-image: url(../images/loading.gif);
}

.save-button.mail {
	background-image: url(../images/mail.gif);
}



.modalContainer {
	background: #FFFFFF none repeat scroll 0% 0%;
	border: 2px solid #585858;
	font-family:'Trebuchet MS',Verdana,Arial;
	text-align: left;
	cursor:default;
}
.modalContainer .header {
	background:transparent url(../images/modal_header.gif) repeat-x scroll 0% 0%;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	width: 99%;
	position: absolute;
}
.modalContainer .header span {
	padding-left:8px;
}
.modalContainer .message {
	color: #333333;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}
.modalContainer a.modalCloseX,
.modalContainer a.modalCloseX:link,
.modalContainer a.modalCloseX:active,
.modalContainer a.modalCloseX:visited {
	color: #FFFFFF;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
	top:2px;
	right: 5px;
	position: absolute;
}
.modalContainer a.modalCloseX:hover {
	color: #FF0000;
}

.modalContainer button,select {
	cursor: pointer;
}
