@charset "utf-8";
/* CSS Document */

/* start : share.css */
/*
*    SHARE TOOL
*/
#share-box { color: #333333; position: relative; font: 10px Verdana, Arial, sans-serif; margin: 0; padding: 0; z-index: 99; }
#share-box * { margin: 0; padding: 0; font-size: 11px; float: none; border: 0; }
#share-loading { background: #fff url('images/icons/loading-circle.gif') center center no-repeat; padding: 50px; }
#share-content a { color: #0075D9; text-decoration:none; outline: 0; }
a#share-close { color: #fff; border: 1px solid #fff; cursor:pointer; font-weight:bold; font-family:Tahoma, sans-serif; font-size:1em; position:absolute; right:5px; top: 5px; line-height:16px; z-index:1000010; padding: 0 5px; }
#share-box label { font-weight: bold; }
#share-box label span { font-weight: normal; }
/*
*    SHARE BUTTON
*/

.share-link { display: block; }
.share-link-text .share-link { background: transparent url('images/skins/blue/share-icon.png') left center no-repeat; padding-left: 20px; }
.share-link-button .share-link { width: 66px; line-height: 21px; height: 21px; text-decoration: none; outline: 0; margin: 0; padding: 0; background: transparent url("images/skins/default/share-button.png") left top no-repeat; text-indent: -10000px; }
.share-link-wrapper { display: -moz-inline-block; display: -moz-inline-box; display: inline-block; position: relative; }
.share-link-button { height: 21px; overflow: hidden; }
.share-link-button:hover .share-link,
.share-link-button .share-active { background-position: 0 -21px; }

/*
*    SHARE BOX
*/

#share-box { position: absolute; width: 541px; background: #003399 url("images/skins/blue/share-box-top.gif?1") no-repeat; }
#share-box-inner { padding: 4px 4px 0 4px; background: transparent url("images/skins/blue/share-box-bottom.gif?1") left bottom no-repeat; position: relative; }

/*
*    SHARE MENU
*/

#share-menu { overflow: hidden; list-style: none; margin: 0; padding: 0; height: 29px; }
* html #share-menu { height: 27px; }
#share-menu li { float: left; padding-right: 2px; }
#share-menu li a { float: left; color: #fff; text-transform: uppercase; font: bold 0.8em "Myriad Pro", Arial, sans-serif; text-decoration: none; }
#share-menu li a span { font-size: 1.3em; cursor: pointer; float: left; line-height: 27px; padding: 0 6px;  }

#share-menu li a:hover { background: #3581d6 url("images/skins/blue/share-tab-hover-left.gif?1") no-repeat; color: #fff; }
#share-menu li a:hover span { background: url("images/skins/blue/share-tab-hover-right.gif?1") right top no-repeat; }

#share-box #share-menu li.active a { background: #fff url("images/skins/blue/share-tab-active-left.gif?1") no-repeat; }
#share-box #share-menu li.active a span { color: #ff3300; background: url("images/skins/blue/share-tab-active-right.gif?1") right top no-repeat; }

/*
*    SHARE CONTENT
*/

#share-content { padding: 0; line-height: 16px; bottom: 5px; background: #fff url("images/skins/blue/share-content-top.gif?1") top left no-repeat; position: relative; }
#share-content-inner { padding: 10px 29px 20px 29px; background: #fff url("images/skins/blue/share-content-bottom.gif?1") left bottom no-repeat; position: relative; }

#share-content h2 { margin-bottom: 5px; color: #003399; font: bold 1.8em "Trebuchet MS", sans-serif; margin-top: 0; }
#share-content p { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 0px; }

/* table */

#share-content table { font-size: .9em; width: 100%; border-collapse: collapse; }
#share-content table tr td { text-align: left; padding: 10px 2px; }
#share-content table tr td a { font-weight: bold; font-size: 1em; }
#share-content table tr td a img { border: 1px solid #ccc; width: 40px; height: 40px; display: block; margin: 0 auto; }
#share-content table tr td a:hover img { border: 1px solid #999; }

/* form */

#share-content form { margin-bottom: 7px; }
#share-content form table tr td { padding: 1px 4px; }
#share-content form input,
#share-content form select,
#share-content form button { vertical-align: middle; font: 1em Verdana, sans-serif; }
#share-content form input { width: 217px; padding: 2px; }
#share-content form textarea { width: 460px; height: 65px; }
#share-content form input,
#share-content form textarea { border: 1px solid #aaa; background: #eee; }
#share-content form input:focus,
#share-content form textarea:focus { border-color: #888; }
#share-content form .button { border-bottom-color: #666; border-right-color: #666; background: #bbb; cursor: pointer; width: 100px; }
#share-content form td span { font-weight: bold; }
#share-content form .button:hover { background: #ccc;}

/* LINK SKINS */

.share-link-button-green .share-link { background-image: url('images/skins/green/share-button.png'); }
.share-link-button-orange .share-link { background-image: url('images/skins/orange/share-button.png'); }
.share-link-button-red .share-link { background-image: url('images/skins/red/share-button.png'); }
.share-link-button-blue .share-link { background-image: url('images/skins/blue/share-button.png'); }

.share-link-text-green .share-link { background-image: url('images/skins/green/share-icon.png'); }
.share-link-text-orange .share-link { background-image: url('images/skins/orange/share-icon.png'); }
.share-link-text-red .share-link { background-image: url('images/skins/red/share-icon.png'); }
.share-link-text-blue .share-link { background-image: url('images/skins/blue/share-icon.png'); }

/* BOX SKINS */

.share-skin-green#share-box { color: #003300; background-color: #156a15; background-image: url("images/skins/green/share-box-top.gif");  }
.share-skin-green #share-content a { color: #156a15; }
.share-skin-green #share-box-inner { background-image: url("images/skins/green/share-box-bottom.gif") }
.share-skin-green #share-menu li a:hover { background-color: #7bd64f; background-image: url("images/skins/green/share-tab-hover-left.gif"); }
.share-skin-green #share-menu li a:hover span { background-image: url("images/skins/green/share-tab-hover-right.gif"); }
.share-skin-green#share-box #share-menu li.active a { background-image: url("images/skins/green/share-tab-active-left.gif"); }
.share-skin-green#share-box #share-menu li.active a span { color: #990000; background-image: url("images/skins/green/share-tab-active-right.gif"); }
.share-skin-green #share-content { background-image: url("images/skins/green/share-content-top.gif"); }
.share-skin-green #share-content-inner { background-image: url("images/skins/green/share-content-bottom.gif"); }
.share-skin-green #share-content h2 { color: #156a15; }

.share-skin-orange#share-box { color: #333333; background-color: #ff3300; background-image: url("images/skins/orange/share-box-top.gif");  }
.share-skin-orange #share-content a { color: #ff7d5d; }
.share-skin-orange #share-box-inner { background-image: url("images/skins/orange/share-box-bottom.gif") }
.share-skin-orange #share-menu li a:hover { background-color: #ff7d5d; background-image: url("images/skins/orange/share-tab-hover-left.gif"); }
.share-skin-orange #share-menu li a:hover span { background-image: url("images/skins/orange/share-tab-hover-right.gif"); }
.share-skin-orange#share-box #share-menu li.active a { background-image: url("images/skins/orange/share-tab-active-left.gif"); }
.share-skin-orange#share-box #share-menu li.active a span { color: #990000; background-image: url("images/skins/orange/share-tab-active-right.gif"); }
.share-skin-orange #share-content { background-image: url("images/skins/orange/share-content-top.gif"); }
.share-skin-orange #share-content-inner { background-image: url("images/skins/orange/share-content-bottom.gif"); }
.share-skin-orange #share-content h2 { color: #ff3300; }

.share-skin-red#share-box { color: #333333; background-color: #cc0000; background-image: url("images/skins/red/share-box-top.gif");  }
.share-skin-red #share-content a { color: #f15454; }
.share-skin-red #share-box-inner { background-image: url("images/skins/red/share-box-bottom.gif") }
.share-skin-red #share-menu li a:hover { background-color: #f15454; background-image: url("images/skins/red/share-tab-hover-left.gif"); }
.share-skin-red #share-menu li a:hover span { background-image: url("images/skins/red/share-tab-hover-right.gif"); }
.share-skin-red#share-box #share-menu li.active a { background-image: url("images/skins/red/share-tab-active-left.gif"); }
.share-skin-red#share-box #share-menu li.active a span { color: #660000; background-image: url("images/skins/red/share-tab-active-right.gif"); }
.share-skin-red #share-content { background-image: url("images/skins/red/share-content-top.gif"); }
.share-skin-red #share-content-inner { background-image: url("images/skins/red/share-content-bottom.gif"); }
.share-skin-red #share-content h2 { color: #cc0000; }
/* end : share.css */

/* start: style.css */

/* ===== RECOMMEND =========== */

#recommend_container {
	background-color: #ffffff;
	padding: 8px;
	margin: 12px;
	width: 180px;
	float: right;
	border: 1px solid #cccccc;
}

#r_container {
	text-align: center;
}

#vote_yes {
	float: left;
	width: 40px;
	height: 50px;
	margin: 0px;
	margin-left: 40px;
	padding: 0px;
	background: transparent url(images/thumbs_sp.jpg) 0 -50px no-repeat;	
	cursor: pointer;
}

#vote_yes:hover {
	background: transparent url(images/thumbs_sp.jpg) 0 0 no-repeat;	
}

#vote_no {
	float: left;
	width: 40px;
	height: 50px;
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	background: transparent url(images/thumbs_sp.jpg) -40px -50px no-repeat;	
	cursor: pointer;
}

#vote_no:hover {
	background: transparent url(images/thumbs_sp.jpg) -40px 0 no-repeat;	
}

#big_thumbs {
	float: left;
	width: 80px;
	height: 100px;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	background: transparent url(images/thumbs_sp.jpg) -84px 0 no-repeat;	
}

#percent_vote {
	color: #006600;
	font-size: 16px;
	font-weight: bold;
}

#percent_vote {
	margin-top: 20px;
	float: left;
	width: 85px;
}
#likes_it {
	font-size: 10px;
	float: left;
	width: 85px;
}
/* ===== SPRITES ========================================================================= */
#logo_img {
	display: block;
	width:351px;
	height:95px;
	background: transparent url(images/boracay_sp.png) 0 0 no-repeat;
}

#ico1-small, #ico2-small, #ico3-small, #ico4-small, #ico5-small, #ico6-small, #ico7-small, #ico8-small, #ico9-small, #ico10-small {
	display: block;
	float: left;
	margin-right: 5px;
	width:25px;
	height:25px;	
}

#ico1-small {
	background: transparent url(images/boracay_sp.png) 0 -100px no-repeat;
}

#ico2-small {
	background: transparent url(images/boracay_sp.png) 0 -125px no-repeat;
}

#ico3-small {
	background: transparent url(images/boracay_sp.png) 0 -150px no-repeat;
}

#ico4-small {
	background: transparent url(images/boracay_sp.png) 0 -175px no-repeat;
}

#ico5-small {
	background: transparent url(images/boracay_sp.png) 0 -200px no-repeat;
}

#ico6-small {
	background: transparent url(images/boracay_sp.png) 0 -225px no-repeat;
}

#ico7-small {
	background: transparent url(images/boracay_sp.png) 0 -250px no-repeat;
}

#ico8-small {
	background: transparent url(images/boracay_sp.png) 0 -275px no-repeat;
}

#ico9-small {
	background: transparent url(images/boracay_sp.png) 0 -300px no-repeat;
}

#ico10-small {
	background: transparent url(images/boracay_sp.png) 0 -325px no-repeat;
}


#ico1-large, #ico2-large, #ico3-large, #ico4-large, #ico5-large, #ico6-large, #ico7-large, #ico8-large, #ico9-large, #ico10-large {
	display: block;
	margin: 0 auto;
	width:80px;
	height:80px;
}

#ico1-large {
	background: transparent url(images/boracay_sp.png) -25px -95px no-repeat;
}

#ico2-large {
	background: transparent url(images/boracay_sp.png) -25px -175px no-repeat;
}

#ico3-large {
	background: transparent url(images/boracay_sp.png) -25px -255px no-repeat;
}

#ico4-large {
	background: transparent url(images/boracay_sp.png) -105px -95px no-repeat;
}

#ico5-large {
	background: transparent url(images/boracay_sp.png) -105px -175px no-repeat;
}

#ico6-large {
	background: transparent url(images/boracay_sp.png) -105px -255px no-repeat;
}

#ico7-large {
	background: transparent url(images/boracay_sp.png) -185px -95px no-repeat;
}

#ico8-large {
	background: transparent url(images/boracay_sp.png) -185px -175px no-repeat;
}

#ico9-large {
	background: transparent url(images/boracay_sp.png) -185px -255px no-repeat;
}

#ico10-large {
	background: transparent url(images/boracay_sp.png) -265px -95px no-repeat;
}

/* MISC */

.giant-spacer {
	height: 300px;
}

#hotelPageSearchBox {
	margin: 0 auto;
}

.HotelContentWidth {
	margin: 0 auto;
}

#cityRate a {
	font-size: 8pt;
}


/* ===== RESETS ========================================================================== */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

img { border:0; }

br { clear:both; }


.upload_avatar {
	padding: 20px;
}
.upload_avatar legend {
	font-size: 20px;
}

/* ===== BASIC ELEMENTS ================================================================== */

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 	0.75em; color:#2e3334; 
	background: #B2D8E1 url(images/body-background.png) center top repeat-y;
}

a:link, a:visited, a:active  { color:#9f1a00; }
a:hover { color:#F00; }

h1,h2,h3,h4,h5,h6 {	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

td {
	padding: 10px;
}

h1 {
	font-size: 22px;
	font-weight: normal;
	color: #000a5e;
	margin-bottom:20px;
}

h2 {
	font-size: 16px;
	color: #000A5E;
	font-weight: normal;
} 

a:link.red-button , a:visited.red-button, a:active.red-button  {
	background:url(images/bttn-red-link.png) no-repeat;
	width:180px;
	height:30px;
	float:left;
	color:#FFF;
	text-align: center;
	line-height: 30px;
}
a:hover.red-button {
	background:url(images/bttn-red-hover.png) no-repeat;
}

a:link.red-button-large, a:visited.red-button-large, a:active.red-button-large  {
	background:url(images/bttn-red-large-link.png) no-repeat;
	width:220px;
	height:60px;
	float:left;
	color:#FFF;
	text-align: center;
	line-height: 60px;
}
a:hover.red-button-large {
	background:url(images/bttn-red-large-hover.png) no-repeat;
}

/* ===== WRAPPERS ======================================================================== */
#index-wrapper {
	background-image: url(images/index-background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 580px;
}

#wrapper {
	background-image: url(images/wrapper-background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	clear: left;
}

#logo {
	padding: 25px 0;
	width: 960px;
}
#container {
	width: 960px;
	margin: 0 auto;
	float: inherit;
}


/* ===== CONTENTS ======================================================================== */

#content {
	margin-top: 25px;
	float: left;
	clear: left;
	width: 960px;
}


#content-wrapper {
	float: left;
	width: 760px;
	margin-left: 20px;
}


#content-welcome {
	background:url(images/content-welcome.png) no-repeat;
	padding:20px 25px 20px 25px;
	width:410px;
	height:190px;
	float:left;
	text-align: left;
} 


#content-column {
	background:url(images/content-column.png) no-repeat;
	width:180px;
	height:190px;
	float:left;
	padding: 20px;
	margin-left: 30px;
	text-align: center;
}
#content-column-button {
	width:220px;
	height:60px;
	float:left;
	margin-left: 30px;
	margin-top: 15px;
}

#search {
	margin-bottom: 25px;
	line-height: 20px;
	float: left;
	width: 420px;
}
#search input, label {
	float:left;
	margin:0 5px 0 0;
}

.input {
	border:1px solid #a07d3d; background:url(images/search-input-bg.png) top repeat-x; padding:5px;
}

#ads {
	background: #003;
	width:960px;
	margin: 0px auto 25px auto;
	padding: 30px;
	min-height: 110px;
}

.ad-box {
	background: #fff;
	height:90px;
	float:left;
	width:121px;
	margin-top:25px;
	text-align:center;
	line-height:100px;
	margin:5px; 
	padding: 3px;
}

#contact {
	width:180px;
	margin: 10px auto;
}
#contact label { width:100px; float:left; }
#contact input, textarea {
	width:150px;
	float:left;
	padding:3px;
	border:2px solid #bac8cc;
}


/* ===== INNER PAGE ======================================================================== */

#sidebar {
	width:180px;
	float:left;
	height: 100%;
	min-height: 100%;
}

#breadcrumb {
	width:755px;
	float:left;
	margin-bottom: 10px;
}

#inner-ads {
	width:730px;
	margin-bottom: 25px;
	background-color: #CCC;
	height: 90px;
	margin: 20px auto;
	clear: left;
}

#inner-content {
	width:515px;
	float:left;
	margin-bottom: 25px;
}


#inner-content h1 {
	border-bottom-width: 1px;
	height: 30px;
}
#inner-content h2 {
	border-bottom:1px solid #e8ddc7; margin-bottom:10px;

}



#inner-content-box {
	width:220px;
	float:left;
	margin-left: 25px;
	margin-bottom: 25px;
	background-color: #E3EEF1;
	background-image: url(images/side-bar.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
}
#inner-content-box h2 {
	background-image: url(images/side-bar-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-bottom-width: 1px;
	height: 30px;
}
#inner-content-box p {
	padding:0px 20px;
}

#inner-log {
	padding:20px;
	/*background-image: url(images/sub-login.png);
	background-repeat: no-repeat;
	background-position: center top;*/
	width: 140px;
}



/* ===== DIRECTORY ======================================================================== */

#directory-title {
	width:760px;
	float:left;
	margin-bottom: 25px;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1BC90;
}

#directory-title h1 {
	float: left;
}



.directory-enhanced {
	width:760px;
	float:left;
	margin-bottom: 20px;
	border-bottom: 1px solid #D1BC90;
	padding-bottom: 10px;
}

.directory-enhanced img {
	float:left; margin-right:20px;
}

.directory-premium {
	width:740px;
	float:left;
	margin-bottom: 20px;
	border-bottom: 1px solid #D1BC90;
	padding: 10px;
	background-color: #e6dac2;
}

.directory-premium img {
	float:left; margin-right:20px;
}


.manageimages span {
	width:180px;
}
	

.directory-basic {
	width:240px;
	float:left;
	margin-bottom: 20px;
	border: 1px dotted #D1BC90;
	padding-bottom: 10px;
	height: 50px; position:relative;
}
.directory-basic span {
	width: 30px; background:#F0DDC1;
	height: 45px;
	display: block;
	position: absolute; color:#960;
	top: 5px; text-align:center; line-height:45px; 
	font:16px italic "Trebuchet MS", Arial, Helvetica, sans-serif;
	left: 0px;
}

.directory-basic p {
	display: block;
	position: absolute; float:left;
	top: 10px;
	left: 40px;
}

.peach { background:#FFD; }


#directory-column {
	float:left;
	width: 760px;
}
.column {
	float:left;
	width: 253px;
	margin-bottom: 25px; position:relative;
}


/* ===== WEATHER ======================================================================== */


#weather-column {
	float:left;
	width: 760px;
}

#weather-title {
	width:760px;
	float:right;
	margin-bottom: 25px;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1BC90;
}

#weather-title h1 {
	float: left;
}


.weather-current {
	background:url(images/weather-bg-current.png) top left no-repeat;
	width:740px;
	height:180px;
	padding: 10px;
	margin: 0px auto 20px auto;
	clear: left;
	float: left;
}

.weather-current img {	float:left; margin:25px; }
.weather-current h1 { font-size:60px;  margin:0; padding:0;}


.weather-temp {
	float:left; margin-right:20px; height:100px; margin:10px 20px; width:200px;
}


.weather-days {
	background:url(images/weather-bg-days.png) no-repeat top center;
	width:220px;
	float:left;
	margin-bottom: 20px;
	padding:10px;
	height:111px;
}

.weather-days img { float:right; }
.weather-days h1 { margin:0; padding:0; }
	
	
/* ===== FOOTER ======================================================================== */

#footer {
	background:url(images/footer-bg.png) center top no-repeat #B2D8E1;
	float:left;
	width:100%;
	height:100px;
	clear: both;
}
#footer-content {
	width:960px;
	margin:50px auto 20px auto;
	text-align:center;
	clear:both;
}

#footer-column {
	margin: 0 auto;
	width:1000px;
	clear: both;
}

#footer-column h1 {
	color:#FFF; font-size:16px;
}

#footer-column input {
	background:#c4d8e9; border:0; margin:5px auto 0 auto; width:160px; padding:5px;
}

#footer-column textarea {
	background:#c4d8e9; border:0; margin:5px auto 10px auto; width:160px; padding:5px;
}
#footer-column label {
	margin:0px auto;
}


.footer-column {
	width:180px;
	height:280px;
	float:left;
	padding: 20px;
	background-image: url(images/footer-column-bg.png);
	background-repeat: no-repeat;
	margin: 15px;
	line-height: 22px;
}



/* ===== INDEX NAV ======================================================================== */

.index-nav { margin-top:25px; float:left; }

.index-nav ul{ font: normal 12px Verdana; text-align:center; list-style-type: none; }

.index-nav li{ display: inline; float:left; }

.index-nav li a {
	float: left;
	width:100px;
	display: block;
	text-decoration: none;
	margin: 0 2px;
	padding: 8px 8px 8px 8px;
	color: #9f1a00;
	height:110px
}

.index-nav li a:visited { color:#000000 ; }

.index-nav li a:hover, .index-nav li.selected a{ background:#ead196; color:#2e3334; }




/* ===== INNER NAV ======================================================================== */


.inner-nav {
	background: url(images/sub-nav_sp.png) -180px 0 repeat-y;
	padding: 0px;
}

.inner-nav-top {
	background: url(images/sub-nav_sp.png) 0 top no-repeat;
	padding: 0px;
}

.inner-nav-bottom {
	background: url(images/sub-nav_sp.png) -360px bottom no-repeat;
	width: 140px;
	padding: 20px;
}

.inner-nav ul{
	list-style-type: none;
	padding: 0;
}

.inner-nav img {
	list-style-type: none;
	line-height: 24px;
	margin-right: 10px;
	vertical-align: text-bottom;
}

.inner-nav ul li a, .inner-nav ul li a:visited, .inner-nav ul li a:active {
	font-size:11px;
	display: block;
	width: auto;
	text-decoration: none;
	line-height: 30px;
	padding: 2px;
	text-align: left;
}

.inner-nav ul li a:hover {
	background:#ead196; color:#2e3334;
}


/* Holly Hack for IE \*/
* html .inner-nav ul li { height: 1%; }
* html .inner-nav ul li a { height: 1%; }
/* End */


/* ===== PAGES NAV ======================================================================== */


.nav-pages {
	width: 400px;
	overflow: hidden;
	float: right;
}

.nav-pages ul{
	margin: 0;
	padding: 0;
	font: normal 10px Verdana;
	list-style-type: none;
	float: right;
}

.nav-pages li{
display: inline;
margin: 0;
}

.nav-pages li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0 2px;
	padding: 3px 7px; /*right divider between tabs*/
	color: #960; /*background of tabs (default state)*/
	border: 1px solid #D1BC90;
	background-color: #FFF;
}

.nav-pages li .selected {
	background-color: #ad986c;
	color: #FFF;
}


.nav-pages li a:visited{
color: white;
}

.nav-pages li a:hover, .nav-pages li.selected a{
	background: #ad986c; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}



/* ===== AVATAR THUMB ======================================================================== */

.float-left{
	float:left;
	margin-top: 20px;
}

.avatar {
	float: left;
	width: 100%;

}

.avatar  ul{
margin: 0;
padding: 0;
}

.avatar  li{
display: inline;
margin: 0;
}

.avatar li a{
float: left;
display: block;
text-decoration: none;
margin: 3px;
padding: 2px; /*padding inside each tab*/
border: 1px solid #598590; /*right divider between tabs*/
color: white;
background: #fff /*background of tabs (default state)*/
}

.avatar li a:visited{
color: white;
}

.avatar  li a:hover, .avatar  li.selected a{
background: #11163f; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

* {margin:0; padding:0}
body {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif; }
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

.header_desc { color: #999999;}
.errormessage { color: #FF3333; font-style: italic; }

.center {
	text-align: center;
}

#hintdiv {
	position: absolute;	
	background:transparent url(images/hint_bg.png) top left no-repeat;
	width: 120px;
	padding: 15px;
	padding-left: 25px;
}

.hintdiv {
	display: none;
}

.hintdivshow {
	display: block;
}



/* start : jquery.autocomplete.css */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* end : jquery.autocomplete.css */