@charset "utf-8";
/* CSS Document */

#MemberAddForm label{display: inline; float: left; width: 170px; clear: both}
#RenewMemberForm label{display: inline; float: left; width: 170px; clear: both}
#MemberSearchForm label{display: inline; float: left; width: 120px; clear: both}
#edit label{display: inline; float: left; width: 125px; clear: both}
#members .input{padding: 5px}
#edit .input{padding: 5px}
#signup .input{padding: 5px}
.block{overflow: hidden; margin-bottom: 10px; background-color: #C4C4C4; float: left; width: 365px; margin: 3px; padding: 3px; border: 1px solid #004A8D}

/* Members Index */
#main a{color:#004A8D;font-weight:bold;padding:5px 0;text-decoration:none;}
#main a:hover{background:#F0F0F0;color:#BF0000;}
#left{float: left; overflow: auto; width: 460px}
#left div{background:#eee;border:1px solid #ccc;padding:10px;width:80%;}
#left div p{margin:5px 0 20px;}
#left h3{border-bottom:1px solid #BF0000;margin:0;padding-bottom:4px;}
#left p{margin:0 0 20px;;}
/*  #right{float: left; overflow: auto; width: 280px; text-align: center; margin-left: 15px}  */
#right{float: left; width: 280px; text-align: center; margin-left: 15px}

/* Add */
#signup h3{border-top:2px groove #BF0000;padding:15px 0;}
#signup p{color:#777;font-family:Constantia,Georgia,Times,serif;}


#members .list{clear: both; margin-bottom: 5px; overflow: auto}
#members .list-one{float: left; overflow: hidden; width: 70px}
#members .list-two{float: left; overflow: auto; width: 470px}
#members .list-three{float: left; overflow: auto; width: 320px}
#members .list-four{float: left; overflow: auto; width: 60px}
#members .list-bg{background-color: #FFFFCC}
#members .input{padding: 5px}

#members #page{background:#eee;border:1px solid #ccc;margin:15px 0;padding:5px;text-align:center;}
#members #page a{margin:0 8px;}
#members h4{clear:both;}


/* removal styles */
#removal #status{overflow: auto; margin-top: 15px}
#removal .item-row{overflow: hidden; float: none; clear: both}
#removal .item{float: left; width: 210px}

#form1{margin:0; margin-left:0; padding:0; float:left; width:300px;}
#form2{margin:0; margin-left:0; padding:0; float:left; width:300px;}
#renewal p{margin:0; padding:0; font-size:16px; float:left; width:500px; overflow:hidden}
#renewal2 p{margin:0; padding:0; font-size:16px; text-align:left; float:left; width:500px; overflow:hidden}
#smalltext {margin:0; padding:0; float:left; width:500px; overflow:hidden}
#smalltext p{margin-left:0; padding:0; float:left; font-size:12px; width:380px; overflow:hidden}
#buttondiv {margin-left:0; float:left; width:500px; overflow:auto}
#h3 {padding-bottom:50px; padding-left:250px; padding-top:100px;}
/* renewal styles*/

/* reports*/
#members .left_side{width: 45%; float: left; margin-right: 10px;}
#members .left_side label{width: 100px; float: left;}


#members .right_side{width: 45%; float: left;}
#members .right_side label{width: 100px; float: left;}

#members-list  {width: 99%; float: left;}
#members-detail  {width: 99%; float: left;}
#members-detail .detail-label{width: 150px; height: 25px; float: left; color: #000;text-align:right}
#members-detail .detail-data{width: 200px; float: left;  color: #000080;padding-left: 5px;}

#main .idname_current {
    border-bottom: 1px solid navy;
    color: navy;
    width: 100%;
    float: left;
}

#main .idname_expired {
    border-bottom: 1px solid red;
    color: red;
    width: 100%;
    float: left;
}

#main .idname_left {
    float: left;
    font-size: 1.3em;
    text-align: left;
    width: 49%;
}

#main .idname_right {
    float: right;
    font-size: 1.3em;
    text-align: right;
    width: 49%;
}

#members .search {
    width:      100%;
    float:      left;
    line-height: 1.5em;
    padding: 2px;
}

#members .search .input label {
    width:      120px;
    float:      left;
    background: #ededed;
    color:      #000080;
    line-height: 1.5em;
    margin-right: 5px;
}

#members #dt_example #container #demo .dataTables_wrapper label {
    width:      100%;
}