﻿* {
	margin: 0;
	padding: 0;
}
html, body, #main {
	height: 100%;
}
body, div {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	padding: 0;
	font-size: small;
	color: #555;
	margin: 0 auto;
}
h1, h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	margin: 0
}
h1 {
	font-size: large
}
h3 {
	margin-top: .5em;
}
fieldset {
	padding: 8px;
}
legend {
	font-weight: bold;
}
pre {
	margin-bottom: 1em;
}
.jscom, .mix htcom {
	color: #4040c2;
}
.com {
	color: green;
}
.regexp {
	color: maroon;
}
.string {
	color: teal;
}
.keywords {
	color: blue;
}
.global {
	color: #008;
}
.numbers {
	color: #880;
}
.comm {
	color: green;
}
.tag {
	color: blue;
}
.entity {
	color: blue;
}
.string {
	color: teal;
}
.aname {
	color: maroon;
}
.avalue {
	color: maroon;
}
.jquery {
	color: #00a;
}
.plugin {
	color: red;
}
/*li {
	list-style-type: none;
}*/
.basic, #list2, #list3, #navigation {
	width:20em;
}
#log {
	position:fixed;
	bottom: 0;
	right:1em;
	text-align:right;
}
#switch {
	position: fixed;
	bottom: 0;
	right: 15em;
}
.basic {
	width: 225px;
	font-family: verdana;
	border: 1px solid #e5e5e5;
}
.basic div {
	background-color: #fbfbfb;
	width: 225px;
}
.basic div button {
	float:right;
	cursor: pointer;
	padding: 4px 10px 20px 10px;
	border:none;
	background: url("/images/btn.png") no-repeat 0px -2px;
	display: block;
	height: 22px;
	text-decoration: none;
	text-align: center;
	font: bold 12px Arial;
	margin-bottom:10px;
	color: #fff;
}
.basic div button:hover {
	background-position: 0px -34px;
	text-decoration: none;
	color: #fff;
}
.basic p {
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 5px;
}
.basic img {
	padding:1px;
	border: 1px solid #e5e5e5;
	margin: 3px;
	height:139px;
	width:215px;
}
.basic a.bglink {
	background:#BE4B00 none repeat scroll 0 0;
	color:#FFFFFF;
	padding:1px;
	width:60px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:7px 5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #555;
	background-color: #fff;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #e5e5e5;/*background-image: url("AccordionTab0.gif");*/
}
.basic a:hover {
	color: #fff;
	background: url("/images/btn.png") no-repeat 0px -2px;
}
.basic a.selected {
	color: #fff;
	background: url("/images/btn.png") no-repeat 0px -2px;
}
 
.leftcolumn {
	float:left;
	width:230px;
}
.centercolumn {
	float:left;
	display:block;
	width:507px;
	margin-left: 7px;
}
.featured-design {
	background-color: #f8f8f8;
	padding: 20px 25px 20px 25px;
	height: 320px;
}
.featured-design h3 {
	font: bold 14px Arial;
	color: #1d1d1d;
	margin: 0px;
	padding: 0px;
}

.rightfull {
	float:left;
	width:740px;
	padding-left:10px;
}
.rightfull h2 {
	text-transform:uppercase;
	color:#eb7f00;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:bold;
	padding:10px 0px;
}
.rightfull img {
	float:left;
	padding:0px 7px;
}
.rightfull .community .slider-controls span {
	display:block;
}
.rightcolumn {
	float:right;
	margin:0;
	padding:0;
}
.leftsearch {
	float:left;
	width:230px;
	/*border: 1px solid #e5e5e5;*/
	padding: 0px 0px 10px 0px;
}
.leftsearch .panes div p {
	background-color:#52B0BC;
	color:#FFFFFF;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	width:198px;
}
.leftsearch h3 {
	text-transform:uppercase;
	color:#555;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:bold;
}
.leftsearch h2 {
	text-transform:uppercase;
	color:#eb7f00;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:bold;
	padding:10px 0;
}
.leftsearch select {
	color:#898989;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:5px 0 20px;
	padding:0 0;
	text-align:left;
	width:180px;
}
.leftsearch button {
	cursor: pointer;
	padding: 4px 10px 20px 10px;
	border:none;
	background: url("/images/btn.png") no-repeat 0px -2px;
	display: block;
	height: 22px;
	text-decoration: none;
	text-align: center;
	font: bold 12px Arial;
	margin-bottom:10px;
	color: #fff;
}
.leftsearch button:hover {
	background-position: 0px -34px;
	text-decoration: none;
	color: #fff;
}

.leftcontact {
	float:left;
	width:230px;
	/*border: 1px solid #e5e5e5;*/
	padding: 0px 0px 10px 0px;
}
.leftcontact h2 {
	text-transform:uppercase;
	font-family:Arial;
	color:#eb7f00;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:bold;
	padding:10px 0;
}
.leftcontact h3 {
	text-transform:uppercase;
	color:#555;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:bold;
}
.leftcontact button {
	cursor: pointer;
	padding: 4px 10px 20px 10px;
	border:none;
	background: url("/images/btn.png") no-repeat 0px -2px;
	display: block;
	height: 22px;
	text-decoration: none;
	text-align: center;
	font: bold 12px Arial;
	color: #fff;
}
.leftcontact button:hover {
	background-position: 0px -34px;
	text-decoration: none;
	color: #fff;
}
.leftcontact .textinput {
	width: 182px;
}
.leftcontact #message {
	width:170px;
	height:50px;
}
.leftcontact span.ferror {
	font-size:9px;
	color:#DE1207;
	display:block;
	width:170;
	height:10px;
	margin-bottom:8px;
}
.homecenter {
	float:left;
	width:507px;
	height:368px;
	padding:0;
	margin:0px 0px 0px 0px;
	overflow:hidden;
}
.homecenter h2 {
	text-transform:uppercase;
	color:#eb7f00;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:bold;
	padding:10px 0px;
}
.homecenter h3 {
	font-size:12px;
	color:#666666;
	padding:10px 0px 0px 20px;
	text-align:center;
	line-height:8px;
	font-weight:bold;
}
.homecenter h4 {
	font-size:10px;
	color:#0AA557;
	padding:0px 0px 0px 20px;
	text-align:center;
	line-height:8px;
}

.homecenter #place-header {
	float:left;
	padding:0;
	margin: 0px 0px 5px 0px;
	background: url("/images/home-center-header.jpg");
	width:507px;
	height:30px;
}
.homecenter #place-header div {
	float:right;
	margin:0px 2px;
}
.homecenter #place-header div a.submit, .homecenter #place-header div a.submit:link, .homecenter #place-header div a.submit:visited {
	color: #fff;
	float: left;
	height: 22px;
	background: url("../images/btn_1.png") no-repeat right top;
	padding: 0;
	margin-top:4px;
	text-decoration: none;
	cursor: pointer;
}
.homecenter #place-header div a.submit span{
	padding: 4px 12px 4px 12px;
	margin:0;
	font: bold 12px Arial;
	background:none;
}

.marginT10 {
	margin-top:15px;
}
#main {
	padding: 1em;
}
#banner {
	padding: 15px;
	background-color: #06b;
	color: white;
	font-size: large;
	border-bottom: 1px solid #ccc;
	background: url(bg.gif) repeat-x;
	text-align: center
}
#banner a {
	color: white;
}


/* Easy Slider - Packages */

#slider2 ul, #slider2 li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider2 li {
	width:740px;
}

/*=====================home ad scroller===========================*/

.adpanes {
	height: 252px;
	width: 507px;
	float: left;
	margin: 0;
	overflow: hidden;
	position:relative;
	border:1px solid #e5e5e5;
}

.adpanes .items {
	height:252px;
	width:2535px;
	margin:0;
	padding:0;
	position:absolute;
}
.adpanes .items div {
	float:left;
	height: 252px;
	width: 507px;
}

.adpanes .items div img {
	padding:1px;
	border: none;
	height: 250px;
}

/*==================== news panel===========================*/

.newspanes .items {
	height:96px;
	width:912px;
	margin:0;
	padding:0;
	position:absolute;
}
.newspanes .items div {
	float:left;
	height: 24px;
	width: 912px;
}

/* ==============picture scroller==============*/

.panes div#tab-guide #photos #flickr {
	float:left;
	display:block;
	width:375px;
	height:41px;
	background: url(/images/flickr-photos-bg.jpg) no-repeat;
}
.panes div#tab-guide #photos #flickr .prevPage {
	float:right;
	cursor:pointer;
	margin:5px 0 0 0;
	padding:0;
}
.panes div#tab-guide #photos #flickr .nextPage {
	float:right;
	cursor:pointer;
	margin:5px 0 0 0;
	padding:0;
}
.imagepanes {
	position:relative;
	overflow:hidden;
	width:375px;
	padding-top:2px;
	height:214px;
	
	background: url(/images/bg-guide-bottom-r.jpg) bottom left no-repeat #fff;
}

.imagepanes .items {
	height:190px;
	width:2280px;
	margin:0;
	padding:0;
	position:absolute;
}
.imagepanes .items div {
	float:left;
	width: 95px;
	height: 190px;
}
.imagepanes a.izoom img {
	border:5px solid #CCCCCC;
	margin:3px;
	padding:1px;
}
.imagepanes a.izoom:hover img {
	border:5px solid #999999;
}

/*===================home image panes=================*/

.homeimagepanes {
	position:relative;
	width:485px;
	height:238px;
	overflow:hidden;
}

.homeimagepanes .items {
	height:238px;
	width:2280px;
	margin:0;
	padding:0;
	position:absolute;
}
.homeimagepanes .items div {
	float:left;
	width: 79px;
	height: 238px;
	margin:1px 1px 1px 1px;
}
.homeimagepanes a.izoom img {
	border:1px solid #CCCCCC;
	padding:1px;
}
.homeimagepanes a.izoom:hover img {
	border:1px solid #999999;
}

/*==================home holiday panes=============*/

.homeholidaypanes {
	position:relative;
	width:485px;
	height:238px;
	overflow:hidden;
}

.homeholidaypanes .items {
	height:238px;
	width:2280px;
	margin:0;
	padding:0;
	position:absolute;
}
.homeholidaypanes .items div {
	float:left;
	width: 485px;
	height: 238px;
	margin:1px 1px 1px 1px;
}

.homeholidaypanes .item {
	float: left;
	width: 485px;
	margin: 0;
	overflow: hidden;
}
.homeholidaypanes .item button {
	cursor:pointer;
	float:left;
	padding:2px 5px 2px 5px;
	border:none;
	background:url(/images/btn.png) top left no-repeat;
	color:#fff;
	font-family:Arial;
	font-weight:bold;
	margin:0;
}
.homeholidaypanes .item h4 {
	display:block;
	color: #666666;
	font: 12px/ 18px Arial;
	margin: 0;
	padding: 0;
	text-align:left;
	line-height:20px;
}
.homeholidaypanes .item h4 em {
	color: #0aa557;
	font: 12px/ 18px Arial;
}
.homeholidaypanes .item h5 {
	color: #e87e00;
	font: 12px/ 18px Arial;
	margin: 0;
	padding: 0;
	text-align:left;
	line-height:20px;
}
.homeholidaypanes .item h5 em {
	color: #0aa557;
	font: 12px/ 18px Arial;
}
.homeholidaypanes .item h4 i {
	color: #3fa5c5;
	font: 12px/ 18px Arial;
}
.homeholidaypanes .item a.ptitle {
	font: 16px/ 22px Arial;
	color: #1292FF;
	text-align:left;
}

.homeholidaypanes .item img {
	border: 1px solid #cccccc;
	padding: 1px;
	float:left;
	margin-right: 10px;
}

/*==================home hotel panes=============*/

.homehotelpanes {
	position:relative;
	width:485px;
	height:238px;
	overflow:hidden;
}

.homehotelpanes .items {
	height:238px;
	width:2280px;
	margin:0;
	padding:0;
	position:absolute;
}
.homehotelpanes .items div {
	float:left;
	width: 485px;
	height: 238px;
	margin:1px 1px 1px 1px;
}

.homehotelpanes .item {
	float: left;
	width: 485px;
	margin: 0;
	overflow: hidden;
}
.homehotelpanes .item button {
	cursor:pointer;
	float:left;
	padding:2px 5px 2px 5px;
	border:none;
	background:url(/images/btn.png) top left no-repeat;
	color:#fff;
	font-family:Arial;
	font-weight:bold;
	margin:0;
}
.homehotelpanes .item h4 {
	display:block;
	color: #666666;
	font: 12px/ 18px Arial;
	margin: 0;
	padding: 0;
	text-align:left;
	line-height:20px;
}
.homehotelpanes .item h4 em {
	color: #0aa557;
	font: 12px/ 18px Arial;
}
.homehotelpanes .item h5 {
	color: #e87e00;
	font: 12px/ 18px Arial;
	margin: 0;
	padding: 0;
	text-align:left;
	line-height:20px;
}
.homehotelpanes .item h5 em {
	color: #0aa557;
	font: 12px/ 18px Arial;
}
.homehotelpanes .item h4 i {
	color: #3fa5c5;
	font: 12px/ 18px Arial;
}
.homehotelpanes .item a.ptitle {
	font: 16px/ 22px Arial;
	color: #1292FF;
	text-align:left;
}

.homehotelpanes .item img {
	border: 1px solid #cccccc;
	padding: 1px;
	float:left;
	margin-right: 10px;
}

/* ==============video scroller==============*/

.panes div#tab-guide #videos #youtube {
	float:left;
	display:block;
	width:375px;
	height:41px;
	background: url(/images/youtube-videos-bg.jpg) no-repeat;
}
.panes div#tab-guide #videos #youtube .prevPage {
	float:right;
	cursor:pointer;
	margin:5px 0 0 0;
	padding:0;
}
.panes div#tab-guide #videos #youtube .nextPage {
	float:right;
	cursor:pointer;
	margin:5px 0 0 0;
	padding:0;
}
.videopanes {
	position:relative;
	overflow:hidden;
	width:375px;
	height:225px;
	background: url(/images/bg-guide-bottom-r.jpg) bottom left no-repeat #fff;
}
/* additional wrapper element for the items */
.videopanes .items {
	height:200px;
	width:2280px;
	margin:0;
	padding:0;
	position:absolute;
}
.videopanes .items div {
	float:left;
	width: 117px;
	height: 200px;
	margin-right:10px;
}
.videopanes a.vzoom {
	float:left;
	display:block;
	width: 107px;
	height: 80px;
	border:5px solid #CCCCCC;
	margin-bottom:5px;
	margin-top:5px;
	padding:0;
	overflow:hidden;
}
.videopanes a.vzoom:hover {
	border:5px solid #999999;
}
.videopanes a.vzoom img {
	padding:0;
}
/*===============home video panes===================*/

.homevideopanes {
	position:relative;
	overflow:hidden;
	width:485px;
	height:230px;
}
/* additional wrapper element for the items */
.homevideopanes .items {
	height:230px;
	width:2280px;
	margin:0;
	padding:0;
	position:absolute;
}
.homevideopanes .items div {
	float:left;
	width: 117px;
	height: 230px;
	margin-right:5px;
}
.homevideopanes a.vzoom {
	float:left;
	display:block;
	width: 107px;
	height: 80px;
	border:5px solid #CCCCCC;
	margin-bottom:12px;
	margin-top:12px;
	padding:0;
	overflow:hidden;
}
.homevideopanes a.vzoom:hover {
	border:5px solid #999999;
}
.homevideopanes a.vzoom img {
	padding:0;
}

/*=============== juitter ========================*/

.panes div#tab-guide #gossip #twitter {
	float:left;
	display:block;
	width:335px;
	height:41px;
	background: url(/images/twitter-gossip-bg.jpg) no-repeat;
}
#tweetpanes {
	height: 546px;
	
} 

/*Juitter container*/
#tweetpanes .twittList {
	margin:0;
	padding:0;
} 

/* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */

#tweetpanes .twittLI {
	list-style:none;
	background:#fff;
	margin:0;
	padding:5px 0 5px 5px;
	border-bottom:dashed 1px #CAF8C9;
	clear:both;
	height:69px;
	width:330px;
	font-size:11px;
}
#tweetpanes .twittList SPAN.time {
	color:#777;
	font-size:0.9em;
	display:inline;
}
#tweetpanes .twittList A {
	color:#006600;
	font-size:0.9em;
} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */

#tweetpanes .juitterAvatar {
	float:left;
	border:solid 1px #D3EECA;
	background:#FFF;
	margin-right:5px;
	padding:2px;
	width:48px;
	height:48px;
}
#tweetpanes .jRM {
	float:right;
	clear:both
} /*read it on twitter link*/
#tweetpanes .extLink {
} /*CSS for the external links*/
#tweetpanes .hashLink {
} /*CSS for the hash links*/


/*=============== home juitter ========================*/

#hometweetpanes {
	height: 230px;
	overflow: hidden;
} 

/*Juitter container*/
#hometweetpanes .twittList {
	margin:0;
	padding:0;
} 

/* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */

#hometweetpanes .twittLI {
	list-style:none;
	background:#fff;
	margin:0;
	padding:2px 2px 2px 2px;
	border-bottom:dashed 1px #CAF8C9;
	clear:both;
	height:53px;
	width:480px;
	font-size:11px;
}
#hometweetpanes .twittList SPAN.time {
	color:#777;
	font-size:0.9em;
	display:inline;
}
#hometweetpanes .twittList A {
	color:#006600;
	font-size:0.9em;
} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */

#hometweetpanes .juitterAvatar {
	float:left;
	border:solid 1px #D3EECA;
	background:#FFF;
	margin-right:5px;
	padding:2px;
	width:48px;
	height:48px;
}
#hometweetpanes .jRM {
	float:right;
	clear:both
} /*read it on twitter link*/
#hometweetpanes .extLink {
} /*CSS for the external links*/
#hometweetpanes .hashLink {
} /*CSS for the hash links*/

/* ==================================================*/

#prevBtn, #nextBtn {
	display:inline;
	overflow:hidden;
	text-indent:-8000px;
	width:32px;
	height:32px;
}
#prevBtn a.hide {
	background:transparent url(/images/tour_prev.png) no-repeat scroll 0 0;
}
#nextBtn a.hide {
	background:transparent url(/images/tour_next.png) no-repeat scroll 0 0;
}
#prevBtn a, #nextBtn a {
	float: left;
	display:block;
	width:32px;
	height:32px;
}
#prevBtn a.show {
	margin-right:5px;
	background:transparent url(/images/tour_prev_a.png) no-repeat scroll 0 0;
}
#nextBtn a.show {
	margin-left:5px;
	background:transparent url(/images/tour_next_a.png) no-repeat scroll 0 0;
}
/*=================     Tabs     =============================*/

.panes div#tab-holiday {
	border:1px solid #d0eaef;
	margin-top:7px;
	width:198px;
	padding:1px;
	height:240px;
}
.panes div#tab-hotel {
	border:1px solid #d0eaef;
	margin-top:7px;
	width:198px;
	padding:1px;
	height:240px;
}
.panes div#tab-flight {
	width:200px;
	height:250px;
	overflow:hidden;
	float:left;
}
.panes div iframe {
	background-color: transparent;
}
/*====================itinerary tabs panel===========================================*/

.panes div#tab-guide p {
	color:#6f6f6f;
	margin:0;
	padding:0;
}
#panesholiday div#header {
	float:left;
	width:698px;
	height:21px;
	padding:10px;
	margin:0;
	background: url(/images/bg-guide-header.jpg) no-repeat;
}
#panesholiday div#header h3 {
	float:left;
	display:inline;
	color:#1292ff;
	font-weight:normal;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
#panesholiday div#tab-guide #header p {
	float:right;
	display:inline;
	margin:-5px 0;
}
#panesholiday div#footer {
	float:left;
	width:718px;
	height:25px;
	padding:0;
	margin:0 0 20px 0;
	background: url(/images/bg-guide-footer.jpg) no-repeat;
}
#panesholiday div#content {
	float:left;
	width:710px;
	padding:5px 5px 5px 5px;
	margin:0;
	clear:both;
	background-color:#FFFFFF;
}

/*==========================================================*/

.panes div#tab-guide #info {
	float:left;
	width:333px;
	height:240px;
	padding:5px 5px 5px 5px;
	margin:0;
	clear:both;
	background-color:#FFFFFF;
}
.panes div#tab-guide #info p {
	float:left;
}
.panes div#tab-guide #info span {
	font-size:11px;
	display:inline;
}
.panes div#tab-guide #info #weather {
	float:right;
	border:1px solid #d0eaef;
	padding:1px;
	width:140px;
	height:100px;
	display:block;
	margin-left:5px;
}
.panes div#tab-guide #map {
	float:right;
	width:365px;
	height:240px;
	padding:5px 5px 5px 5px;
	margin:0;
	background-color:#FFFFFF;
}
.panes div#tab-guide #gossip {
	float:left;
	width:335px;
	padding:0;
	margin:0;
	clear:both;
	background: url(/images/bg-guide-bottom.jpg) bottom left no-repeat;
}
.panes div#tab-guide #photos {
	float:right;
	width:375px;
	height:230px;
	padding:0;
	margin:0;
	margin-bottom:30px;
}
.panes div#tab-guide #videos {
	float:right;
	width:375px;
	height:145px;
	padding:0;
	margin:0;
	margin-top:20px;
}
.panes div#tab-guide #gmap {
	float:right;
	width:363px;
	height:220px;
	border:1px solid #d0eaef;
	padding:0;
	margin:0;
}
.panes div#tab-guide #map p {
	text-align:center;
	font-size:10px;
}

/*==========================home places tab panel=============================*/

#panesplace div#header {
	float:left;
	width:495px;
	height:30px;
	padding:0;
	margin:0;
	background: url(/images/bg-home-tabs.jpg) no-repeat;
}
#panesplace div#header h3 {
	float:left;
	display:inline;
	color:#1292ff;
	font-weight:normal;
	font-size:14px;
	text-transform:uppercase;
	margin:10px;
	padding:0;
}
#panesplace div#header a {
	float:right;
	display:inline;
	margin:0;
	padding:0;
}

#panesplace div#footer {
	float:left;
	width:495px;
	height:20px;
	padding:0;
	margin:0;
	background: url(/images/bg-home-tabs-btm.jpg) no-repeat;
}
#panesplace div#content {
	float:left;
	width:485px;
	height:235px;
	padding:5px 5px 5px 5px;
	margin:0;
	clear:both;
	background-color:#FFFFFF;
	overflow:hidden;
}

#panesplace div#content #info {
	float:left;
	width:485px;
	height:233px;
	padding:0;
	margin:0;
	clear:both;
	background-color:#FFFFFF;
}
#panesplace div#content #info p {
	float:left;
}
#panesplace div#content #info span {
	font-size:11px;
	display:inline;
}
#panesplace div#content #info #weather {
	float:right;
	border:1px solid #d0eaef;
	padding:1px;
	width:140px;
	height:100px;
	display:block;
	margin-left:5px;
}
#panesplace div#content #gmap {
	float:left;
	width:483px;
	height:233px;
	border:1px solid #d0eaef;
	padding:0;
	margin:0;
}
#panesplace div#content #gossip {
	float:left;
	width:483px;
	padding:0;
	margin:0;
	clear:both;
}

/*=========================================chat box===========================*/


.chatbox {
	width: 200px;
}
.chatbox span {
	display:inline;
}
.chatboxhead {
	background-color: #f99d39;
	padding:7px;
	color: #ffffff;
	border-right:1px solid #f99d39;
	border-left:1px solid #f99d39;
}
.chatboxblink {
	background-color: #176689;
	border-right:1px solid #176689;
	border-left:1px solid #176689;
}
.chatboxcontent {
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #333333;
	height:135px;
	width:184px;
	overflow-y:auto;
	overflow-x:auto;
	padding:7px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #eeeeee;
	background-color: #ffffff;
	line-height: 1.3em;
}
.chatboxinput {
	padding: 5px;
	background-color: #ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.chatboxtextarea {
	width: 180px;
	height: 50px;
	padding: 3px 0pt 3px 3px;
	border: 1px solid #f99d39;
	margin: 1px;
	overflow: hidden;
}
.chatboxtextareaselected {
	border: 2px solid #f99d39;
	margin:0;
}
.chatboxmessage {
	margin-left:1em;
}
.chatboxinfo {
	margin-left:-1em;
	color:#666666;
}
.chatboxmessagefrom {
	margin-left:-1em;
	font-weight: bold;
}
.chatboxmessagecontent {
	/**/
}
.chatboxoptions {
	float: right;
}
.chatboxoptions a {
	text-decoration: none;
	color: white;
	font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
}
.chatboxtitle {
	float: left;
}

/*==========================================================*/

.header-chat {
	float:left;
	width:157px;
	height:30px;
	padding-left: 50px;
	padding-top:8px;
	background:url('/images/header-chat.jpg') no-repeat;
}

.header-call {
	float:left;
	width:157px;
	height:30px;
	padding-left: 50px;
	padding-top:8px;
	margin-left:10px;
	background:url('/images/header-call.jpg') no-repeat;
}

#header-mail {
	float:left;
	width:157px;
	height:30px;
	padding-left: 50px;
	background:url('/images/header-mail.jpg') no-repeat;
}

#footer-chat {
	width:207px;
	height:30px;
	padding-left: 50px;
	margin-bottom:20px;
	background:url('/images/footer-chat.jpg') no-repeat;
}

#footer-call {
	width:207px;
	height:30px;
	padding-left: 50px;
	margin-bottom:20px;
	background:url('/images/footer-call.jpg') no-repeat;
}

#footer-mail {
	width:207px;
	height:30px;
	padding-left: 50px;
	background:url('/images/footer-mail.jpg') no-repeat;
}

/*================================== auto suggest ================================*/


#tags {
   width:150px;
   background:#fff;
   border:1px solid #ccc;
   color:#f99d39;
}

#tagbox {
   width:150px;
}

#tagbox ol  {
  position:absolute;
  top:668px;
  left:557px;
  background:#fff;
  list-style:none;
  list-style-position: inside;
  padding:0;
  margin:0;
  z-index:999;
}


#tagbox ol li {
  width:150px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}

#tagbox ol li em {
  color:#f99d39;
  font-weight: bold;
  font-style: normal;
}

#tagbox ol li a {
  text-decoration:none;
  color:#333;
  display:block;
  padding:5px;
  border-bottom:1px solid #ccc;
}

#tagbox ol li a:hover, .hl {
  background:#ccc;
}

#tagbox input {
  width:150px;
  height: 1.2em;
  padding: 0px 0px 0px 0px;
}

#tagbox-lkup {
  width:150px;
}

