/*********************************
	[DocumentContainer]
	The outer container used to contain everything but only really used to get the entire document items centered in IE 
**********************************/

.DocumentContainer {text-align:center; width:494px;line-height:normal}
.DocumentContainer div {-moz-box-sizing:border-box; box-sizing:border-box; font-family:arial; font-size:8pt;}

/*********************************
	[DocumentItem]
	Set the overall width for a document item and margin center for all non-IE browsers, and reset text-align back to left.
	For some reason a display:table is required on this DIV otherwise FF cant place margins at bottom to seperate items.  It seems
	the DIV has a tiny height if this isnt applied 
*********************************/
.DocumentItem {width:494px; margin:0px auto 7px auto; display:table; text-align:left;}

/*********************************
	[SideTab]
	Set the SideTab to float to the left.  If this is a New item then set background to NewFade else OldFade.
	If Admin then adjust width to be wider 
*********************************/
.SideTab  {float:left; width:27px; height:23px; background:url(../img/DocOldFade.gif)}
.New .SideTab {background:url(../img/DocNewFade.gif)}
.Admin .SideTab {width:32px; height:34px;}

/***
	[SideTab :: LeftSide]
	Set the SideTab's Left Side width/height and to float left.  Also set the font-size to 1px for IE.
	If New/Old setting then adjust the background image shown. If Admin set, show the gripper
***/
.SideTab .LeftSide div { font-size:1px;}
.Admin .SideTab .LeftSide {height:34px;}
.SideTab .LeftSide {width:9px; height:23px; float:left;}
.BkgImgTopLeft {width:2px; height:2px; background:url(../img/DocOldEdge.gif) no-repeat;}
.New .BkgImgTopLeft {background:url(../img/DocNewEdge.gif) no-repeat;}
.Admin .Gripper {cursor:move; margin:5px 0px 0px 0px; width:9px; height:19px; background:url(../img/Gripper2.gif) no-repeat;}

/***
	[SideTab :: RightSide]
***/
.SideTab .RightSide div {font-size:1px;}
.SideTab .RightSide {float:left;}
.Admin .SideTab .RightSide {margin-left:5px;}
.Collapse {margin-top:4px; width:11px; height:11px; cursor:pointer; background:url(../img/Collapsed.gif) no-repeat;}
.Expand {margin-top:4px; width:11px; height:11px; cursor:pointer; background:url(../img/Expanded.gif) no-repeat;}
.Admin .EditPencil {margin-top:3px; width:12px; height:12px; cursor:pointer; background:url(../img/EditPencil.gif) no-repeat;}
.NoCollapse .Collapse {display:none;}

/***
	[Document]
	Use the div element to make sure the correct font is applied to all elements within the Document container
***/
.DocumentContainer .Document {float:left; width:462px; border:1px solid #d8d4cc; color:#000000;}
.Document {background-color:#ffffff}
.New .Document {border-color:#c7cadd;}
.New .Shade {background-color:#f3f5ff;}
.Shade {background-color:#f5f4f2;}

/*** 
	[Document :: DocHeader]
***/
.DocHeader {border-bottom:1px solid #d8d4cc; height:22px;}
.New .DocHeader {border-bottom-color:#c7cadd;}

/*** 
	[Document :: DocHeader :: DocTitle]
***/
.DocTitle {float:left; background-color:#ebeae8; width:368px; height:21px; overflow:hidden;}
.New .DocTitle {font-weight:bold; background-color:#e4e6f0;}

/*** 
	[Document :: DocHeader :: DocTitle :: Title, TitleName]
***/
.DocTitle .Title {font-weight:bold; color:#85868c; padding-left:2px; font-family:arial; font-size:6pt;}
.DocTitle .TitleName {margin-top:-2px; padding-left:5px; height:13px}

/*** 
	[Document :: DocHeader :: DocDate]
***/
.DocDate {float:right; border-left:1px solid #d8d4cc; width:92px; height:21px}
.New .DocDate {border-left-color:#c7cadd;}

/*** 
	[Document :: DocHeader :: DocDate :: Date, DateName]
***/
.DocDate .Date {font-weight:bold; padding-left:2px; color:#85868c;font-family:arial; font-size:6pt;}
.DocDate .DateName {text-align:center; margin-top:-3px;}

/*** 
	[Document :: DocBody]
***/
.DocBody {clear:both;}

/*** 
	[Document :: DocBody :: DocTextShort]
***/
.DocTextShort
{padding:1px 5px 1px 5px;}

/*** 
	[Document :: DocBody :: DocTextLong]
***/
div.DocTextLong
{overflow:hidden; width:100%; padding:1px 5px 1px 5px;}

/*** 
	[Document :: DocBody :: Attachments]
***/
div.Attachments {padding-top:15px; float:left;}
div.Attachments img {background-color:transparent}

/*** 
	[Document :: DocBody :: AttachmentTitle]
***/
div.AttachmentTitle {margin:5px 0px 3px 0px; font-family:tahoma; border-bottom:1px solid #000000; font-size:7pt; color:#000000; font-weight:bold; width:214px;}

/*** 
	[Document :: DocBody :: AttachmentFile]
***/
.AttachmentFile {width:225px; height:49px; cursor:pointer; float:left;}
.AttachmentFile table {margin-top:3px; margin-left:5px;}
.AttachmentFile td {font-size:9px; color:#000000; font-family:verdana; overflow:hidden;}

/*** 
	[Document :: DocBody :: Expires]
***/
div.Expires {display:inline; margin-top:8px; margin-right:-5px; margin-bottom:-1px; float:right; border-top:1px solid #d8d4cc; border-left:1px solid #d8d4cc; background-color:#fef0f0; font-family:verdana; font-size:7pt; text-align:center; padding:0px; width:75px;}
.New .Expires {border-top:1px solid #c7cadd; border-left:1px solid #c7cadd;}

/*** 
	Miscellaneous
***/
.MoreLink {display:inline; font-size: 10px; color:#3551ff; cursor:pointer; text-decoration:underline}
.ShowHyper {color:#3551ff; text-decoration:underline; display:block; width:124px; overflow:hidden; white-space:nowrap}
#ProgressAnim {position:absolute; z-index:9999; top:0px; left:0px; display:none; width:21; height:22px; background:url(../img/proganim.gif) no-repeat}

div.ChoiceIcons
{
	clear:left;
	margin-top:8px;
	border-top:1px dotted #cccccc;
	border-right:1px dotted #cccccc;
	-moz-box-sizing:border-box;
	padding:2px 3px 0px 3px;
	float:left;
	height:21px;
}

div.ChoiceIcons img
{
	background-color:transparent;
}

div.ChoiceIcons a
{
	display:-moz-inline-box;
	width:18px;
	height:18px;
	padding:2px;
	-moz-box-sizing:border-box;
}

div.ChoiceIcons a:hover
{
	background-color:#f8e6ff;
}

div.LinkBack
{
	text-align:right;
	margin:0px 6px 5px 0px;
}