/* portal style sheet. Also used in registration and profiles.  */

.portal {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin:1em 1em 1em 0;
	font-size:.9em;
	padding:0;}
.portal p, .portal li {font-size:1em;}

.portal label, .portal legend {font-weight:bold;}
.portal textarea {margin:0 0 1em 0;}
.portal input {margin:.5em 1em 0 1em;}
.portal label, .portal select {margin:.5em 0 0 0;}
.portal fieldset.subfieldset label{font-weight:normal; font-style:normal;}
div.clear {clear:both;}
.portal dt {font-weight:bold;}
.portal dd {margin:0; padding:0;}

/* for activities */
.portal input.submit {margin:.5em 0 0 1em; padding:0 .25em;}
.portal input.answerCheck {
	font:1.2em bold ;
	background-color:#99cc00;
	color:#000000;
	display:block;
	margin:1em 0 1em 0;}

.portal div.answer {margin:0 0 1em 0; padding:0 1.5em;}
.portal div.answer dt{font-weight:bold; margin-top:.5em;}
.portal div.answer dd{margin:0; padding:.2em 0 0 1em;}

.portal p.question {font-weight:bold;}
	
/* for login */
div.registration {	float:left;	padding: 0 0 2em 1em; width: 40%;}
div.login {	float:left;	width: 50%; padding: 0 1em 2em 0;}
div.login input {margin:.5em 0 1em 0; padding:0;}
div.registration img {display:block; text-align:center; padding: 0 0 1em 0 ;}
div.registration p, div.login p {margin: 0 2.5em;}
div.registration a {border: 0; }

/* for lifemap */
.portal .imageholder {float:right; margin-left:6px;  margin-top:1em;}
.portal .imageholder img {text-align:right;}
.portal dl.fauxform dt {font-weight:bold; float:left; margin:0 1em 0 0;}
.portal dl.fauxform dd dl {clear:both;}
.portal .imageWide p {padding-right:145px;}
.portal .imageThin p {padding-right:100px;}
.portal .fieldsetHasImage img {float:right;}

/*tables */
.portal table {
	margin:1em 0;
	padding:0;
	width:100%;
	border:10px solid;
	width:100%;
	border-collapse:collapse;}
.portal table tbody {border:2px solid;}
.portal table th, .portal table td {border:1px solid;}
.portal table th {font-weight:bold; text-align:center; }
.portal table input {margin:0; padding:0;}
.portal table th.rank {width:8%;}
.portal table th.long {text-align:left; font-weight:normal;}
.portal table caption {margin:2em 0 0 0; padding:0; font-size:1.1em; font-weight:bold; text-align:left;}
.portal table th a:visited {color: #000099;}

/*fieldsets */
.portal fieldset {border:10px solid; margin:1em 0; padding:1em;}
.portal fieldset legend {font-size:1.5em;}
.portal fieldset fieldset, .portal fieldset table {border:2px solid;}
.portal fieldset fieldset legend {	font-size:1em;}
.portal fieldset fieldset fieldset, .portal fieldset fieldset table{border:1px solid;}

/*fieldset0 is for fieldsets where we don't want to display the fieldset box. Colors default to black*/
.portal fieldset.fieldset0, .portal fieldset.fieldset0 fieldset, .portal table.fieldset0, .portal table.fieldset0 tbody, .portal table.fieldset0 th, .portal table.fieldset0 td { border-color:#FFFFCC; }
.portal .fieldset0 legend, .portal table.fieldset0 caption{color:#000000;}

/* fieldset[1-7] are for different colors, these colors were set initially by the life map and match the colors of the images used there*/
/*.portal table th.True[1-7] is for sortable tables */
/* dark blue */
.portal .fieldset1, .portal .fieldset1 fieldset, .portal .fieldset1 table, .portal .fieldset1 tbody, .portal .fieldset1 th, .portal .fieldset1 td {border-color:#003366;}
.portal .fieldset1 legend, .portal .fieldset1 caption {color:#003366;}
.portal table th.True1, .portal table td.True1 {background-color:#99CCFF;}
.portal table th.True1 a {color:#000000; cursor:pointer; cursor: hand; text-decoration:none;}

/* green */
.portal .fieldset2, .portal .fieldset2 fieldset, .portal .fieldset2 table, .portal .fieldset2 tbody, .portal .fieldset2 th, .portal .fieldset2 td {border-color:#3d6531;}
.portal .fieldset2 legend, .portal .fieldset2 caption {color:#3d6531;}
.portal table th.True2, .portal table td.True2 {background-color:#99cc66;}
.portal table th.True2 a {color:#000000; cursor:pointer; cursor: hand; text-decoration:none;}

/* purple */
.portal .fieldset3, .portal .fieldset3 fieldset, .portal .fieldset3 table, .portal .fieldset3 tbody, .portal .fieldset3 th, .portal .fieldset3 td {border-color:#993399;}
.portal .fieldset3 legend, .portal .fieldset3 caption {color:#993399;}
.portal table th.True3, .portal table td.True3 {background-color:#FFCCFF;}
.portal table th.True3 a {color:#000000; cursor:pointer; cursor: hand; text-decoration:none;}

/* red */
.portal .fieldset4, .portal .fieldset4 fieldset, .portal .fieldset4 table, .portal .fieldset4 tbody, .portal .fieldset4 th, .portal .fieldset4 td {border-color:#993333;}
.portal .fieldset4 legend, .portal .fieldset4 caption {color:#993333;}
.portal table th.True4, .portal table td.True4 {background-color:#FFCCCC;}
.portal table th.True4 a {color:#000000; cursor:pointer; cursor: hand; text-decoration:none;}

/* bright blue */
.portal .fieldset5, .portal .fieldset5 fieldset, .portal .fieldset5 table, .portal .fieldset5 tbody, .portal .fieldset5 th, .portal .fieldset5 td {border-color:#0067CD;}
.portal .fieldset5 legend, .portal .fieldset5 caption {color:#0067CD;}
.portal table th.True5, .portal table td.True5 {background-color:#99CCFF;}
.portal table th.True5 a {color:#000000; cursor:pointer; cursor: hand; text-decoration:none;}

/*orange */
.portal .fieldset6, .portal .fieldset6 fieldset, .portal .fieldset6 table, .portal .fieldset6 tbody, .portal .fieldset6 th, .portal .fieldset6 td {border-color:#FE9600;}
.portal .fieldset6 legend, .portal .fieldset6 caption {color:#FE9600;}
.portal table th.True6, .portal table td.True6 {background-color:#FFCC99;}
.portal table th.True6 a {color:#000000; cursor:pointer; cursor: hand; text-decoration:none;}

/* pink */
.portal .fieldset7, .portal .fieldset7 fieldset, .portal .fieldset7 table, .portal .fieldset7 tbody, .portal .fieldset7 th, .portal .fieldset7 td {border-color:#CC3366;}
.portal .fieldset7 legend, .portal .fieldset7 caption {color:#CC3366;}
.portal table th.True7, .portal table td.True7 {background-color:#FF99CC;}
.portal table th.True7 a {color:#000000; cursor:pointer; cursor: hand; text-decoration:none;}

/* sample gray rubber stamp for /youth/ pages */
.samplestamp {color:#C0C0C0; font-style: italic;}

/* 'GO' submit button */
form input.go {margin:0; padding:0; width:36px; height:36px; border:none; vertical-align:middle; position:relative; top:-2px; cursor:pointer;}