*{ margin: 0px; padding: 0px; }

img { border: 0px; }

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background-image: url('/images2/bg.jpg');
	background-repeat:repeat-x;
	background-color: #2b6d9e;
}

a:link, a:active, a:visited, a:hover
{
	color: blue;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

h2
{
	font-size: 20px !important;
	color: #333;
}

.blueWrapper
{
	padding: 0px 15px 0px 15px;
}

.topBlue
{
	height: 8px; margin-left: 8px; margin-right: 8px; position: relative; background-color: #1f5885;
}

.blueTopLeft
{
	background: url('/images2/roundBlue.png') top left; height: 8px; width: 8px; position:absolute; left: -8px; top: 0px;
}

.blueTopRight
{
	background: url('/images2/roundBlue.png') top right; height: 8px; width: 8px; position:absolute; right: -8px; top: 0px;
}

.blueBottomLeft
{
	background: url('/images2/roundBlue.png') bottom left; height: 8px; width: 8px; position:absolute; left: -8px; top: 0px;
}

.blueBottomRight
{
	background: url('/images2/roundBlue.png') bottom right; height: 8px; width: 8px; position:absolute; right: -8px; top: 0px;
}

.blueContent
{	
	background-color: #1f5885; padding: 2px 10px 2px 10px;
}


.topWhite
{
	height: 8px; margin-left: 8px; margin-right: 8px; position: relative; background-color: #fff;
}

.whiteTopLeft
{
	background: url('/images2/roundWhite.png') top left; height: 8px; width: 8px; position:absolute; left: -8px; top: 0px;
}

.whiteTopRight
{
	background: url('/images2/roundWhite.png') top right; height: 8px; width: 8px; position:absolute; right: -8px; top: 0px;
}

.whiteBottomLeft
{
	background: url('/images2/roundWhite.png') bottom left; height: 8px; width: 8px; position:absolute; left: -8px; top: 0px;
}

.whiteBottomRight
{
	background: url('/images2/roundWhite.png') bottom right; height: 8px; width: 8px; position:absolute; right: -8px; top: 0px;
}

.whiteContent
{	
	background-color: #fff; padding: 2px 8px 2px 8px;
}

.logo
{
	margin-left: 25px;
	float: left;
}

.logo2
{

	float: left;
}

.header
{
	padding-top: 16px;
	padding-bottom: 10px;
	width: auto;
}

.online
{
	float: right;
	background-image: url('/images2/online.png');
	font-size: 18px;
	color: #FFF;
	padding-top: 7px;
	margin-top: 10px;
	padding-left: 33px;
	height: 31px;
	width: 150px;
	margin-right: 25px;
}

.homeText
{
	font-size: 18px;
	line-height: 22px;
	padding: 3px 8px 15px 8px;
	color: #222;
}

.homeText2
{
	font-size: 12px;
}


.online2
{
	float: right;
	background-image: url('/images2/online.png');
	font-size: 18px;
	color: #FFF;
	margin-top: 10px;
	padding-top: 7px;
	padding-left: 33px;
	height: 31px;
	width: 150px;

}

.clearBoth { clear: both; }

.inputWrapper
{
	margin-right: 140px;
	margin-top: 20px; /* 131 */
}

.send
{
	position:absolute;
	right: 0px;
	top: -1px;
	cursor:pointer;
}

.inputArea
{
	position: relative;
}

.inputContent
{
	height: 73px;
	background-color: #FFF;
}


.whiteButton
{
	color: #205a85;
	background-color: #FFF;
	font-size: 18px;
	border: red 0px solid;
	padding-top: 0px;
	padding-right: 5px;
	
	height: 24px;
	
}

.whiteButton a:link, .whiteButton a:visited, .whiteButton a:active, .whiteButton a:hover
{
	color: #205a85;
	text-decoration: none;
}	
	
.button
{
	float: left;
	margin-right: 6px;
}

.button .topWhite
{

}
.buttonRight
{
	float: right !important;
	margin-right: 140px;
}

.buttons
{
	padding-top: 5px;
}

.whiteButton img
{
	float: left;
	margin-left: 3px;
	margin-right: 3px;
}

.rel { position:relative; }


#smiliesBox
{ 
	
	padding: 10px 0px 0px 0px; 
	height: 65px; 
	background-color: #fff; 
	display: none; 
	position:absolute; 
	top: 5px; 
	left: 5px;
	z-index: 109;
	border: red 0px solid;
}

#chat
{
	font-size: 14px;
	color: #333;
	line-height: 22px;
	overflow:auto;
}

#chatInput
{

	width: 99%;
	border: 0px;
	padding-left: 5px;
	font-size: 16px;
	height: 72px;

}

#wrapper2
{
	display: block; margin: auto; width: 880px; padding-bottom: 15px; position: relative; margin-top: 15px;
}

#wrapper
{
	display: none;
	margin:auto;
}

.stranger, .user2
{
	color: #FF0000;
	font-weight: bold;
}

.you, .user1
{
	color: #0000FF;
	font-weight: bold;
}



.closerFly 
{
	display: block; position: absolute; border: red 0px solid; width: 21px; height: 20px; right: 9px; top: 7px;
}

.formTable, .formTable input, .formTable select
{
	font-size: 18px;
	color: #555;
}

.formTable td
{
	padding: 6px;
}

.reportButton
{
	display: block;
	text-align: center;
	padding: 3px;
	background-color: #FFFFCC;
	color: #FF0000;
	text-decoration: none;
	font-size: 10px;
	width: 100px;
	border: #ddd 1px solid;
	margin-left: 70px;
}

.previous, .next,.previous:link, .next:link
{
	
	display: block;
	border: #ddd 0px solid;
	font-size: 16px;
	text-decoration: none;
	
	color: #333333;

	height: 22px;
	padding-top: 2px;
	font-weight: bold;
}

.previous:hover, .next:hover
{
	color:#0033CC;
}



.previous
{
	float: left;
	padding-left: 35px;
	padding-right: 3px;
	background-image: url('/images2/prev.png');
	background-repeat:no-repeat;
	line-height: 20px;
	

}

.next
{
	float: right;
	text-align: right;
	padding-right: 35px;
	padding-left: 3px;
	background-image: url('/images2/next.png');
	background-position:right;
	background-repeat:no-repeat;
	line-height: 20px;
}

.navButtons
{
	height: 35px;
}

.homeFooter
{
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
}

.homeFooter a:link, .homeFooter a:active, .homeFooter a:visited
{
	color: #fff;
	text-decoration: none;
	margin-right: 10px;
}

.homeFooter a:hover
{
	text-decoration: underline;
}

.log-on, .log-off
{
	height: 25px;
	padding: 0px 5px 5px 5px;
	margin-bottom: 3px;
	background-image: url('/images2/gradback.png');
}

.log-off
{
	background-image: url('/images2/gradhover.png');
}

.log-on div, .log-off div
{
	float: left;
	padding-right: 20px;
	padding-top: 7px;
}

.user-on, .user-off
{
	height: 100px;
	padding: 0px 5px 5px 5px;
	margin-bottom: 3px;
	background-color: #D0DAFD;
}

.user-off
{
	background-color: #E5EBFF;
}

.user-on div, .user-off div
{
	float: left;
	padding-right: 20px;
	padding-top: 7px;
}

.id
{
	text-align: right;
	width: 75px;
	font-weight: bold;
	
}

.pic
{
	width: 30px;
	padding-top: 4px !important;
	padding-left: 5px;
}

.date
{
	width: 150px;
	font-style:italic;
}

.flyContent
{
	background-image: url('/images2/dBox.png');
	width: 542px;
	min-height: 100px;
	background-repeat: none;
	padding-top: 20px;
	padding-left: 25px; 
	padding-right: 25px;
	line-height: 24px; 
	color: #555;
}

.flyContent h2, .flyContent2 h2
{
	color: #006699;
	border-bottom: #ccc 2px solid;
	letter-spacing: 5px;
	padding-bottom: 6px;
	margin-left: 3px;
	margin-top: 6px;
}

.flyFooter
{
	height: 20px;
	width: 592px;
	background: url('/images2/dBox.png') bottom no-repeat;
}

#flyBox
{
	position: fixed;
	left: 50%;
	margin-left: -296px;
	z-index: 100001;
	top: 104px;
}

.flyContent2
{
	background-image: url('/images2/dBox2.png');
	width: 750px;
	height: 500px;
	background-repeat: none;
	padding-top: 20px;
	padding-left: 25px; 
	padding-right: 25px;
	line-height: 24px; 
	color: #222;
}



.flyFooter2
{
	height: 20px;
	width: 800px;
	background: url('/images2/dBox2.png') bottom no-repeat;
}

#flyBox2
{
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -270px;
	z-index: 89;

}

.rating
{
	padding-top: 2px !important;
	padding-left: 45px;
}

.regForm td
{

}

.regForm input
{
	width: 285px;
	height: 32px;
	font-size: 22px;
	padding: 5px;
	padding-bottom: 1px;
	border: 1px #ddd solid;
	margin-left: 15px;
}

.buttonStyle
{
	padding: 4px;
	border: 1px #ccc solid;
	background-color:#ddd;
	float: right;
	font-size: 18px!important;
	padding-bottom: 5px !important;
	margin-top: 3px;

}

.buttonStyle2
{
	padding: 4px;
	border: 1px #ccc solid;
	background-color:#ddd;
	font-size: 18px!important;
	padding-bottom: 5px !important;
	margin-top: 3px;

}


.regForm3 input
{
	width: 200px;
	height: 32px;
	font-size: 22px;
	padding: 5px;
	padding-bottom: 1px;
	border: 1px #ddd solid;
	margin-left: 15px;
}

.regForm4 input
{
	width: 258px;
	height: 32px;
	font-size: 22px;
	padding: 5px;
	padding-bottom: 1px;
	border: 1px #ddd solid;
	margin-left: 15px;
}

.regForm3 td, .regForm4 td
{
	white-space:nowrap;
	padding-right: 10px;
}

.regForm3, .regForm4
{
	margin-left: 15px;
	font-size: 22px;
}

.regForm
{
	font-size: 22px;
	margin-left: 30px;
}

.regForm2
{
	font-size: 22px;
	margin-left: 1px;
}

.regButton
{
	float: right;
	width: 95px !important;
	height: 38px!important;
	font-size: 18px!important;
	padding-bottom: 10px !important;
}

.formError
{
	height: 12px; padding: 0px; border: red 0px solid;
	color: #FF0000;
	font-size: 10px !important;
	margin-left: 16px;
	line-height: 8px;
}

#rightMenuNav a:link, #rightMenuNav a:active, #rightMenuNav a:visited
{
	color: #FFF;
	text-decoration: none;
	font-size:16px;
}

#rightMenuNav a:hover
{
	text-decoration:underline;
	color:#EEE;
}

#rightMenuNav2 a:link, #rightMenuNav2 a:active, #rightMenuNav2 a:visited
{
	color: #FFF;
	text-decoration: none;
	font-size:16px;
}

#rightMenuNav2 a:hover
{
	text-decoration:underline;
	color:#EEE;
}

.userIcon
{
	background-image: url('/images2/user.png');
	background-repeat:no-repeat;
	background-position: left;
	padding-left: 23px;
	margin-right: 10px;
}

.userSignin
{
	background-image: url('/images2/home.png');
	background-repeat:no-repeat;
	background-position: left;
	padding-left: 23px;
	margin-right: 10px;
}

.homeIMG
{
	float: left;
	width: 100px;
	height: 75px;
	margin-right: 9px;
	padding: 2px;
	border: #ccc 1px dotted;
	margin-top: 5px;
	margin-bottom: 3px;
}

.actIMG
{
	float: left;
	width: 40px;
	height: 30px;
	margin-right: 9px;
	padding: 2px;
	border: #ccc 1px dotted;
	margin-top: 5px;
	margin-bottom: 3px;
}

.profileDefault
{
	float: left;
	margin-right: 9px;
	padding: 2px;
	border: #ccc 1px dotted;
	margin-top: 5px;
	margin-bottom: 3px;
}

.lastIMG
{
	margin-right: 0px!important;
}

.homeMAP
{
	padding: 2px;
	border: #ccc 1px dotted;
	margin-top: 5px;
	margin-left: 1px;
	margin-bottom: 1px;

}

.errorBox
{

	background-color: #fb8282;
	border: #fc6060 1px solid;
	font-size: 18px;
	padding: 7px;
	padding-left: 40px;
	color:#333333;
	background-image: url('/images2/infoIcon3.png');
	background-position: center left;
	background-repeat:no-repeat;
	margin-top: 3px;
	margin-bottom: 3px;
}

.infoBox
{
	background-color: #f9fa92;
	border: #e3e553 1px solid;
	font-size: 18px;
	padding: 7px;
	padding-left: 40px;
	color:#333333;
	background-image: url('/images2/infoIcon.png');
	background-position: center left;
	background-repeat:no-repeat;
	margin-top: 3px;
	margin-bottom: 3px;
}

.infoBox2
{
	background-color: #f9fa92;
	border: #e3e553 1px solid;
	font-size: 16px;
	padding: 7px;
	color:#999;
	margin-top: 3px;
	margin-bottom: 3px;
}

.infoBox2 a:link, .infoBox2 a:active, .infoBox2 a:visited
{
	text-decoration: none;
	font-size: 16px;
}

.infoBox2 a:hover
{
	text-decoration:underline;
}

.aboutBox
{
	background-color: #ddfbd8;
	border: #c5fabc 1px solid;
	font-size: 12px;
	padding: 7px;
	padding-left: 40px;
	color:#333333;
	background-image: url('/images2/infoIcon2.png');
	background-position: center left;
	background-repeat:no-repeat;
	margin-top: 3px;
	margin-bottom: 3px;
	min-height: 22px;
	vertical-align:middle !important;
}

.profileURL
{
	padding: 5px;
 	border: #eee 1px solid;
	font-size: 12px;
}

.commentPhoto
{
	width: 60px;
	height: 45px;
}

.searchLink:hover
{
	text-decoration:underline !IMPORTANT;
}

.profileFriend
{
	width:90px;
	height:66px;
	padding: 2px;
	border: #ddd 1px solid;
	margin: 2px;
}

.editMode
{
	text-align: right;
	font-size: 12px;
	background-color: #fcf0f0;
	padding: 4px 2px 4px 2px;
}

.profileTop
{
	position:relative;
	
}

.addFriend:link, .addFriend:active, .addFriend:visited, .addFriend:hover
{
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 30px;
	background-image: url('/images2/addFriend.png');
	background-repeat:no-repeat;
	color: #222;
	margin-top: 4px;
}

.reportSpam:link, .reportSpam:active, .reportSpam:visited, .reportSpam:hover
{

	background-image: url('/img4/block_2.png'); background-position: 3px 4px;
}

.sendMessage:link, .sendMessage:active, .sendMessage:visited, .sendMessage:hover
{
	background-image: url('/images2/sendMessage.png') !important;
}

.addFriend:hover
{
	color: #444;
}

.floatMenu:link, .floatMenu:active, .floatMenu:visited
{
	display:block;
	font-size: 18px;
	color: blue;
	border-bottom: #ddd 1px solid;
	text-decoration: none;
	padding: 5px;
}

.floatMenu:hover
{
	background-color: #eee;
}

.alignRight
{
	text-align: right;
}

.checkout1 { float: left; margin: 19px; }

.gift { float: left; margin: 20px; }

.profileGift { float: left; width: 75px; height: 90px; margin: 0px 15px; font-size: 10px; text-align:center; }
.profileGift img { height: 64px; width: 64px; }

.notTitle { padding-bottom: 3px; font-size: 11px; }

#IMBar { height: 30px; width: 100%;  position:fixed; bottom: 0px; left: 0px; z-index: 99999;  }

#IMBox { background: url('/img4/chat.png'); width: 200px; height: 29px; border: #999 1px solid; float: right; margin-right: 20px; cursor: pointer; position:relative; }
#IMBox-inner { padding-top: 6px; text-align:center; font-size: 12px; font-weight: bold; }

.IM-Input { background: url('/img4/chatBubble.png') no-repeat 3px 7px; height: 30px; border-top: #DDD 1px solid; }
.IM-InputField { border: 0px; color: #444; font-size: 10px; margin-left: 25px; margin-top: 1px; background: none; padding-top: 0px; height: 25px; width: 220px;  } 

.IM-User { background: url('/img4/chatStrip.png'); width: 150px; height: 29px; border: #999 1px solid; float: right;   border-right: 0px; position:relative; }
.IM-User-Inner { font-size: 12px; font-weight: bold; padding: 6px 0px 0px 6px; cursor: pointer; height:23px; }
.IM-Window { position:absolute;  bottom: 29px; width: 250px; left: -101px; height: 300px; border: #999 1px solid; background: #eee; }
.IM-Text { padding: 4px; overflow:auto; font-size: 12px; line-height: 16px; height: 262px; }
.IM-Username { color: #444; font-weight: bold; padding: 0px 5px; font-size: 10px; height: 14px; }
.IM-Message { font-size: 12px; color: #444; padding: 1px 5px 6px 5px;  }
.closeIM { position: absolute; left: 131px; top: 7px; width: 15px; height: 15px; background: url('/img4/imClose.png'); cursor: pointer; z-index: 102102 }

#IMBuddies { position:absolute; bottom: 30px; width: 201px; right: 20px; }
#buddyListWrapper { border: #ccc 1px solid; background: #EEE; max-height: 300px; overflow:auto; cursor:pointer; }
.BLUName { padding: 1px; color: #333; font-weight: bold; font-size: 10px; margin: 1px 0px; }
.buddyThumb img { width: 34px; height: 25px; }
.buddyThumb { float: left; }
.BL-name { float: left; margin-left: 4px; margin-left: 3px; padding-top: 6px; }
.cb { clear: both; }
.idleBuddy .BLUName .BL-name { color: #888 !important; }

.BLUserWrapper { background: #DDD url('/img4/online.png') no-repeat 160px 6px; margin: 0px 2px; }
.idleBuddy { background: url('/img4/away.png') no-repeat 160px 6px !important; }

.BL-Title { margin-bottom: 1px; text-transform:uppercase; font-weight: bold; padding: 4px; color: #333; }
.BL-Title-Friend { padding-left: 27px; background: url('/img4/friend.png') no-repeat 5px 4px #CCC }
.BL-Title-Foe { padding-left: 27px; background: url('/img4/foe.png') no-repeat 5px 4px  }

.IM-New-Count { position:absolute; background: red; color: #FFF; font-size: 10px; text-align:center; width: 15px; height: 13px; padding-top: 0px; left: -3px; top: -5px; z-index:104104; }
.IM-Window-Title a { position:absolute; top: -21px; left: -1px; width: 244px; color: #fff; background: #444; height: 14px; text-decoration: none; padding: 4px; font-size: 10px; font-weight: bold; }
#IM-Settings { cursor: pointer; position:absolute; top: 7px; right: 28px; z-index: 105501 }
#IM-Privacy {  position:absolute; bottom: 29px; right: 20px; z-index: 105502; background: #eee; border: #999 1px solid; padding: 10px; width: 180px; }
.privacyTitle { display: block; padding: 0px 0px 3px 0px; font-size: 10px; color: #444; }
#privacySelect { width: 180px; }

.IM-Time {
    float: right;
    font-size: 10px;
    color: #BBB;
}

.blockIMButton { position:absolute; top: -18px; left: 233px; z-index:107000; cursor: pointer; }
.camIMButton { position:absolute; top: -18px; left: 211px; z-index:107000; cursor: pointer; height: 16px; width: 16px; }

/*search*/
.searchMachine { float: left; font-weight: bold; padding-right: 9px; font-size: 12px; }
.searchMachine .searchItemTitle { padding-bottom: 2px; min-height: 14px; }
.searchField-maxAge input, .searchField-minAge input { width: 52px; }
#mainSearchCountry , #mainSearchState , #mainSearchCity { width: 90px; }
.mainSearchBox .searchTitle { font-size: 16px; font-weight: bold; padding-bottom: 5px; }
.mainSearchBox { background-color: #fbf4d7; padding: 6px 9px; border-top: #e2d7aa 1px solid; border-bottom: #e2d7aa 1px solid; }
.mainSearchBox input, .mainSearchBox select { color: #222; }
#search-range { display: none; }
#search-sex-select { width: 68px; }
.searchField-hasImage select { width: 84px; }
.searchField-lastLogin select { width: 100px; }
.searchField-range select { width: 75px; }
.searchSubTitle { font-size: 12px; color: #555; padding-bottom: 7px; }
.searchError { font-weight: bold; color: red; }
.searchResultWrapper { padding: 6px; margin-top: 6px; border: #DEDEDE 1px solid; }
.searchProfileImage { max-width: 150px; }
.searchImage { width: 150px; float: left; }
.miniProfile { float: right; width: 690px; }
.searchUserName a { font-size: 14px; font-weight: bold; color: #135684; text-decoration:none; }
.searchAge { font-size: 10px; color: #777; padding-top: 1px; }
.searchAbout { color: #555; padding: 4px; font-style:italic; font-size: 11px; }
.searchLocation { font-size: 10px; color: #222; } 
.searchTotal { margin: 5px 0px; padding: 4px; text-align:center; border: #dedede 1px solid; color: #999; }

a.searchLink { text-decoration: none; color: #111; padding: 4px; font-weight: bold; margin: 2px; border: #ddd 1px solid; background-color: #eee; width: 30px; text-align:center; display: block; float: left; }
a.searchLink:hover { text-decoration: none; background: #fff; }
a.searchActive { text-decoration: none; background: #ccc !important; }

.flyBoxSpam { position:fixed; left: 50%; top: 50%; width: 1px; height: 1px; z-index: 99999; }
.flyBoxSpam .backgroundFly { width: 10000px; height: 10000px; left: -5000px; top: -5000px; position:absolute; background: #000; opacity: .5; z-index: 99999; }
.flyBoxSpam .info { width: 403px; height: 402px; left: -202px; top: -202px; position:absolute; z-index: 999999 }
.flyBoxSpam .info .inner { padding: 10px; }
.flyBoxSpam .info .spamText1 { padding: 0px 0px 10px 0px; color: #222; font-size: 12px; line-height: 22px; }
#captchaInsert { text-align: center; padding: 5px 0px 0px 31px; }

.navOptions {
    height: 41px;
    padding-bottom: 4px;
}
.navOptions a {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #DDDDDD;
    color: #333333;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-right: 1px;
    padding: 8px 16px;
    text-decoration: none;
    text-transform: uppercase;
}
.navOptions a:hover {
    background: none repeat scroll 0 0 #DDDDDD;
}

#reportButton { position: absolute; right: 18px; bottom: -50px; cursor: pointer; display: none; }
.mo { display: none; }

@media (max-height: 500px) {
	#chat-frame { height: 375px!important; }
}
@media (max-width: 768px) {
	body{ padding: 5px; }
	.notice { color: red; font-weight: bold; font-size: 12px; }
  .hm { display: none !important; }
  .header, #wrapper2, .content {  width:auto !important; }
  .header .logo2, .logo { width: 110px; margin-left: 10px; }
  .navOptions a { padding: 3px 0px !important; font-size: 13px; width: 31%; text-align:center; margin: 0px; text-decoration: underline; border: 0px; margin: 1%; }
  .navOptions { border-top:0px; border-bottom: 0px; background: #fff; height: auto !important; }
  .whiteContent { padding: 2px 4px; }
  .homeText { padding: 0px !important; }
  iframe { max-width: 100% !important; }
  .mo { display: block; }
  .btns { top: 4px; left: 10px; max-width: 100% !important; width: 300px; padding: 0px; margin: 0px; display:none;}
  .mobile-padding, .pm { padding: 10px !important; }
  #rightMenuNav, #rightMenuNav2 { right: 10px !important; top: 25px !important; }
  .sm { float: none !important; width: auto !important; padding: 0px !important; margin: 0px !important; left: auto !important; top: auto !important; position: relative !important; }
  .home-btns a { display: block; margin: 5px 0px; text-align:center; }
  .homeIMG { width: 82px; height: 65px; margin: 4px !important; }
  .alignRight { padding-right: 15px; }
  h2 { padding-left: 10px; }
  .whiteBottomLeft { margin-bottom: 10px; }
  .mobspace { height: 10px; }
  .mo { display: block !important; }
  .blueWrapper { margin: 0px !important; padding: 0px  !important; }
  .chat_frame { margin-top: 20px; }
  #chat { min-height: 400px !important; font-size: 12px !important; }
  
  #flyBox  { left: 0px; width: 100% !important; padding: 0px; margin-left: 0px; top: 10px !important; }
  .closerFly { top: 10px; right: 10px;border: #333 1px solid; color: #333 !important; padding: 7px; text-align: center; line-height: 18px; font-size: 20px; color: #333; text-decoration: none !important;  }
  .closerFly:after { content: "X"; text-decoration: none; }
  .flyContent { background: #fff; border: #888 1px solid; padding: 10px; max-width: 100%; width: auto !important; }
  #content-left { margin-left: 0px !important; }
  .flyFooter { background: none; }
  #info { display: none; }
}

@media (max-width: 768px) {
	#chat { height: auto !important; overflow: visible; min-height: 100px !important; }

}