/* 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: 14px;
	font-weight: bold;
	color: #ff0000;
	}

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


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

#wrapper #head {
	width: 943px;
	height: 88px;
	background: url(/mpstudy/imgs/header_bg.jpg) repeat-x;
	border-bottom: 1px solid #333333;
	position: relative;
	margin: 0;
	padding: 0;
	}

#wrapper #head p.title {
	position: absolute;
	top: 28px;
	left: 225px;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 0;
	}

#wrapper #head .util {
	position: absolute;
	top: 5px;
	right: 0;
	width: 943px;
	height: 19px;
	margin: 0;
	padding: 0;
	}
#wrapper #head .util ul {
	float: right;
	list-style: none;
	display: inline;
	margin: 4px 0 0 0;
	padding: 0;
	}
#wrapper #head .util ul li {
	font-size: 11px;
	font-weight: normal;
	display: inline;
	padding: 0 14px 0 0;
	}
#wrapper #head .util ul li.on a {
	color: #0d3e77;
	text-decoration: none;
	}
	#wrapper #head .util ul li a {
	color: #ffffff;
	text-decoration: none;
	}
	#wrapper #head .util ul li a:hover {
	color: #1b66bd;
	text-decoration: none;
	}

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

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


/* BASICS / home
-------------------------------------------------------------------- */
#home {
	margin: 0 0 10px 0;
	padding: 0;
	}
#home .left {
	float: left;
	width: 520px;
	margin: 0;
	padding: 0;
	}
	#home .left a {
	color: #0d3e77;
	text-decoration: underline;
	}
	#home .left a:hover {
	color: #1b66bd;
	text-decoration: underline;
	}
#home .left h1 {
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	color: #359236;
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
	}
#home .left h2 {
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #359236;
	border: none;
	margin: 20px 0 5px 0;
	padding: 0;
	}
#home .left p.intro {
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	margin: 0 0 7px 0;
	padding: 0;
	}

#home .right {
	float: right;
	width: 330px;
	margin: 0;
	padding: 0;
	}
#home .right .mod {
	float: right;
	width: 330px;
	border: 1px solid #333333;
	margin: 0 0 15px 0;
	padding: 0;
	}
#home .right .mod h1 {
	font-size: 15px;
	line-height: 17px;
	font-weight: normal;
	color: #6e6e6f;
	background: #dae1ea;
	border-bottom: 1px solid #333333;
	margin: 0 0 10px 0;
	padding: 1px 0 1px 10px;
	}
#home .right .mod h2 {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #359236;
	margin: 10px 10px 5px 10px;
	padding: 0;
	}
#home .right .mod p {
	margin: 0 10px 5px 10px;
	padding: 0;
	}
#home .right .mod p.submit {
	font-size: 14px;
	text-align: center;
	margin: 5px 0 10px 0;
	padding: 0;
	}
#home .right .mod ul {
	list-style-type: none;
	margin: 0 0 10px 15px;
	padding: 0;
	}
#home .right .mod ul li {
	line-height: 18px;
	background: url(/mpstudy/imgs/bullet.gif) no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 7px;
	}
	#home .right .mod a {
	color: #0d3e77;
	text-decoration: underline;
	}
	#home .right .mod a:hover {
	color: #1b66bd;
	text-decoration: underline;
	}	


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

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

#content ol {
	margin: 0 0 10px 30px;
	padding: 0;
	}
#content ol li {
	line-height: 18px;
	margin: 0 0 5px 0;
	padding: 0;
	}

div.h1Actions {
	width: 912px;
	height: 20px;
	border-bottom: 1px solid #336600;
	margin: 0 0 12px 0;
	padding: 0;
	}	
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;
	}

div.back {
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	}
	div.back a {
	color: #0d3e77;
	text-decoration: underline;
	}
	div.back a:hover {
	color: #1b66bd;
	text-decoration: underline;
	}	


/* BASICS / modules
-------------------------------------------------------------------- */
div.mod {
	float: right;
	width: 330px;
	border: 1px solid #333333;
	margin: 0 0 10px 20px;
	padding: 0;
	clear: right;
	}
div.mod h1 {
	font-size: 15px;
	line-height: 17px;
	font-weight: normal;
	color: #6e6e6f;
	background: #dae1ea;
	border-bottom: 1px solid #333333;
	margin: 0 0 10px 0;
	padding: 1px 0 1px 10px;
	}
div.mod p {
	margin: 0 10px 10px 10px;
	padding: 0;
	}
div.mod p.msg {
	color: #333333;
	font-weight: bold;
	}
div.mod p.print {
	background: url(/mpstudy/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(/mpstudy/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: #1b66bd;
	text-decoration: underline;
	}	


/* BASICS / steps
-------------------------------------------------------------------- */
div.steps {
	width: 912px;
	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 a {
	color: #0d3e77;
	text-decoration: underline;
	}
table a:hover {
	color: #1b66bd;
	text-decoration: underline;
	}	

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;
	}

table.schedule {
	border-collapse: collapse;
	margin: -20px 0 0 0;
	padding: 0;
	}
table.schedule h2 {
	margin: 20px 0 0 0;
	padding: 0;
	}
table.schedule tr {
	border-bottom: 1px dotted #999999;
	}
table.schedule td {
	margin: 0;
	padding: 4px 10px 4px 0;
	}

table.resgroup {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	}
table.resgroup h2 {
	margin: 20px 0 0 0;
	padding: 0;
	}
table.resgroup tr {
	border-bottom: 1px dotted #999999;
	}
table.resgroup td {
	margin: 0;
	padding: 4px 10px 4px 0;
	}

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

table.feedback {
	border-collapse: collapse;
	margin: 20px 0 0 0;
	padding: 0;
	}
table.feedback td {
	margin: 0;
	padding: 7px 10px 7px 0;
	}

table.hearing {
	width: 540px;
	margin: 0;
	padding: 0 0 10px 0;
	}
table.hearing hr {
	border: none 0;
	border-top: 1px dotted #999999;
	width: 100%;
	height: 1px;
	padding-top: 5px;
	margin-bottom: 5px;
	}
table.hearing td {
	margin: 0;
	padding: 7px 0 7px 0;
	}



/* ADDED BY MIRO FOR PROFILE VIEW
-------------------------------------------------------------------- */
/* MY PROFILE */
#myProfile {
	width: 570px;
	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;
	background-color: #ffffff;
	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;
	}