/* ************************************************** 
 * Declare the encoding for this stylesheet 
 * **************************************************  */
@charset "ISO-8859-15";

/* ************************************************** 
 * Styles for debug output 
 * **************************************************  */
.debug_output {
    font-family: fixed-width;
    position: absolute;
    left: 0px;
    top: 1000px;
    padding-left: 20px;
    background-color: pink;
}

/* ************************************************** 
 * Styles for HTML elements 
 * **************************************************  */
HTML {
    margin: 0px;
    padding: 0px;
}
BODY {
    color: #404040;
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11pt; 
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}

A:link,A:active,A:visited { 
    color : #C60021;
    text-decoration: none;
}

A:hover	{ 
    text-decoration: underline; 
    color : #DD6900; 
}

P {
    text-align: justify;
}
/* **************************************************  */


/* ************************************************** 
 * Styles common to all pages 
 * **************************************************  */
#content_header {
    position: absolute;
    left: 0px;  
    top: 0px;
    height: 100px;
    width: 100%;
    text-align: right;
    padding: 0px; 
    margin: 0px;
}
#content_body {
    position: absolute;
    left: 0px;  
    top: 100px;
    width: 100%;
    height: 90%;
    padding: 0px; 
    margin: 0px;
}
#language_form {
    margin: 5px;
    padding: 5px;
    vertical-align: center;
    border-style: solid;
    border-color: #00288D;
    border-width: 0px 20px 1px 0px;
}
#croga_logo {
    float: left;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}
.content_title {
    font-size: 150%;
    font-variant: small-caps;
    font-family: Verdana, Arial, Sans-serif;
}
.paragraph_header {
    border-style: solid;
    border-color: #000000;
    color: #F0F0F0;
    border-width: 0px 0px 1px 0px;
    margin: 20px 1px 10px 1px;
    padding: 5px 5px 1px 0px;
    text-align: left;
    color: #003366;
    font-family: Verdana,Arial,Helvetica,Sans-serif;
    font-size: 125%;
}
.paragraph_header A {
    color: blue;
}
/* **************************************************  */


/* ************************************************** 
 * Styles for the welcome page 
 * **************************************************  */
#welcome_page_left_content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 25%;
    height: 90%;
    padding: 70px 10px 10px 10px;
}
#welcome_page_main_content{
    position: absolute;
    left: 27%;
    top: 0px;
    padding: 10px;
    margin: 0px;
    border-width: 0px 0px 0px 0px;
    border-style: dashed;
    border-color: #000000;
}
#welcome_page_logo {
    float: left;
    margin: 0px;
    padding: 0px 20px 0px 0px;
    background: #FFFFFF;
}
/* **************************************************  */


/* ************************************************** 
 * Styles for the disclaimer page 
 * **************************************************  */
#disclaimer_left_content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 215px;
    padding: 0px;
}
#disclaimer_main_content{
    position: absolute;
    left: 230px;
    top: 0px;
    padding: 0px;
    margin: 0px;
}
#disclaimer_logo_image {
}
#disclaimer_main_content P {
    font-size: 80%;
    font-family: courier, fixed-width;
    padding-right: 60px;
}
#disclaimer_title {
    font-weight: bold;
    font-size: 120%;
}
#disclaimer_form {
    margin: 0px;
    padding: 0px;
    float: right;
}
#disclaimer_form_container {
    padding: 5px;
    margin: 0px 20px 20px 0px;
    border-style: solid;
    border-color: #00288D;
    border-width: 0px 0px 1px 10px;
    height: 30px;
}
    
.disclaimer_form_button {
    font-family: verdana, arial, helvetica, sans-serif;
    margin: 1px;
    border-width: 1px;
    border-color: #FFFFFF;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
}
/* **************************************************  */


/* ************************************************** 
 * Styles for the goodbye page 
 * **************************************************  */
#goodbye_left_content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 215px;
    padding: 0px;
}
#goodbye_main_content{
    position: absolute;
    left: 230px;
    top: 0px;
    padding: 0px;
    margin: 0px;
}
#goodbye_logo_image {
}
/* **************************************************  */


/* ************************************************** 
 * Styles for the hub page 
 * **************************************************  */
#hub_left_content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 326px;
    padding: 0px;
    border-width: 0px;
    vertical-align: top;
}
#hub_main_content{
    position: absolute;
    left: 326px;
    top: 0px;
    padding: 0px 20px 0px 0px;
    border-width: 0px;
    margin: 0px;
}
#hub_logo_image {
}

#hub_howtouse_table TD {
	vertical-align: top;
	text-align: justify;
}
#hub_title {
    font-weight: bold;
    font-size: 120%;
}
.hub_resource_description_container {
    border-width: 0px; 
    margin: 30px 0px 30px 0px;
    padding: 0px;
}
.hub_number_img {
    float: left;
    padding: 0px;
    margin: 0px 10px 0px 0px; 
    border-width: 0px;
    background: #FFFFFF;
}
.area_tile_img {
    float: right;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    margin: 10px;
    padding: 0px;
}
.hub_resource_description_header {
    color: #F0F0F0;
    margin: 0px; 
    padding: 0px; 
    text-align: left;
    color: #003366;
    font-family: Verdana,Arial,Helvetica,Sans-serif;
    font-size: 180%;
}
.hub_resource_description_container P {
    padding: 5px 0px 0px 0px;
    margin: 0px;
    border-width: 0px;
}

/* **************************************************  */


/* ************************************************** 
 * Styles for the navigation bar 
 * **************************************************  */
#nav_bar {
    margin: 20px;
    padding: 0px;
    border-width: 0px;
    font-size: 80%;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    background-image: url(/images/arrows.jpg);
    background-repeat: repeat-y;
    background-position: top left;
}
#nav_bar_header {
    margin: 0px 0px 10px 0px;
    padding: 5px;
    background-color: #E0E0E0;
    border-width: 1px;
    border-color: #808080;
    border-style: solid;
    font-size: 110%;
    font-weight: bold;
    text-align: left;
    color: #003366;
}
#nav_bar_start_group {
    margin: 10px 10px 0px 30px;
    padding: 0px;
    border-width: 1px;
    border-color: #808080;
    border-style: dashed;
    background-color: #FFFFFF;
}
#nav_bar_education_group {
    margin: 30px 10px 0px 35px;
    padding: 0px;
    border-width: 1px;
    border-color: #808080;
    border-style: dashed;
    background-color: #FFFFFF;
}
#nav_bar_exploration_group {
    margin: 30px 10px 0px 35px;
    padding: 0px;
    border-width: 1px;
    border-color: #808080;
    border-style: dashed;
    background-color: #FFFFFF;
}
#nav_bar_selfhelp_group {
    margin: 30px 10px 0px 35px;
    padding: 0px;
    border-width: 1px;
    border-color: #808080;
    border-style: dashed;
    background-color: #FFFFFF;
}
#nav_bar UL {
    list-style-image: url(/images/bullet2.jpg);
    list-style-type: square;
}
#nav_bar LI {
    padding: 0px 0px 5px 0px;
}
#nav_bar A {
    color: #00288D;
}
#nav_bar A:visited {
    color: green;
}
#nav_bar A:hover {
    text-decoration: underline;
}
.nav_bar_number_img {
    float: right;
    border-width: 0px 0px 1px 1px;
    border-color: #808080;
    border-style: dashed;
}
.nav_bar_section_header {
    padding: 0px 0px 5px 10px;
    margin: 0px; 
    border-color: #808080;
    border-width: 0px 0px 0px 0px;
    border-style: dashed;
    font-weight: bold;
    font-size: 130%;
}
/* **************************************************  */


/* ************************************************** 
 * Styles for the feedback box
 * **************************************************  */
#feedback_container {
    margin: 5px;
    padding: 0px;
    border-width: 0px;
    border-color: #808080;
    border-style: solid;
}
#feedback_img {
    float: left;
    margin: 3px;
    padding: 0px;
    border-width: 1px;
    border-color: #808080;
    border-style: solid;
}
#feedback_form {
}
#feedback_form_textarea {
    font-family: verdana, arial, helvetica, sans-serif;
    margin: 1px;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    font-size: 10px;
    font-weight: normal;
    padding: 0px;
    margin: 5px;
}
#feedback_buttons_container {
}
.feedback_form_button {
    font-family: verdana, arial, helvetica, sans-serif;
    margin: 1px;
    border-width: 1px;
    border-color: #FFFFFF;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
}
/* **************************************************  */

/* ************************************************** 
 * Styles for the error page
 * **************************************************  */
#error_main_content {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px 20px 0px 20px;
    border-width: 0px;
    margin: 0px;
}
/* **************************************************  */

/* ************************************************** 
 * Styles for the feedback receipt
 * **************************************************  */
#feedback_main_content {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px 20px 0px 20px;
    border-width: 0px;
    margin: 0px;
}
.return_form_button {
    font-family: verdana, arial, helvetica, sans-serif;
    margin: 1px;
    border-width: 1px;
    border-color: #FFFFFF;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
}
/* **************************************************  */

/* ************************************************** 
 * Styles for the continue template 
 * **************************************************  */
#continue_container {
    padding: 0px;
    margin: 0px 20px 30px 0px;
    border-style: solid;
    border-color: #00288D;
    border-width: 0px 0px 0px 0px;
}
#continue_form {
    margin: 0px;
    padding: 0px;
	text-align: right;
	vertical-align: top;
}
#continue_form_img {
	border: none;
    margin: 0px;
    padding: 0px;
}
/* **************************************************  */


/* ************************************************** 
 * Styles for the education online page 
 * **************************************************  */
#edu_online_left_content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    padding: 0px;
    border-width: 0px;
    vertical-align: top;

}
#edu_online_main_content {
    position: absolute;
    left: 300px;
    top: 0px;
    padding: 0px 20px 0px 0px;
    border-width: 0px;
    margin: 0px;
}
.edu_online_website {
	margin: 10px 20px 20px 15px;
	padding: 0px;
}
.edu_online_website_link {
	margin: 5px 0px 3px 0px;
	padding: 0px;
	border-width: 0px 0px 1px 0px;
	border-color: grey;
	border-style: dashed;
}
.edu_online_website_description {
}
.edu_online_logo_img {
	border: none;
	margin: 0px;
	padding: 10px;
}
.edu_online_logo_img2 {
	float: right;
	background-color: #FFFFFF;
	border: none;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
/* **************************************************  */


/* ************************************************** 
 * Styles for the education offline page 
 * **************************************************  */
#edu_offline_left_content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    padding: 0px;
    border-width: 0px;
    vertical-align: top;

}
#edu_offline_main_content {
    position: absolute;
    left: 300px;
    top: 0px;
    padding: 0px 20px 0px 0px;
    border-width: 0px;
    margin: 0px;
}
.edu_offline_book_container {
	margin: 10px 20px 20px 15px;
	padding: 0px;
}
.book_name {
	margin: 5px 0px 3px 0px;
	padding: 0px;
	border-width: 0px 0px 1px 0px;
	border-color: grey;
	border-style: dashed;
	font-weight: bold;
}
.book_author {
	font-style: italic;
}
.book_publisher {
}
.edu_offline_logo_img {
	border: none;
	margin: 0px;
	padding: 10px;
}
.edu_offline_logo_img2 {
	float: right;
	background-color: #FFFFFF;
	border: none;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
/* **************************************************  */


/* ************************************************** 
 * Styles for the education legal page 
 * **************************************************  */
#edu_legal_left_content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    padding: 0px;
    border-width: 0px;
    vertical-align: top;

}
#edu_legal_main_content {
    position: absolute;
    left: 300px;
    top: 0px;
    padding: 0px 20px 0px 0px;
    border-width: 0px;
    margin: 0px;
}
.legal_container {
	margin: 15px 20px 30px 10px;
	padding: 10px 5px 20px 5px;;
	border-color: #C0C0C0;
	border-style: solid;
	border-width: 1px;
	background-color: #F3F3F3;
}
.legal_title {
	margin: 5px;
	padding: 0px;
	border-width: 0px 0px 1px 0px;
	border-color: grey;
	border-style: dashed;
	font-weight: bold;
}
.legal_image {
	border: none;
}
#edu_legal_logo_container {
	vertical-align: top;
	text-align: center;
}
.edu_legal_logo_img {
	border: none;
	margin: 10px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;

}

/* **************************************************  */
#selfhelp_left_content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    padding: 0px;
    border-width: 0px;
    vertical-align: top;

}
#selfhelp_main_content {
    position: absolute;
    left: 300px;
    top: 0px;
    padding: 0px 20px 0px 0px;
    border-width: 0px;
    margin: 0px;
}
.selfhelp_exercise_subheader {
    font-weight: bold;
    font-size: 110%;
}
#explorations_left_content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    padding: 0px;
    border-width: 0px;
    vertical-align: top;

}
#explorations_main_content {
    position: absolute;
    left: 300px;
    top: 0px;
    padding: 0px 20px 0px 0px;
    border-width: 0px;
    margin: 0px;
}

#exp_matrix_main_content {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px 20px 0px 0px;
    border-width: 0px;
    margin: 10px;
}
#exp_matrix_submit_container {
    text-align: right;
    margin: 5px;
}
#exp_home_logo_table td {
	vertical-align: top;
}
#exp_confused_man_logo {
	float left;
	padding: 10px;
}
#exp_ia_main_content {
	margin: 15px;
	padding: 5px;
}
#exp_ocs_main_content {
	margin: 15px;
	padding: 5px;
}
.exp_ia_answer_container {
	margin: 20px;
	text-align: center;
}
.exp_ia_answer_container INPUT {
	padding: 0px 20px 0px 0px;
}
.exp_question_text {
	font-size: 150%;
	border-color: #000000;
	font-style: italic;
	padding: 10px;
	margin: 10px;
	color: #404040;
}
.exp_ia_results_title {
	font-size: 120%;
}
/**********************************/
/* Matrix Row a Styles
/**********************************/
.matrix_rowa_label {
    font-weight: bold;
    font-size: 14px;
    color: white;
    line-height: 16px;
    border-style:solid;
    border-color:#999999;
    padding: 3px;
    border-width:1px;
    background-color:#28216F;
}
.matrix_rowa_normal  {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #eeeeee;
}
.matrix_rowa_highlight {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #9900FF;
}
.matrix_result_from_rowa {
    padding: 3px;
    margin: 0px;
    width: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #9900FF;
}


/**********************************/
/* Matrix Row b Styles
/**********************************/
.matrix_rowb_label {
    font-weight: bold;
    font-size: 14px;
    color: white;
    line-height: 16px;
    border-style:solid;
    border-color:#999999;
    padding: 3px;
    border-width:1px;
    background-color:#28216f;
}
.matrix_rowb_normal  {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #dddddd;
}
.matrix_rowb_highlight {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #FF9900;
}
.matrix_result_from_rowb {
    padding: 3px;
    margin: 0px;
    width: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #FF9900;
}


/**********************************/
/* Matrix Row c Styles
/**********************************/
.matrix_rowc_label {
    font-weight: bold;
    font-size: 14px;
    color: white;
    line-height: 16px;
    border-style:solid;
    border-color:#999999;
    padding: 3px;
    border-width:1px;
    background-color:#28216f;
}
.matrix_rowc_normal  {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #eeeeee;
}
.matrix_rowc_highlight {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #99FF00;
}
.matrix_result_from_rowc {
    padding: 3px;
    margin: 0px;
    width: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #99FF00;
}


/**********************************/
/* Matrix Row d Styles
/**********************************/
.matrix_rowd_label {
    font-weight: bold;
    font-size: 14px;
    color: white;
    line-height: 16px;
    border-style:solid;
    border-color:#999999;
    padding: 3px;
    border-width:1px;
    background-color:#28216f;
}
.matrix_rowd_normal  {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #dddddd;
}
.matrix_rowd_highlight {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #00FF99;
}
.matrix_result_from_rowd {
    padding: 3px;
    margin: 0px;
    width: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #00FF99;
}


/**********************************/
/* Matrix Row e Styles
/**********************************/
.matrix_rowe_label {
    font-weight: bold;
    font-size: 14px;
    color: white;
    line-height: 16px;
    border-style:solid;
    border-color:#999999;
    padding: 3px;
    border-width:1px;
    background-color:#28216f;
}
.matrix_rowe_normal  {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #eeeeee;
}
.matrix_rowe_highlight {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #0099FF;
}
.matrix_result_from_rowe {
    padding: 3px;
    margin: 0px;
    width: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #0099FF;
}


.banner, .banner TD, .banner TH
{
background-image:url('../images/croga_tile.gif');
background-color:6699CC;
}


/**********************************/
/* Matrix Row f Styles
/**********************************/
.matrix_rowf_label {
    font-weight: bold;
    font-size: 14px;
    color: white;
    line-height: 16px;
    border-style:solid;
    border-color:#999999;
    padding: 3px;
    border-width:1px;
    background-color:#28216f;
}
.matrix_rowf_normal  {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #dddddd;
}
.matrix_rowf_highlight {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #FF0099;
}
.matrix_result_from_rowf {
    padding: 3px;
    margin: 0px;
    width: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #FF0099;
}


/**********************************/
/* Matrix Row g Styles
/**********************************/
.matrix_rowg_label {
    font-weight: bold;
    font-size: 14px;
    color: white;
    line-height: 16px;
    border-style:solid;
    border-color:#999999;
    padding: 3px;
    border-width:1px;
    background-color:#28216f;
}
.matrix_rowg_normal  {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #eeeeee;
}
.matrix_rowg_highlight {
    padding: 3px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #FFFF00;
}
.matrix_result_from_rowg {
    padding: 3px;
    margin: 0px;
    width: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #FFFF00;
}

/* net values styles */

#exp_net_values_main_content {
	margin: 10px;
	padding: 15px;
}
.exp_subheader {
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-weight: bold;
    border-width: 0px 0px 1px 0px;
    border-style: dashed;
    border-color: black;
	font-size: 120%;
}
.exp_question_container {
	margin: 20px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #87A3FF;
	background-color: #D2DCFE;
}

/* Styles for the Age/Gender/Optional ID form */
#age_gender_form {
	margin: 10px;
}
.age_gender_question {
	margin: 20px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #87A3FF;
	background-color: #D2DCFE;
}
.age_gender_title {
	font-weight: bold;
	font-family: Verdana, Arial, Sans-serif;
	margin: 3px 10px 3px 3px;
}
.age_gender_continue {
	text-align: right;
	margin: 20px;
	padding: 5px;
}
.required_question {
	color: red;
	font-weight: bold;
	font-size: 120%;
}
.hint {
	font-weight: bold;
	margin: 5px;
	width: 150px;
	float: left;
	padding: 5px;
    border-width: 1px;
    border-style: dashed;
    border-color: black;
}
.status_message {
    border-style:solid;
    border-color:#000000;
    border-width:1px;
    background-color:orange;
    margin: 5px;
    padding: 3px;
    text-align: left;
    font-weight: bold;
}
.exploration_button {
    font-family: verdana, arial, helvetica, sans-serif;
    margin: 1px;
    border-width: 1px;
    border-color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
}


.valued_living_focus_question {
	font-size: 120%;
	font-style: italic;
	margin: 20px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #87A3FF;
	background-color: #D2DCFE;
	width: 80%;
}
.valued_living_table {
	margin: 20px;
	padding: 5px;
	width: 80%;
	border-width: 1px 0px 1px 0px;
	border-style: dashed;
	border-color; #404040;
}
.valued_living_form_answer_header {
	font-size: 120%;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
.valued_living_form_answer_header STRONG {
	text-decoration: underline;
	font-weight: bold;
	color: #A50707;
}
.valued_living_influence_scale_row {
	background-color: #D5F587;
	margin: 20px;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}
.valued_living_effort_scale_row {
	background-color: #F5E287;
	margin: 20px;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}
.valued_living_number_row {
	background-color: #C0C0C0;
	margin: 20px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
.valued_living_form_answer_left_label {
	text-align: left;
	font-variant: small-caps;
}
.valued_living_form_answer_right_label {
	text-align: right;
	font-variant: small-caps;
}