﻿@import "../StyleSheets/StyleSheetBase.css";
/*******************************************************************/
/*  ELEMENT                                                        */
/*******************************************************************/
body
{
	margin: 0;
	min-width: 850px;
}

a, a:active, a:visited
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/*******************************************************************/
/*  ID                                                             */
/*******************************************************************/
#page
{
	background-color: #fff;
	margin-bottom: 20px;
	width: 960px; /* 850px; */ /* 980px */
}

#logo
{
}

#logo img
{
}

#menu
{
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}
#menu a
{
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
}

#page div.pageBody
{
	min-height: 340px;
	padding: 0px 0px 30px 10px;
}

#menu div.staticA
{
	height: 80px;
	line-height: 80px;
	text-align: right;
	vertical-align: middle;
}
#menu div.staticB
{
	height: 80px;
	line-height: 80px;
	text-align: right;
	vertical-align: middle;
}

#bodyContainer
{
	background-color: White;
	padding-top: 15px;
}

#body
{
	width: 100%;
}

#body h1
{
	padding: 10px 0 10px 0;
}

#body2
{
	background-color: #fff;
	float: right;
	margin: 35px 0 0 10px;
	width: 243px;
}

#body2 div.header
{
	padding-bottom: 3px;
	width: 100%;
}

#body2 div.item
{
	padding: 5px 0 35px 0;
}

#body2 div.menuItem
{
	font-size: 12px;
	padding: 5px 0 35px 0;
}

#body2 div.menuItem div
{
	font-size: 11px;
	padding: 0 0 0 11px;
}

/* event information */
#eventContentBlock
{
	color: #3F3F3F;
	line-height: normal;
	margin-left: 10px;
	margin-right: 10px;
}

#eventContentBlock h2
{
	color: #3F3F3F;
	font-weight: normal;
	font-size: 16pt;
	margin-top: 8px;
	margin-bottom: 8px;
}

/* event contact information */
#eventContactBlock
{
	color: #3F3F3F;
	margin-left: 10px;
	margin-right: 10px;
}

#eventContactBlock ul.contact, div.eventSearchContactBlock ul.contact
{
	margin-left: 0;
	padding: 0;
}

#eventContactBlock ul.contact li, div.eventSearchContactBlock ul.contact li
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.HiddenButton
{
	width: 0px;
	height: 0px;
	overflow: hidden;
}

/*******************************************************************/
/*  CLASS                                                          */
/*******************************************************************/

.small
{
	font-size: 9px;
}

.iRequiredLabel
{
	color: #720000;
}

.pageHead
{
	padding: 10px 20px 0 20px;
}

.logoHead
{
	padding-bottom: 10px;
}

div.eventHead
{
	font-size: 30px;
	margin: 0;
	margin-top: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

img.contactIcon
{
	margin-right: 5px;
}

/* Section3 */
div.footerPane
{
	font-family: Arial, Trebuchet MS;
	font-size: 11px;
	line-height: 16px;
	padding: 15px 20px 15px 20px;
}

div.footerPane div.copyright
{
}

div.footerPane a
{
	text-decoration: none;
}

div.footerPane a:hover
{
	text-decoration: underline;
}

div.footerPane div.menu
{
	float: right;
	vertical-align: middle;
}

/* login table */
.EventLoginBlock
{
	color: #3F3F3F;
	padding: 15px;
	background-color: #B7B7B7;
}

.EventLoginBlock_LoginMessage
{
	font-weight: bold;
	border-bottom: 1px dashed #666;
	color: #404040;
	font-size: 16px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}


.EventLoginBlock .loginTable
{
	line-height: 16px;
}

.EventLoginBlock .loginTable td
{
	vertical-align: top;
}

.EventLoginBlock .LoginBox
{
	font-size: 11px;
	padding: 5px;
	padding-left: 3px;
	color: #666;
}


/* template */
div.templateHomeImageSet
{
	margin-bottom: 25px;	
}

div.templateHomeImageSet table
{
	/*width: 100%;*/
	width: 875px;
}

div.templateHomeImageSet td
{
	/*text-align: center;*/
	text-align: left;
	vertical-align: top;
	width: 33%;
}

div.templateHomeImageSet img
{
	width: 230px;
}

div.templateHomeImageSet img.left
{
	float: left;
}

div.templateHomeImageSet img.right
{
	float: right;
}

/* photographer content area */
.PhotographerContentBlock
{
	padding-right: 5px;
}

.PhotographerContentBlock h2
{
	font-size: 18px;
	color: #3f3f3f;
	margin-bottom: 10px;
}


/*******************************************************************/
/*  BODY TEXT                                                      */
/*******************************************************************/
.bodyText
{
	color: #666;
	font-family: Arial, Trebuchet MS, Arial;
	font-size: 12px;
	line-height: 18px;
}

.bodyText h2
{
	color: #000;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}

.bodyText a h2, .bodyText a:active h2, .bodyText a:visited h2
{
	color: #3a75c4;
}

.bodyText a:hover h2
{
	color: #4b98ff;
	text-decoration: underline;
}

.bodyText h3
{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

.bodyText a h3, .bodyText a:active h3, .bodyText a:visited h3
{
	color: #3a75c4;
}

.bodyText a:hover h3
{
	color: #4b98ff;
	text-decoration: underline;
}

.bodyText a, .bodyText a:active, .bodyText a:visited, .body2Text .bodyText a, .body2Text .bodyText a:active, .body2Text .bodyText a:visited
{
	color: #3a75c4;
}

.bodyText a:hover, .body2Text .bodyText a:hover
{
	color: #4b98ff;
	text-decoration: underline;
}


/*******************************************************************/
/*  EXPAND TAG                                                     */
/*******************************************************************/
a.expandTagClosed
{
	background: #fff url(/App_/ROOT/PageFrame/Standard/Icon/Plus_O.gif) no-repeat 0 center;
	padding-left: 20px;
}

a.expandTagClosed:hover
{
	background: #fff url(/App_/ROOT/PageFrame/Standard/Icon/Plus_X.gif) no-repeat 0 center;
	padding-left: 20px;
}

a.expandTagOpened
{
	background: #fff url(/App_/ROOT/PageFrame/Standard/Icon/Minus_O.gif) no-repeat 0 center;
	padding-left: 20px;
}

a.expandTagOpened:hover
{
	background: #fff url(/App_/ROOT/PageFrame/Standard/Icon/Minus_X.gif) no-repeat 0 center;
	padding-left: 20px;
}

/*******************************************************************/
/*  EVENT SEARCH BLOCK                                             */
/*******************************************************************/
#eventSearchBlock
{
	background-color: #B7B7B7;
	color: #3F3F3F;
	padding: 15px;
	margin-right: 15px;
}

#eventSearchBlock h2
{
	border-bottom: 1px dashed #666;
	color: #404040;
	font-size: 16px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

#eventSearchBlock .searchTable
{
	line-height: 16px;
	width: 1px;
}

#eventSearchBlock .searchTable td
{
	padding-right: 5px;
	vertical-align: top;
}

.eventSearchContactBlock
{
	color: #3f3f3f;
	padding: 10px 10px 10px 20px;
}

.eventSearchContactBlock td
{
	padding-right: 30px;
	vertical-align: top;
}


/*******************************************************************/
/*  GALLERY                                                        */
/*******************************************************************/
/* GalleryOne */
.GalleryOne
{
}

.GalleryOne .Header
{
}

.GalleryOne .Header td
{
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	white-space: nowrap;
}

.GalleryOne .Header .Left
{
}

.GalleryOne .Header .Right
{
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	padding-left: 10px;
}

.GalleryOne .Navigation
{
	border-top-style: solid;
	border-top-width: 1px;
	width: 100%;
}

.GalleryOne .Navigation td
{
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
}

.GalleryOne .Navigation .Left
{
}

.GalleryOne .Navigation .Right
{
	text-align: right;
}

.GalleryOne .Footer
{
	width: 100%;
	border-top-style: solid;
	border-top-width: 1px;
}

.GalleryOne .Footer td
{
	padding-top: 5px;
	padding-bottom: 0px;
	vertical-align: middle;
	white-space: nowrap;
}

.GalleryOne .Footer .Left
{
}

.GalleryOne .Footer .Left a
{
	font-style: italic;
	font-weight: bold;
}

.GalleryOne .Footer .Middle
{
	font-weight: bold;
	padding-left: 15px;
}

.GalleryOne .Footer .Right
{
	text-align: right;
	width: 100%;
}

.ImageSet tr
{
	background-color: Transparent;
}
.ImageSet td
{
	text-align: left;
}


.GalleryOne table
{
}

.GalleryOne .PhotoBox
{
	height: 170px;
	width: 180px;
	margin-bottom: 10px;
}

.GalleryOne .PhotoBox .PhotoBlock
{
	padding: 0px;
}

.GalleryOne .PhotoBox .PhotoBlock img
{
	text-align: center;
}

.GalleryOne .PhotoBox .PhotoInfo
{
}

.GalleryOne .OptionBox
{
	color: #8c8b90;
	font-size: 11px;
	height: 180px;
}
.GalleryOne .OptionBoxOneRow
{
	color: #8c8b90;
	font-size: 11px;
	height: 180px;
	width: 180px;
	padding-left: 0px;
	float: right;
	padding-right: 40px;
}

.GalleryOne .OptionBox b, .GalleryOne .OptionBoxOneRow b
{
	color: #000;
	font-size: 13px;
}

.GalleryOne .OptionBox #OptionCart, .GalleryOne .OptionBoxOneRow #OptionCart
{
	background: #fffde8;
	border-style: solid;
	border-width: 1px;
	height: 55px;
	margin-bottom: 3px;
	padding: 10px;
	width: 160px;
}

.GalleryOne .OptionBox #OptionFavorite, .GalleryOne .OptionBoxOneRow #OptionFavorite
{
	background: #fff;
	border-style: solid;
	border-width: 1px;
	height: 75px;
	padding: 10px;
	width: 160px;
}

/* GalleryTwo */
.GalleryTwo
{
}

.GalleryTwo .Navigation
{
	width: 100%;
}

.GalleryTwo .Header
{
	border-top: solid 1px;
	width: 100%;
}

.GalleryTwo .Header td
{
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	white-space: nowrap;
}

.GalleryTwo .Header .Left
{
	font-size: 18px;
	font-weight: bold;
	padding-left: 5px;
	width: 99%;
}

.GalleryTwo .Header .Right
{
	text-align: right;
	font-size: 16px;
}

.GalleryTwo .Header .Right a
{
	text-decoration: underline;
}
.GalleryTwo .Header .Right .Album
{
	font-size: 14px;
	padding-left: 10px;
}
.GalleryTwo .Header .Right .ViewFavorites
{
	padding-left: 20px;
	font-size: 14px;
	width: 1%;
}
.GalleryTwo .Header .Right .Separator
{
	padding-left: 10px;
	padding-right: 10px;
	width: 1%;
}
.GalleryTwo .Header .Right .YourCart
{
	font-weight: bold;
	padding-left: 0px;
	font-size: 14px;
	width: 1%;
}
.GalleryTwo .Header .Right .YourCart td
{
	font-weight: normal;
	white-space: nowrap;
	line-height: 14px;
}
.GalleryTwo .Header .Right .YourCart a
{
	font-weight: bold;
}


.GalleryTwo .ImageListPane
{
	border-top: solid 1px;
	border-bottom: solid 1px;
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%;
}

.GalleryTwo .ImageListPane .ImagePager
{
	width: 100%;
}

.GalleryTwo .PhotoBox
{
	border: solid 0 red;
	margin: 10px;
}

.GalleryTwo .PhotoBox .PhotoBlock
{
	padding: 0;
}

.GalleryTwo .PhotoBox .PhotoBlock img
{
	text-align: center;
}

.GalleryTwo .OptionBox #OptionCart
{
	background: #fffde8;
	border: solid 1px #bdb6b0;
	height: 55px;
	margin-bottom: 3px;
	padding: 10px;
}

.GalleryTwo .OptionBox #OptionFavorite
{
	background: #fff;
	border: solid 1px #bbb6b0;
	height: 75px;
	padding: 10px;
}

.GalleryTwo .Footer
{
	width: 100%;
	border-top-style: solid;
	border-top-width: 1px;
}

.GalleryTwo .Footer td
{
	padding-top: 5px;
	padding-bottom: 0px;
	vertical-align: middle;
	white-space: nowrap;
}
.GalleryTwo .Footer .Left
{
}

.GalleryTwo .Footer .Left a
{
	font-style: italic;
	font-weight: bold;
}

.GalleryTwo .Footer .Middle
{
	font-weight: bold;
	padding-left: 15px;
}

.GalleryTwo .Footer .Right
{
	text-align: right;
	width: 100%;
}




/*******************************************************************/
/*  PAGER FRAME                                                    */
/*******************************************************************/
table.pagerFrame
{
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
}

table.pagerFrame th
{
	background-color: #000;
	border: solid 1px #fff;
	color: #fff;
	font-family: Trebuchet MS, Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 0 5px;
}

table.pagerFrame th.selected img
{
	float: right;
	padding-top: 6px;
}

table.pagerFrame td
{
	border: solid 1px #fff;
	font-family: Trebuchet MS, Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 5px;
	vertical-align: top;
}

table.pagerFrame td.alternate
{
	background-color: #eaeaea;
}

/*******************************************************************/
/*  CALENDAR                                                       */
/*******************************************************************/
.calendar_table
{
	background: #d3cbc5;
	border: solid 1px #730101;
	border-collapse: collapse;
	width: 280px;
}

.calendar_table_thead
{
	background: #a59687;
}

.calendar_table_header_th
{
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
}

.calendar_table_header_dayName
{
	border-bottom: solid 1px #730101;
	color: #fff;
	font-size: 14px;
	font-family: Arial;
	font-weight: normal;
	padding: 3px;
	text-align: center;
}

.calendar_table_header_navLink
{
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	font-family: Arial;
	margin: 2px;
	text-decoration: none;
}

.calendar_table_header_navLink:hover
{
	color: #777;
	text-decoration: underline;
}

.calendar_cell_curr_month
{
	cursor: pointer;
	color: #000;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
}

.calendar_cell_curr_month:hover
{
	background: #fff;
	color: #730101;
	cursor: pointer;
}

.calendar_cell_not_curr_month
{
	color: #666;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
}

.calendar_cell_not_curr_month:hover
{
	background: #fff;
	color: #730101;
	cursor: pointer;
}

.calendar_cell_disabled
{
	background: #999 !important;
	color: #777;
	cursor: default;
}

.calendar_cell_today
{
	font-weight: bold;
}
.error
{
	font-weight: bold;
	color: red;
}
body
{
	background-color: #fff;
	color: #000;
}

#windowContent
{
	padding: 10px;
}

.windowBar
{
	position: absolute;
	right: 10px;
	top: 10px;
	height: 25px;
}
.windowBar td
{
	font-size: 13px;
	height: 25px;
	vertical-align: middle;
}

.textClose
{
	padding: 0 3px 0 3px;
	text-align: right;
}
.iRequiredLabel
{
	color: #720000;
}

.textClose a
{
	font-size: 16px;
	color: #c0c0c0;
	text-decoration: none;
	font-weight: bold;
}

.textClose a:hover
{
	text-decoration: none;
	color: #c0c0c0;
}

.xClose
{
	cursor: pointer;
	border: solid 2px #c0c0c0;
	font-weight: bold;
	width: 25px;
	height: 20px;
	vertical-align: middle;
	color: #c0c0c0;
	text-align: center;
}
.xClose a
{
	font-size: 16px;
	color: #c0c0c0;
	text-decoration: none;
	font-weight: bold;
}

#MyFolderProcessorUnit
{
	margin-top: 27px;
	margin-bottom: 10px;
}

#MyFolderProcessorUnit td
{
	padding-right: 3px;
}

/* EXPANDTAG */
.categoryExpand
{
	float: left;
	width: 700px;
	height: 400px;
	overflow: auto;
	border: solid 1px #c0c0c0;
}

.categoryExpandLeft
{
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
	width: 300px;
}

.categoryExpandRight
{
	float: left;
	padding: 0;
	margin: 0 0 0 5px;
	width: 500px;
	clear: right;
}

.groupExpand
{
	float: left;
	padding-right: 20px;
	width: 750px;
}

.plainExpandTagOpened
{
	background-color: #ffc;
	background-image: url(/App_/ROOT/PageFrame/Standard/Icon/Minus_X.gif);
	background-position: right center;
	background-repeat: no-repeat;
	border-bottom: solid 1px #c0c0c0;
	display: block;
	height: 20px;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 2px;
	vertical-align: middle;
	width: 675px;
	color: #000;
	font-weight: bold;
}

.plainExpandTagClosed
{
	background-color: #ffc;
	background-image: url(/App_/ROOT/PageFrame/Standard/Icon/Minus_X.gif);
	background-position: right center;
	background-repeat: no-repeat;
	border-bottom: solid 1px #c0c0c0;
	display: block;
	height: 20px;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 2px;
	vertical-align: middle;
	width: 675px;
	color: #000;
	font-weight: bold;
}

.folderName
{
	width: 300px;
	float: left;
	display: block;
	border: dashed 0 red;
}

.folderName span
{
	cursor: pointer;
	margin-right: 5px;
}

.folderName span:hover
{
	cursor: pointer;
	margin-right: 5px;
	text-decoration: underline;
}

.folderName a
{
	font-size: 10px;
}

.folderImageCount
{
	border: dashed 0 blue;
	width: 370px;
	float: left;
	text-align: right;
}


.plainExpandBody
{
	padding-top: 10px;
}

.plainExpandBody img
{
}

.ImageDiv
{
	float: left;
	border: solid 1px #ccc;
	margin: 0 0 7px 7px;
	text-align: center;
	padding-bottom: 2px;
}

.ImageDiv img
{
	display: block;
	margin: 0 0 4px 0;
	padding: 4px;
}

.plainExpandBodyEmpty
{
}


.plainExpandItem
{
}

.plainExpandTagBody a
{
	text-decoration: underline;
}

.plainExpandTagBody a:hover
{
	text-decoration: underline;
}

#SendFrame
{
	width: 700px;
	border: solid 0 red;
}

#SendFrame .header
{
	border-bottom: solid 1px #c0c0c0;
	height: 83px;
}

#SendFrame .content
{
	border-bottom: solid 1px #c0c0c0;
	padding-top: 10px;
	padding-bottom: 10px;
}

#SendFrame .engine
{
	border-bottom: solid 1px #c0c0c0;
	padding-top: 10px;
	padding-bottom: 10px;
}

#SendFrame .sendInformation
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#ShareImageEngine
{
	width: 700px;
}

#ShareImageEngine td
{
	width: 33%;
	vertical-align: top;
	text-align: center;
}

#SendInformation
{
	width: 700px;
}

#SendInformation td
{
	padding: 3px;
	width: 33%;
}

#SendInformation .sendCommand
{
	text-align: center;
}

.sendCommand input
{
	margin-left: 15px;
}

.hintText
{
	font-size: 11px;
	color: #c0c0c0;
}

#popupContent
{
}

.ImagePreview
{
	width: 100%;
	color: #c0c0c0;
}
ImagePreview tr
{
	width: 100%;
	color: #c0c0c0;
	background-color: Red;
}
.ImagePreview span
{
	color: #000000;
}

.ImagePreview .Detail
{
	width: 425px;
	vertical-align: top;
	padding-top: 35px;
	padding-left: 25px;
}
.ImagePreview .Detail .Header
{
	width: 100%;
	border-bottom: solid 1px #c0c0c0;
	color: #c0c0c0;
}
.ImagePreview .Detail .Header span
{
	color: #000;
}
.ImagePreview .Detail .Header td
{
	width: 100%;
}
.ImagePreview .Detail .OptionHeader
{
	color: #c0c0c0;
	padding-top: 10px;
}

.ImagePreview .Detail .OptionPane
{
	overflow-x: hidden;
	overflow-y: scroll;
}
.ImagePreview .Detail .OptionPane td
{
	height: 30px;
	vertical-align: middle;
}
.ImagePreview .Detail .OptionPane .On
{
	background-color: #F1F2F6;
}

.ImagePreview .Detail .OptionPane .Off
{
	background-color: #fff;
}
.ImagePreview .Detail .OptionPane .Selected
{
	background-color: #ffc;
}
.ImagePreview .Detail .OrderSummary
{
	width: 100%;
}
.ImagePreview .Detail .Tasks
{
	width: 50%;
	padding-top: 10px;
	line-height: 20px;
}
.ImagePreview .Detail .Summary
{
	text-align: right;
	width: 50%;
	padding-top: 10px;
	line-height: 15px;
}
.ImagePreview .Detail .Summary .SubTotal
{
	font-weight: bold;
}
.ImagePreview .Detail .Summary .Total
{
}
.ImagePreview .Detail .Summary .Disclaimer
{
	font-size: 10px;
}

/********/
.DetailEventName
{
	width: 375px;
}
.DetailEventName td
{
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	padding-left: 10px;
}

