/* GLOBAL
-------------------------------------------------------------------- */
body { 
	margin: 0;
	padding: 0;
	text-align: left;
	background: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	}

img {
	border: 0
	}

form {
	margin: 0;
	padding: 0;
	}

fieldset, legend {
	border: none;
	}

hr {
	border: none 0;
	border-top: 1px solid #666666;
	width: 100%;
	height: 1px;
	padding-top: 5px;
	margin-bottom: 5px;
	}

.req {
	font-size: 11px;
	color: #ec9a10;
	font-weight: normal;
	}

#printTitle {
	margin: 0;
	padding: 0;
	display: none;
	}


/* STRUCTURE
-------------------------------------------------------------------- */
#wrapper {
	width: 750px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #333333;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 0;
	}

#wrapper #head {
	width: 750px;
	height: 88px;
	background: url(/capd/imgs/bg_head.jpg) no-repeat left top;
	border-bottom: 1px solid #333333;
	position: relative;
	margin: 0;
	padding: 0;
	}

#wrapper #head .nav {
	position: absolute;
	top: 70px;
	left: 0;
	width: 750px;
	height: 19px;
	margin: 0;
	padding: 0;
	}
#wrapper #head .nav ul.main {
	float: left;
	list-style: none;
	display: inline;
	margin: 0 0 0 4px;
	padding: 0;
	}
#wrapper #head .nav ul.main li {
	font-size: 13px;
	font-weight: bold;
	display: inline;
	border-right: 1px solid #91bc91;
	padding: 0 14px 0 12px;
	}
* html #wrapper #head .nav ul.main li { /* IE6 */
	padding: 0 10px 0 12px;
	}
*:first-child+html #wrapper #head .nav ul.main li { /* IE7 */
	padding: 0 10px 0 12px;
	}
#wrapper #head .nav ul.main li.last, #wrapper #head .nav ul.util li.last {
	border: none;
	}
#wrapper #head .nav ul.main li.on a, #wrapper #head .nav ul.util li.on a {
	color: #294915;
	text-decoration: none;
	}
	#wrapper #head .nav ul.main li a, #wrapper #head .nav ul.util li a {
	color: #ffffff;
	text-decoration: none;
	}
	#wrapper #head .nav ul.main li a:hover, #wrapper #head .nav ul.util li a:hover {
	color: #294915;
	text-decoration: none;
	}

#wrapper #head .nav ul.util {
	float: right;
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	}
#wrapper #head .nav ul.util li {
	font-size: 11px;
	font-weight: bold;
	display: inline;
	border-right: 1px solid #91bc91;
	padding: 0 14px 0 8px;
	}
* html #wrapper #head .nav ul.util li { /* IE6 */
	padding: 0 10px 0 8px;
	}
*:first-child+html #wrapper #head .nav ul.util li { /* IE7 */
	padding: 0 10px 0 8px;
	}

#wrapper #content {
	margin: 0;
	padding: 25px 15px 20px 15px;
	}


/* BASICS / home
-------------------------------------------------------------------- */
#home {
	margin: 0 0 10px 0;
	padding: 0;
	}
#home .left {
	float: left;
	width: 350px;
	margin: 0;
	padding: 0;
	}
	#home .left a {
	color: #2222ff;
	text-decoration: underline;
	}
	#home .left a:hover {
	color: #294915;
	text-decoration: underline;
	}
#home .left h1 {
	font-size: 20px;
	line-height: 18px;
	font-weight: normal;
	color: #336600;
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
	}
#home .left h2 {
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #cc9933;
	margin: 15px 0 10px 0;
	padding: 0;
	}
#home .left p.intro {
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	margin: 0 0 20px 0;
	padding: 0;
	}
#home .left ol {
	margin: 0 0 10px 30px;
	padding: 0;
	}
#home .left ol li {
	margin: 0 0 5px 0;
	padding: 0;
	}

#home .right {
	float: right;
	width: 330px;
	margin: 0;
	padding: 0;
	}
#home .right p.arrow {
	background: url(/capd/imgs/icon_arrow.gif) no-repeat 0 50%;
	padding: 0 0 0 30px;
	}
p.arrow { /* u/capd.record.view */
	background: url(/capd/imgs/icon_arrow.gif) no-repeat left top;
	padding: 0 0 0 30px;
	}
table.dataTable p.arrow {
	height: 23px;
	background: url(/capd/imgs/icon_arrow.gif) no-repeat;
	margin: 4px 0 0 0;
	padding: 5px 0 0 30px;
	}

table.login {
	margin: 0 0 0 10px;
	padding: 0;
	}


/* BASICS
-------------------------------------------------------------------- */
h1 {
	font-size: 20px;
	line-height: 18px;
	font-weight: normal;
	color: #336600;
	border-bottom: 1px solid #336600;
	margin: 0 0 20px 0;
	padding: 0 0 2px 0;
	}
h2 {
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #cc9933;
	margin: 20px 0 15px 0;
	padding: 0;
	}
h3 {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #cc9933;
	margin: 10px 0 0 0;
	padding: 0;
	}
p {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #000000;
	margin: 0 0 10px 0;
	padding: 0;
	}
	p a {
	color: #2222ff;
	text-decoration: underline;
	}
	p a:hover {
	color: #294915;
	text-decoration: underline;
	}	

#content ul {
	list-style-type: none;
	margin: 0 0 10px 10px;
	padding: 0;
	}
#content ul li {
	line-height: 18px;
	background: url(/capd/imgs/bullet.gif) no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	}

div.h1Actions {
	width: 720px;
	height: 20px;
	border-bottom: 1px solid #336600;
	margin: 0 0 12px 0;
	padding: 0;
	clear: right;
	}
div.h1Actions h1 {
	float: left;
	font-size: 20px;
	line-height: 18px;
	font-weight: normal;
	color: #336600;
	border: none;
	margin: 0;
	padding: 0;
	}
div.h1Actions .action {
	float: right;
	margin: 0;
	padding: 2px 0 0 0;
	}
	div.h1Actions .action a {
	color: #2222ff;
	text-decoration: underline;
	}
	div.h1Actions .action a:hover {
	color: #294915;
	text-decoration: underline;
	}
h2 span.action {
	font-size: 11px;
	margin: 0;
	padding: 0;
	}
	h2 span.action a {
	color: #2222ff;
	text-decoration: underline;
	}
	h2 span.action a:hover {
	color: #294915;
	text-decoration: underline;
	}

div.back {
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	}
	div.back a {
	color: #2222ff;
	text-decoration: underline;
	}
	div.back a:hover {
	color: #294915;
	text-decoration: underline;
	}	


/* BASICS / modules
-------------------------------------------------------------------- */
div.mod {
	float: right;
	width: 275px;
	background: #f0e0c1;
	margin: 0 0 15px 0;
	padding: 10px;
	}
div.mod p {
	margin: 0 0 5px 0;
	padding: 0;
	}
div.mod p.msg {
	color: #333333;
	font-weight: bold;
	}
div.mod p.attn {
	color: #993333;
	}
div.mod p.print {
	background: url(/capd/imgs/icon_printer.gif) no-repeat;
	margin: 10px 0 7px 0;
	padding: 0 0 0 18px;
	}
div.mod ul {
	list-style-type: none;
	margin: 0 0 10px 10px;
	padding: 0;
	}
div.mod ul li {
	line-height: 18px;
	background: url(/capd/imgs/bullet.gif) no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	}
	div.mod a {
	color: #2222ff;
	text-decoration: underline;
	}
	div.mod a:hover {
	color: #294915;
	text-decoration: underline;
	}	


/* BASICS / module home
-------------------------------------------------------------------- */
div.modHome {
	float: right;
	width: 330px;
	border: 1px solid #333333;
	margin: 0 0 15px 0;
	padding: 0;
	}
* html div.modHome {
	float: none;
	}
div.modHome .h1Actions {
	width: 330px;
	height: 20px;
	background: #669966;
	border-bottom: 1px solid #333333;
	margin: 0 0 12px 0;
	padding: 0;
	}	
div.modHome .h1Actions h1 {
	float: left;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #ffffff;
	border: none;
	margin: 0;
	padding: 2px 0 0 10px;
	}
div.modHome .h1Actions .action {
	float: right;
	margin: 0;
	padding: 2px 10px 0 0;
	}
	div.modHome .h1Actions .action a {
	color: #ffffff;
	text-decoration: underline;
	}
	div.modHome .h1Actions .action a:hover {
	color: #294915;
	text-decoration: underline;
	}
div.modHome ul {
	list-style-type: none;
	margin: 0 0 10px 10px;
	padding: 0;
	}
div.modHome ul li {
	line-height: 18px;
	background: url(/capd/imgs/bullet.gif) no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	}
	div.modHome a {
	color: #2222ff;
	text-decoration: underline;
	}
	div.modHome a:hover {
	color: #294915;
	text-decoration: underline;
	}	
div.modHome p {
	margin: 5px 10px 10px 10px;
	padding: 0;
	}


/* BASICS / steps
-------------------------------------------------------------------- */
div.steps {
	width: 720px;
	height: 26px;
	border: 1px solid #333333;
	margin: 0 0 15px 0;
	padding: 0;
	}
div.steps .box {
	float: left;
	height: 26px;
	background: #f0e0c1;
	border-right: 1px solid #333333;
	}
div.steps h3 {
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	margin: 0;
	padding: 4px;
	}
div.steps p {
	float: left;
	font-size: 15px;
	margin: 0;
	padding: 5px 0 0 15px;
	}


/* BASICS / tables
-------------------------------------------------------------------- */
table.dataTable {
	border-collapse: collapse;
	border: 1px solid #333333;
	margin: 20px 0 20px 0;
	padding: 0;
	}
	table.dataTable a {
	color: #2222ff;
	text-decoration: underline;
	}
	table.dataTable a:hover {
	color: #294915;
	text-decoration: underline;
	}
table.dataTable tr.header {
	background: #669966;
	}
table.dataTable tr.header h2 {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
table.dataTable th {
	color: #333333;
	text-align: left;
	background-color: #99cc99;
	border: 1px solid #333333;
	padding: 2px 0 2px 10px;
	}	
table.dataTable td {
	border: 1px solid #333333;
	margin: 0;
	padding: 4px 4px 4px 10px;
	}
table.dataTable div.action {
	float: left;
	font-size: 12px;
	padding: 1px 0 0 15px;
	}
	table.dataTable div.action a {
	color: #ffffff;
	text-decoration: underline;
	}
	table.dataTable div.action a:hover {
	color: #294915;
	text-decoration: underline;
	}

table.form {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	}
table.form th {
	color: #666666;
	text-align: left;
	}
table.form td {
	margin: 0;
	padding: 5px;
	}

table.view {
	border-collapse: collapse;
	margin: 0 0 15px 0;
	padding: 0;
	}
table.view th {
	color: #666666;
	text-align: left;
	padding: 5px;
	}
table.view tr {
	border-bottom: 1px dotted #cc9933;
	}
table.view td {
	margin: 0;
	padding: 5px;
	}

table.narrow {
	border-collapse: collapse;
	width: 60%;
	margin: 0;
	padding: 0;
	}

table.contact {
	border-collapse: collapse;
	margin: 0 0 10px 0;
	padding: 0;
	}
table.contact td {
	margin: 0;
	padding: 0 0 7px 0;
	}
table.contact p {
	margin: 0 0 5px 0;
	padding: 0;
	}


div.check td {
	margin: 0;
	padding: 0 0 15px 0;
	}

span.notcomp {
	color: #993333;
	}


/* ADDED BY MIRO FOR PROFILE VIEW
-------------------------------------------------------------------- */
/* MY PROFILE */
#myProfile {
	width: 720px;
	height: auto;
	margin: 0;
	padding: 0;
	}

#myProfile .box {
	width: 250px;
	height: auto;
	margin: 0 5px 5px 0;
	padding: 5px;
	float: left;
	border: 1px solid #e2e2e2;
	}

#myProfile .box .action {
	font-size: 12px;
	border: 1px solid #e2e2e2;
	margin: 0 5px 0 0;
	padding: 2px;
	float: right;
	}
	
#myProfile .box .content {
	width: 230px;
	height: auto;
	margin: 0;
	padding: 10px 10px 10px 10px;
	}