a { 
	 color: blue ;
    text-decoration: underline ;
    cursor: pointer ;
}

input#search-query-box { 
	 font-size: 16px ;
    width: 400px ;
}

input#index-search-button { 
	 font-size: 1em ;
	 margin-left: 5px ;
}

table.tabs {
    margin: 0px auto ;
    text-align: left ;
}

table.info { 
	 margin: 0px auto ;
}

table#input-table { 
    text-align: center ;
	 margin: 0px auto 0px auto ;
}

table.options {
    /* if the margin-top attribute is put here, somehow the text "Types" gets screwed up */
    /* therefore, the margin-top attribute is in the html itself in a style attribute tag */
    margin: 0px auto ;

    text-align: left ;
	 
    font-family: arial, sans-serif ;
    font-size: 12px ;
}

table#video-search-table {
	 margin: 10px ;
}
table#directory-search-table {
	 margin: 10px 10px 3px 10px ;
}


/***************************************
 ** Search Sugggestions
 ***************************************/

div#search-suggestions { 
    position: absolute ;
    z-index: 100 ;
    
    border-width: 0px 1px 0px 1px ;
    border-style: solid ;
    border-color: #585858 ;

    background-color: #FFFFFF ;
    width: 402px ;

    text-align: left ;

    font-family: Arial,sand-serif ;
    font-size: 12px ;
	 
	 display: none ; /* initially hidden */
}
div#search-suggestions div.search-suggestions-entry { 
    padding-left: 4px ;
    height: 18px ;
    text-align: left ;
    width: 398px ;
    cursor: default ;
}
div.search-suggestions-entry-selected {
    background: #b8e2f4 ;
}
div.search-suggestions-entry-invisible {
    display: none ;
}
div#search-suggestions div.search-suggestions-close { 
    margin-left: auto ;
    text-align: right ;
    padding: 3px ;

    border-width: 0px 0px 1px 0px ;
    border-style: solid ;
    border-color: #585858 ;
}
div#search-suggestions div.search-suggestions-xclose { 
    float: right ;
    text-align: right ;
    padding: 0px 2px 1px 3px ;
    background-color: #FFFFFF ;
}
div#search-suggestions div.search-suggestions-xclose a { 
    font-family: Arial,sans-sarif ;
    text-decoration: none ;
    font-size: 15px ;
}



/* the pixel space beneath the text of a tab */
td.tab-bottom-spacer { 
    height: 3px ;
}

/* pixel space inbetween the tab buttons */
td.tab-spacer { width: 4px ; }

.tab {
    cursor: pointer ;

    width: 90px ;
    
    text-align: center ;
}

td.tab:hover { 
    text-decoration: underline ;		
}

span { 
    font-family: arial ;
    font-size: 13px ;
}

td.ft-spacer { padding-right: 3px ; }

span.tab-header { 
    font-family: Verdana ;
    font-size: 14px ;

    text-decoration: none ;
    text-align: center ;
}

.col {
    /* music */
	 /* background-color: #87CEEB ; */

	 /* video */
	 /*	background-color: #ADFF2F */

	 /* document */
	 /*	background-color: #FF8C00 */

    background-color: #87CEEB ;
}

div.logo {
	 margin-top: 60px ;
    text-align: center ;
}

.uncol {
    background-color: #CCCCCC ;
}

div#input-div {
	 margin: 38px auto 0px auto ;
	 width: 485px ;
}

div#input-help {
	 color: #606060 ;
	 font-size: 13px ;
	 margin-left: -150px ;
}

div#input-separator {
	 color: #91a8b3 ;
	 margin: 0px 27px ;
	 font-size: 15px ;
}

div#directory-index-div {
	 display: none ;
	 text-align: right ;
	 margin-left: 16px ;
}

div#default-index-div {
	 text-align: right ;
	 margin-right: 6px ;
	 width: 538px ;
}

div#new-to-dirpy { 
    margin: 30px auto 0px auto ;

    text-align: center ;
    
    width: 34em ;
    
    padding: 5px ;

    border: 1px ;
    border-style: dashed ;
    border-color: #87CEEB ;

    font-family: arial, sans-serif ;
    font-size: 15px ;
}

span.footer-separator {
	 color: #606060 ;
}


/* rounded corner css */
/* BE SURE TO SET THE .rtop and .rbottom BACKGROUND TO THE CORRECT BACKGROUND COLOR */
.rtop-col, .rbottom-col {  display: block; background: #FFFFFF }
.rtop-uncol, .rbottom-uncol {  display: block; background: #FFFFFF }
/* BE SURE TO SET THE .rtop and .rbottom BACKGROUND TO THE CORRECT BACKGROUND COLOR */
.rtop-col b, .rbottom-col b{ display: block ; height: 1px ; overflow: hidden ; background: #87CEEB }
.rtop-uncol b, .rbottom-uncol b{ display: block ; height: 1px ; overflow: hidden ; background: #CCCCCC }

.r1 { margin: 0 5px }
.r2 { margin: 0 3px }
.r3 { margin: 0 2px }
.r4 { margin: 0 1px; height: 2px }