body {
}

input {padding: 0px 3px 0px 3px;}

/* autocompleteextender stuff */
.autocomplete_list {background-color: white;border-left: 1px solid silver;border-right: 1px solid silver;border-bottom: 1px solid silver;list-style-type: none;
                    list-style-image: none;padding: 0;margin: 0;max-height: 300px; overflow-y: scroll; }
.autocomplete_listItem { color: black; padding: 3px; font-size: 0.8em; margin-top:0px; margin-bottom:0px; border-bottom:1px solid silver; }
.autocomplete_highlightedListItem { background-color: #99cccc; color: black; padding: 3px; font-size: 0.8em; margin-top:0px; margin-bottom:0px; border-bottom:1px solid silver;}

.newServiceFieldPanel {padding:2px 0px 2px 0px; vertical-align:top; margin-top:2px;}
.newServiceFieldLabel {display:inline-block; width:35%; vertical-align:top;}
.newServiceFieldAnswer {display:inline-block; width:60%; vertical-align:top;}
.newServiceFieldAnswer th { border:none !important;}
.newServiceFieldAnswer td { border:none !important;}

.newServiceAnswer {width: 98%; margin-left: 1%; margin-top: 5px; }
.borderedPanel { clear: both; padding: 5px; margin: 0 auto; margin-top: 10px; border: 1px solid silver; overflow-x: hidden;}
.factPanel { margin-top: 10px; }
.serviceSelectionPanel { width:350px; margin:0 auto; border:1px solid silver; padding:5px; }
.serviceRegistrationLeftPanel { float: left; width:50%; margin-left:5%; margin-top:10px; }
.serviceRegistrationRightPanel { float: left; width:40%; margin:25px 15px 0px 15px; padding:5px; position: relative; 
                                 background-repeat: no-repeat; background-position-x: right; background-position-y: bottom;}

.serviceSuggestion { width:150px; padding:2px; font-size:0.9em; border:2px solid #00aeef; height:140px; margin-right:5px; margin-top:10px; display:inline-block; 
                     text-align:center; vertical-align:top; overflow:hidden;}
.serviceSuggestion a { text-decoration: none; }
.serviceSuggestion:hover { background-color: #00aeef;}
.serviceSuggestion:hover a { color: white;}
.serviceSuggestion img { width:80px; height:80px; border:none; margin-bottom:-5px; }

@media (max-width: 1000px) {
    .serviceSelectionPanel { width:90%; margin-left:5%; }
    .serviceRegistrationLeftPanel { float: none; width:90%; margin-left:5%; }
    .serviceRegistrationRightPanel { float: none; width:90%; margin-left:5% }
    }