/*-----------------------------------------------
//	BioPassword Chart Base Stylesheet
//	Author:   		Mark Pitman (markp@blueskyprojects.com)
//	Media Type: 	Screen
//	Version Date:  	February 26th, 2007
-------------------------------------------------*/

body {
	font-family: 			Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 				11px;
	color:					#333;
}


#demoBox {
	width:					600px;
	margin:					75px auto;
	padding:				40px;
	font:					normal 12px "Trebuchet MS", Verdana, Sans-serif;
	border:					1px solid #333;
	text-align:				center;
}

#demoBox span.blue {
	font-weight:			bold;
	color:					#333;
}

.demo_button1, .demo_button2, .demo_button3, .demo_button4, .demo_button5 {
	border:					0;
	padding:				0;
	margin:					0;
	cursor:					pointer;
}


.demo_button1 {
	width:					300px;
	height:					44px;
	background:				url(../_img/HowBPProtectsUserLogins.gif) no-repeat 0 0;
}

.demo_button2 {
	width:					239px;
	height:					33px;
	background:				url(../_img/DemoBioPassword_s.gif) no-repeat 0 0;
}

.demo_button3 {
	width:					183px;
	height:					33px;
	background:				url(../_img/GetCharacter_s.gif) no-repeat 0 0;
}

.demo_button4 {
	width:					141px;
	height:					33px;
	background:				url(../_img/try_again_s.gif) no-repeat 0 0;
}

.demo_button5 {
	width:					159px;
	height:					33px;
	background:				url(../_img/learnmore_s.gif) no-repeat 0 0;
}


.demo_button_register, .demo_button_science, .demo_button_learn, .demo_button_templates, .demo_button_behind, .demo_button_get, .demo_button_schedule, .demo_button_view_results {
	width:					300px;
	height:					44px;
	border:					0;
	padding:				0;
	margin:					0;
	cursor:					pointer;
}

.demo_button_register {
	background:				url(../_img/button_register.gif) no-repeat 0 0;
}

.demo_button_science {
	background:				url(../_img/button_science.gif) no-repeat 0 0;
}

.demo_button_learn {
	background:				url(../_img/button_learn.gif) no-repeat 0 0;
}

.demo_button_templates {
	width:					299px;
	background:				url(../_img/button_templates.gif) no-repeat 0 0;
}

.demo_button_behind {
	background:				url(../_img/button_behind.gif) no-repeat 0 0;
}

.demo_button_get {
	background:				url(../_img/button_get.gif) no-repeat 0 0;
}

.demo_button_schedule {
	width:					390px;
	background:				url(../_img/button_schedule.gif) no-repeat 0 0;
}

.demo_button_view_results {
	width:					184px;
	height:					44px;
	background:				url(../_img/button_view_results.gif) no-repeat 0 0;
}

.demo_login_form {
	width:					202px;
	height:					192px;
	background:				url(../_img/login_form.gif) no-repeat 0 0;
	border:					0;
	padding:				0;
	margin:					10px 0 0 0;
	cursor:					pointer;
}

#demoBox .chart1 {
	width:					472px;
	height:					503px;
	border:					0;
	padding:				0 0 0 0;
	margin:					10px auto 0 auto;
}

#demoBox .chart2, #demoBox .chart3 {
	width:					472px;
	height:					332px;
	border:					0;
	padding:				0 0 0 0;
	margin:					10px auto 0 auto;
}

#demoBox div.padded {
text-align:left !important;
}

#demoBox .chart2 {
	background:				url(../_img/chart2.gif) no-repeat 0 0;
}

#demoBox .chart3 {
	background:				url(../_img/chart3.gif) no-repeat 0 0;
}

#demoBox .chart4 {
	width:					489px;
	height:					313px;
	background:				url(../_img/chart4.gif) no-repeat 0 0;
}

#demoBox #photoBox {
	width:					506px;
}

#demoBox #photoBox .photoContainer {
	float:					left;
	width:					94px;
	margin:					0 0 10px 0;
	text-align:				center;
}

#demoBox #photoBox .rm {
	margin-right:			9px;
}

.char1, .char2, .char3, .char4, .char5 {
	width:					94px;
	height:					130px;
	border:					0;
}

.char1 { background: url(../_img/char1.gif) no-repeat 0 0; }
.char2 { background: url(../_img/char2.gif) no-repeat 0 0; }
.char3 { background: url(../_img/char3.gif) no-repeat 0 0; }
.char4 { background: url(../_img/char4.gif) no-repeat 0 0; }
.char5 { background: url(../_img/char5.gif) no-repeat 0 0; }

.photoTable {
	float:					left;
	width:					311px;
	height:					199px;
	background: 			url(../_img/photo_bg.gif) no-repeat 0 0;
	margin:					0 15px 0 0;
}

.photoTable td.title {
	font:					bold 16px "Trebuchet MS", Sans-serif;
	color:					#000;
	padding:				18px 0 0 16px;
}

.photoTable td.photo {
	padding:				22px 24px 0 0;
}

.photoTable td.footText {
	padding:				0 0 18px 16px;
}

.photoTable td.footText b {
	color:					#1e6fb6;
}

#postBox {
	float:					right;
	width:					199px;
	height:					181px;
	margin:					75px 15px 0 0;
}

.postChar1 {	background:	url(../_img/post_it1.gif) no-repeat 0 0; }
.postChar2 {	background:	url(../_img/post_it2.gif) no-repeat 0 0; }
.postChar3 {	background:	url(../_img/post_it3.gif) no-repeat 0 0; }
.postChar4 {	background:	url(../_img/post_it4.gif) no-repeat 0 0; }
.postChar5 {	background:	url(../_img/post_it5.gif) no-repeat 0 0; }

.leftComment {
	float:					left;
	width:					310px;
	margin:					15px 0 0 0;
}

#resultsErrorBox {
	width:					313px;
	height:					100px;
	background:				#e6ecf6;
	margin:					0 auto;
	font-weight:			bold;
	padding:				19px 0 0 27px;
	border:					2px solid #09449b;
}

#resultsErrorBox .error {
	border:					0;
	font:					bold 16px "Trebuchet MS", Sans-serif;
	color:					#ab2503;
	margin:					15px 31px 0 0;
	text-align:				center;
	text-transform:			uppercase;
}

.graph {
	width:					500px;
	margin:					0 auto;	
}

.graph2 {
	width:					400px;
	margin:					0 auto;	
}

.graphbg {
	background: url(../_img/graph_bg.gif) no-repeat 0px 52px;
}

.red {
	color:					#D94A1D;
}

.oranget {
	color:					#CC0000;
	font-weight:			bold;
}

.denied1 {
	background: 			url(../_img/stamp_AccessDenied.gif) no-repeat 10px 40px;
}

.denied2 {
	width:					94px;
	height:					130px;
	background: 			url(../_img/stamp_AccessDenied.gif) no-repeat -182px 17px;
}

.sp {
	padding:				0 !important;
	margin:					0 !important;
}

.clear {
	clear:					both;
	height:					0px;
	line-height:			0px;
	width:					0px;
	font-size:				0px;
}