* {margin: 0; padding: 0;}
body{
width: 100%;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
min-width: 1000px;
font-size: 10pt;
margin-left: auto;
margin-right: auto;
text-align: left;
}
table{
border-collapse: collapse;
font-size: 10pt;
}
td{
border-collapse: collapse;
padding: 0px;
}
tr{
border-collapse: collapse;
}
img{
padding: 0px;
margin: 0px;
vertical-align: bottom;
}
a img{
border: none;
}
div{
overflow: hidden;
}
.container{
min-height:100%;
width: 90%;
margin-left: auto;
margin-right: auto;
}

.home_container{
min-height:100%;
width: 99%;
margin-left: auto;
margin-right: auto;
}

a:link, a:visited, a:active{text-decoration:none; color: #4876FF;}
a:hover{text-decoration:underline; color: #4876FF;}

.header_div{
width: 100%;
height: auto;
padding-top: 10px;
background-color: #27408B;
}
.header1_div{
display: inline-block;
float: left;
width: 30%;
}
.header2_div{
display: inline-block;
float: left;
width: 40%;
}
.header3_div{
display: inline-block;
float: left;
width: 30%;
}
.page_middle{
border: 1px solid #A0A0A0;
padding: 10px;
}
.middle_wrap{
width: 100%;
}
.form_div{
width: 100%;
float: right;
}
.main_menu_div{
width: 100%;
margin-bottom: 20px;
border-bottom: 1px solid #FF8000;
padding-bottom: 5px;
}
.login_menu_ul li{
display: inline;
padding: 5px 10px 5px 0px;
}
.login_form_div{
margin-top: 30px;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.form_name_div{
font-size: 15pt;
color: #0066CC;
margin: 10px 0px;
}
.form_legend_div{
color: #ffa20f;
padding: 5px;
}
.star{
color: #FF8000;
margin: 0px 3px;
}
fieldset{
margin: 5px 0px;
padding: 10px;
display: block;
clear: both;
}
legend{
color: #FFFFFF;
background: #A0A0A0;
padding: 2px 6px;
margin: 5px;
}
.row_holder{
clear: both;
display: block;
height: auto;
}
.regular_label{
float: left;
width: 15%;
display: inline;
vertical-align: top;
padding: 5px;
}
.button{
color: #FFFFFF;
background-color: #6699FF;
width: auto;
padding: 1px 3px;
}
.cancel_button{
color: #FFFFFF;
background-color: #585858;
width: auto;
padding: 1px 3px;
margin: 0px 10px;
}
.footer_div{
}

.copyright_line{
text-align: center;
}

.last_action_error{
border-top: 3px double #FE7B7A;
border-bottom: 3px double #FE7B7A;
color: #CC0000;
margin: 10px 0px 10px 0px;
}
.last_action_success{
border-top: 3px double #C2DF88;
border-bottom: 3px double #C2DF88;
color: #57861A;
margin: 10px 0px 10px 0px;
}
ul.inputs_errors_list{
list-style-type: none;
margin: 5px 10px;
}

input{
color: #27408B;
width: 245px;
}
input.wide_input{
width: 80%;
}
input.middle_input{
width: 60%;
}
input.small_input{
width: 80px;
}
input.wide_80{
width: 80%;
}
input.wide_80_light{
width: 80%;
color: #808080;
}
input.wide_45{
width: 45%;
}
input.wide_45_light{
width: 45%;
}
input.wide_100{
width: 100%;
}
select{
color: #27408B;
width: 250px;
}
select.wide_45{
width: 45%;
}
select.wide_80{
width: 80%;
}
select.wide_100{
width: 100%;
}
select.wide_auto{
width: auto;
}
textarea{
color: #27408B;
width: 245px;
height: 150px;
}
input.regular_checkbox{
width: auto;
}
.wide_textarea{
width: 80%;
}
.regular_table{
width: 100%;
border: 1px solid #959595;
}
p.regular_input, p.regular_select, p.regular_textarea{
color: #27408B;
width: 80%;
display: inline-block;
padding: 5px;
}
.guest_note_textarea{
color: #27408B;
width: 245px;
height: 25px;
}
p.guest_note_textarea{
color: #27408B;
width: 80%;
display: inline-block;
padding: 5px;
}
.hovered_row{
background-color: #DCDCDC;
}
.unhovered_row{
background-color: #FFFFFF;
}
.regular_table_head{
font-weight: bold;
border-bottom: 1px solid #959595;
padding: 5px 5px;
}
.regular_table_data{
color: #27408B;
border-bottom: 1px solid #DCDCDC;
padding: 5px 5px;
}

.guest_list_table_td_1{
color: #27408B;
padding: 5px 5px 0px 5px;
}
.guest_name_td{
font-size: 12pt;
}
.guest_list_table_td_2{
color: #27408B;
border-bottom: 1px solid #DCDCDC;
padding: 0px 5px;
vertical-align: top;
}

p.table_header{
margin: 10px 0px;
background-color: #A0A0A0;
color: #FFFFFF;
font-weight: bold;
font-size: 11pt;
text-align: center;
}

.help_div{
text-align: right;
}

.top_row_wrap{
width: 100%;
border-bottom: 1px solid #FF8000;
}
.top_row_1{
display: inline-block;
width: 20%;
}
.top_row_2{
display: inline-block;
width: 25%;
}
.top_row_3{
display: inline-block;
width: 25%;
}
.top_row_4{
display: inline-block;
width: 20%;
text-align: right;
}
.top_row_5{
display: inline-block;
width: 10%;
text-align: right;
}

.loading_animation_div{
width: 100%;
margin: 50px 0px;
text-align: center;
}
.middle_wrap{
margin: 10px 0px;
}
.column_one_wrap{
display: inline-block;
float: left;
width: 20%;
height: 100%;
}
.column_one_content{
border: 1px solid black;
}
.column_two_wrap{
display: inline-block;
float: right;
width: 80%;
height: 100%;
}
.column_two_content{
margin: 0px 0px 0px 10px;
border: 1px solid black;
}
.search_box_head{
margin: 5px;
font-weight: bold;
color: #FFFFFF;
}
.search_button{
color: #FFFFFF;
background-color: #27408B;
width: auto;
}
.search_boxes_div{
background-color: #FFFFFF;
border-bottom: 1px solid #FF8000;
padding: 10px 0px;
}
.guest_search_block{
display: inline-block;
width: 20%;
}
.resident_search_block{
display: inline-block;
width: 20%;
}
.address_search_block{
display: inline-block;
width: 20%;
}
.all_search_block{
display: inline-block;
width: 40%;
}
.search_block_head{
color: #585858;
font-size: 15px;
text-align: center;
font-weight: bold;
}
.search_box_title{
color: #808080;
}
.search_result_div{
padding: 0px 5px 0px 10px;
}
.search_result_table{
width: 100%;
border: 1px solid #959595;
}
.search_result_table_th{
font-weight: bold;
border-bottom: 1px solid #959595;
}
.search_result_table_td{
color: #27408B;
border-bottom: 1px solid #959595;
}
.search_result_table_head{
background-color: #FF8000;
text-align: center;
color: #FFFFFF;
font-weight: bold;
margin: 5px 0px;
padding: 2px 0px;
}

.main_guard_menu_div{
width: 100%;
margin-bottom: 5px;
border-bottom: 1px solid #FF8000;
}
.main_guard_menu_div li{
display: inline;
padding: 5px 10px 5px 0px;
}

.resident_top_div{
width: 100%;
background-color: #6666FF;
margin: 1px 0px;
border: 1px solid #000080;
}
.resident_top_div_address, .resident_top_div_name, .resident_top_div_phone, .resident_top_div_tract, .resident_top_div_lot, .resident_top_div_call_in, .resident_top_div_password{
display: inline-block;
padding: 0px 10px;
}
.resident_top_div_address span, .resident_top_div_name span, .resident_top_div_phone span, .resident_top_div_tract span, .resident_top_div_lot span, .resident_top_div_call_in span, .resident_top_div_password span{
color: #FFFFFF;
}
.resident_top_div_password a{
color: #FFFFFF;
}
.resident_actions_div{
width: 100%;
margin-bottom: 5px;
border-bottom: 1px solid #FF8000;
padding-bottom: 5px;
}
.resident_actions_div_ul li{
display: inline;
padding: 5px 10px 5px 0px;
}

.popup_contact_section_title{
font-weight: bold;
border-bottom: 1px solid #FF8000;
}

.guard_welcome_div{
width: 80%;
display: inline-block;
float: left;
}
.guard_main_messages_div{
width: 20%;
display: inline-block;
float: right;
background-color: #0000FF;
}
.resident_info_div_1_wrap{
display: inline-block;
width: 20%;
float: left;
}
.display_resident_special_div{
border: 1px solid #000000;
margin-bottom: 10px;
}
.special_display_div_header{
text-align: center;
background-color: #FF8000;
color: #FFFFFF;
font-weight: bold;
}
.display_resident_contact_div{
border: 1px solid #000000;
margin-bottom: 10px;
}
.contact_display_div_header{
text-align: center;
background-color: #000080;
color: #FFFFFF;
font-weight: bold;
}
.display_resident_additional_div{
border: 1px solid #000000;
margin-bottom: 10px;
}
.additional_display_div_header{
text-align: center;
background-color: #666600;
color: #FFFFFF;
font-weight: bold;
}
.resident_info_div_2_wrap{
display: inline-block;
width: 80%;
float: right;
}
.resident_quick_pass_div{
border: 1px solid #000000;
margin-bottom: 10px;
margin-left: 10px;
}
.resident_guest_list_div{
border: 1px solid #000000;
margin-bottom: 10px;
margin-left: 10px;
}

.quick_pass_div_header{
text-align: center;
background-color: #585858;
color: #FFFFFF;
font-weight: bold;
padding: 0px 5px;
}

.guest_list_div_header{
text-align: left;
background-color: #3333FF;
color: #FFFFFF;
}
.guest_list_div_header_p{
display: inline-block;
font-weight: bold;
padding: 0px 5px;
}

.add_new_guest_div{
vertical-align: bottom;
display: inline-block;
}
.add_new_guest_div_ul li{
display: inline;
padding: 0px 10px;
}
.extra_padding_div{
display: inline;
padding: 0px 5px;
font-weight: bold;
color: #FF9900;
float: right;
}
.extra_padding_div a{
color: #FF9900;
}
.add_new_guest_div_ul a{
color: #FFFFFF;
}

.g_r_c_PE{
background-color: #CCE6FF;
}
.g_r_c_PE_hover{
background-color: #FFFFFF;
}
.g_r_c_TE{
background-color: #B3FF66;
}
.g_r_c_TE_hover{
background-color: #FFFFFF;
}
.g_r_c_PA{
background-color: #FFFF66;
}
.g_r_c_PA_hover{
background-color: #FFFFFF;
}
.g_r_c_DE{
background-color: #FF3333;
}
.g_r_c_DE_hover{
background-color: #FFFFFF;
}
.g_r_c_highlight{
background-color: #A0A0A0;
}
.g_r_c_highlight_hover{
background-color: #C3C3C3;
}
.print_pass_button_orange{
color: #FFFFFF;
background-color: #FF9900;
width: auto;
padding: 0px 2px;
}
.print_pass_button_green{
color: #FFFFFF;
background-color: #00C000;
width: auto;
padding: 0px 2px;
}
.print_pass_button_red{
color: #FFFFFF;
background-color: #FF0000;
width: auto;
padding: 0px 2px;
}
.turn_away_button{
color: #FFFFFF;
background-color: #000000;
width: auto;
padding: 0px 2px;
}
.guest_list_action_img{
padding: 0px 5px 0px 0px;
}


.time_list_holder{
display: inline-block;
width: auto;
margin: 0px 10px 0px 0px;
}
.time_list{
width: auto;
}
.days_check_boxes{
padding: 5px 0px;
}
.day_box_holder{
display: inline-block;
margin: 0px 5px 0px 0px;
height: auto;
}
.day_checkbox_label{
vertical-align: top;
padding: 5px 2px;
}
.au_box_holder{
display: block;
margin: 0px 5px 0px 0px;
height: auto;
}
.au_checkbox_label{
vertical-align: top;
padding: 5px 2px;
}
.add_guest_form{
display: inline-block;
float: left;
width: 75%;
}
.add_guest_notification_wrap{
display: inline-block;
float: right;
width: 25%;
}
.add_guest_notification{
padding: 0px 10px;
}
.add_guest_notification h4{
color: #27408B;
font-size: 13px;
margin: 10px 0px;
}

.notify_box_holder{
display: block;
margin: 0px 5px 0px 0px;
vertical-align: middle;
height: auto;
}
.notify_checkbox_label{
vertical-align: top;
padding: 5px 2px;
}
.notify_checkbox_label_paid{
vertical-align: top;
padding: 5px 2px;
color: #FF0000;
}
.paid_span{
color: #FF0000;
padding-left: 5px;
font-weight: normal;
font-size: 11px;
}
.notify_head_p{
font-weight: bold;
color: #27408B;
margin: 10px 0px 5px 0px;
}
.show_add_div_p{
margin: 0px 0px 10px 0px;
font-weight: bold;
}
.party_guests_holder{
height: 200px;
overflow: scroll;
}

.dial_phone_link{
margin: 0px 20px;
}
.dial_phone_link span{
margin: 0px 5px;
}

.search_found_none{
color: #FF9900;
}

.search_match_highlight{
font-weight: bold;
color: #000000;
}

.contact_list_row{
font-size: 16px;
}
.guest_list_heads_row{
background-color: #dcdcdc;
}
.ssl_seal_div{
text-align: right;
}
.ssl_seal_div_1{
margin-bottom: 15px;
}
.main_guard_menu_ul{
display: inline-block;
}
.scanners_buttons_div{
display: inline-block;
text-align: right;
float: right;
}

.pass_history_print_div{
text-align: right;
}
.special_note_td{
color: #FF0000;
}
.dar_notification_span{
background: #FF0000;
color: #FFFFFF;
margin: 0px 3px;
padding: 0px 3px;
font-weight: bold;
}
.barcode_scan_title{
font-size: 200%;
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
}
.invalid_barcode{
color: #FF0000;
font-weight: bold;
font-size: 150%;
}
.valid_barcode{
color: #00c000;
font-weight: bold;
font-size: 150%;
}
.valid_barcode_centered{
text-align: center;
color: #00c000;
font-weight: bold;
font-size: 150%;
}
.barcode_scan_result_code{
font-size: 130%;
font-weight: bold;
}
.barcode_bold_td{
font-weight: bold;
padding: 5px 10px;
}
.scan_pass_now{
font-weight: bold;
font-size: 130%;
color: #27408b;
text-align: center;
}
.barcode_scanner_cancel{
background-color: #ff0000;
color: #ffffff;
font-size: 18px;
padding: 0 2px;
width: auto;
}
.barcode_scanner_buttons_div{
text-align: center;
margin-top: 20px;
}