ul.jqueryFileTree {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top:2px;
    text-align:left;
    font-size:11px;
    font-family:Verdana, Arial, Sans-Serif;
    color:#363699;
}

ul.jqueryFileTree li 
{
	list-style: none;
	padding: 0px;
    padding-top:3px;
	margin: 0px;
	white-space: nowrap;
    cursor: default; 
}

ul.jqueryFileTree a {
    color: #363699;
    cursor: pointer;
    text-decoration: none;
	display: block;
	padding: 0px 2px;
}

ul.jqueryFileTree a:hover {
    color: #3636FF;
	background: #BDF;
    cursor: pointer;
}


.jqueryFileTree li.droptarget
{
    background-color: #D1E3F1;
}

.jqueryFileTree li.acceptdrop
{
    background-color: #D7F1D1;
}



/* Core Styles */
.jqueryFileTree li.directory { background: url(http://www.mytourguide.com/Content/jqFileTree/directory.png) left top no-repeat; }
.jqueryFileTree li.expanded{ background: url(http://www.mytourguide.com/Content/jqFileTree/folder_open.png) left top no-repeat; }
.jqueryFileTree li.file { background: url(http://www.mytourguide.com/Content/jqFileTree/file.png) left top no-repeat; }
.jqueryFileTree li.wait { background: url(http://www.mytourguide.com/Content/jqFileTree/spinner.gif) left top no-repeat; }

/* File Extensions*/
.jqueryFileTree .ext_3gp { background: url(http://www.mytourguide.com/Content/jqFileTree/film.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_afp { background: url(http://www.mytourguide.com/Content/jqFileTree/code.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_afpa { background: url(http://www.mytourguide.com/Content/jqFileTree/code.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_asp { background: url(http://www.mytourguide.com/Content/jqFileTree/code.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_aspx { background: url(http://www.mytourguide.com/Content/jqFileTree/code.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_avi { background: url(http://www.mytourguide.com/Content/jqFileTree/film.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_bat { background: url(http://www.mytourguide.com/Content/jqFileTree/application.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_bmp { background: url(http://www.mytourguide.com/Content/jqFileTree/picture.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_c { background: url(http://www.mytourguide.com/Content/jqFileTree/code.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_cfm { background: url(http://www.mytourguide.com/Content/jqFileTree/code.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_cgi { background: url(http://www.mytourguide.com/Content/jqFileTree/code.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_com { background: url(http://www.mytourguide.com/Content/jqFileTree/application.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_cpp { background: url(http://www.mytourguide.com/Content/jqFileTree/code.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_css { background: url(http://www.mytourguide.com/Content/jqFileTree/css.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_doc { background: url(http://www.mytourguide.com/Content/jqFileTree/doc.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_exe { background: url(http://www.mytourguide.com/Content/jqFileTree/application.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_gif { background: url(http://www.mytourguide.com/Content/jqFileTree/picture.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_fla { background: url(http://www.mytourguide.com/Content/jqFileTree/flash.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_flv { background: url(http://www.mytourguide.com/Content/jqFileTree/flash.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_h { background: url(http://www.mytourguide.com/Content/jqFileTree/code.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_htm { background: url(http://www.mytourguide.com/Content/jqFileTree/html.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_html { background: url(http://www.mytourguide.com/Content/jqFileTree/html.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_jar { background: url(http://www.mytourguide.com/Content/jqFileTree/java.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_jpg { background: url(http://www.mytourguide.com/Content/jqFileTree/picture.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_jpeg { background: url(http://www.mytourguide.com/Content/jqFileTree/picture.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_js { background: url(http://www.mytourguide.com/Content/jqFileTree/script.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_lasso { background: url(http://www.mytourguide.com/Content/jqFileTree/code.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_log { background: url(http://www.mytourguide.com/Content/jqFileTree/txt.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_m4p { background: url(http://www.mytourguide.com/Content/jqFileTree/music.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_mov { background: url(http://www.mytourguide.com/Content/jqFileTree/film.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_mp3 { background: url(http://www.mytourguide.com/Content/jqFileTree/music.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_mp4 { background: url(http://www.mytourguide.com/Content/jqFileTree/film.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_mpg { background: url(http://www.mytourguide.com/Content/jqFileTree/film.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_mpeg { background: url(http://www.mytourguide.com/Content/jqFileTree/film.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_ogg { background: url(http://www.mytourguide.com/Content/jqFileTree/music.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_pcx { background: url(http://www.mytourguide.com/Content/jqFileTree/picture.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_pdf { background: url(http://www.mytourguide.com/Content/jqFileTree/pdf.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_php { background: url(http://www.mytourguide.com/Content/jqFileTree/php.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_png { background: url(http://www.mytourguide.com/Content/jqFileTree/picture.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_ppt { background: url(http://www.mytourguide.com/Content/jqFileTree/ppt.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_psd { background: url(http://www.mytourguide.com/Content/jqFileTree/psd.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_pl { background: url(http://www.mytourguide.com/Content/jqFileTree/script.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_py { background: url(http://www.mytourguide.com/Content/jqFileTree/script.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_rb { background: url(http://www.mytourguide.com/Content/jqFileTree/ruby.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_rbx { background: url(http://www.mytourguide.com/Content/jqFileTree/ruby.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_rhtml { background: url(http://www.mytourguide.com/Content/jqFileTree/ruby.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_rpm { background: url(http://www.mytourguide.com/Content/jqFileTree/linux.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_ruby { background: url(http://www.mytourguide.com/Content/jqFileTree/ruby.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_sql { background: url(http://www.mytourguide.com/Content/jqFileTree/db.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_swf { background: url(http://www.mytourguide.com/Content/jqFileTree/flash.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_tif { background: url(http://www.mytourguide.com/Content/jqFileTree/picture.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_tiff { background: url(http://www.mytourguide.com/Content/jqFileTree/picture.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_txt { background: url(http://www.mytourguide.com/Content/jqFileTree/txt.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_vb { background: url(http://www.mytourguide.com/Content/jqFileTree/code.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_wav { background: url(http://www.mytourguide.com/Content/jqFileTree/music.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_wmv { background: url(http://www.mytourguide.com/Content/jqFileTree/film.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_xls { background: url(http://www.mytourguide.com/Content/jqFileTree/xls.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_xml { background: url(http://www.mytourguide.com/Content/jqFileTree/code.png) left top no-repeat; padding-left: 17px; }
.jqueryFileTree .ext_zip { background: url(http://www.mytourguide.com/Content/jqFileTree/zip.png) left top no-repeat; padding-left: 17px; }/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?tr&ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1&fsDefaultUnit=em&cornerRadius=5&cornerRadiusUnit=px&bgColorHeader=888888&bgTextureHeader=04_highlight_hard.png&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=16&borderColorContent=404040&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=adadad&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=35&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=666666&bgColorHover=dddddd&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=60&borderColorHover=dddddd&fcHover=000000&iconColorHover=c98000&bgColorActive=121212&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=15&borderColorActive=000000&fcActive=ffffff&iconColorActive=f29a00&bgColorHighlight=555555&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=cccccc&iconColorHighlight=aaaaaa&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #404040; background: #121212 url(/Styles/jquery-ui/vader/images/ui-bg_gloss-wave_16_121212_500x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #eeeeee; }
.ui-widget-header { border: 1px solid #404040; background: #888888 url(/Styles/jquery-ui/vader/images/ui-bg_highlight-hard_15_888888_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #adadad url(/Styles/jquery-ui/vader/images/ui-bg_highlight-soft_35_adadad_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #333333; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #dddddd; background: #dddddd url(/Styles/jquery-ui/vader/images/ui-bg_highlight-soft_60_dddddd_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #000000; background: #121212 url(/Styles/jquery-ui/vader/images/ui-bg_inset-soft_15_121212_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #404040; background: #555555 url(/Styles/jquery-ui/vader/images/ui-bg_highlight-hard_55_555555_1x100.png) 50% top repeat-x; color: #cccccc; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #cccccc; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/Styles/jquery-ui/vader/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/Styles/jquery-ui/vader/images/ui-icons_bbbbbb_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/Styles/jquery-ui/vader/images/ui-icons_bbbbbb_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/Styles/jquery-ui/vader/images/ui-icons_cccccc_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/Styles/jquery-ui/vader/images/ui-icons_666666_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Styles/jquery-ui/vader/images/ui-icons_c98000_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/Styles/jquery-ui/vader/images/ui-icons_f29a00_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/Styles/jquery-ui/vader/images/ui-icons_aaaaaa_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/Styles/jquery-ui/vader/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/Styles/jquery-ui/vader/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/Styles/jquery-ui/vader/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete
----------------------------------*/
.ui-autocomplete-menu { position: absolute; cursor: default; }	

.ui-autocomplete-loading { background: white url(/Styles/jquery-ui/vader/'images/ui-anim.basic.16x16.gif') right center no-repeat; }
.ui-autocomplete-over { background-color: #0A246A; color: white; }

/* Menu
----------------------------------*/
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	margin: -1px;
}
/* Button
----------------------------------*/

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3em; } 
button.ui-button-icons-only { width: 3.2em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 1.8em; }
.ui-button-text-icons .ui-button-text { padding-right: 1.8em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon .ui-icon-primary, .ui-button-text-icons .ui-icon-primary, .ui-button-icons-only .ui-icon-primary { left: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-button-set { margin-right: 7px; }
.ui-button-set .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */





/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
 .spinnerbox { display:none; position:fixed; top:0; left:0; margin: 0; width: 40px; height: 40px; min-height: 20px; border:1px solid #C0C0C0; background-color:#F1F0F0; z-index:1002; _position:absolute; text-align:center; } .progressbox { display:none; position:fixed; top:0; left:0; margin-left: auto; margin-right: auto; width: 240px; height: 100px; min-height: 100px; border:1px solid #C0C0C0; background-color:white; z-index:90002; _position:absolute; _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 200) + 'px'); background-image:url(http://www.mytourguide.com/Content/images/dialog_bkgd.png); background-position:left top; background-repeat:no-repeat; text-align:center; } .progMessage { font-weight: normal; font-family: Arial, Sans-Serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #8A0D23; padding:10px; padding-bottom:0; margin-top:30px; text-align: left; } .progressspinner { width:32px; height:32px; background-image: url(http://www.mytourguide.com/Content/images/loading.gif); background-position: center center; background-repeat: no-repeat; margin: 20px; margin-top:0; margin-right:10px; float:left; } .infobox h1, .infobox h2, .infobox p {margin:0 10px; letter-spacing:1px;} .infobox h1 {font-size:12px; color:#fc0;} .infobox h2 {font-size:11px; color:#234; border:0;} .infobox p {padding-bottom:0.5em; color:#eee;} .infobox h2 {padding-top:0.5em; padding-left:10px;} .infobox hr {border:0; border-bottom:solid 1px #F0F0F0;} .infobox {background: transparent; margin:1em; font-size:9px;} .infobox em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;} * html .infobox em {width:24px; height:12px; w\idth:0; hei\ght:0;} .infobox span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #003366; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;} * html .infobox span {width:20px; height:10px; w\idth:0; hei\ght:0;} .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;} .xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;} .xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;} .xb1 {margin:0 8px; background:#fff;} .xb2 {margin:0 6px; background:#fff;} .xb3 {margin:0 4px; background:#fff;} .xb4 {margin:0 3px; background:#003366; border-width:0 5px;} .xb5 {margin:0 2px; background:#003366; border-width:0 4px;} .xb6 {margin:0 2px; background:#003366; border-width:0 3px;} .xb7 {margin:0 1px; background:#003366; border-width:0 3px; height:2px;} .infoboxcontent {display:block; background:#003366; border:3px solid #fff; border-width:0 3px;} #infobox {width:150px; height:auto; padding:4px 4px 8px 4px; position:fixed; top:0px; left:0px; z-index:50000; display:none;} .dialogunderlay { display:none; position:absolute; top:0; left:0; width:400px; height:400px; background-color:gray; z-index:90001; } .dialogbox { display:none; position:fixed; top:0; left:0; margin-left: auto; margin-right: auto; width: 256px; height: 120px; min-height: 120px; border:1px solid #C0C0C0; background-color:white; z-index:90002; _position:absolute; _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 200) + 'px'); background-image:url(http://www.mytourguide.com/Content/images/dialog_bkgd.png); background-position:left top; background-repeat:no-repeat; text-align:center; } .dlgMessage { font-weight: normal; font-family: Arial, Sans-Serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #8A0D23; padding:10px; padding-bottom:0; } .dlgButtons { position:absolute; left:0px; bottom:12px; width:100%; text-align:center; } #dlgButtonsInner { width:100%; text-align:center; } #dlgButtonsInner img { cursor: pointer; } .dlgClose { text-align:right; color:#cc0000; padding:2px; background-color: #E0E0E0; } .dlgClose a { color:#cc0000; text-decoration:none; } .floatingMenu { display: none; z-index: 10; position: absolute; left: 50px; text-align: left; } .floatingMenu .title { float: none; color: #fff; background: transparent url(http://www.mytourguide.com/Content/palette/palettes_square_upper_left.png) no-repeat; padding-left: 8px; height: 9px; } .floatingMenu .title .right { background: transparent url(http://www.mytourguide.com/Content/palette/palettes_square_upper_right_expand.png) no-repeat top right; height: 9px; } .floatingMenu .body { background: #fff url(http://www.mytourguide.com/Content/palette/palettes_middle_left.png) repeat-y; } .floatingMenu .body .right { background: transparent url(http://www.mytourguide.com/Content/palette/palettes_middle_right.png) repeat-y right top; padding: 15px; } .floatingMenu .footer { background: transparent url(http://www.mytourguide.com/Content/palette/palettes_lower_left.png) no-repeat; padding: 0 0 0 8px; width: auto; height: auto; } .floatingMenu .footer .buttons { padding: 10px 10px 0; text-align: right; } .floatingMenu .footer .right { background: transparent url(http://www.mytourguide.com/Content/palette/palettes_lower_right_expand.png) no-repeat top right; height: 43px; }.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; z-index:100000; } .dropdown dd { position:relative; } .dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none; } .dropdown a:hover { color:#5d4617; } .dropdown dt { background: #FFFFFF url(http://www.mytourguide.com/Content/controls/drop_down/drop_down_arrow.png) no-repeat scroll right top; display: block; } .dropdown dt a { border: 1px solid #999999; font-size: .9em; width: 190px; height: 18px; margin: 0; padding: 0; padding-right: 20px; padding-left: 6px; } .dropdown dt a:hover { color: #5d4617; border: 1px solid #d0c9af; } .dropdown dt.dirty a { border: 1px solid #999999; font-size: .9em; width: 190px; height: 18px; margin: 0; padding: 0; padding-right: 20px; padding-left: 6px; background: url(http://www.mytourguide.com/Content/controls/edited.png) no-repeat scroll left top; } .dropdown dt.dirty a:hover { color: #5d4617; border: 1px solid #d0c9af; background: url(http://www.mytourguide.com/Content/controls/edited.png) no-repeat scroll left top; } .dropdown dt a span { cursor:pointer; display:block; } .dropdown dd ul { background: #FFFFFF none repeat scroll 0 0; border: 1px solid #C0C0C0; font-size: .9em; color: #644B39; display: none; margin: 0; padding: 0; position: absolute; left: 0px; top: 1px; width: auto; min-width: 200px; list-style: none; } .dropdown dd ul li a { padding:2px 0; padding-left: 6px; display:block; border-top: solid 1px #eee; } .dropdown dd ul li a:hover { background-color:#d0c9af; border-top: solid 1px #eee; } .dropdown dd ul li.dirty a { padding: 2px 0; padding-left: 6px; display: block; background: #FFFFFF url(http://www.mytourguide.com/Content/controls/edited.png) no-repeat left top; border-top: solid 1px #eee; } .dropdown dd ul li.dirty a:hover { background-color: #d0c9af; background: #d0c9af url(http://www.mytourguide.com/Content/controls/edited.png) no-repeat left top; border-top: solid 1px #eee; } .dropdown span.value { display:none; } .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; } .flagvisibility { display:none; }  #contentlist { position: absolute; right:0px; width: 492px; height: 1px; display:none; cursor:default; } .contentlist-title { padding-left: 8px; } .contentlist-tabs { padding-left: 1px; padding-top: 6px; cursor:pointer; } .contentlist-buttons img { cursor:pointer; } .contentlist-links { float: right; font-size: .6em; font-weight: bold; text-decoration: none; padding-top:0; margin-right: 16px; color: #CCCCCC; } .contentlist-upper { position:absolute; text-align:left; height:27px; line-height:1.6em; font-family:Verdana, Arial, Sans-Serif; font-size:1.4em; color: #E0E0E0; } .contentlist-middle { position:absolute; top: 27px; height: 128px; text-align:left; overflow: hidden; } .contentlist-upper-left { float:left; width:8px; height:27px; background: url(http://www.mytourguide.com/Content/palette/palettes_upper_left.png) no-repeat; } .contentlist-upper-center { float:left; width:484px; height:27px; background: url(http://www.mytourguide.com/Content/palette/palettes_upper_center.png) repeat-x; } .contentlist-upper-right { float:right; width:8px; height:27px; background: url(http://www.mytourguide.com/Content/palette/palettes_upper_right.png) no-repeat; } .contentlist-middle-left { float:left; width:8px; height:1px; background: url(http://www.mytourguide.com/Content/palette/palettes_middle_left.png) repeat-y; } .contentlist-middle-center { float:left; width:484px; height:1px; background: url(http://www.mytourguide.com/Content/palette/palettes_middle_center.png) repeat; overflow:hidden; } .contentlist-middle-right { float:right; width:8px; height:1px; background: url(http://www.mytourguide.com/Content/palette/palettes_middle_right.png) repeat-y; } .contentlist-lower-left { float:left; width:8px; height:9px; background: url(http://www.mytourguide.com/Content/palette/palettes_square_lower_left.png) no-repeat; } .contentlist-lower-center { float:left; width:484px; height:9px; background: url(http://www.mytourguide.com/Content/palette/palettes_square_lower_center.png) repeat-x; } .contentlist-lower-right { float:right; width:8px; height:9px; background: url(http://www.mytourguide.com/Content/palette/palettes_square_lower_right.png) no-repeat; } .contentlist-clearfix { clear: right; } #contentlist_dragger { width: 16px; height: 12px; padding-top: 1px; margin-right: 4px; float:right; cursor: pointer; } #contentlist_expando { width: 16px; height: 12px; padding-top: 1px; margin-right: 4px; float:right; cursor: pointer; } #contentlist_controlarea { width:468px; position:absolute; font-size: 1em; } #contentlist_scrollbar { float: right; } .normal-h { width: auto; height: 120px; border-top: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; border-bottom: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; padding-top:5px; text-align: left; overflow: hidden; color: #333333; } .normal-h-data { height: 100%; } .normal-h-photo { width:120px; height:100px; padding: 4px 0 8px 0; text-align:center; vertical-align:middle; float:left; } .normal-h-title { height: 16px; white-space: nowrap; overflow: hidden; font-size: 1.2em; font-weight: bold; padding: 4px; text-decoration:none; color: #003399; } .normal-h-title a { text-decoration:none; color: #003399; } .normal-h-desc { height: 62px; overflow: hidden; font-size: .9em; padding: 4px; color: #000000; } .normal-h-bottom { height: 18px; margin-top: 2px; padding-top: 1px; white-space: nowrap; overflow: hidden; border-top: solid 1px #CCCCCC; font-size: .9em; text-decoration: none; color: #990000; border-top-color: #C8D0CE; } .normal-h-bottom a { text-decoration: none; color: #990000; } .normal-h-genre { white-space: nowrap; padding: 3px; margin-top: 1px; float:left; } .normal-h-rating { white-space: nowrap; padding-top: 5px; margin: 0 4px; float: right; } .normal-h-hidden { display:none; } .wide-h { width: auto; height: 24px; border-top: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; border-bottom: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; text-align: left; overflow: hidden; color: #333333; } .wide-h-data { height: 100%; } .wide-h-photo { width:20px; height:20px; padding: 2px; text-align:center; vertical-align:middle; float:left; } .wide-h-title { height: 16px; white-space: nowrap; overflow: hidden; font-size: 1.2em; font-weight: bold; padding: 4px; text-decoration:none; color: #003399; } .wide-h-title a { text-decoration:none; color: #003399; } .wide-h-desc { height: 16px; overflow: hidden; font-size: .9em; padding: 4px; color: #000000; } .wide-h-downloads { width: 60px; white-space: nowrap; overflow: hidden; padding: 3px; margin-top: 2px; float:left; } .wide-h-price { width: 60px; white-space: nowrap; overflow: hidden; padding: 3px; margin-top: 2px; float:left; } .wide-h-genre { width: 60px; white-space: nowrap; overflow: hidden; padding: 3px; margin-top: 2px; float:left; } .wide-h-rating { white-space: nowrap; padding-top: 5px; margin: 0 4px; float: left; } .wide-h-hidden { display:none; } .compact-v { width: 96px; height: 125px; border-top: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; border-bottom: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; text-align: center; overflow: hidden; color: #333333; } .compact-v-data { height: 100%; } .compact-v-photo { width:80px; height:60px; padding: 8px; padding-bottom: 0; margin: 0; margin-bottom:2px; text-align:center; vertical-align:middle; border-bottom: solid 1px #ddd; } .compact-v-title { height: 16px; white-space: nowrap; overflow: hidden; font-size: 1.2em; font-weight: bold; padding: 4px; text-decoration:none; color: #003399; } .compact-v-title a { text-decoration:none; color: #003399; } .compact-v-bottom { height: 18px; text-align:center; margin: 0; margin-top: 2px; white-space: nowrap; overflow: hidden; font-size: .9em; text-decoration: none; color: #990000; border-top-color: #E8E8E8; } .compact-v-genre { width: 60px; white-space: nowrap; overflow: hidden; padding: 3px; margin-top: 2px; float:left; } .compact-v-rating { white-space: nowrap; padding: 0; margin: 0; } .compact-v-hidden { display:none; } .miniture-h { height: 53px; padding: 0; padding-top: 8px; padding-left: 8px; margin-top: 1px; margin-bottom: 3px; text-align: left; overflow: hidden; color: #ccc; border-right: solid 1px #343434; } .miniture-h-over { height: 53px; padding: 0; padding-top: 8px; padding-left: 8px; margin-top: 1px; margin-bottom: 3px; text-align: left; overflow: hidden; color: #ccc; border-right: solid 1px #343434; background-color: #3B3B3B; } .miniture-h-data { height: 100%; } .miniture-h-photo { width:40px; height:40px; padding: 0; padding-right: 8px; padding-bottom: 0; margin: 0; text-align:center; vertical-align:middle; float:left; } .miniture-h-title { height: 18px; white-space: nowrap; overflow: hidden; font-size: 1.1em; font-weight: bold; padding: 2px; text-decoration:none; color: #f0f0f0; } .miniture-h-title a { text-decoration:none; color: #f0f0f0; } .miniture-h-bottom { height: 18px; text-align: left; margin: 0; white-space: nowrap; overflow: hidden; font-size: .9em; text-decoration: none; color: #EBEBEB; border-top-color: #E8E8E8; } .miniture-h-bottom a { color: #EBEBEB; text-decoration: none; } .miniture-h-genre { width:56px; white-space: nowrap; padding: 3px; margin-top: 2px; float:left; color: #aaa; } .miniture-h-rating { white-space: nowrap; padding: 0; padding-top:3px; margin: 0; float:left; } .miniture-h-hidden { display:none; } ul.listblock { width:600px; } ul.listblock li { width:300px; float:left; list-style: none; } ul#list { position: relative; margin: 0; text-align: right; } ul#list li { padding: 0 6px; font-size: 1.2em; letter-spacing: .1em; color: #808080; background-color: #333333; } ul#list li a { color: #E0E0E0; text-decoration: none; } ul#list li a:hover { color: #F2F2F2; text-decoration: none; } ul#list li a:active { color: #F2F2F2; text-decoration: none; } ul#list li.selected a { color: #F2F2F2; text-decoration: none; border: 1px solid #990000; } ul.imagelist { position: relative; margin: 0; padding: 0; text-align: left; background: #fff; border: solid 1px #999; } ul.imagelist li { padding: 3px 3px; color: #666; list-style:none; border-bottom: solid 1px #ccc; } ul.imagelist li a { color: #333; text-decoration: none; } ul.imagelist li a:hover { color: #2f2f2f; text-decoration: none; } ul.imagelist li a:active { color: #2f2f2f; text-decoration: none; } ul.imagelist li.selected a { color: #2f2f2f; text-decoration: none; border: 1px solid #990000; }.topless_tab_container { border: 1px solid #222529; border-top:0; overflow: hidden; clear: both; width: 100%; height: 100%; background: #f1f0f0; } .tab_container { border: 1px solid #222529; overflow: hidden; clear: both; width: 100%; height: 100%; background: #f1f0f0; } .tab_content { font-size: 1.2em; padding: 0; background-color: #F8F8F8; display: none; } .tab_content_padded { font-size: 1.2em; padding: 20px; background-color: #F8F8F8; display: none; } .stretched_content { left: 0; width: 100%; min-height:100px; position: absolute; padding: 0; background-color: #F8F8F8; border:0; font-size: 1.2em; display: none; } ul.tabs { margin: 0; padding: 0; margin-left: 350px; list-style: none; height: 32px; border-left: 1px solid #999; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #999; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #e0e0e0; } ul.tabs li a { text-decoration: none; display: block; font-size:1.1em; text-transform:uppercase; letter-spacing: 1px; color:#0276bc; padding: 0 20px; border: 1px solid #fff; outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.active, html ul.tabs li.active a:hover { background: #F8F8F8; border-bottom: 1px solid #F8F8F8; } div#eheader { position: relative; margin: 0 auto; padding: 0; text-align: center; width: 100%; height: 30px; background: #222529; overflow:hidden; } div#einnerheader { margin: 0 auto; padding: 0; text-align: center; width: 977px; height: 30px; color: #ccc; cursor: default; overflow:hidden; } div#esuperheader { position: relative; text-align: center; cursor: default; } div#esuperheaderinner { margin: 0 auto; padding: 0; text-align: center; width: 977px; color: #666; } div#eheadermenu { position: relative; margin-right: 34px; text-align: right; font-size: 12px; float:right; } #emenucontainer { position: relative; padding: 0; padding-top: 0px; margin: 0; text-align: right; float:right; clear:right; display:inline-block; border: 0; } .eheader_taboff { width: 70px; height: 21px; padding: 0; padding-top: 3px; margin: 0; margin-top: 1px; margin-left: -12px; font-size:11px; text-align: center; color: #fff; background: url(http://www.mytourguide.com/Content/images/editor_tabs_off.png) top left no-repeat; border: 0; } .eheader_tabon { width: 70px; height: 21px; padding: 0; padding-top: 3px; margin: 0; margin-top: 1px; margin-left: -12px; font-size:11px; text-align: center; color: #000; background: url(http://www.mytourguide.com/Content/images/editor_tabs_on.png) top left no-repeat; border: 0; } .editorlogo { padding:0; padding-top:4px; } .editorheader { width: 961px; height: 30px; padding: 6px 6px; margin: 0 auto; text-align:left; background-color: #C8C8C8; border: solid 1px #999; border-top: 0; font-family: Verdana, Arial, Helvetica; font-size: 14px; color: #333; letter-spacing: 2px; } .editorheaderinner { padding: 4px 6px; padding-bottom: 2px; padding-right: 0; height: 21px; background-color: #f0f0f0; border-left: solid 1px #999; border-top: solid 1px #999; border-right: solid 1px #fff; border-bottom: solid 1px #fff; } ul#esubmenu { position: relative; padding: 0; margin: 0 auto; width: 977px; font-size: 11px; z-index: 12; } ul#esubmenu li { list-style: none; padding-right: 0; color: #d6d5d5; float: left; } ul#esubmenu li a { color: #d6d5d5; text-decoration: none; display: block; padding: 8px 8px 7px 8px; } ul#esubmenu li a:hover { color: #f1f0f0; text-decoration: none; } ul#esubmenu li a:active { color: #f1f0f0; text-decoration: none; } ul#esubmenu li.selected a { color: #f1f0f0; text-decoration: none; } div.editortabs { width:100%; height:21px; font-size:11px; } ul.etabs { list-style: none; font-size:11px; } ul.etabs li { width: 75px; height: 21px; padding: 0; padding-top: 4px; padding-left: 1px; margin: 0; margin-left:-2px; font-size:11px; text-align: center; color: #fff; background: url(http://www.mytourguide.com/Content/images/subeditor_tabs_off.png) top left no-repeat; border: 0; display: inline-block; cursor: pointer; } ul.etabs li.selected { width: 75px; height: 21px; padding: 0; padding-top: 4px; padding-left: 1px; margin: 0; margin-left:-2px; font-size:11px; text-align: center; color: #000; background: url(http://www.mytourguide.com/Content/images/subeditor_tabs_on.png) top left no-repeat; border: 0; display: inline-block; cursor: pointer; } .editorbody { width: 975px; min-height: 400px; height: 100%; margin-left:auto; margin-right:auto; text-align:left; font-size:.9em; color:#66668f; letter-spacing:.1em; } editorlabel { font-size: 1em; letter-spacing: .1em; color: #484F53; font-variant:small-caps; line-height: 1.4em; text-align: left; padding-bottom: 3px; } minieditorlabel { font-size: .7em; letter-spacing: .1em; color: #484F53; font-variant:small-caps; line-height: 1.4em; text-align: left; padding-bottom: 3px; } .leftarea { margin: 0; padding: 0; vertical-align: top; text-align: center; float:left; } .editingarea { float:left; } .rightdrawer { margin: 0; padding: 0; vertical-align: top; text-align: left; } .editorleftcolumn { margin: 0; margin-bottom: 30px; padding: 5px; width: 235px; text-align: center; } .editormidcolumn { margin: 0; padding: 0; width: 100%; height: 100%; text-align: left; } .editormaptab { margin: 0; padding: 0; width: 100%; height: 100%; text-align: left; } .expandodrawer { padding: 0; margin: 0; margin-top:8px; margin-left:-6px; width: 0; height: 100%; } .expandobutton { width: 18px; height: 17px; } .editorrightcolumn { margin: 0; margin-right:40px; padding: 0; width: 260px; text-align: left; font-variant: small-caps; float: right; } .maprightcolumn { margin: 0; padding: 0; width: 261px; text-align: left; font-variant: small-caps; float: right; } .innerrightcolumn { padding: 8px 20px; padding-right:0; } .picturemap { width: 700px; height: 500px; } .pictureicons { padding: 20px; } .editor-surround { background: #F1F0F0; border: solid 1px #999; border-top: 0; text-align:center; } .tourselectorcontainer { background: #fff; margin: 20px auto; margin-bottom:0; text-align:center; width:360px; height:250px; padding:0 20px; padding-top:40px; border:solid 1px #999; } .container-tabsarea { background: #333; } .container-tabs-contentbox { background: #E9E9E9; border: 1px solid #333; overflow:visible; } .container-map { background: #f2f2f2; } .container-properties { background: #333; } .poipropsarea { background-position: #C0C0C0; width: 300px; position:absolute; right:0px; } .poipropsheader { height: 22px; padding-left: 15px; padding-top: 6px; padding-right: 2px; background-color: #fff; font-size:14px; text-transform:uppercase; letter-spacing: 1px; color:#222529; border-bottom:solid 3px #70706D; } .poipropsbody { height:100%; overflow-y:scroll; border:solid 1px #70706D; } .poidoor { width:12px; height:100%; float:left; cursor:pointer; } .poidoorhandle { padding-left:2px; color:#777; position: absolute; top: 45%; } .poiproperties { padding:10px; padding-left:15px; width:243px; overflow-x:hidden; } .librarylist { width: 158px; height: 361px; padding: 0; padding-left: 9px; background-color:#f0f0f6; overflow-y: scroll; float:left; } .poipropertiesheader { height: 24px; padding:0; padding-top:5px; padding-left:3px; margin:0; font-size:14px; color:#fff; font-variant:small-caps; } .poipropertiesbuttonsclose { float:right; width: 20px; height: 24px; padding:0; padding-top:4px; margin:0; margin-right:19px; cursor:pointer; font-size:14px; color:#fff; } .lateloadedtools { display:none; } .locationmap { width:920px; height:606px; margin: auto; margin-top:12px; margin-bottom:12px; border: solid 1px #999; overflow: hidden; clear: both; } .tourmap { width:920px; height:582px; } .tourmapwithbin { width:920px; height:532px; } .editormap { margin: 0; border:solid 1px #70706D; overflow: hidden; color: Black; } .editorpano { width: 240px; height: 200px; padding: 12px; background: #DBDBDB; right: 0; bottom: 0; position: absolute; overflow: hidden; display: block; } .panoresizer { width:12px; height:12px; position:absolute; left:0; top:-2px; } .listtitle { color: #224568; font-size: 16px; padding-left: 4px; padding-bottom: 1px; margin-bottom: 3px; letter-spacing: 2px; font-variant:small-caps; } .listopened { background: url(http://www.mytourguide.com/Content/controls/arrow_opened.png) left top no-repeat; } .listclosed { background: url(http://www.mytourguide.com/Content/controls/arrow_closed.png) left top no-repeat; } ul.tourdocs { padding: 4px 5px; padding-bottom: 0; background: #fff; border: solid 1px #333; font-size: .9em; color: #2E445A; } ul.tourdocs>li.listitem { padding-top: 2px; list-style: none; border-bottom:solid 1px #ccc; } .tourdocdiv { width:270px; height:22px; white-space:nowrap; overflow:hidden; color:#333300; } .box { padding: 6px; background: #fff; border: solid 1px #999; font-size: .9em; color: #657383; } ul.box>li.list { line-height: 2.0em; color: #2E445A; text-align: left; list-style: none; display:inline; } .list_button { margin-top: 4px; height: 30px; text-align: center; } .smallButtonStyle { width: 60px; height: 20px; text-align: center; font-size: 10px; color: #333344; } .poitoolsbuttons { text-align:left; } input.editingtitle { line-height: .8em; font-size: 1em; font-weight:normal; font-variant:normal; height: 12px; padding-top: 2px; padding-left: 2px; color: #992f2f; background-color: #F0F0F0; border: solid 1px #666; } .tourstopnumber { background: url(http://www.mytourguide.com/Content/controls/num_backing.png) no-repeat; width: 16px; height: 16px; margin-right: 3px; margin-top: 2px; padding-top: 3px; font-size: .7em; font-style: italic; color: #000; text-align:center; } .latlng { text-align:left; } .toolbox { padding: 8px 5px; margin-left: 6px; width: 196px; font-size: .9em; color: #657383; background-color: #E2E2E2; border: solid 1px #D6D5D5; } .tourzoom { text-align: center; } .tourzoomtrack { height: 24px; width: 196px; padding-top: 8px; background: url(http://www.mytourguide.com/Content/controls/slider_track.png) no-repeat; } .tourzoomslider { width: 16px; height: 16px; background: url(http://www.mytourguide.com/Content/controls/slider_arrow.png) no-repeat; } input.tourzoomlevel { border: 0; color: #CCCCCC; background-color: Transparent; font-weight: bold; width: 16px; } .resizetool { width:16px; height:16px; background: url(http://www.mytourguide.com/Content/controls/resize_button.png) no-repeat; float:right; } .tourbin { width: 190px; height: 60px; padding: 0; padding-left: 30px; padding-top: 20px; margin-top: 4px; background: url(http://www.mytourguide.com/Content/controls/marker_holder.png) no-repeat; } .buttonbin { width: 100%; height: 24px; padding: 0; padding-left: 20px; padding-top: 5px; margin: 0; text-align: left; color: #333336; background: #E2E0E0; border-top: solid 1px #C0C0C0; border-bottom: solid 1px #eee; border-top-color: #F4F4F4; border-bottom-color: #DAD8D8; } .legendbin { width: 100%; height: 24px; padding: 0; padding-top: 1px; padding-left: 21px; margin: 0; text-align: left; color: #333336; background: #fff; border-bottom: solid 1px #999; border-bottom-color: #999; } .infobin { width: 100%; height: 16px; padding: 0; padding-top: 4px; padding-left: 21px; margin: 0; text-align: left; font-size: .7em; color: #222529; clear:both; } .markerbin { width: 100%; height: 40px; padding: 0; padding-left: 20px; padding-top: 5px; margin: 0; text-align: left; color: #333336; background: #333; } .floatingmarkerbin { position: absolute; top: 10px; left: 40px; width: 160px; height: auto; padding: 1px; background: #F7F7F7; } .floatingmarkerbininner { text-align: left; color: #333; font-size: 11px; padding: 5px; padding-bottom: 10px; border:solid 1px #333; } .tourmarkerbin { width: 100%; height: 40px; padding: 0; padding-left: 20px; padding-top: 5px; margin: 0; text-align: left; color: #333336; background: #F0F0F0; border: solid 1px #F4F4F4; border-bottom: solid 1px #999; } .dragmarker { background: url(http://www.mytourguide.com/Content/icons/marker.png) no-repeat; float:left; z-index: 90000; } .dragtourmarker { float:left; z-index: 90000; } .dragmarkerinstructions { padding-left:36px; padding-top:8px; } .dragmarkerinstructionspoi { padding-left:30px; padding-top:4px; color:#333; } .poieditlistarea { width:100%; border-top:solid 1px #70706D; } ul.poieditlist { padding:0; margin:auto auto; width: 600px; line-height: 2.0em; text-align:left; color: Black; border:solid 1px #aaa; zoom: 1; } ul.poieditlist > li.list { list-style: none; padding: 0 4px; padding-right: 0; color: #333; letter-spacing: .1em; text-align: left; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; display: block; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; border-top: solid 1px #fff; border-left: solid 1px #fff; background: #f9f9f9; } ul.poieditlist > li.list a { text-decoration: none; padding: 2px 4px; padding-right: 0; color: #640000; letter-spacing: .1em; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; display: block; } ul.poieditlist > li.edited { background: #FAFAFA url(http://www.mytourguide.com/Content/controls/edited.png) no-repeat; } ul.poieditlist > li.selected { background: #FCECDA; } ul.poieditlist > li.editedselected { background: #FCECDA url(http://www.mytourguide.com/Content/controls/edited.png) no-repeat; } .listholder { margin-top: 8px; margin-bottom: 8px; width: 220px; height: 175px; text-align:center; background:#f1f0f0; border:solid 1px #666; overflow-x:hidden; overflow-y:scroll; } .listitems { text-align: left; width: 218px; height: 128px; } .shortlistholder { margin-top: 8px; margin-bottom: 8px; width: 220px; height: 95px; text-align:center; background:#f1f0f0; border:solid 1px #666; overflow-x:hidden; overflow-y:scroll; } .shortlistitems { text-align: left; width: 218px; height: 48px; } .tourstopclosed { color: #666666; text-align: left; padding: 3px 4px; display: block; cursor: pointer; border-bottom: 1px solid #ccc; background: url(http://www.mytourguide.com/Content/controls/arrow_closed.png) left top no-repeat; padding-left: 18px; } .tourstopopen { color: #666666; text-align: left; padding: 3px 4px; display: block; cursor: pointer; border-bottom: 1px solid #ccc; background: url(http://www.mytourguide.com/Content/controls/arrow_opened.png) left top no-repeat; padding-left: 18px; } .story { background: #f1f0f0; border:solid 1px #999; padding:8px; margin-bottom:2px; } .drophover { background: #E1FFF0; border: 3px solid #33CC33; } .poiimage { cursor:pointer; background: #fff; border:solid 1px #70706D; } .storyopener { height: 1em; float: right; color: #800000; } .storyordinal { height: 16px; width: 16px; background: url(http://www.mytourguide.com/Content/controls/ordinal_button.png) center top no-repeat; cursor:pointer; float:right; } .storyordinaldisabled { height: 16px; width: 16px; background: url(http://www.mytourguide.com/Content/controls/ordinal_button_disabled.png) center top no-repeat; float:right; } .storydelete { height: 16px; width: 16px; background: url(http://www.mytourguide.com/Content/controls/delete_light.png) center top no-repeat; cursor:pointer; float:right; } .recordingbutton { width: 30px; height: 20px; background: url(http://www.mytourguide.com/Content/controls/audio_button.png) left top no-repeat; cursor: pointer; } .storybuttons { text-align:center; width: 364px; height: auto; padding: 10px; left: 0px; top: 0px; background: #f0f0f3; border: solid 6px #666; position: fixed; display: block; z-index: 100002; } .storybutton { width:150px; height:125px; padding:10px; background: #fff; border:solid 1px #999; cursor:pointer; } .audiobuttons { text-align:center; width: 534px; height: auto; padding: 10px; left: 0px; top: 0px; background: #f0f0f3; border: solid 6px #666; position: fixed; display: block; z-index: 100002; } .audiobutton { width:165px; height:100px; text-align:left; background: #fff; border:solid 1px #999; cursor:pointer; } .uploadbuttons { text-align:center; width: 534px; height: auto; padding: 10px; left: 0px; top: 0px; background: #f0f0f3; border: solid 6px #666; position: fixed; display: block; z-index: 100002; } .uploadbutton { width:165px; height:100px; text-align:left; background: #fff; border:solid 1px #999; cursor:pointer; } .buttonswindowfade { left:-10000; top:-10000; width:1px; height:1px; background-color:gray; position:fixed; display:block; z-index:99999; } .buttonswindowclosebox { float:right; width: 20px; cursor:pointer; } .pictureviewer { width: 304px; height: 304px; padding: 10px; left: 0px; top: 0px; background: #fff; border: solid 6px #666; position: absolute; display: block; z-index: 100000; } .pictureviewerfade { left:-10000; top:-10000; width:1px; height:1px; background-color:gray; position:absolute; display:block; z-index:99999; } .editingtitle { color: #535353; font-size: .9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; letter-spacing: 2px; font-weight:bold; } .editingtitlesquare { background-position: #E8F0FF; color: #800000; font-size: .9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; letter-spacing: 2px; font-weight: bold; background: url(http://www.mytourguide.com/Content/images/gray_fade.png) repeat-y; padding: 2px; margin-bottom: 4px; } .tourstopselected { color: #B05800; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; } .mfiletitle { width:145px; overflow:hidden; } ul.itemlist { padding:0; margin:0; line-height: 2.0em; text-align:left; display:block; zoom: 1; } ul.itemlist > li.list { list-style: none; padding: 0 4px; padding-right: 0; color: #333; letter-spacing: .1em; text-align: left; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; display: block; border-bottom: solid 1px #ccc; background: #FAFAFA; } ul.itemlist>li.list a { text-decoration: none; padding: 2px 4px; padding-right: 0; color: #640000; letter-spacing: .1em; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; display: block; } ul.itemlist>li.edited { background: #FAFAFA url(http://www.mytourguide.com/Content/controls/edited.png) no-repeat; } ul.itemlist > li.selected { background: #FCECDA; } ul.itemlist>li.editedselected { background: #FCECDA url(http://www.mytourguide.com/Content/controls/edited.png) no-repeat; } ul.sublist { margin: 0 -30px; margin-right: 20px; line-height: 1.4em; text-align: left; } ul.sublist>li.list { padding: 2px 6px; color: #484848; text-align: left; list-style: none; background: #FFF; border-top:solid 1px #ccc; border-left:solid 1px #ccc; } ul.sublist>li.selected { background: #EBF4FC; } ul.sublist>li.edited { background: #FFF url(http://www.mytourguide.com/Content/controls/edited.png) no-repeat; } ul.sublist>li.editedselected { background: #EBF4FC url(http://www.mytourguide.com/Content/controls/edited.png) no-repeat; } ul.tourstopmedia { padding:0; margin:0; text-align:left; display:block; zoom: 1; } ul.tourstopmedia li { list-style: none; padding: 2px 4px; padding-top: 2px; padding-right: 0; color: #666666; letter-spacing: .1em; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; display: block; } ul.tourstopmedia li a { text-decoration: none; padding: 2px 4px; padding-top: 2px; padding-right: 0; color: #666666; letter-spacing: .1em; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; display: block; } ul.audiolist, ul.medialist { padding:0; margin:0; text-align:left; display:none; zoom: 1; } ul.audiolist li, ul.medialist li { list-style: none; padding: 3px 4px; padding-right: 0px; color: #333399; letter-spacing: .1em; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; border-bottom: solid 1px #EAEAEA; white-space:nowrap; overflow:hidden; display: block; } ul.audiolist li a, ul.medialist li a { text-decoration: none; padding: 3px 4px; padding-right: 0px; color: #333399; letter-spacing: .1em; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; border-bottom: solid 1px #EAEAEA; white-space:nowrap; overflow:hidden; display: block; } .tourstopmedia li.droptarget { background-color: #D1E3F1; } .tourstopmedia li.acceptdrop { background-color: #D7F1D1; } ul.audiolist li { background: url(http://www.mytourguide.com/Content/jqFileTree/music.png) left top no-repeat; padding-left: 17px; } ul.medialist li { background: url(http://www.mytourguide.com/Content/jqFileTree/picture.png) left top no-repeat; padding-left: 17px; } .recordingwidgetclass { width:220px; height:1px; position:absolute; left:140px; top:100; z-index:15; } .toureditor-buttons { padding: 6px; padding-bottom: 12px; margin: 10; bottom: 0; text-align: center; background-color: #E2E2E2; border-top: 1px solid #808080; } .toureditor-map-buttons { border: 1px solid #808080; padding: 6px; margin: 4px 0; text-align: center; } .toureditor-strong { font-size: 1.2em; font-weight: bold; color: #800000; } .toureditor-tourtype { width: 186px; height: 294px; padding: 16px; padding-top: 32px; margin: 12px auto; margin-bottom: 0; background: url("controls/tour_type_box.png") no-repeat; } .toureditor-panel { text-align:left; padding: 20px 15px; height:100%; float:left; } .toureditor-widget { text-align:left; } .toureditor-maparea { width: 480px; height: 377px; margin: 10px 0px; margin-bottom: 0; background: url("controls/tour_location_palette.png") no-repeat; } .tourmapbox { padding-top:45px; padding-left:11px; } .toureditor-map { border-style: solid; border-width: 1px; border-color: #eee; border-right-width: 2px; width: 455px; height: 318px; overflow: hidden; z-index: 10; } .editor-image { border: solid 1px #fff; background-color: #CCCCCC; padding: 12px 8px; } .editor-imagefilename { text-align:center; margin-bottom:8px; font-size:11px; font-variant:small-caps; background-color:#fff; border-top: solid 1px #f0f0f0; } .editinglatlng { font-size: .9em; color: #3F4D65; text-align: left; padding: 2px 16px; } .tourdragmarker { background: url('controls/marker.png') no-repeat; width: 20px; height: 35px; float:left; margin-left:230px; margin-top:7px; z-index: 20; } .toureditor-description { font-size: 1.1em; letter-spacing: .1em; color: #333333; line-height: 1.6em; vertical-align: top; text-align: left; } .wysiwyg-container { background-color: #fff; border: solid 2px #2F2F2F; text-align:left; color: inherit; } .wysiwyg-container-editor { background-color: #fff; border: solid 2px #2F2F2F; text-align:left; width: 504px; color: inherit; } .wysiwyg-inner { background-color: #fff; border: solid 2px #ccc; text-align:left; color: inherit; } .tabarea-title { padding-top:2px; background-color:white; font-size: 1.2em; letter-spacing: .1em; color: #484F53; font-weight:bold; line-height: 1.6em; text-align:center; } .tabarea-box { padding: 10px; margin: 10px 0; width: 450px; font-size: 1em; letter-spacing: .1em; color: #484F53; line-height: 1.6em; text-align: left; border: solid 1px #ccc; } div.subnav { position:absolute; left: 0; top: 30px; width: 400px; color: #333; font-size:.9em; text-align:left; background: #666; border:solid 1px #333; display:none; } div.subnavinner { border:solid 1px #ccc; padding: 6px; } .editor-selector { float:left; width:214px; height:186px; margin: 20px; background: url(http://www.mytourguide.com/Content/images/create_page_selector.png) no-repeat; } #editor-page { margin-left:250px; margin-top: 20px; width: 750px; color:#222; font-size: 1em; letter-spacing:-1px; } #editor-page .tablesorter { font-size:1.1em; color:#999; } #editor-page .graphic { width:725px; height:349px; background: url(http://www.mytourguide.com/Content/images/create_page_graphic.png) no-repeat; cursor:pointer; } #editor-page .banner { width:469px; height:120px; margin:16px 0; background: url(http://www.mytourguide.com/Content/images/create_page_banner.png) no-repeat; cursor:pointer; } #editor-page .right { width:240px; margin-top: 10px; margin-right:20px; float:right; } ul.editor-page-list { list-style:none; } ul.editor-page-list li { list-style:none; color:#666; padding:12px 0; display:block; border-bottom: solid 1px #ccc; } ul.editor-page-list li img { float:left; width:50px; height:50px; margin-right:6px; } #editor-page .left { margin-top: 10px; width:470px; } #editor-page p { padding: 7px 0; line-height:18px; } #editor-page .listtext { line-height:18px; } #editor-page .mediumtitle { font-weight:bold; font-size:1.3em; } #editor-page .smalltitle { font-weight:bold; font-size:1.0em; } #editor-page .links { line-height:22px; } .editorcontainer { clear:both; }body { font-size: 13px; font-family: Verdana, Helvetica, Sans-Serif; color: #333333; text-align: center; margin: 0; padding: 0; background: #000; scrollbar-arrow-color: #464646; scrollbar-3dlight-color: #6D6D6D; scrollbar-darkshadow-color: #333333; scrollbar-face-color: #A5A5A5; scrollbar-highlight-color: #BFBFBF; scrollbar-shadow-color: #CCCCCC; scrollbar-track-color: #D6D6D6; } html { margin: 0; padding: 0; height: 100%; scrollbar-arrow-color: #464646; scrollbar-3dlight-color: #6D6D6D; scrollbar-darkshadow-color: #333333; scrollbar-face-color: #A5A5A5; scrollbar-highlight-color: #BFBFBF; scrollbar-shadow-color: #CCCCCC; scrollbar-track-color: #D6D6D6; } a:link { color: #556677; text-decoration: none; } a:visited { color: #666666; text-decoration: none; } a:hover { color: #666666; text-decoration: none; } a:active { color: #666666; } legend { font-size: 1em; letter-spacing: .1em; color: #333333; } label { font-size: 1em; letter-spacing: .1em; color: #333333; } p { font-size: 1em; letter-spacing: .1em; color: #333333; } img { border:0; } hr { border: 0; color: #ccc; background-color: #ccc; height: 1px; width: 100%; text-align: left; } .hidden { display:none; } .showing { display:block; } .offscreen { position: absolute; left: -100000px; display: none; } .flashoffscreen { position: absolute; left: -100000px; } .buttoncursor { cursor:pointer; } .loading-indicator { font-size:8pt; background-image: url(http://www.mytourguide.com/Scripts/ExtJS/resources/images/default/grid/loading.gif); background-repeat: no-repeat; background-position: left; padding-left:20px; } #page { width: 100%; margin-left: auto; margin-right: auto; text-align: center; background: #fff; } div#header { position: relative; margin: 0 auto; padding: 0; text-align: center; width: 100%; height: 85px; background: #000 url(http://www.mytourguide.com/Content/images/header_background.png) top left repeat-x; overflow:hidden; } div#innerheader { margin: 0 auto; padding: 0; text-align: center; width: 977px; height: 85px; color: #ccc; cursor: default; background: url(http://www.mytourguide.com/Content/images/main_tabs_background.png) top left no-repeat; overflow:hidden; } div#superheader { position: relative; text-align: center; cursor: default; } div#superheaderinner { margin: 0 auto; padding: 0; padding-top: 5px; text-align: center; width: 977px; color: #666; } div#main { margin: 0 auto; padding: 0; text-align: center; cursor: default; } div#header a:link { color: #fff; text-decoration: none; } div#header a:visited { color: #fff; text-decoration: none; } div#header a:hover { color: #fff; text-decoration: none; } div#header a:active { color: #fff; } div#footer { position: relative; left:0; bottom:0; margin: 0 auto; margin-top:12px; padding: 0; text-align: center; width: 100%; height: 85px; background: #000; overflow:hidden; clear:both; } div#innerfooter { margin: 0 auto; padding: 0; padding-top: 25px; text-align: left; width: 977px; color: #ccc; cursor: default; display:block; } .footeritem { padding: 0; vertical-align:top; display:inline-block; letter-spacing: 1px; color:#999; } .footeritem a { color:#999; } .content { width: 977px; min-height: 300px; padding-top: 20px; padding-bottom: 20px; margin-left:auto; margin-right:auto; text-align: left; } .widecontent { width: 100%; margin: 0; } .pageads { width: 216px; height: 400px; float: right; } .homepage { margin-top: -2px; } .homepage .row { width: 100%; margin: 10px; text-align:center; clear: both; } .homepage .cell { margin: 25px 0; margin-top: 0; margin-right:19px; float:left; } .homepage .cell2 { margin: 25px 0; margin-top: 0; margin-right:23px; float:left; } .homepage .tourlistsurround { width: 950px; height: 325px; background: url(http://www.mytourguide.com/Content/images/home_tours_bin.png) left top no-repeat; } .homepage .tourlistsurround .modebuttonon { float:left; padding-top:8px; margin:10px; margin-left:0px; width:100px; height:30px; font-size:9px; font-weight:bold; color:#fff; text-align:center; background: url(http://www.mytourguide.com/Content/images/home_tours_bin_button_down.png) left top no-repeat; } .homepage .tourlistsurround .modebuttonoff { float:left; padding-top:8px; margin:10px; margin-left:0px; width:100px; height:30px; font-size:9px; font-weight:bold; color:#333; text-align:center; background: url(http://www.mytourguide.com/Content/images/home_tours_bin_button_up.png) left top no-repeat; } .homepage .tourlistsurround .explanation { float:left; padding-top:7px; margin:10px; margin-left:40px; height:30px; font-size:11px; font-weight:bold; color:#666; text-align:right; } .homepage .tourlistsurround .tourlist { padding:0; padding-top:3px; padding-left:8px; margin: 20px 30px; width: 920px; height: 230px; overflow:hidden; } .homepage .tourlist .list { display:none; } .homepage .tourlist .listelement { height: 130px; float:left; cursor:pointer; } .homepage .tourlist .listelement .thumbholder { width: 83px; height: 83px; padding: 0; padding-left: 5px; padding-top: 5px; margin-right: 25px; background: url('http://www.mytourguide.com/Content/images/home_thumb_backing.png') left top no-repeat; display: block; } .homepage .tourlist .listelement .thumb { width: 73px; height: 73px; text-align:center; vertical-align: middle; overflow: hidden; } .homepage .tourlist .listelement .thumb img { max-width: 120px; } .homepage .tourlist .listelement .title { width: 83px; font-size: 11px; font-weight:bold; text-align:left; white-space:nowrap; overflow: hidden; } .admin { font-size: 1.1em; letter-spacing:.1em; text-align:left; } .admin div { margin:8px 0 2px 0; } .admin div img { margin:0 3px 0 0; } #displayname { position: relative; margin-top: 4px; list-style: none; letter-spacing: .1em; float:right; color: #808080; } #loginmenucontainer { position: relative; margin-top: 2px; margin-right: 24px; text-align: right; font-size: 12px; float:right; } #menucontainer { position: relative; padding: 0; padding-top: 28px; margin: 0; margin-right: 18px; text-align: right; float:right; clear:right; display:inline-block; border: 0; } .header_taboff { color: #fff; } .header_tabon { color: #FFC900; } ul#tabmenu { position: relative; margin: 0; list-style: none; } ul#tabmenu li { display: inline; font-size: 14px; font-weight: bold; letter-spacing: .1em; color: #fff; vertical-align: top; } ul#tabmenu li img { margin-top:-6px; padding: 0 1px; } ul#tabmenu li a { color: #fff; text-decoration: none; } ul#tabmenu li a:hover { color: #fff; text-decoration: none; } ul#tabmenu li a:active { color: #fff; text-decoration: none; } ul#tabmenu li.selected a { color: #FFC900; text-decoration: none; } ul#loginmenu { position: relative; margin: 0; } ul#loginmenu li { display: inline; list-style: none; padding: 0 5px; padding-right: 0; letter-spacing: .1em; color: #ccc; } ul#loginmenu li a { color: #999; text-decoration: none; } ul#loginmenu li a:hover { color: #666699; text-decoration: none; } ul#loginmenu li a:active { color: #666699; text-decoration: none; } ul#loginmenu li.selected a { color: #666699; text-decoration: none; } #submenucontainer { position: relative; margin: 0; width: 100%; letter-spacing: 1px; text-align:center; } .submenuitems { width: 977px; margin: 0 auto; border-top: solid 1px #333; padding: 0; background: #ccc; } ul#submenu { position: relative; margin: 0 auto; width: 977px; padding: 0; z-index: 12; } ul#submenu li { list-style: none; padding-right: 0; color: #d6d5d5; float: left; } ul#submenu li a { color: #d6d5d5; text-decoration: none; display: block; padding: 8px 8px 7px 8px; } ul#submenu li a:hover { color: #f1f0f0; text-decoration: none; } ul#submenu li a:active { color: #f1f0f0; text-decoration: none; } ul#submenu li.selected a { color: #f1f0f0; text-decoration: none; } #submenu li.open { background: transparent url(http://www.mytourguide.com/Content/palette/menu_active_right.png) no-repeat right top; } #submenu li.open a { background: transparent url(http://www.mytourguide.com/Content/palette/menu_active_left.png) no-repeat; } .msg { background-color: #232323; } .steel-arrow-left { width: 17px; height: 25px; background: url(http://www.mytourguide.com/Content/controls/steel_arrow_left.png) no-repeat; float:left; margin-right: 2px; } .steel-arrow-left-over { width: 17px; height: 25px; background: url(http://www.mytourguide.com/Content/controls/steel_arrow_left_over.png) no-repeat; float:left; margin-right: 2px; } .steel-arrow-right { width: 17px; height: 25px; background: url(http://www.mytourguide.com/Content/controls/steel_arrow_right.png) no-repeat; float:left; margin-left: 2px; } .steel-arrow-right-over { width: 17px; height: 25px; background: url(http://www.mytourguide.com/Content/controls/steel_arrow_right_over.png) no-repeat; float:left; margin-left: 2px; } fieldset { margin: 1em 0; padding: 1em; border: 1px solid #CCCCCC; } fieldset p { margin: 2px 12px 10px 10px; } fieldset label { display: block; } fieldset label.inline { display: inline; } legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; } table { border: 0; border-collapse: collapse; } table td { padding: 5px; } table th { padding: 6px 5px; text-align: left; background-color: #e8eef4; } .clear { clear: both; } .error { color: Red; } div#title { display: block; float: left; text-align: left; } div#logo { display: block; float: left; text-align: left; margin-top: 1px; } #logindisplay { font-size: 1.1em; display: block; text-align: right; margin: 10px; color: White; } #logindisplay a:link { color: white; text-decoration: underline; } #logindisplay a:visited { color: white; text-decoration: underline; } #logindisplay a:hover { color: white; text-decoration: none; } .field-validation-error { color: #ff0000; } .input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; } .validation-summary-errors { font-weight: bold; color: #ff0000; } div#map_canvas { margin: 0; padding: 0; width: 100%; min-height: 300px; height: 400px; z-index: 10; text-align:left; } @media screen { object { display:block; outline:none; } div#streetview { margin: 0; padding: 0; width: 100%; min-height: 300px; height: 400px; z-index: 12; } } .miniprogress { display: none; text-align:left; padding:4px 0; } .miniprogressstatus { float:right; font-size:11px; } .minibarwrapper { background-color:#4f4f4f; border:solid 2px #7f7f7f; width: 216px; height: 8px; } .minibardisplay { background: url(http://www.mytourguide.com/Content/controls/mini-progress.png) repeat-x; height: 8px; width: 0%; } .tourrockerswitch { background: url(http://www.mytourguide.com/Content/controls/poi_tour_rocker_switch.png) no-repeat; height: 20px; width: 132px; } .rockerswitchleft { background: url(http://www.mytourguide.com/Content/controls/rocker_switch.png) no-repeat; height: 18px; width: 28px; float:left; margin-left: 35px; margin-top: 1px; } .rockerswitchright { background: url(http://www.mytourguide.com/Content/controls/rocker_switch.png) no-repeat; height: 18px; width: 28px; float:right; margin-right: 39px; margin-top: 1px; } .blueheaderfont { font-size:1.2em; text-transform:uppercase; letter-spacing: 1px; color:#0276bc; } .title { display: block; float: left; text-align: left; } .bio-font { font-size: 1.1em; } .tiny-font { font-size: 11px; color: #333333; } .tiny-font a { font-size: 11px; text-decoration: none; color: #333333; } .small-font { font-size: .8em; } .small-font a { font-size: .8em; text-decoration: none; } .general-title { padding-bottom: 3px; border-bottom: solid 1px #0f0f0f; font-size: 18px; letter-spacing: .1em; color: #333333; } .light-title { padding-bottom: 3px; font-size: 1em; letter-spacing: .1em; color: #F0F0F0; } .dark-title { padding-bottom: 3px; font-size: 1em; letter-spacing: .1em; color: #151515; } .normal-title { padding-bottom: 3px; font-size: 1.3em; letter-spacing: .1em; color: #333333; } .normal-title-bold { padding-bottom: 3px; font-size: 1.3em; letter-spacing: .1em; color: #333333; font-weight:bold; } .normal-title-lite { padding-bottom: 3px; font-size: 1.3em; letter-spacing: .1em; color: #494F5A; } .normal-title-red { padding-bottom: 3px; font-size: 1.3em; letter-spacing: .1em; color: #5E0000; } .mini-title { padding-bottom: 3px; font-size: 1.1em; letter-spacing: .1em; color: #333333; } .mini-title-red { padding-bottom: 3px; font-size: 1.1em; letter-spacing: .1em; color: #5E0000; } .small-title { padding-bottom: 3px; font-size: 1.1em; text-decoration:underline; font-variant:small-caps; letter-spacing: .1em; color: #5E0000; } .small-title-red { padding-bottom: 3px; font-size: 1.1em; text-decoration:underline; font-variant:small-caps; letter-spacing: .1em; color: #5E0000; } input[type=text] { width: 220px; padding: 2px 4px; margin: 0; margin-right: 4px; font-family: Verdana; font-size: 1em; letter-spacing: .1em; color: #333333; } input[type=password] { width: 220px; padding: 2px 4px; margin: 0; margin-right: 4px; font-family: Verdana; font-size: 1em; letter-spacing: .1em; color: #333333; } input[type=button] { height:21px; letter-spacing:.1em; font-size:10px; font-variant: small-caps; padding-bottom: 2px; color:#003366; } .form-element { padding-bottom: 11px; text-align:left; } .sharethis { display: inline; font-size: .7em; letter-spacing: .1em; color: #800000; } .sharethis a { display: inline; font-size: .7em; letter-spacing: .1em; color: #800000; } .tourpage { padding:10px; width:820px; } .tourpagemap { width:400px; height:320px; } .tourpage-item{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 3px #555; width:100%; } .tourpage-leftpane { margin:0; text-align:left; float:left; } .tourpage-rightpane { width:400px; margin:0; text-align:left; float:right; } .tourpage-title { padding-bottom: 3px; font-size: 1.4em; letter-spacing: .1em; color: #0F4A7B; } .tourpage-guidetitle { font-size: .8em; letter-spacing: .1em; color: #666666; } .tourpage-description { font-size: 1.2em; letter-spacing: .1em; color: #333333; line-height: 1.6em; text-align: left; padding-bottom: 12px; height:auto; width:410px; } .tourpage-rating { padding-top: 8px; } .tourpage-genre { padding-top: 6px; font-size: .8em; letter-spacing: .1em; color: #800000; } .tourpage-price { padding-top: 6px; font-size: .9em; letter-spacing: .1em; color: #800000; } .tourpage-button { background: #777 none; border: solid 1px #555; -moz-border-radius: 15px; -webkit-border-radius: 15px; font-size:.9em; padding:4px 8px; color: #fff; cursor:pointer; } .tourpage-tourtype { margin-right:8px; } ul.tourpage { width: 100%; text-align:left; display: inline; zoom:1; } ul.tourpage li { list-style:none; padding:10px; background:#f0f0f0; border: solid 1px #aaa; height:auto; margin:2px 0; } .wysiwyg-container { background-color: #fff; border: solid 2px #333333; text-align:left; } .wysiwyg-container-toureditor { background-color: #fff; border: solid 2px #333333; text-align:left; width: 474px; } .wysiwyg-inner { background-color: #fff; border: solid 2px #ccc; text-align:left; } .zoom-control { position:absolute; width:20px; height:207px; cursor:default; display:none; } .zoom-button-in { width:20px; height:21px; float:left; background: url(http://www.mytourguide.com/Content/controls/zoom_control_in.png) no-repeat; cursor:pointer; } .zoom-button-in-over { width:20px; height:21px; float:left; background: url(http://www.mytourguide.com/Content/controls/zoom_control_in_over.png) no-repeat; cursor:pointer; } .zoom-button-out { width:20px; height:23px; float:left; background: url(http://www.mytourguide.com/Content/controls/zoom_control_out.png) no-repeat; cursor:pointer; } .zoom-button-out-over { width:20px; height:23px; float:left; background: url(http://www.mytourguide.com/Content/controls/zoom_control_out_over.png) no-repeat; cursor:pointer; } .zoom-track { width:20px; height:163px; float:left; background: url(http://www.mytourguide.com/Content/controls/zoom_control_track.png) no-repeat; } .zoom-slider { width:20px; height:15px; float:left; background: url(http://www.mytourguide.com/Content/controls/zoom_control_slider.png) no-repeat; cursor:pointer; } .zoom-slider-over { width:20px; height:15px; float:left; background: url(http://www.mytourguide.com/Content/controls/zoom_control_slider_over.png) no-repeat; cursor:pointer; } .zoom-clearfix { clear: right; width:20px; height:167px; } .maptype-control { position:relative; width:207px; height:21px; float:right; cursor:default; display:none; } .maptype-icon { display:none; position:absolute; } .maptype-map { width:68px; height:19px; background: url(http://www.mytourguide.com/Content/controls/map_type_buttons/map_buttons_map_on.png) no-repeat; cursor:pointer; float:left; } .maptype-map-map { width:69px; height:37px; background: url(http://www.mytourguide.com/Content/controls/map_type_buttons/map_map_map.png) no-repeat; } .maptype-satellite { width:68px; height:19px; background: url(http://www.mytourguide.com/Content/controls/map_type_buttons/map_buttons_satellite.png) no-repeat; cursor:pointer; float:left; } .maptype-satellite-map { width:69px; height:37px; background: url(http://www.mytourguide.com/Content/controls/map_type_buttons/map_map_satellite.png) no-repeat; } .maptype-hybrid { width:68px; height:19px; background: url(http://www.mytourguide.com/Content/controls/map_type_buttons/map_buttons_satellite.png) no-repeat; cursor:pointer; float:left; } .maptype-hybrid-map { width:69px; height:37px; background: url(http://www.mytourguide.com/Content/controls/map_type_buttons/map_map_hybrid.png) no-repeat; } .maptype-terrain { width:69px; height:19px; background: url(http://www.mytourguide.com/Content/controls/map_type_buttons/map_buttons_terrain.png) no-repeat; cursor:pointer; float:left; } .maptype-terrain-map { width:69px; height:37px; background: url(http://www.mytourguide.com/Content/controls/map_type_buttons/map_map_terrain.png) no-repeat; } .maptype-clearfix { clear: right; } .infobox { position: relative; width: 304px; height: 194px; font-family: Verdana, Arial, Sans-Serif; font-size: .9em; letter-spacing: .1em; color: #C0C0C0; text-decoration: none; text-align: left; float: left; display: none; } .infobox a { color: #B9C0C8; letter-spacing: .1em; text-decoration: none; } .infobox-content-top { height:154px; overflow:hidden; } .infobox-close-button { float:right; margin-top:5px; margin-right:8px; position:absolute; width:16px; height:16px; background: url(http://www.mytourguide.com/Content/box/box_close_button.gif) no-repeat; } .infobox-content-bottom { position:absolute; bottom:13; width:87%; padding-left:6px; border-top:solid 1px #555; text-align:center; } .infobox-upper { float:left; text-align:left; } .infobox-middle { float:left; text-align:left; } .infobox-lower { float:left; text-align:center; } .infobox-upper-left { float:left; width:18px; height:12px; background: url(http://www.mytourguide.com/Content/box/box_upper_left.png) no-repeat; } .infobox-upper-center { float:left; width:268px; height:12px; background: url(http://www.mytourguide.com/Content/box/box_upper_center.png) repeat-x; } .infobox-upper-right { float:right; width:18px; height:12px; background: url(http://www.mytourguide.com/Content/box/box_upper_right.png) no-repeat; } .infobox-middle-left { float:left; width:18px; height:158px; background: url(http://www.mytourguide.com/Content/box/box_middle_left.png) repeat-y; } .infobox-middle-center { float:left; width:268px; height:158px; background: url(http://www.mytourguide.com/Content/box/box_middle_center.png) repeat; } .infobox-middle-right { float:right; width:18px; height:158px; background: url(http://www.mytourguide.com/Content/box/box_middle_right.png) repeat-y; } .infobox-lower-left { float:left; width:18px; height:18px; background: url(http://www.mytourguide.com/Content/box/box_lower_left_inset.png) no-repeat; } .infobox-lower-center { float:left; width:268px; height:18px; background: url(http://www.mytourguide.com/Content/box/box_lower_center.png) repeat-x; } .infobox-lower-right { float:right; width:18px; height:18px; background: url(http://www.mytourguide.com/Content/box/box_lower_right.png) no-repeat; } .infobox-clearfix { clear: right; } .infobox-imgcontainer { float:left; margin-right:8px; margin-bottom:1px; width: 100px; height: 100px; text-align:center; } .infobox-favlink { font-size:.8em; color:#FFEEEE; } .infobox-fav { display:none; float:left; margin-right:1px; } .infobox-title { font-size:1.1em; color:#FFEEEE; margin-bottom:6px; } .infobox-genre { font-size: .8em; color: #CCCCCC; margin-bottom: 6px; border-bottom:solid 1px #777; overflow:hidden; } .infobox-desc { font-size:.8em; } .infobox-rating { display:inline; margin-right:5px; margin-top:2px; } .infobox-price { display:inline; } .scrollbar { position:absolute; width:16px; height:32px; } .scrolltrack { position:absolute; width:16px; height:32px; background: url(http://www.mytourguide.com/Content/controls/scrollbar/scroll_track.png) repeat-y; } .scrollslider { position:absolute; width:16px; height:1px; background: url(http://www.mytourguide.com/Content/controls/scrollbar/scroll_slider_middle.png) repeat-y; } .scrollslider-top { position:absolute; width:16px; height:1px; background: url(http://www.mytourguide.com/Content/controls/scrollbar/scroll_slider_top.png) no-repeat; } .scrollslider-bottom { position:absolute; width:16px; height:1px; background: url(http://www.mytourguide.com/Content/controls/scrollbar/scroll_slider_bottom.png) no-repeat; } .scrollslider-grip { position:absolute; width:16px; height:17px; background: url(http://www.mytourguide.com/Content/controls/scrollbar/scroll_slider_grip.png) no-repeat; } .scrollup { position:absolute; width:16px; height:16px; background: url(http://www.mytourguide.com/Content/controls/scrollbar/scroll_up.png) no-repeat; } .scrolldown { position:absolute; width:16px; height:16px; background: url(http://www.mytourguide.com/Content/controls/scrollbar/scroll_down.png) no-repeat; } .accountformdiv { width: 300px; padding: 10px 20px; margin: 0; margin-top: 40px; margin:left: 10px; border: solid 1px #333333; background-color: #E9E9E9; color: #333333; text-align:center; line-height:1.8em; float:right; } .accountformdiv a { text-decoration:none; font-size: .8em; } .accountformtitle { padding-bottom: 3px; font-size: 1.2em; letter-spacing: .1em; font-weight:bold; color: #333333; } .contentboxbottombar { clear: both; text-align: right; padding: 4px; padding-bottom: 1px; margin: 10; height: 24px; background-color: #ccc; } .tourguidearea { width:680px; } .bloglist { padding: 10px 20px; padding-top: 40px; border: 1px solid #999; text-align: left; width: 240px; float: right; } .profilearea { padding-top: 40px; width:660px; } .profileincludes { padding: 15px 20px; padding-bottom: 10px; border: 1px solid #999; text-align: left; height: 120px; } .profile-image { border: solid 1px #fff; background-color: #fff; padding: 8px; } .profile-imagefilename { text-align:center; margin-bottom:8px; font-size:11px; font-variant:small-caps; background-color:#fff; border-top: solid 1px #f0f0f0; } .contentlistholder { padding: 15px 20px; padding-bottom: 10px; background-color:#f2f2f2; border: 1px solid #ccc; text-align: left; margin-bottom:2px; } .contentlist { width: 100%; height: 300px; background-color: #fff; border: 1px solid #ccc; overflow: scroll; } .filetreeholder { width: 220px; height: 240px; background: url(http://www.mytourguide.com/Content/controls/file_panel.png) left top no-repeat; padding: 20px; padding-top: 33px; } .filetreesurround { overflow-y: scroll; width: 181px; height: 160px; } .filetreeaddfolderbutton { width: 70px; height: 18px; margin-top: 13px; margin-left: 20px; float:left; background: url(http://www.mytourguide.com/Content/controls/add_folder_button.png) left top no-repeat; } .filetreeaddfolderbuttonover { width: 70px; height: 18px; margin-top: 13px; margin-left: 20px; float:left; background: url(http://www.mytourguide.com/Content/controls/add_folder_button_over.png) left top no-repeat; } .filetreeaddcontentbutton { width: 70px; height: 18px; margin-top: 13px; margin-left: 2px; float:left; background: url(http://www.mytourguide.com/Content/controls/add_content_button.png) left top no-repeat; } .filetreeaddcontentbuttonover { width: 70px; height: 18px; margin-top: 13px; margin-left: 2px; float:left; background: url(http://www.mytourguide.com/Content/controls/add_content_button_over.png) left top no-repeat; } input.droptarget { background-color: #D1E3F1; } input.acceptdrop { background-color: #D7F1D1; } .downloadPageFloats { float:left; text-align:left; padding:0 20px; border-left: solid 1px #e9e9e9; width: 210px; } .compatchart { background-color: #f0f0f0; width: 300px; height: 300px; color: #330099; padding: 6px; } textarea#styled { width: 600px; height: 120px; border: 3px solid #808080; padding: 5px; font-family: Tahoma, sans-serif; background-image: url(bg.gif); background-position: bottom right; background-repeat: no-repeat; } .clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .lighttan { background-color: #FFF5EC; } .darksurround { background-color: #999; } .mediumborder { border:solid 1px #999; } .clear { display: inline-block; } .clear { display: block; } div.form div.row { width: 100%; clear: both; min-height: 25px; margin:8px 0 2px 0; } div.form div.row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } div.form div.row label { display: block; float: left; width: 100px; text-align: right; margin-right: 4px; } div.form div.row.required label { font-weight: bold; line-height: 21px; } div.form div.row div.data { float: left; } div.form div.buttons { text-align: right; padding: 10px 10px 0; } .ui-dialog .ui-dialog-content { background: #fff none; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #000; } .rating div { height: 18px; background: transparent url(http://www.mytourguide.com/Content/images/rating.png) no-repeat; } .rating { width: 100px; background: transparent url(http://www.mytourguide.com/Content/images/rating-background.png) no-repeat; cursor: pointer; } .noInteraction { cursor: auto; } .rotator table img { display: block; float: left; } .rotator table td { padding: 0; } .rotator .element { position: absolute; } .rotator .control { cursor: pointer; } .loginbox { background-color:#faf9f9; border:solid 1px #999; margin-left:170px; padding:40px; width:550px; height:100%; text-align:center; } .bluetitle { font-size:1.1em; text-transform:uppercase; letter-spacing: 1px; color:#0276bc; } .redtitle { display: block; font-size: 1.1em; text-transform: uppercase; letter-spacing: 1px; color: #993333; } .codelist { border: solid 1px #999999; text-align:left; width:600px; } .codelistitem { color: #333366; } .darkbutton { background: url(http://www.mytourguide.com/Content/controls/dark_button.png) no-repeat; width: 94px; height: 18px; color: #e0e0e0; font-size:11px; text-align:center; } .darkbutton:link { text-decoration: none; color: #e0e0e0; } .darkbutton:visited { text-decoration: none; color: #e0e0e0; } .darkbutton:hover { text-decoration: none; color: #fff; } .orangebutton { background: url(http://www.mytourguide.com/Content/controls/orange_button.png) no-repeat; width: 94px; height: 20px; padding-top:3px; font-size:10px; color: #333; text-align:center; cursor:pointer; display:inline-block; } .orangebutton:link { text-decoration: none; color: #333; } .orangebutton:visited { text-decoration: none; color: #333; } .orangebutton:hover { background: url(http://www.mytourguide.com/Content/controls/orange_button_over.png) no-repeat; text-decoration: none; color: #333; } .nolink { width: 60px; text-align: center; padding: 0; font-weight: bold; color: #999; } .morelink { width: 60px; text-align: center; padding: 0; font-weight: bold; color: #e0e0e0; cursor: pointer; } .morelink:link { text-decoration: none; color:#e0e0e0; } .morelink:visited { text-decoration: none; color:#e0e0e0; } .morelink:hover { text-decoration: none; color:#fff; } table.tablesorter { border: 1px solid #ccc; font-family:Verdana, Georgia, Sans-Serif; font-size: .8em; line-height: 1em; width: 100%; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #ccc; font-size: .8em; padding: 4px; border-right: 1px solid #fff; } table.tablesorter thead tr th:last-child { border: none; } table.tablesorter thead tr .header { background-repeat: no-repeat; background-position: right center; cursor: pointer; } table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; } table.tablesorter tbody tr.odd td { background-color:#F0F0F6; } table.tablesorter thead tr .headerSortUp { background-image: url(http://www.mytourguide.com/Content/icons/asc.gif); } table.tablesorter thead tr .headerSortDown { background-image: url(http://www.mytourguide.com/Content/icons/desc.gif); } table.tablesorter tfoot { background-color: #666666; color: #dddddd; font-size: .8em; } table.tablesorter tfoot td { border-bottom: 0; border-right: 0; } .channelEditor label { color:White; } div.Cart { text-align: center; width: 100%; } div.Cart input[type="text"] { width: 20px; } div.Cart div.Left, div.Cart div.Right { float: left; width: 25%; } div.Cart div.Body { float: left; width: 50%; } div.Cart table { width: 100%; } div.Cart td { border: solid 1px #CCC; border-collapse: collapse; text-align: center; padding: 5px; height: 26px; } div.Cart .Left { text-align: left; } div.Cart .Right { text-align: right; } div.Cart th { border: solid 1px #CCC; border-collapse: collapse; text-align: center; } div.ClearBoth { clear: both; } div.Cart td.Clear { border-left: solid 1px #FFF; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; border-top: solid 1px #CCC; text-align: right; } div.CheckoutContainer div.Continue, div.CheckoutContainer div.Checkout { float: left; margin-right: 10px; padding: 0; margin: 0; } div.Cart div.Continue { float: left; width: 200px; } div.Cart td.Subtotal { text-align: right; } div.Cart div.Checkout { float: right; width: 100px; } div.CheckoutContainer a, div.Cart a { padding: 3px; border: solid 1px #CCC; } div.CheckoutContainer { width: 65%; margin: 0 auto; min-height: 500px; } div.CheckoutContainer div.Shipping { width: 500px; text-align: left; float: left; } div.CheckoutContainer div.Billing { width: 500px; text-align: left; float: left; } div.CheckoutContainer div.BillingAddress { text-align:left; width:100%; padding:0px 0px 10px 20px; } div.CheckoutContainer div.BillingLink { text-align:right; width:100%; font-weight:bold; padding-bottom:5px; } div.CheckoutContainer div.BillingLink a { text-decoration: underline; border:solid 0px white; } div.CheckoutContainer span.Total { font-weight:bold; float:right; padding-left:5px; } .FloatLeft { float:left; } .FloatRight { float:right; } div.Cart input[type="submit"], div.CheckoutContainer input[type="submit"] { padding: 3px; margin: 0; color: #556677; border: solid 1px #CCC; background-color: #FFF; } div.CheckoutContainer input[type="button"] { padding: 3px; margin: 0 10px 0 0; font-size:100%; height:25px; color: #556677; border: solid 1px #CCC; background-color: #FFF; } div.Address { text-align: left; } .AlignLeft { text-align: left; } div.Cart a { padding: 3px; border: solid 1px #CCC; } div.CheckoutContainer th.Edit a { padding: 3px; border: solid 0px #E8EEF4; } div.CheckoutContainer div.formEntry { margin: 2px 12px 10px 10px; width:100%; } div.CheckoutContainer label { float: left; width: 160px; text-align:left; } div.CheckoutContainer fieldset { margin: 1em; padding: .5em; border: 1px solid #d8d8d8; } div.CheckoutContainer legend { font-size: 1.4em; font-weight: 600; padding: .2em; text-align:left; } div.CheckoutContainer div.formEntry div { float:left; } div.CheckoutContainer div.OrderButton { float:right; margin-right:10px; } div.GoTo a { border: #FFF 1px solid; text-decoration:underline; } .validation-summary-errors { text-align: left; } #coupon { width: 100px; } .librarypalette { text-align:left; font-size:1.0em; width: 580px; padding: 0; background:#f0f0f0 url(http://www.mytourguide.com/Content/controls/palette_dragger.png) repeat-x; border:solid 1px #000; position: absolute; left: 20px; top: 35px; z-index:100000; } .librarymenu { text-align:left; font-size:1.0em; width: 335px; height: 510px; padding: 0; background:#f0f0f0 url(http://www.mytourguide.com/Content/controls/palette_dragger.png) repeat-x; border:solid 1px #000; position: absolute; left: 20px; top: 35px; z-index:100010; } .librarypaletteinner { padding: 6px; font-size:1.2em; line-height: 1.4em; background-color:#f0f0f0; } .libraryheader { background:#D7D1C9; height: 30px; padding: 6px; } .librarytitle { color: #535353; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; letter-spacing: 2px; font-weight:bold; } .librarylist { width: 236px; height: 300px; padding: 0; background-color:#f0f0f0; border:solid 1px #666; font-size: .8em; overflow:hidden; overflow-y: scroll; } .librarymenulist { font-size: .9em; } .libraryfilelist { font-size: .9em; height: 405px; width: 320px; border:solid 1px #666; overflow:hidden; overflow-y: scroll; float:right; } .librarylistitem { background-color:#f0f0f6; } .librarylistitemdark { background-color: #E6EAF0; } .librarypreviewarea { width:210px; height:210px; padding: 0; text-align:center; position:absolute; bottom:12px; left:12px; line-height: .8em; } .librarydragbar { width:100%; height:15px; padding-top: 1px; padding-left: 10px; margin:0; color:#e0e0e0; text-align:center; font-family: Verdana, Sans-Serif; font-size:10px; font-variant:small-caps; } .librarynondragbar { width:325px; height:15px; padding-top: 1px; padding-left: 10px; margin:0; background:#2f2f2f; color:#e0e0e0; text-align:center; font-family: Verdana, Sans-Serif; font-size:10px; font-variant:small-caps; } .paletteclosebutton { width:18px; height:15px; padding-top: 1px; color:#e0e0e0; text-align:center; font-family: Verdana, Sans-Serif; font-size:9px; margin-right: 8px; float:right; cursor:pointer; } .dragcontainer { background-color:#fff; padding:2px 4px; line-height: 1.2em; white-space: nowrap; display:block; } ul.libraryfilemenu { padding: 0; font-size: 1.0em; } ul.libraryfilemenu li { list-style: none; padding-right: 3px; color: #333339; } ul.libraryfilemenu li a { color: #333339; text-decoration: none; display: block; padding: 0 2px; border-bottom:solid 1px #f5f5f5; } ul.libraryfilemenu li a:hover { color: #33339F; text-decoration: none; border-bottom:solid 1px #fcfcfc; } ul.libraryfilemenu li a:active { color: #333339; text-decoration: none; } ul.libraryfilemenu li.selected a { color: #333339; text-decoration: none; } .libraryplayerclass { display:none; } .libraryrecorderclass { display:none; } .flashconnectordiv { position: absolute; top: 0px; left: 0px; float:left; width:100%; height:1px; background:#000; } .mp3playerdiv { width: 1px; height: 1px; position: absolute; top: 0px; left: 0px; } .largevideodiv { width: 1px; height: 1px; position: absolute; top: 85px; left: 0px; display:block; z-index: 20000; } .minivideodiv { width: 1px; height: 1px; position: absolute; top: 85px; left: 0px; display:block; z-index: 20000; } .mp3widget { padding: 3px 5px; padding-bottom: 1px; font-size: .8em; color: #eee; background-color: #555; border: 1px solid #000; -moz-border-radius: 6px; -webkit-border-radius: 6px; display:inline-block; } .iphone { width:176px; height:258px; float:right; margin-right:173px; margin-top:101px; } .homepagebuttons { float:left; margin-left:110px; margin-top:430px; } .homepagelinks { float:left; clear:both; margin-left:250px; margin-top:73px; } .guidelist { width: 600px; } .adminmenu { padding:20px 0; padding-left:20px; padding-bottom:24px; margin:0; margin-left:30px; border-left:solid 1px #ccc; float:right; } .adminmenu > .bold { font-weight:bold; } .adminusers { padding:20px 0; margin:0; } .adminusers > .bold { font-weight:bold; } .adminusers table { border:solid 1px #ccc; } .adminusers table thead tr { border-bottom:solid 1px #ccc; } .adminusers table thead th { border-right:solid 1px #ccc; } .adminusers table thead th.right { border-right:0; } .adminusers table tbody tr { border-bottom:solid 1px #ccc; } .adminusers table tbody td { border-right:solid 1px #ccc; } .adminusers table tbody td.right { border-right:0; } .adminusers table tbody td.middle { text-align:center; } .adminusers table tbody td.date { text-align:right; } #searcharea { float:left; text-align:left; width:263px; margin:10px; margin-top:30px; } #searcharea .top { height:35px; background:url(http://www.mytourguide.com/Content/images/searchbox_top.png) no-repeat; } #searcharea .middle { padding:0; background:url(http://www.mytourguide.com/Content/images/searchbox_middle.png) repeat-y; } #searcharea .content { margin-top: -4px; padding:0; padding-left:5px; width:249px; min-height:240px; height:240px; overflow-y:scroll; } #searcharea .bottom { height:32px; background:url(http://www.mytourguide.com/Content/images/searchbox_bottom.png) no-repeat; } #searcharea .clearbutton { float:right; width:81px; height:17px; margin-bottom:3px; margin-right:22px; display:inline; background:url(http://www.mytourguide.com/Content/images/clear_all.png) no-repeat; } #searcharea .clearbutton:hover { background:url(http://www.mytourguide.com/Content/images/clear_all_over.png) no-repeat; } #searcharea .submit { float:right; width:81px; height:17px; margin-top:7px; margin-right:10px; background:url(http://www.mytourguide.com/Content/images/searchbox_submit.png) no-repeat; } #searcharea .submit:hover { background:url(http://www.mytourguide.com/Content/images/searchbox_submit_over.png) no-repeat; } #searcharea .arrow { float:left; margin-right:2px; } #searcharea .arrow, x:-moz-any-link, x:default { float:left; margin-right:2px; margin-top:1px; } #searcharea .arrowclosed { width:16px; height:16px; display:inline-block; background:url(http://www.mytourguide.com/Content/controls/arrow_closed.png) no-repeat; } #searcharea .arrowopened { width:16px; height:16px; display:inline-block; background:url(http://www.mytourguide.com/Content/controls/arrow_opened.png) no-repeat; } #searcharea .searchBox { width:179px; height: 16px; border:0; } #searcharea .searchBoxSurround { border: 1px solid #d6d5d5; -moz-border-radius: 2px; -webkit-border-radius: 2px; width:223px; height: 20px; } #searcharea .searchContainer { position: relative; padding-top: 5px; } #locationContainer .searchMenu { display: none; } #searcharea .searchContainer .searchButton { width: 21px; height: 21px; position: absolute; right: 8px; top: 23px; background: transparent url(/Content/images/search-icon.png); cursor: pointer; padding: 0; } #searcharea .searchContainer .searchButton:hover { background: transparent url(/Content/images/search-icon-over.png); } #searcharea .searchContainer .clearButton { width: 16px; height: 16px; position: absolute; right: 31px; top: 24px; background: transparent url(/Content/controls/delete_light.png) no-repeat; cursor: pointer; display: none; padding: 0; } #searcharea .searchtype_radiogroup span { padding-left:3px; color:#333366; } #searchMenu .header { font-weight: bold; padding: 0 10px; } #searchMenu .item { padding: 4px 10px; } #searchMenu .itemSelected { background-color: #ccc; } #searchMenu .body .right { padding: 0 8px; } #searchMenu .items { width: 336px; max-height: 400px; overflow: auto; } #searcharea .filterMenuSurround { width:224px; height:auto; border:solid 1px #D6D5D5; } #filterMenu ul { padding-left: 6px; padding-bottom:8px; border-top: 1px solid #ddd; } #filterMenu li { padding: 6px; padding-bottom:0; list-style: none; } #filterMenu label { padding-left:3px; } #GeneralFilters .filters { border: 1px solid #ddd; padding: 8px; width: 207px; } #GeneralFilters ul { padding-left: 6px; padding-bottom:8px; } #GeneralFilters li { padding: 6px; padding-bottom:0; list-style: none; } #GeneralFilters label { padding-left:3px; } #filterMenu .filter { border-bottom: 1px solid #ddd; } #filterMenu .filter strong { font-size: 11pt; color:#333366; padding: 3px 6px; background:#fafafc; display: block; } #filterMenu .filter strong, x:-moz-any-link, x:default { font-size: 11pt; color:#333366; padding: 2px 6px; background-color:#fafafc; background:#fafafc; display: block; }.channel h1 { margin-top: 0; } .tours { border: 1px solid #999; background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; margin-top: 10px; } .tours h2 { margin-top: 0; } .tour { border-bottom: 1px solid #999; margin-bottom: 10px; padding-bottom: 10px; } .tour:last-child { border: none; margin-bottom: 0; } .tour .photo { float: left; width: 140px; height: 120px; text-align: center; line-height: 118px; overflow: hidden; background-color: #fff; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-right: 10px; } .tour .photo img { max-width: 120px; max-height: 100px; vertical-align: middle; } .tour .details { float: left; width: 500px; } .tour .rating { float: left; margin-right: 20px; } .tour .genre { float: left; width: 100px; } .tour .links { float: left; } .tour .footer { line-height: 18px; margin-top: 8px; } .tour h3 { margin: 0; } .tour h4 { margin: 0 0 6px 0; } .tour .links .download { background: transparent url(http://www.mytourguide.com/Content/controls/download_light.png) no-repeat 4px 4px; padding: 4px 10px 4px 24px; } .tour .links .view { background: transparent url(http://www.mytourguide.com/Content/controls/view_light.png) no-repeat 4px 4px; padding: 4px 10px 4px 24px; } .tour .links .map { background: transparent url(http://www.mytourguide.com/Content/controls/map_light.png) no-repeat 4px 4px; padding: 4px 10px 4px 24px; } .channelEditor { text-align: left; } .channelEditor textarea { width: 350px; height: 200px; }#profileTabs h3 { color: #000; margin-top: 0; } #myProfileTabs .form { position: relative; } #myProfileTabs .form label { width: 150px; } #myProfileTabs .form .buttons { position: absolute; top: -25px; right: 0; padding: 0; } #myProfileTabs input[disabled] { border: none; background-color: #fff; } .error { background: #FFFFCC url(http://www.mytourguide.com/Content/icons/error.png) no-repeat 8px 8px; border: 1px solid #a8a887; color: #000; padding: 10px 10px 10px 32px; display: none; margin-bottom: 10px; } .success { background-image: url(http://www.mytourguide.com/Content/icons/check.png); } div.form div.row label { width: 140px; } div.form div.row div.data label { float: none; text-align: left; display: inline; width: auto; } div.form div.row { line-height: 24px; font-size: 12px; } div.form div.left, div.form div.right { width: 50%; float: left; } .guideProfile .photo img { max-width: 200px; max-height: 200px; } .guideProfile .top { padding-top: 0; margin: 0; } .guideProfile .panel { width: auto; float: none; } .guideProfile .url { padding-left: 100px; } .guideProfile .description textarea { width: 98%; height: 200px; } .guideProfile .panel .body { padding: 10px; } .guideProfile .photoPanel .body { height: 235px; } .tourReport .dateRange { float: left; } .tourReport .stats { float: left; margin-left: 50px; } .tourReport .graph { width: 750px; height: 500px; margin: 0 auto; } .panel { float: left; width: 48%; margin: 0 1% 1% 0; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .myAccount .panel { width: auto; float: none; } .panel .title { float: none; background-color: #999; border: 1px solid #999; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; color: #fff; padding: 4px; } .panel .body { min-height: 100px; background-color: #fff; border: 1px solid #fff; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } #profileTabs { width: 200px; float: left; margin-right: 10px; } #profileTabs ul { list-style: none; border: 1px solid #007fc4; padding: 0; margin: 0; } #profileTabs li a { display: block; padding: 4px; } #profileTabs li.selected { background-color: #007FC4; } #profileTabs li.selected a { color: #fff; } #profileContent { width: 767px; float: left; } #profileContent .panel table { width: 100%; } .myAccount input, .guideProfile input[type=text] { width: 198px; } .myAccount .panel .body { padding: 4px; } div.guideProfile div.left, div.guideProfile div.right { width: 373px; margin: 0 0 10px 0; } div.guideProfile div.left { margin-right: 9px; } div.guideProfile div.row { width: auto; } .revenue .panel { float: none; width: auto; } .validIcon { padding: 1px 8px; } .errorIcon { background-image: url(/Content/icons/error.png); } .guidePreview .messageBanner { text-align: left; background-color: #f9fe9d; padding: 10px; } .ui-dialog .guidePreview { padding: 0; } #profileContent .promotions { width: 100%; padding:0; margin:0; } #profileContent .promotions .heading { color:#333344; font-size:1.1em; } #profileContent .promotions .subheading { color:#999; font-size:.9em; } #profileContent .promotions .list { width: 350px; height: 200px; overflow-y:scroll; padding:10px; margin-right:-7px; background:#fff; border:solid 1px #bbb; float:right; } #profileContent .promotions .left { margin-right:0; float:left; } #profileContent .promotions tr.codeitem { font-size: .9em; border-bottom:solid 1px #eee; } #profileContent .promotions tr.touritem { font-size: .9em; border-bottom:solid 1px #eee; cursor: pointer; } #profileContent .promotions tr.selected td { background: #eeeeff; } #profileContent hr { width: 60%; margin-left:20%; } 
