Body
{
	font-family: Arial;
	font-size: 10pt;
}

A
{
	font-family: Arial;
	font-size: 10pt;
	text-decoration: none;
	color: Blue;
}

A:HOVER
{
	text-decoration: underline;
	color: Red;
}

TD
{
	font-family: Arial;
	font-size: 10pt;	
}

.SuccessConfirmation
{
	font-weight: bold;
	color: green;
}

.FailureConfirmation
{
	font-weight: bold;
	color: red;
}

.WebSitesCheckBoxList
{

}

.AlbumTitleTextBox
{
	font-weight: bold;
	font-family: 'Microsoft Sans Serif';
	width: 90%;
}

/********************************************************************/
/*						Start DatePicker							*/
/********************************************************************/
/* the div that holds the date picker calendar */
.dpDiv 
{
}

/* the table (within the div) that holds the date picker calendar */
.dpTable
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: black;
	background-color: white;
	border: 1px solid #AAAAAA;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR 
{
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR 
{
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR
{
	background: gainsboro;
	color: Black;
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR 
{
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD 
{
	border: 1px solid #ece9d8;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD
{
	background-color: beige;
	border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover 
{
	background-color: yellow;
	border: 1px solid #888888;
	cursor: pointer;
	color: black;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD
{
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD 
{
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD 
{
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
	background-color: whitesmoke;
	border: 1px solid #AAAAAA;
	color: black;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText 
{
	font-size: 12px;
	color: gray;
	font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight
{
	color: black;
	font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton 
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: black;
	background: gainsboro;
	font-weight: bold;
	padding: 0px;
}

/* The cell that holds the "This Month" button at the bottom */
.dpThisMonthTD
{	
}

/* The cell that holds the "Today" button at the bottom */
.dpTodayTD
{
	font-size: x-small;
	font-weight: bold;
}

/* The cell that holds the "Close" button at the bottom */
.dpCloseTD
{
}

/* the "This Month" button at the bottom */
.dpThisMonthButton 
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: gainsboro;
	font-weight: bold;
	width: 75px;
}

/* the "Close" button at the bottom */
.dpCloseButton
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: gainsboro;
	font-weight: bold;
	width: 75px;
}

/* Cell that holds blank days in the calendar */
.dpBlankDayTD
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

/* Cell that holds blank days in the calendar */
.dpMonthDropDown
{
	font-size: 12px;
}

/* Cell that holds blank days in the calendar */
.dpYearDropDown
{
	font-size: 12px;	
}
/********************************************************************/
/*							End DatePicker							*/
/********************************************************************/

.GridMetadataProperties
{

}

.GridMetadataProperties TD
{
	padding-left: 6px;
	padding-right: 6px;	
}

.GridMetadataPropertiesHeader TH
{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11pt;
	background-color: #FFFFCC;
}

.dpThumbnailsTop
{
	padding-bottom: 6px;
}

.dpThumbnailsBottom
{
	padding-top: 6px;
}

.dpThumbnails
{
	font-weight: bold;
}

.dpThumbnails A
{
	text-decoration: none;
	font-weight: normal;
}

.dpThumbnails A:HOVER
{
	color: Red;
	font-weight: bold;
	text-decoration: none;
}

.lblNumberOfFiles
{
	padding-bottom: 2px;
}

.treeNavigation TD
{
	padding-top: 1px;
	padding-bottom: 1px;
}

.treeNavigation A
{

}

.treeNavigation A:HOVER
{

}

.GridTextbox
{
	border: 1px solid silver;
}

.GridHeaderStyle
{
	background-color: #FFFFCC;
	font-weight: bold;
}

.GridHeaderStyle TH
{
	padding: 2px;
}

.GridRowStyle TD
{
	padding: 2px;
}

.lblTitle
{
	text-decoration: underline;
	font-weight: bold;
}

.border
{
	border: 1px solid silver;
}

.HeaderPageBody
{
	margin: 0px;	
	background-color: #FFFFCC;
	border-bottom: solid 1px silver;  /* window.onload javascript function in header.aspx will need to be updated if this border width is changed */
}

.HeaderPageBody TD
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 20px;
	white-space: nowrap;
}

.GroupsCheckBoxList TD
{
	white-space: nowrap;
}

.SectionTable
{
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
}

.SectionTitle
{
	font-weight: bold;
	font-family: Arial;
	font-size: 10pt;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: none;
	background-color: #FFFFCC;
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
	border-left: solid 1px silver;
	border-right: solid 1px silver;
}

.SectionContent
{
	border-left-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-width: 1px;
	padding-left: 4px;
	padding-bottom: 12px;
	padding-top: 2px;
}

.SectionContentSolidBorder
{
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	padding-left: 4px;
	padding-bottom: 12px;
	padding-top: 2px;
}

.SectionSpacer
{
	height: 8px;
}

.SecurityTypeRadioButtonList TD
{
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.EditUsers_cblGroups
{
	
}

.MouseOverGroupHeaderLabel
{
	cursor: pointer;
	color: Red;
}

.MouseOutGroupHeaderLabel
{
	cursor: pointer;
	color: Blue;
}

.EditDirectoryTitle_DirectoryName
{
	font-style: italic;	
}

.TreePageBody
{
	margin-top: 0px; 
	margin-right: 0px;
	margin-left: 0px;
}

.NavigationTrees
{
	margin-left: 4px;	
	margin-right: 4px;
}

.FilesPageBody
{
	margin: 0px;
	padding-top: 0px; 
	padding-left: 0px; 
	padding-right: 0px;
}

.ShowPageBody
{
	margin: 0px;
}

.TitleContentMasterPageBody
{

}

.TitleContentMasterPageDiv
{
}

.TitleContentMasterPageTable
{
	border: 1px solid #808080;
	width: 98%;
}

.TitleContentMasterPageTitle
{
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid;
	background-color: Silver;
	padding: 1px 2px 1px 6px;
}

.TitleContentMasterPageContent
{
	text-align: left;
	padding: 12px 6px 12px 6px;
}

.TitleContentMasterPageFooter
{
	text-align: center;
}

.FilterTextbox
{
	width: 124px;
	border: solid 1px gray;
}

.WatermarkedFilterTextbox
{
	width: 124px;
	color: Gray;
	border: solid 1px gray;
}

.PrintingInfoMessage
{
	FONT-SIZE: 0.8em; 
	FONT-FAMILY: Arial; 
	padding-top: 16px; 
	padding-bottom: 16px;
	width: 98%;
	color: #333333;
}

.DontHaveAccount
{
	font-family: Arial;
	font-size: 10pt;
	color: #676767;
	padding-top: 14px;
}

.DontHaveAccount A
{
	text-decoration: underline;
	color: #7777CC;
}

.DontHaveAccount A:HOVER
{
	text-decoration: underline;
	color: Red;
}

.DeleteConfirmation
{
	font-weight: bold;
	color: red;
}

.NoItemSelected
{
	font-weight: bold;
	padding-top: 14px;
	padding-bottom: 14px;
}

.NormalTreeNodeStyle
{
	border: solid 1px white;
	padding: 1px 1px 1px 1px;
}

.NormalTreeNodeStyle A
{
	text-decoration: none;
}

.NormalTreeNodeStyle A:HOVER
{
	text-decoration: none;	
}

.SelectedTreeNodeStyle
{
	background-color: Yellow;
	border: solid 1px Silver;
	padding: 1px 1px 1px 1px;
}

.SelectedTreeNodeStyle A
{
	color: Black;		
}

.SelectedTreeNodeStyle A:HOVER
{
	color: Black;
}

.Button
{
	border: gray 1px solid;
	margin: 2px;
}

.ButtonNoMargin
{
	border: gray 1px solid;
}

.FilterButton
{
	border: gray 1px solid;
	font-size: 9pt;	
}

.Button:hover, .ButtonNoMargin:hover, .FilterButton:hover
{
	background: Yellow;
}

.MetadataProperty_UpButton
{
	border: gray 1px solid;
	width: 22px;
	height: 22px;
	background: #D4D0C8 url(../images/MoveUp.gif) no-repeat center center;
}

.MetadataProperty_UpButton:hover
{
	background: Yellow url(../images/MoveUp.gif) no-repeat center center;
}

.MetadataProperty_DownButton
{
	border: gray 1px solid;
	width: 22px;
	height: 22px;
	background: #D4D0C8 url(../images/MoveDown.gif) no-repeat center center;
}

.MetadataProperty_DownButton:hover
{
	background: Yellow url(../images/MoveDown.gif) no-repeat center center;
}

.MetadataProperty_DisabledButton
{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	width: 22px;
	height: 22px;
	background-color: Transparent;
}

#tdSignedInAs A, #tdAdminTools A
{
	color: Blue;	
}

#tdSignedInAs A:HOVER, #tdAdminTools A:HOVER
{
	color: Red;
}

.Albums_Thumbnails
{
	white-space: nowrap;
}

.Albums_Thumbnails A:HOVER
{
	text-decoration: none;
}

.ToolbarTable
{
	background-color: #F2F2F2;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: Silver;
	text-align: center;
	width: 100%;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: Silver;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 4px;
}

.ToolbarTableAllBorders
{
	background-color: #F2F2F2;
	border-bottom: solid 1px Silver;
	text-align: center;
	width: 100%;
	border-right: solid 1px Silver;
	border-left: solid 1px Silver;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 4px;
}

.DataInputHeader
{
	text-align: right;
	padding: 2px;
}

.DataInputContent
{
	padding: 2px;
	text-align: left;	
}

.TreeOnlyJavascriptLinks A, .TreeOnlyJavascriptLinks A:VISITED
{
	color: Black;
	text-decoration: none;
	cursor: default;
}

.MissingRequiredField
{
	color: Red;
}

.OriginalImage
{
}

.FileComments
{
	text-align: center;
	width: 100%;
}

.AlbumComments
{
	text-align: center;
	width: 98%;
}

.ShowFileComments
{
	width: 100%;
	text-align: left;
}

.ShowFileComment
{

}

.ShowFileCommentsName
{
	color: #336699;
	font-weight: bold;
}

.ShowFileCommentsComment
{

}

.AddFileComment TABLE
{
	width: 100%;
}

.AddFileComment TD
{
	text-align: left;
	white-space: nowrap;
}

.AddFileComment #txtCommentAddedBy
{
	border: solid 1px silver;
	width: 25%;
}

.AddFileComment #txtComment
{
	border: solid 1px silver;
	width: 75%;
}

.AddFileComment #btnAddComment
{
	border: gray 1px solid;
	font-size: 9pt;
	margin-left: 8px;
}

.WatermarkedTextbox
{
	color: Gray;
	border: solid 1px gray;
}

.Textbox
{
	border: solid 1px gray;
}

.FileDetailsSection
{
	width: 100%; 
	margin-top: 4px;
}

.FileDetails
{
	width: 100%;
	font-size: 9pt;
	color: #333333;
}

.FileDetails TD
{
	padding: 1px;
	width: 50%;
}

.FileDetails TH
{
	padding: 1px;
	font-weight: bold;
	width: 50%;
	text-align: right;
}

.ShowFileTable IMG
{
	margin-top: 1px;	
}

.SlideShowText
{
	width: 50%;
	text-align: center;
}

.NextFile IMG
{
	margin-right: 4px;
	height: 60px;
}

.PreviousFile IMG
{
	margin-left: 4px;
	height: 60px;
}

.PreviousFile
{
	width: 25%;
	padding-top: 4px;
}

.NextFile
{
	width: 25%;
	padding-top: 4px;
	text-align: right;
}

.ShowFileTable
{
	width: 98%;
	text-align: center;
}

.ShowFileHeader
{
	width: 98%;
}

.ShowFileContent
{
	text-align: center;
}

.PleaseSelectFile
{
	text-align: center;
	font-size: 12pt;
	margin-top: 8px;
	font-family: Arial;
	font-weight: bold;
}

.GridViewNoRecordsFound
{
	
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.ratingStarReadOnly {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: default;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../images/SavedStar.png);
}

.tblRating TD
{
	font-size: 8pt;
	white-space: nowrap;
	padding-right: 10px;
}

.bodyMobilePage
{
	margin-top: 1px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;	
}

.tblMobileDirectories
{
	text-align: center;
	border-collapse: collapse;
	border: solid 1px Silver;
}

.tblMobileDirectories TD, .tblMobileDirectories TH
{	
	border: solid 1px Silver;
	padding-left: 4px;
	padding-right: 4px;
}

.tblMobileDirectories TH
{
	background-color: #FFFFCC;
}

.tdMobileNoAlbumsFound
{
	padding-top: 10px;	
	padding-bottom: 16px;
}

.WarningMessage
{
	color: Red;
}