/* layout */

a
{
    text-decoration: none;
}

body
{
    padding: 0px;
    margin: 0px;
}

#page_wrapper
{
    width: 950px;
    position: relative;
    background-color: white;
}

#logo
{
    width:370px;
    height:125px;
    background-image: url(../images/logo.gif);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left:10px;
    top:15px;
}

#joongel_main
{
    width:128px;
    height:53px;
    position: absolute;
    right:50px;
    top:15px;
}

#main_panel
{
    width:824px;
    height:352px;
    background-image: url(../images/panel_back.gif);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left:60px;
    top:200px;
}

#tabs
{
    position: absolute;
    left:310px;
    top:150px;
    height: 52px; 
}

#tab_on_first
{
    float: left;
    width: 113px;
    height: 52px;
    background-image: url(../images/tab_on_first.gif);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

#tab_on_only
{
    float: left;
    width: 122px;
    height: 52px;
    background-image: url(../images/tab_on_only.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#tab_on_last
{
    float: left;
    width: 116px;
    height: 52px;
    background-image: url(../images/tab_on_last.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#tab_on_middle
{
    float: left;
    width: 108px;
    height: 52px;
    background-image: url(../images/tab_on_middle.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#tab_off_first
{
    float: left;
    width: 111px;
    height: 52px;
    background-image: url(../images/tab_off_first.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#tab_off_only
{
    float: left;
    width: 111px;
    height: 52px;
    background-image: url(../images/tab_off_only.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#tab_off_middle
{
    float: left;
    width: 107px;
    height: 52px;
    background-image: url(../images/tab_off_middle.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#tab_off_middle_only
{
    float: left;
    width: 107px;
    height: 52px;
    background-image: url(../images/tab_off_middle_only.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#tab_off_last
{
    float: left;
    width: 115px;
    height: 52px;
    background-image: url(../images/tab_off_last.gif);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    vertical-align: bottom;
}

.text_tab
{
    padding:10px;
    text-align: center;
    margin: 0px;
    line-height: 16px; 
}

.text_on
{
    font-family: Arial, Verdana;
    font-size: 10pt;
    text-decoration: none;
    font-weight: bold;
    color: #444444;
}

.text_off
{
   font-family: Arial, Verdana;
    font-size: 10pt;
    text-decoration: none;
    font-weight: bold;
    color: #777777;
}

.text_off:hover
{
   font-family: Arial, Verdana;
    font-size: 10pt;
    text-decoration: none;
    font-weight: bold;
    color: #444444;
}

#flash_menu
{
    background-color: white;
    width:200px;
    height:240px;
    position: absolute;
    top: 20px;
    left: 20px;
}

#browse_button
{
   width:206px;
    height:56px;
    position: absolute;
    top: 270px;
    left: 17px;
}

#niche_title
{
    position: absolute;
    top: 30px;
    left: 250px;
    width:560px;
    font-family: Arial, Verdana;
    font-size: 20pt;
    text-decoration: none;
    font-weight: bold;
    color: #7b7b7b;
}

#large_search_panel
{
   position: absolute;
   top: 80px;
   left: 300px;
   background-color: #BDD9FF;
   width:460px;
   height:200px;
    
}

#devider1
{
   position: absolute;
   top: 40px;
   left: 20px;
   height:1px;
   width: 420px;
   border-top:solid 1px #A3BCE6;
}

#devider2
{
   position: absolute;
   top: 127px;
   left: 20px;
   height:1px;
   width: 420px;
   border-top:solid 1px #A3BCE6;
}

#round_trip
{
   position: absolute;
   top: 15px;
   left: 30px;
   font-family: Arial, Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
    height: 30px;
    vertical-align: middle;
    cursor: default;
}

#one_way
{
   position: absolute;
   top: 15px;
   left: 150px;
   font-family: Arial, Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
    height: 30px;
    vertical-align: middle; 
    cursor: default; 
}

#travelers
{
   position: absolute;
   top: 15px;
   left: 260px;
   font-family: Arial, Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
    height: 30px;
    vertical-align: middle;
}

#top_item
{
   position: absolute;
   top: 15px;
   font-family: Arial, Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
    height: 30px;
    vertical-align: middle;
}

#middle_item
{
   position: absolute;
   top: 85px;
   font-family: Arial, Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
    height: 30px;
    vertical-align: middle;
}

#bottom_item
{
   position: absolute;
   top: 145px;
   font-family: Arial, Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
    height: 30px;
    vertical-align: middle;
}

#from
{
    position: absolute;
   top: 60px;
   left: 30px;
   font-family: Arial, Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
    text-align: left;
}

#to
{
    position: absolute;
   top: 90px;
   left: 30px;
   font-family: Arial, Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
}


#return
{
    position: absolute;
   top: 135px;
   left: 210px;
   font-family: Arial, Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
    text-align: left;
}

#depart
{
    position: absolute;
    top: 135px;
    left: 30px;
    font-family: Arial, Verdana;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
    text-align: left;
}

#depart_tb
{
    position: absolute;
    top: 5px;
    left: 0px;
    background-image: url(../images/tb_calendar.gif);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 148px;
    height: 26px;
}

#return_tb
{
    position: absolute;
    top: 5px;
    left: 0px;
    background-image: url(../images/tb_calendar.gif);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 148px;
    height: 26px;
}

.select_template
{
    -x-system-font:none;
    color:#003366;
    font-family:arial;
    font-size:10px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    width:auto;
    margin-left: 2px;
}

.tbcalendar
{
    position: absolute;
   top: 4px;
   left: 3px;
    width: 120px;
    border: none;
    letter-spacing: 1px;
}

.tb
{
    position: absolute;
   top: 0px;
   left: 50px;
    width: 350px;
    height: 22px;
    border: solid 1px #666666;
    font-family: Arial, Verdana;
    font-size: 12px;
    text-decoration: none;
    color: #444444;
    padding-left: 5px;
    padding-top: 2px;
}

.radio
{
    vertical-align: middle;
    padding-bottom: 20px;
    
}

#submit_button
{
   position: absolute;
   top: 210px;
   left: 1px; 
}

#large_search_panel_title
{
   position: absolute;
   top: 24px;
   left: 25px;
   font-family: Arial, Verdana;
    font-size: 14pt;
    text-decoration: none;
    font-weight: bold;
    color: #7b7b7b; 
}

#large_search_panel_textbox
{
   position: absolute;
   top: 54px;
   left: 25px; 
}

.large_textbox
{
    border:solid 1px #7b7b7b;
    width:270px;
    height:25px;
    font-family: Arial, Verdana;
    font-size: 12pt;
    text-decoration: none;
    font-weight: normal;
    color: #555555;
    padding-left: 3px;
}

#large_search_panel_go
{
   position: absolute;
   top: 52px;
   left: 300px;
}

#large_search_panel_subtitle
{
    position: absolute;
   top: 84px;
   left: 24px;
   font-family: Arial, Verdana;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #888888; 
    font-style:italic;
}

#div_niches_items
{
   position: absolute;
   top: 612px;
   left: 0px;
}

.footer_link
{
    font-family: Arial, Verdana;
    font-size: 10pt;
    text-decoration: none;
    font-weight: bold;
    color: #8C8C8C;
}

.footer_link:hover
{
    font-family: Arial, Verdana;
    font-size: 10pt;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
}

#div_footer
{
    position: absolute;
   top: 645px;
   left: 0px;
   width: 930px;
    height: 56px;
    background-color: white;
    border-top: solid 1px #bfbfbf;
    padding-top:8px;
    margin-top:5px;
    font-family: Arial, Verdana;
    font-size: 10pt;
    text-decoration: none;
    font-weight: bold;
    color: #8C8C8C;
}

#niches_title
{
   font-family: Arial, Verdana;
    font-size: 16pt;
    text-decoration: none;
    font-weight: bold;
    color: #8C8C8C; 
    position: absolute;
    top: 587px;
    left:0px;
}



#div_sharethis
{
    font-family: Arial, sans-serif;
    font-size: 10pt;
    color: #749711;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    top: 75px;
    right: 83px;
}

#div_sharethis a
{
    font-family: Arial, sans-serif;
    font-size: 10pt;
    color: #749711;
    font-weight: bold;
     text-decoration: none;
}

#div_sharethis a:hover
{
    font-family: Arial, sans-serif;
    font-size: 10pt;
    color: #555555;
    font-weight: bold;
    text-decoration: underline;
}

.autocomplete
{
    text-align: left; 
    background-color: white;
    border:solid 1px black;
    float: left;
    z-index: 5;
}

#autocomplete_choices {
     
    border-right: 1px solid #000;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    font-family: 'Trebuchet MS', 'Lucida Grande',
      Verdana, Lucida, Geneva, Helvetica, 
      Arial, sans-serif;
    background-color: #cccccc;
    font-size: 12px;
    color: #333;
    visibility: hidden;
}

#autocomplete_choices ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
}
        
#autocomplete_choices li {
        border-bottom: 1px solid #90bade;
        margin: 0;
}

#autocomplete_choices li a {
        display: block;
        padding: 1px 1px 1px 5px;
        background-color: #dedede;
        color: #444;
        text-decoration: none;
}


#autocomplete_choices li a:hover {
    background-color: #efefef;
    color: #222;
}

#autocomplete_choices2 {
     
    border-right: 1px solid #000;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    font-family: 'Trebuchet MS', 'Lucida Grande',
      Verdana, Lucida, Geneva, Helvetica, 
      Arial, sans-serif;
    background-color: #cccccc;
    font-size: 12px;
    color: #333;
    visibility: hidden;
}

#autocomplete_choices2 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
}
        
#autocomplete_choices2 li {
        border-bottom: 1px solid #90bade;
        margin: 0;
}

#autocomplete_choices2 li a {
        display: block;
        padding: 1px 1px 1px 5px;
        background-color: #dedede;
        color: #444;
        text-decoration: none;
}


#autocomplete_choices2 li a:hover {
    background-color: #efefef;
    color: #222;
}