/* document list */

/**************************************************************************************
/* update the following classes to change the appearance of the document list drop-in application
/*************************************************************************************/

/* this is the class used on the outside container element for the document list */
/* html example: <div class="DocumentList_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
.DocumentList_Wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the inside container element for the document list */
/* html example: <div class="DocumentList_Wrapper"><div class="DocumentList"> */
.DocumentList {
	width: 100%;
	margin: 0;
	padding: 10px 0;
}

/* this is the class used on the html table that lists the documents */
/* html example: <table border="0" cellspacing="0" class="Table"> */
.DocumentList .Table {
	width: 100%;
	border-bottom: solid 1px #999;
}

/* this is the class used on all html table rows */
/* html example: <tr class="Row"> */
.DocumentList .Row {}

/* this is the class changes formatting of .Row for the header row */
/* html example: <tr class="Row HeaderRow"> */
/* overrides .Row */
.DocumentList .HeaderRow {}

/* this is the class used on the container element for the icon heading */
/* html example: <tr class="Row HeaderRow"><td class="Icon"> */
.DocumentList .HeaderRow .Icon {
	width: 10%;
	margin: 0;
	padding: 2px 0;
	border-bottom: solid 1px #999;
	font-size: 10px;
	color: #999;
	text-align: center;
}

/* this is the class used on the container element for the title and description headings */
/* html example: <tr class="Row HeaderRow">...<td class="TitleAndDescription"> */
.DocumentList .HeaderRow .TitleAndDescription {
	margin: 0;
	padding: 2px 0;
	border-bottom: solid 1px #999;
	font-size: 10px;
	color: #999;
	width: 75%;
}

/* this is the class used on the container element for the title heading */
/* html example: <td class="TitleAndDescription"><div class="Title">...</div> */
.DocumentList .HeaderRow .TitleAndDescription .Title {
	margin: 0;
	padding: 0;
	width: 40%;
}

/* this is the class used on the container element for the description heading */
/* html example: <td class="TitleAndDescription">...<div class="Description">...</div> */
.DocumentList .HeaderRow .TitleAndDescription .Description {
	margin: 0;
	padding: 0;
	width: 60%;
}

/* this is the class used on the spacer element that exists after the title and description headings */
/* html example: <tr class="Row HeaderRow">...<div class="Spacer"> */
.DocumentList .HeaderRow .TitleAndDescription .Spacer {
	margin: 0;
	padding: 0;
	clear: both;
}

/* this is the class used on the container element for the file size heading */
/* html example: <tr class="Row HeaderRow">...<td class="FileSize"> */
.DocumentList .HeaderRow .FileSize {
	width: 15%;
	margin: 0;
	padding: 2px 0;
	border-bottom: solid 1px #999;
	font-size: 10px;
	color: #999;
	text-align: center;
}

/* this is the class used to change the formatting of .Row for each alternating row */
/* html example: <tr class="Row AlternateRow"> */
/** overrides .Row **/
.DocumentList .AlternateRow {
	background-color: #eee;
}

/* this is the class used on the container element for the icon */
/* html example: <tr class="Row"><td class="Icon"> */
.DocumentList .Icon {
	margin: 0;
	padding: 2px 0;
	text-align: center;
}

/* this is the class used on the container element for the title and description */
/* html example: <tr class="Row">...<td class="TitleAndDescription"> */
.DocumentList .TitleAndDescription {
	margin: 0;
	padding: 0;
}

/* this is the class used on the container element for the title */
/* html example: <td class="TitleAndDescription">...<div class="Title">...</div> */
.DocumentList .TitleAndDescription .Title {
	float: left;
	width: 40%;
	margin: 0;
	padding: 2px 0;
}

/* this is the class used on the link elements for the title */
/* html example: <div class="Title"><a href="..." title="Latest News">Latest News</a></div> */
.DocumentList .TitleAndDescription .Title a {}
.DocumentList .TitleAndDescription .Title a:hover {}

/* this is the class used on the container element for the description */
/* html example: <td class="TitleAndDescription">...<div class="Description">...</div> */
.DocumentList .TitleAndDescription .Description {
	float: left;
	width: 60%;
	margin: 0;
	padding: 2px 0;
}

/* this is the class used on the spacer element that exists after each title and description */
/* html example: <tr class="Row">...<td class="Spacer"> */
.DocumentList .TitleAndDescription .Spacer {
	margin: 0;
	padding: 0;
	clear: both;
}

/* this is the class used on the container element for the file size */
/* html example: <tr class="Row">...<td class="FileSize"> */
.DocumentList .FileSize {
	text-align: center;
	margin: 0;
	padding: 2px 0;
}

/* these are classes used to customize individual rows */
/* html example: <tr class="Row Row1"> */
/** row number starts at 1  */
.DocumentList .Row1
.DocumentList .Row1 .Icon {}
.DocumentList .Row1 .TitleAndDescription {}
.DocumentList .Row1 .FileSize {}