@import url(/myCorner/includes/css/tabs-jquery.css);
/* IYC - myCorner Add Friend Finder Search Options Stylesheet */

/* -------------------------------------------------------------------------------------------------
    Do not use conditional statements for any IE hacks in this document.
    All IE specific code is contained in the ie.css file to allow for page validation.
----------------------------------------------------------------------------------------------------*/

/* --- HTML TAG DEFINITIONS by Alpha --- */


/* --- DIV IDs & RELATED CLASS DEFINITIONS by Alpha --- */
#searchOptionsContainer {visibility: hidden; position: absolute; top: 56px; left: -482px; width: 733px; height: auto; margin: 0; padding: 0 10px; z-index: 5000; }

.searchOptionsContainerbottom {float: left; clear: both; display: block; width: 733px; height: 48px; margin-top: 0; background: transparent url(/myCorner/images/friend/bg-selectiotionon-bottom.gif) no-repeat 0 0; }

#searchOptionsContainertop {display: block; width: 733px; height: 43px; background: transparent url(/myCorner/images/friend/bg-selectoptionson-top.gif) no-repeat 0 0;  }
#searchOptionsContainertop h4,
#searchOptionsContainertop h4 {float: left; padding: 15px 30px 0 30px; color: #333; font-size: 120%;}
#searchOptionsContainertop input {float: right; position: relative; display: block; width: 95px; height: 40px; margin: 0 25px -5px 0; border: 0; background: transparent url(/myCorner/images/layout/home/rightcolumn/btn-close.png) no-repeat 18px 8px; color: #666; font-size: 100%; cursor: pointer;}

#tabsEx1 {background: transparent url(/mycorner/images/friend/bg-selectiotionon-main.gif) repeat-y  0 60%; } 
#tabsEx1 h2 { padding: 5px 30px 10px 30px; }
#tabsEx1 label {display: inline-block; width: 115px; margin: 8px 0 8px 30px; font: normal 90%/100% Arial, Helvetica, sans-serif; color: #333;  }
#tabsEx1 select {display: inline-block; margin: 8px 0; padding: 0; }

/* For FF2 lack of inline-block support */
#tabsEx1 div#diagnosisDate label,
#tabsEx1 div#location label,
#tabsEx1 div#timeTherapy label {display: -moz-inline-box; -moz-box-orient: vertical;}

#tabsEx1 div#diagnosisDate,
#tabsEx1 div#location,
#tabsEx1 div#personality,
#tabsEx1 div#timeTherapy,
#tabsEx1 div#zodiacSign {line-height: 115%;}

#tabsEx1 div#diagnosisDate label {width: 45px;}
/*#tabsEx1 div#location label {width: 110px;}*/
#tabsEx1 div#timeTherapy label {width: 120px; }
/*#tabsEx1 div#personality label,
#tabsEx1 div#zodiacSign label {width: auto; margin: 0 10px; line-height: 120%; }*/

#tabsEx1 div#fragment-2 div.searchOptionsContainerbottom input,
#tabsEx1 div#fragment-3 div.searchOptionsContainerbottom input,
#tabsEx1 div#fragment-4 div.searchOptionsContainerbottom input,
#tabsEx1 div#fragment-5 div.searchOptionsContainerbottom input,
#tabsEx1 div#fragment-6 div.searchOptionsContainerbottom input { border: 0; float: right; display: block; width: 95px; height: 40px; margin: 0 35px 0 0; background: transparent url(/myCorner/images/layout/home/rightcolumn/btn-search.gif) no-repeat 9px 8px; color: #00C; font-size: 95%;}

#tabsEx1 div#zodiacSign label#selectall {padding: 0 22px;}
#tabsEx1 div#personality label#selectall2 {padding: 0 26px;}

#tabsEx1 div#personality table,
#tabsEx1 div#zodiacSign table {margin: 10px 50px;  width: 635px;}
#tabsEx1 div#personality td {width: 33%; padding: 5px; vertical-align: middle;}
#tabsEx1 div#personality td label,
#tabsEx1 div#zodiacSign td label {margin-left: 10px; width: auto; line-height: 120%;}
#tabsEx1 div#zodiacSign td {width: 25%; padding: 5px 0; }
#tabsEx1 ul li.default {display: none; visibility: hidden; width: 0; height: 0;}
#tabsEx1 .ui-tabs-nav a, #tabsEx1 .ui-tabs-nav a span { background-color: #FFF /*  Adding background color solves image bleed thru issues*/ }

div.search {background: transparent url(/mycorner/images/tabs/addfriend/bg-search-main.gif) repeat-y center 0; font-size: 95%;}
div.search p {color: #666; margin: 10px 40px 10px 30px;}
div.search-bottom {display: block; width: 100%; height: 13px; background: url(/mycorner/images/tabs/addfriend/bg-search-bottom.gif) no-repeat center 0;}
div.search-top{ display: block; width: 100%; height: 11px; background: url(/mycorner/images/tabs/addfriend/bg-search-top.gif) no-repeat center 0;}

div.searchdefault {background: transparent url(/mycorner/images/tabs/addfriend/bg-selectoption-defaultmain.gif) repeat-y center 0; font-size: 95%;}
div.searchdefault div#searchwelcome {margin: 0 0 0 15px; width: 650px;}
div.searchdefault div#searchwelcome div#searchcontent {display: block; width: 100%; height:255px; overflow: visible;  background: url(/mycorner/images/tabs/addfriend/birdhouse.jpg) no-repeat bottom left;}
div.searchdefault div#searchwelcome div#searchcontent h3,
div.searchdefault div#searchwelcome div#searchcontent h5,
div.searchdefault div#searchwelcome div#searchcontent p {padding-left: 365px;}
div.searchdefault div#searchwelcome h3,
div.searchdefault div#searchwelcome h5,
div.searchdefault div#searchwelcome p {width: 45%;}
div.searchdefault div#searchwelcome h3 {padding: 10px 0; color: #535498;}
div.searchdefault div#searchwelcome h5 {color: #535498; font-size: 100%;}
div.searchdefault div#searchwelcome img {}
div.searchdefault div#searchwelcome p {padding: 5px 0; color: #666;}
div.searchdefault div#searchwelcome p span {color: #333;}
div.searchdefault-bottom {display: block; width: 100%; height: 13px; padding-bottom: 10px; background: url(/mycorner/images/tabs/addfriend/bg-selectoption-default-bot.gif) no-repeat center 0;}
div.searchdefault-top { display: block; width: 100%; height: 11px; background: url(/mycorner/images/tabs/addfriend/bg-selectoption-default-top.gif) no-repeat center 0;}



/* --- LOOSE CLASS DEFINITIONS by Alpha --- */

.personalitySearchButton,
.signSearchButton,
.therapySearchButton,
.diagnosisSearchButton,
.locationSearchButton { filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; cursor: default; }