/*********************************
	NEW V4 STYLE ELEMENTS
	
**********************************/
body{
colour:#000000 !important;
}	
.V4Title{  /* text reads Title */
color:#85868C!important;
font-family:arial;
font-size:6pt;
font-weight:bold;
padding-left:2px;
width:350px;
height:10px;
}


.DocV4Title{

font-family:arial;
font-size:6pt;

float:left;
text-align:left;
width:350px;
/*border:1px solid red;*/
height:15px;


}

V4TitleName{             
margin-top:17px;
padding-left:5px;

font-family:arial;
font-size:8pt;
position:relative;
bottom:-7px;
border-bottom:1px solid red;

}


.V4Date{
color:#85868C !important; 
font-family:arial;
font-size:6pt;
font-weight:bold;
padding-left:2px;
/*border:1px solid red;*/
height:10px;

}

.V4DateName{

text-align:left;
padding-top:7px;
padding-right:2px;
font-family:arial;
position:relative;
bottom:-7px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;


}

.DocV4Date{
float:right;
text-align:right;
width:110px;
font-family:arial;
font-size:7pt;
height:20px;
border-left:1px solid #D8D4CC;
background-color:#FAF9F8;
border-bottom:1px solid #D8D4CC;

}

.DocV4Header{
/*border-bottom:1px solid #D8D4CC;*/
border-top:1px solid #D8D4CC;
border-left:2px solid #D8D4CC;
border-right:1px solid #D8D4CC;
height:22px;
padding-left:5px;

}

.DocV4Description{
float:left;
background-color:#F5F4F2;
width:100%;
border-left:2px solid #D8D4CC;
border-bottom:2px solid #D8D4CC;
border-right:1px solid #D8D4CC;
padding-left:5px;

}


.V4Description{
color:#85868C;
font-family:arial;
font-size:6pt;
font-weight:bold;
padding-left:2px;
/*border:1px solid red;*/
height:10px;
}

.V4DescriptionName{
font-size:11pt;

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

.DocumentV4Container {text-align:center; width:594px;line-height:normal;   padding:5px; padding-left:none;}
.DocumentV4Container div {-moz-box-sizing:border-box;font-family:arial;font-size:11pt;}

/*********************************
	[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:594px; margin:0px auto 7px auto; display:table; text-align:left;border:solid 1px #B8B7B6; background-color:#ECEBE3;}

/*********************************
	[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
***/
.DocumentV4Container .Document {float:left; width:462px; border:1px solid #d8d4cc; color:#000000; padding:5px;}
.DocumentV4 {background-color:#F5F4F2;}
.New .DocumentV4 {border-color:#c7cadd;}
.New .Shade {background-color:#f3f5ff;}
.Shade {background-color:#f5f4f2;}



/*** 
	[Document :: DocBody :: Attachments]
***/
div.Attachments { height:100%; padding-top:4px; padding-bottom:4px; padding-left:10px; } /* container surounding all attachments */
div.Attachments img {background-color:transparent; width:15px;}

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

/*** 
	[Document :: DocBody :: AttachmentFile]
***/
.AttachmentFile {width: 50%;  cursor:pointer; float:left; padding-top:4px;}
.AttachmentFile table {margin-top:3px; margin-left:5px;}
.AttachmentFile td {font-size:9pt; 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;}

.admin .documentV4
.documentV4

/*** 
	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;
}

#DetailsContainer { display: none; }

.DocV4Body{
width:100%;
margin:0px;
padding:0px;
background-color:#ECEBE3;
}

.DocV4FileLink{
float:left;
font-size:12px;
width:100%;
white-space:wrap;
}

.DocV4FileSize{
float:left;
font-size:10px;
width:100%;
}

.DocV4FileTime{
float:left;
font-size:10px;
width:100%;
}

.DocV4FileImage{
width:20px;
height:20px;
}


.DocV4FileCount{
	border-bottom:1px solid #D8D4CC;
	background-color:#F5F4F2;
	border-left:2px solid #D8D4CC;
    border-right:1px solid #D8D4CC;
	padding-left:5px;
	display:none;

}

.V4FileCOunt{
color:#85868C;
font-family:arial;
font-size:6pt;
font-weight:bold;
padding-left:2px;
height:10px;
width:10px;
text-align:left;

}