@import url(../../global/css/common.css);

/* html, body defaults */

html, body
{
	height:100%; 
	padding:0; 
	margin:0; 
}

body
{
	overflow: hidden;
}

body.withScroll, body.withScrollNoBackground
{
	overflow: auto;
	padding:10px; 
}

body.noBackground, body.withScrollNoBackground
{
	background: none;
}

.adminPanelBrowseAs input 
{
    vertical-align: bottom;
}

* html .adminPanelBrowseAs input 
{
    vertical-align: baseline;
}

.gardenImageOptions input
{
    vertical-align:middle;
    margin-bottom:5px;
}

* html .gardenImageOptions input 
{
    margin-bottom:0px;
    vertical-align:middle;
}
    
/* footer links */

#footerLinks a, #footerLinks a:visited, #footerLinks a:active
{
	font-size: 8pt;
	font-weight:normal;
	color: #808080;
}



/* generic containers */

.container800, .container700, .container600, .container500
{
	height: 100%;
	margin-top: 8px;
}

.container800 {	width: 800px; }
.container700 {	width: 700px; }
.container600 {	width: 600px; }
.container500 {	width: 500px; }


/* decoratedList - list using custom bullets */

ul.decoratedListTributeCreation
{
	list-style-image: url(../img/themes/muchloved_ribbon_heavy/bullet.gif);
	margin-left: 40px;
	margin-top: -8px;
	margin-bottom: 12px;
	line-height: 20px;
}

ul.decoratedList
{
	margin-left: 20px;
	margin-top: -8px;
	margin-bottom: 12px;
	font-weight: bold;
	padding: 0px;
	line-height: 20px;
}



* html ul.decoratedList
{
	margin-left: 0px;
}

ul.decoratedList li
{
	vertical-align: text-bottom;
}

* html ul.decoratedList li
{
	margin-left: 16px;
}

ul.decoratedList li a
{
	line-height: 20px;
}

ul.decoratedList a
{
	margin-left: -6px;
}

* html ul.decoratedList a
{
	margin-left: 0px;
}

/* line-height compensation for story chapters */
* html .displayStory { width: 135px; }
 .displayStory ul.decoratedList li {padding-bottom:2px; margin-bottom: 0px; }
* html .displayStory ul.decoratedList li {padding-bottom:4px; }
.displayStory ul.decoratedList li,
.displayStory ul.decoratedList li a { line-height: 14px }


/* tribute home */
#tributeHomeLeftHandContainer
{
	padding: 20px 0px 0px 96px;
	min-height: 200px;	/* compensate FF for punctuation image */
}

#tributeHomeRightHandContainer
{
	padding-right: 10px;
	text-align: center;
}

#tributeHomeSummary
{
	margin-top: -10px;
}

* html #tributeHomeSummary
{
	margin-top: 0px;
}

#tributeHomeMenu, #tributeHomeSummary
{
	position: relative;
	width: 40%;
	font-weight: normal;
}

#tributeHomeMenu
{
	margin-top: -10px;
	width: 50%;
}

.tributeHomeMenuPanel
{
	position: relative;
	float: left;
	width: 50%;
}

* html #tributeHomeMenu
{
	margin-top:10px;
	width: 400px;
}

* html .tributeHomeMenuPanel
{	
	width: 200px;
}

.tributeHomeSummaryTitleText, .tributeHomeSummaryAudioLink
{
	position: relative;
	float: left;
	height: auto;
}
	
.tributeHomeSummaryTitleText
{
	width: auto;
}

.tributeHomeSummaryAudioLink
{
	padding-top: 0px;
	width: 30px;
}

.tributeHomeSummaryAudioLink input
{
	vertical-align: middle;
}


#tributeHomeThoughts
{
	text-align: center;
	width: 100%;
}

* html #tributeHomeThoughts
{
	padding-top: 8px;
}

.tributeHomeSummaryPager
{
	position: relative;
	float: right;
	margin-right: 8px;
}

*html .tributeHomeSummaryPager
{
	position: relative;
	float: right;
	margin-right: 8px;
	margin-bottom: -30px;
}

.displayHomePics
{
	margin-top: -22px;
	margin-bottom: -25px;
	position: relative;
	float: none;
	background: url(../img/cross-site/bg_home_images.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	padding-top: 18px;
	width: 100%;
	height: 300px;
	line-height: 240px;
}

a.displayHomeAudioLinkImage
{
	width: 17px;
	height: 14px;
	background: url(../img/cross-site/icon_music_grey.gif);
	background-repeat: no-repeat;
	text-align: center;
}
	

/* 
	NB vertical align the image - 
	needs text (or whitespace) either side of image, 
	and it aligns centre of the line-height in containing div. firefox only.
*/
.displayHomePics img
{
	border: 1px solid #000;
	vertical-align: middle;
}

.tributeHomeGallerySubMenu
{
	margin-left: -20px;
	line-height: 14pt;
}

* html .tributeHomeGallerySubMenu
{
	margin-left: 0px;
}

* html .tributeHomeGallerySubMenu li
{
	padding-left: 5px;
}

.tributeHomeGallerySubMenuPictures
{
	list-style-image: url(../img/cross-site/icon_picture_grey.gif);
}

.tributeHomeGallerySubMenuVideos
{
	list-style-image: url(../img/cross-site/icon_video_grey.gif);
}

.tributeHomeGallerySubMenuSounds
{
	list-style-image: url(../img/cross-site/icon_music_grey.gif);
}

.tributeHomeGallerySubMenuThoughts
{
	list-style-image: url(../img/cross-site/icon_thought_grey.gif);
}

/* admin panel */

.adminPanelContainer, .adminPanelAlerts
{
	position: absolute;
	right: 2px;
	z-index:400;
	padding-left: 4px;
	padding-right: 4px;
	width: auto;
}

.adminPanelContainer
{
	position: absolute;
	bottom: -2px;
}

* html .adminPanelContainer
{
	bottom: 2px;
}

.adminPanelLeft, .adminPanel, .adminPanelRight
{
	position: relative;
	float: left;
	height: 30px;
}

.adminPanelLeft, .adminPanelRight
{
	width: 13px;
	background-repeat: no-repeat;
}

.adminPanelLeft
{
	background-image: url(../img/cross-site/bg_admin_panel_left.gif);
}

.adminPanelRight
{
	background-image: url(../img/cross-site/bg_admin_panel_right.gif);
}

.adminPanel
{
	background-image: url(../img/cross-site/bg_admin_panel.gif);
	background-repeat: repeat-x;
	padding-top: 6px;
}

ul.adminPanelLinks
{
	margin: 0px;
	list-style-type: none;
}

ul.adminPanelLinks li
{
	display: inline;
}


.adminPanel a, .adminPanel a:hover, .adminPanel a:visited, .adminPanel a:link, .adminPanelMessage
{
	color: #666;
	font-size: 7.5pt;
}

.adminPanelAlerts
{
	padding: 6px;
	bottom: 40px;
	right: 14px;
	z-index: 500;
	text-align: left;
	line-height: 12pt;
	height: auto;
	background-color: #ffffe1;
	border: 1px solid #404040;
}

.adminPanelAlerts ul
{
	margin-bottom: -12px;
}

.adminPanelAlertsHide
{
	text-align: right;
}

.adminPanelAlerts a
{
	margin-bottom: -12px;
}

.adminPanelBrowseAs
{
	font-weight: bold;
	color: #666;
	font-size: 7.5pt;
	padding-top: 10px;
}

.adminPanelBrowseAs input
{
	padding-bottom: -3px;
}

* html .adminPanelBrowseAs input
{
	margin-bottom: -3px;
}

.adminPanelBrowseAs label a { text-decoration:none; }

/* end admin panel */


/* defaults for fonts - overridden in font-specific css */

body, td, a
{
	font-family: Georgia, Serif;
	line-height: 11pt;
	font-size: 9pt;
	font-style: normal;
	color: #444;
}

h4
{
	font-size: 9pt;
	line-height: 11pt;
	font-weight: bold;
}

h3
{
	margin: 0px;
	margin-bottom: 8px;
	line-height: 11pt;
}

a, a:visited, a:link
{
	color:#802891;
	font-weight:bold;
	text-decoration:none;
}

a.greyLink, a.greyLink:visited, a.greyLink:link, a.greyLink:hover
{
	color:#b3b3b3;
	font-weight:bold;
	text-decoration:none;
}

a.greyLink:hover
{
	text-decoration:underline;
}

a:hover
{
	color:#802891;
	font-weight:bold;
	text-decoration:underline;
}

.statusText, .statusTextSmall, .labelInvalid
{
	color:red;
	font-weight: bold;
}

span.statusText a, span.statusText a:visited, span.statusText a:active, span.statusText a:hover, span.statusTextSmall a, span.statusTextSmall a:visited, span.statusTextSmall a:active, span.statusTextSmall a:hover
{
	text-decoration: underline;
	color: red;
}

span.statusTextSmall a, span.statusTextSmall a:visited, span.statusTextSmall a:active, span.statusTextSmall a:hover
{
	font-size: 7.5pt;
}

.greenTextSmall, .greenText, .comingSoon
{
	color:green;
	font-weight: bold;
}

.labelValid
{
	color: #4E4E4E;
}

div.thoughtGalleryItem
{
	font-size: 8pt;
	font-style: italic;
	align: center;
}

div.thoughtGalleryItem div.flourish
{
	 background: url(../img/cross-site/flourish.gif);
	 width: 247px;
	 height: 40px;
	 background-repeat: no-repeat;
	 margin: 8px 0px 8px 0px;
	 align: center;
}

.smallText, td.smallText, span.smallText, .smallGreyText, .statusTextSmall, td.statusTextSmall, .greenTextSmall
{
	font-size: 7.5pt;
}

.smallGreyText, a.smallGreyText, a.smallGreyText:link, a.smallGreyText:visited
{
	color: #b3b3b3;
	text-decoration: none;
}


a.smallGreyText:hover
{
	color: #b3b3b3;
	text-decoration: underline;
}

.redLink, a.redLink, a.redLink:link, a.redLink:visited
{
	color: Red;
	text-decoration: none;
}

a.redLink:hover
{
	color: Red;
	text-decoration: underline;
}

.linkDisabled, a.linkDisabled:link, a.linkDisabled:active, a.linkDisabled:visited, a.linkDisabled:hover 
{
	color: #b3b3b3;
	text-decoration: none;
	cursor: default;
}

a.pipeLink
{
	background-image: url(../img/cross-site/pipe.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 10px;
}


/* buttons */

a.disabled, a.buttonDisabled, a.buttonDisabled:hover, a.buttonDisabled:visited
{
	text-decoration: none;
	cursor: default;
	color: #b3b3b3;
}

a.button, a.buttonCreate65, a.button40, a.button65, a.button85, a.button100, a.button120, a.button120Disabled, a.button140, a.button160, a.button180, a.button200, a.button220, a.button240, a.buttonRotateClockwise, a.buttonRotateAntiClockwise, a.buttonUp, a.buttonDown, a.buttonSearch
{
	font-size: 8pt;
	font-weight: bold;
	height: 24px;
	width: 65px;
	display: block;
	text-align: center;
	padding-top: 4px;
	position: relative;
	float:left;
	margin-right: 2px;
}


a.button60_Stage4, a.button80_Stage4, a.buttonRotateClockwise_Stage4, a.buttonRotateAntiClockwise_Stage4
{
	font-size: 8pt;
	font-weight: bold;
	height: 28px;
	width: 65px;
	display: block;
	text-align: center;
	padding-top: 6px;
	position: relative;
	float: left;
	margin-right: 2px;
}

a.buttonCreate65{width: 65px; background: url(../img/cross-site/btn_create_65.gif); background-repeat: no-repeat;}
a.button40{	width: 40px; background: url(../img/cross-site/btn_bg_40.gif); background-repeat: no-repeat;}
a.button60_Stage4{	width: 65px; background: url(../img/cross-site/btn_bg_60_stage_4.gif); background-repeat: no-repeat;}
a.button, a.button65{	width: 65px; background: url(../img/cross-site/btn_bg_65.gif); background-repeat: no-repeat;}
a.button80_Stage4{	width: 80px;  background: url(../img/cross-site/btn_bg_80_stage_4.gif); background-repeat: no-repeat; margin-top:-2px;}
a.button85{	width: 85px; background: url(../img/cross-site/btn_bg_85.gif); background-repeat: no-repeat;}
a.button100, a.buttonSearch{ width: 100px; background: url(../img/cross-site/btn_bg_100.gif); background-repeat: no-repeat;}
a.button120,a.button120Disabled { width: 120px; background: url(../img/cross-site/btn_bg_120.gif); background-repeat: no-repeat;}
a.button140{ width: 140px; background: url(../img/cross-site/btn_bg_140.gif); background-repeat: no-repeat;}
a.button160{ width: 160px; background: url(../img/cross-site/btn_bg_160.gif); background-repeat: no-repeat;}
a.button180{ width: 180px; background: url(../img/cross-site/btn_bg_180.gif); background-repeat: no-repeat;}
a.button200{ width: 200px; background: url(../img/cross-site/btn_bg_200.gif); background-repeat: no-repeat;}
a.button220{ width: 220px; background: url(../img/cross-site/btn_bg_220.gif); background-repeat: no-repeat;}
a.buttonRotateClockwise{ width: 36px; padding-left: 12px; background: url(../img/cross-site/btn_rotate_clockwise.gif); background-repeat: no-repeat;}
* html a.buttonRotateClockwise{ width: 48px; }
a.buttonRotateAntiClockwise{ width: 36px; padding-left: 12px; background: url(../img/cross-site/btn_rotate_anticlockwise.gif); background-repeat: no-repeat;}
* html a.buttonRotateAntiClockwise{ width: 48px; }
a.buttonRotateClockwise_Stage4{ width: 38px; padding-left: 12px; background: url(../img/cross-site/btn_rotate_clockwise_stage_4.gif); background-repeat: no-repeat;}
* html a.buttonRotateClockwise_Stage4{ width: 50px; }
a.buttonRotateAntiClockwise_Stage4{ width: 38px; padding-left: 12px; background: url(../img/cross-site/btn_rotate_anticlockwise_stage_4.gif); background-repeat: no-repeat;}
* html a.buttonRotateAntiClockwise_Stage4{ width: 50px; }
a.buttonUp{ width: 28px; background: url(../img/cross-site/btn_up.gif); background-repeat: no-repeat;}
a.buttonDown{ width: 28px; background: url(../img/cross-site/btn_down.gif); background-repeat: no-repeat;}
a.button240{ width: 240px; background: url(../img/cross-site/btn_bg_240.gif); background-repeat: no-repeat;}
a.button240UpgradeOptions{ width: 240px; background: url(../img/cross-site/btn_bg_240.gif); background-repeat: no-repeat;}
a.configButton100{ width: 100px; background: url(../img/cross-site/btn_guardianbg_100.gif); background-repeat: no-repeat;}
a.configButton120{ width: 120px; background: url(../img/cross-site/btn_guardianbg_120.gif); background-repeat: no-repeat;}
a.buttonSearch { float:right;}
* html a.buttonSearch { margin-right:-2px; }



.button120Disabled, a.button120Disabled:link, a.button120Disabled:active, a.button120Disabled:visited, a.button120Disabled:hover
{
	color: #b3b3b3;
	text-decoration: none;
	cursor: default;
}

.button240UpgradeOptions 
{
	font-size: 8pt;
	font-weight: bold;
	height: 24px;
	width: 65px;
	display: block;
	text-align: center;
	padding-top: 4px;
	position: relative;
	float:right;
	margin-right: 2px;
}

input.uploadButton
{
	background-color:#fff;
	border: solid 1px #b3b3b3;
	font-size:7.5pt;
}

a.configButton100, a.configButton120
{
	padding-top: 2px;
	height: 24px;
	font-size: 7.5pt;
	display: block;
	text-align: center;
	padding-top: 3px;
	position: relative;
	float: left;
	margin-right: 2px;
}

/* upload buttons */

.uploadButton
{
	width: 120px;
}

.fileUpload
{
	background-color:#FFFFFF;
	border: solid 1px #000;
	height:20px;
	width:260px;
	color:#444;
	font-size:10px;
}


/* input controls */

.input
{
	height:22px;
	width:160px;
	cursor: auto;
}

.input20
{
	height:22px;
	width:20px;
}

input.input30
{
	height:22px;
	width:30px;
}

input.input60, select.select60
{
	height:22px;
	width:60px;
}

input.input100, select.select100
{
	height:22px;
	width:100px;
}

input.input140, select.select140
{
	height:22px;
	width:140px;
}

input.input160, select.select160
{
	height:22px;
	width:160px;
}

input.input200, select.input200
{
	width:200px;
}

input.input240, select.input240
{
	width:240px;
}

input.input260, select.input260
{
	width:260px;
}

input.input270, select.input270
{
	width:270px;
}

input.input300, select.input300
{
	width:300px;
}

input.input360, select.input360
{
	width:360px;
}

input.input500, select.input500
{
	width:500px;
}


.fileUpload
{
	position: relative;
	float: left;
	background-color:#FFFFFF;
	border: solid 1px #000;
	height:20px;
	width:260px;
	color:#444;
	font-size:10px;
}

/* edit link controls */

.thoughtsFaderConfigEditLinkControl
{
	z-index: 0;
	float:left;
	font-size: 7.5pt;
	padding-top: 0px;
	margin-top: -25px;
	padding-bottom: 0px;
}

*html .thoughtsFaderConfigEditLinkControl
{
	z-index: 0;
	float:left;
	font-size: 7.5pt;
	padding-top: 0px;
	margin-top: -15px;
	padding-bottom: 0px;
}


.configEditLinkControl, .thoughtsConfigEditLinkControl, .homePicsConfigEditLinkControl, .multiMediaPlayerConfigEditLinkControl
{
	z-index: 0;
	float:left;
	font-size: 7.5pt;
	padding-top: 4px;
	padding-bottom: 4px;
}

.thoughtsConfigEditLinkControl, .homePicsConfigEditLinkControl
{
	width: 220px;
	text-align: center;
}

.multiMediaPlayerConfigEditLinkControl
{
	padding-top: 22px;
	padding-left: 13px;
	margin-bottom: -10px;
}

/* multi media */

#multiMediaPlayerContainer
{
	margin-top: 12px;
}

.multiMediaPlayerHeader
{
	height: 50px;
	width: 230px;
	background: url(../img/cross-site/bg_multi_media_header.gif);
	background-repeat: no-repeat;
}

.multiMediaPlayerHeader ul li
{
	margin-top: 14px;
	margin-left: -2px;
	font-size: 11px;
	display: block;
	float: left;
	padding: 4px;
}

.multiMediaPlayerHeader ul li a, .multiMediaPlayerHeader ul li a:hover
{
	text-decoration: none;
}

.multiMediaPlayer
{
	background: url(../img/cross-site/bg_multi_media.gif);
	background-repeat: repeat-y;
	width: 230px;
}

.multiMediaPlayerFooter
{
	text-align: center;
	padding-top: 14px;
	height: 50px;
	width: 230px;
	background: url(../img/cross-site/bg_multi_media_footer.gif);
	background-repeat: no-repeat;
}

a.multiMediaPlayerHeaderImages, a.multiMediaPlayerHeaderVideos, a.multiMediaPlayerHeaderSounds, a.multiMediaPlayerHeaderImagesOn, a.multiMediaPlayerHeaderVideosOn, a.multiMediaPlayerHeaderSoundsOn, a.multiMediaPlayerHeaderMediaShow
{
	padding-left: 18px;
	background-repeat: no-repeat;
	margin-right: 12px;
}

a.multiMediaPlayerHeaderImages, a.multiMediaPlayerHeaderImages:hover, a.multiMediaPlayerHeaderImages:visited, a.multiMediaPlayerHeaderImages:link
{
	background-image: url(../img/cross-site/icon_picture_grey.gif);
	color: #b3b3b3;
}

a.multiMediaPlayerHeaderImagesOn, a.multiMediaPlayerHeaderImagesOn:hover, a.multiMediaPlayerHeaderImagesOn:visited, a.multiMediaPlayerHeaderImagesOn:link
{
	background-image: url(../img/cross-site/icon_picture.gif);
	color: #4E4E4E;
}

a.multiMediaPlayerHeaderVideos, a.multiMediaPlayerHeaderVideos:hover, a.multiMediaPlayerHeaderVideos:visited, a.multiMediaPlayerHeaderVideos:link
{
	background-image: url(../img/cross-site/icon_video_grey.gif);
	color: #b3b3b3;
}

a.multiMediaPlayerHeaderVideosOn, a.multiMediaPlayerHeaderVideosOn:hover, a.multiMediaPlayerHeaderVideosOn:visited, a.multiMediaPlayerHeaderVideosOn:link
{
	background-image: url(../img/cross-site/icon_video.gif);
	color: #4E4E4E;
}

a.multiMediaPlayerHeaderSounds, a.multiMediaPlayerHeaderSounds:hover, a.multiMediaPlayerHeaderSounds:visited, a.multiMediaPlayerHeaderSounds:link
{
	background-image: url(../img/cross-site/icon_music_grey.gif);
	color: #b3b3b3;
}

a.multiMediaPlayerHeaderSoundsOn, a.multiMediaPlayerHeaderSoundsOn:hover, a.multiMediaPlayerHeaderSoundsOn:visited, a.multiMediaPlayerHeaderSoundsOn:link
{
	background-image: url(../img/cross-site/icon_music.gif);
	color: #4E4E4E;
}

a.multiMediaPlayerHeaderMediaShow, a.multiMediaPlayerHeaderMediaShow:hover, a.multiMediaPlayerHeaderMediaShow:visited, a.multiMediaPlayerHeaderMediaShow:link
{
}

.homeSlideshowImageContainer, .storySlideshowImageContainer
{
	/* nb shown / hidden by muchlovedSlideshow.js */
	
	display: none;
	text-align:center;
}

.homeSlideshowContainer
{
	vertical-align: middle;
	text-align: center;
	height: 240px;
	width: 270px;
}

.storySlideshowContainer
{
	vertical-align: middle;
	height: 250px;
	width: 220px;
}

.slideshowImageText
{
	text-align: center;
	width: 230px;
	margin-top: -20px;
}

.homeSlideshowImageContainer img, .storySlideshowImageContainer img
{
	border: 1px solid #ddd;
	vertical-align: middle;
}

.multiMediaPlayerVideoContainer
{
	width: 180px;
	margin-left: 26px;
	margin-bottom: 12px;
	border: 2px solid #b3b3b3;
}

.multiMediaPlayerVideoList, .multiMediaPlayerSoundList
{
	margin-top: 0px;
	margin-bottom: 0px;
}

* html .multiMediaPlayerVideoList, * html .multiMediaPlayerSoundList
{
	padding: 0px;
}
	
/* display story */

.displayStory, .displayStoryChapter
{
	margin-top: 18px;
}

.displayStoryChapterBody
{
	padding-top: 1px;
}

.displayStoryPagerLeft
{
	position: relative;
	float: left;
}

.displayStoryPagerRight
{
	position: relative;
	float: right;
	padding-right: 12px;
}



.modalDialogError
{
	padding: 10px;
}


/* hard disk usage */
#hardDiskUsageDigest
{
}

#hardDiskUsageProgressBar table
{
	width: 445px;
	border: 1px solid #333;
}

#hardDiskUsageProgressBar table tr td.used
{
	background-color: red;
}

#hardDiskUsageProgressBar table tr td.remaining
{
	background-color: #ccc;
}


/* submissions */

.submissionsNav
{
	padding-top: 1px;
}



/* timeline chapters */

.timelineChapters
{
	
}

.timelineChapters ul
{
	font-weight: normal;
	line-height: 11pt;
	margin-left: 0px;
	padding: 0px;
	margin-top: -8px;
}

.timelineChapters ul li
{
	line-height: 11pt;
	margin-left: 20px;
}




/* hover text */

a.hoverTextOn, a.hoverTextOff 
{
    position:relative;
    z-index:24;
    text-decoration:none
}

a.hoverTextOn, a.hoverTextOn:visited
{
	color:#4e4e4e;
}

a.hoverTextOff, a.hoverTextOff:visited, a.hoverTextOff:hover
{
	color:#b3b3b3;
}

a.hoverTextOn:visited, a.hoverTextOff:visited
{
    position:relative;
    z-index:24;
    text-decoration:none
}


a.hoverTextOn:hover, a.hoverTextOff:hover
{
	z-index:25; 
	background-color:#fff;
	text-decoration:underline;
}

a.hoverTextOn span, a.hoverTextOff span
{
	display: none
}

a.hoverTextOn:hover span, a.hoverTextOff:hover span
{ 
    display:block;
    position:absolute;
    left:-112px;
    top:-12px;
    padding: 2px;
    border:1px solid #666;
    background-color:#fff;
    color:#4e4e4e;
    text-align: center;
    width: 90px;
    text-decoration:none;
    font-size: 7.5pt;
}



/* rad upload */

.radUploadContainer
{
}

.radUploadContainer input
{
	height: 22px;
	vertical-align: middle;
	font-size: 13px;
	margin-top: -1px;
}

* html .radUploadContainer input
{
	margin-top: 2px;
}

.radProgressArea, .radProgressAreaTributeCreation
{
	display: block;
	position: absolute;
	top: 0px;
	left: 300px;
	width: 400px;
	height: 130px;
	background: #fff;
	border: 1px solid #b3b3b3;
	text-align: center;
}

.radProgressAreaTributeCreation
{
	top: 100px;
}

.radProgressArea div.progressBar,
.radProgressAreaTributeCreation div.progressBar
{
	height: 21px;
	width: auto;
	background-image:url(../img/cross-site/progress.gif);
	background-repeat: repeat-x;
	float: left;
	text-align: left;
}

/* override RadUpload defaults*/
.RadUploadProgressArea_Default div.ruShadow,
.RadUploadProgressArea_Default div.ruShadow > div
{
	background:none;
	border:none;
}


/* public galleries */

.publicGalleryNav
{
	margin-top: 27px;
}
.publicGalleryNav ul
{
	width: 140px;
	margin-left: -32px;
	vertical-align: text-bottom;
}

* html .publicGalleryNav ul
{
	margin: 0px;
	margin-left: 0px;
}

.publicGalleryNav ul li
{
	margin-left: 16px;
	line-height: 15pt;
}

.publicGalleryNav ul li a
{
	font-size: 9pt;
	padding-left: 6px;
	padding-bottom: 12px;
}

.publicGalleryNav ul li a.disabled
{
	cursor: default;
}



.publicGalleryContainer
{
	margin-top: 20px;
	margin-left: 4px;
}

li.galleryNavImageOn { list-style-image: url(../img/cross-site/icon_picture.gif); }
li.galleryNavImageOff { list-style-image: url(../img/cross-site/icon_picture_grey.gif); }
li.galleryNavSoundOn { list-style-image: url(../img/cross-site/icon_music.gif); }
li.galleryNavSoundOff { list-style-image: url(../img/cross-site/icon_music_grey.gif); }
li.galleryNavVideoOn { list-style-image: url(../img/cross-site/icon_video.gif); }
li.galleryNavVideoOff { list-style-image: url(../img/cross-site/icon_video_grey.gif); }
li.galleryNavThoughtOn { list-style-image: url(../img/cross-site/icon_thought.gif); }
li.galleryNavThoughtOff { list-style-image: url(../img/cross-site/icon_thought_grey.gif); }

li.galleryNavImageOff a, li.galleryNavImageOff a:visited, li.galleryNavSoundOff a, li.galleryNavSoundOff a:visited, li.galleryNavVideoOff a, li.galleryNavVideoOff a:visited, li.galleryNavThoughtOff a, li.galleryNavThoughtOff a:visited
{
	color: #b3b3b3;
}

.publicGalleryPager
{
	position: relative;
	float: right;
	font-size: 8pt;
	margin-right: 12px;
	padding-top: 2px;
	padding-right: 18px;
	line-height: 20px;
	height: 20px;
}

.publicGalleryPager
{
	margin-top: -13px;
	margin-left: -18px;
}

* html .publicGalleryPager
{
	margin-top: 0px;
	margin-left: 0px;
}


.imageGalleryThumbnail
{
	position: relative;
	float: left;
	background: url(../img/cross-site/bg_gallery_thumbnail.gif);
	background-repeat: no-repeat;
	height: 175px;
	width: 120px;
	padding-top: 8px;
	text-align: center;
	margin-right: 4px;
	margin-bottom: 4px;
}

.imageGalleryThumbnailImage
{
	height: 98px;
}

#imageGallerySingleImage, #imageGallerySingleImageText
{
	position: relative;
	float:left;
	padding-right:20px;
	width: 170px;
}

#imageGallerySingleImage
{
	max-height: 100%;
}

* html #imageGallerySingleImage
{
	/* TODO - max height impl for IE */
}

#imageGallerySingleImage img
{
	position: relative;
	float: left;
	max-height: 80%;
}

/* video gallery */
.videoGalleryVideo
{
	float: right;
}

.videoGalleryLinks
{
	float: left;
}

#videoGalleryVideoHeader
{
	padding-top: 1px;
	margin-bottom: -1px;
	text-align: center;
}

* html #videoGalleryVideoHeader
{
	padding-top: 14px;
}

#videoGalleryVideoMain
{
	text-align: center;
}


.videoGalleryLink, .soundGalleryLink
{
	margin-left: 20px;
	line-height: 28px;
}


/* thought fader */
#homePageThoughtContainer {width: 100%}
.homePageThought a,
.homePageThought a:link,
.homePageThought a:hover, 
.homePageThought a:active, 
.homePageThought a:visited
{ text-decoration: none; color: #444; font-weight: normal;}

/* opacity: 0.99 - prevents ff wobble :| */
.homePageThought
{
	text-align:center;
	-moz-opacity:0.99;
	opacity: 0.99;
}


/* thoughts config */
.thoughtGridContainer
{
	margin-bottom: 20px;
}
#thoughtGrid
{
	overflow: auto;
	width: 700px;
	height: 200px;
}


/* payments and pricing */

.purchaseContainer, .donationsContainer
{
	padding: 10px;
	padding-top: 60px;
	background: url(../img/cross-site/logo_muchloved.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px; 
}


* html .purchaseContainer, * html .donationsContainer
{
	padding-top: 80px;
}

.donationsContainer { padding: 0px; padding-top: 80px;}

.paymentTable, .paymentTable600
{
	width: 800px;
	padding: 4px;
}

.paymentTable500
{
	width: 500px;
}

.paymentTable tr
{
	height: 20px;
}

.paymentTableHeader
{
	background: #ddd;
	font-weight: bold;
}

tr.paymentTableOrderItemOn td, tr.paymentTableOrderItemOff td
{
	padding-bottom: 3px;
}

tr.paymentTableOrderItemOn td
{
	border-top: dotted 1px #444;
}

h3.upgradeOptions
{
	font-size:13pt;
	float:left;
    margin:5;
	display:inline;
}

h3.upgradeOptions a
{
	font-size:13pt;
}	

hr.upgradeOptions 
{
	color: #b3b3b3;
	margin-top:15px;
	
}



/* pager control */

ul.pagerList
{
	margin-left: -12px;
	padding-top: 3px;
}
ul.pagerList li
{
	display: block;
	position: relative;
	float: left;
	padding-right: 12px;
}

/* chapter pager */
.chapterPager
{
	position: relative;
	float: right;
	margin-top: 30px;
	margin-right: 8px;
}


/* help pages */

#helpPage
{
	padding: 8px;
	padding-top: 1px;
}

#helpPage a.button
{
	float: right;
	margin-top: 12px;
}

/* generic floats */

.floatLeft
{
	position: relative;
	float: left;
}

.dataTrustCert
{
	width: 700px;
}

/* data trust cert */

table.dataTrustCert
{
	width: 400px;
	margin-top: 12px;
}

/* googleConversionScript */
.googleConversionScript
{
	width: 0px;
	height: 0px;
	filter: alpha(opacity=0);
	opacity: 0;
}


/* donate page */

#donateLeftHandContainer 
{
	
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 20px 0px 0px 96px;
	width: 480px;
}

#donateRightHandContainer
{
	position: absolute;
	top: 20px;
	right: 12px;
	left: 50%;
	width: auto;
	text-align: center;
	padding-left: 62px;
	padding-right: 62px;
}

#donateLeftHandContainer .configButtons span
{
	float: left;
}

#donateRightHandContainer #top 
{
	height: 70px; 
	padding: 0px;
	font-weight: bold;
	margin-bottom: 20px;
}

#donateRightHandContainer #top div.summaryInfo
{
	background-image: url(../img/cross-site/bg_donations_summary.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 120px;
	background-position: 50% 0%;
	padding-top: 32px;
	text-align: center;
}

div.summaryInfo table td { width: 100px; font-weight: bold; text-align: center; vertical-align: top; font-size: 11pt;}
div.summaryInfo table td.details { width: 200px; }



#donateRightHandContainer #top div.row{ margin-bottom: 12px; }
#donateRightHandContainer #top * span.title{ padding-left: 0px; width: 100px; float:right; }


#donateRightHandContainer #mid {height: 160px; padding-top: 32px;	vertical-align: middle;}
* html #donateRightHandContainer #mid {height: 190px;}

#donateRightHandContainer #bottom {height: 20px; }

/* opacity: 0.99 - prevents ff wobble :| */
#donateRightHandContainer #mid #donationsFader
{
	text-align:center;
	-moz-opacity:0.99;
	opacity: 0.99;
}

#donateRightHandContainer #mid #donationsFader i {font-size: 10pt;}


.donateLogo, donateCopy
{
	position: relative;
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

.donateCopy
{
	margin-right: 0px;
	margin-bottom: 0px;
}


.donateBody p
{
	padding-top: 12px;
}

/* donations thermometer */


#thermometer
{
	width:54px;
	height:182px;
	margin-left:22px;
	margin-top:18px;
	background:url(../img/cross-site/bg_donations_thermometer.png);
	background-repeat:no-repeat;
}


#thermometer table
{
	margin-left:20px;  
	margin-top:25px;
	width: 15px;
	height: 101px;
}

*html #thermometer table
{
	margin-left:20px;  
	margin-top:26px;
	width: 15px;
	height: 100px;
}

#thermometer table tr td.used
{
	background-color:#e43943;
}

/* donations popups */

div.donationsGalleryWindow, div.donationsSummaryWindow
{
	padding: 12px;
}

div.donationsSummary {width: 290px; text-align: left; padding-top:0px;}
div.donationsSummary a {display: block; margin-top: 28px; }
div.donationsSummary div { padding-top: 12px; text-align: left;}
div.donationsSummary div.label { width: 180px; float: left; }
div.donationsSummary div.value { width: 80px; text-align: left;  float: left; padding-left: 6px; }

div.donationsSummary div.notes h4{ font-size: smaller; }
div.donationsSummary div.notes p{ font-size: smaller; text-align: left; }

/* donations gallery */

div.donationGalleryItem { width: 900px; margin-top: 28px;}
div.donationGalleryItem div.message { width: 500px; font-size: larger; }
div.donationGalleryItem div.userInfo { width: 500px; }
div.donationGalleryItem div.userInfo span.text{ width: 300px; float: left; padding-top: 12px;}
div.donationGalleryItem div.userInfo span.editButton { width: 200px; float: left; }

/* donations admin report */

div.donationsReport
{
}

table.donationsReport
{
	width: 700px;
	border: 1px solid #aaa;
	padding: 0px;
	margin: 0px;
}

table.donationsReport tr td
{
	padding: 2px;
	vertical-align: top;
}

table.donationsReport thead tr
{
	background: #eee;
}

table.donationsReport thead tr th
{
	padding: 2px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
}


table.donationsReport {table-layout:fixed; }
table.donationsReport thead tr th.date{width: 100px;}
table.donationsReport thead tr th.from{width: 100px;}
table.donationsReport thead tr th.amount{width: 80px;}
table.donationsReport thead tr th.type{width: 80px;}
table.donationsReport thead tr th.message{width: 190px;}
table.donationsReport thead tr th.visible{width: 50px;}
table.donationsReport thead tr th.edit{width: 50px;}
table.donationsReport thead tr th.delete{width: 50px;}

table.donationsReport tr td.visible{text-align: center;}


/* donation settings */

ul.donationSettingsLinks, ul.donationSettingsLinks ul
{
	margin-top: 0px;
}

/* caf donation page */

div.cafDonation { width : 700px; }
div.cafDonation span.label { padding: 2px; padding-top: 8px; width : 180px; float: left;}
div.cafDonation span.field { padding: 2px; width : 500px; }
div.cafDonation span.field input.amount { width : 60px; }


/* trace and debug */
#authDebugInfo
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 2px;
	height: 60px;
	background: #ddd;
	z-index: 100;
	width: 100%;
	font-size: 7.5pt;
}

/* error page */
.errorContainer
{
	padding: 10px;
	padding-top: 60px;
	background: url(../img/cross-site/logo_muchloved.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

* html .errorContainer
{
	padding-top: 80px;
}

.errorInfo
{
	height: 300px;
	width: 90%;
}

/* generic floats */

.floatLeft
{
	position: relative;
	float: left;
}

.floatRight
{
	position: relative;
	float: right;
}



/* TCStyleControl - preview image */

#divTCStyleControlPreviewImageLarge
{
	display: none;
	position: absolute;
	top: 0px;
	left: 400px;
	width: 500px;
	height: auto;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 999;
	padding: 0px;
	
}

#divTCStyleControlPreviewImageLarge div.title {width: 492px; float:right; background: #ccc; padding: 4px;}
* html #divTCStyleControlPreviewImageLarge div.title {width: 500px;}
#divTCStyleControlPreviewImageLarge div.image {width: auto; padding: 0px;}


.mediaPlayerNotFound { padding:5px; background:#eee; border:1px solid #333; }

.hidden { display:none; }

.floatLeft {float: left;}
.floatRight {float: right;}


/* helpTip */

a.helpTip {color: green; font-size: 8pt }

/* helpTipSmall */ 

a.helpTipSmall { color:Green; font-size: 7.5pt }


.buttonSpace { margin-bottom:7px; }

.rgTributeAppearance 
{
    margin-bottom:0px; 
}