/* RESET inspired by Eric Myer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }


/*
main blue color: 0066ff
darker blue: 003366
lighter blue: 3399ff
*/


body
{
	color: #222222;
	background: #d6d6d6;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: medium;
	margin: 0;
	padding: 0;
}
body.widget
{
	background: transparent;
}

a
{
	color: #0066ff;
	text-decoration: underline;
}

a:hover
{
	color: #003366;
	text-decoration: none;
}

ul, ol, li
{
	margin: 0;
	padding: 0;
}

ol
{
	list-style: decimal outside;
	margin: 0 0 8px 30px;
}
ol li
{
	margin: 0 0 4px 0;
}
ol li ol
{
	list-style: lower-alpha outside;
	margin: 4px 0 8px 15px;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, sans-serif;
	margin: 0 0 15px 0;
	padding: 0;
	clear: both;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	text-decoration: none;
	color: #222222;
}
h1
{
	font-size: xx-large;
	font-weight: bold;
}
h2
{
	font-size: x-large;
	font-weight: bold;
	color: #505050;
}
h3
{
	font-size: x-large;
	font-weight: normal;
	color: #666666;
}
h4
{
	font-size: large;
	font-weight: bold;
	color: #666666;
}
h5
{
	font-size: large;
	font-weight: normal;
	color: #666666;
}
h6
{
	font-size: medium;
	font-weight: bold;
	color: #666666;
}

p
{
	margin: 0;
	padding: 8px 0 0 0;
}

img.border
{
	border: 1px solid #999999;
	padding: 1px;
}
img.right
{
	margin: 0 0 0 10px;
}
img.left
{
	margin: 0 10px 0 0;
}

#feedback
{
	margin:0;
	position: fixed;
	bottom: 15px;
	right: 2px;
	padding: 0;
}
#feedback a
{
	background: #0066ff;
	color: #ffffff;
	font-size: small;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	padding: 8px 10px;
	font-weight: bold;
}
#feedback a:hover
{
	background-color: #003366;
	text-decoration: none;
}

input, select, textarea, button
{
	margin: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #999999;
	font-size: small;
	color: #333333;
	background: #f0f0f0;
	font-family: Arial, Verdana, sans-serif;
	text-shadow: none;
}

.inlinebutton, input.button.inlinebutton
{
	padding: 0 6px;
	margin: 0 4px;
}

button, input.button, .button
{
	background: #0066ff;
	border: 1px solid #0066ff;
	color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
	padding: 0.2em 0.6em 0.3em;
	margin: 8px 2px;
	cursor: pointer;
	text-shadow: none;
}
button.alternate, .buttonalternate
{
	background: #e0e0e0;
	color: #0066ff;
	border: 1px solid #e0e0e0;
}

button:hover, input.button:hover
{
	background: #003366;
	color: #ffffff;
	border: 1px solid #003366;
}

.sortoptions input.button, .sortoptions button
{
	font-size: x-small;
	font-weight: bold;
	margin: 20px 0 0 0;
}

input:disabled, select:disabled, textarea:disabled, button:disabled
{
	color: #666666;
	background-color: #f9f9f9;
	border: 1px solid #e0e0e0;
	text-shadow: none;
}
input.button:disabled:hover
{
	color: #666666;
	background: #f9f9f9;
	border: 1px solid #e0e0e0;
}

label
{
	margin: 10px 0 2px 0;
	padding:0;
	font-size: small;
	font-weight: bold;
	color: #666666;
	display: block;
}

label.pad
{
	padding: 5px;
}

label.flow, .flow
{
	display: inline-block;
}
label.box
{
	width: 60px;
	text-align: right;
	display: inline-block;
}
label.disabled
{
	color: #cccccc;
}
label.long
{
	font-size: x-small;
	width: 120px;
}
label.longer
{
	width: 220px;
}
.formentry
{
	float: left;
	margin: 0 10px 0 0;
}
.formtable
{
	margin: 10px 0 0 0;
	padding: 0;
}
.formtable table td
{
	margin: 0;
	padding: 10px 30px 10px 10px;
	vertical-align: top;
}
.formtable table td.last
{
	padding-right: 10px;
}
.formtable table td label
{
	margin: 0 0 2px 0;
	padding: 0;
}
.formtable table tr
{
	background: transparent;
}
.formtable table tr.even
{
	background: #f9f9f9;
}
.formtable table tr.odd
{
	background: #f0f0f0;
}

sup
{
	font-size: x-small;
	padding: 0 2px;
}
.asterick a
{
	font-size: small;
	text-decoration: none;
	color: #B0B0B0;
	padding: 2px;
}

.formhelp, label span
{
	font-size: 11px;
	color: #660000;
	font-weight: normal;
}

#wrapper
{

}
#widgetwrapper
{
	background: transparent;
}

#container
{
	margin: 0 auto;
	width: 960px;
	position: relative;
	zoom: 1;
}

#widgetcontainer,
#widgetcontainer-noback
{
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/graygrad.gif) repeat-x 0 0;
	overflow: hidden;
}
#widgetcontainer-noback
{
	background-color: transparent;
	background-image: none;
}
#widgetcontainer h3,
#widgetcontainer-noback h3
{
	text-align: center;
	margin: 5px 0;
	font-weight: bold;
}

#header-old
{
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
	height: 100px;
	border-bottom: 4px solid #0066ff;
	background: #404040 url(../images/backgroundtile.jpg) repeat-x 0 0;
}
#header
{
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
	height: 70px;
	background: #404040 url(../images/backgroundtile70.jpg) repeat-x 0 0;
}

#header .headerbody
{
	margin: 0 auto;
	width: 960px;
	padding: 0;
}

#header h1
{
	font-size: x-large;
	margin: 0;
	padding: 20px 0 10px 40px;
	color: #e0e0e0;
	background: transparent url(../images/droidicon36.png) no-repeat 0 15px;
}
#header-old h1
{
	font-size: x-large;
	margin: 0;
	padding: 20px 0 3px 40px;
	color: #e0e0e0;
	background: transparent url(../images/bytlogosmallblack.png) no-repeat 0 bottom;
}
#header h1 a
{
	color: #e0e0e0;
	text-decoration: none;
}

#header ul.menu
{
	position: relative;
	right: 10px;
	top: -30px;
	
}
#header ul.menu li
{
	float: right;
	margin: 0 0 0 15px;
	list-style: none;
	font-size: small;
	font-weight: bold;
}
#header ul.menu li a
{
	text-decoration: none;
	color: #b0b0b0;
}
#header ul.menu li a:hover
{
	color: #3399ff;
}

h1.frontpage
{
	font-size: x-large;
}
h1.about
{
	font-size: large;
	color: #666666;
	margin: 20px 0 10px;
}
h1.about a
{
	color: #666666;
}
h1.about a:hover
{
	color: #0066ff;
}
h1 span.headeralt,
h2 span.headeralt,
h3 span.headeralt
{
	font-size: small;
	color: #999999;
}
h1 span.headeralt a,
h2 span.headeralt a,
h3 span.headeralt a
{
	color: #999999;
	text-decoration: none;
}
h1 span.headeralt a:hover,
h2 span.headeralt a:hover,
h3 span.headeralt a:hover
{
	color: #0066ff;
	text-decoration: none;
}

#footer
{
	width: 960px;
	margin: 0 auto;
	position: relative;
	clear: both;
}
#footer h6 a
{
	color: #666666;
}
#footer h6 a:hover
{
	color: #000000;
}
#footer .info
{
	font-size: 0.8em;
	color: #999999;
}
#footer ul.menu
{
	margin: 0 0 0 15px;
	padding: 0;
}
#footer ul.menu li
{
	margin: 0 0 5px 0;
	list-style: none;
	font-size: 0.75em;
	font-weight: bold;
}
#footer ul.menu li.icon
{
	float: left;
	margin: 0 4px 10px 0;
}
#footer ul.menu li a
{
	text-decoration: none;
	color: #999999;
}
#footer ul.menu li a:hover
{
	text-decoration: none;
	color: #0066ff;
}

.cap
{
	text-transform: capitalize;
}

.right
{
	float: right;
	text-align: right;
}
.left
{
	float: left;
}
.center
{
	margin: 0 auto;
	text-align: center;
}

.column, .majorcolumn, .minorcolumn, .quartercolumn,
.hugecolumn, .tinycolumn
{
	width: 460px;
	float: left;
	margin: 0 20px 10px 0;
	padding: 0;
	display: inline;
	zoom: 1;
}



.majorcolumn
{
	width: 600px;
}

.minorcolumn
{
	width: 340px;
}

.quartercolumn
{
	width: 231px;
	margin-right: 12px;
	margin-bottom: 0;
}

.hugecolumn
{
	width: 720px;
}
.tinycolumn
{
	width: 220px;
}

.innercolumn, .innercolumnwide, .innercolumnthird, .innercolumnquarter, .innercolumntwothirds,
.innercolumnfat, .innercolumnthin
{
	width: 260px;
	margin: 0 20px 10px 0;
	float: left;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}

.innercolumnwide
{
	width: 450px;
}
.innercolumntwothirds
{
	width: 600px;
}
.innercolumnthird
{
	width: 290px;
	margin-bottom: 0;
}
.innercolumnquarter
{
	width: 215px;
	margin-bottom: 0;
}

.innercolumnfat
{
	width: 590px;
}
.innercolumnthin
{
	width: 300px;
}

.rightcol
{
	margin: 0;
	padding: 0;
	position: relative;
}

.contentbox
{
	margin: 0 0 15px 0;
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	clear: both;
	position: relative;
	overflow: visible;
	zoom: 1;
}

.adheightbox
{
	min-height: 250px;
}
.countrytitlebox
{
	min-height: 130px;
}

.textcontent
{
	font-size: 0.85em;
	line-height: 1.45em;
}

.widgetbox,
.widgetboxsmall
{
	margin: 0;
	padding: 15px;
	background: transparent url(../images/logobackground.jpg) no-repeat bottom right;
	clear: both;
	position: relative;
	overflow: hidden;
	border: 2px solid #999999;
	height: 266px;
}
.widgetboxsmall
{
	padding: 10px;
	height: 276px;
}
#widgetcontainer .resize,
#widgetcontainer-noback .resize
{
	background: transparent url(../images/logobackground.jpg) no-repeat bottom right;
	border: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.widgetbox h1, .widgetbox h4
{
	margin: 0 0 10px 0;
}
.widgetboxsmall h1, .widgetboxsmall h4
{
	margin: 0 0 5px 0;
}
.widgetbox h1
{
	font-size: x-large;
}
.widgetboxsmall h1
{
	font-size: medium;
}
.widgetboxsmall h1 .calculate, .widgetboxsmall label
{
	font-size: x-small;
}
.widgetboxsmall h4
{
	font-size: 0.75em;
}
.widgetbox h4
{
	font-size: medium;
}
.widgetbox input.button
{
	margin-top: -5px;
	position: absolute;
	left: 140px;
}
.widgetboxsmall input.button
{
	padding: 3px 4px;
	margin: 8px 0px;
	font-size: x-small;
}
.widgetbox .reportoptions,
.widgetboxsmall .reportoptions
{
	position: static;
}
.widgetbox .reportoptions
{
	width: 266px;
	padding: 0;
	margin: 10px 0 5px 0;
}
.widgetboxsmall .reportoptions
{
	width: 126px;
	padding: 0;
	margin: 10px 0 5px 0;
}
.widgetbox .reportoptions select
{
	width: 266px;
}
.widgetboxsmall .reportoptions select
{
	width: 126px;
}
.widgetboxsmall .resultbox
{
	width: 110px;
}
.widgetboxsmall .resultbox .cityerror
{
	padding: 0;
}
.widgetboxsmall input,
.widgetboxsmall select,
.widgetboxsmall textarea,
.widgetboxsmall button
{
	margin: 0;
	font-size: 0.7em;
}
.widgetboxsmall .bytlogo
{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: center;
}
.widgetbox .bytlogo
{
	float: right;
}
.widgetbox .costresult,
.widgetboxsmall .costresult
{
	width: 256px;
	background: #f0f0f0;
	font-size: medium;
	padding: 5px;
	white-space: nowrap;
	overflow: hidden;
}
.widgetboxsmall .costresult
{
	width: 116px;
}
.showbox
{
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
	overflow: hidden;
}
.showboxrightcol
{
	margin-right: 0;
	padding-right: 0;
}
.showbox .info a
{
	text-decoration: none;
	font-weight: bold;
}
.showbox img
{
	margin: 0 0 5px 0;
	padding: 1px;
	border: 1px solid #cccccc;
	text-align:center;
}

.tabsoffset
{
	margin-top: 12px;
}

.breadcrumbs, .calculate
{
	font-size: x-small;
	font-weight: bold;
	color: #999999;
	margin: 0 0 15px 0;
	clear: both;
}
.calculate
{
	display: block;
	font-size: small;
	margin: 0 0 6px 0;
}
.statename, .countryname
{
	display: block;
	font-size: small;
	color: #999999;
	margin: 3px 0 5px;
}
.breadcrumbs a
{
	text-decoration: none;
}

.clear
{
	clear: both;
}

.morelink
{
	margin: 3px 0px;
	padding: 0 0 0 10px;
	font-weight: bold;
	font-size: x-small;
	font-family: Tahoma, Verdana, sans-serif;
	background: transparent url(../images/morearrow.gif) no-repeat left center;
	clear: both;
	color: #999999;
}

.biglink
{
	font-size: large;
	font-family: Arial, Verdana, sans-serif;
	margin: 5px 0;
}



.morelink a
{
	color: #0066ff;
	text-decoration: none;
}
.morelink a:hover
{
	color: #003366;
}

.noclear
{
	clear: none;
}

.title
{
	color: #999999;
	width: 100px;
	font-size: 0.8em;
	text-align: right;
	clear: both;
	float: left;
	margin: 2px 2px 0 0;
	padding: 6px 0 0 0;
}

.money
{
	color: #006600;
	font-size: 1.3em;
	float: left;
	text-align: right;
	height: 30px;
	margin: 2px 0 0 5px;
}

.moneydetails
{
	font-size: small;
	color: #006600;
	text-align: left;
	margin: 2px 0 0 5px;
}
.moneydetails ul
{
	margin: 0;
	padding: 0;
}
.moneydetails ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.smalllist
{
	font-size: small;
	font-weight: normal;
}

.currency
{
	font-size: small;
	color: #666666;
	padding: 0 2px;
	font-weight: normal;
}

.datatable
{
	margin: 4px 0 20px 0;
	padding: 0;
	clear: both;
	overflow: visible;
	position: relative;
}

.scroller
{
	overflow: auto;
}

.datatable .reportoptions
{
	top: -50px;
	right: 0;
}

.datatable table
{
	width: 100%;
	background-color: #ffffff;
}
.datatable table.notfull
{
	width: auto;
}

.datatable ul li span
{
	width: 80px;
}

.datatable table, .datatable table tbody
{
	margin: 0;
	padding: 0;
}
.datatable table tr
{
	background: #e6e6e6;
	margin: 0;
	padding: 0;
}
.datatable table tr.even
{
	background: #f6f6f6;
}
.datatable table tr.form
{
	background: #ffffff;
}
.datatable table tr td
{
	padding: 5px;
	margin: 0;
	
}
.datatable table tr th
{
	font-size: 0.8em;
	color: #333333;
	padding: 6px 10px;
}
th.numbercolumn
{
	width: 100px;
	padding: 5px 0;
}
th.categorycolumn
{
	width: 150px;
	padding: 5px 0;
}
.smalltable table tr
{
	font-size: 0.85em;
}

.datatable table tr.country
{
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	background: #e6e6e6;
}
.datatable table tr.city
{
	font-size: large;
	font-weight: bold;
	color: #666666;
	background: #f0f0f0;
}
.datatable table tr.city .statename,
.datatable table tr.city .countryname
{
	display: inline;
}
.datatable table tr.city .statename a,
.datatable table tr.city .countryname a
{
	color: #999999;
}
.datatable table tr.city .average
{
	padding: 10px 0 0 10px;
	font-size: medium;
}
.datatable table tr.city td.value
{
	vertical-align: bottom;
}
.datatable table tr.city td
{
	background: #e6e6e6;

}
.datatable table tr.city td a
{
	color: #333333;
	text-decoration: none;
}
.datatable table tr.city td a:hover
{
	color: #0066ff;
	text-decoration: none;
}
.datatable table tr.category, .datatable table tr.average
{
	font-weight: normal;
	color: #666666;
	background: #f6f6f6;
	font-size: 0.8em;
}
.datatable table tr.average td.average
{
	font-weight: bold;
	font-size: 1.25em;
	color: #666666;
}
.datatable table tr td.actcategory
{
	font-weight: normal;
	color: #666666;
	font-size: 0.8em;
}
.datatable table tr.city td.city,.datatable table tr.category td.category
{
	padding-left: 30px; 
}
.datatable table tr td.date
{
	font-size: 0.7em;
	color: #666666;
	font-weight: bold;
	white-space: nowrap;
}
.datatable table tr td sup, .datatable table tr td sup a
{
	color: #b0b0b0;
	text-decoration: none;
}
.datatable table tr td sup a:hover
{
	color: #0066ff;
	text-decoration: none;
}
.datatable table tr td.highlight
{
	background-color: #ffcccc;
	padding: 3px 40px;
}


td.value
{
	font-size: large;
	color: #006600;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}
td.cost
{
	font-size: large;
	color: #006600;
	font-weight: bold;
	text-align: left;
	white-space: wrap;
}

td.value .desc
{
	font-size: x-small;
	color: #666666;
	font-weight: bold;
	text-align: center;
}
td.small
{
	font-size: small;
}
td.value .curvalue,
.widgetbox .costresult .curvalue,
.widgetboxsmall .costresult .curvalue
{
	font-size: large;
	color: #006600;
	font-weight: bold;
	text-align: right;
}
td.value span,
.widgetbox .costresult .symbol,
.widgetboxsmall .costresult .symbol
{
	font-size: medium;
	font-weight: normal;
	color: #999999;
	padding: 0 3px 0 0;
}
td.small span
{
	font-size: small;
}
td.country
{
	font-weight: bold;
}

.averagelabel
{
	text-align: right;
}

ul.itemlist
{
	font-size: 0.8em;
	font-weight: bold;
	margin: 10px 0 10px 10px;
}
.alternative ul.itemlist
{
	font-size: 1em;
	margin: 10px 0;
}
ul.itemlist li
{
	margin: 4px 0;
}
.alternative ul.itemlist li
{
	margin: 6px 0;
	line-height: 14px !important;
}
ul.itemlist li a
{
	text-decoration: none;
}

ul.iconlinks
{
	margin: 0;
	padding: 0;
}
ul.iconlinks li
{
	margin: 0 0 5px;
	background: transparent url(../images/table.png) no-repeat left center;
	padding: 0 0 0 24px;
	font-size: medium;
	font-weight: bold;
	color: #666666;
}
ul.iconlinks li a
{
	text-decoration: none;
	color: #666666;
}
ul.iconlinks li a:hover
{
	text-decoration: none;
	color: #0066ff;
}
ul.iconlinks li.list
{
	background: transparent url(../images/edit-list.png) no-repeat left center;
}
ul.iconlinks li.tips
{
	background: transparent url(../images/sticky-note-pin.png) no-repeat left center;
}

ul.placelist
{
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0 30px 10px;
}
ul.placelist li
{
	margin: 0 0 10px 0;
}
ul.placelist li span.statename
{
	display: inline;
	font-size: 0.85em;
	color: #999999;
}
ul.placelist li a
{
	text-decoration: none;
}
ul.placelist li .options
{
	margin: 0 0 0 15px;
}
ul.placelist li .options .morelink
{
	margin: 0;
}
ul.placelist li .options .morelink a
{
	color: #808080;
}
ul.placelist li .options .morelink a:hover
{
	color: #0066ff;
}

.overviewheader, .planheader, .trackheader
{
	float: left;
	height: 30px;
	font-size: medium;
	color: #666666;
	font-weight: bold;
}
.overviewheader
{
	width: 130px;
}
.planheader
{
	width: 160px;
}
.trackheader
{
	width: 300px;
}

ul.shortmenu
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #666666;
	display: block;
	font-size: 0.8em;
	clear: both;
	position: relative;
	top: -3px;
	left: 20px;
}
ul.shortmenu li
{
	float: left;
	margin: 0 3px 0 0;
}
ul.shortmenu li.widgets
{
	margin: 0 3px 0 25px;
}
ul.shortmenu li.title
{
	color: #666666;
	padding: 5px 10px 10px 10px;
	float: left;
	margin: 0 3px 0 0;
}

ul.shortmenu li a
{
	background: #e0e0e0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px 10px 10px;
	color: #0066ff;
	text-decoration: none;
	z-index: -10;
}
ul.shortmenu li a.sel
{
	color: #999999;
	background: #ffffff;
	z-index: 10;
}
ul.shortmenu li a:hover
{
	color: #003366;
	background: #ffffff;
	z-index: 10;
}

ul.submenu
{
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	color: #666666;
	display: block;
	font-size: 0.8em;
	clear: both;
	position: relative;
	top: -5px;
	left: 0px;
	z-index: 20;
}
ul.submenu li
{
	float: left;
	margin: 0 10px 10px 0;
}
ul.submenu li a
{
	color: #666666;
	text-decoration: none;
	padding: 5px 10px;
	background: #f0f0f0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul.submenu li a:hover
{
	color: #0066ff;
	background: #e0e0e0;
	text-decoration: none;
}
ul.submenu li a.sel
{
	background: #cccccc;
	color: #003366;
}


.summary
{
	clear: both;
	font-size: 0.9em;
	line-height: 1.1em;
	margin: 10px 0;
	color: #333333;
}
.summary-option
{
	clear: both;
	font-size: 0.8em;
	line-height: 1.1em;
	margin: 10px 0;
	color: #666666;
}
.summary-option .hide
{
	display: none;
}
.details
{
	font-size: 0.7em;
	font-weight: bold;
	margin: 10px 0;
	color: #999999;
	text-transform: uppercase;
}
.alternative
{
	font-size: 0.7em;
	font-weight: bold;
	color: #aaaaaa;
	margin: 0;
}
.alternative a
{
	text-decoration: none;
	color: #888888;
}
.alternative a:hover
{
	text-decoration: none;
	color: #0066ff;
}

.travel-tip
{
	margin: 10px 0 20px 0;
	background-color: #f6f6f6;
	padding: 20px;
	clear: both;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.travel-tip h3
{
	font-weight: bold;
	font-size: large;
}
.travel-tip .details
{
	text-transform: none;
}
.travel-tip .info
{}

h1 span.category,
h2 span.category
{
	font-size: medium;
	color: #999999;
	display: block;
	margin: 5px 0 0 0;
}

.message
{
	margin: 10px 0;
	padding: 10px 10px 10px 15px;
	background-color: #e0e0e0;
	color: #444444;
	font-weight: bold;
	font-size: medium;
	border: 1px solid #999999;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.message a
{
	text-decoration: none;
	color: #0066ff;
}
.message a:hover
{
	text-decoration: none;
	color: #003366;
}
.message ul
{
	margin: 10px;
}

.error
{
	background-color: #ffcccc;
	color: #cc3333;
	border: 1px solid #cc9999;
}

.confirm
{
	background-color: #ccffcc;
	color: #339933;
	border: 1px solid #99cc99;
}

.message .icon
{
	width: 16px; height: 16px; background: url(images/ui-icons_222222_256x240.png) no-repeat;
	background-position: -16px -144px;
	display: block;
	margin-right: 5px;
	float: left;
}
.error .icon
{
	background-position: 0px -144px;

}
.confirm .icon
{
	background-position: -64px -144px;
}

.message .info
{
	margin-top: 10px;
	font-weight: normal;
}

.chart
{
	margin: 5px 0 15px;
	padding: 0;
	clear: both;
	width: 100%;
}

.chartdim
{
	width: 100%;
	height: 450px;
	margin: 0 auto;
}

.shortchart .chartdim
{
	height: 280px;
	margin: 0 auto;
}

.widgetchart .chartdim
{
	height: 250px;
	margin: 0 auto;
	width: 100%;
}

.majorcolumn .chartdim
{
	height: 400px;
}
.column .chartdim
{
	height: 350px;
}

.reportoptions, .contentoptions
{
	position: absolute;
	top: 20px;
	right: 20px;
}
.sortoptions
{
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: x-small;
	font-weight: bold;
	font-family: Tahoma, Verdana, sans-serif;
	overflow: auto;
	margin: 0 0 10px 0;
}
.reportoptions input,.reportoptions select, .reportoptions textarea,
.sortoptions input, .sortoptions select, .sortoptions textarea,
.smalltable input, .smalltable select, .smalltable textarea
{
	font-size: x-small;
}
.sortoptions label, .reportoptions label
{
	font-size: x-small;
}

.tagline
{
	font-style: italic;
	color: #666666;
	font-size: 0.8em;
}

.info
{
	font-size: 0.85em;
	color: #666666;
	margin: 0 0 10px 0;
	line-height: 1.35em;
}
.info h2
{
	clear: none;
	margin: 0 0 10px 0;
	color: #666666;
	font-size: x-large;
	line-height: 20px;
}
.info h6
{
	clear: none;
	margin: 20px 0 5px 0;
	color: #666666;
	font-size: large;
}
.info ul.itemlist li
{
	line-height: 10px;
}
.info ul.itemlist li.biglink
{
	line-height: 18px;
}
.widgetinfo
{
	font-size: 0.65em;
	color: #666666;
	margin: 0 0 10px 0;
	line-height: 1.15em;
}

.tidbit
{
	font-style: italic;
	font-size: 0.8em;
	padding: 8px 15px;
	line-height: 1.1em;
}

.indented
{
	padding: 0 15px;
}

#citysearch
{
	position: relative;
}

.resultbox
{
	border: 1px solid #cccccc;
	padding: 10px;
	font-size: small;
	color: #666666;
	background: #ffffff;
	display: none;
	position: absolute;
	width: 250px;
	max-height: 150px;
	overflow: auto;
	z-index: 30;
}
.resultbox div
{
	margin: 3px 0;
	padding: 3px;
	border: 1px solid #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.resultbox div:hover
{
	background: #f0f0f0;
	border: 1px solid #cccccc;
}
.resultbox div a
{
	text-decoration: none;
	font-weight: bold;
}
.resultbox div a span.country
{
	font-size: x-small;
	font-weight: normal;
	display: block;
	padding: 0 0 0 10px;
	color: #666666;
}
.resultbox div a span.state
{
	color: #666666;
	display: inline;
}
.resultbox div.cityerror
{
	font-weight: bold;
	color: #990000;
	margin: 0 auto;
	text-align: center;
}

.recentcity, .maplink
{
	display: block;
	font-size: x-small;
	font-weight: bold;
	font-family: Tahoma, Verdana, sans-serif;
	color: #666666;
	margin: 4px 0 0 5px;
}
.maplink
{
	display: inline;
}
.recentcity a, .maplink a
{
	text-decoration: none;
	padding: 0 5px;
}
.maplink a
{
	padding: 0;
}

.formerror
{
	color: #990000;
	font-weight: bold;
	font-size: small;
	padding: 0 0 0 5px;
	display: inline;
}

ol.notes
{
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 20px;
}

.faq h6
{
	margin: 20px 0 5px 0;
	padding: 0;
}
.faq img
{
	margin: 10px 15px 10px 0px;
	border: 1px solid #cccccc;
	padding: 1px;
}
.faq img.center
{
	margin: 10px 10px 10px 0;
	clear: both;
}

.pagenavigation
{
	font-weight: bold;
	font-size: x-small;
	font-family: Tahoma, Verdana, sans-serif;
	margin: 0 0 10px 0;
	color: #999999;
	clear: both;
}
.pagenavigation a
{
	text-decoration: none;
}
.nextlink
{
	display: inline;
	background: transparent url(../images/morearrow.gif) no-repeat right center;
	padding: 0 10px 0 0;
	margin: 0 8px;
}
.previouslink
{
	display: inline;
	background: transparent url(../images/lessarrow.gif) no-repeat left center;
	padding: 0 0 0 10px;
	margin: 0 8px;
}

.ajaxspinner
{
	background: transparent url(../images/bytlogospin.gif) no-repeat 0 0;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 0 -2px 0;
	border: 0;
	display: none;
}

.ad
{
	text-align: center;
}
.ad iframe, .ad img
{
	margin: 0 auto;
}

.staticmap
{
	margin: 0;
	padding: 0;
	border: 1px solid #cccccc;
}

#map_canvas .mapbubble
{
	font-size: medium;
	font-family: Arial, Tahoma, Verdana, sans-serif;
}
#map_canvas .mapbubble .info
{
	font-size: small;
	color: #999999;
	margin: 10px 0;
}
#map_canvas .mapbubble .info a
{
	color: #0066ff;
}

#mapdialog
{
	width: 500px;
	height: 400px;
	border: 0;
	padding: 10px;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#divConnect, #friends
{
	border: 0;
}

.swaparrow
{
	margin: 15px 0 0 5px;
	position: absolute;
}

.facebooklike
{
	margin: 10px 0;
	padding: 0;
	height: 30px;
}
.facebooklikecontainer,
.facebooklikecontainertop
{
	margin: 0;
	padding: 0;
}
.facebooklikecontainertop .facebooklike
{
	margin: 0 0 10px;
}

.factbox
{
	font-size: small;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: normal;
	border: 1px solid #cccccc;
	padding: 10px;
	background: #f9f9f9;
	width: 90%;
}
.factbox ul
{
	margin: 0;
	padding: 0;
}
.factbox ul li
{
	margin: 0 0 10px;
	padding: 0;
	font-size: small;
	color: #666666;
}
.factbox ul li label
{
	font-size: small;
	color: #999999;
	display: inline-block;
	font-weight: normal;
	width: 65px;
	text-align: right;
	margin: 0;
	padding: 0;
}

.share
{
	margin: 0 0 10px 10px;
	float: right;
	font-weight: bold;
	font-size: x-small;
	font-family: Tahoma, Verdana, sans-serif;
}

.share a,
.facebooklike a
{
	text-decoration: none;
}
.share img,
.facebooklike img
{
	float: right;
	margin: -3px 0 0 3px;
}
.privacy ul
{
	list-style-type: disc;
	margin: 10px 0 10px 20px;
}

#tip,
#tip-y,
#tip-s,
#tip-n
{
	display: none;
	background-color: #f0f0f0;	
    height: 90px; 
    padding: 4px; 
    width: 250px; 
	border: 1px solid #999999;
	top: 0;
	left: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}
.question
{
	padding: 5px 0 5px 0; 
    font-size: .9em; 
	font-weight: bold;
    color: #000000; 
	display: block;
	text-align: left;
}
.phrase
{
	display: block;
	padding: 5px 0 5px 0;
	font-size: 0.70em; 
    color: #666666; 
	text-align: left;
}


.widgettable
{
	margin: 0;
	padding: 0;
	overflow: auto;
}
.widgettable h2
{
	color: #666666;
	width: 80%;
	margin: 20px auto 0;
}
.widgettable .info
{
	width: 80%;
	margin: 5px auto 0;
}
.widgettable .widgetitem
{
	margin: 0 auto 10px;
	padding: 15px;
	width: 80%;
	border-bottom: 1px solid #cccccc;
	overflow: auto;
}
.widgettable .widgetitem .preview
{
	width: 50%;
	float: left;
	text-align: center;
	font-size: x-small;
	color: #999999;
}
.widgettable .widgetitem .preview iframe
{
	margin: 0 auto;
}
.widgettable .widgetitem .embedform
{
	width: 50%;
	float: left;
	font-size: 0.75em;
	padding: 15px 0;
	color: #999999;
}
.embedform textarea
{
	background-color: #f6f6f6;
	font-size: small;
	padding: 3px;
	color: #999999;
	width: 80%;
}
.embedform a
{
	color: #666666;
}
.pressitem
{
	text-align: center;
	margin: 30px 0 30px 0;
}
.pressitem img
{
	display: block;
	margin: 0 auto;
}

.tagbuffer
{
	padding-bottom: 150px;
}

.tags
{
	font-size: small;
	margin: 10px 0;
	padding: 0 20px 0 0;
	position: absolute;
	bottom: 0;
}
.tags-nobottom
{
	position: relative;
}
.tags .keyword
{
	background: #e9e9e9 url(../images/tag-small.png) no-repeat left center;
	padding: 3px 6px 3px 16px;
	margin: 2px;
	font-size: x-small;
	font-weight: bold;
	color: #505050;
	overflow: visible;
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.tags .keyword a
{
	text-decoration: none;
	color: #0066ff;
}
.tags .keyword a:hover
{
	color: #003366;
}

.tags .size-1
{
	font-size: x-small;
}
.tags .size-2
{
	font-size: 110%;
}
.tags .size-3
{
	font-size: 130%;
}
.tags .size-4
{
	font-size: 150%;
}
.tags .size-5
{
	font-size: 200%;
}

.left-buffer
{
	margin: 0 25px 10px 0;
}

.downloadbutton
{
	width: 105px;
	height: 110px;
	text-align: center;
	border: 1px solid #999999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	background-color: #f6f6f6;
}
.downloadbutton a
{
	text-decoration: none;
}

ul.featurelist
{
	font-size: 1em;
	list-style: disc outside none;
	margin: 5px 0 5px 20px;
	padding: 0;
}
ul.featurelist li
{
	font-size: 1em;
}

#phone
{
	width: 300px;
	height: 500px;
	background: transparent url(../images/whitephone.png) no-repeat center center;
}

#phone img
{
	position: absolute;
	top: 70px;
	left: 55px;
}

#phone img.hidden
{
	display: none;
}

.carousel-holder .jcarousel-item
{
	width: 920px;
	height: 250px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	position: relative;
}
.jcarousel-item .bg
{
	width: 100%;
	height: 100%;
}
.jcarousel-item h2
{
	font-size: xx-large;
}

.jcarousel-prev,
.jcarousel-next
{
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: #666666;
}
.jcarousel-prev
{
	background: #ffffff url(../images/carousel/leftarrow.png) no-repeat center center;
	position: absolute;
	top: 120px;
	left: -20px;
}
.jcarousel-prev:hover
{
	background: #ffffff url(../images/carousel/leftarrowdark.png) no-repeat center center;
}
.jcarousel-next
{
	background: #ffffff url(../images/carousel/rightarrow.png) no-repeat center center;
	position: absolute;
	top: 120px;
	right: -20px;
}
.jcarousel-next:hover
{
	background: #ffffff url(../images/carousel/rightarrowdark.png) no-repeat center center;
}

.jcarousel-item .firstslide
{
	background: #ffffff url(../images/carousel/firstslide.jpg) no-repeat left top;
}
.jcarousel-item .estimate
{
	background: #ffffff url(../images/carousel/estimate.gif) no-repeat left top;
}
.jcarousel-item .piechart
{
	background: #ffffff url(../images/carousel/piechart.gif) no-repeat left top;
}
.jcarousel-item .linechart
{
	background: #ffffff url(../images/carousel/linechart.gif) no-repeat left top;
}
.jcarousel-item .rome
{
	background: #ffffff url(../images/carousel/rome1.jpg) no-repeat left top;
}
.jcarousel-item .paris
{
	background: #ffffff url(../images/carousel/paris1.jpg) no-repeat left top;
}
.jcarousel-item .sanfran
{
	background: #ffffff url(../images/carousel/sanfran1.jpg) no-repeat left top;
}
.jcarousel-item .thailand
{
	background: #ffffff url(../images/carousel/thailand1.jpg) no-repeat left top;
}
.jcarousel-item .android
{
	background: #ffffff url(../images/carousel/android.jpg) no-repeat left top;
}

.jcarousel-item .info
{
	width: 300px;
}

.upper-left
{
	position: absolute;
	top: 20px;
	left: 20px;
}
.upper-right
{
	position: absolute;
	top: 20px;
	right: 20px;
}
.lower-left
{
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.lower-right
{
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.lower-right-center
{
	position: absolute;
	bottom: 40px;
	right: 120px;
}
.white
{
	color: #ffffff;
}
.white a
{
	color: #ffffff;
}
.white a:hover
{
	color: #93dfff;
}
.white .info,
.white .tagline,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6
{
	color: #ffffff;
}

.jcarousel-item .morelink
{
	background: transparent url(../images/carousel/morearrow.png) no-repeat left center;
}
.jcarousel-item .white .morelink
{
	background: transparent url(../images/carousel/morearrowwhite.png) no-repeat left center;
}

.frontbox
{
	font-size: 0.85em;
	line-height: 1.25em;
	color: #505050;
	font-weight: bold;
	height: 70px;
}
.frontbox span
{
	font-size: 1.25em;
	font-weight: bold;
	color: #0066ff;
}

.bluebox
{
	background: #ffffff url(../images/carousel/passportstamp.png) no-repeat right bottom;
}
.greenbox
{
	background: #ffffff url(../images/carousel/piechartsmall.png) no-repeat right bottom;
}
.orangebox
{
	background: #ffffff url(../images/carousel/linechartsmall.png) no-repeat right bottom;
}
.purplebox
{
	background: #ffffff;
}



.textcontent h1,
.textcontent h2
{
	line-height: 1.6em;
}
.textcontent h2,
.textcontent h3,
.textcontent h4,
.textcontent h5,
.textcontent h6
{
	margin: 15px 0 5px 0;
}

.textcontent .navigation
{
	margin: 20px 0 20px 0;
	font-size: small;
	color: #666666;
}
.textcontent .navigation .right
{
	background: transparent url(../images/morearrow.gif) no-repeat right center;
	padding-right: 10px;
}
.textcontent .navigation .left
{
	background: transparent url(../images/lessarrow.gif) no-repeat left center;
	padding-left: 10px;
}
.textcontent .navigation a
{
	text-decoration: none;
	font-weight: bold;
}
.textcontent blockquote
{
	padding: 10px 10px 10px 20px;
	margin: 15px 50px;
	border-left: 2px solid #cccccc;
	background-color: #f0f0f0;
	font-style: italic;
	font-size: small;
}

.textcontent img
{
	margin: 10px 0 1px 0;
	padding: 0;
}

.textcontent ol,
.textcontent ul
{
	margin: 8px 0 8px 30px;
}
.textcontent ul
{
	list-style: disc outside none;
}

.textcontent ul li,
.textcontent ol li
{
	margin: 0 0 5px 0;
}

.textcontent .caption
{
	text-align: right;
	color: #b0b0b0;
	font-size: 0.65em;
	margin: 0 0 10px 0;
	font-style: italic;
}
.textcontent .caption a
{
	color: #b0b0b0;
	text-decoration: none;
}

.aside,
.aside-right,
.aside-left
{
	float: right;
	width: 200px;
	margin: 15px 0 15px 30px;
	padding: 10px 10px 10px 20px;
	border-left: 2px solid #cccccc;
	background-color: #f0f0f0;
	font-size: medium;
	line-height: 1.3em;
	color: #333333;
}
.aside-left
{
	float: left;
	margin: 15px 30px 15px 0;
	padding: 10px 20px 10px 10px;
	border-left: 0;
	border-right: 2px solid #cccccc;
}

.img-right, .img-left
{
	padding: 0;
	font-size: 0.65em;
	font-style: italic;
	color: #b0b0b0;
	margin: 15px 30px 15px 0;
}
.img-right
{
	margin: 15px 0 15px 30px;
	text-align: right;
}
.img-right img,
.img-left img
{
	margin: 0;
	padding: 1px;
	border: 1px solid #cccccc;
}

ul.guidemenu
{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
ul.guidemenu li
{
	margin: 5px 0;
	padding: 0;
}
ul.guidemenu li a
{
	text-decoration: none;
}
ul.guidemenu li ul
{
	margin: 3px 0 3px 15px;
	padding: 0;
}

.sharebuttons
{
	margin: 20px 0 0 0;
	padding: 0;
}

table.packinglist,
table.packinglist tbody
{
	margin: 0;
	padding: 0;
	width: 100%;
}
.packinglist tr
{
	margin: 0;
	padding: 0;
}
.packinglist td
{
	background: #f0f0f0;
	color: #333333;
	padding: 3px 5px;
}
.packinglist td.category
{
	font-weight: bold;
	font-size: large;
	padding-left: 40px;
	color: #666666;
}
.packinglist td.check
{
	width: 24px;
	background: #f0f0f0 url(../images/guide/checkbox.gif) no-repeat center center;
}
.packinglist td.item
{}
.packinglist td.quantity
{
	font-weight: bold;
	text-align: right;
}
.packinglist td.links
{
	text-align: right;
}
.packinglist td.links img
{
	margin: 0 0 0 5px;
}