/**************************************
*
*  CRADLE Stylesheet
*   
***************************************/

body {
	font: small sans-serif;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

h2 {
	font-size: small;
	font-style: italic;
    color: #ED1B23;
}

h3 {
	margin: 0px;
	border: 0px;
	background-image: url(http://neoref.ils.unc.edu:8080/phr2/img/shade.jpg);
    background-repeat: repeat-x;
}

iframe.chart {
	margin: 0px 8px 0px 8px;
	width: 75%;
	height: 520px; 
	border: 1px solid #ECE9D8;
	float: left;
	overflow: auto;
}

button {
	margin: 4px;
}

/**************************************
*
*   Login
*
***************************************/

#login {
	background: #FFFFFF;
	width: 100%;
}

#login h1 {    /* top info bar */
    margin: 0px;
    padding: 4px;
    font-size: small;
    font-weight: bolder;
    font-family: sans-serif;
    background: #FDF8B9;
    color: #603811;
    border-bottom: 1px solid #FDC689;
}

#login form {
	margin: 0px;
	padding: 5px 20px 5px 20px;
	border: none;
	background-image: url(http://neoref.ils.unc.edu:8080/phr2/img/shade.jpg);
    background-repeat: repeat-x;
	font-size: medium;
}

/**************************************
*
*	Content	
*
***************************************/

#content {
	background: #FFFFFF;
	width: 100%;
}

#content h3 {   /* bar information (hidden) */
    width: -1px;
    visibility: hidden;
}

#content h2 {  /* bar label */
    position: absolute;
    margin: 5px;
    padding: 2px;
    z-index: 3;
    color: #000;
    border-bottom: 0px;
    font: bolder 18pt sans-serif;
	text-align: left;
    text-decoration:none;
    cursor: pointer;
    float: left;
}

#content h4 {   /* bar */
    position: absolute;
    z-index: 10;
    margin: 5px;
    padding: 0px;
    color: #30500E;
    // background: #C6DF9C;
	background-image: url(http://neoref.ils.unc.edu:8080/phr2/img/barOff.jpg);
    background-repeat: repeat-x;
	vertical-align: middle;
    border: 1px outset #CCCCCC;
    cursor: pointer;
    filter:alpha(opacity=70);
    -moz-opacity:.70;
    opacity:.70;
}

#content h6 {	/* grid label -- date */
	position: absolute;
	z-index: 2;
	margin: 5px;
	padding: 2px;
	font: small sans-serif;
	color: #000;
	cursor: pointer;
}

#content h6.grid0 {  /* grid line */
    position: absolute;
    z-index: 2;
    margin: 0px 5px 0px 5px;
	padding: 0px;
    background: #EEECDB;
	cursor: default;
}

#content h6.grid1 {  /* grid line */
    position: absolute;
    z-index: 2;
	margin: 0px 5px 0px 5px;
    padding: 0px;
    background: #FFFFFF;
	cursor: default;
}

#content h6.gridToday { /* grid line for today */
    position: absolute;
	margin: 0px 5px 0px 5px;
	padding: 0px;
    border-left: 1px solid #ED1B23;
	cursor: default;
}

#content h6.gridJan0 {  /* grid line for January */
    position: absolute;
    z-index: 2;
	margin: 0px 5px 0px 5px;
    padding: 0px;
    background: #EEECDB;
    cursor: default;
    border-left: 1px solid #0054A6;
}

#content h6.gridJan1 {  /* grid line for January */
    position: absolute;
    z-index: 2;
	margin: 0px 5px 0px 5px;
    padding: 0px;
    background: #FFFFFF;
    cursor: default;
    border-left: 1px solid #0054A6;
}

#content h6.hasNote {   /* grid label -- date (has note) */
    position: absolute;
    z-index: 2;
    margin: 5px;
    padding: 2px;
    font: small sans-serif;
    color: #000;
	background: #FFFF00;
    cursor: pointer;
}

#content h6.year {
	position: absolute;
    z-index: 2;
    margin: 5px;
    padding: 2px;
	font-family: sans-serif;
    font-size: x-large;
    color: #000;
	cursor: default;
	border-left: 1px solid #0054A6;
}

#content h6.month {
    position: absolute;
    z-index: 2;
    margin: 5px;
    padding: 2px;
	font-family: sans-serif;
    font-size: medium;
    color: #000;
	cursor: default;
}

#content h6.monthJan {
    position: absolute;
    z-index: 2;
    margin: 5px;
    padding: 2px;
    font-family: sans-serif;
    font-size: medium;
    color: #000;
    cursor: default;
	border-left: 1px solid #0054A6;
}

#content h6.monthHasNote {
    position: absolute;
    z-index: 2;
    margin: 5px;
    padding: 2px;
    font-family: sans-serif;
    font-size: medium;
    color: #000;
	background: #FFFF00;
    cursor: default;
}

#content span.midPos { /* the middle position of the chart */
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    width: 40px;
	height: 3px;
	font-size: 3pt;
    background: #73D4F9;
}

/**************************************
*
* 	Drug Facts
*
***************************************/

#drugFact {
	font: sans-serif;
}

#drugFact h1 {
	background: #F6D7B5;
	font-size: medium;	
	font-weight: bolder;
}

#drugFact h2 {
	margin: 10px;
	font-size: medium;
	font-style: normal;
	color: #000;
}

#drugFact p {
	margin: 5px;
	padding: 5px;
	font: sans-serif;
	font-size: small;
}

/**************************************
*
*	Side Bar 
*
***************************************/

#sideBar {
	margin: 0px 4px 0px 4px;
	padding: 2px;
	position: relative;
	width: 20%;
	border: 1px solid #FDC689;
	float: right;
}

#sideBar u {    /* link */
	margin: 1px;	
	padding: 1px;
    color: #004A80;
    // text-decoration:none;
    font-size: x-small;
    border: 0px;
    cursor: pointer;
	float: right;
}

#sideBar h1 {	/* field name */
	margin: 2px;
	padding: 1px;
    font: medium sans-serif;
	font-weight: bolder;
	background: #FDF8B9;
    color: #603811;
	border: 0px;
}

#sideBar input {	/* field value */
	margin: 1px 3px 1px 3px;
	padding: 1px;
	font: medium sans-serif;
	font-weight: normal;
	color: #000;
	border: 0px;
}

#sideBar a {	/* field value as a link */
	margin: 1px;
    padding: 1px;
}

#sideBar textarea {
	margin: 1px;
	padding: 1px;
	width: 90%;
	font: medium sans-serif;
	border: 5px double #FBF8E5;
	background: #FBF8E5;
}

#sideBar span {		/* bubble */
	padding: 36px 4px 36px 4px;
	position: absolute;
    top: 50%; 
	left: -140%;
	width: 305px;
	height: 149px;
	font-size: x-large;
	background-image: url(http://neoref.ils.unc.edu:8080/phr2/img/bubble.gif);
	background-repeat: no-repeat;
	border: 0px;
	color: #000;
	filter:alpha(opacity=0);
    -moz-opacity:.0;
    opacity:.0;
	z-index: 11;
}

/**************************************
*
*   Diary Side Bar
*
***************************************/

#diarySideBar {
    margin: 0px 4px 0px 4px;
    padding: 2px;
	position: relative;
    width: 20%;
    border: 1px solid #FDC689;
	float: right;
}

#diarySideBar u {    /* link */
    margin: 1px;
	padding: 1px;	
    color: #004A80;
    // text-decoration:none;
    font-size: x-small;
    border: 0px;
    cursor: pointer;
	float: right;
}

#diarySideBar h1 {   /* field name */
    margin: 2px;
    padding: 1px;
    font: medium sans-serif;
	font-weight: bolder;
    background: #FDF8B9;
    color: #603811;
    border: 0px;
}

#diarySideBar input {    /* field value */
    margin: 1px 3px 1px 3px;
    padding: 1px;
    font: medium sans-serif;
    color: #000;
    border: 0px;
}

#diarySideBar textarea {
	margin: 1px;
    padding: 1px;
    width: 90%;
    font: medium sans-serif;
	border: 5px double #FBF8E5;
	background: #FBF8E5;
}

#diarySideBar span {     /* bubble */
	padding: 36px 4px 36px 4px;
    position: absolute;
    top: 5%;
    left: -140%;
    width: 305px;
    height: 149px;
    font-size: x-large;
    background-image: url(http://neoref.ils.unc.edu:8080/phr2/img/bubble.gif);
    background-repeat: no-repeat;
    border: 0px;
    color: #000;
    filter:alpha(opacity=0);
    -moz-opacity:.0;
    opacity:.0;
    z-index: 11;
}

/**************************************
*
*   Calendar 
*
***************************************/

#calendar {
	margin: 0px;
	padding: 0px;
}

#calendar table {
	margin: 0px;
	padding: 0px;
	font-size: medium;
	border: 1px solid #CCCCCC;
}

#calendar button {
	margin: 1px;
	font-size: medium;
	vertical-align: middle;
	width: 50px;
}

#calendar caption {
	margin: 1px;
	font-size: large;
	vertical-align: top;
}

#calendar th {
	margin: 0px;
	padding: 0px 24px 0px 24px;
	font-size: small;
	background: #FDF8B9;
}

#calendar td {
	margin: 0px;
    padding: 1px 20px 1px 20px;
	border-top: 1px solid #C7B299;
	border-left: 1px solid #C7B299;
	vertical-align: top;
	background-image: url(http://neoref.ils.unc.edu:8080/phr2/img/shadeBrown.jpg);
    background-repeat: repeat-x;
}

#calendar td.today {
	margin: 0px;
    padding: 1px 20px 1px 20px;
	border-top: 1px solid #C7B299;
    border-left: 1px solid #C7B299;
	background-image: url(http://neoref.ils.unc.edu:8080/phr2/img/shadeBlue.jpg);
    background-repeat: repeat-x;
	vertical-align: top;
}

#calendar h1.day { /* day */
    margin: 0px;
    padding: 0px;
    font-size: small;
	color: #F7941D;
	text-align: right;
}

#calendar h1.drugName {	/* drug name */
	margin: 0px;
	padding: 0px;
	font-size: x-small;
	border-bottom: 1px dashed #C7B299;
	text-align: left;
}

/**************************************
*
*   Calendar Week
*
***************************************/

#calendarWeek {
    margin: 0px;
}

#calendarWeek table {
    font-size: medium;
    border: 1px solid #CCCCCC;
}

#calendarWeek button {
    margin: 0px;
    font-size: xx-large;
    vertical-align: middle;
    width: 50px;
}

#calendarWeek caption {
    margin: 0px;
    font-size: x-large;
    vertical-align: top;
}

#calendarWeek th {
    margin: 2px;
    padding: 2px 24px 2px 24px;
    background: #FDF8B9;
}

#calendarWeek td {
    margin: 2px;
    padding: 2px 20px 2px 20px;
    border-top: 1px solid #C7B299;
    border-left: 1px solid #C7B299;
    vertical-align: top;
    background-image: url(http://neoref.ils.unc.edu:8080/phr2/img/shadeBrown.jpg);
    background-repeat: repeat-x;
}

#calendarWeek td.today {
    margin: 2px;
    padding: 2px 20px 2px 20px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    background-image: url(http://neoref.ils.unc.edu:8080/phr2/img/shadeBlue.jpg);
    background-repeat: repeat-x;
    vertical-align: top;
}

#calendarWeek h1.day { /* day */
    margin: 1px;
    padding: 1px;
    font-size: medium;
    color: #F7941D;
    text-align: right;
}

#calendarWeek h1.drugName { /* drug name */
    margin: 6px 1px 6px 1px;
    padding: 1px;
    font-size: small;
    border-bottom: 1px dashed #C7B299;
    text-align: left;
	cursor: pointer;
}

/**************************************
*
*	Bottom Bar 
*
***************************************/

#bottomBar table {
    margin: 0px 18px 0px 18px;
    font-size: medium;
    border: 1px solid #CCCCCC;
	width: 70%;
}

#bottomBar tr {
	margin: 0px;
    padding: 0px;
}

#bottomBar td.label {
    padding: 0px;
    border-right: 1px solid #C7B299;
	border-bottom: 1px solid #C7B299;
    border-top: 0px;
    border-left: 0px;
	background: #FDF8B9;
	font-weight: bold;
	text-align: left;
}

#bottomBar td.val {
    padding: 0px;
	border-right: 1px solid #C7B299;
    border-bottom: 1px solid #C7B299;
    border-top: 0px;
    border-left: 0px;
	text-align: left;
}

#bottomBar input {
	margin: 0px;
	border: 0px;
	background: #FFFFFF;
	font: medium sans-serif;
	font-weight: bold;
	text-align: left;
}

#bottomBar textarea {
    margin: 0px;
    border: 0px;
	width: 99%;
    background: #FFFFFF;
	font: medium sans-serif;
    font-weight: bold;
	overflow: auto;
	text-align: left;
}

/**************************************
*
*	List 
*
***************************************/

#list table {
	margin: 36px;
    font-size: small;
	font-weight: bold;
    border: 1px solid #CCCCCC;
}

#list th {
    margin: 4px;
    padding: 2px 24px 2px 24px;
    background: #FDF8B9;
}

#list tr.row0 {
	padding: 4px;
	background-image: url(http://neoref.ils.unc.edu:8080/phr2/img/shadeBrownSm.jpg);
    background-repeat: repeat-x;
}

#list tr.row1 {
	padding: 4px;
	background: #F2F0E1;
}

#list td {
	padding: 4px;
	border-top: 1px solid #C7B299;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

#list textarea.row0 {
    margin: 0px;
    border: 0px;
	background: #FFFFFF;
    font: small sans-serif;
    font-weight: bold;
    overflow: auto;
}

#list textarea.row1 {
    margin: 0px;
    border: 0px;
	background: #F2F0E1;
    font: small sans-serif;
    font-weight: bold;
    overflow: auto;
}