/*css*/
body{
    background-color: #d3b077;
}
hr {
    border: 0px;
    height: 2px;
    background: gray;
}
button{
	background-color: #ffe1ba;
	background: -webkit-linear-gradient(#ffe1ba, #d3b077);
	background: linear-gradient(#ffe1ba, #d3b077);
	border-radius: 3px;
}
select{
	background-color: #ffe1ba;
	background: -webkit-linear-gradient(#ffe1ba, #d3b077);
	background: linear-gradient(#ffe1ba, #d3b077);
	border-radius: 3px;
}
button#aflb_member_form_submit{ position: absolute; bottom: -55px; right: 33px; }
button#aflb_member_cancel_btn{ position: absolute; bottom: -55px; right: 0px; } 
div#aflb_member_div{ display: none; }
div#aflb_member_info{position: relative; margin-top: 20px;}
div#aflb_member_form_left_panel{ position: relative; margin-right: 5px; display: inline-block; }
div#aflb_membership_form_left_panel{ position: relative; margin-right: 5px; display: inline-block; width: 450px; }
span#aflb_member_other_prov_fields{ display: none; }
div#aflb_member_form_right_panel{ display: inline-block; position: absolute; top: 10px; left: 480px; width: 500px; }
div#aflb_membership_form_right_panel{ display: inline-block; position: absolute; left: 480px; width: 450px; }
input#aflb_member_expiry{ position:absolute; right: 0px; }
select#aflb_member_membership_select{ position:absolute; right: 0px; }
input#aflb_member_number{ position:absolute; right: 0px; width: 136px; }
textarea#aflb_member_notes{ width: 495px; height: 200px; }
div#aflb_member_send_email_div{ display: none; }
form#aflb_member_send_email_form{ position: relative; width: 100%; }
div#email_buttons{ position: relative; display: block; margin: 5px auto 5px auto; float: right; }
div#email_target_groups{ margin-top: 3px; }
select#aflb_email_template_select{ display: inline; left: 200px; }
textarea#aflb_email_body{ width: 100%; height: 300px; }
div#membershipSummary{ display: none; }
img#logo{ display:inline-block; }
input#name_filter{ width: 98%; }
input#aflb_email_from{}
input#aflb_email_to{}
span#sum-total{float: right;}
span#sum-active{float: right;}
span#sum-inactive{float: right;}
span#sum-expiring{float: right;}
span#sum-noemail{float: right;}
table#visitor_fields{ position:relative; margin:auto; }
button#visitor_save_btn{ position: absolute; margin: auto;}
div#add_visitor_dlg{display: none;}
form#visitor_frm > div > input{ width: 250px; float:right;} 
form#visitor_frm > div{ width: 100%; margin-bottom: 10px;} 
button#visitor_save_btn{ position: absolute; bottom: 15px; right: 51px; }
button#visitor_cancel_btn{ position: absolute; bottom: 15px; right: 18px; margin: 0px; } 
div#visitorDetailsDlg{display:none; }
table#visits{ position:relative; display: inline-block; width: 220px; top:11px;}
div#vdetails{position:relative; display: inline-block; width: 220px;}
div#mgmt_login_div{ position:relative; padding: 10px; }
div#aflb_main_menu{ overflow:scroll;}
table#basic td{margin:0px; padding:3px; border: 1px solid black;}
table#pass td{margin:0px; padding:3px; border: 1px solid black;}

.page_title{ display: inline-block; margin-bottom: 1px; }
.app_div{
    display:block;
    position:relative;
    width: 80%;
    margin-left:auto;
    margin-right:auto;
    padding: 0cm 1cm 0cm 1cm;
}
.left_panel{
    position: absolute;
    top: 100px;
    left: 5px;
    width: 25px;
    
}
.sub_app_div{
    display:block;
    position:relative;
    width:100%;
    margin: 0px;
    padding: 0px;
}
.action{
    display:block;
    margin-bottom: 3px;
}
.grade {
	background: #ffe1ba;
	background: -moz-linear-gradient(top, #ffe1ba, #d3b077 );
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe1ba), to(#d3b077));
	color: #000; 
}
.rightAtZero{
    position:absolute;
    right:0px;
}
.leftAt150{
    position:absolute;
    left:100px;
}
.leftAt200{
    position:absolute;
    left:200px;
}
.leftAt250{
    position:absolute;
    left:250px;
}
.leftAt400{
    position:absolute;
    left:400px;
}
.widthAt180{
    width:180px;
}
.widthAt300{
    width:500px;
}
.listName{
    width: 300px;
}
.listEmail{
    width: 250px;
}
.listPhone{
    width: 100px;
}
.listStatus{
    width: 80px;
}
.listIcon{
    width: 50px;
}
.listFrom{
    width: 200px;
}
.listCheck{
    width: 30px;
}
.listDate{
    width: 80px;
}
/* Tables */
.datatable{
    width: 100%;
    position:relative; 
    margin: auto; 
    margin-bottom: 10px;
}
.datatable thead{
	display:block;
    width: 100%;
}
.datatable tfoot{
	display:block;
}
.datatable tr{
	display:block;
}
.datatable tbody{
	display:block;
    height:485px; 
    width: 100%; 
    overflow: auto;
}
.datatable tbody>tr{
	border-bottom: 1px solid gray;
}
.datatable thead>tr{
	border-bottom: 1px solid gray;
}
.datatable thead{
	border-bottom: 3px double gray;
}
.thbutton{
	background: #ffe1ba;
	background: -moz-linear-gradient(top, #ffe1ba, #d3b077 );
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe1ba), to(#d3b077));
	color: #000; 
    cursor: pointer;
}
.thbutton:hover{
	background: #ffe1ba;
	color: #000; 
}

.thbutton:active{
	background: #d3b077;
	background: -moz-linear-gradient(top, #d3b077 , #ffe1ba );
	background: -webkit-gradient(linear, left top, left bottom, from(#d3b077 ), to(#ffe1ba));
	color: #000; 
}
.abtn{
	background: #ffe1ba;
	background: -moz-linear-gradient(top, #ffe1ba, #d3b077 );
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe1ba), to(#d3b077));
    text-decoration: none;
	color: #000; 
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 4px;
    cursor: pointer;
    font-size: 0.8em;
    text-align: center;
}
.abtn:hover{
	background: #ffe1ba;
	color: #000; 
}
.abtn:active{
	background: #d3b077;
	background: -moz-linear-gradient(top, #d3b077 , #ffe1ba );
	background: -webkit-gradient(linear, left top, left bottom, from(#d3b077 ), to(#ffe1ba));
	color: #000; 
}
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
.topLinks{
    position:absolute; 
    top:50px; 
    right: 45px;
}