/* ----------------------------------------------- 
	GLOBAL RESET 
   ----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
/*	vertical-align: baseline;  */
}

/* remember to define focus styles! */
:focus { outline: 0; }
body {
	line-height: 1;
	color: black;
	background: white;
	margin-left:50px;
}
ol, ul { 
	list-style: none; 
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	margin : 0;
/*	border: solid 1px #B50000;  */
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}


/* ----------------------------------------------- 
	BASIC ELEMENTS
   ----------------------------------------------- */
   
   
/* -- Text Styles ------------------------------- */
html, 
body {
	margin: 5 5 5 50;
	padding: 0;
	width: 100%;
	font: 16px Helvetica, Arial, sans-serif;
	color: #333333;
}

a { 
	color: #385ea2; 
	text-decoration: none; 
}
a:hover { text-decoration: underline; }

strong { font-weight: 700; }

h1 {
	font: 28px/1em  Arial, Helvetica, sans-serif;
	padding: 60px 20px 20px;
	margin-bottom: 15px;
	color: #333;
	text-decoration: none;
}

h1 a{
	color: #fff;
	text-decoration: none;
}

h2 { 
	font-size: 24px; 
	font-weight: normal;
	font-family: Tahoma;
	padding-top: 1em;
	padding-bottom: 1.25em;
	color: #666666;
}


p { 
	margin-top: .25em;
	margin-bottom: .5em;
}

ul { padding: 4px 5px; }
ul li { 
	padding: 4px 5px; 
	margin: 0 20px;
	list-style:square; 
}


/* -- Layout ------------------------------- */


#content { width: 580px; margin: 20px 90px; }


/* -- Form Styles ------------------------------- */
form {	
	margin: 0;
	padding: 0;
}

fieldset {
	border:  1px solid #afe14c;
	margin: 5px 0;
	padding: 20px 10px;
}

/* IE6 FIX */
html fieldset { 
	position: relative; 
	margin-top:1em;  
}
/* IE6 FIX */
html legend { 
	position:absolute; 
	top: -0.5em; 
	left: .5em; 
}

.upltext {
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #003366;
}

.upldata {
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #660000;
}

.docmsg {
	font: 700 14px Arial, Helvetica, sans-serif;
	padding: 0 5px;
	margin: 0 10px;
	color: #af0000;
}

input, select, textarea { 
	font: 400 8pt Arial, Helvetica, sans-serif;
	border-width: 1px; 
        background-color : #FFFFFF;
        border-color : #DBDBDB;
        border-style : solid;
/*	margin-bottom: 10px;
	padding: 2px 3px;  */


}

input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */

label { 
	width: 150px; 
	text-align: right; 
	display:block;
	margin-right: 5px;
}

#btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
td {
	font: 8pt Helvetica, Arial, sans-serif;
	vertical-align: middle;
	padding : 2px;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

.black { color: #000000; }

.listing {
	height : 15;
}

.buttons {
	background-color : #f0f0ff;
	padding-top : 3;
	padding-bottom : 3;
	border-top-color : #cccccc;
	border-left-color : #cccccc;
	border-bottom-color : #333333;
	border-right-color : #333333;

}

.formtitle {
	padding-top : 15;
	font-size : 14pt;
	font-weight : 900;
	text-decoration : underline;
	color : #003366;
}

.pagetitle {
	padding-top : 15;
	font-size : 12pt;
	font-weight : 900;
	color : #660000;
}

.tabletitle {
	font-size : 10pt;
	font-weight : 700;
	color : #660000;
}

.colheader {
	font-size : 10pt;
	font-weight : bold;
	background : #003366;
	vertical-align : bottom;
	color: white;
	padding-top: 10;
	padding-bottom: 5;
}

.nosort {
	font-size : 10pt;
	font-weight : bold;
	background : #003366;
	vertical-align : bottom;
	color: white;
	padding-top: 10;
}

.tableborder {
	border: 1px #666666 solid;
	background-color : #f0f0f0;
}

.tooltiptitle {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #003366;
	font-weight : bold;
	margin : 3;
}

.tooltiptext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #660000;
	margin-left : 3;
	margin-right : 3;
}


.tr1 { border-top: 1px solid #cccccc; }
.link { border-top: 1px solid #cccccc; color : blue; text-decoration : underline; }

table.sortable a.sortheader {

    background-color:#003366;
    color:white;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
.sortable {
    border: 1px #666666 solid;
}

.num, .date, .text {
	font-size : 10pt;
	font-weight : bold;
	background : #003366;
	vertical-align : bottom;
	color: white;
}

.rmk1 {
	font-weight : 900;
	color : #003366;
}

.rmk2 {
	font-weight : 900;
	color : #003366;
}

.express {
	font-weight : 900;
	color : #660000;
}

.critical {
	font-weight : 900;
	color : #FF0000;
}

.menutitle {
	font-size : 10pt;
	font-weight : 900;
	color : #000066;
}

.menu {
	font: 8pt Helvetica, Arial, sans-serif;
	vertical-align: middle;
	padding : 2px;
}

.menu:Link { text-decoration: none; color: #003399;}
.menu:Visited { text-decoration: none; color: #003399;}
.menu:Active { text-decoration: none; color: #003399;}
.menu:Hover { text-decoration: none; background-color: #e0e0e0; }
td:Hover.menu { text-decoration: none; background-color: #e0e0e0; font-weight: bold; }

.detailtext {
	color : #660000;
	font-size : 8pt;
	vertical-align : top;
/*	height: 30;  */
}

.detaildata {
	color : #000066;
	font-size : 8pt;
	vertical-align : top;
}

.warning {
	font-size : 12pt;
	color : #ff0000;
	text-align : center;
	padding-top : 5;
	padding-bottom : 5;
}

.mandatory {
	background-color : #fffff0;
}

.summary {
	border-bottom: 1px solid #333333;
}