/* Default */
body {
	background-color: #FFFFFF;
	color: #333333;
	margin: 0px;
}

body, input, select, textarea, option, optgroup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

optgroup {
	font-style: normal;
	background-color: #EBEBEB;
}

option {
	background-color: #FFFFFF;
}

h1, h2, h3, h4 {
	color: #364d6d;
	padding: 0px;
	margin: 0px;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
}

hr {
  border: 0px;
  height: 1px;
  background-color: #364d6d;
  padding: 0px;
  margin: 0px;
}

a {
	text-decoration: none;
	color: #F15B31;
}

a:hover {
	text-decoration: underline;
}

input, select, textarea, div.datetime, div.datetimesmall {
	border: 1px solid #999999;
}

input[type="checkbox"], input[type="radio"] {
	border: none;
}

input[type="text"]:focus, input[type="password"]:focus {
	border-color: #F15B31;
}

input.button {
	margin: 2px;
	padding: 3px;
	padding-left: 24px !important;
	cursor: pointer;
	background-color: #F3F3F3;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	background-repeat: no-repeat !important;
	background-position: 4px 2px !important;
}

input.button:hover {
	background-color: #CCCCCC;
	border: 1px solid #999999;
	border-bottom-color: #F15B31;
}

input.button[disabled] {
	background-color: #F3F3F3;
	border: 1px solid #CCCCCC;
	cursor: default;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

input.button[disabled]:hover {
	background-color: #F3F3F3;
	border: 1px solid #CCCCCC;
}

img.button {
	cursor: pointer;
}

.defaultcursor {
	cursor: default !important;
}

.mandatory {
	font-weight: bold;
}

/* Table */
table {
	border-collapse: collapse;
	border: none;
}

table td, table th {
	padding: 3px 2px;
}

table.noPadding td, table.noPadding th, table td.noPadding, table th.noPadding {
	padding: 0px;
}

table.tableStyle1 tr {
	border-bottom: 1px solid #CCCCCC;
}

table.tableStyle1 th {
	text-align: left;
	font-weight: bold;
	background-color: #FFE0C1;
	border-top: 1px solid #CCCCCC;
}

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

tr.tableStyle1Row1 {
	background-color: #EBEBEB;
}

tr.tableStyle1Row0.active {
	background-color: #FFFF99;
}

tr.tableStyle1Row1.active {
	background-color: #FFFF33;
}

tr.tableStyle1Row0.raw {
	background-color: #FF9999;
}

tr.tableStyle1Row1.raw {
	background-color: #CC6666;
}

table.tableStyle2 tr {
	border-bottom: none;
}

table.tableStyle2 th {
	text-align: left;
	font-weight: bold;
	border-top: none;
}

tr.tableStyle2Row0.active {
	background-color: #FFFF99;
}

tr.tableStyle2Row1.active {
	background-color: #FFFF33;
}

tr.tableStyle2Row0.raw {
	background-color: #FF9999;
}

tr.tableStyle2Row1.raw {
	background-color: #CC6666;
}

td.action img {
	cursor: pointer;
	width: 16px;
	height: 16px;
}

th.action img {
	cursor: pointer;
	width: 12px;
	height: 12px;
}

td.action img + img, th.action img + img {
	padding-left: 4px;
}

th.action.i1, td.action.i1 {
	width: 18px;	
}

th.action.i2, td.action.i2 {
	width: 38px;	
}

th.action.i3, td.action.i3 {
	width: 58px;	
}

th.action.i4, td.action.i4 {
	width: 78px;	
}

tr.important {
	background-color: #FF9900 !important;
}

/* Navigation */
table.navigation td ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

table.navigation td ul li {
	padding-top: 4px;
}

/* Layers */
div#top {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 160px;
	background-color: #EBEBEB;
	border-bottom: 1px solid #999999;
	z-index: 100;
}

div#top_block {
	width: 1000px;
	position: relative;
	left: 50%;
	margin-left: -500px;
}

div#top_img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 130px;
}

div#top_navigation {
	position: absolute;
	left: 200px;
	top: 0px;
	width: 800px;
	height: 130px;
	background: url(../images/header_bg.gif);
}

div#top_navigation div.navigation {
	position: absolute;
	bottom: 8px;
	left: 8px;
}

div#top_navigation div.navigation table td {
	color: #E9E9E9;
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: bottom;
}

div#top_navigation div.navigation table td.nopadding {
	padding-left: 0px;
	padding-right: 0px;
}

div#top_navigation div.loading {
	position: absolute;
	top: 8px;
	right: 8px;
}

div#top_bar {
	position: absolute;
	left: 0px;
	top: 130px;
	width: 1000px;
	height: 29px;
	background-color: #DDDDDD;
	border-top: 1px solid #FFFFFF;
}

div#top_bar a {
	color: #F15B31;
	text-decoration: none;
}

div#top_bar div#title {
	position: absolute;
	left: 8px;
	top: 7px;
}

div#top_bar div#title a {
	font-size: 14px;
	font-weight: bold;
}

div#top_bar div#login {
	position: absolute;
	right: 8px;
	top: 8px;
}

div#top_bar div#login a {
	font-size: 12px;
	font-weight: bold;
}

div#top_navigation a {
	color: #FFFFFF;
	text-decoration: none;
}

div#top_navigation a:hover, div#top_navigation a.selected {
	color: #F15B31;
	text-decoration: underline;
}

div#body {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 100%;
	z-index: 50;
}

div#body_content {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 8px;
}

div.notify {
	position: relative;
	margin-bottom: 16px;
	border: 1px solid;
	padding: 4px 4px 4px 24px;
	background-repeat: no-repeat;
	background-position: 4px center;
}

div.notify.info {
	background-image: url(../images/info_16.png);
	background-color: #99CCFF;
	border-color: #0033CC;
}

div.notify.warn {
	background-image: url(../images/warn_16.png);
	background-color: #FFFF99;
	border-color: #FF9900;
}

div.notify.error {
	background-image: url(../images/error_16.png);
	background-color: #FF9999;
	border-color: #990000;
}

/* Multilayer */
div.ML { /* MultiLayer */
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	visibility: hidden;
	cursor: default;
}

div.MLBG { /* MultiLayerBackGround */
	background: #000000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	opacity: .50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
	left: 0px;
}

div.MLIC { /* MultiLayerInnerContainer */
	background: #DDDDDD;
	padding: 10px 20px;
	border: 10px solid #FFFFFF;
	float: left;
	width: 480px;
	position: fixed;
	left: 50%;
	margin-left: -270px; /* (width + padding left + padding right + border left + border right) / 2 */
}

div.MLI { /* MultiLayerInner */
	float: left;
	width: 100%;
	background: #FFFFFF;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #BBBBBB;
	overflow: auto;
}

div.MLI h3.ILT { /* MultiLayerInner Title */
	margin: 0px 0px 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #BBBBBB;
	font-size: 1.5em;
	font-weight: normal;
}

div.MLI blockquote.MLC { /* MultiLayerInner Content */
	padding: 5px 10px;
	margin: 5px 0px;
}

blockquote.MLC table td { /* MultiLayer Content */
	text-align: left;
	vertical-align: top;
}

div.MLI img.close { /* MultiLayer Close Image */
	position: absolute;
	right: -20px;
	top: -20px;
	cursor: pointer;
}

/* Datetime input */
div.datetime, div.datetimesmall {
	position: relative;
	height: 12pt;
	vertical-align: middle;
}

div.datetime {
	width: 200px;
}

div.datetimesmall {
	width: 100px;
}

div.datetime input, div.datetimesmall input {
	position: relative;
	float: left;
	padding-left: 1px;
	border: none;
}

div.datetime img, div.datetimesmall img {
	position: absolute;
	right: 0px;
}

/* Upload */
div.upload div.filelist p.title {
	font-size: 0.8em;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 4px 0px;
}

div.upload div.filelist img {
	vertical-align: middle;
}

div.upload div.newfile {
	display: none;
}

div.upload div.newfile p.title {
	font-size: 0.8em;
	font-weight: bold;
}

div.upload div.newfile table {
	width: 100%;
}

div.upload div.newfile table td + td {
	width: auto;
	text-align: left;
}

div.upload div.newfile table td + td + td {
	width: 20px;
	text-align: right;
}

div.upload div.newfile img {
	vertical-align: middle;
}

div.upload div.newfile img.progress {
	visibility: hidden;
}

div.upload div.button {
	margin-top: 8px;
	position: relative;
	display: block;
	width: 130px;
	padding: 3px 0px 3px 0px;
	text-align: center;
	overflow: hidden;
	background-color: #F3F3F3;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	background-attachment: scroll;
	background-repeat: repeat;
	cursor: auto;
}

div.upload div.button:hover {
	background-color: #CCCCCC;
	border: 1px solid #999999;
	border-bottom-color: #F15B31;
}

div.upload div.button input.file {
	position: absolute;
	right: 0pt;
	top: 0pt;
	z-index: 1;
	font-size: 50px;
	margin: 0px;
	padding: 0px;
	opacity: 0;
	filter:alpha(opacity=0);
}

div.upload div.button iframe {
	display: none;
}

/* Multifunctional Container */
div.mfContainer {
	position: relative;
	margin-bottom: 20px;
	background-color: #999999;
	border: 1px solid #999999;
	min-height: 24px;
}

div.mfContainer div.icon {
	position: absolute;
	height: 32px;
	width: 32px;
	top: -8px;
	left: -12px;
	z-index: 3;
}

div.mfContainer div.icon img {
	border: 0px;
}

div.mfContainer div.title {
	position: absolute;
	height: 24px;
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
	line-height: 24px;
	vertical-align: middle;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 4px 4px; 
	z-index: 2;
}

div.mfContainer.hover div.title {
	cursor: pointer;
}

div.mfContainer div.title p {
	margin: 0px;
	padding: 0px 0px 0px 24px;
}

div.mfContainer.hover div.title:hover {
	color: #F15B31;
}

div.mfContainer.expand div.title {
	background-image: url(/appearance/images/expand_12.png);
}

div.mfContainer.collapse div.title {
	background-image: url(/appearance/images/collapse_12.png);
}

div.mfContainer div.content {
	position: relative;
	margin-top: 24px;
	width: 100%;
	z-index: 1;
	overflow: auto;
}

div.mfContainer.expand div.content {
	display: none;
}

div.mfContainer.collapse div.content {
	display: block;
}