.dataform {
    margin-bottom: 5px;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    background: #eee;
    width: 100%;
}
.dataform th {
    font-weight: bold;
    vertical-align: top;
}
.dataform td, .dataform th {
    padding: 3px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
}

.datalist {
    border: 1px solid #d4d4d4;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    width: 100%;
}

.datalist h3 {
    color: #444444;
}
table.datatable th, table.datatable td {
    border-bottom: 1px solid #e0e0e0;
}

table.datatable td, table.datatable th {
    font-size: 11px; line-height: 15px;
    vertical-align: top;
    padding: 5px 10px;
}
table.datatable th {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
}

tr.alt th, tr.alt td {
    background: #f4f4f4;
}
.row1 th, .row1 td {
    background: #f4f4f4;
}
.row2 th, .row2 td {
    background: #fff;
}

label {
    margin: 5px 0 -5px 0;
    padding-top: 5px;
    width: 150px;
    color: #444; font-size: 11px; line-height: 14px;
    cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}

input, textarea, select, button {
    margin: 0;
    vertical-align: middle;
    color: #666; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold;
    border: 1px solid #bbb;
    border-color: #ccc #ddd #ddd #ccc;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
    outline: none;
}
input:focus, textarea:focus, select:focus {
    border-color: #839CA2;
}

input[type=text], input[type=password] {
    padding: 2px 3px;
    height: 14px;
}

input[type=submit], input[type=button], button, a.button, a.add-row {
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    margin-top: 0; margin-bottom: 0; padding: 4px 5px 5px;
    width: auto; height: 25px;
    font-weight: bold;
    color: #fff;
    background-color: #839CA2;
    cursor: pointer;
    border: none;
}
a.add-row {
	text-transform: capitalize;
}
input[type=submit].save, input[type=button].save, button.save {
    background: url(../img/icons/save.png) no-repeat 5px 50%;
    padding-left: 22px;
    background-color: #839CA2;
}
input[type=submit].find, input[type=button].find, button.find {
    background: url(../img/icons/find.png) no-repeat 5px 50%;
    padding-left: 26px;
    background-color: #194574;
}
input[type=submit].reset, input[type=button].reset, button.reset {
    background: url(../img/icons/reset.png) no-repeat 5px 50%;
    padding-left: 22px;
    background-color: #666666;
}
input[type=submit].forward, input[type=button].forward, button.forward {
    background: url(../img/icons/forward.png) no-repeat 5px 50%;
    padding-left: 22px;
    background-color: #666666;
}
input[type=submit].delete, input[type=button].delete, button.delete {
    background-color: #bf3030;
}
input[type=submit].new, input[type=button].new, button.new {
    background: #666666 url(../img/icons/add.png) no-repeat 5px 50%;
    padding-left: 24px;
}
input[type=submit]:hover, input[type=button]:hover, button:hover, a.button:hover, a.add-row:hover {
    color: #fff;
    background-color: #184777;
}

select option:disabled {
    color: #AAA;
}

.fright {
    float: right;
}

ul.errorlist li {
    color: #990000;
}

.info {
    padding: 5px;
    border: 1px solid #fcefa1; 
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
    background-color: #fbf9ee;
    color: #666666;
}
div.info {
    margin: 10px 0px;
}
.error {
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    padding: 5px;
    border: 1px solid #990000;
    background-color: #ffeeee;
    color: #990000;
}
div.error {
    margin: 10px 0px;
}

em {
    font-style: italic;
}

/************************/
/** Anchors with icons **/
/************************/
a.add {
    background: url(../img/icons/add.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.edit {
    background: url(../img/icons/edit.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.print {
    background: url(../img/icons/print.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.back {
    background: url(../img/icons/back.png) no-repeat 5px 50%;
    padding: 3px 0px 3px 25px;
}
a.forward {
    background: url(../img/icons/forward.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.save {
    background: url(../img/icons/save.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.cancel {
    background: url(../img/icons/cancel.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.comment {
    background: url(../img/icons/comment.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.view {
    background: url(../img/icons/view.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.menu {
    background: url(../img/icons/menu.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.tenants {
    background: url(../img/icons/tenants.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.filter {
    background: url(../img/icons/filter.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.reset {
    background: url(../img/icons/reset.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.send {
    background: url(../img/icons/forward.png) no-repeat 100% 50%;
    padding: 3px 20px 3px 0px;
}
a.printable {
    background: url(../img/icons/print.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.excel {
    background: url(../img/icons/excel.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.pdf {
    background: url(../img/icons/pdf.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.audittrail {
    background: url(../img/icons/audittrail.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.serviceportal {
    background: url(../img/icons/serviceportal.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.memberprofile {
    background: url(../img/icons/member-profile.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
a.mailmerge {
    background:url("../img/page_code.png") no-repeat scroll 0 50% transparent;
    padding:3px 0 3px 20px;
}
a.download {
    background:url("../img/icons/download.png") no-repeat scroll 0 50%;
    padding:3px 0 3px 20px;
}

/************************/


/** Common styles for status display **/
.status {
    background-position: 0% 50%;
    background-repeat: no-repeat;
    font-weight: bold;
    color: #336699; 
}
.status1 {
    padding: 3px 0px 3px 20px;
    background-image: url(../img/status/new.png);
    color: #990000;
}
.status2 {
    padding: 3px 0px 3px 20px;
    background-image: url(../img/status/closed.png);
    color: #999999;
}


div.statuschange {
    margin: 5px 0px;
    padding: 3px 5px;
    background-color: #fbf9ee;
    border: 1px solid #fcefa1; 
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

div.forward {
    margin: 10px 0px;
    padding: 5px;
    background-color: #ebf9ee;
    border: 1px solid #acefa1; 
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
div.forward span.forward {
    background: url(../img/icons/forward.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
div.forward .commentbody {
    padding: 10px;
}


.calendar {
    background: url(../img/icons/calendar.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}

ul.statuschange {
    width: 120px;
}
ul.statuschange li {
    margin: 3px;
    padding: 3px;
    background-color: #839CA2;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
ul.statuschange li a {
    display: block;
    color: white;
}
ul.statuschange li:hover {
    background-color: #444444;
}

#property-info {
    
}
#property-info h2 {
    
}

div.filter {
    padding: 5px;
    background-color: #CCCCCC;
    border: 1px solid #666666;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
div.filter ul {
    display: inline;
}
div.filter li {
    list-style: none;
    display: inline;
    padding: 0px 5px;
}
div.filter li label {
    font-weight: bold;
}


/*** Comments ***/
div.comment {
	-moz-border-radius:4px 4px 4px 4px;
    background-color: #eeeeee;
    border: 1px solid #999999;
    margin-bottom: 5px;
}
div.comment .commentinfo {
    background-color: #dddddd;
    border-bottom: 1px solid #999999;
    padding: 5px;
}
div.comment .commentdate {
    float: right;
    font-weight: bold;
}
div.comment .createdby {
    font-style: italic;
}
div.comment .private {
    background: url(../img/icons/private.png) no-repeat 0% 50%;
    padding: 3px 0px 3px 20px;
}
div.comment .commentbody {
	margin: 0;
	padding: 5px;
}

/*** Menu styles ***/
/* No longer used
ul.menu {
}
ul.menu li {
    margin: 3px;
    padding: 3px;
    background-color: #839CA2;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
ul.menu li:hover {
    background-color: #444444;
}
ul.menu li a {
    display: block;
    color: white;
    font-weight: bold;
}
*/

a.summary {
    display: block;
    float: left;
    padding: 10px;
    width: 125px;
    height: 55x;
    border: 1px solid #839CA2;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    background-color: #C8D3D5;
    text-align: center;
    font-weight: bold;
    margin: 10px;
    color: #52676B;
}
a.summary .sumcount {
    color: #657D5E;
    font-size: 16px;
    background-color: #D5D0C8;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
    border: 1px solid #A09583;
    padding: 0px 5px;
}
a.summary div.sumtext {
    margin-top: 3px;
}
a.summary:hover {
    background-color: #666666;
    color: white;
    cursor: pointer;
}

table.vendorlist div.vendor {
    padding: 5px;
}

.sorted {
    padding-left: 20px;
    background: url(../img/icons/sort_asc.png) no-repeat;
}

li#date_range #dates {
    width: 200px;
}

#dates {
    background: #fff url(../img/icons/calendar.png) 95% 50% no-repeat;
}

p.warning {
    color: red;
    float:left;
    margin: 0 10px;
}
div.warning {
    background: #ffffcf url(../img/icons/warning.png) 5px 50% no-repeat;
    border: 1px solid #b5b244;
    padding: 10px 10px 10px 45px;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}
div.error {
    background: #ffeeee url(../img/icons/error.png) 5px 50% no-repeat;
    color: #990000;
    border: 1px solid #990000;
    padding: 10px 10px 10px 45px;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}

#member-search {
    padding: 5px 0;
    background-color: #EEEEEE;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#CCCCCC));
    background-image: -moz-linear-gradient(19% 75% 90deg,#CCCCCC, #EEEEEE);
    width: 100%;
    color: #444;
    font-weight: bold;
    text-shadow:1px 1px 1px #FFF;
}
#member-search .member-search-title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 40px;
    width: 200px;
}
#member-search .member-search-name {
    margin-right: 20px;
}
#member-search .member-search-name ul.errorlist {
    margin-right: 10px;
    margin-top:3px;
    float:left;
}
#member-search .member-search-id {
    margin-right: 20px;
}
#member-search div {
    float: left; 
    padding: 0 10px;
}
#member-info {
    padding: 10px 20px;
    color: #eee;
    text-shadow: 1px 1px 1px #000;
    font-size: 16px;
    font-weight: bold;
    background-color: #666;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#666));
    background-image: -moz-linear-gradient(19% 75% 90deg,#666666, #999999);
    border-bottom: 1px solid #444;
}

body.membership table.dataform input[type='text'], body.membership table.dataform input[type='email'], table.dataform textarea {width:400px;}
body.membership table.dataform th {width:130px;}

body.serviceportal table.dataform input[type='text'], table.dataform textarea {width:400px;}
body.serviceportal table.dataform th {width:130px;}

a.advanced-link {
    margin-left: 10px;
}

table.inlines input {
    float:left;
}
#buttonrow {
	margin-top: 10px;
}
a.add-button {
    padding:5px 0 0 10px;
}

span.add-another, span.clear-field {
    display:block;
    width:16px;
    height:16px;
	float: left;
	margin-left: 10px;
}

span.add-another {
    background-image:url(../img/add.png);
}

span.clear-field {
    background-image:url(../img/icons/reset.png);
}

input.autocomplete, select.autocomplete {
	float: left;
}
div#photo {
	width: 148px;
	float: right;
	margin: 0 70px;
	padding: 20px;
}
td.photo {
	vertical-align: top;
	width: 200px;
}

div#member div#img-wrap {
    position: absolute;
    right: 20px;
    width: 148px; 
    height: 222px; 
    margin: 40px 25px 0 0;
    text-align:center;
}

div#member div#img-wrap.view-only {
    background-color: transparent; 
}

div#member div#img-wrap a.inactive {
    background-color: grey; 
    cursor: default;
}

div#member img {
    margin:-10px -10px 10px 0;
    -webkit-box-shadow: -5px 5px 10px #888888;
    -moz-box-shadow: -5px 5px 10px #888888;
    box-shadow: -5px 5px 10px #888888;
}

div#member input[type='text'], div#member textarea {width:360px;}

div#member a.download {
    background-color: #839CA2;
    padding: 4px 5px 5px 20px;
}
div#member a.remove {
    margin-top: 10px;
    color: #900;
}

a#add-member {
    background: url(../img/icons/add.png) no-repeat 0 50%;
    padding: 3px 0px 3px 20px;
    margin-right: 10px;
}

div.clear {
    clear: both;
}

/** messages **/
ul.messages {
    margin: 10px 0;
}
ul.messages li {
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    padding: 5px;
    font-weight: bold;
    margin-bottom: 5px;
}
ul.messages li a.hide {
    float: right;
    color: #666666;
    font-size: 10px;
    display: none;
}
ul.messages li:hover a.hide {
    display: inline;
}
ul.messages li.success {
    padding-left: 25px;
    background: #eeffee url(../img/icons/save.png) 5px 50% no-repeat;
    border: 1px solid #669966;
    color: #669966;
}
ul.messages li.error {
    padding-left: 25px;
    background: #ffeeee url(../img/icons/cancel.png) 5px 50% no-repeat;
}
ul.messages li.warning {
    padding-left: 25px;
    background: #ffffee url(../img/icons/warning16.png) 5px 50% no-repeat;
    font-style: italic;
    border: 1px solid #d7d7c0;
}
/**************/

/** Sub menu **/
ul.submenu {
    list-style: none;
    margin-bottom: 10px;
    height: 29px;
    width: 460px;
    background-color: #c9c9c9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#848484));
    background-image: -moz-linear-gradient(top, #c9c9c9, #848484);
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    padding-left: 40px;
    -webkit-box-shadow: .1em .1em .2em #bbb;
	-moz-box-shadow: 1px 1px 2px #bbb;
	box-shadow: 2px 2px 2px #bbb;
}
ul.submenu li {
    float: left;
    list-style: none;
}
ul.submenu li a {
    display: block;
    color: #444;
    padding: 5px 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #cccccc;
}
ul.submenu li.active a {
    color: white;
    text-shadow: 1px 1px 1px #000;
}
ul.submenu li.active {
    background-color: #444;
    color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#4c4c4c));
    background-image: -moz-linear-gradient(top, #333333, #4c4c4c);
}
ul.submenu li:hover {
    background-color: #444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#4c4c4c));
    background-image: -moz-linear-gradient(top, #333333, #4c4c4c);
}
ul.submenu li:hover a {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
/**************/

body.member-reports #content h2, h3 {
    padding:3px 6px;
}
body.member-reports #content h2 {
    color: #ffcc66;
    background-color: #448dc1;
}
body.member-reports #content h3 {
    color: #194574;
    background-color: #cfdee6;
    border-bottom:none;
}
#condition-groups {
    clear:right;
}
#condition-groups, #condition-groups ul {
    list-style-type: none;
    padding-left:0;
}
#condition-groups li {
    border:grey solid 1px; 
    background-color:#b0c2c3; 
    padding:4px 8px; 
    margin-bottom:10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#condition-groups li a.button, #condition-groups li button {
    margin:4px;
    padding:2px 4px;
    height:17px;
    float:right; 
}
#condition-groups li a.button {
    text-decoration:none;
}
body.member-reports #content #condition-groups li a.button {
    padding:2px 4px;
    background-color:white;
    float:right;
    color:#111199;
    border:grey solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size:11px;
}
body.member-reports #content #condition-groups li a.button.add {
    padding-left:20px;
    background-position:2px;
}
#condition-groups ul {
    margin:5px; 
    clear:right;
}
#condition-groups ul li {
    margin-bottom:4px;
    margin-top:4px;
    background-color:#eef2ff; 
}
#condition-groups ul p {
    float:left;
    margin: 2px;
    padding: 2px;
}
select.attr-select, select.cond-attr-select, div.nested-form-wrap, div.form-wrap {
    float:left;
}

div.clear {
    clear:both !important;
}

#condition-groups ul.fields {width:200px;}

#condition-groups ul.fields li {
    float:left;
    width:200px;
}

#condition-groups > li {
    margin-top:24px;
}

#condition-groups > li:before {
    content: "AND";
    display:block;
    position:absolute;
    margin-top:-24px;
    font-weight:bold;
}

#condition-groups > li:first-child {
    margin-top:0;
}

#condition-groups > li:first-child:before {
    content: "";
}

#condition-groups li li {
    margin-top:24px;
}

#condition-groups li li:before {
    content: "OR";
    display:block;
    position:absolute;
    margin-top:-24px;
    font-weight:bold;
}

#condition-groups li li:first-child:before {
    content: "";
}

#add-condition {float:right; display:block; margin-bottom:10px; height:15px;}

a.choose {
    background-color: #839CA2;
    padding: 3px 5px;
    font-weight: bold;
    color: #eee;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
a.choose:hover {
    background-color: #444;
}

table.report-list tr.shaded {
    background-color: #EFEEE6;
}

table.report-list td {
    padding: 4px 5px;
}
table.report-list td a.button {
    padding: 2px 5px;
}

table.report td {
    vertical-align:top;
}

table.report th {
    vertical-align:bottom;
}

.invisible { display:none;}

#photo-upload input[type='submit'] {
    margin-top:10px;    
}

#waiting {
    background: url(../img/waiting.gif) no-repeat 50% 15px;
    font-size: 16px;
    font-weight: bold;
    color: #194574;
    padding-top: 40px;
    text-align: center;
}