/**
 * CSS for the Journey for Control iFrame.
 * @author	The Healthy Interactions team.
 *
 * -------
 * Color Guide
 * #BE1E00	Red
 * #C30B85	Fuchia
 * #0054A4	Blue
 * #305C2E	Dark Green
 * #254C90	Blue
 * #D3E8B8	Light Green
 */
body{
	background-color:#FFF;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
}

hr{
	background-color:#BBB;
	color:#BBB;
}

h1{
	color:#BE1E00;
	font-size:20px;
	margin-bottom:12px;
}

h2 {
	color:#254C90;
	margin-bottom: 10px;
	font-size:18px;
}

h3 {
	color:#BE1E00;
	font-size: 16px;
}

h4 {
	color:#254C90;
	font-size:16px;
	margin-bottom: 10px;
}

a{ color:#0054A4; }
a:hover{ color:#000; }

th a{ color:#305C2E; }
th a:hover{ text-decoration:none; }

table{ width: 100%; }

th {
	text-align:left;
	padding: 4px 10px 4px 0px;
	color:#0054A4;
	background-color:#F2F5FA;
	font-size:13px;
}

ul{ margin:0px; padding:0px 0px 0px 2em; }

ul.no-style {
    list-style: none;
}
ul.no-style {
    margin-left: 0px;
	padding-left:0;
	margin-bottom: 1em;
}

input[type=text], input[type=password]{
    border:1px solid #999;
    width:75%;
    font-size:inherit;
    font-family:inherit;
    padding:3px;
}
/** Form stuff */
form div {
    clear:both;
    margin-bottom: 1em;
}
form div label {
    float: left;
    width:175px;
	padding-top: 3px;
}
form div input[type=text], form div input[type=password] {
    width: 350px;
}
form div textarea {
    width:406px;
    height:100px;
}

sup{
    font-size:11px;
    vertical-align:top;
}

#frame{
	width: 736px;
}
#nav {
	clear: both;
	background-color: #FFF;
	background-image: url('images/jfc_nav_bar.jpg');
	background-repeat: no-repeat;
	height: 24px;
	margin-bottom: 2em;
	padding: 0 0 0 30px;
	list-style:none;
}
#nav li {
	float:left;
	border-left: 1px solid #CC7606;
	height:24px;
}
#nav li:last-child{
	border-right:1px solid #CC7606;
}
#nav li a {
	display:block;
	line-height: 24px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	padding: 0 8px;
	text-decoration:none;
}
#nav li a:hover {
	color:#C30B85;
	background:#F9DB9B;
}
#nav li.active a {
	background:#F9DB9B;
	color: #C30B85;
}


/*
.field{ width: 60%; border: 1px solid #999999; padding: 3px; }
.right{ text-align:right; }

.more_info{
	margin-left: 18px;
}

#training_sessions{
	margin-bottom: 12px;
}

#training_sessions td{ vertical-align: top; padding: 6px 10px; }

#signup_form td{ padding: 0px 0px 10px 0px; }
#signup_form td td{ padding: 0px 0px 2px 0px; }

#message{ padding: 6px 12px 3px 12px; margin-bottom: 12px;}
#message p{ margin-bottom: 3px; }

.error{ background-color:rgb(255,238,238); color:rgb(204,0,0); }
.success{ color:rgb(0,153,0);background-color:rgb(238,255,238); }

label{ display:block; margin-bottom: 12px; text-align:right; }
label input{ border:1px solid rgb(51,51,51); padding: 3px; width: 300px; }

#resource_list{ margin-bottom: 12px; height: 30px; background-color:rgb(233,233,233); font-size:12px; font-weight:bold; }
#resource_list ul { list-style:none; margin: 0;padding:0; }
#resource_list li{ float:left; }
#resource_list li a{ display:block;padding: 6px 6px; }

.back_to_top{ border-top: 1px solid rgb(0,84,164); }
.back_to_top p{ margin:0;padding:0; }
.back_to_top a{ color:rgb(255,255,255);	text-decoration: none;	padding: 3px 1em;	background:rgb(0,84,164);	font-size: 10px; }
*/

/** Falcon message stuff. */
#f_message, #login-message {
    padding: 6px 6px 0px 6px;
    margin-bottom: 1em;
    background-position: 8px 6px;
}
#f_message ul, #login-message ul {
    padding-bottom: 5px;
}
#f_message ul li, #login-message ul li {
    list-style:none;
}
#f_message.error, #login-message.error {
    background-color:#FEE;
    border-top: 1px dashed #900;
    border-bottom: 1px dashed #900;
}
#f_message.success, #login-message.success {
    background-color:#EFE;
    border-top: 1px dashed #090;
    border-bottom: 1px dashed #090;
}
#login-message {
	padding: 8px 0px 6px 30px;
}

/** Classes **/
.error {
    background-color: #FEE;
    color: #B00;
    background: transparent url('images/error.png') 6px 2px no-repeat;
}

.success {
    color: #090;
    background: transparent url('images/success.png') 6px 1px no-repeat;
}

.success.no-check {
	background-image:none;
	background-color:#EFE;
    border-top: 1px dashed #090;
    border-bottom: 1px dashed #090;
    background-position: 8px 9px;
	padding:1em;
	margin-bottom:1em;
}

.odd {
	background-color:#F2F5FA;
}

.disabled {
	color:#AAA;
}

.logged_in {
	line-height:30px;
	margin-left:32px;
}

.right {
	float:right;
}
img.right {
	margin: 0 0 10px 20px;
}

.info {
    display:none;
}

.disclosure {
    cursor:pointer;
}

.section {
	margin-bottom: 24px;
}
.row {
	padding:10px;
}

#training_sessions .info{
    margin-top: 6px;
    margin-left: 12px;
	padding-bottom: 10px;
}
#training_sessions h5 {
	color:#BE1E00;
}

/** Arrows **/
.arrow{
	width:12px;
	height:12px;
	background-image: url('images/arrows.gif');
	background-repeat:no-repeat;
	background-position: 0px 0px;
	float:left;
	display:block;
	margin-bottom:1em;
}
.arrow.gray{
	background-position: 0px -12px;
}
.arrow.down.gray, .arrow.open.gray{
	background-position: -12px -12px;
}

/** Registration stuff **/
#fbRegistration .left {
    display:block;
    width:230px;
}
#fbRegistration .right{
    display:block;
    width:250px;
}

/* Selected Session */
#selected_session {
    width: 736px;
    margin-bottom:1em;
    font-size:15px;
	color:#305C2E;
}
#selected_session table {
    width:100%;
}
#selected_session td {
    background-color:#D3E8B8;
    padding:6px;
}

#account-content {
    width: 500px;
}
#account-right {
    float:right;
    width:250px;
}

/** New Resources stuff **/
#left.two-col{
	width:490px;
}

#sidebar{
	float:right;
	width:200px;
	padding:20px;
}

.left{
	float:left;
}
.right{
	float:right;
}

#account-login{
	margin-bottom:20px;
	width:734px;
	clear:both;
}

.pad{
	padding: 10px;
}

.bordered{
	border: 1px solid #BBB;
}

div.form label {
	display:block;
	float:left;
	margin-top:3px;
	width:175px;
}

strong.success{ background:none; }

ul#tabs{
	margin:0;
	list-style:none;
	height:30px;
	background-color:#EFC766;
	margin-bottom:20px;
	width:732px;
	padding-left:10px;
}
ul#tabs li{
	margin: 6px 1em 0;
	float:left;
}

ul#tabs li a{
	color:#FFF;
	font-weight:700;
	display:block;
	padding: 3px 10px;
	background-color:#FD9B0C;
	-moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0;
	text-decoration:none;
}

ul#tabs li.active a, ul#tabs li a:hover{
	color:#C61E00;
	background-color:#FFF;
	margin-top:-3px;
	padding-bottom: 6px;
}
ul#tabs li.active a{
	padding-bottom: 4px;
	padding-top: 5px;
}

#training ul{
	margin-bottom:20px;
}

#training.pad{
	padding:0;
}

#change-email, #change-pw {
	margin-left:175px;
}

ul.twirl{
	list-style:none;
	margin:0;
	padding:0;
}

ul.twirl li a{
	text-decoration: none;
}
ul.twirl h3{
	color:#000;
	font-size:15px;
	margin-bottom: 6px;
}

ul.twirl li h3.label{
	cursor:pointer;
	color:#BE1E00;
	font-size:18px;
	margin:0;
	padding:3px 0 0 16px;
	background-image: url('images/disclose-closed.gif');
	background-repeat:no-repeat;
}
ul.twirl li.open h3.label{
	background-image: url('images/disclose-open.gif');
}

ul.twirl ul{
	list-style:none;
	padding:0;
}

ul.twirl .pad{
	padding-left: 16px;
}

ul.twirl ul.bullets{
	list-style:disc;
}

.message {
    padding: 4px 10px 4px 28px;
}

.error {
    background-color: #FEE;
    color: #B00;
    background: transparent url('images/error.png') 6px 2px no-repeat;
}

.success {
    color: #090;
    background: transparent url('images/success.png') 6px 2px no-repeat;
}