﻿body
{
    text-align: center;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
}


/** Gasta CSS Style sheet **/
/** ======================= **/


/**
Notes
-----------------------------------------

Default colors
    - Royal Blue = #003399   (#003d8f photoshop)
    - 
   

**/

/** normalize mark-up ***/

html, body, div, p, h1, h2, h3, h4, h5, h6, table, img, ul, li, i, pre, fieldset, ol, h1, h2, h3, h4, h5, h6, img
{
    padding: 0;
    margin: 0;
    border: 0;
}

h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
    display: inline;
}

ul, ol
{
    list-style: none;
}

/** basic layout **/

body
{
    margin-top: 20px;
    
}

#home_container
{
    width: 700px;
    margin: 0px auto;
    text-align: left;
}

#home_logo
{
    height: 80px;
    margin-top: 34px;
}

#search_container
{

    padding: 30px 70px 30px 70px;
    text-align: center;
    width: 560px;
    height: 140px;
    background-color: #003d8f;
    background-image: url(/assets/home/search_box_blue.jpg);
    background-position: top left;
    background-repeat: no-repeat;

}

/** header ***/

#header
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    background: #eeeeee;
    display: block;
    width: 100%;
    font-family: "Trebuchet MS" , Genevia, Arial;
}

#header a
{
    color: #393139;
    font-size: 12px;
}

#header_links
{
    float: left;
    display: block;
    width: 240px;
}

.header_tab
{
    background-image: url(/assets/header/tab_bg.gif);
    background-position: top left;
    background-repeat: repeat-x;
}

.header_tab_left
{
    background-image: url(/assets/header/tab_left.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 24px;
    height: 34px;
    display: block;
    float: left;
}

.header_tab_right
{
    background-image: url(/assets/header/tab_right.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 24px;
    height: 34px;
    display: block;
    float: left;
}

.header_tab_content
{
    float: left;
    background-image: url(/assets/header/tab_bg.gif);
    background-position: top left;
    background-repeat: repeat-x;
    height: 34px;
}


#header_signup
{
    float: right;
    display: block;
}

#header li, .header_tab_content li
{
    display: inline;
}

#header li a
{
    padding: 0px 10px 0px 10px;
}

#header_tab_content ul li
{
    display: list-item;
}

#header input
{
    font-size: 10px;
}

/*** home search box ***/

#search_box
{
    text-align: left;
    width: 560px;
}

#search_cats ul
{
    color: #fff;
    padding-left: 12px;
}

#search_cats ul li a
{
    color: #ccc;
    font-weight: bold;
    padding: 0px 20px 12px 20px;
    text-decoration: none;
    display: block;
    float: left;
}
#search_cats ul li a.selected
{
    color: #fff;
    font-weight: bold;
    background-image: url(/assets/link_pointer.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    text-decoration: underline;
}

#search_cats ul li a:hover
{
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

#search_cats ul li
{
    display: inline;
}

#search_cats_pointer
{
    height: 12px;
    width: 9px;
    background-image: url(/assets/link_pointer.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-left: 7em;
}

#search_bubble
{
    overflow: visible;
}

#search_bubble_main
{
    float: left;
    background-color: #f1f1f1;
    height: 78px;
    background-image: url(/assets/home/bubble/b_bg.gif);
    background-repeat: repeat-x;
    width: 536px;
}

#search_bubble_left
{
    float: left;
    width: 12px;
    height: 78px;
    background-color: #f1f1f1;
    background-image: url(/assets/home/bubble/b_left.gif);
    background-repeat: no-repeat;
}
#search_bubble_right
{
    float: left;
    width: 12px;
    height: 78px;
    float: right;
    background-color: #f1f1f1;
    background-image: url(/assets/home/bubble/b_right.gif);
    background-repeat: no-repeat;
}

#search_box_button
{
    height: 36px;
    padding-top: 10px;
}


.txt_search
{
    font-size: 14px;
    float: left;
    height: 31px;
    width: 400px;
    border: solid 1px #ccc;
}

.btn_home_search
{
    float: right;
    overflow: hidden;
    width: 110px;
}

#search_services
{
    margin-top: 8px;
    font-size: 11px;
}

#search_services li
{
    display: inline;
}
#search_services li a
{
    color: #000;
    font-weight: normal;
    padding: 0px 30px 0px 20px;
}

#search_promo
{
    color: #fff;
    margin: 16px 30px 0px 30px;
}

/*** END -  home search box ***/

/*** mid promo ***/

#mid_promo
{
    text-align: center;
    margin-top: 30px;
}

#mid_promo li
{
    display: inline;
}

#mid_promo li a
{
    padding: 0px 10px 0px 10px;
}



/*** home_directory ***/

#home_directory
{
    margin: 20px 10px 30px 10px;
    width: 680px;
    height: 164px; /**background:url(/assets/home/search_box_blue.jpg);     background-position: top center;     background-repeat:no-repeat;**/
    background-color: #eee;
}


#home_directory h3
{
    font-weight: bold;
}

#home_top_tabs a, #home_bottom_tabs a
{
    font-size: 12px;
    padding: 3px;
    float: left;
    margin: 0px 3px 0px 0px;
    border: solid 1px #ccc;
    text-decoration: none;
    color: #666;
    font-weight: bold;
}

#home_top_tabs a
{
    border-bottom-color: #48f;
}

#home_bottom_tabs a
{
    border-top: 0px;
}


#home_top_tabs a.selected, #home_bottom_tabs a.selected
{
    height: 22px;
    background: #FFFF99;
    position: relative;
    top: -6px;
    border-color: #48f;
    color: #000;
    z-index:10;
}

#home_top_tabs a.selected
{
    border-bottom: none;
}

#home_top_tabs a:hover, #home_bottom_tabs a:hover
{
    color: #111;
    background: #F0E68C;
}



#home_top_tabs ul
{
    height: 22px;
    border-bottom: solid 1px #48f;
}

#home_bottom_tabs ul
{
    /*height:30px;*/
    border-top: solid 1px #48f;
}

#home_directory li
{
    display: inline;
}

#home_directory li a
{
    background-color: #fff;
}


#home_directory #master_tab_content
{
    border: solid 1px #48f;
    border-top: 0px;
    border-bottom: 0px;
    height: 140px;
    background: #fff;
}

#home_directory .tab_content
{
    padding: 10px;
    background: #fff;
    font-size: 12px;
    text-transform: capitalize;
}

#home_directory .tab_content a
{
    font-size: 10px;
    font-family: verdana,tahoma,helvetica;
    margin-right: 9px;
}

/*** footer ***/

#footer
{
    text-align: center;
    clear: both;
    margin-top: 30px;
}

#footer li
{
    display: inline;
}

#footer li a
{
    padding: 0px 5px 0px 5px;
}

#footer_services
{
    margin-bottom: 30px;
    clear: both;
}

#footer_links
{
    margin-bottom: 30px;
}


/**** RESULTS PAGE ****/

#search_header
{

    
}

#results_page
{
    text-align: left;
}

#search_bar
{
    text-align: left;
    height: 80px;
    border-bottom: 3px solid #99CC33;
}

#search_logo
{
    float: left;
    width: 270px;
    display: block;
    height: 80px;
}

#r_searchbox
{
    float: left;
}

#r_search_cats
{
    padding-top: 10px;
}

#r_search_cats li
{
    display: inline;
}

#r_search_cats li a
{
    padding: 0px 5px 0px 5px;
}

.txt_searchresults
{
    width: 260px;
}

#main_results
{
    clear: both;
    border-top: solid 3px #003399;
    margin-top: 2px;
}

#main_results h2
{
    padding-left: 10px;
    font-size: 14px;
}





#instantads
{
    float: left;
    width: 140px;
    height: 300px;
    background-color: Aqua;
}

#results
{
    margin-left: 150px;
    margin-right: 220px;
    height: 500px;
}

#extras
{
    float: right;
    height: 400px;
    width: 210px;
    background-color: Fuchsia;
}





/*** forms ***/

.watermark
{
    color: #aaaaaa;
    background: #FFFFA0;
}




/**************************
RESULTS PAGE
**************************/
.outer
{
    border-left: 165px solid #fff; /*** width left column ***/
    border-right: 310px solid #fff; /*** width  right column ***/
    text-align:left;
}
* html .outer
{
}
.inner
{
    width: 100%;
}
* html .inner
{
}

.inner
{
    margin-top:6px;
    
}

.float-wrap
{
    float: left;
    width: 100%;
    margin-left: -165px; /*** Same length as .outer border-left but with negative value ***/
}
* html .float-wrap
{
    /*** No need for hacking IE on this layout ***/
}
#content
{
    float: right;
    background: #fff;
    margin-right: -165px; /*** Same length as .outer border-left but with negative value ***/
    width: 100%;
}
* html #content
{
    position: relative;
}
.contentWrap
{
    padding: 5px;
}
.contentWrap ol, .contentWrap ul
{
    margin: 3px 0 5px 35px;
}
.contentWrap li
{
    padding-bottom: 2px;
}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left
{
    float: left;
    width: 150px;
    min-height: 250px;
    padding: 5px;
    /*background-color:#ccc;*/
}
* html #left
{
    position: relative; /*** IE needs this  ***/
    height: 250px;
}

/*************************
RIGHT COLUMN
**************************/
#right
{
    float: right;
    width: 300px;
    padding: 5px;
    min-height: 250px;
    margin-right: -310px; /** negative margin-right value = width  right column + the padding***/
}
* html #right
{
    height: 250px;
    position: relative; /*** IE needs this  ***/
}


/** results page ***/

#result_search_bar
{
    margin:0px 0px 30px 0px;
}

#result_search_bar #logo
{
    float: left;
    width: 200px;
    height: 50px;
    display:block;
}

#results_search_box
{
    float: left;
}

#results_search_nav li
{
    display: inline;
    padding-right: 5px;
}

#results_search_box li a:link, #results_search_box li a:visited
{
    color:blue;
}
#results_search_box li a.selected
{
    font-weight:bold;
    text-decoration:none;
    color:#000;
    
}


#results_search_box ul
{
    padding-bottom:5px;
    text-align:left;
    
}


#search_info_bar
{
    clear: both;
    text-align:left;
	background:#003d8f;
	/***margin-bottom: 1em;***/
	border-bottom:.2em #747474 solid;
	color:#ffffff;
	font-size:14px;
	padding:1px 0px 1px 26px;   
}
#search_info_bar h1
{
    font-weight:bold;
    
}



/*** instantads ***/
#instant_ads
{
}

#search_results
{
}


/** search results **/
.sr
{
  margin-bottom:15px;
  font-size:12px;
  color:#000;
  cursor:pointer;
 
}

.sr:hover
{
    background:#eee;
}

.sr h3
{
    font-size:14px;
    font-weight:bold;
    color:#000099;
    width:80%; 
    display:block; 

}

.sr h1 a
{
    color:#000099;
    font-weight:bold;
    font-size:14px;
    cursor:pointer;
}

.sr a
{
    text-decoration:none;
    /*width:100%; */
    /*display:block; */
    color:#000;
    cursor:pointer;
}


.sr em
{
    font-style:italic;
    color:#669900;
}

.sr span.bookmark_link
{
    display:none;
    padding-left:20px;
    
}
.sr:hover span.bookmark_link
{
    display:inline;
    
}

.s_action
{
    margin:20px 0px 20px 0px;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    background-repeat:no-repeat;
    height:40px;
    
    
    
}

/** no-js search page **/

#suggested_keywords
{
    padding-bottom: 20px;   
}

#suggested_keywords .key_title
{
    font-weight:bold;
}
/** other search **/

#other_search
{
    
}

.os_title
{
    border-top: solid 1px #003d8f;
    padding:5px;
    width:290px;
    display:block;
    clear:both;
}

.os_container
{
   padding:5px; 
}

/** Other Searches **/


/** ms_images **/

.ms_img_contain
{
     padding:5px 10px 5px 10px;
     float:left;
    
}

.ms_img_thumb
{
    border:solid 1px #ccc; width:70px; height:70px; display:block
}

.thumbnail{
position: relative;
z-index: 0;
font-size:10px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
width:inherit;
text-align:center;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail span a
{
    display:none
}


.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -60px; /*position where enlarged image should offset horizontally */

}

/** ms_vid **/

.ms_vid
{
    padding:5px;
    width:130px;
    height:145px;
    float:left;
    font-size:10px;
    display:block;
    overflow:hidden;
    
}
.menu
{

}


/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
left:-3px;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
width:120px;

}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:10px;
width:116px;
color:#000;
text-decoration:none;
/*background-color:#fff;*/
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu li ul :hover{
color:#444;
background:#ccc;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/** news page **/
#news_container
{
    border: solid 1px #ccc; text-align:left;
}

.news_title
{
    font-size:14px;
    display:block;
    padding-bottom:12px;
    
    
}

.news_story
{
    padding-bottom:10px;
    
}

.news_story a
{
    display:block;
}

#news_menu
{
    float:left; width:120px;
}

#news_menu li
{
    border: solid 1px #ccc;
    padding: 3px;
    margin-bottom:10px;
    border-right: solid 5px blue;
    border-left: solid 5px blue;
    
}

.news_break
{
    font-size:30px; text-align:center; font-weight:bold;
}

.news_story a
{
    font-size:14px;
    font-weight:bold;
    
}

.news_summary
{
    font-size:12px;
}

.news_source a
{
 color:#669900;
 font-style:italic; 
 font-size:12px;
 text-decoration:none;  
 display:inline;
}

.news_story .bookmark_link
{
    display:none;
    padding-left: 20px;
    font-style:normal;
    color:#000;
}

.news_story:hover .bookmark_link
{
    display:inline;   
}

/** Instant Ads **/
#InstantAds
{
    padding-top:40px;
     /*background: #ccc;*/
     /*width:156px;*/

 /*text-align:center;   */
}
.InstantAds_Content
{
 border: 2px solid #8DA6CE;
 background: #FFFFFF;
 text-align:left;
 margin-top: 1em;
 overflow:hidden;
 word-wrap: break-word;
 padding:4px;
  /*padding-left:10px;
 padding-right:10px;  
 padding-bottom:10px;*/
 /*width:150px;*/
}

/** Search Match **/
#SearchMatchBox
{
    border: 1px solid #8DA6CE;
    margin-bottom: 10px;
    padding: 3px;
    vertical-align: middle;
}

/*** forms ***/

.tbl_createAcc tr
{
    vertical-align:top;
}

/** iframes **/

#iframe
{
    text-align:left; font-size:10px; text-align:center;
}

#iframe input, #iframe .textbox
{
    font-size:11px;
}

#iframe table tr
{
    vertical-align:top;
    text-align:left;
}

/** modal pop-up **/
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}



#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}

/** recent searches **/

.last_searches
{
    padding:5px;
}

.last_searches h3
{
    font-weight:bold;
}

.last_searches .search_type
{
    padding-left:5px;
    font-size:9px;
    color:#aaa;
}

.last_searches li
{
    float:left;
    padding-right:5px;
}

/** playlist sidebar **/
.hiddenheader
{
    font-size:14px;
    font-weight:bold;
    color:#777;
    text-decoration:underline;
}
.hiddendetails
{
    display:none;
    margin-right:10px; 
}

/** bookmark **/
.bookmark_large
{
    font-size:14px;
    font-weight:bold;   
}

.link_actions a
{
    font-size:11px;
    cursor:pointer;
    font-weight:bold;
    text-decoration:underline; 
    padding-bottom:10px;
    color:#333;
}

#right ul li .hiddendetails
{
   margin-left:10px; 
}

/** image slideshow **/
#image_slide .nav_links a
{
    padding-right:15px;
    text-decoration:underline;
    font-size:12px;
    font-weight:bold;
    color:Blue;
    
}

/** autosuggest **/
.autosuggest
{
    z-index:1000;

    
    
}

/***.autosuggest ul
{
    display:block;
    border:solid 1px #ccc;   
}

.autosuggest ul li
{
    
}


.auto_li
{
    display:block;
    clear:both;
    padding-right:40px;
}**/

/** InstantLinks **/

#InstantLinks
{
    border:1px solid #8DA6CE;
}

#InstantLinks li
{
    display:inline;
    padding:10px;
}

.btn_home_search_alt
{
    color:#fff;
    font-weight:bold;
    font-size:16px;
    background:#0099CC;
    border:none;
    height:35px;
    width:100px;
    
    
}

.btn_home_search_alt:hover
{
    background:green;
}
