/* =General
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul { margin: 1em 0; }

img { border: 0; }

/* =Typography
-----------------------------------------------------------------------------*/
body {
	font: 10.5pt Verdana, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0;
	padding: 0;
	text-align: center;
}

/* Centering Technique
================================== */

#wrapper {
	width: 98%;
	background: #FFFFFF url(../images/tl.png) no-repeat left top;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
	top: 0;
}

h3 {
	text-align: center;
}

/* =Headings
-----------------------------------------------------------------------------*/

#tr-corner {
	background: url(../images/tr.png) no-repeat top right;
	height: 15px;
	width: 15px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#header {
	width: 100%;
	margin-top: 10px;
	height: 140px;
	border-bottom: 1px #0C3A6D solid;
}

#header h1 {
	padding-top: 10px;
	padding-left: 400px;
}

#browse_crag {
	margin: 0;
	border-bottom: 1px solid #0C3A6D;
}

.login {
	color: #666;
	font-size:11px;
	padding: 5px;
	width: 100%;
}

.login a:link, .login a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #666;
}

.login a:hover {
	text-decoration:none;
	color: #FF0000;
}

/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #666;
}

a:hover, a:active {
	text-decoration:none;
	color: #FF0000;
}

/* =Main Nav
-----------------------------------------------------------------------------*/

#navlist {
	font: bold 11px verdana, arial, sans-serif;
	position: absolute;
	right: 5px;
	top: 108px;
	height: 30px;
}

#navlist ul {
	text-align: center;
	list-style-type: none;
	float: right;
}

#navlist li {
	float: left;
	height: 20px;
	background-color: #0C3A6D;
	margin: 0px 2px 0px 2px;
	border: 1px solid #0C3A6D;
	border-bottom: none;
}

li#active a {
	background-color: #fff;
	color: #000;
}

#navlist a {
	float: left;
	display: block;
	color: #999;
	text-decoration: none;
	padding: 4px;
}

#navlist a:hover { background: #fff; }

.left { float: left !important; }

/* =Main Content
-----------------------------------------------------------------------------*/

#mainContent {
	width: 98%;
	padding: 1em 0;
	margin: 0 auto 20px auto;
	position: relative;}

#mainContent a {
	color: #003399;
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;
}

#mainContent a:visited {
	color: #003399;
	background-color: transparent;
	text-decoration: none;
}

#mainContent a:hover {
	color: #000;
	text-decoration: none;
	background-color: transparent;
}

a.icon {
	border: none !important;
}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	width: 100%;
	height: 15px;
	text-align:center;
	color: #333;
	font-size:0.7em;
	background: url(../images/bl.png) no-repeat bottom left;
	position: absolute;
	bottom: 0;
}

#br-corner {
	height: 15px;
	width: 15px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../images/br.png) no-repeat bottom right;
}
	
#footer a { text-decoration: none; }

#footer a:hover {text-decoration: underline; }

/* =Forms
-----------------------------------------------------------------------------*/

.error {
	font-weight: bold;
	color:#FF3300;
	padding-left: 18px;
	background: url(../images/error.png) no-repeat left top;
}

.review_error {
	position: absolute;
	width: 300px;
	bottom: 250px;
	left: 50%
	margin-left: -150px;
	font-weight: bold;
	color:#FF3300;
	border: 2px solid #999;
	background: #ccc;
	line-height: 2;
}	

/* :KLUDGE: Explicitly set the width for IE6- */

* html .error { width: 10em; }

.error_title {
	font-weight: bold;
	color:#FF3300;
	background: url(../images/error.png) no-repeat left top;
	margin: auto;
	text-align: center;
	padding-left: 18px;
	width: 30em;	
}

fieldset {
	margin:1em 0;
	padding: 1em;
	border: 1px solid #ccc;
}

legend { font-weight:bold; }

label {
	float: left;
	width: 100px;
}

#register { margin: 0; }

#register label, #changePassword label { width: 150px; }

#register .error span {
	margin-left: 150px;
	padding-left: 150px;
}

/* Application Notes */
.note {
	display: block;
	margin-left: 100px;
}

#register.note {
	display: block;
	margin-left: 150px;
}

.note-row ul {
    list-style-position: inside;
}

.note-msg dl dd ul {
    margin: auto auto auto 2em !important;
    padding: auto !important;
    clear: both;
}

.note-msg dl dt {
    clear: both;
    line-height: 2em;
    text-align: left;
}

.note-msg dl dd {
    clear: both;
}
.note-msg dl dd li {
	float: left;
	width: 33%;
	line-height: 1.5em;
}

.button {
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}

.button a {
	text-align: center;
	text-decoration: none;
	background: url(../images/fade-butt.png);
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
}

.button a:active {
	background: #f4f4f4;
	border: 3px double #ccc;
	border-left-color: #999;
	border-top-color: #999;
}

/* App Form Settings
-----------------------------------------------------------------------------*/

.app_form_wrap table th {
	text-align: center;
	vertical-align: top;
}

.form_fields { text-align: left; }

.center_table { text-align: center; }

fieldset {
	border:2px groove threedface;
	display:block;
	margin-left:2px;
	margin-right:2px;
	padding:0.35em 0.625em 0.75em;
}

legend {
	border:medium none;
	float:none !important;
	height:auto !important;
	max-height:none !important;
	max-width:none !important;
	min-height:0 !important;
	min-width:0 !important;
	padding-left:2px;
	padding-right:2px;
	position:static !important;
	white-space:nowrap;
	width:-moz-fit-content !important;
}

#add_property {
	margin: 10px auto;
	font: bold 14px;
	text-align: center;
	border: 1px solid #CCC;
	position: relative;
	width: 250px;
	height: 60px;
	background: url(../images/add.png) no-repeat left bottom;
}

#add_property p { line-height: 30px; }

#add_property:hover {
	background: url(../images/add.png) no-repeat left bottom #CCCCCC;
	border: 1px solid #666;
	cursor: pointer;
}

.remove_property {
	margin: 10px auto;
	font: bold 14px;
	text-align: center;
	border: 1px solid #CCC;
	position: relative;
	width: 250px;
	height: 60px;
	background: url(../images/remove.png) no-repeat left bottom;
}

.remove_property p { line-height: 30px; }

.remove_property:hover {
	background: url(../images/remove.png) no-repeat left bottom #CCCCCC;
	border: 1px solid #666;
	cursor: pointer;
}

.money {
	text-align: left;
	width: 110px;
}

.fieldset_reset {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	margin: 10px auto;
	width: 131px;
	text-align: center;
	padding: 1px 0px 2px 0px;
	font-size: 12px;
	font-weight: bold;
	color:#0C3A6D;
	background-color:#eceff7;
	cursor: pointer;
}

.fieldset_reset:hover {
	padding: 1px 0px 2px 0px;
	font-size: 12px;
	color:#000000;
	background-color:#eceff7;
}

.date_picker { margin: 0 3px 0 0; }

.clear {
	clear: both;
	height: 20px;
}

.clear_small {
	clear: both;
	line-height: 10px;
}

.status {
	font-size: large;
	font-weight: bold;
}

.box_search {
	float: right;
	padding: 20px 20px 0px 20px;
	text-align: left;
	width: 230px;
}

.box_search span { font-weight: bold; }

.box_search form { clear: both; }

.box_search #search_button {
	float:right;
	margin: 0px 0px 0px 10px;
}

.box_search #search_field { float: left; }

.tablesorter {
	margin: 0;
	padding: 0;
}

/* Application List,  Event List & User List */

th a {
	font-weight: bold !important;
}

#app-list {
	width: 100%;
}

#event-list {
	width: 80%;
}

#app-list, #event-list {
	font-family:arial;
	font-size:8pt;
	margin:10px auto 15px;
	text-align:left;
	border: thin solid #ccc;
}

#app-list th, #event-list th {
	background-color:#94D27D;
	border:1px solid #ccc;
	font-size:8pt;
	padding:4px;
	text-align:center;
}

#app-list th a, #event-list th a {
	font-weight: bold;
}

#app-list td, #event-list td {
	border: thin solid #ccc;
	text-align:center;
	padding: 0.5em;
}

#event-list dl {
	margin:-1.5em 0 0.5em 0.5em;
}

#event-list dl ul {
	margin:auto 1em 0.5em;
}

#event-list dl ul li {
	float: left;
	margin:auto 1.5em;
}

#event-list dl dt {
	clear: both;
	margin-top: 1.5em;
}

/* Pagination */
	div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
		font-family:Tahoma,Helvetica,sans-serif;
		font-size:.85em;
	}
	
	div.pagination a {
		border: 1px solid #ccdbe4;
		margin-right:3px;
		padding:2px 8px;

		background-position:bottom;
		text-decoration: none;

		color: #0061de;		
	}
	div.pagination a:hover, div.pagination a:active {
		border: 1px solid #2b55af;
		background-image:none;
		background-color:#3666d4;
		color: #fff;
	}
	div.pagination span.current {
		margin-right:3px;
		padding:2px 6px;
		
		font-weight: bold;
		color: #000;
	}
	div.pagination span.disabled {
		display:none;
	}
	div.pagination a.next{
		border:2px solid #ccdbe4;
		margin:0 0 0 10px;
	}
	div.pagination a.next:hover{
		border:2px solid #2b55af;
	}
	div.pagination a.prev{
		border:2px solid #ccdbe4;
		margin:0 10px 0 0;
	}
	div.pagination a.prev:hover{
		border:2px solid #2b55af;
	}

/* Application specific */

#employment-information ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

#employment-information li { display: inline; }

#employment-information label {
	margin:0;
	padding:0;
	width:auto;
}

img#employed-radio {
	float:left;
	margin-top:4px;
}

fieldset.loan-info label { width:100%; }

div.app_form_wrap {
	clear:both;
	width: 98%;
	margin: auto;
}

div.prop_info_address { padding: 0px; }

div.prop_info_money { }

table.prop_info_table { }

table.prop_info_table label {
	text-align: left;
	width: 100%;
}

table.prop_info_questions { }

table.prop_info_questions label { width: 390px; }

table.prop_info_mortgage { }

table.prop_info_mortgage #required { width: 15px; }

#add-loan {
	background:transparent url(../images/add-trans.png) no-repeat scroll left center;
	font-size:12px;
	margin:5px auto;
	padding:8px 5px 10px 35px;
}

#add-loan a, a: visited {
	color:#000000;
	padding: 3px 5px 2px 5px;
	background-color: #eceff7;
}

#add-loan a:hover {
	color:#0C3A6D;
	background-color:#ffffff;
}

table.app_table, table.status_table {
	text-align: center;
	margin: 10px auto;
}

table.uploads tr td { text-align: center; }

table.status_table td {
	padding: 0 10px;
	vertical-align: top;
}

table.status_table .title {
	margin: 0 !important;
	text-align: center;
	padding: 0 !important;
}

table.app_table td {
	vertical-align: top;
	padding: 0px 0px 0px 15px;
}

table.app_table span { font-size: 12px; }

table.app_table span.error {
	font-size:10.5pt !important;
	margin-left: -1em;
}	

table.app_table label {
	text-align: left;
	padding: 0px 10px 0px 0px;
	width: 100%;
}

table.app_table td.title, table.app_table th.title {
	text-align: center;
	font-weight: bold;
}

table.app_table td { text-align: left; }

table.app_status td { text-align: center; }

table.app_table .required {
	vertical-align: middle;
	width: 10px;
}

table.app_table #required_label { text-align: center; }

.button_style {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	padding: 2px 5px;
	font-size: 12px;
	color:#0C3A6D;
	cursor: pointer;
}

.button_style:hover { color:#000000; }

div.toolbar {
	width: 90%;
	margin: auto;
	padding: 0px;
	text-align: center;
	font-weight: bold;
}

div.toolbar ul {
	list-style-type:none;
	padding: 0px;
	margin: auto;
	height:20px;
	text-align: center;
	width: 55em
}

div.toolbar ul li {
	border-top:1px black solid;
	border-left:1px black solid;
	border-bottom:1px black solid;
	margin: auto;
	padding: 3px 0px 2px 0px;
	font-size: 12px;
	float: left;
	background-color:#eceff7;
	border-right:none;
}

div.toolbar li#progress_end { border-right:1px black solid; }

div.toolbar a {
	color:#000000;
	padding: 3px 5px 2px 5px;
	background-color: #eceff7;
}

div.toolbar a.previous {
	background-image:url(../images/progress_bg2.png);
	background-repeat:repeat-x;
	background-position: top;
}

div.toolbar a:visited { color:#009900; }

div.toolbar a:hover {
	color:#0C3A6D;
	background-color:#ffffff;
}

div.toolbar p { padding: 10px 0px 0px 0px; }

div#progress a.current {
	color:#ffffff;
	padding: 3px 5px 2px 5px;
	background-image:url(../images/progress_bg.png);
	background-repeat:repeat-x;
	background-position:top;
}

div.linkbar {
	width: 90%;
	margin: auto;
	padding: 0px;
}

div.linkbar ul {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	font: bold 100% Arial;
	list-style: none;
}

div.linkbar li { display:inline-block;
    }

/* Control Panel */
div#control-panel {
	margin: 30px auto 10px auto;
	text-align: center;
}

div#control-panel h4 {
	margin: 10px 0px 5px 0px;
	padding-top: 15px;
	text-align: center;
}

div#control-panel .option_error { text-align: left; }

div.apply_options {
	display:block;
	height:8em;
	margin:auto;
	width:35em;
}

div.apply_options .outsource_options {
	float:left;
	margin:0 10px;
}

div.apply_options .outsource_options select {
	width: 200px;
	margin: 4px 4px 4px 0px;
}

div.apply_options .outsource_options label {
	width: 200px;
	text-align: center;
	margin: 4px 4px 4px 0px;
}

div.apply_options .change_status_options {
	display:inline-block;
	vertical-align:top;
}

.assignment {
	float: left !important;
	margin: 10px;
}

.apply_options1 {
	width: 800px;
	margin: auto;
}

.apply_options1 select {
	margin: 5px;
}

div.apply_options .change_status_options select {
	width: 200px;
	margin: 4px 4px 4px 0px;
}

div.apply_options .assign_agent {
	float:left;
	margin:0 10px;
}

div.apply_options .assign_agent select {
	width: 200px;
	margin: 4px 4px 4px 0px;
}

div.apply_options .delete_option {
	float:left;
	margin:30px 10px 0;
	width:200px;
}

td.money { text-align:right; }

ul.errorlist {
	list-style-type:none;
	color:red;
	font-weight:bold;
}

div.review_filter {
	margin: auto;
	padding-right: 80px;
	text-align: center;
	width: 600px;
}

div#filter_fields { width: 550px; }

div.application_button { width: 200px; }

div.user_filter { margin: auto; }

a#note-reveal { margin: auto; }

div.print-button {
	position: absolute;
	right: 0;
	top: 0;
}

a.app_print { float: right; padding: 10px; border: none; }

#id_message { margin: 10px auto; }

#note-form #submit { text-align: center; }

.prompt { text-align: center; }

#login_form {
	width: 500px;
	margin: auto;
}

#login {
	margin-left: 125px;
	display: block;
}

#quikqual-brand {
	float:left;
	height:70px;
	margin:50px 0 0 60px;
	text-align:center;
	width:120px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
}

#quikqual-brand div {
	background:transparent url(../images/quikqual-trans.png) no-repeat scroll;
	height: 60px;
	width: 120px;
}

.loan-info {
	width: 600px;
	margin: 15px auto;
}

.loan-button {
	text-align: center;
	margin-top: 20px;
}

.review-button {
	text-align: center;
	margin: 10px auto;
}

#button-wrapper { padding: 15px; }

#date-filter-wrapper { margin: 10px auto; }

#filter-wrapper {
	margin: 20px auto;
	width: 30em;
	padding-left: 8em;
}

#prop-links ul {
	text-align: center !important;
	width: 100% !important;
}

#note-form { text-align: center; }

.small-label {
	margin: 3px 0;
	padding: 0;
	font: 10px;
}

.space { margin: 20px; }

.space1 { margin: 10px; }

/* Application Div's */

.app-key {
	text-align: center;
	margin: 0 0 10px 0;
}

.app-2col-wrap {
	display: inline;
	float: left;
	width: 40%;
	margin: 0 5%;
	padding: 0;
}

.app-title {
	text-align: center;
	font-weight: bold;
}

.app-title-l {
	text-align: left;
	font-weight: bold;
}

.app-2col-wrap .app-col-label {
	margin: 5px 0;
	float: left;
	width: 45%;
}

.app-2col-wrap .app-col-input {
	width: 45%;
	float: left;
	text-align: right;
}

.app-col-input img, .app-input img, .app-3col img {
	margin-left: -20px;
	margin-right: 1px;
	padding: 0;
	width: 11px;
	position: relative;
}

.app-sm-col {
	width: 45em;
	margin: auto;
}

.app-sm-col .app-title {
	width: 50%;
	float: left;
	text-align: center;
}

.app-sm-col .app-title-label {
	width: 40%;
	float: left;
	text-align: center;
	font-weight: bold;
}

.app-sm-col .app-input-lg {
	width: 50%;
	float: right;
	text-align: left;
}

.app-sm-col .app-label {
	margin: 5px 0 5px 20%;
	width: 20%;
	float: left;
	text-align: left;
}

.app-sm-col .app-input {
	width: 60%;
	float: right;
	text-align: left;
}

.app-md-col {
	width: 45em;
	margin: auto;
}

.app-md-col .app-label, .app-md2-col .app-label {
	margin: 5px 0;
	width: 50%;
	float: left;
	text-align: left;
}

.app-md-col .app-input, .app-md2-col .app-input {
	width: 50%;
	float: right;
	text-align: left;
}

.app-row { position: relative; }

.app-md-col .app-row .app-input {
	position: absolute;
	right: 0;
	width: 50%;
	text-align: left;
}

.app-md-col .app-row .app-input .extra, .app-md-col .app-row .app-input .extra2 {
	position: absolute;
	width: 50px;
	left: -55px;
	text-align: right;
}

.app-md-col .app-row .app-input .extra { top: 3px; }

.app-lg-col { width: 100%; }

.app-lg-col .app-label {
	margin: 5px 0;
	width: 45%;
	float: left;
	text-align: left;
}

.app-lg-col .app-input {
	width: 55%;
	float: right;
	text-align: left;
}

.app-md-col .app-input span.sub {
	clear:both;
	display:block;
	margin:3px -500px 10px 0px;
	width:500px;
}

.app-setting { float: right; }

.app-key-error {
	text-align: center;
	font-weight: bold;
	color: #ff0000;
}

.app-input .hasDatepicker {
	margin-left: 4px;
	margin-right: 20px;
	margin-bottom: 1px;
}

.ui-datepicker-trigger {
	height: 17px !important;
	width: 17px !important;
	margin: auto 3px -4px;
}

.app-md2-col {
	margin: auto;
	width: 40em;
}

.app-3col {
	margin: 5px 0;
	float: left;
	width: 33%;
}

/* Calculator */

#calculator {
	width: 70%;
	margin: auto;
}

#calculator .c-title {
	font-weight: bold;
	text-align: center;
}

#calculator p {
	display: inline;
	float: left;
	width: 33%;
}

/* Hover Box */
.right-cover {
	position: fixed;
	z-index: 10;
	right: 40px;
	bottom: 10px;
	padding: 0px 10px;
	width: 11em;
	background: url(../images/semi-trans.png) repeat;
	border: 1px solid #000000;
}

.right-cover p {
	line-height: 1em;
	margin: 0.5em 0 !important;
}

.right-cover .c-title {
	font-weight: bold;
	position: absolute;
	top: -20px;
}

.next {
	margin: auto;
	text-align: center;
}

.app-textarea { text-align: left; }

div .title {
	text-align: left;
	font-weight: bold;
	padding: 0 0 0 5%;
	margin: 0 -5% 0 0;
}

.md2_4col_row {
	margin-right: -33%;
	width: 133%;
}

.app-4col {
	float: left;
	width: 25%;
}

/* Application Notes */

#app-notes table {
	width: 100%;
}

#app-notes table tr th {
	padding: 5px;
	text-align: center;
}

#app-notes table tr td {
	padding: 5px;
}

td.note-post {
	width: 20%;
}

td.note-date {
	width: 15%;
}

#note-title-row {
	clear: both;
	font-weight: bold;
	line-height: 3em;
	vertical-align: top;
	background: #94d27d;
}

#note-title-row div {
	background: #94d27d;
	border-bottom: 1px solid #cdcdcd;
}

.note-row { }

div.note-msg {
	float:left;
	padding-right:2%;
	padding-left: 1%;
	width:58%;
	padding-top: 5px;
	padding-bottom: 5px; 
}

div.note-post {
	float:left;
	padding-right:2%;
	width:15%;
	padding-top: 5px;
	padding-bottom: 5px; 
}

div.note-date {
	float:left;
	width:15%;
	padding-top: 5px;
	padding-bottom: 5px; 
}

.note-row div {
	padding-top: 10px;
	padding-bottom: 10px;
}

.odd {
	background: #F0F0F6;
	border-bottom: 1px solid #cdcdcd;
}

.even {
	background: #ccc;
}

.button2 {
	background-color:white;
	font-family:arial;
	font-weight:normal;
}

#filter-block {
	width:40em;
	text-align: center;
	margin: auto;
}

.loan-info-extra {
	margin: auto;
	text-align: center;
  border-style:;
}

.loan-info-extra a, .remove { background:transparent url(../images/remove-trans.png) no-repeat scroll left center; }

.loan-info-extra a {
	border-color:#CCCCCC #000000 #000000 #CCCCCC;
	border-style:solid;
	border-width:1px;
	display:block;
	margin:15px auto;
	padding:10px 0 10px 10px;
	width:12em;
	font-size: 12px;
}

#add-property, .add { background:transparent url(../images/property-trans.png) no-repeat scroll left center; }

#add-property {
	font-size:12px;
	margin:5px auto;
	padding:8px 5px 10px 35px;
}

.add, .remove {
	border-color:#CCCCCC #000000 #000000 #CCCCCC;
	border-style:solid;
	border-width:1px;
	display:block;
	margin:15px auto;
	padding:10px 0 10px 20px;
	width:12em;
	font-size: 12px;
}

.app-instructions { text-align: center; }

.button-wrap { text-align: center; }

.ui-dialog div#dialog p { font-size: 12px; }

html body .ui-datepicker-div { z-index: 100; }

input[type='submit'] {
	background-color:white;
	font-weight:normal;
	font-family:arial;
}

/* Application List Filters */

div#filter-block a#cancel-filter { background-color:white; }

div#confirm-date, div#filter-block {
	display:none;
	background-color:#d9e2fe;
	border:#002f65 solid 3px;
	padding:10px;
	overflow:auto;
	font-size:12px;
	margin: 10px auto 0 auto;
}

html body div#confirm-date {
	bottom:150px;
	left:50%;
	margin-left:-175px;
	position:absolute;
	width:350px;
}

div#assigned-filter-wrapper {
    float:left;
    margin-right:20px;
}

div#pay-status-wrapper {
	float:left;
	margin-right:20px;
	width:130px;
}

div#app-status-wrapper {
	float:left;
	width:180px;
	margin-right:20px;
}

div#date-filter-wrapper { }

div#button-wrapper { clear:left; }

fieldset#applicant-info input { width:120px; }

fieldset#income-info input { width:110px; }

div.review_filter {
	text-align: left;
	margin:auto;
}

div.review_filter select {
	width: 165px;
	margin: 2px 4px 4px 0px;
}

div.review_filter label {
	width:auto;
	float:none;
}

div.review_filter .filter_calendar { margin: 4px 4px 8px 0px; }

div.review_filter #filter_button {
	width: 120px;
	float: left;
}

#filter_button input { width: 90px; }

div.application_button {
	margin: 30px auto 10px auto;
	clear: both;
}

div.user_filter {
	width: 90%;
	margin: auto;
}

div.filter-set {
	width:570px;
	margin: auto;
}

div.filter-set label {
	width:160px;
	font-weight:bold;
}

div.filter-set input {
	width:100px;
	margin-left:20px;
}

div.filter-set input[type='submit'] { float:right; }

.total-expenses {
	color:red;
	font-weight:bold;
}

.total-income {
	color:green;
	font-weight:bold;
}

span.processor { color:blue; }

span.reviewer { color:#FF6600; }

span.inhouse-reviewer { color:#009900; }

.cent {
	margin: auto !important;
	text-align: center !important;
	float: none !important;
	display: block !important;
}

.dash-space {
	display: block;
	height: 5px;
	width: 100%;
}

div.expanded {
padding-bottom:3em;
}

.centered {
	margin: auto;
	text-align: center !important;
}

#users { width: 600px; }

/* ---------- Review Detail Hierarchy ---------- */

.agent_title, .hierarchy_title {
	font-weight: bold;
	margin: auto;
	text-align: center !important;
	display: block;
}

.hierarchy_title {
	padding-right: 3%;
}

.review_hierarchy {
	display: inline-block;
	margin: 20px auto;
	padding: 0 15px;
}

.hierarchy_supervisor {
	background: url(../images/arrow_right.png) no-repeat left center;
	padding-left: 60px !important;
}

.agent_info {
	text-align: center;
}

div.expanded {
	padding-bottom:3em;
}

/* Agent Request */

ul.form {
	margin: auto;
	width: 40em;
}

	ul.form li {
		list-style: none;
		clear: left;
		margin: 0.5em 0;
	}
	ul.form li label {
		white-space: nowrap;
		width: 15em;		 
	}
	ul.form li textarea {
		margin-right: -10em;
	}
	ul.form li ul.errorlist {
		margin: 0;
		margin-left: 15em;
		padding: 0;
	}

/* File Uploads */

.file_attachment tr td {
	text-align: center !important;
}

.delete_option {
	text-align: center;
	margin: 15px;
}

ul.attachments {
	margin: auto auto auto -5em;
	text-align: left;
}

/* Safari & Chrome Hack */
body:nth-of-type(1) ul.attachments {
	margin: auto !important;
}

.attachments li {
	list-style: none;
	line-height: 1.7em;
}
	
a.doc, a.rtf {
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/icon_doc.gif) no-repeat center left;
}

a.txt {
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/icon_txt.gif) no-repeat center left;
}

a.xls {
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/icon_xls.gif) no-repeat center left;
}

a.vcard { 
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/icon_vcard.gif) no-repeat center left;
}

a.pps { 
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/icon_pps.gif) no-repeat center left;
}

a.pdf { 
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/icon_pdf.gif) no-repeat center left;
}

a.zip, a.rar, a.gzip, a.bzip, a.ace { 
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/icon_archive.gif) no-repeat center left;
}

a.ical { 
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/icon_ical.gif) no-repeat center left;
}

a.jpg, a.gif, a.png, a.bmp, a.jpeg, a.svg, a.eps { 
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/icon_pic.gif) no-repeat center left;
}

/* Event Forms */

#event_form label {
	clear: both;
}
#event_form ul {
	margin: 0;
	list-style-type: none;
}
table#event_container {
	background-color: #ccc;
}

#event_form td, th {
	background-color: white;
	vertical-align: top;
}

#event_container th {
	padding-top: 1em;
	padding-left: 1em;
}

#event_container label {
	margin-right: 10px !important;
	width: auto;
}

.event_date {
	margin: 10px;
}

.event_time {
	float: left;
	margin: 10px;
	width: 21em;
}

.event_time input {
background:transparent url(../images/clock.png) no-repeat scroll right center;
padding-right:18px;
}

.event_atendees td {
	padding: 1em;
}

.event_atendees li {
	float: left;
	display: block;
	line-height: 1.5em;
	width: 25%;
}

.event_atendees_application li {
	display: block;
	line-height: 1.3em;
	clear: both;
}

.event_atendees ul {
	clear: both;
	display: block;
	height: 20px;
}

#aa {
	margin-left: 1em;
}

#aa li {
	float: none;
	line-height: 2em;
}

.attendees_application {
	float: left;
	width: 50%;
}

.attendees_application label {
	width: 300px !important;
}

.event_atendees br {
	clear: both;
}

#event_select {
	float: right;
	margin: 1em 7em auto auto;
	width: 15em;
}

.event_select {
	float: left;
	margin-left: 5em;
	width: 15em;
}

.event_title td, .event_description td, .event_type td, .event_reoccur td, #end_recurring_period_container td, #id_location_container td, #id_phone_number_container td {
	padding: 1em;
}

.event_submit, .event_cancel {
	margin: 1em;
}

.event_atendees .event_additional {
	margin: 1em;
}

#additional_attendee_container table tbody tr td {
	padding: 5px;
}

#event_submit input {
	margin: 1em auto;
}

.event_atendees {
	padding: 1em;
}

/* Time Picker */

.CP {
	z-index: 110;
}

#CP_hourcont {
	padding: 0px;
	position:absolute;
	border:1px dashed #bbbbbb;
	background-color:#dddddd;
	display:none;
}

#CP_minutecont {
	background-color:#dddddd;
	padding: 0px;
	position:absolute;
	width:68px;
	border: 1px dashed #cccccc;
	display:none;
}

.floatleft {
	float:left;
}

.CP_hour {
	width:35px;
}

.CP_minute {
	width:55px;
}

.CP_minute, .CP_hour {
	padding:3px;
	background-color:#eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	white-space:nowrap;
	cursor:pointer;
	margin:3px;
}

.CP_over {
	background-color:#ffffff;
}

/* Event List */
#event-list th {
	vertical-align:bottom;
}

#event-list th u {
	line-height: 1.5em;
}

.note-row ul {
	list-style-position: inside;
}

div#ajax_spinner {
	background: url(../images/ajax-loader.gif) no-repeat center center;
	position: absolute;
	width:32px;
	height:32px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
}

div.center_wrap {
	margin:auto;
	text-align:center;
	width:800px;
}

div.select_wrap {
	float: left;
	margin: 10px;
}