@charset "utf-8";
/* CSS Document for Patient History -[MOCK UP] */

#PatientHistory {
	font-family: Tahoma, Geneva, sans-serif;
	color:#000000;
	width:960px; /*temp*/
	}
#PatientHistory FORM {
	padding:0;
	margin:0;
	}
#PatientHistory IMG {
	border:none;
	}
#PatientHistory P {
	padding: 5px 10px;
	margin:0px;
	line-height:1.5em;
	}
#PatientHistory .noborder {
	border:none;
	}	
#PatientHistory div.box {
	border: #dcdcdc solid 1px;
	border-bottom:none;
	width:100%;
	margin:0;
	padding:0;
	}
#PatientHistory div.spacer {
	width:100%;
	margin:0;
	padding:0;
	height:10px;
	clear:both;
	}
#PatientHistory div.box div.title {
	background: url('images/title-bg.jpg') 0 0 repeat-x;
	border: #ffffff solid 1px;
	height:27px;
	line-height:27px;
	}
#PatientHistory div.box div.title A,
#PatientHistory div.box div.title A:link,
#PatientHistory div.box div.title A:active,
#PatientHistory div.box div.title A:visited,
#PatientHistory div.box div.title A:hover {
	background: url('images/title-arrow-closed.png') 0 50% no-repeat;
	margin:0 0 0 6px;
	padding:0 0 0 18px;
	font-size: 14px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	}	
#PatientHistory div.box div.header {
	height:36px;
	line-height:36px;
	padding:0 0 0 10px;
	font-size: 14px;
	font-weight:bold;
	color:#000000;
	background-color:#f4f4f4;
	}		
#PatientHistory div.box div.row {
	border-bottom: #dcdcdc solid 1px;
    clear:both;
	position:relative;
	}
#PatientHistory div.box div.row .label {
	float:left;
	padding:0px 10px;
	line-height:36px;
	}
#PatientHistory div.box div.row .field {
	padding: 5px 0;
	text-align:left;
	margin-left:525px;
	}
#PatientHistory div.box .col-1 {
	float:left;
	width:33%;
	}
#PatientHistory div.box .col-2 {
	float:left;
	width:33%;
	left:33%;
	}
#PatientHistory div.box .col-3 {
	float:left;
	width:33%;
	left:66%;
	}
#PatientHistory div.box .fieldgroup {
	clear:both;
	}
#PatientHistory div.box .fieldgroup UL {
	margin: 10px;
	padding:0;
	list-style: none;
	}
#PatientHistory div.box .fieldgroup UL LI {
	line-height:normal;
	margin: 0 0 3px 0;
	padding:0;
	font-size: 13px;
	font-weight:normal;
	}	
#PatientHistory div.box .fieldgroup UL LI .hidden-text-field {
	clear:both;
	padding:0 0 0 24px;
	}
/* text stylings */	
#PatientHistory div.box div.row P,
#PatientHistory div.box div.row .label SPAN,
#PatientHistory div.box div.row .field SPAN {
	font-size: 13px;
	font-weight:normal;
	}
#PatientHistory div.box div.row .radio {
	font-size: 13px;
	font-weight:normal;
	}
	
/* buttons */	
#PatientHistory div.box A.btn-add {
	background:url(images/btn-red-cross.png) 50% 50% no-repeat;
	width:12px;
	height:12px;
	display:inline-block;
	}
	

/* inputs */
#PatientHistory div.box div.row .field .text-field,
#PatientHistory div.box div.row .fieldgroup .text-field,
#PatientHistory div.box div.row .field SELECT {
	height:22px;
	border-top:#848484 solid 1px;
	border-right:#c1c1c1 solid 1px;
	border-bottom:#e1e1e1 solid 1px;
	border-left:#c1c1c1 solid 1px;
	background:#FFFFFF;
	}
#PatientHistory div.box div.row .field SELECT OPTION {
	line-height:22px;
	height:22px;
	}
#PatientHistory div.box div.row .field TEXTAREA {
	margin:5px 0;
	border-top:#848484 solid 1px;
	border-right:#c1c1c1 solid 1px;
	border-bottom:#e1e1e1 solid 1px;
	border-left:#c1c1c1 solid 1px;
	background:#FFFFFF;
	width:370px;
	height:69px;
	}

#PatientHistory div.box div.row .field .shortest {
	width:38px;
	}
#PatientHistory div.box div.row .field .shorter {
	width:54px;
	}
#PatientHistory div.box div.row .field .short {
	width:92px;
	}
#PatientHistory div.box div.row .field .medium {
	width:182px;
	}
#PatientHistory div.box div.row .field .long {
	width:252px;
	}
	
	
/* Thrive in Five styles */
#PatientHistory div.box #ThriveinFive div.title {
	background: url('images/thrive-title-bg.jpg') 0 0 repeat-x;
	border: #ffffff solid 1px;
	height:27px;
	line-height:27px;
	}
#PatientHistory div.box #ThriveinFive div.title A,
#PatientHistory div.box #ThriveinFive div.title A:link,
#PatientHistory div.box #ThriveinFive div.title A:active,
#PatientHistory div.box #ThriveinFive div.title A:visited,
#PatientHistory div.box #ThriveinFive div.title A:hover {
	background: url('images/thrive-title-arrow.jpg') 0 50% no-repeat;
	margin:0 0 0 6px;
	padding:0 0 0 18px;
	font-size: 14px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	}
#PatientHistory div.box #ThriveinFive P A,
#PatientHistory div.box #ThriveinFive P A:link,
#PatientHistory div.box #ThriveinFive P A:active,
#PatientHistory div.box #ThriveinFive P A:visited,
#PatientHistory div.box #ThriveinFive P A:hover {
	color:#ce3820;
	}

#PatientHistory div.box #ThriveinFive {
	background: url('images/thrive-body-bg.png') 98% 98% no-repeat #fffbee;
	}