/**************************************
*
*  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/phr/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/phr/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/phr/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: 5px;
	padding: 0px;
    background: #EEECDB;
	cursor: default;
}

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

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

#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;
}

#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.monthHasNote {
    position: absolute;
    z-index: 2;
    margin: 5px;
    padding: 2px;
    font-family: sans-serif;
    font-size: medium;
    color: #000;
	background: #FFFF00;
    cursor: default;
}

/**************************************
*
* 	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;
	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: large 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: large sans-serif;
	border: 5px double #FBF8E5;
	background: #FBF8E5;
}

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

#diarySideBar {
    margin: 0px 4px 0px 4px;
    padding: 2px;
    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: large sans-serif;
    color: #000;
    border: 0px;
}

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