/* ---- generellt för formulär ---- */

div.tyda_form_control_raw{display:inline}

/* ---- externt sökformulär ---- */
sdiv.tyda_search_external * {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#42454e;}
div.tyda_search_external td {vertical-align:top}
div.tyda_search_external {border:none; }

form.tyda_search {margin:0; padding:0}
form.tyda_search * {margin:0; padding:0}

/* tyda-logo */
div.tyda_search_external img.tyda_logo {margin:0 2px 0 0;border:none;padding:0;vertical-align:top}

/* input-string-widget - textfält med dropdown */
div.tyda_search_form_base {position:relative;display:inline;}
div.tyda_input_string_base {position:absolute;left:-2px;top:22px;z-index:10;}

td.tyda_search_pad {background:url(/tools/search-external/images/search_pad.png);background-repeat:repeat-x;background-position:top; width:2px;}
td.tyda_search_bg {background:url(/tools/search-external/images/search_bg.png);background-repeat:repeat-x;background-position:top; height:24px;}
td.tyda_search_submit {height:24px; vertical-align:middle}

/* själva textfältet */
input.tyda_input_string_text {border:none;width:320px; height:20px; font-size:16px; font-family:sans-serif; color:#42454e; font-weight:bold; padding:0px 0 0 2px; background-color:transparent; vertical-align:middle}

/* skicka-knapp */
input.tyda_search_form_submit {margin:0 0 0 2px;height:100%; }

/* ---- förslagslista ---- */

/* topp-div för förslagslista */
div.tyda_input_list {border:2px solid #42454e; width:302px; background-color:#fff; padding:0 10px 10px 10px;font-family:sans-serif}

/* rubriker för träff, miss osv */
div.tyda_input_list div.tyda_lang_header {font-size:18px; padding:10px 0 0 0; font-weight:bold; color:#929fc5; text-transform:uppercase}
div.tyda_input_list div.tyda_miss_header {font-size:18px; padding:10px 0 0 0; font-weight:bold; color:#df523b; text-transform:uppercase}
div.tyda_input_list div.tyda_expression_header {font-size:18px; padding:10px 0 0 0; font-weight:bold; color:#42454e; text-transform:uppercase}

/* varje förslag ligger i en egen div av typ input_menu[_active] */
div.tyda_input_menu a {font-size:16px}

div.tyda_input_list div.tyda_input_menu:hover {background-color:#e8e8e8; }
div.tyda_input_list div.tyda_input_menu:hover a {color:#42454e; font-size:16px}
div.tyda_input_list div.tyda_input_menu_active {background-color:#42454e; }
div.tyda_input_list div.tyda_input_menu_active a {color:#fff; font-size:16px}
div.tyda_input_list div.tyda_input_menu a {display:block;width:100%}


/* länkar i förslagslista - själva förslagen */
div.tyda_input_list a:link {font-family:sans-serif; color:#42454e; font-weight:bold; cursor:pointer; text-decoration:none}
div.tyda_input_list a:visited {font-family:sans-serif; color:#42454e; font-weight:bold; cursor:pointer; text-decoration:none}
div.tyda_input_list a:active {font-family:sans-serif; color:#42454e; font-weight:bold; cursor:pointer; text-decoration:none}
div.tyda_input_list a:hover {font-family:sans-serif; color:#9796c7; font-weight:bold; cursor:pointer; text-decoration:none}