/* body formatting */
body { background: #FFFFFF; margin-top: 1px; text-align: center; margin-left: 3px; margin-right: 3px; }
.wrapper { min-width: 700px; max-width: 1020px; margin-left: auto; margin-right: auto; width:expression(document.body.clientWidth > 980?'980':(document.body.clientWidth < 805?'805px':'auto') ); }
.fixedWrapper { margin-left: auto; margin-right: auto; }

/* Text Formatting */
p, td { font-size: 12px; font-family: "Trebuchet MS", Verdana, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; margin-top: 3px; } /* normal */
h1 { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; margin-top: 6px; margin-bottom: 6px; } /* heading */
h2  { color: #ffffff; font-size: 14px; font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; line-height: 100%; margin-top: 0px; margin-bottom: 0px; margin-left: 30px; margin-right: 30px; } /* pane_text */
h3 { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;  margin-bottom: 0px; } /* diary_header */
table.userSupplied { border: thin solid #666666; }
td.userSupplied { background-color: #d7d7d7; }
th.userSupplied { background-color: #666666; color: #ffffff; font-size: 12px; font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; }

.smallNine { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 9px; } /* ittybitty */
.smallTen {  font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 10px; } /* small_normal */
.smallEleven {  font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 11px; } /* Photo header */
.formInput {  font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; } /* Form Input */
p.smallNine, p.smallTen, p.smallEleven { margin-top: 1px; margin-bottom: 1px; }
.closeBox { color: #ffffff; font-size: 9px; margin-top: 0px; margin-bottom: 0px; }

/* link formatting */
A.underlineLink:link, A.underlineLink:visited { text-decoration: underline; }
A.underlineLink:active, A.underlineLink:hover { text-decoration: none; }
A.underlineHover:link, A.underlineHover:visited { text-decoration: none; }
A.underlineHover#underlineHoverSelected:link, A.underlineHover#underlineHoverSelected:visited { text-decoration: none; font-weight: bold; } /* When this link is actually pointing to itself */
A.underlineHover:active, A.underlineHover:hover { text-decoration: underline; }

/* colours - for span */
.blue, .blue a:link, .blue a:visited { color: #0033CC;}
.ltgrey, .ltgrey a:link, .ltgrey a:visited { color: #777777; }
.darkgrey, .darkgrey a:link, .darkgrey a:visited { color: #333333 }
.darkgrey a:hover { color: #000000; cursor: hand; }

/* header background image */
.header {  background: #CCCCFF url(/site/images_templates/default/header/PR_menu_header_tm.gif); }
.expHeader {  background: #CCCCFF url(/site/images_templates/default/header/PR_exp_header_tm.gif); }

/* Panes, negative positioning values are workarounds for IEs random implementation of CSS */

/* Bold */
.paneBoldTop { background: url(/site/images_templates/default/borders/borderBoldTop.gif) repeat-x top; width: 100%; height: 17px; padding-top: 3px; position: relative; top: 0px; left: 0px; }
.paneBoldMid { background: #cccccc; position: relative; top: 0px; right: 0px; height: 100%; width: 100% }
.paneBoldBot { background: url(/site/images_templates/default/borders/borderBoldBot.gif) repeat-x bottom; width: 100%; height: 30px; position: relative; top: 0px; left: 0px; }
.paneBoldTopLeft { background: url(/site/images_templates/default/borders/borderBoldTopLeft.gif) no-repeat top left; width: 20px; height: 20px; position: absolute; top: 0px; left: 0px; }
.paneBoldTopRight { background: url(/site/images_templates/default/borders/borderBoldTopRight.gif) no-repeat top right; width: 20px; height: 20px; position: absolute; top: 0px; right: -1px; }

.paneBoldLeft { background: url(/site/images_templates/default/borders/borderBoldLeft.gif) repeat-y left; width: 20px; height: 100%; position: absolute; top: 0px; left: 0px; }
.paneBoldRight { background: url(/site/images_templates/default/borders/borderBoldRight.gif) repeat-y right; width: 20px; height: 100%; position: absolute; top: 0px; right: -1px; }

.paneBoldBotLeft { background: url(/site/images_templates/default/borders/borderBoldBotLeft.gif) no-repeat bottom left; width: 20px; height: 30px; position: absolute; bottom: 0px; left: 0px; }
.paneBoldBotRight { background: url(/site/images_templates/default/borders/borderBoldBotRight.gif) no-repeat bottom right; width: 20px; height: 30px; position: absolute; bottom: 0px; right: -1px; }
.paneBoldContent { padding-left: 25px; padding-right: 25px; padding-top: 2px; padding-bottom: 1px; }

/* Standard */
.paneTop { background: url(/site/images_templates/default/borders/borderTop.gif) repeat-x top; width: 100%; height: 17px; padding-top: 3px; position: relative; top: 0px; left: 0px; }
.paneMid { background: #e7e7e7; position: relative; top: 0px; right: 0px; height: 100% !important; width: 100% }
.paneBot { background: url(/site/images_templates/default/borders/borderBot.gif) repeat-x bottom; width: 100%; height: 12px; position: relative; top: 0px; left: 0px; }
.paneTopLeft { background: url(/site/images_templates/default/borders/borderTopLeft.gif) no-repeat top left; width: 20px; height: 20px; position: absolute; top: 0px; left: 0px; }
.paneTopRight { background: url(/site/images_templates/default/borders/borderTopRight.gif) no-repeat top right; width: 20px; height: 20px; position: absolute; top: 0px; right: -1px; }

.paneLeft { background: url(/site/images_templates/default/borders/borderLeft.gif) repeat-y left; width: 20px; height: 100%; position: absolute; top: 0px; left: 0px; }
.paneRight { background: url(/site/images_templates/default/borders/borderRight.gif) repeat-y right; width: 20px; height: 100%; position: absolute; top: 0px; right: -1px; }

.paneBotLeft { background: url(/site/images_templates/default/borders/borderBotLeft.gif) no-repeat bottom left; width: 20px; height: 12px; position: absolute; bottom: 0px; left: 0px; }
.paneBotRight { background: url(/site/images_templates/default/borders/borderBotRight.gif) no-repeat bottom right; width: 20px; height: 12px; position: absolute; bottom: 0px; right: -1px; }
.paneContent { padding-left: 25px; padding-right: 25px; padding-top: 2px; padding-bottom: 1px; }

/* Alt */
.paneAltTop { background: url(/site/images_templates/default/borders/borderAltTop.gif) repeat-x top; width: 100%; height: 17px; padding-top: 3px; position: relative; top: 0px; left: 0px; }
.paneAltMid { background: #ccccff; position: relative; top: 0px; right: 0px; height: 100%; width: 100% }
.paneAltBot { background: url(/site/images_templates/default/borders/borderAltBot.gif) repeat-x bottom; width: 100%; height: 12px; position: relative; top: 0px; left: 0px; }
.paneAltTopLeft { background: url(/site/images_templates/default/borders/borderAltTopLeft.gif) no-repeat top left; width: 20px; height: 20px; position: absolute; top: 0px; left: 0px; }
.paneAltTopRight { background: url(/site/images_templates/default/borders/borderAltTopRight.gif) no-repeat top right; width: 20px; height: 20px; position: absolute; top: 0px; right: -1px; }

.paneAltLeft { background: url(/site/images_templates/default/borders/borderAltLeft.gif) repeat-y left; width: 20px; height: 100%; position: absolute; top: 0px; left: 0px; }
.paneAltRight { background: url(/site/images_templates/default/borders/borderAltRight.gif) repeat-y right; width: 20px; height: 100%; position: absolute; top: 0px; right: -1px; }

.paneAltBotLeft { background: url(/site/images_templates/default/borders/borderAltBotLeft.gif) no-repeat bottom left; width: 20px; height: 12px; position: absolute; bottom: 0px; left: 0px; }
.paneAltBotRight { background: url(/site/images_templates/default/borders/borderAltBotRight.gif) no-repeat bottom right; width: 20px; height: 12px; position: absolute; bottom: 0px; right: -1px; }
.paneAltContent { padding-left: 25px; padding-right: 25px; padding-top: 2px; padding-bottom: 1px; }

/* headless */
.paneHeadlessTop { background: url(/site/images_templates/default/borders/borderHeadlessTop.gif) repeat-x top; width: 100%; height: 12px; position: relative; top: 0px; left: 0px; }
.paneHeadlessMid { background: #E7E7E7; position: relative; top: 0px; right: 0px; height: 100%; width: 100%; }
.paneHeadlessBot { background: url(/site/images_templates/default/borders/borderHeadlessBot.gif) repeat-x bottom; width: 100%; height: 12px; position: relative; top: 0px; left: 0px; }
.paneHeadlessTopLeft { background: url(/site/images_templates/default/borders/borderHeadlessTopLeft.gif) no-repeat top left; width: 10px; height: 12px; position: absolute; top: 0px; left: 0px; }
.paneHeadlessTopRight { background: url(/site/images_templates/default/borders/borderHeadlessTopRight.gif) no-repeat top right; width: 10px; height: 12px; position: absolute; top: 0px; right: -1px; }

.paneHeadlessLeft { background: url(/site/images_templates/default/borders/borderHeadlessLeft.gif) repeat-y left; width: 10px; height: 100%; position: absolute; top: 0px; left: 0px; }
.paneHeadlessRight { background: url(/site/images_templates/default/borders/borderHeadlessRight.gif) repeat-y right; width: 10px; height: 100%; position: absolute; top: 0px; right: -1px; }

.paneHeadlessBotLeft { background: url(/site/images_templates/default/borders/borderHeadlessBotLeft.gif) no-repeat bottom left; width: 10px; height: 12px; position: absolute; bottom: 0px; left: 0px; }
.paneHeadlessBotRight { background: url(/site/images_templates/default/borders/borderHeadlessBotRight.gif) no-repeat bottom right; width: 10px; height: 12px; position: absolute; bottom: 0px; right: -1px; }
.paneHeadlessContent { padding-left: 20px; padding-right: 20px; padding-top: 2px; padding-bottom: 1px; }

/* CSS hack for placing tables within divs - needed again for IE */
* html table#boxModelHack { 
	width: 100%;
	w\idth: 90%;
	}
table#boxModelHack { width: 100%; }

/* Other general positioning */
.lower { position: relative; top: 5px; }

/* Specific items */
.jumpMenuContent { margin-left: 20px; margin-right: 20px; padding-top: 5px; padding-bottom: 45px; }
.photoPanelContent { width: 285px; margin-right: auto; margin-left: auto; }
.navMenuRow { background: url(/site/images_templates/default/bullets/bullet.gif) no-repeat 0% 50%; padding: 3px 0px 3px 20px; z-index: 10; }
.navMenuRow#navMenuRowSelected { background: url(/site/images_templates/default/bullets/bullet_selected.gif) no-repeat 0% 50%; padding: 3px 0px 3px 20px; font-weight: bold; z-index: 10; }
.photoDateDisplay { background: #666666; }
.diaryStartDisplay { background: #CCCCCC; text-align: center; padding: 2px; width: 100%; position: relative; top: 3px; font-size: 10px; }
.msgStartDisplay { background: #eeeeFF; text-align: center; padding: 2px; width: 100%; position: relative; top: 3px; font-size: 10px; }
.leaveMessageTopContent { margin-left: 10px; margin-right: 20px; margin-top: 5px; }
.leaveMessageBotContent { margin-left: 10px; margin-right: 20px; }
.signUpContent { padding-bottom: 20px; }
.messageDisplay {  background: #ccccff; padding: 5px; margin: 0; }
.responseDisplay {  background: #eeeeff; padding: 5px; margin: 0; }
.mapImage { margin-left: 10px; margin-top: 0px; margin-bottom: 12px; }

/* Icons - buttons and bullets */
.signUpSmallHeadlessIcon { background: url(/site/images_templates/default/icons/sign_up_small_headless.gif) no-repeat center; width: 51px; height: 31px; float: left; padding-right: 3px; }
.travpageBoldIcon { background: url(/site/images_templates/default/icons/travpage_bold.gif) no-repeat center; width: 85px; height: 90px; float: right; padding: 3px; }
.journalIcon { background: url(/site/images_templates/default/icons/journal.gif) no-repeat center; width: 85px; height: 85px; float: right; padding: 3px; }
.journalBoldIcon { background: url(/site/images_templates/default/icons/journal_bold.gif) no-repeat center; width: 85px; height: 85px; float: right; padding: 3px; }
.photoBoldIcon { background: url(/site/images_templates/default/icons/photo_bold.gif) no-repeat center; width: 85px; height: 85px; float: right; padding: 3px; }
.photoIcon { background: url(/site/images_templates/default/icons/photo.gif) no-repeat center; width: 85px; height: 85px; float: right; padding: 3px; }
.visbookIcon { background: url(/site/images_templates/default/icons/visbook_icon.gif) no-repeat center; width: 85px; height: 85px; float: right; padding: 3px; }
.infoIcon { background: url(/site/images_templates/default/icons/info_bold.gif) no-repeat center; width: 70px; height: 70px; float: right; padding: 3px; }
.infoIconSmall { background: url(/site/images_templates/default/icons/info_small_ltgrey.gif) no-repeat center; width: 36px; height: 36px; float: left; padding: 3px; }
.videoBoldIcon { background: url(/site/images_templates/default/icons/video_dark.gif) no-repeat center; width: 85px; height: 85px; float: right; padding: 3px; }
.videoIcon { background: url(/site/images_templates/default/icons/video_ltgrey.gif) no-repeat center; width: 85px; height: 85px; float: right; padding: 3px; }
.bullet { position: absolute; left: 25px; padding: 3px; background: url(/site/images_templates/default/bullets/bullet.gif) no-repeat; width: 15px; height: 15px; }
.bulletSelected { position: absolute; left: 25px; padding: 3px; background: url(/site/images_templates/default/bullets/bullet_selected.gif) no-repeat; width: 15px; height: 15px; }
.expandContracted { background: url(/site/images_templates/default/bullets/expand_contracted.gif) no-repeat top left; padding: 1px 0px 2px 20px; }
.expandExpanded { background: url(/site/images_templates/default/bullets/expand_expanded.gif) no-repeat top left; padding: 1px 0px 2px 20px; }
.decorativeLogoBold { background: url(/site/images_templates/default/borders/logo_bold_decoration.gif) no-repeat bottom right; width: 124px; height: 96px; position: absolute; bottom: 0px; right: -29px; z-index: 1; }

/* Displaying the large photo - easy to break, beware - best left alone */
.largePhoto
{
	visibility: hidden; /* Do not change */
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 100;
	background: #e0e0e0;
	border: 1px solid #666666;
	padding: 10px; /* If you change this by alot - you may have to change paddingLargePhoto in the js in the photo page template */
}
.smallPhotoWrap
{
	position: relative;
	top: 0px;
	left: 0px;
}
.enlargeIcon
{
	visibility: hidden; /* Do not change */
	z-index: 5;
	position: absolute;
	bottom: 17px;
	right: 17px;
}
.backgroundHider
{
	visibility: hidden; /* Do not change */
	z-index: 8;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/site/images_templates/default/decorations/background_hider_ie.gif) repeat top left;
	width: 10px;
	height: 10px;
}
/* deprecated */
.photoPanelRow { background: url(/site/images_templates/default/bullets/bullet.gif) no-repeat 0% 50%; padding: 3px 0px 3px 20px; }
.photoPanelRow#selected { background: url(/site/images_templates/default/bullets/bullet_selected.gif) no-repeat 0% 50%; padding: 3px 0px 3px 20px; font-weight: bold; }
A.underlineHover#selected:link, A.underlineHover#selected:visited { text-decoration: none; font-weight: bold; } /* When this link is actually pointing to itself */