html, body, div, p {
	font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
	color: #444;
}
body {
	margin:0;
}
br {
	clear:both;
}
hr {
	display:none;
}
p {
	margin: 0 18px 12px 24px;
	line-height: 160%;
}
h1 {
	font-size: 150%;
	color:#1b457d;
	margin: 0px 20px 10px 24px;
}
a:link, a:active, a:visited {
	color: #264490;
}
a img {
	border-width: 0; 
	border-style: none;
}
.CurrentProject {
	color:#444444;
	font-size:100%;
	font-weight:normal;
}
#HeaderContainer {
	height: 115px;
	background: #fff url(Images/header-bg.png) repeat-x;
	min-width:830px;
}
#HeaderContainerLogo {
	float:left;
	position:absolute;
	left:10px;
	top:12px;
}
#HeaderContainerPopUp {
	height:20px;
	background: #fff url(Images/PopUpTop.gif) repeat-x;
}

.GridHeaderItem {
	color:#000;
	font-size:.9em;
	border:2px solid #d4dae4;
	padding:3px 3px 0 3px;
	margin-top:2px;
	z-index:999;
}

.GridHeaderItem .inline
{
    float:left;
    margin-right:3px;
}

#BodyContainer {
	width:auto;
	padding:0 0 30px 0;
}
.MessageWrap {
	background: #fdcc55;
	padding:5px;
	margin:0 auto 0 auto;
	border:1px solid #f79029;
	width:70%;
}
.InfoMessage {
	background: #fff;
	padding:5px 5px 5px 45px;
	border:1px solid #fbb042;
	background-image:url(Images/Icons/FB_about_32.gif);
	background-repeat:no-repeat;
	background-position:1% 50%;
}
.InfoMessage p {
	margin:4px;
	color:#1b457d;
	font-size:1em;
}
.ErrorMessage {
	background: #fff;
	padding:5px 5px 5px 45px;
	border:1px solid #fbb042;
	background-image:url(Images/Icons/FB_Info_Stop_32.gif);
	background-repeat:no-repeat;
	background-position:1% 50%;
}
.ErrorMessage p {
	margin:4px;
	color:#c30;
	font-size:1em;
}
.pnt {
    cursor:pointer;
}
.SmallGrid {
	margin:0 auto 0 auto;
	width:450px;
}
.MediumGrid {
	margin:0 auto 0 auto;
	width:600px;
}
.LargeGrid {
	margin:0 24px;
}
.UserGrid {
	margin:0 auto 0 auto;
	max-height:500px;
	overflow:auto;
	border:solid 1px black;
}
.GridHeaderWrap {
	border:1px solid #678fc3;
	background-color:#ecf5ff;
	height:30px;
	padding-left:5px;
	padding-right:5px;
}
.GridHeaderTitle {
	text-align:left;
	font-size:.9em;
	font-weight:600;
	padding:7px 0 2px 5px;
}
.GridHeaderOptions {
	float:right;
}
.GridWrap {
	background-color:#ecf5ff;
	padding:5px;
	border:1px solid #678fc3;
}
.GridWrap table {
	background: #fff;
	padding:0;
	border:solid 1px #d4dae4;
	width:100%;
}
.GridWrap td {
	border-right: 1px solid #d4dae4;
	padding: 4px 4px 2px 4px;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}
.GridWrap th {
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	background: #c3d4e5 url(Images/th-selected-bg.png) repeat-x top left;
	padding: 4px 4px 2px 4px;
	border-bottom: 1px solid #747474;
	border-right: 1px solid #747474;
}
.DataGridAlternating {
	background-color:#f4f6fb;
}
/*
.DataGridSelectedItem {
	background: #c3d4e5 url(Images/th-selected-bg.png) repeat-x top left;
	border-left: 1px solid #fff;
}
*/
.GridHover {
	background-color:#c3d4e5;
}
div.OpaqueOverlay {
	float: left; 
	border:2px solid #678fc3;
	z-index: 999; 
	background-color:#FFFFFF;
    position:absolute; 
    filter: alpha(opacity=99); -moz-opacity: .99;
}
div.BalloonOpaqueOverlay {
	float: left; 
	border:2px solid #678fc3;
	z-index: 999; 
	background-color:#FFFFFF;
    position:absolute; 
    filter: alpha(opacity=99); -moz-opacity: .99;
	display:none;
	width:300px;
	height:240px;
	padding:8px 10px 5px 10px;
	text-align:left;
	overflow:auto;
}

#FooterContainer {
	width:100%;
	position:relative;
	height:30px;
	background-image:url(Images/footer-bg.jpg);
	background-repeat:repeat-x;
	min-width:830px;
	text-align:center;
}
.FooterLeft 
{
	position:absolute;
	padding-top:8px;
	left:5px;
	color:#fff;
	font-size:.9em;
}
.FooterRight 
{
	position:absolute;
	padding-top:8px;
	right:5px;
	float:right;
	color:#fff;
	font-size:.9em;
}
.FooterCenter 
{
	text-align:center;
	padding-top:8px;
	color:#fff;
	font-size:.9em;
}
.DocumentInfo {
	background-color:#ecf5ff;
	border:1px solid #678fc3;
}
.DocumentInfo table {
	width:100%;
	padding:0;
	margin:0;
}
.Document {
	background-color:#FFF;
	border:solid 1px #d4dae4;
	padding:0;
	margin:0;
	font-size:.8em;
}
.Document th {
	color:#1b457d;
	font-size:.9em;
	font-weight:600;
	text-align:left;
}
tr.DocumentRow {
	background-color:#FFF;
}
tr.DocumentRowAlternating {
	background-color:#f4f6fb;
}
.TableWrap {
	background-color:#ecf5ff;
	padding:5px;
	border:1px solid #678fc3;
}
.TableWrap table {
	background: #fff;
	padding:0;
	border:solid 1px #d4dae4;
	width:100%;
}
.TableWrap td {
    /*font-size:.8em;*/
    font-size:12px;
}
.TableWrap th {
	font-size: .9em;
	font-weight:bold;
	text-align:left;
}
.DatePicker
{
	#position:relative;
	#top:-3px;
}
.ColumnText {
	font-size:.9em;
}
.required {	
	color:#c30;
	font-size:2em;
	vertical-align:middle;
}
/*
.CenteredIcon {
	width:16px;
	text-align:center;
}
*/
.Warning {
	font-size:.9em;
	color:#c30;
}
/* Tab Bar Styles */
.TabBar {
	font-size:93%;
	line-height:normal;
	padding-left:25px;
}
.TabPadSmall {
	margin:0 auto 0 auto;
	width:450px;
}
.TabPadMedium {
	margin:0 auto 0 auto;
	width:600px;
}
.TabPadLarge {
	margin:0 24px;
}
.TabPadDefault{
	margin:0 24px;
}
.TabBar img {
	border:none;
	vertical-align:text-bottom;
	margin-right:4px;
}
.TabBar tr {
	margin:0;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	_cursor:hand;
}
.TabBar .notselected {
	background:url(Images/TabBar/TabLeftSide.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
}
.TabBar .notselected .panel {
	float:left;
	display:block;
	background:url(Images/TabBar/TabRightSide.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#1b457d;
}
.TabBar .selected {
	background:url(Images/TabBar/TabLeftSideSelected.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
}
.TabBar .selected .panel {
	float:left;
	display:block;
	background:url(Images/TabBar/TabRightSideSelected.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#1b457d;
}
/* Login Page Styles */
.loginbody {
	background-color:#f4f4f4;
}
.Error {
	color:#c30;
	font-size:90%;
}
#Center {
	Width:540px;
	Height:400px;
	position:absolute;
	top:50%;
	left:50%;
	background-image:url(Images/splashScreen.jpg);
	background-repeat:no-repeat;
	margin:-220px auto auto -270px;
}
.Disclaimer 
{
	width:200px;
	font-size:.7em;
	font-weight:bold;
}
.LoginForm
{
	width:340px;
}
.SeparatorRowStyle {
	background-image:url(Images/th-selected-bg.png);
	background-repeat:repeat-x;
	text-align:left;
	font-weight:bold;
	font-size:.9em;
	padding-left:1px;
}
.DividerRowStyle {
	background-image:url(Images/th-bg.png);
	background-repeat:repeat-x;
	text-align:left;
	font-weight:bold;
	font-size:.9em;
	padding-left:3px;
}
tr.Separator {
	background-image:url(Images/th-selected-bg.png);
	background-repeat:repeat-x;
	font-size:.9em;
	font-weight:bold;
}
tr.Divider {
	background-image:url(Images/th-bg.png);
	background-repeat:repeat-x;
	font-size:.9em;
	font-weight:bold;
}
/* balloon is used to style the popup div on the workflow grid for the home page*/
div.balloon {
	position:relative;
	z-index:999;
	display:none;
	border:2px solid #678fc3;
	width:300px;
	height:240px;
	padding:8px 10px 5px 10px;
	background-color:White;
	text-align:left;
	overflow:auto;
}

div.wfwindow
{
    border-top:1px solid #678fc3;
    width:100%;
    height:214px;
    position:absolute;
    left:0;
    top:36px;
}

.wffooter
{
    border-top:1px solid red;
    width:100%;
    height:60px;
    position:absolute;
    left:0;
    top:156px;
    background-color:white;
}

.center {
	text-align:center;
}
#FileDetailToolBar {
	padding:3px;
	padding-top:0;
	width:150px;
	float:right;
}
#FileDetailToolBar img, input {
	padding-bottom:2px;
}
.FileDetailLabel {
	font-size:.9em;
	font-weight:normal;
	text-align:left;
}
#Installer {
	background: #fff;
	padding:5px 5px 5px 45px;
	border:1px solid #fbb042;
}
.ClickableControl {
	cursor:pointer;	
}

/* Viewerless Viewer CSS */

.TreeViewHeader
{
    background:#D4D0C8;
    border:solid 1px black;
    font-size:x-small;
    vertical-align:middle;
}
.DocInfoTableHeader
{
    background:#EBEADB;
    font-size:x-small;
}

.DocInfoTableRow
{
    font-size:x-small;
}

.TreeViewToolBar
{
    background: #fff url(Images/InlineViewer/header-bar-gradient.gif) repeat-x;
    text-align:left;
    padding-left:4px;
}
.TreeViewMenu
{
    border:1px solid #999;
    z-index:999;
    background-color:White;
    position:absolute;
    width:300px;
}

.TreeViewMenu a
{
    text-decoration:none;
    color:Black;
}
.TreeViewMenu table
{
    width:100%;
}

.TreeViewMenu tr
{
    text-align:left;
}
.TreeViewMenu td
{
    background:url(Images/th-bg.png) repeat-x top left;
    text-align:left;
    width:100%;
}

.TreeViewMenu .hdr
{
    text-align:right;
    background: #fff url(Images/InlineViewer/menu-header-bar-gradient.gif) repeat-x;
    height:32px;
}

.TreeViewMenu .hdr .title
{
    float:left;
    padding-top:8px;
    padding-left:4px;
    font-weight:bold;
}

.TreeViewMenu img
{
    margin-top:4px;
}

.TreeViewMenu td:hover
{
        background:url(Images/th-selected-bg.png) repeat-x top left;
}

.TaskButton .selected
{
    background:url(Images/InlineViewer/task-btn-left2.gif) no-repeat top left;
    padding:0;
    margin:0;
}

.TaskButton .selected .panel
{
     padding:5px 12px 6px 0px;
     margin-left:18px;
     _margin-left:3px;
     background:url(Images/InlineViewer/task-btn-right2.gif) no-repeat top right;
     float:left;
}

.TaskButton .notselected
{
    background:url(Images/InlineViewer/task-btn-left.gif) no-repeat top left;
    padding:0;
    margin:0;
}

.TaskButton .notselected .panel
{
     padding:5px 12px 6px 0px;
     margin-left:18px;
     _margin-left:3px;
     background:url(Images/InlineViewer/task-btn-right.gif) no-repeat top right;
     float:left;
}


.TaskButtonLabel
{

    vertical-align:top;
    font-size:.9em;
    text-decoration:none;
}

.TaskButtonHighlighted .selected
{
    background:url(Images/InlineViewer/task-btn-left-highlighted2.gif) no-repeat top left;
    padding:0;
    margin:0;
}

.TaskButtonHighlighted .selected .panel
{
     padding:5px 12px 6px 0px;
     margin-left:18px;
     _margin-left:3px;
     background:url(Images/InlineViewer/task-btn-right-highlighted2.gif) no-repeat top right;
     float:left;
}

.TaskButtonHighlighted .notselected
{
    background:url(Images/InlineViewer/task-btn-left-highlighted.gif) no-repeat top left;
    padding:0;
    margin:0;
}

.TaskButtonHighlighted .notselected .panel
{
     padding:5px 12px 6px 0px;
     margin-left:18px;
     _margin-left:3px;
     background:url(Images/InlineViewer/task-btn-right-highlighted.gif) no-repeat top right;
     float:left;
}


.ViewerWorkFlow
{
    background-color:#EBEADB;
}

.ViewerWindow
{ 

}

.DocumentButtons
{
    background-color:#EBEADB;
    padding-left:3px;
    padding-top:1px;
    border-top:solid 1px #7F7C77;
}

.RubberBand
{
	border-style:solid;
	border-width:1px;
}

.RubberBandTooSmall
{
	border-style:dashed;
	border-width:1px;
}

.innerBody 
{
	background:#f3f3f3;
}

.GreenLight {
	color:#82C262;
	font-size:90%;
}

.OrangeButton
{
	background: #f7932a url(images/buttons-filebound/login.gif) repeat-x;
	border:none;
    color:#fff;
    font-weight:bold;
	font-size:14px;
	padding:2px 6px 2px 6px;
	cursor:pointer;
	outline:none;
}

.OrangeButton:hover
{
	background: #f7932a url(Images/button-bar-hover.gif) repeat-x;
}

.LoadingWindow
{
    height:200px;
	background-image:url(Images/LoadingProgressBar.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#ecf5ff;
	border:1px solid #678fc3
}

.WindowHeader {
	background:url(Images/window-header.gif) repeat-x;
	height:22px;
}

.Loading
{
    background-image:url(Images/LoadingProgressBar.gif);
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	display:none;
}

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.modalTitle {
    float:left;
    color:#1b457d;
}
.modalBox {
    background-color:#fff;
    border:solid 1px Gray;
    color:Black;
    padding:5px 5px 7px 5px;
}
.pastDueDate
{
    color:#ff0000;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

@media print{#HeaderContainer, #FooterContainer{display:none;}}