.listdown {
    display:none;
    position:absolute;
    color: #000;
    background-color:#FFF;
    border: 1px solid #f1f1f1;  
    max-height:120px;
    overflow-y:auto;
    overflow-x:hidden;
    z-index: 10;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    line-height:normal;
}

.listdown div {
    clear:both;
    width: 100%;
}

.listdown div a {
    display: block;
    padding:2px;
    width: 100%;
    height: 16px;
    background-color:#FFF; 
}

.listdown div a:hover {
    display: block;
    color: #FFF;
    background-color: #6fdcff;
}

/* plusButton anchor */

a.plusButton {
    display: block;
    height: 19px;
    width: 22px;
    border: 0px;
    vertical-align:top;
    background-image: url(/view/basics/ajax_plus.png);
    float: left;  
    clear: right;
}

/* set location form */

div#setLocation {
    background-color: #0fc4ff;
    width:641px;
    height:125px;
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}

div#setLocation .row {
    padding: 0px 10px 0px 10px;
}

div#setLocation .header {
    height:23px;
    padding: 10px 10px 0px 10px;
}

div#setLocation .title {
    float:left;
    clear:left;
    font-size: 14px;
    font-weight:bolder;
}

div#setLocation .closeButton {
    vertical-align:bottom;
    float:right;
}

div#setLocation .closeButton input {
    font-size: 10px;
    color: #fff;
    width: 55px;
    text-transform:uppercase;
    border: 0px;
    text-align:left;
    background-image: url(/view/basics/ajax_close.png);
    background-color: transparent;
    background-position:top right;
    background-repeat: no-repeat;
}

div#setLocation .breakLine {
    background-color:#fff;
    height:1px;
    width:615px;
    clear:both;
    margin:0px 0px 8px 10px;
}

div#setLocation .row {
    padding-bottom: 10px;
    font-size:11px;
    height:19px;
    line-height:19px;
}

div#setLocation .column_1 {
        float:left;
        clear:left;     
        width:50px;
}

div#setLocation .column_2,
div#setLocation .column_4 {
    float:left;
    width:240px;
    border: 1px solid #0db9f1;
}

div#setLocation .column_3 {
    padding-left:20px;
    float:left;     
    width: 50px;
}

div#setLocation .column_4 {
    clear:right;
}

div#setLocation .row input {
    float:left;
    width: 213px;
    height: 18px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 1px solid #f1f1f1;
    padding: 0px 0px 0px 5px;
    vertical-align:top;
    background-color:#FFF;
}

div#setLocation .listdown {
    min-width: 240px;
}

div#setLocation .footer {
    background-color: #efefed;
    width:100%;
    margin-top: 20px;
    height: 21px;
}

div#setLocation .submitButton a {
    float:right;
    text-transform:uppercase;
    border: 0px;
    background-position:center right;
    background-repeat: no-repeat;
    background-color:#64d428;
    background-image:url(/view/basics/ajax_apply.png);
    font-size: 11px;
    font-weight:bolder;
    color: #fff;
    width: 150px;
    height: 15px;
    text-align:left;
    padding:3px 5px 3px 10px;
    display:block;
}

div#setLocation .submitButton a:hover {
    background-image:url(/view/basics/ajax_apply.png);
    background-position:center right;
    background-repeat: no-repeat;   
    background-color:#4FC113;
}

/* pre-search class */
div.preSearchBar {
    background-color: #FFF;
    width:621px;
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
    overflow: hidden;
    padding: 10px;
/*    margin-bottom: -25px;*/
}
div.preSearchBar .row { 
    line-height: 25px; 
    padding: 0px;
    margin: 0px;
}
div.preSearchBar .row div { float: left; }
div.preSearchBar .lsItem {
    padding-left: 25px;
}
div.preSearchBar .lsItem label {
    font-size: 11px;
    font-weight: bold;
}

div.preSearchBar .findButton {
    padding-left: 25px;
}

/* refine search form */
/*div#sortByTab div.autocompleter {
	background-color: #0fc4ff;
}*/
div#sortByTab {
    background-color: #0fc4ff;
    width:641px;
    /*height:191px;*/
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}

div#sortByTab .row {
    padding: 0px 10px 0px 10px;
    line-height: 19px;        
}

div#sortByTab .header {
    height:23px;
    padding: 10px 10px 0px 10px;
}

div#sortByTab .title {
    float:left;
    clear:left;
    font-size: 14px;
    font-weight:bolder;
}

div#sortByTab .closeButton {
    vertical-align:bottom;
    float:right;
}

div#sortByTab .closeButton input {
    font-size: 10px;
    color: #fff;
    width: 55px;
    text-transform:uppercase;
    border: 0px;
    text-align:left;
    background-image: url(/view/basics/ajax_close.png);
    background-color: transparent;
    background-position:top right;
    background-repeat: no-repeat;
}

div#sortByTab input[type="text"] {
    background-color: #FFF; 
}

div#sortByTab .breakLine {
    background-color:#fff;
    height:1px;
    width:615px;
    clear:both;
    margin:0px 0px 8px 10px;
}

div#sortByTab .location1 .listdown {
    min-width:125px;
}

div#sortByTab .location2 .listdown {
    min-width:77px;
}

div#sortByTab .column_2 .listdown {
    min-width:210px;
}

div#sortByTab .column_4_dates .listdown {
    min-width:240px;
}

div#sortByTab .row {
    padding-bottom: 10px;
    font-size:11px;
    height:19px;
}

div#sortByTab .column_1 {
    float:left;
    clear:left;     
    width:80px;
}

div#sortByTab .column_2,
div#sortByTab .column_4_dates,
div#sortByTab .from,
div#sortByTab .to,
div#sortByTab .location1,
div#sortByTab .location2 {
    border: 1px solid #0db9f1;
}

div#sortByTab .column_2 {
    float:left;
    width:210px;
}

div#sortByTab .column_2_location {
    float:left;
    width:212px;
}

div#sortByTab .column_2 input,
div#sortByTab .column_2_location input {
    font-size: 11px;
    font-weight: bolder;
}

div#sortByTab .column_3 {
    padding-left:20px;
    float:left;     
    width: 64px;
}

div#sortByTab .column_4,
div#sortByTab .column_4_dates {
    float:left;     
    clear:right;
    width:240px;
}

div#sortByTab .column_4_fromto {
    float:left;     
    clear:right;
    width:242px;
}

div#sortByTab .column4 input,
div#sortByTab .column_4_dates input,
div#sortByTab .column_4_fromto input {
    color: #7f7f7f;
    font-weight: bolder;
    font-size:12px;
}

div#sortByTab .row input[type="text"] {
    height: 18px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 1px solid #f1f1f1;
    padding: 0px;
    vertical-align:top;
    display: block;
    float: left;        
}

div#sortByTab .row label {
    padding-left: 10px;
}

div#sortByTab .row input[type="checkbox"] {
    height: 19px;
    border: 0px;
    padding: 0px;
    vertical-align:middle;
}

div#sortByTab .row input[name="rs"], 
div#sortByTab .row input[name="user"] {
    width: 210px;
}

div#sortByTab .row input[name="group"], 
div#sortByTab .row input[name="sort"] {
    width: 188px;
}

div#sortByTab .row input[name="period"] {
    width: 218px;
}

div#sortByTab .row input[name="start_date"], 
div#sortByTab .row input[name="end_date"] {
    width: 85px;
}

div#sortByTab .from {
    float: left;
    clear: left;
    width: 107px;   
}

div#sortByTab .to {
    float: right;
    width: 107px;   
}

div#sortByTab .from .listdown,
div#sortByTab .to .listdown {
    min-width:107px;
}

div#sortByTab .wordto {
    float: left;
    text-align:center;
    padding-left: 5px;
}

div#sortByTab .location1 {
    width: 125px;
    float: left;
}

div#sortByTab .location1 input {
    width:103px;
    clear:left;
}

div#sortByTab .location2 {
    float: right;
    width: 77px;
    clear:right;    
}

div#sortByTab .location2 input {
    width: 55px;
}

div#sortByTab .footer {
    background-color: #efefed;
    width:100%;
    margin-top: 0px;
    height: 21px;
}

div#sortByTab .submitButton a {
    display:block;
    text-transform:uppercase;
    border: 0px;
    font-size: 11px;
    font-weight:bolder;
    color: #fff;
    width: 150px;
    height: 15px;
    text-align:left;
    padding:3px 5px 3px 10px;
    background-color:#64d428;
    background-image:url(/view/basics/ajax_apply.png);
    background-position:center right;
    background-repeat: no-repeat;
    float: right;
}

div#sortByTab .submitButton a:hover {
    background-image:url(/view/basics/ajax_apply.png);
    background-position:center right;
    background-repeat: no-repeat;   
    background-color:#4FC113;
}
/* add link description form */

div.linkDescription {
    width: 315px;
    height: auto;
    background-color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
}

div.linkDescription .header {
    background-color: #EfEFEd;
    width:100%;
}

div.linkDescription .leftCorner {
    background-image:url(/view/basics/ajax_bg_graytriangle.png);
    width: 22px;
    height: 22px;
    float: left;
}

div.linkDescription .buttons {
    background-color: #EfEFEd;
    text-align:right;
    float: right;
    width: 288px;
    padding-right: 5px;
    height: 22px;
}

div.linkDescription .leftCorner2 {
    background-image:url(/view/basics/ajax_bg_graytriangle_right.png);
    width: 22px;
    height: 22px;
    float: right;
}

div.linkDescription .buttons2 {
    background-color: #EfEFEd;
    text-align:left;
    float: left;
    width: 286px;
    padding-left: 7px;
    height: 22px;
}

div.linkDescription input {
    font-size: 11px;
    font-weight: bolder;
    border: 0px;
    text-align:left;
    background-color: transparent;
    background-position:top right;
    background-repeat: no-repeat;   
}

div.linkDescription input.delete {
    color: #ff3838;
    width: 53px;
    height:20px;
    background-image: url(/view/basics/ajax_minus.png);
}

div.linkDescription input.hide {
    color: #0fc4ff;
    width: 45px;
    height:20px;    
    background-image: url(/view/basics/ajax_hide.png);
}

div.linkDescription .delemiter {
    height:15px;
    clear:both;
}

div.linkDescription .rowShowto, 
div.linkDescription .row {
    padding: 0px 7px 7px 7px;
    clear: both;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    font-weight:normal;
    vertical-align:top;
}

div.linkDescription .rowShowto {
    height: 16px;
}

div.linkDescription .rowShowto div,
div.linkDescription .row div {
    float: left;
}

div.linkDescription .column_1 {
    width: 70px;
}

div.linkDescription select {
    border: 0px;    
    background-color:#f7f7f7;       
}

div.linkDescription label {
    font-weight:normal;
    padding: 0px 7px 0px 7px;
}

div.linkDescription .toomatchpeople {
    color: #0fc4ff;
}

div.linkDescription .links {
    float: left;
    font-size: 11px;
    font-weight: bolder;
    height:21px;
    padding:3px 0px 0px 7px;
    vertical-align:middle;
    color: #64d428; 
}

div.linkDescription .links a {
    color: #64d428;
    width:auto;
}

div.linkDescription .links a.active {
    color: #0fc4ff;
}

div.linkDescription textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#b5b5b4;
    max-width:305px;
    width: 301px;
    max-height:100px;
    height: 100px;
    background-color:#f7f7f7;
    border: 0px;    
    border-top: 1px solid #d0d0d0;
    overflow:hidden;        
}

div.linkDescription .footer {
    background-color: #efefed;
    width:100%;
    margin-top: 7px;
    height: 21px;
}

div.linkDescription .submitButton {
    float: right;   
}

div.linkDescription .submitButton {
    border: 0px;
    width: 78px;
    height: 21px;
    text-align:left;
    padding: 0;
    background-color:#64d428;
    background-image:url(/view/basics/ajax_bg_apply.png);
    background-position:center right;
    background-repeat: no-repeat;
}

div.linkDescription .submitButton a {
    padding:3px 0px 3px 10px;       
    text-transform:uppercase;
    font-size: 11px;
    font-weight:bolder;
    color: #fff;
    width: 68px;
    height: 15px;
    display:block;
    text-decoration:none;
}

div.linkDescription .submitButton a:hover {
    background-image:url(/view/basics/ajax_bg_apply.png);
    background-position:center right;
    background-repeat: no-repeat;   
    background-color:#4FC113;
}

/* suggestions */

div#suggestions {
    background-color:#FFF;
    width:954px;
    height:260px;
    padding:7px;
}

div#suggestions .header {
    height:23px;
}

div#suggestions .title {
    float:left;
    clear:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bolder;
}

div#suggestions .closeButton {
    vertical-align:bottom;
    float:right;
}

div#suggestions .closeButton input {
    font-size: 10px;
    color: #0fc4ff;
    font-weight:bolder;
    width: 55px;
    text-transform:uppercase;
    border: 0px;
    text-align:left;
    background-image: url(/view/basics/ajax_bg_close.png);
    background-color: transparent;
    background-position:46px 2px;
    background-repeat: no-repeat;
}

div#suggestions .content {
    width: 934px;
    height: 196px;
    background-color:#0fc4ff;
    background-image: url(../images/dummys/ajax_worldmap.png);
    background-position:329px 51px;
    background-repeat: no-repeat;
    padding: 10px;
}

div#suggestions .mainQuestion {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:26px;
    color: #FFF;
    padding:0px;
    position:relative;
    top:10px;
    left:0px;
    line-height:26px;       
    height:30px;
}

div#suggestions .whereis .listdown {
    min-width: 220px;
    top: 22px;
}

div#suggestions .likeis .listdown {
    top: 22px;
    min-width: 220px;
}

div#suggestions .mainQuestion div {
    float: left;
    vertical-align:bottom;
}

div#suggestions .mainQuestion input[type="text"] {
    height: 18px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 1px solid #f1f1f1;
    padding: 0px;
    background-color:#FFF;
    font-size: 11px;
    font-weight: bolder;
    padding: 0px 5px 0px 5px;
}

div#suggestions .what {
    position:relative;
    top: -5px;
    width: 70px;
}

div#suggestions .whatis input {
    width:210px;
}

div#suggestions .in {
    position:relative;
    top: -5px;
    width:65px;
    text-align:center;
}


div#suggestions .whereis input[type="text"] {
    vertical-align:top;
    width:188px;
    float: left;
    display: block;

}

div#suggestions .likeis input[type="text"] {
    width:197px;
    vertical-align:top;     
    float: left;
    display: block;
}

div#sortByTab a.plusButton {
    clear: right;
}

div#suggestions .islike {
    position:relative;
    top: -5px;
    width:92px;
    text-align:center;
}


div#suggestions input[type="image"] {
    height: 19px;
    width: 22px;
    border: 0px;
    vertical-align:top;
}

div#suggestions .quest {
    position:relative;
    top: -5px;
    width:27px;
    text-align:center;      
}

div#suggestions .whatis,
div#suggestions .whereis,
div#suggestions .likeis {
    border: 1px solid #0db9f1;
    height:20px;
}

div#suggestions .content {
    color: #FFF;    
}

div#suggestions .categories {
    position:relative;
    top:20px;
    left: 0px;
    height: 150px;
    width:500px;
}

div#suggestions .categories table {
    background-color: #6fdcff;
}

div#suggestions .categories td {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    width:71px;
    height:21px;
    color:#fff;
    padding:0px;
    background-color:#0fc4ff;       
}

div#suggestions .categories table a {
    width:63px;
    height:21px;
    display:block;
    color:#fff;
    padding:0px 5px 0px 5px;        
    background-color:#0fc4ff;
}

div#suggestions .categories table a:hover,
div#suggestions .categories table a.selected{
    color:#0fc4ff;
    background-color:#fff;
}

div#suggestions .labelone {
    position:relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;
    width:240px;
    top:-100px;
    left:672px;
    z-index:1;
}

div#suggestions .labeltwo {
    position:relative;
    top:-80px;
    left:672px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
    width:210px;
    z-index:1;
}

div#suggestions .labeltwo a {
    color: #FFF;
}

div#suggestions .labeltwo a:hover {
    color: #6fdcff;
}

div#suggestions .footer {
    background-color: #efefed;
    width:100%;
    margin-top: 0px;
    height: 21px;
}

div#suggestions .submitButton {
    border: 0px;
    float: right;   
    width: 321px;
    height: 21px;
    text-align:right;
    padding: 0;
    background-color:#64d428;
    background-image:url(/view/basics/ajax_bg_apply.png);
    background-position:center right;
    background-repeat: no-repeat;
}

div#suggestions .submitButton a {
    font-family:Arial, Helvetica, sans-serif;
    padding:3px 30px 3px 10px;      
    text-transform:uppercase;
    font-size: 11px;
    font-weight:bolder;
    color: #fff;
    width: 281px;
    height: 15px;
    display:block;
    text-decoration:none;
}

div#suggestions .submitButton a:hover {
    background-image:url(/view/basics/ajax_bg_apply.png);
    background-position:center right;
    background-repeat: no-repeat;   
    background-color:#4FC113;
}

/* set city form */

div.refineTblForm {
    background-color: #0fc4ff;
    width:640px;
    height:auto;
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
}

div.refineTblForm .header {
    height:23px;
    padding: 10px 10px 0px 10px;
}

div.refineTblForm .title {
    float:left;
    clear:left;
    font-size: 14px;
    font-weight:bolder;
}

div.refineTblForm .closeButton {
    vertical-align:bottom;
    float:right;
}

div.refineTblForm .closeButton input {
    font-size: 10px;
    color: #fff;
    width: 55px;
    text-transform:uppercase;
    border: 0px;
    text-align:left;
    background-image: url(/view/basics/ajax_close.png);
    background-color: transparent;
    background-position:top right;
    background-repeat: no-repeat;
}

div.refineTblForm .breakLine {
    background-color:#fff;
    height:1px;
    width:615px;
    clear:both;
    margin:0px 0px 8px 10px;
}

div.refineTblForm .content {
    color: #FFF;
    padding-left: 10px;
}

div.refineTblForm .categories {
    height: 150px;
    width:500px;
}

div.refineTblForm .categories table {
    background-color: #6fdcff;
	empty-cells: hide;
}

div.refineTblForm .categories td {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    width:131px;
    height:21px;
    color:#fff;
    padding:0px;
    background-color:#0fc4ff;       
}

div.refineTblForm .categories table a {
    width:123px;
    height:21px;
    display:block;
    color:#fff;
    padding:0px 5px 0px 5px;        
    background-color:#0fc4ff;
}

div.refineTblForm .categories table a.selected,
div.refineTblForm .categories table a:hover{
    color:#0fc4ff;
    background-color:#fff;
}

div.refineTblForm .footer {
    background-color: #efefed;
    width:100%;
    height: 21px;
}

div.refineTblForm .submitButton a {
    float:right;
    text-transform:uppercase;
    border: 0px;
    background-position:center right;
    background-repeat: no-repeat;
    background-color:#64d428;
    background-image:url(/view/basics/ajax_apply.png);
    font-size: 11px;
    font-weight:bolder;
    color: #fff;
    width: 100px;
    height: 15px;
    text-align:left;
    padding:3px 5px 3px 10px;
    display:block;
}

div.refineTblForm .submitButton a:hover {
    background-image:url(/view/basics/ajax_apply.png);
    background-position:center right;
    background-repeat: no-repeat;   
    background-color:#4FC113;
}

.ajax_completer {
    border: 1px solid gray;
    padding: 5px;
    background-color: white;
    display: none;
    position: absolute;
}

.ajax_completer  div {
    display: block;
    width: 100%;
}