
/* Links */

A {
    color: #0000CC;
    text-decoration: none;
}

A.white {
    color: #FFFFFF;
}

A.white:visited {
    color: #FFFFFF;
}

A:hover {
    text-decoration: underline;
}

A:visited {
    color: #0000CC;
}


/* Page objects */

form {
    margin: 0px;
    padding: 0px;
}

h1, .h1 {
    font-family: verdana, sans-serif;
    font-size: 12pt;
    font-weight: bold;
}

h2, .h2 {
    font-family: verdana, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

h3, .h3 {
    font-family: verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

body {
	background-color: #EFEFEF;
}

html, body, p {
    font-family: verdana, sans-serif;
    font-size: 8pt;
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
}

image {
    border: 0;
}

input[type=text] {
    background-color: #FFF;
    border: 1px solid #666;
    font-family: verdana, sans-serif;
    font-size: 8pt;
    margin: 1px;
    padding: 2px;
}

select {
    background-color: #FFF;
    border: 1px solid #666;
    font-family: verdana, sans-serif;
    font-size: 8pt;
    margin: 0;
    padding: 2px;
}

ul {
    margin: 0;
}

.btn {
    background-color: #DFDFDF;
    border: 1px solid #999;
    cursor: pointer;
    margin: 2px;
    padding: 2px 5px 2px 5px;
}

.btn:hover {
	background-color: #C0C0C0;
}


/* Borders */

.bdrBlk1		{ border: 1px solid black; }
.bdrGry1		{ border: 1px solid #999; }
.bdrWht1		{ border: 1px solid white; }
.bdrWht2		{ border: 2px solid white; }

.bdrShd			{ border-left: 1px solid white;
				  border-top: 1px solid white;
				  border-right: 2px solid #666;
				  border-bottom: 2px solid #666; }

.bdrBotGry1		{ border-bottom: 1px solid #999; }

.bdrLftDot1		{ border-left: 1px dotted #999; }

.bdrTopGry1		{ border-top: 1px solid #999; }

.divLeft		{ border-left: 1px dotted #999; padding-left: 20px; }


/* Background colors */

.bgBlue			{ background-color: #CCCCFF; }
.bgDkGray		{ background-color: #999; }
.bgDkYel		{ background-color: #BB0; }
.bgGray			{ background-color: #DFDFDF; }
.bgRed			{ background-color: #FCC; }
.bgYel			{ background-color: yellow; }
.bgWht			{ background-color: #FFF; }


/* Display */

.hid			{ display: none; }


/* Foreground colors */

.fgBlue			{ color: #009; }
.fgDkGray		{ color: #666; }
.fgGray			{ color: #999; }
.fgGrn			{ color: #007700; }
.fgRed			{ color: #CC0000; }
.fgWht			{ color: white; }


/* Fonts */

.bold			{ font-weight: bold; }
.ctr			{ text-align: center; }
.flclr			{ clear: both; }
.fllft			{ float: left; }
.flrgt			{ float: right; }
.italic			{ font-style: italic; }
.left			{ text-align: left; }
.notbold		{ font-weight: normal; }
.nowrap			{ white-space: nowrap; }
.rgt			{ text-align: right; }
.sm				{ font-size: 7pt; }
.vbot			{ vertical-align: bottom; }
.vmid			{ vertical-align: middle; }
.vtop			{ vertical-align: top; }
.wrap			{ white-space: normal; }
.xval			{ font-family: serif; font-weight: bold; }


/* Margins */

.m0				{ margin: 0; }
.m2				{ margin: 2px; }
.m5				{ margin: 5px; }
.m10			{ margin: 10px; }
.m15			{ margin: 15px; }
.m20			{ margin: 20px; }
.m30			{ margin: 30px; }

.mb0			{ margin-bottom: 0; }
.mb5			{ margin-bottom: 5px; }
.mb10			{ margin-bottom: 10px; }
.mb15			{ margin-bottom: 15px; }
.mb20			{ margin-bottom: 20px; }
.mb25			{ margin-bottom: 25px; }
.mb30			{ margin-bottom: 30px; }

.ml0			{ margin-left: 0; }
.ml5			{ margin-left: 5px; }
.ml10			{ margin-left: 10px; }
.ml15			{ margin-left: 15px; }
.ml20			{ margin-left: 20px; }
.ml25			{ margin-left: 25px; }
.ml30			{ margin-left: 30px; }

.mr0			{ margin-right: 0; }
.mr5			{ margin-right: 5px; }
.mr10			{ margin-right: 10px; }
.mr15			{ margin-right: 15px; }
.mr20			{ margin-right: 20px; }
.mr25			{ margin-right: 25px; }
.mr30			{ margin-right: 30px; }

.mt0			{ margin-top: 0; }
.mt5			{ margin-top: 5px; }
.mt10			{ margin-top: 10px; }
.mt15			{ margin-top: 15px; }
.mt20			{ margin-top: 20px; }
.mt25			{ margin-top: 25px; }
.mt30			{ margin-top: 30px; }


/* Padding */

.p0				{ padding: 0; }
.p2				{ padding: 2px; }
.p5				{ padding: 5px; }
.p10			{ padding: 10px; }
.p20			{ padding: 20px; }

.pb5			{ padding-bottom: 5px; }
.pb10			{ padding-bottom: 10px; }

.pl0			{ padding-left: 0; }
.pl5			{ padding-left: 5px; }
.pl10			{ padding-left: 10px; }
.pl15			{ padding-left: 15px; }
.pl20			{ padding-left: 20px; }
.pl30			{ padding-left: 30px; }

.pr0			{ padding-right: 0; }
.pr5			{ padding-right: 5px; }
.pr10			{ padding-right: 10px; }
.pr15			{ padding-right: 15px; }
.pr20			{ padding-right: 20px; }
.pr30			{ padding-right: 30px; }

.pt0			{ padding-top: 0; }
.pt2			{ padding-top: 2px; }
.pt5			{ padding-top: 5px; }
.pt10			{ padding-top: 10px; }
.pt15			{ padding-top: 15px; }
.pt20			{ padding-top: 20px; }


/* Miscellaneous */

#add_provisional {
    border-bottom: 1px solid #999;
    display: none; margin-top: 5px;
    margin-bottom: 10px;
    padding: 5px;
}

#ajaxError {
    background: #FCC;
    border: 2px solid #900;
    color: #C33;
    display: none;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    white-space: normal;
}

.debug {
	background-color: #DFFFFF;
	border: 1px solid #999;
	margin: 5px;
	padding: 5px;
	text-align: left;
}

.error {
    background: #FCC;
    border: 2px solid #900;
    color: #CC3333;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    white-space: normal;
}

.imgDiv {
    height: 8px;
    margin-left: 3px;
    margin-right: 3px;
    width: 8px;
}

.query {
    border: 1px solid gray;
    padding: 5px;
    font-size: 8pt;
    text-align: left;
    margin: 5px;
    white-space: normal;
}

.tooltip {
    background: transparent url(images/tooltip.png);
    color: black;
    delay: 0;
    display: none;
    font-size: 8pt;
    height: 170px;
    padding: 25px;
    predelay: 1000;
    width: 320px;
}


/* Header/Footer */

.footer {
    background-color: #DFDFDF;
    border-top: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 3px;
    text-align: center;
}

.hdrBdr {
    border-top: 1px dotted #AFAFAF;
}

.hdrBtn {
	height: 12px;
	width: 12px;
}

.hdrDiv {
	background-color: #D6D6D6;
	border-bottom: 1px solid #666;
	margin: 0;
	margin-bottom: 5px;
	padding: 5px;
	width: 99%;
}

.hdrDiv table {
	width: 100%;
}

.hdrLSS {
	float: left;
}

.hdrTbl {
	width: 100%;
}

.hdrTblDiv {
	border-top: 1px solid #EFEFEF;
	padding-top: 2px;
}

.hdrTblDiv2 {
	background-color: #EFEFEF;
	border-top: 1px solid #999;
	padding-top: 2px;
}

.hdrTop {
	background-color: #666;
	padding-left: 10px;
	padding-right: 10px;
}

.hdrTopC {
	text-align: center;
	width: 100%;
}

.hdrTopL {
	float: left;
}

.hdrTopR {
	float: right;
}

.pageTitle {
    width: 100%;
}

.pageTitleDescr {
    background-color: #F6F6F6;
    border: 1px dotted #C0C0C0;
    font-style: italic;
    margin-bottom: 10px;
    padding: 3px;
    white-space: normal;
    width: 80%;
}

.pageTitleLeft {
    border-right: 1px dotted #666666;
    padding-right: 10px;
    text-align: right;
    vertical-align: top;
    white-space: normal;
    width: 50%;
}

.pageTitleRight {
    padding-left: 10px;
    vertical-align: top;
    white-space: normal;
    width: 50%;
}

.topLink, .topLinkCur {
	background-color: #D6D6D6;
	border: 1px solid #999;
	cursor: pointer;
	float: left;
	margin: 0 2px 2px 2px;
	padding: 1px 3px 1px 3px;
	white-space: nowrap;
}

.topLinkCur {
	background-color: #FF9;
}

.topLink:hover {
	background-color: #C0C0C0;
}


/* Table */

.jsTable		{ background-color: #666666; }
.jsTableHdr		{ background-color: #DFDFDF; }
.jsTableHdr th	{ padding-bottom: 2px; padding-top: 2px; }
.jsTableHdrClk	{ text-decoration: underline; }
.jsTableHdrOver	{ background-color: #CFFFFF; }
.jsTableRow		{ background-color: #FFFFFF; }
.jsTableRowHi	{ background-color: #CFFFCF; }
.jsTableRowOver	{ background-color: #CCFFFF; }
.jsTableRowSel	{ background-color: #FFCC66; }

.qTbl			{ background-color: #666666; margin-top: 5px; }
.qTbl td th		{ font-size: 7pt; }
.qTblHdr		{ background-color: #DFDFDF; }
.qTblRow		{ background-color: #FFFFFF; }

td {
    font-family: verdana, sans-serif;
    font-size: 8pt;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    white-space: nowrap;
}

th {
    font-family: verdana, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    white-space: nowrap;
}


.wp50			{ width: 50%; }
.wp90			{ width: 90%; }
.wp100			{ width: 100%; }
