/*//////////////////////////////////////////////////////////////////////////////
//  Teknober.com - All rights reserved
//  Section     : Base
//  Dependicies : none
//	Description	: Teknober CSS
//  Version     : 1.0
//////////////////////////////////////////////////////////////////////////////*/
body
{
    /*font-family: tahoma,sans-serif;*/
    /*font-family:Arial,Helvetica,sans-serif;*/
    font-family:Verdana;
    
    font-size: 0.8em;
    margin: 0px;
    padding: 0px;
    text-align: left;
    height: 100%;
    width: 100%;
    
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}
a, p, ul, li, img, span, br, h1, h2, h3, h4, h5, h6, form, div, input, table, thead, tbody, tfoot, tr, td
{
    margin: 0px;
    padding: 0px;
}

img, body, tr, td
{
    border: solid 0px;
}
ul, li
{
    list-style-type: none;
}
a:link, a:visited, a:active
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
.hide
{
    display: none;
}
.show
{
    display: block;
}
.clear
{
    clear: both;
    height: 0px;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
    border: none;
}
/* Margi Auto */
.mA
{
    margin: auto;
}
/* Defined Margin */
.m0
{
    margin: 0px;
}
.m1
{
    margin: 1px;
}
.m2
{
    margin: 2px;
}
.m3
{
    margin: 3px;
}
.m4
{
    margin: 4px;
}
.m5
{
    margin: 5px;
}
.m6
{
    margin: 6px;
}
/* Defined Margin-Left */
.ml1
{
    margin-left: 1px;
}
.ml2
{
    margin-left: 2px;
}
.ml3
{
    margin-left: 3px;
}
.ml4
{
    margin-left: 4px;
}
.ml5
{
    margin-left: 5px;
}
.ml6
{
    margin-left: 6px;
}
/* Defined Margin-Right */
.mr1
{
    margin-right: 1px;
}
.mr2
{
    margin-right: 2px;
}
.mr3
{
    margin-right: 3px;
}
.mr4
{
    margin-right: 4px;
}
.mr5
{
    margin-right: 5px;
}
.mr6
{
    margin-right: 6px;
}
/* Defined Padding */
.p0
{
    padding: 0px;
}
.p1
{
    padding: 1px;
}
.p2
{
    padding: 2px;
}
.p3
{
    padding: 3px;
}
.p4
{
    padding: 4px;
}
.p5
{
    padding: 5px;
}
.p6
{
    padding: 6px;
}
/*//////////////////////////////////////////////////////////////////////////////
//  Teknober.com - All rights reserved
//  Section     : Wrapper
//  Dependicies : Base
//	Description	: Teknober CSS
//  Version     : 1.0
//////////////////////////////////////////////////////////////////////////////*/
body
{
    background-color: #E9E9E9;
    /*background-image: url(i/bg.gif);*/
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 100% 100%;
}
.wrapper
{
    width: 100%;
    padding: 0;
    margin: 0;
}
.head
{
    background: #393939 url(i/head.gif) repeat-x scroll 0 0;
    color: #E6E0EC;
    display: block;
    height: 59px;
    vertical-align: middle;
}
div.loading
{
    height: 16px;
    left:  15em;
    position: absolute;
    text-align: left;
    top: 12px;
    width: 16px;
    z-index: 110;
}

/*img:hover {background-color: rgb(100%,100%,70%);} */

/*//////////////////////////////////////////////////////////////////////////////
//  Teknober.com - All rights reserved
//  Section     : Header Area
//  Dependicies : Base
//	Description	: Teknober CSS
//  Version     : 1.0
//////////////////////////////////////////////////////////////////////////////*/
.head .innerHead
{
    max-width: 960px;
    margin: auto;
}
.innerHead .logoArea
{
    color: #FEBF00;
    display: block;
    float: left;
    width: 25%;
}

.innerHead .searchArea
{
    color: #FEBF00;
    display: block;
    float: left;
    width: 25%;
    margin-top:20px;
}

.innerHead .navArea
{
    float: left;
    width: 90%;
    text-align: right;
}

.citynewlist
{
	background-color:#000000;
	overflow:hidden;
	
	
}

.citynewlist .navArea
{
    /*float: left;*/
    max-width: 960px;
    
    /*margin-left:150px;
    
    padding-left:1%;
    text-align: right;
    vertical-align:middle;*/
    margin:auto;
    margin-top:5px;
}
.navArea .navItems
{
    font-size: 120%;
    font-weight: 600;
    color: #999999;
    /*height: 59px;*/
    vertical-align: middle;
    /*line-height: 59px;*/
}
.navArea .navItems a
{
    display: inline-block;
    margin: 0 .3em;
}
.navItems a.item:active, .navItems a.item:link, .navItems a.item:visited
{
    color: #ffffff;
}
.navItems a.item:hover
{
    text-decoration: underline;
    color: #fdbd1d;
}
.navItems a.item.active
{
    text-decoration: underline;
    color: #fdbd1d;
}


/*//////////////////////////////////////////////////////////////////////////////
//  Teknober.com - All rights reserved
//  Section     : Search Action Area
//  Dependicies : Base, Wrapper
//	Description	: Teknober CSS
//  Version     : 1.0
//////////////////////////////////////////////////////////////////////////////*/
.searchItem
{
    border: 1px solid #fdbd1d;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 120%;
    height: 18px;
    margin: 0.65em 0;
    max-height: 18px;
    padding: 2px 0 0 6px;
    position: relative;
    z-index: 2;
    text-align: left;
}
.searchItem div.arrowDown
{
    position: relative;
    background: transparent url(i/dropdown_arrow.gif) no-repeat scroll 98% 50%;

    /*background-image: url(i/gay_sprite1.png);
  background-position: 107.6px -623.5px;*/
    
    white-space: nowrap;
}
.searchItem .results
{
    background-color: #393939;
    border-color: #9C9C9C;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    color: #cccccc;
    left: -1px;
    max-height: 11em;
    position: absolute;
    text-align: left;
    top: 21px;
    width: 100%;
    z-index: 3;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
}
.searchItem .results ul li
{
    padding: 0 0.3em;
    text-align: left;
}
.searchItem .results ul .light
{
    background-color: #999999;
    color: #ffffff;
    text-align: left;
}
.searchItem.region, .searchItem.country, .searchItem.state, .searchItem.city
{
    width: 7.5em;
}

.searchItem.region, .searchItem.country, .searchItem.state
{
    margin-right: 0.2em;
}
.searchItem.sortBy
{
    width: 12em;
}
.content
{
    display: block;
}
.content .innerContent
{
    display: block;
    margin: 1em auto 1em auto;
    max-width: 980px;
}

/*//////////////////////////////////////////////////////////////////////////////
//  Teknober.com - All rights reserved
//  Section     : Location Details
//  Dependicies : Base, Wrapper
//	Description	: Teknober CSS
//  Version     : 1.0
//////////////////////////////////////////////////////////////////////////////*/
.location
{
}

img.closeInfo
{
    position: absolute;
    top: 0px;
    right: 12px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: block;
    z-index: 999999;
    clear: both;
}

.location .curveTop
{
}
.location .curveTop div.bg
{
    height: 10px;
    float: left;
}
.location .curveTop div.bg.bgLeft
{
    /*background: transparent url(i/box_top_left.gif) no-repeat scroll 0 0;
    background: transparent url(i/box_top_left.png) no-repeat scroll 0 0;*/
    
	background-image: url(i/gay_sprite1.png);
	background-position: -10px -82px;
    
    width: 10px;
}
.location .curveTop div.bg.bgMiddle
{
    /*background: transparent url(i/box_top_middle.png) no-repeat scroll 0 0;*/
    background-color: #ffffff;
    border-top: 1px solid #000000;
    max-width: 954px;
    width: 954px;
    height: 9px;
}
.location .curveTop div.bg.bgRight
{
    /*background: transparent url(i/box_top_right.gif) no-repeat scroll 100% 0;
    background: transparent url(i/box_top_right.png) no-repeat scroll 100% 0;*/
    
    background-image: url(i/gay_sprite1.png);
	background-position: -10px -112px;
    
    width: 15px;
}
.location .curveTop div.bg.bgMiddle .title
{
    color: #393939;
    line-height: 1.4em;
    font-size: 120%;
    font-style: italic;
    margin: 4px 0 0 0;
}
.location .curveMiddle
{
    clear: both;
    width: 978px;
    /*background-image: url(i/box_middle_right.gif);*/
    background-image: url(i/box_right_middle.png);
    background-position: right center;
    background-repeat: repeat-y;
    border-left: 1px solid #999999;
    position: relative;
}
.location .curveMiddle .curveMiddleWrapper
{
    background-color: #ffffff;
    width: 967px;
    /*min-height:300px;*/
}
.location .curveMiddle .curveMiddleWrapper .actionLink
{
    position: absolute;
    right: 15px;
    bottom: 5px;
    font-weight: 500;
}
.location .curveBottom
{
    clear: both;
}
.location .curveBottom div.bg
{
    height: 18px;
    float: left;
}
.location .curveBottom div.bg.bgLeft
{
    /*background: transparent url(i/box_bottom_left.gif) no-repeat scroll 0 0;
    background: transparent url(i/box_bottom_left.png) no-repeat scroll 0 0;*/
    
    background-image: url(i/gay_sprite1.png);
	background-position: -10px -142px;
    
    width: 10px;
}
.location .curveBottom div.bg.bgMiddle
{
    /*background: #ffffff url(i/box_bottom_middle.gif) repeat-x scroll 0 100%;
    background: transparent url(i/box_bottom_middle.png) repeat-x scroll 0 35%;*/
    
    background-image: url(i/gay_sprite2.png);
	background-position: 0px -9.65px;
    
    max-width: 954px;
    width: 954px;
    height: 18px;
}
.location .curveBottom div.bg.bgRight
{
    /*background: transparent url(i/box_bottom_right.gif) no-repeat scroll 100% 0;
    background: transparent url(i/box_bottom_right.png) no-repeat scroll 100% 0;*/
    background-image: url(i/gay_sprite1.png);
	background-position: -10px -179px;
    
    width: 15px;
}

/* region intro */
.location.info .curveMiddleWrapper
{
    background: #ffffff url(http://www.cruisinggays.com/Assets/Images/bg_header_default.png) no-repeat scroll 100% 0;   
}
.location.info .introTop
{
    padding: 1em 28em 1em 1em;
    
}

.location.info .introBottom
{
    padding: 0em 1em 1em 2em;
    font-style: italic;
}

.location.info
{
    display: block;
}

.location.info.hide
{
    display: none;
}

.location.info #cityTagsHeader
{
    width: 9em;
    cursor:pointer;
}

.location.info #cityTagsHeader.arrowdown
{
    background-attachment:scroll;
    /*background-image:url(i/info_arrow_down.gif);
background-position:100% 45%;

*/
    
    background-image: url(i/gay_sprite1.png);
  background-position: 140px -546.7px;
    
    
    background-repeat:no-repeat;
    width:150px;
}

.location.info #cityTagsHeader.arrowup
{
    background-attachment:scroll;
    background-image:url(i/info_arrow_up.gif);
    background-position:100% 45%;
    background-repeat:no-repeat;
    width:150px;
}

.location.info #cityTagsHeader .introTop
{
    display: block;
    padding: .3em 0px .3em 1em;
    width:300px;
}
.location.info #cityTagsHeader .introTop a
{
    color: #393939;
}

.location.info .cityTagsContent
{
    padding: .6em 1em;
    background-color: #ffffff;
    font-size:1.2em;
    
}
.location.info .cityTagsContent a
{
    color: #393939;
}

.location.info .cityTagsContent .spacer
{
    padding: .3em;
}

/* city page */
.location.city .tagCloud
{
    color:#393939;
    line-height:1.4em;
    padding: 0.15;
    word-spacing: 1px;
    white-space:normal;
    font-size:100%;
    

    width:200px;
    text-decoration:underline;
}

.location.city .tagCloud a.tag
{
    color: #393939;
    padding:0.25em;
    
}

.location.city .tagCloud a.tag.active
{
    font-weight: 600;
}

#TagCloud
{
	padding:15px;
	/*border:1px solid #EEEEEE;
	background:#F5F5F5 none repeat scroll 0 0;
	-moz-background-origin:padding;
	-moz-background-inline-policy:continuous;*/
	-moz-background-clip:border;
	float:right;
}

/* location details */
.location .details
{
    width: 100%;
}
.location .details .leftArea
{
    width: 220px;
    float: left;
    position: relative;
    text-align: center;
    min-height: 180px;
}
.location .details .middleArea
{
    /*width: 50%;*/
    padding: 0em 1em;
    float: left;
    min-height: 180px;
    /*position: relative;*/
    
}

.middleArea_Location
{
	width: 70%;
    padding: 0em 1em;
    float: left;
    min-height: 180px;
}

.location .details .rightArea
{
    padding: 0em 0.3em;
    /*width: 390px;*/
    max-width: 390px;
    float: left;
    min-height: 20px;
    margin-top:5px;
}
/* location details: Left Area */
.location .details img.bigImg
{
    max-width: 200px;
    min-height:160px;
    min-width:160px;
    max-height: 180px;
    vertical-align: middle;
    text-align: center;
}
.details .leftArea .controls
{
    /*position: absolute;
    bottom: 20px;*/
    left: 10px;
    width: 200px;
}
.details .leftArea .controls .leftArrow
{
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
}

.lp_panel.lp_left
{
    width: 12px;
    background: transparent url(http://www.cruisinggays.com/Assets/Images/Icons/more_left_e.gif) no-repeat 0 0;
    height: 260px;
    left: 0;
    top: 0;
    cursor: pointer;
    float:left;
    position:absolute;
}

.lp_panel.lp_right
{
    width: 12px;
    background: transparent url(http://www.cruisinggays.com/Assets/Images/Icons/more_right_e.gif) no-repeat 0 0;
    height: 260px;
    cursor: pointer;
    top: 0;
    right: 0;
    position:absolute;
	
}

.details .leftArea .controls .uploadLink
{
    position: relative;
    text-align: center;
    top: 6px;
    left:10px;
}

.left
{
	float:left;height:222px;	
}

.details .leftArea .controls .rightArrow
{
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
}
/* location details: Middle Area */
.details .middleArea .description
{
    /*color: #999999;
    min-height: 75px;*/
    margin-top: 6px;
    margin-bottom:12px;
    float:left;
    text-align:justify;
    text-indent:.8em;
    line-height:1.4em;
    
}
.details .middleArea .scrollGallery
{

    bottom: 0px;
    height: 80px;
    left: 0px;
    margin-top: 0.4em;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    /*width: 300px;
    float:left;*/
    
}

.gallery
{
	margin-top:20px;
	text-align:left; 
}


.details .middleArea .gallery img
{
    border: solid 1px transparent;
    cursor: pointer;
    margin: 1em;
}
.details .middleArea .gallery img.active
{
    border: solid 1px #ff9900;
}
/* location details: Right Area */
.details .rightArea
{
    padding-left: 1em !important;
}

.details .rightArea .category, .details .rightArea .tips, .details .rightArea .contact
{
    color: #999999;
    font-weight: 600;
    margin: 0.7em;
}
.details .rightArea .category span
{
    font-weight: normal;
}
.details .rightArea .tips ul li, .details .rightArea .contact ul li
{
    font-weight: normal;
    list-style-type: disc;
    list-style-position: inside;
}

/* next and prev location buttons */
.details .curveMiddle .curveMiddleWrapper .actionLink
{
    bottom: 20px;
}
.details .curveMiddle .prevNext
{
    position: relative;
    height: 20px;
}
.details .curveMiddle .prevNext .locPrev
{
    position: absolute;
    left: 10px;
    top: 2px;
}

.details .curveMiddle .prevNext .locNext
{
    position: absolute;
    right: 4px;
    top: 2px;
}

/* Comments */
.location .comments
{
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.location .comments .bg
{
    line-height: 0px;
}

.location .comments .curveTop
{
    height: 10px;
    line-height: 0px;
}

.location .comments .curveTop .bg.bgMiddle
{
    position: relative;
}

.location .comments .curveTop .bg.bgMiddle .title
{
    margin-left: 1em;
    width: 10em;
}

.comments .title a:active, .comments .title a:active, .comments .title a:link, .comments .title a:visited
{
    color: #393939;
    padding-right: .2em;
}

.comments .curveMiddleWrapper .fixed
{
    position: relative;
    padding: 0 1em;
}

.comments .curveMiddleWrapper .fixed .title
{
    width: 9em;
    cursor: pointer;
}

.comments .curveMiddleWrapper .fixed .title.arrowdown
{
    background-attachment:scroll;
    /*background-image:url(i/info_arrow_down.gif);
    background-position:100% 45%;
*/
    
    background-image: url(i/gay_sprite1.png);
  background-position: 70px -549.9px;
  

    background-repeat:no-repeat;    
}

.comments .curveMiddleWrapper .fixed .title.arrowup
{
    background-attachment:scroll;
    background-image:url(i/info_arrow_up.gif);
    background-position:100% 45%;
    background-repeat:no-repeat;
}



.location .comments .curveMiddleWrapper .actionLink
{
    right: 8px;
}


.comments .curveTop .bg.bgMiddle a:active, .comments .curveTop .bg.bgMiddle a:active, .comments .curveTop .bg.bgMiddle a:link, .comments .curveTop .bg.bgMiddle a:visited
{
    color: #CCCCCC;
    font-weight: bolder;
}

.comments .commentContent
{
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    
}

.comments .commentContent.hide
{
    display: none;
    margin: 0px;
}

.comments .commentContent.show
{
    display: block;
    margin-top: 0.5em;
}

.location .comments .curveMiddle p.comment
{
    padding: 0.5em 1em;
    clear: both;
}
.comments .curveMiddle p.comment img.img
{
    margin: 0 0.4em 0 0;
    float: left;
}
.comments .curveMiddle p.comment span.date
{
    font-weight: 600;
    color: #999999;
}
.comments .curveMiddle p.comment span.text
{
}
.comments .curveMiddle p.comment span.addcomment
{
    padding: 0.5em 1em;
    clear: both;
}

.comments .frame
{
    overflow: hidden;
    width: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
}
.comment.frame
{
    width: 100%;
}

.comment.frame.hide
{
    height: 0px;
    margin: 0px;
}

.comment.frame.show
{
    height: 120px;
}

/*//////////////////////////////////////////////////////////////////////////////
//  Teknober.com - All rights reserved
//  Section     : Search Result Grid
//  Dependicies : Base, Wrapper
//	Description	: Teknober CSS
//  Version     : 1.0
//////////////////////////////////////////////////////////////////////////////*/

.innerContent .innerWrapper
{
    clear: both;
}

.innerContent .searchResultGrid
{
    float: left;
    position: relative;
    width: 370px;
    z-index: 11;
}
.searchResultGrid .searchWrapper
{
}
.searchWrapper .searchHeader
{
    height: 39px;
    color: #FEBF00;
}
.searchWrapper .searchHeader div.bg
{
    height: 39px;
    float: left;
}
.searchWrapper .searchHeader div.bg.bgLeft
{
    background: transparent url(i/title_left.png) repeat-x scroll 0 0;
    width: 18px;
}
.searchWrapper .searchHeader div.bg.bgMiddle
{
    /*background: transparent url(i/title_middle.png) repeat-x scroll 0 0;*/
    
    background-image: url(i/gay_sprite2.png);
	background-position: 0px -47px;
    
    max-width: 322px;
    width: 322px;
}
.searchWrapper .searchHeader div.bg.bgRight
{
    background: transparent url(i/title_right.png) repeat-x scroll 100% 0;
    width: 30px;
}
.searchHeader .pageControls
{
    float: right;
    margin: 0.78em 0;
    /*font-size: 120%;*/
}
.searchHeader .pageControls a.prev.off, .searchHeader .pageControls a.next.off
{
    color: #cccccc;
}
.searchHeader .pageControls a:link, .searchHeader .pageControls a:active, .searchHeader .pageControls a:visited
{
    text-decoration: none;
    color: #FEBF00;
}
.searchHeader .pageControls a:hover
{
    text-decoration: underline;
}
.searchHeader .pageControls span.middle
{
    color: #cccccc;
    padding: .6em;
    font-size:10px;
}
.searchWrapper .searchContent
{
    background-image: url(i/border_right.png);
    background-position: right center;
    background-repeat: repeat-y;
    border-left: 1px solid #999999;
}
.searchContent .searchResults
{
    background-color: #ffffff;
    height: 630px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 358px;
    max-width: 358px;
}
/* Search Result Item */
.searchResults .searchResult
{
    padding: .6em;
    width: 330px;
    border-bottom: dotted 1px #b7ca33;
}
.searchResult.result_hover
{
    background: transparent url(i/corner_arrow.png) no-repeat 98% 98%;
}

.result_footer
{
	text-align:right;
	background:#F1F1E4 none repeat scroll 0 0;
	
}

.result_footer:hover {background-color: #99dd66;}

.searchResult .result_header
{
    display: block;
}
.searchResult .result_header .title
{
    color: #cb1844;
}
.searchResult .result_header .title a:active, .searchResult .result_header .title a:link, .searchResult .result_header .title a:visited, .searchResult .result_header .title a:hover
{
    color: #cb1844;
    text-decoration: none;
}
.searchResult .result_details
{
    display: block;
    margin: .5em 0;
}
.searchResult .result_details .thumbs
{
    width: 110px;
}
.searchResult .result_details .thumbs img, .searchResultMap .result_details .thumbs img
{
    max-width: 100px;
    max-height: 75px;
    border:1px solid lightgray;
}
.searchResult .result_details .description
{
    color: #999999;
}
.searchWrapper .searchFooter
{
    clear: both;
}
.searchWrapper .searchFooter .bg
{
    height: 19px;
    float: left;
}

.searchWrapper .searchFooter .bg.bgLeft
{
    /*background: transparent url(i/bottom_left.png) no-repeat scroll 0% 0%;*/
    background-image: url(i/gay_sprite1.png);
  background-position: -10px -216px;
    
    width: 25px;
}
.searchWrapper .searchFooter .bg.bgMiddle
{
    /*background: transparent url(i/bottom_middle.png) repeat-x scroll 0% 0%;*/
    
    background-image: url(i/gay_sprite2.png);
	background-position: 0px -106px;
    
    width: 315px;
}
.searchWrapper .searchFooter .bg.bgRight
{
    /*background: transparent url(i/bottom_right.png) no-repeat scroll 0% 0%;*/
    
    background-image: url(i/gay_sprite1.png);
	background-position: -10px -255px;
    width: 30px;
}
/*//////////////////////////////////////////////////////////////////////////////
//  Teknober.com - All rights reserved
//  Section     : Search Result Map
//  Dependicies : Base, Wrapper
//	Description	: Teknober CSS
//  Version     : 1.0
//////////////////////////////////////////////////////////////////////////////*/
.innerContent .searchResultMap
{
    float: right;
    height: 667px;
    width: 600px;
    position: relative;
    z-index: 10;
}
.searchResultMap .mapHeader
{
    height: 39px;
}
.searchResultMap .mapWrapper
{
    background-image: url(i/border_right.png);
    background-position: right center;
    background-repeat: repeat-y;
    border-left: 1px solid #999999;
    position: relative;
}
.searchResultMap .mapWrapper .mapArea
{
    height: 628px;
    width: 586px;
}
.searchResultMap .mapHeader div.bg
{
    height: 39px;
    float: left;
}
.searchResultMap .mapHeader div.bg.bgLeft
{
    background: transparent url(i/title_left.png) repeat-x scroll 0 0;
    width: 18px;
}
.searchResultMap .mapHeader div.bg.bgMiddle
{
    background: transparent url(i/title_middle.png) repeat-x scroll 0 0;
    width: 552px;
    max-width: 552px;
    position: relative;
    z-index: 110;
}
.searchResultMap .mapHeader div.bg.bgRight
{
    background: transparent url(i/title_right.png) repeat-x scroll 100% 0;
    width: 30px;
}
.searchResultMap .mapFooter .bg
{
    height: 19px;
    float: left;
}
.searchResultMap .mapFooter .bg.bgLeft
{
    background: transparent url(i/bottom_left.png) no-repeat scroll 0% 0%;
    width: 25px;
}
.searchResultMap .mapFooter .bg.bgMiddle
{
    background: transparent url(i/bottom_middle.png) repeat-x scroll 0% 0%;
    width: 545px;
}
.searchResultMap .mapFooter .bg.bgRight
{
    background: transparent url(i/bottom_right.png) no-repeat scroll 0% 0%;
    width: 30px;
}




.searchResultMap .zoomControls
{
    position: absolute;
    z-index: 10;
    top: 5px;
    right: 5px;
    width: 24px;
}
.searchResultMap .zoomControls.shift
{
    top: 50px;
}
.searchResultMap .zoomControls img
{
    cursor: pointer;
}

.searchResultMap .zoomControls .zoomout
{
    left: 0;
    position: absolute;
    top: 115px;
    z-index: 10;
}

.zoomControls .dragContainer
{
    background-attachment: scroll;
    /*background-image: url(/Assets/Images/Zoom/zoombg.png);
    background-position: 0 0;
*/
    background-image: url(i/gay_sprite1.png);
  background-position: -10px -369px;
    
    
    
    background-repeat: no-repeat;
    height: 100px;
    left: 8px;
    position: absolute;
    top: 20px;
    width: 4px;
    z-index: 5;
}

.zoomControls .dragContainer .drag
{
    position: absolute;
    left: -6px;
    z-index: 100;
}

.searchResultMap .zoomControls .zoomin
{
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
}

.searchResultMap .marker
{
    /*background: transparent url(i/corner.gif) no-repeat scroll 0% 100%;*/
    
    background-image: url(i/gay_sprite1.png);
  background-position: -10px -651px;
    
    padding: 0px 0px 3px 7px;
    cursor: pointer;
}

.searchResultMap .marker .cTopLeft
{
    /*background: transparent url(i/marker_topleft.png) no-repeat scroll 0% 0%;*/
    
    background-image: url(i/gay_sprite1.png);
	background-position: -10px -294px;
    
    width: 5px;
    height: 5px;
    position: relative;
    top: 0px;
    left: 0px;
}

.searchResultMap .marker .cTopMiddle
{
    /*background: transparent url(i/marker_spacer.png) repeat-x scroll 0% 0%;*/
    
    background-image: url(i/gay_sprite2.png);
	background-position: 0px -145px;
    
    height: 5px;
    width: 10px;
    position: absolute;
    top: 0px;
    left: 12px;
}

.searchResultMap .marker .cTopRight
{
    /*background: transparent url(i/marker_topright.png) no-repeat scroll 0% 0%;*/
    
    background-image: url(i/gay_sprite1.png);
	background-position: -10px -319px;
    
    height: 5px;
    width: 5px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.searchResultMap .marker .cContent
{
    background-color: #393939;
    color: #FFFFFF;
    padding: 0 0.3em;
    white-space: nowrap;
}

.searchResultMap .marker .cBottomLeft
{
    /*background: transparent url(i/marker_bottomleft.png) no-repeat scroll 0% 0%;*/
    
    background-image: url(i/gay_sprite1.png);
	background-position: -10px -344px;
    
    height: 5px;
    width: 5px;
    position: relative;
    top: 0px;
    left: 0px;
}

.searchResultMap .marker .cBottomMiddle
{
    background: transparent url(i/marker_spacer.png) repeat-x scroll 0% 0%;
    height: 5px;
    width: 10px;
    position: relative;
    bottom: 5px;
    left: 4px;
}

.searchResultMap .marker .cBottomRight
{
    background: transparent url(i/marker_bottomright.png) repeat-x scroll 0% 0%;
    height: 5px;
    width: 5px;
    position: absolute;
    bottom: 8px;
    right: 0px;
}


/* mod link color for map popup window */
.searchResultMap .title a:active, .searchResultMap .title a:link, .searchResultMap .title a:visited, .searchResultMap .title a:hover
{
    color: #cb1844;
    font-size: 80%;
    text-decoration: none;
}
.searchResultMap #iconControl
{
    background: transparent url(i/icons.png) repeat-x scroll left top;
    height: 39px;
    left: 0;
    overflow: hidden;
    padding: 7px 14px;
    position: absolute;
    top: 0px;
    white-space: nowrap;
    width: 559px;
    z-index: 100;
}
.searchResultMap #iconControl img
{
    cursor: pointer;
    margin: 0px 2px;
    z-index: 10;
}
.searchResultMap #iconControl img.icon
{
    width: 34px;
    height: 34px;
    max-width: 34px;
    max-height: 34px;   
}
.searchResultMap #iconControl img.shiftLeft, .searchResultMap #iconControl img.shiftRight
{
    margin: 0px;
    position: absolute;
    top: 7px;
    z-index: 20;
}
.searchResultMap #iconControl img.shiftLeft
{
    left: 0px;
}
.searchResultMap #iconControl img.shiftRight
{
    right: 0px;
}

/*//////////////////////////////////////////////////////////////////////////////
//  Teknober.com - All rights reserved
//  Section     : Submit Page
//  Dependicies : Base
//	Description	: Teknober CSS
//  Version     : 1.0
//////////////////////////////////////////////////////////////////////////////*/
.submit
{
    padding: 0px 1em;
}
.submit .curveTop
{
}
.submit .curveTop div.bg
{
    height: 39px;
    float: left;
}

div.submit div.loading
{
    position:absolute;
    left: 82em;
}

.submit .curveTop div.bg.bgLeft
{
    background: transparent url(i/title_left.png) repeat-x scroll 0 0;
    width: 18px;
}
.submit .curveTop div.bg.bgMiddle
{
    background: transparent url(i/title_middle.png) repeat-x scroll 0 0;
    max-width: 932px;
    width: 932px;
    position: relative;
}
.submit .curveTop div.bg.bgRight
{
    background: transparent url(i/title_right.png) repeat-x scroll 100% 0;
    width: 30px;
}
.submit .curveTop div.bg.bgMiddle .trivial
{
    color: #cccccc;
    line-height: 1.4em;
    font-size: 120%;
    font-style: italic;
    margin: 10px 0 0;
    display: block;
}

.trivial
{
	font-weight:bold;
}

.submit .curveMiddle
{
    clear: both;
    width: 979px;
    background-image: url(i/border_right.png);
    background-position: right center;
    background-repeat: repeat-y;
    border-left: 1px solid #999999;
}

.submit .curveMiddle .curveMiddleWrapper
{
    background-color: #ffffff;
    width: 966px;
}

.submit .bolder
{
    font-weight: bolder;
}
.submit .userInputs
{
    width: 100%;
    
}
.submit .userInputs td
{
    padding: 0.2em;
}
.submit .userInputs td.label span, p.p4.warn
{
    color: Red;
}
.submit .userInputs input.text.name, .submit .userInputs input.text.address, .submit .userInputs input.text.zipcode, .submit .userInputs input.text.phone,input.text.dob, .submit .userInputs input.text.web, .submit .userInputs input.text.mail
{
    border: 1px solid #FDBD1D;
    padding: .16em;
    height: 18px;
    width: 50em;
}
.submit .userInputs input.text.phone, .submit .userInputs input.text.web, .submit .userInputs input.text.mail
{
    width: 21.9em;
}
.submit .userInputs input.text.zipcode
{
    width: 16em;
    margin-left: .18em;
}
.submit .userInputs textarea.textarea.desc, .submit .userInputs textarea.textarea.tips
{
    border: solid 1px #FDBD1D;
    padding: .16em;
    width: 99%;
}

.submit .userInputs .searchItem
{
    width: 16em;
    margin: 0.2em 0;
    background-color: #ffffff;
    color: #393939;
}
.submit .userInputs .searchItem.category
{
    z-index: 110;
}
.submit .userInputs .searchItem.region
{
    margin-right: 0.2em;
}
.submit .userInputs .searchItem.country
{
    margin-right: 0.2em;
}
.submit .userInputs .searchItem.state
{
    margin-right: 0.2em;
}
.submit .userInputs .searchItem.city
{
}
.submit .userInputs td.pageButtons
{
    text-align: right;
    padding: 0px 2px;
    height: 22px;
    vertical-align: middle;
    line-height: 22px;
}
.submit .userInputs td.pageButtons label.error
{
    font-size: 110%;
    color: Red;
    margin: 0px .4em;
}
.submit .userInputs td.pageButtons label.label
{
    font-size: 110%;
}
.submit .userInputs td.pageButtons radio.radio
{
    border: solid 1px #cccccc;
    cursor: pointer;
}
.submit .curveBottom
{
}
.submit .curveBottom div.bg
{
    height: 19px;
    float: left;
}
.submit .curveBottom div.bg.bgLeft
{
    background: transparent url(i/bottom_left.png) repeat-x scroll 0 0;
    width: 25px;
}
.submit .curveBottom div.bg.bgMiddle
{
    background: transparent url(i/bottom_middle.png) repeat-x scroll 0 0;
    max-width: 932px;
    width: 925px;
    
}
.submit .curveBottom div.bg.bgRight
{
    background: transparent url(i/bottom_right.png) repeat-x scroll 100% 0;
    width: 30px;
}








/*//////////////////////////////////////////////////////////////////////////////
//  Teknober.com - All rights reserved
//  Section     : Login Page
//  Dependicies : Base
//	Description	: Teknober CSS
//  Version     : 1.0
//////////////////////////////////////////////////////////////////////////////*/
.login
{
    padding: 0px 1em;
}
.login .curveTop
{
}
.login .curveTop div.bg
{
    height: 39px;
    float: left;
}

div.login div.loading
{
    position:absolute;
    left: 82em;
}

.login .curveTop div.bg.bgLeft
{
    background: transparent url(i/title_left.png) repeat-x scroll 0 0;
    width: 18px;
}
.login .curveTop div.bg.bgMiddle
{
    background: transparent url(i/title_middle.png) repeat-x scroll 0 0;
    max-width: 932px;
    width: 932px;
    position: relative;
}
.login .curveTop div.bg.bgRight
{
    background: transparent url(i/title_right.png) repeat-x scroll 100% 0;
    width: 30px;
}
.login .curveTop div.bg.bgMiddle .trivial
{
    color: #cccccc;
    line-height: 1.4em;
    font-size: 120%;
    font-style: italic;
    margin: 10px 0 0;
    display: block;
}
.login .curveMiddle
{
    clear: both;
    width: 979px;
    background-image: url(i/border_right.png);
    background-position: right center;
    background-repeat: repeat-y;
    border-left: 1px solid #999999;
}

.login .curveMiddle .curveMiddleWrapper
{
    background-color: #ffffff;
    width: 966px;
}

.login .curveMiddle .curveMiddleWrapper input.text
{
    border: 1px solid #FDBD1D;
    padding: .16em;
    height: 18px;
    width: 12em;
}

.login .curveMiddle .curveMiddleWrapper .logintext
{
    padding: 1em;
}

.login .curveMiddle .curveMiddleWrapper span.validator
{
    padding: 4px;
}


.login .curveBottom
{
}
.login .curveBottom div.bg
{
    height: 19px;
    float: left;
}
.login .curveBottom div.bg.bgLeft
{
    background: transparent url(i/bottom_left.png) repeat-x scroll 0 0;
    width: 25px;
}
.login .curveBottom div.bg.bgMiddle
{
    background: transparent url(i/bottom_middle.png) repeat-x scroll 0 0;
    max-width: 932px;
    width: 925px;
}
.login .curveBottom div.bg.bgRight
{
    background: transparent url(i/bottom_right.png) repeat-x scroll 100% 0;
    width: 30px;
}



/*//////////////////////////////////////////////////////////////////////////////
//  Teknober.com - All rights reserved
//  Section     : Footer Area
//  Dependicies : Base
//	Description	: Teknober CSS
//  Version     : 1.0
//////////////////////////////////////////////////////////////////////////////*/
.footer
{
    clear: both;
    display: block;
    vertical-align: middle;
    
    line-height: 2em;
    
    bottom:2px;
    width:100%;
}
.footer .innerFooter
{
    color: #393939;
    margin: auto;
    text-align: right;
    max-width: 960px;
}



/*//////////////////////////////////////////////////////////////////////////////
//  Teknober.com - All rights reserved
//  Section name    : Teknober.Modules.Popup
//  Dependicies     : base.css
//	Description     : Implements Popup window
//  Version         : 1.1.0
//	File Name		: popup.css
//////////////////////////////////////////////////////////////////////////////*/
#popup
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 150;
    background-color: #ffb500;
}

.popup
{
    z-index: 999999;
    background-color: #ffffff;
    position: absolute;
}

.popup .popupInner
{
    padding: .2em;
}

.popup .popupControls
{
    position: absolute;
    bottom: 0px;
    height: 18px;
    background-color: #ffc;
    width: 100%;
    text-align: center;
}

.popup .popupControls .popupControlItem
{
    padding: .1em;    
}

.hideTxt
{
	color:#767b52
}

       
        .searchButton
        {
        	/*background : url(i/search_new.gif) no-repeat 0px 0px;*/
        	 background-image: url(i/gay_sprite1.png);
		     background-position: -10px -10px;
            width:59px;
            /*float:left;*/
            height:26px;
            margin-left:9px;
            cursor:pointer;	
            border:0px;
        }
        

.stats
{
}

.num
{
	display:inline;
	margin: 0 2px;
}

/* Google Adsense */
.googleArtBlock
{
	/*float:right;
	height:280px;	*/
	margin-right:0;
	margin:5px;
	position:relative;
	float:right;
	/*width:336px;*/
}

.abstractBody
{
	margin-top:0;
	word-wrap:break-word;
	font-size:1.2em;
	line-height:1.5em;
	text-align:justify;
	/*float:right;*/
}

/*//////////////////////////////////////////////////////////////////////////////
//  Header search box
//////////////////////////////////////////////////////////////////////////////*/

.headSearch
        {
        	
        	margin : 0px 5px;
        	width : 201px !important;
        	/*padding-right : 2px !important;
        	padding-left : 5px !important;
        	padding-bottom : 3px !important;
        	padding-top : 3px !important;
        	
        	background-position : -9px -7px;
        	height : 18px !important;
        	
        	_background-attachment : fixed;*/
        }
        
        .query
        {
            -moz-background-clip:border;
            -moz-background-inline-policy:continuous;
            -moz-background-origin:padding;
            background:transparent url(http://www.cruisinggays.com/Assets/Images/search-background2.png) no-repeat scroll center center;
            
            /*background-image: url(i/gay_sprite1.png);
			background-position: 73.5px -484px;*/
            
            
            float:left;
            height:23px;
            margin:3px 4px 0 0;
            width:400px;	
        }
        
        .query_input
        {
            border:0 none;
            margin-right:20px;
            /*margin:20px 14px 0 6px;*/	
            width:226px;
        }


/* members.ascx */

.members
{
	margin-left:10px;
	padding:2px;
	
}

.memberItem
{
	border:1px solid black; 
	width:50px; 
	height:50px; 
	margin:4px;
}

.hpPeople
{
    /*color:#6FA819;*/
    font-size:75%;
    /*line-height:38px;*/

}

.viewMore a
{
     
    /*url(/Assets/Images/Icons/membersS.gif) no-repeat scroll left center;*/
    background-image: url(http://www.cruisinggays.com/App_Themes/Black/i/gay_sprite1.png);
    background-position: -10px -586px;
    clear:both;
    /*display:block;
    background:transparent
    */
    
    margin-top:12px;
    padding-left:28px;
    	
}


/*//////////////////////////////////////////////////////////////////////////////
//  Registration
//////////////////////////////////////////////////////////////////////////////*/


.message
        {
        	border: solid 1px #FDBD1D;
        	background-color:#F0F8FF;
        }
        /*Textbox Watermark*/

        .unwatermarked {
	        height:18px;
	        width:148px;
	        border: solid 1px #FDBD1D;
        }

        .watermarked {
	
	        padding:2px 0 0 2px;
	        border:1px solid #BEBEBE;
	        background-color:#F0F8FF;
	        color:gray;
	        border: solid 1px #FDBD1D;
        }
        .register_2nd td
        {
            vertical-align: top;
            white-space: nowrap;
            padding: 2px;
        }
        .register_2nd .imgUploader
        {
            padding: 2px;
        }
        
        .regTable
        {
        	border-bottom:#b4b4b4 1px solid;
        	border-left:#b4b4b4 1px solid;
        	background-color:#e8e9ea;
        	margin:10px 3px 0px;
        	border-top:#b4b4b4 1px solid;
        	border-right:#b4b4b4 1px solid;
        }


/*//////////////////////////////////////////////////////////////////////////////
//  Active members box
//////////////////////////////////////////////////////////////////////////////*/

.inner_box{height:630px;
width:974px;
background-color:#ffffff;

}

.box1
{height:550px;
width:690px;


float:left;
background-color:#ffffff;
font-family:Arial,Tahoma,sans-serif;

}


.box1_header
{height:37px;
width:100%;
background:lightgrey;
}


.box1_header_content{
margin-top:5px;
margin-left:5px;

}

.box2
{height:280px;
 width:262px;
 float:right;
 background-color:#ffffff;
    margin-top: -5%;

}



.box2_left_corner
{height:37px;
width:18px;
background-color:red;
background:transparent url(http://www.cruisinggays.com/App_Themes/Black/i/title_left.png) repeat-x scroll 0 0;
float:left;
}

.box2_header
{height:37px;
background:#393939 url(i/title_middle.png) repeat-x scroll 0 0;
width:202px;
float:left;
color:white;
}

.box2_header_content
{height:25px;
margin-left:5px;
margin-top:10px;
float:left;
color:white;

}
.box2_right_corner
{height:37px;
width:30px;
background-color:red;
background:transparent url(/App_Themes/Black/i/title_right.png) repeat-x scroll 0 0;
float:left;
}

.box2_content{
height:520px;
width:237px;
float:left;
border-left:1px solid #999999;
Font-family:verdana,Arial,Helvetica,Sans-serif;
}

.box2_right_border{
height:520px;
width:20px;
float:left;
background:transparent url(http://www.cruisinggays.com/App_Themes/Black/i/border_right.png) repeat-y scroll 0 0;
}

.form_footer_left
{height:37px;
width:25px;
background:transparent url(http://www.cruisinggays.com/App_Themes/Black/i/bottom_left.png) repeat-x scroll 0 0;
float:left;
}


.form_footer_right
{height:37px;
width:30px;
background:transparent url(/App_Themes/Black/i/bottom_right.png) repeat-x scroll 0 0;
float:left;

}


.box2_footer_center
{height:20px;
width:196px;
background:transparent url(http://www.cruisinggays.com/App_Themes/Black/i/bottom_middle.png) repeat-x scroll 0 0;
float:left;
}


.photolist{
	width:650px;
	border:none;
	height:510px;
	margin-left:50px;
}

.photolist > .active_members_photoblock
{text-align:center;
height:150px;}

.innerbox .infowindow .details .curvemiddle .inner_box .photolist .member_img {
height:10px;
max-width:15px;
text-align:center;}

.User_name{
color:green}

.user_pic{
border:1px solid gray;
height:10px;
width:10px;
}

.Active_Members_list {
height:280px;
margin-right:auto;
margin-left:auto;
padding:0 0 0 10px;
text-align:left;
border:1px solid black;
width:200px;
}



.active_members_photoblock {
float:left;
font-family:Verdana;
font-size:11px;
margin:2px;
overflow:hidden;
text-align:l;
width:90px;
height:90px;
text-decoration:none;
padding:2px;
}



.userimage {

border:2px solid lavender;
margin:2px;
padding:3px;
}
.User_name
{color:Blue;
text-decoration:none;
font-size:120%;
Font-family:Tahoma;
}

.User_age
{color:gray;
text-decoration:none;
}

.User_city 
{color:gray;
text-decoration:none;
}

.User_locations_sum 
{color:gray;
text-decoration:none;
}
.User_comments_sum 
{color:gray;
text-decoration:none;
}

/****************************************************
**********      invite friends           ***********
*****************************************************/


.invite_button_row {
padding:10px 0 0 102px;
}


.inputsubmit {
background-color:gray;
border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:white;
padding:2px 15px 3px;
text-align:center;
cursor:hand;
}

.buttons{
font-family:verdana;
margin-left: 250px;
margin-top: 10px; width: 220px;}

#cancel {
background:graytext none repeat scroll 0 0;
border-color:#E7E7E7 #666666 #666666 #E7E7E7;
color:white;
}

.inputaux {

background:#F0F0F0 none repeat scroll 0 0;
border-color:#E7E7E7 #666666 #666666 #E7E7E7;
color:#000000;
}


.inputbutton, .inputsubmit {

border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:#FFFFFF;
padding:2px 15px 3px;
text-align:center;
}

.datapager
{
	text-align:center;
	
}


/* labels */

.errorMessage
{
    font-size: 0.8em;
}

label
{
	color:Gray;
	display:block;
	font-family:Verdana;
	font-size:85%;
	font-weight:normal;
	margin-top:3px;
}

/*div#orange.notification {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FDBD1D url(/images/icons/accept.png) no-repeat scroll 16px 50%;
border-color:#FDBD1D;
color:#006600;
}*/

.notification {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFF6BF none no-repeat scroll 16px 50%;
border:1px solid #FFD324;
font-size:15px;
font-weight:bold;
margin:10px auto;
padding:10px 20px 10px 45px;
text-align:left;
}

/* ---------  Header Control header.ascx ----------- */

.floatleft
{
	float: left;
	/*width: 20%*/
	
}

.floatright
{
	float: right;
	/*width: 40%*/
}

.center
{
	text-align: center;
	font-size: 120%;
    font-weight: 600;
    padding-top:22px;
	position: absolute;
	left: 10%;
	width: 60%;
}

.menuItem
{
	font-size: 120%;
    font-weight: 600;
    
    position: absolute;
    left: 24%;
    padding-top:22px;
	/*width: 60%;
	text-align: center;	*/
}

        .unwatermarked {
	        height:18px;
	        width:148px;
	        border: solid 1px #FDBD1D;
        }

        .watermarked {
	
	        padding:2px 0 0 2px;
	        border:1px solid #BEBEBE;
	        background-color:#F0F8FF;
	        color:gray;
	        /*border: solid 1px #FDBD1D;*/
        }

.booking
{
	margin-top:60px;
	margin-left:10px;
}