/* CSS Stylesheet */
@import url(tabular/tabular.css);
@import url(datepicker/datePicker.css);
@import url(form.css);

* {
    margin: 0px;
    padding: 0px;
    zoom: 1;
    }
body {
    font-size: 1em;
    }
a {
    text-decoration: none;
    color: blue;
    }
a:hover {
    text-decoration: underline;
    }

br.clear {
    clear: both;
    }

.right {
    float: right;
    }

/* Base layout */
#topbar_container, #as_container, #af_container, #content_container {
    margin: auto;
    padding: 10px;
    }
#topbar_container {
    border-bottom: 1px solid #333;
    background: #5656BB;
    color: #FFF;
    }
#topbar_container .form {
    float: left;
    }
#topbar_container .form label {
    display: inline;
}
#topbar_container .links {
    padding: 4px 0 0 0;
    }
#topbar_container a {
    color: #FFF;
    }
#topbar_container .panelanchor {
    padding: 0 12px 0 0;
    background: transparent url(../images/as_up.png) right center no-repeat;
    }
#topbar_container .down {
    background: transparent url(../images/as_down.png) right center no-repeat;
    }
#as_container, #af_container {
    display: none;
    border-bottom: 1px solid #333;
    background: #D7D7E1 url(../images/search_grad.png) top left repeat-x;
    }
#af_container {
    padding: 10px;
    }
#af_container a {
    padding: 5px 15px 5px 0px;
    }
#content_container {
    background: transparent url(../images/search_grad.png) top left repeat-x;
    }

/* Drop In Form Styles */
.hidden {
    display: none;
    }

#content_container .form .button {
    /*float: right;*/
    font-size: 0.9em;
    margin-left: 3px;
    }

.notes_detail_list {
    padding: 0px;
    margin: 10px 30px 0 20px;
    }
.notes_detail_list li {
    margin: 0 0 10px 10px;
    padding: 3px;
    background-color: #DDF;
    }
.notes_detail_list li.new {
    list-style: none;
    }
.notes_detail_list li.outcome {
    background-color: #ACFFAE;
    }
.notes_detail_list p.meta {
    font-size: 0.8em;
    color: #33F;
    float: right;
    }
.notes_detail p.casetype_note {
    font-style: italic;
    font-weight: bold;
    }
/* DatePicker */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 2px 0px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/datepicker/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
}