@import url(/style/shared/Common.css);

/* 
 * This is essentially blank, other than inheriting from shared.
 * Only put styles in here which are specific to your client.
 * Do not put any styles in here for Fett. 
 * All new clients should start with a clean, empty stylesheet,
 * using what's in shared, and then customize only what they need, as they go.
 */
 
 .graybox {
	width: 750px;
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	padding: 5px;
	margin-left: 20px;
}

.grayboxauthor {
	width: 600px;
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	padding: 5px;
}

.grayboxheader {
	background-color: #444444;
	color: white;
	margin: -5px;
	padding: 5px;
}

.grayboxinstructions {
	background-color: #DDDDDD;
	font-size: 13px;
	margin: 5px -5px -5px -5px;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}

.grayboxinstructions li {
	padding-bottom: 3;
}

span.desc {
	display: none;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	border-radius: 8px;
	box-shadow: 1px 1px 1px 1px #666666;
	font-size: 0.85em;
	left: 110px;
	top: -55px;
	padding: 5px;
	position: absolute;
	white-space: normal;
	width: 275px;
	z-index: 500;}
		span.desc.family {
			left: 75px;
			top: -30px;
			}
			span.desc.health {
				left: -25px;
				top: -75px;
				}
				span.desc.honoraria {
					left: 40px;
					top: -45px;
					}
					
.tooltipwrapper {
	position: relative;
	}
	
.tooltip {
	color: #451970;
	text-decoration: underline;
	cursor: pointer;
	}
	.searchresultspage .tooltip {
		color: #fff;
		display: inline-block;
		background-color: red;
		padding: 0px;
		font-weight: bold;
		text-decoration: none;
		width: 13px;
		height: 13px;
		text-align: center;
		border-radius: 26px;
		-webkit-border-radius: 28px;
		-moz-border-radius: 28px;
		font-size: 11px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
	/* Hover display */
		.tooltip:hover + span.desc {
			display: block; }
		.searchresultspage span.desc {
			color: red;
			}
	

/* -- Staff Functions -- */

.staffprogramlist {
	border-width: 0 0 1px 0px;
	border-style: solid;
	border-color: #646F37;
	border-collapse: separate;
	background-color: white;
	border-spacing: .1em .1	em;
	width: 100%;
	margin-right: 25px;
}

.staffproofprogram {
	text-align: right;
} 

iframe#text_ifr body#tinymce { 
	text-size: 20px;
}

/* Staff Page */
body {
	font-size: 13px;
	font-family: "Lucida Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;

	}
	
a, a:link, a:visited, a:focus {
	color: #235f9f;
	text-decoration: none;
	}
	a:hover {
		color: #69d7ff;
		}
.staff img.logo {
	max-width: 160px;
	}
	
/* People Page */
table.people th {
	background: #6F9C29;
	color: #FFFFFF;
	border:none;
	}
	table.people {
		border: none;
		}
		table.people td {
			background-color: #F1F1F1;
			border-color: #999;
			border-bottom: 1px solid #999;
			}
			
.peoplePage input[type="submit"],.peoplePage input[type="button"],.peoplePage input[type="submit"]:enabled,.peoplePage input[type="button"]:enabled,.peoplePage button,.peoplePage .button {
	background-image: none;
	background-color: #081A3F;
	color: #FFFFFF;
	border: none;
	font-weight: bold;
	border-radius: 8px;
	cursor: pointer;
	margin: 8px;
	padding: 6px;
	}

	/* Person Edit Page */
.PersonalInfo_input input, .PersonalInfo_input label {
	margin:10px 0;
}

.PersonalInfo_input label {
	margin-right:10px;
}

.PersonalInfo_input input {
	margin-right:5px;
}

.PersonalInfo_input_radio {
	display:block;
	width:100%;
	clear:both;
}
.sectionbox, .sectionboxtable {
	margin-left: 5px;
	padding: 10px;
	}
	.sectionbox, .sectionboxtable, table.person {
		width: 100%;
		background-color: #F1F1F1;
		}
	
table.person td .note{
	color: #000000;
	}
	
table.person td.personheadercell {
	background: #85746A;
	color: #FFFFFF;
	}
	
table.person td.personsubheadercell {
    background-color: #FFFFFF;
    border-left: medium none;
    border-top: 1px solid #cccccc;
    color: #336699;
    font-weight: bold;
}
	
table.person {
	border: none;
	margin: 0px 5px;
	}
	
span.toggleBoxShow {
    cursor: pointer;
    color: #0070c0;
    text-decoration: underline;
}

input[type="submit"], input[type="button"], input[type="submit"]:enabled, input[type="button"]:enabled, button, .button {
	background-image: none;
	background-color: #081A3F;
	color: #FFFFFF;
	border: none;
	font-weight: bold;
	border-radius: 8px;
	cursor: pointer;
	margin: 8px;
	padding: 6px;
	}
	input#submitbutton[disabled=""] {
		background-color: #EFEFEF;
		border: 1px solid #DDD;
		cursor: default;
		color: GrayText;
		background-color: #F0F0F0;
		font-weight: bold;
		border-radius: 8px;
		cursor: pointer;
		margin: 8px;
		padding: 6px;
	}
h2.mainhead, .pagetitle {
padding: 0;
margin: 0 0 0.2em 0;
}
tr.alternate {
background: #f1f1f1;
}

.form_styles, #challengecontainer, #objectivecontainer {
	/* border-color: #999; */
border: medium none;
background-color: #f1f1f1;
width: 43%;
padding: 5px;
-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.25);
box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.25);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.moreInfo .grayboxheader, .moreInfo .grayboxtable th {
	background-color: #081740;
	border: none;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-top-right-radius: 6px;
	-moz-border-top-left-radius: 6px;
	-webkit-top-right-radius: 6px;
	-webkit-top-left-radius: 6px;
	}
	.moreInfo .grayboxheader.light {
		background-color: #2689B3;
	}
	.moreInfo .graybox {
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: none;
		box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
		width: 40%;
		}
		.moreInfo .grayboxinstructions {
			background-color: #DDDDDD;
			margin: 0px -5px;
			}
			.moreInfo .grayboxinstructions p , .moreInfo .grayboxinstructions ul{
				margin: 0px;
				padding: 5px;
				font-size: 12px;
				}
				.moreInfo .grayboxinstructions ul {
					padding-left: 20px;
					}

/* Kinder Gentler Error message */
#searchperson div.error {
	border-width: 1px;
	border-style: solid;
    border-radius: 4px;
    padding: .25em .5em;
    margin: 1em 0;
    display: inline-block;
    width: auto;
 background-color: #BDE5F8;
color: #00529B;
border-color: #00529B;
}