/* Pika 3.06 default style sheet */

a:hover {
    color: #000000;
}

a:link {
    color: #000000;
}

a:visited {
	color: #000000;
}

a:active {
	color: #000000;
}

body {
	background-repeat: repeat-x;
	background-image: url(<?php echo $url; ?>/images/gradient.jpg);
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0em;
	padding-top: .5em;
	background-color: #dfe2bb;
	margin: 0em;
	font-family: helvetica, arial, sans-serif;
	color: black;
	font-size: 0.8em;
}

div {
	text-align: left;
	overflow: visible;
}

h1 {
    color: black;
	font-size: 1.2em;
	border-bottom: gray;
	margin-top: .4em;
	margin-bottom: 0em;
}

h2 {
	text-transform: uppercase;
	color: #0d1532;
	margin-top: .5em;
	font-size: 1.1em;
}

h3 {
	font-size: 0.7em;
	color: #666666;
	margin: .25em;
	margin-left:0em;
	padding: 0.2em;
	padding-left: 0em;
}

input, select {
	font-size: 0.9em;
}

iframe {
	border: 1px #999999 solid;
}

img {
	border: black 0em solid;
}

label {
 cursor: pointer;
 cursor: hand;
} 

table
{
	margin-left: 0.5em;
	margin-right: 0.5em;
}

table.nopad
{
	margin-left: 0em;
	margin-right: 0em;
}

tr {
	font-family: Geneva, Arial, Helvetica, san-serif; 
}

th {
	text-align: left;
	font-size: 0.95em; 	
	padding: 0.3em;
	color: white; 
	background: url(<?php echo $url; ?>/images/th-gradient.jpg) 0 0 repeat-x #646ea0;
	background-color: #646ea0;
	
}

th a, th a:visited, th a:link { color: #fff; }

ul {
	list-style: none;
	margin-left: 0.6em;
	margin-right: 0.6em;
	padding: 0em;
}

#auth_label, #auth_label a {
	font-size: 1.0em;
	font-weight: normal;
	padding: 0em;
	margin: 0em;
	padding-top: 0.6em;
	margin-left: 0.1em;
	margin-bottom: 0em;
	font-size: 1.0em;
	text-align: right;
	color: #303030;
}

#bottom_searchbox {
padding-top: 2em;
padding-bottom: 1em;
}

#cal_tabs {
float:left;
padding-right: 1em;
background:url(<?php echo $url; ?>/images/tab_gradient.jpg) repeat-x bottom;
font-size:80%;
line-height:normal;
}

#cal_tabs ul {
margin:0;
list-style:none;
}

#cal_tabs li {
float:left;
margin:0;
padding:0 0 0 9px;
}

#cal_tabs a {
display:block;
background-color: #bcbf9e;
padding:5px 10px 4px 6px;
border-top-color: #bcbf9e;
border-left-color: #bcbf9e;
border-right-color: #bcbf9e;
border-right-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-top-style: solid;
border-left-width: 1px;
border-top-width: 1px;
text-decoration:none;
}

#cal_tabs #current a {
border-top-color: #bcbf9e;
border-left-color: #bcbf9e;
border-right-color: #bcbf9e;
border-right-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-top-style: solid;
border-left-width: 1px;
border-top-width: 1px;
background-color: #dfe2bb;
padding-bottom:5px;
}

#case_screen {
padding-left: 0.7em;
}

#case_summary {
border: 1px yellow solid; background-color: #ffffaa; padding: .3em; margin-top: 1em;
} 

#case_tabs {
font-size:80%;
margin-bottom: 1em;
}

#case_tabs ul {
margin:0;
list-style:none;
background:url(<?php echo $url; ?>/images/tab_gradient.jpg) repeat-x bottom;
padding: 0.4em;
margin-top: 0.6em;
}

#case_tabs li {
margin:0;
padding:0 0 0 9px;
display: inline;
}

#case_tabs a {
background-color: #bcbf9e;
padding:5px 10px 4px 6px;
border-top-color: #bcbf9e;
border-left-color: #bcbf9e;
border-right-color: #bcbf9e;
border-right-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-top-style: solid;
border-left-width: 1px;
border-top-width: 1px;
text-decoration:none;
}

#case_tabs #current a {
border-top-color: #bcbf9e;
border-left-color: #bcbf9e;
border-right-color: #bcbf9e;
border-right-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-top-style: solid;
border-left-width: 1px;
border-top-width: 1px;
background-color: #dfe2bb;
padding-bottom:5px;
}

#copyright, #copyright a {
padding: 0.0em;
color: #303030;
text-align: center;
}

#footer {
	margin: 0em;
	width: 59em;
	border-top-color: #646EA0;
	border-top-style: solid;
	border-top-width: 3px;	                   
}

#header {
	border-bottom-color: #646EA0;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: 0.6em;
	padding-bottom: 0.0em;
	margin: 0em;
	width: 59em;
}

#main {
	width: 59em;
	margin: 0em;
}

#middle-content {
	padding: 0em;
	margin: 0em;
}

#ql {
	color: #303030;
	width: 59em;
	text-align: center;
	padding: .3em;
}

#ql a {
	color: #303030;
}

#quick_links li {
	list-style-type: none;
	display: inline;
	padding: 0em;
	margin: 0em;
	margin-left: 0.4em;
	margin-right: 0.4em;
}

#quick_links {
	padding: 0em;
	margin: 0em;
}

#quick_links a
{
	color: #FFFFFF;
}

#searchbox {
	text-align: right;
	padding-top: 0.1em;
}

#site_name {
	padding: 0.0em;
	margin: 0.0em;
	margin-left: 0.3em;
	font-size: 1.6em;
	font-weight: bold;
}

#site_name a {
	text-decoration: none;
}

#software_label {
	padding: 0.2em;
	margin: 0.2em;
	padding-left: 0em;
	margin-left: 0.55em;
	font-size: 1.0em;
	color: #303030;
}

#software_label a{
	color: #303030;
}

<span>/* Standardize the size of data entry fields.
*/</span>
.de select {
	width: 14.5em;
}

.de input {
	width: 14.5em;
}

.de textarea {
	width: 14.5em;
}

.de input.plcheck, .de input.plradio {
	width: 1.1em;
}

<span>/* Specialized data entry fields.
*/</span>
.de input.city {
	width: 11.8em;
}

.de input.state {
	width: 1.9em;
}

.de input.zip {
	width: 5em;
}

.de input.county {
	width: 8.7em;
}

.de input.acode {
	width: 3em;
	border-style: none; 
	padding: 0em;
}

.de input.phone {
	width: 8em;
	border-style: none;
	padding: 0em;
}

<span>/* Standardize the size of fields in the sidebar.
*/</span>
.side select {
	width: 11.9em;
}

.side input {
	width: 11.9em;
}

.side input.plcheck, .side input.plradio {
	width: 1.1em;
}

<span>/* Eligibility fields.
*/</span>
.elig input {
	width: 5.5em;
}

.elig select {
	width: 10em;
}

.elig1 input {
	width: 2em;
}

.elig2 input {
	width: 5.5em;
}

/* Settings fields.
*/
.settings input {
	width: 18em;
}

.settings select {
	width: 18em;
}

.settings input.plcheck, .settings input.plradio {
	width: 1.1em;
}

<span>/* Case list fields. */</span>
.clf select {
	width: 10em;
}

.clf input {
	width: 10em;
}

td.side-column {
	width: 13em;
}

td.contact-column table {

	margin-left: 0.6em;
	margin-right: 0.6em;
	width: 12.7em;
}

td.contact-column p { margin-bottom: 0em; }
td.side-column ul { padding: 0 0 0 1.5em; }

<span>/* alternating table rows */</span>
.row1 { background-color: transparent; }
.row2 { background-color: #c4c7a5; }
<span>/* .row2 A:hover {background-color: #ffffff; } */</span>

<span>/* "masked" form fields */</span>
.maskf { border-style: none; padding: 0em; }
.maskt { border: inset #d0d0d0 2px; background-color: #ffffff; }

input.save
{
	border: 2px yellow outset;
	background-color: blue;
	background-image: url(<?php echo $url; ?>/images/button-gradient.jpg);
	background-repeat: repeat;
	font-weight: bold;
	font-size: 1.1em;
}

.thinborder {
	border-color: #bbbbbb;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.abutt
{
	border: #CCCCCC 2px outset;
	background-color: #CCCCCC;
	color: black;
	/* font-weight: bold; */
	font-size: .99em;
	padding-left: .3em;
	padding-right: .3em;
	padding-top: .0913em;
	padding-bottom: .0913em;
	text-decoration: none;
}

<span>/* calendar rows (w/ gray border) */</span>
.calrow { 
	border: #888888 1px solid; 
	background-color: #ffffff;
}

.mycal { font-size: 0.7em; }
.othercal { font-size: 0.7em; color: #555555; }

<span>/* case notes text formatting styles */</span>
.yh {background-color: #ffff44;}
.ph {background-color: #ff7777;}
.lt {text-decoration: line-through;}
.ul {text-decoration: underline;}