* {
	margin:0;
}

html {
	height:100%;
}

hr {
	color:#cccccc;
	height:1px;
	background-color:#cccccc;
	border:#cccccc 0px solid;
}

body {
	font-family:Verdana, "Trebuchet MS", Tahoma;
	height:100%;
}

h1 {
	background:url(../img/title_text_bg.gif) repeat-x;
	padding-left:12px;
	line-height:25px;
	font-weight:bold;
	color:#666688;
	font-size:1.0em;
}

h1.navigation {
	background:url(../img/title_text_bg.gif) repeat-x;
	padding-left:12px;
	line-height:25px;
	font-weight:bold;
	color:#666688;
	font-size:1.0em;
	border-left-style:solid;
}

h2 {
	background:url(../img/icon_arrow.png) no-repeat 10px 7px;
	font-size:1.0em;
	font-weight:bold;
	line-height:25px;
	padding-left:25px;
}

h2.subcontent {
	background:none;
	font-size:1.3em;
	font-weight:bold;
	line-height:25px;
	padding-left:25px;
}

h3 {
	background:url(../img/icon_file.png) no-repeat 0px 5px;
	font-size:1.0em;
	font-weight:bold;
	line-height:25px;
	padding-left:25px;
	margin-left:25px;
}

h4 {
	background:url(../img/icon_point.png) no-repeat 10px 7px;
	font-size:1.0em;
	font-weight:bold;
	line-height:25px;
	padding-left:25px;
	margin-left:15px;
}

img {
	border:0px;
	border-style:none;
	vertical-align:middle;
}

pre.code {
	border: 1px solid #cccccc;
	width:715px;
	padding:5px 5px 5px 10px;
	margin-left:25px;
	font-size:1.0em;
	background-color:#fefeef;
	color:#996666;
}

.code_comment {
	color:#669966;
}

.code_instruction {
	color:#666699;
	font-weight:bold;
}

.infoColorText {
	padding-left:1.0em;
	color:#669999;
}

.descriptionText {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:25px;
	padding-right:25px;
}
.descriptionText a:link {
	color:#7777bb; text-decoration:none;
}
.descriptionText a:active {
	color:#7777bb; text-decoration:none;
}
.descriptionText a:visited {
	color:#7777bb; text-decoration:none;
}
.descriptionText a:hover {
	color:#7777ff; text-decoration:underline;
}

.downloadText {
	padding-left:30px;
	background:url(../img/icon_download_small.png) no-repeat 10px 0.4em;
	line-height:20px;
}

.descriptionSummaryText {
	padding-left:1.0em;
	padding-bottom:1.0em;
}

.fieldset {
	border:solid 1px #cccccc;
	position:relative;
	margin-top:1em;
	padding-top:25px;
	padding-bottom:24px;
	padding-left:1em;
	padding-right:1em;
}

.fieldset h6 {
	position:absolute;
	top:-1.3em;
	left:1em;
	margin:0;
	padding:0 0.5em;
	display:inline;
	font-family:Verdana, "Trebuchet MS", Tahoma;
	font-size:x-small;
	font-weight:bold;
	color:#efefef;
	line-height:15px;
	padding:5px 5px 5px 5px;
	border:1px solid #cccccc;
	background-color:#555555;
	vertical-align:middle;
}

fieldset {
	border:1px solid #cccccc;
	padding-top:5px;
	padding-bottom:20px;
	padding-left:1.0em;
	padding-right:1.0em;
}

legend {
	font-family:Verdana, "Trebuchet MS", Tahoma;
	font-size:x-small;
	font-weight:bold;
	color:#efefef;
	line-height:15px;
	padding:5px 5px 5px 5px;
	border:1px solid #cccccc;
	background-color:#555555;
	vertical-align:middle;
}

ol.list {
    padding-left:50px;
}

ul.list {
    padding-left:40px;
    list-style:disc;
}

/* Component-centered */
.componentWrapper {
	clear:both;
	line-height:18px;
	width:420px;
	padding-bottom:5px;
	text-align:center;
}

/* Component-Use full-Left Aligned */
.componentWrapperFull {
	clear:both;
	padding-bottom:5px;
	text-align:left;
}

.label {
	color:#666666;
	font-size:x-small;
	font-family:Verdana, "Trebuchet MS", Tahoma;
	width:100px;
	float:left;
	display:block;
	font-weight:normal;
	text-align:right;
	line-height:17px;
	padding-right:10px;
	vertical-align:middle;
}

.staticText {
	color:#666666;
	font-size:x-small;
	font-family:Verdana, "Trebuchet MS", Tahoma;
	line-height:17px;
	vertical-align:middle;
	font-weight:normal;
	float:left;
}

/* Common */

label {
	padding-right:10px;
	border:1px solid transparent;
	/*border-width:1px;*/
}

label:hover {
/*
	background-color:#efefef;
	border:1px solid #aaaaaa;
	padding-top:1px;
	padding-bottom:1px;
	*/
}

select {
	color:#666666;
	font-size:x-small;
	font-family:Verdana, "Trebuchet MS", Tahoma;
}

input {
	color:#666666;
	font-size:x-small;
	margin-top:1px;
	margin-bottom:1px;
	border:1px solid #aaaaaa;
	background-color:#ffffff;
	font-family:Verdana, "Trebuchet MS", Tahoma;
	padding-left:0px;
	padding-right:0px;
}

input:hover {
	/*border:1px solid #333333;*/
}

.textArea {
	font-family:Verdana, "Trebuchet MS", Tahoma;
	color:#666666;
	font-size:x-small;
	width:252px;
	height:100px;
	float:left;
	border:1px solid #aaaaaa;
	padding-left:0px;
	padding-right:0px;
}

.textArea:hover {
	border:1px solid #333333;
}


.inputBox {
	color:#666666;
	font-size:x-small;
	width:252px;
	float:left;
	height:11px;
	padding-left:0px;
	padding-right:0px;
}

.fileUploadBox {
	color:#666666;
	font-size:x-small;
	width:252px;
	float:left;
	padding-left:0px;
	padding-right:0px;
}

.multipleInputBox {
	color:#666666;
	font-size:x-small;
	width:74px;
	float:left;
	height:11px;
	padding-left:0px;
	padding-right:0px;
}
/*
.checkBox {
	margin-left-color:red;
	height:14px;
	width:14px;
}

.checkBox:hover {
	border:1px none transparent;
	height:14px;
	width:14px;
}*/

/*
.radio {
	color:#666666;
	font-size:x-small;
	border:1px none #696969;
	background-color:transparent;
	vertical-align:middle;
	height:15px;
}

.radio:hover {
	border:0px none #696969;
}
*/

.checkbox {
	border-style:none;
	vertical-align:middle;
}

span.checkbox { 
  width:19px; 
  height:25px;
  padding:0px 0px 0px 0px;
  margin:2px 0px 0px 2px;
  background:url(checkbox_blue.png) no-repeat;
  float:left;
  display:block;
}
span.radio {
  width:19px; 
  height:25px;
  padding:0 5px 0 0; 
  background:url(radio_blue.png) no-repeat;
  float:left;
  display:block;
}
span.select { 
  position:absolute;
  width:158px; /* With the padding included, the width is 190 pixels:the actual width of the image. */ 
  height:21px; 
  padding:0 24px 0 8px; 
  color:#fff; 
  font:12px/21px arial,sans-serif; 
  background:url(select.gif) no-repeat; 
  overflow:hidden; 
}

.comboBox {
	color:#666666;
	font-size:x-small;
	width:76px;
	float:left;
	height:18px;
}

.submitButton {
	font-size:x-small;
	font-weight:bold;
	padding-right:10px;
	padding-left:10px;
}

.submitButton:hover {
	background-color:#efefef;
}

.submitButtonWrapper {
	clear:both;
	text-align:center;
	margin-top:25px;
}

.bodyText {
	clear:both;
	color:#666666;
	font-size:x-small;
	font-family:Verdana, "Trebuchet MS", Tahoma;
}

.icon {
	padding:0px 3px 0px 3px;
	border-width:0px;
	vertical-align:middle;	
}

.iconHiLite {
	padding:0px 3px 0px 3px;
	border:1px solid transparent;
	vertical-align:middle;
	height:17px;
}

.iconHiLite:hover {
	background-color:#efefef;
	border:1px solid #aaaaaa;
}

.iconArrow {
	padding:0px 3px 0px 3px;
	border-width:0px;
	vertical-align:1%;
}

.iconSmall {
	height:13px;
	padding:0px 3px 0px 3px;
	border:1px solid transparent;
	vertical-align:middle;
}

/*
.iconSmall:hover {
	background-color:#efefef;
	border:1px solid #aaaaaa;
}
*/

.bodyText a:link {
	color:#7777bb; text-decoration:none;
}

.bodyText a:active {
	color:#7777bb; text-decoration:none;
}

.bodyText a:visited {
	color:#7777bb; text-decoration:none;
}

.bodyText a:hover {
	color:#7777ff; text-decoration:underline;
}

#flash {
	width:395px;
	height:268px;
	background-color:#efefef;
}

/* Content */
#contentWrapper {
	min-height:100%;
	height:auto !important;
	height:100%;
	width:100%;
	margin:0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}


#managementMenu {
	background-color:#ffffff;
	color:#cccccc;
	font-weight:bold;
	font-size:x-small;
	font-family:Verdana, "Trebuchet MS", Tahoma;
	padding:2px 10px 5px 10px;
}

#managementMenu a:link {
	color:#8888bb; text-decoration:none;
}

#managementMenu a:active {
	color:#bbbbdd; text-decoration:none;
}

#managementMenu a:visited {
	color:#8888bb; text-decoration:none;
}

#managementMenu a:hover {
	color:#bbbbdd; text-decoration:none;
}


#contentMenu {
	line-height:25px;
	background-color:#ffffff;
	color:#cccccc;
	font-weight:bold;
	font-size:x-small;
	font-family:Verdana, "Trebuchet MS", Tahoma;
	padding:2px 10px 5px 10px;
	padding-top:10px;
}

#contentMenuWrapper {
	width:100%;
}

#contentBodyWrapper {
	clear:both;
	width:100%;
	line-height:15px;
}

#contentBody {
	padding:0px 15px 15px 15px;
	float:left;
	width:800px;
}

#contentMenu a:link {
	color:#555599; text-decoration:none;
}

#contentMenu a:active {
	color:#555599; text-decoration:none;
}

#contentMenu a:visited {
	color:#555599; text-decoration:none;
}

#contentMenu a:hover {
	color:#5555dd; text-decoration:underline;
}


#contentSubMenu {
	float:left;
	width:250px;
	background-color:#ffffff;
	color:#cccccc;
	font-weight:bold;
	font-size:x-small;
	font-family:Verdana, "Trebuchet MS", Tahoma;
	padding:0px 10px 5px 10px;
}

#contentSubMenu a:link {
	color:#7777bb; text-decoration:none;
}

#contentSubMenu a:active {
	color:#7777bb; text-decoration:none;
}

#contentSubMenu a:visited {
	color:#7777bb; text-decoration:none;
}

#contentSubMenu a:hover {
	color:#7777ff; text-decoration:underline;
}


/* Header:Footer */
#headerWrapper {
	clear:both;
	background-color:#333333;
	color:#ffffff;
	font-weight:bold;
	font-size:small;
	font-family:Verdana, "Trebuchet MS", Tahoma;
	vertical-align:middle;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#footer {
	clear:both;
	font-size:small;
	font-family:Verdana, "Trebuchet MS", Tahoma;
	vertical-align:middle;
	width:100%;
	line-height:4.0em;
}

#headerWrapper {
	line-height:42px;
}

#headerTitle {
	float:left;
	line-height:30px;
	padding-left:10px;
}

#headerMenu {
	float:right;
	font-size:xx-small;
	line-height:30px;
	padding-right:10px;
	vertical-align:middle;
}

#headerWrapper a:link {
	color:#eeeeff; text-decoration:none;
}

#headerWrapper a:active {
	color:#eeeeff; text-decoration:none;
}

#headerWrapper a:visited {
	color:#eeeeff; text-decoration:none;
}

#headerWrapper a:hover {
	color:#bbbbdd; text-decoration:none;
}

#navigationMenu {
	clear:both;
	background-color:#ffffff;
	color:#333333;
	font-weight:bold;
	font-size:xx-small;
	font-family:Verdana, "Trebuchet MS", Tahoma;
	vertical-align:middle;
	padding:5px 10px 5px 10px;
	line-height:15px;
}

#navigationMenu a:link {
	color:#8888bb; text-decoration:none;
}

#navigationMenu a:active {
	color:#bbbbdd; text-decoration:none;
}

#navigationMenu a:visited {
	color:#8888bb; text-decoration:none;
}

#navigationMenu a:hover {
	color:#bbbbdd; text-decoration:none;
}

#footer, #push {
	clear:both;
	text-align:center;
	font-size:xx-small;
	height:30px; /* .push must be the same height as .footer */
}

.gradationSeparator {
	clear:both;
	height:4px;
	background:#ffffff url(../img/gradation_v2.png) repeat-x;
}

.gradationSeparator2 {
	clear:both;
	height:4px;
	background:#ffffff url(../img/gradation_v1.png) repeat-x;
}

.barSeparator {
	clear:both;
	height:4px;
	background-color:#444466;
}

.barSeparatorSmall {
	clear:both;
	height:1px;
	background-color:#999999;
}

.center {
	text-align:center;
}

.centerWidth {
	text-align:center;
}

.dataTable {
	background-color:#ffffff;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	vertical-align:top;
}

.dataTableDivHead {
	border-style:solid;
	border-width:1px;
	border-color:#aaaaaa;
	background-color:#4e4e4e;
	color:#efefef;
	text-align:center;
	float:left;
	line-height:15px;
	height:15px;
	font-weight:bold;
	font-size:9px;
}

.dataTableDivHeadWrapper {
	clear:both;
	background-color:#ffffff;
	border-style:none;
	vertical-align:top;
	font-size:9px;
}

.dataTableStandardDiv {
	background-color:#ffffff;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	vertical-align:top;
	
	border-style:solid;
	border-color:#cccccc;
	font-size:9px;
}

.dataTable td {
	border-width:1px;
	color:#696969;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:1px;
	vertical-align:middle;
	/*font-size:10px;*/
	font-family:Verdana, "Trebuchet MS", Tahoma;
	text-align:left;
}

.dataTableStandard td {
	border-style:solid;
	border-color:#cccccc;
	font-size:9px;
}

.dataTableStandard {
	background-color:#ffffff;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	vertical-align:top;
	
	border-style:solid;
	border-color:#cccccc;
	font-size:9px;
}

.dataTable th {
	border-style:solid;
	border-width:1px;
	border-color:#aaaaaa;
	background-color:#4e4e4e;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	padding-top:0px;
	color:#efefef;
	text-align:center;
}

.dataAttribute {
	border-style:solid;
	border-color:#cccccc;
	font-size:10px;
}

.dataDurationNone {
	height:10px;
	border-style:none;
	border-top-style:solid;
	border-right-style:solid;
	border-top-color:#cccccc;
	border-right-color:#cccccc;
	font-size:0px;
	line-height:10px;
}

.dataDurationTop_Completed,
.dataDurationTop_Uncomplete,
.dataDurationTop_OnHold,
.dataDurationTop_WaitingApproval {
	height:10px;
	border-style:solid;
	border-color:#999999;
	padding-top:0px;
	margin-top:0px;
	font-size:0px;
	line-height:10px;
}

.dataDurationTop_Completed {
	background-color:#a4ffa4;
}

.dataDurationTop_Uncomplete {
	background-color:#ffa4a4;
}

.dataDurationTop_OnHold {
	background-color:#d4d4d4;
}

.dataDurationTop_WaitingApproval {
	background-color:#ffffa4;
}

.dataDurationBottom {
	height:2px;
	background-color:#a4a4ff;
	border-style:solid;
	border-color:#777777;
	padding-top:0px;
	margin-top:0px;
	font-size:0px;
	line-height:0px;
}

.dataDurationNoneBottom {
	height:2px;
	border-style:none;
	border-right-style:solid;
	border-right-color:#cccccc;
	font-size:0px;
	line-height:0px;
}

.floatLeft {
	float:left;
}

.clearBoth {
	clear:both;
}