﻿.hide { display:none; }

img
{
	border: none 0;
}

body.fg 
{
	text-align : center;
	margin : 0px; 
	background-color : #ffffff;
	background-image : url(/Images/mainBack.png);
	background-repeat : repeat-x ;
	font-family : Arial;
}

body
{
	text-align : center;
	background-color : #ffffff;
	font-family : Arial;
	height: 100%;	
	margin: 0;
	padding: 0;
}

td.tdTop
{
    vertical-align: top;
}

#mainWrapper
{
	width : 950px;
	border : solid 0px #56686c;
	background-color : White;
	clear : both ;
	position : static ;
	margin : auto;
	margin-bottom: 40px;
}

#headerDiv
{
	height : 7px;
	text-align : left;
	border-bottom : solid 1px #56686c;
	background-color : #c2d7c5;
	clear : both ;
	position : static ;
}

#logoDiv
{
	height : 100px;
	text-align : left;
	border-bottom : solid 1px #56686c;
	background-image : url(/Images/logoBackTile.png);
	background-repeat :  repeat ;
	clear : both ;
	position : static ;
}

#menuDiv
{
	height : 100px;
	border-bottom : solid 0px #56686c;
	font-family : Verdana;
	font-weight: normal ;
	font-size : 10pt; 
	clear : both ;
	background-color : Transparent ;
	background-image : url(/Images/mainBack.png);
	background-repeat : repeat-x ;
	position : static ;
}

	#menuDiv a:link
	{
		text-decoration : none;
		color : Green;
	}

	#menuDiv a:hover
	{
		text-decoration : none;
		color : Green;
	}

	#menuDiv a:visited
	{
		text-decoration : none;
		color : Green;
	}
	
#crumbsDiv
{
	height : 21px;
	text-align : left;
	border-bottom : solid 0px #56686c;
	clear : both ;
	position : static ;
	padding-top : 4px;
	background-color : #666666 ;
	color : White;
	font-family : Verdana ;
}

	#crumbsLeftDiv
	{
		border-right : solid 0px #c5c5c5;
		width : 465px;
		clear: left ;
		float : left ;
		text-align : left;
		margin-left : 5px;
		margin-right : 5px;
		position : static ;
		font-size : 10pt;
		background-color : Transparent ;
		padding-left : 4px;
}

		#crumbsLeftDiv a:link
		{
			text-decoration : none;
		color : White;
	}

		#crumbsLeftDiv a:hover
		{
			text-decoration : none;
			color : White;
}

		#crumbsLeftDiv a:visited
		{
			text-decoration : none;
			color : White;
}
		
	#crumbsRightDiv
	{
		width : 455px;
		clear : right ;
		float : right ;
		margin-left : 5px;
		margin-right : 5px;
		text-align : right;
		position : static ;
		font-size : 9pt;
		font-weight : bold ;
		background-color : Transparent ;
	color : White;
	padding-right : 4px;
}
	
		#crumbsRightDiv a
		{
			font-weight : normal ;
			color : #f6f6f6;
			text-decoration : none;
		}

		#crumbsRightDiv a:hover
		{
			color : #fff;			
			text-decoration : underline;
			
		}

		#crumbsRightDiv a:visited
		{
			color : #f6f6f6;
			font-weight: normal;
		}
	
#contentWrapper
{
	width: 950px;
	font-family : Arial;
	background-color : White;
	clear : both ;
	position : static ;
	border : solid 1px #c5c5c5;
}

#contentDivOld
{
	width : 950px;
	clear: right ;
	float : right ;
	text-align : left;
	position : static ;
	border-left : solid 0px #c5c5c5;
}

#sideBarDivOld
{
	width : 147px;
	clear : left ;
	float : left ;
	text-align : left;
	position : static ;
	font-size : 9pt;
    padding-left : 3px;
    padding-top : 3px;
}

#contentDiv
{
	width : 950px;
	text-align : left;
	border-left : solid 0px #c5c5c5;
}

#sideBarDiv
{
	width : 250px;
	text-align : left;
	font-size : 10pt;
    padding-left : 0px;
    padding-top : 3px;
    vertical-align : top;
    background-color : #e5e5e5;
    font-weight : normal ;
}


div.pageWrapper
{
    font-family: Arial, Sans-serif;
    font-size: 10pt;
	color : #555555;
	text-align : left;
	padding : 10px;
}

div.pageHeaderDiv
{
	font-size : 18pt;
	font-weight : 700 ;
	color : #999999;
	border-bottom : solid 1px #d5d5d5;
}

div.pageHeaderSubLeftDiv
{
	font-size : 8pt;
	color : #111111;
	float:left;
	clear : left ;
	margin-bottom : 2px;
}
div.pageHeaderSubRightDiv
{
	font-size : 8pt;
	color : #c5c5c5;
	float: right ;
	clear : right ;
	margin-bottom : 2px;
}

div.sideBarWrapper
{
	text-align : left;
	margin-right : 2px;
	border : solid 1px #c5c5c5;
	font-family : Arial;
}

div.sideBarHeader
{
	font-size : 12pt;
	color : #f5f5f5;
	font-weight : bold;
	border-bottom : solid 1px #b5b5b5;
	padding-left : 2px;
	background-image : url(/Images/menuBack.png);
	background-repeat : repeat-x ;
	height : 20px;
	 
}

div.sideBarContent
{
	font-size : 9pt;
	color : #555555;
	padding : 5px;
	vertical-align : top;
}

			div.sideBarContent a:link
			{
				font-size : 9pt;
				color : #555555;
				padding : 5px;
				vertical-align : top;
				text-decoration : none;
			}

			div.sideBarContent a:hover
			{
				color : #f5f5f5;
				font-size : 9pt;
				padding : 5px;
				vertical-align : top;
				text-decoration : none;
			} 

			div.sideBarContent a:visited
			{
				font-size : 9pt;
				color : #555555;
				padding : 5px;
				vertical-align : top;
				text-decoration : none;
			}

table.mainContent
{
	border : solid 0px #c5c5c5;
	font-weight: bold;
	text-align : left ;
	font-size : 9pt;
	width : 97%;
	margin : 10px;
}

td.mainContentHeader
{
	font-size : 10pt;
	font-variant : small-caps ;
	color : White ;
	border : solid 1px Black;
	background-color : #999999 ;
}

td.mainContentFooter
{
	border-top : solid 1px #c5c5c5;
	font-weight : bold;
	font-size : 12pt;
	text-align : right ;
}

td.mainContentLabel
{
	font-weight : bold;
	padding-left : 15px;
	
}

td.mainContentValue
{
	font-weight : normal ;
}

table.contentHeaderTable
{
	border : solid 0px #c5c5c5;
	text-align : left ;
	font-size : 9pt;
	width : 100%;
	margin : 10px;
}

td.contentHeaderLeft
{
   background-image : url(/Images/headerLeft.png);
   background-repeat : no-repeat ;
   background-position : left ;
   width : 5px;
   color: Black;
}

td.contentHeaderMiddle
{
   background-image : url(/Images/headerMiddle.png);
   background-repeat : repeat-x  ;
   background-position : left ;
   color : White ;
   font-variant : small-caps ;
   width : 100%;
}

td.contentHeaderRight
{
   background-image : url(/Images/headerRight.png);
   background-repeat : no-repeat ;
   background-position : right ;
   width : 5px;
   color: Black;
}

#toolBarContentWrapper
{
	width: 800px;
	font-family : Arial;
	vertical-align : top;
	border : solid 0px #c5c5c5;
}

#toolBarDiv
{
	width: 800px;
	font-family : Arial;
	background-color : #f8f8f8;
	border-bottom : solid 1px #c5c5c5;
	font-size : 9pt;
	vertical-align : middle ;
}

			#toolbarDiv a:link
			{
				font-size : 9pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			}

			#toolbarDiv a:hover
			{
				font-size : 9pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			} 

			#toolbarDiv a:visited
			{
				font-size : 9pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			}

#toolBarContentRight
{
	border-left : solid 0px #c5c5c5;
	text-align : center;
	position : static ;
	vertical-align : top;
	width : 622px;
}

#toolBarContentRightHeader
{
	border : solid 1px Black;
	text-align : left ;
	vertical-align : middle;
	background-color : #666666 ;
	color : #f5f5f5;
    font-size : 12pt;
    font-weight : 700;
	padding : 3px;
	width : 627px;
}

#toolBarContentLeft
{
	width : 173px;
	text-align : left;
	vertical-align : top;
	font-size : 9pt;
	border-right : solid 1px #c5c5c5;

}

#toolbarHeader
{
	border : solid 1px Black;
	vertical-align : middle;
	background-color : #666666 ;
	color : #f5f5f5;
	padding : 3px;
	margin: 0 auto;
	height: 20px;
}

#toolbarHeaderLeft
{
	text-align : left;
    font-size : 12pt;
    font-weight : 700;
	width : 500px;
	float: left;
}

#toolbarHeaderRight
{
	text-align : right;
	width : 290px;
	float: right;
}



#toolbarContentTable
{
	width: 800px;
	font-family : Arial;
	background-color : White;
	vertical-align : top;
}

table.toolbarContentSubTable
{
	width: 615px;
	font-family : Arial;
	background-color : White;
	vertical-align : top;
	margin-left : 10px;
	margin-right : 10px;
}

td.toolbarContentSubTableHeader
{
	padding : 3px;
	font-family : Arial;
	background-color : White;
	vertical-align : middle;
	font-size : 11pt;
	font-weight : bold ;
	text-align : left ;
	border-bottom : solid 1px #e5e5e5;
}

td.toolbarContentSubTableHeaderLeft
{
	width: 50%;
	padding : 3px;
	font-family : Arial;
	background-color : White;
	vertical-align : middle;
	font-size : 11pt;
	font-weight : bold ;
	text-align : left ;
	border-bottom : solid 1px #e5e5e5;
}



td.toolbarContentSubTableHeaderRight
{
	width: 50%;
	padding : 3px;
	font-family : Arial;
	background-color : White;
	vertical-align : middle;
	font-size : 10pt;
	font-weight : normal ;
	text-align : right ;
	border-bottom : solid 1px #e5e5e5;
}

td.toolbarContentSubTableContent
{
	width: 620px;
	padding : 3px;
	font-family : Arial;
	background-color : White;
	clear : both ;
	position : static ;
	vertical-align : top;
	font-size : 9pt;
	border : solid 0px #e5e5e5;
	text-align : left;
}

td.sideBarMenuLink
{
	padding : 2px;
	font-family : Arial;
	vertical-align : middle;
	font-size : 10pt;
	text-align : left;
	font-weight : bold;
}

			td.sideBarMenuLink a:link
			{
				font-size : 10pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			}

			td.sideBarMenuLink a:hover
			{
				font-size : 10pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			} 

			td.sideBarMenuLink a:visited
			{
				font-size : 10pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			}

/* -- Modal Popup */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color: #F4F5EB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border-width:0px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

td.modalHeaderLeft 
{
    background-color : #999999;
    text-align : left ;
    vertical-align : middle;
    height : 19px;
    border-left : solid 1px Black;
    border-top : solid 1px Black;
    padding-left : 3px;
    color : White;
    font-weight : bold;
    font-size : 11pt;
    
}

td.modalHeaderRight 
{
    background-color : #999999;
    text-align : right;
    vertical-align : middle ;
    border-right : solid 1px Black;
    border-top : solid 1px Black;
    padding-right : 3px;
    color : White;
}

td.modalContent 
{
	background-color : White ;
	border : solid 1px black;
	text-align : center ;
	vertical-align : top;
    padding : 3px;
}

td.popupFieldHeader 
{
    text-align : left ;
    vertical-align : top;
    height : 21px;
    font-weight : bold ;
    color : #333333;
}

td.popupFieldValue 
{
    text-align : left ;
    vertical-align : top;
    height : 21px;
}

.popupToolBarDiv
{
	font-family : Arial;
	background-color : #e5e5e5;
	border-bottom : solid 1px #c5c5c5;
	font-size : 9pt;
	vertical-align : middle ;
	text-align : left ;
}

			.popupToolBarDiv a:link
			{
				font-size : 9pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			}

			.popupToolBarDiv a:hover
			{
				font-size : 9pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			} 

			.popupToolBarDiv a:visited
			{
				font-size : 9pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			}

div.inlineHelp
{
	display: none;
	font-size: 11px;
	font-weight: normal;
	background-color: #FFFFCC;
	padding: 5px 5px 15px 5px;
	text-align: left;
	border: 1px solid #000080;
}

div.inlineHelpHeadContainer
{
	margin: 0 auto;
}

div.inlineHelpHeader
{
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
}

div.inlineHelpClose
{
	float: right;
	width: 20px;
	margin-top: -15px;
	margin-right: -15px;
}

div.inlineHelpContent
{
	margin-top: 20px;
	padding-left: 5px;
}

div.inlineHelpClose a
{
	color: blue;
}


.error 
{
	color : Red ;
}

.normal
{
	color : Black ;
}

.selectedItem
{
    background-color : #666666 ;
    color : White ;
}
			.selectedItem a:link
			{
				background-color : #666666 ;
				font-weight : bold ;
				text-decoration : none;
			    color : White ;
			}

			.selectedItem a:hover
			{
				background-color : #666666 ;
				font-weight : bold ;
				text-decoration : none;
			    color : White ;
			} 

			.selectedItem a:visited
			{
				background-color : #666666 ;
				font-weight : bold ;
				text-decoration : none;
			    color : White ;
			}

.nonSelectedItem
{
    background-color : White ;
    color :  Black  ;
}

.menuSelectedItem
{
   font-weight : normal  ;
}


.menuNonSelectedItem
{
   font-weight : normal  ;
}

table.fileTable 
{
	width : 98%;
	background-color : White;
}

td.fileTableHeader
{
	background-color : #c5c5c5;
	border : solid 1px Black;
	text-align : center ;
	font-weight : bold ;
}

td.fileTableValue
{
	border-bottom : solid 1px Black;
	border-left : solid 1px Black;
	border-right : solid 1px Black;
	text-align : center ;
	font-weight :  normal  ;
}

.gridView
{
	text-decoration: none;
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}

.gridViewHeader
{
	font-size: 11px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	height: 18px;
	text-decoration: none;
	vertical-align: middle;
	text-align: left;
}

.gridViewRow
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
	color: #44505E;
	background-color: White;
	border-bottom: #e8e8e8 1px solid;
}
.gridViewRowEdit
{
	background-color: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.gridViewRowHover
{
	background-color: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
	background-color: #f8fbff;
	border-bottom: #e8e8e8 1px solid;
}
.gridViewRowHoverSelect
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4169e1;
	height: 18px;
	background-color: #f8fbff;
	cursor: hand;
	cursor: pointer;
	border-bottom: #e8e8e8 1px solid;
}
.gridViewFooter
{
	font-size: 10px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	height: 18px;
	text-decoration: none;
	vertical-align: text-top;
}

.gridViewAddNewFooter
{
	font-size: 12pt;
	color: black;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	font-variant: small-caps;
}

.gridViewAddNewRow
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	height: 18px;
	text-decoration: none;
	vertical-align: text-top;
	text-align: center;
}

.gridViewAddNewLinkButton
{
	font-size: 9px;
	color: #4169e1;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}

td.sendFileTable
{
	text-align : left ;
	border-left : solid 1px #dddddd;
	border-right : solid 1px #dddddd;
}

td.sendFileHeader
{
	background-image : url(/Images/topheader.jpg);
	background-repeat : no-repeat ;
	text-align :left;
	font-weight : bold;
	font-size : 10pt;
	 height : 30px;
}

td.sendFileFooter
{
	background-image : url(/Images/bottomheader.jpg);
	background-repeat :  no-repeat  ;
	text-align :left;
	font-weight : bold;
	font-size : 10pt;
		 height : 30px;

}

td.bucketRecipientHorizontal
{
}


.smallText
{
	font-size : 6pt;
}


.progressWrapper {
	width: 350px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #F7F7F7;
	text-align: left;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F7F7F7;
	text-align: left;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
	text-align : left ;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
	text-align: left;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
	text-align: left;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
	text-align: left;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

.helpPopupDiv 
{
	width : 300px;
	border : solid 1px Black;
	background-image : url(/Images/helpback.png);
	background-repeat : repeat-x ;
	background-color : #f3f3f3;
	padding : 5px;
	text-align : left;
	vertical-align : top;
	font-family : Arial;
	font-size : 8pt;
}


.sideBarNonSelectedItemImage
{
	border-top : solid 0px #c5c5c5;
}
.sideBarSelectedItem
{
	background-color : White;
	border-top : solid 1px #c5c5c5;
	border-bottom : solid 1px #c5c5c5;
}

td.sideBarNonSelectedItem
{
	padding : 2px;
	font-family : Arial;
	vertical-align : middle;
	font-size : 10pt;
	text-align : left;
	font-weight : bold;
}

			td.sideBarNonSelectedItem a:link
			{
				font-size : 10pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			}

			td.sideBarNonSelectedItem a:hover
			{
				font-size : 10pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			} 

			td.sideBarNonSelectedItem a:visited
			{
				font-size : 10pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			}

td.sideBarSelectedItem
{
	padding : 2px;
	font-family : Arial;
	vertical-align : middle;
	font-size : 10pt;
	text-align : left;
	font-weight : bold;
}

			td.sideBarSelectedItem a:link
			{
				font-size : 10pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			}

			td.sideBarSelectedItem a:hover
			{
				font-size : 10pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			} 

			td.sideBarSelectedItem a:visited
			{
				font-size : 10pt;
				color : #555555;
				vertical-align : middle;
				text-decoration : none;
			}

/* Login Page */
#divLoginWrapper
{
	width : 800px;
	text-align: left;
	vertical-align : top;
  	font-family : Verdana, Arial;
  	font-size : 9pt;
}
#divLoginBody
{
	padding-top: 25px;
	padding-bottom: 25px;
	width: 800px;
	height: 325px;
}

#divLoginBodyLeft
{
	float: left;
	height: 275px;
	width: 58%;
	padding: 0px 5px 5px 5px;
}

#divLoginBodyRight
{
	float: right;
	height: 275px;
	border: solid 1px #ccc;
	padding: 15px 5px 5px 5px;
	width: 38%;
	background-color: #F6F6F6;
}

#divLoginHeader
{
	height: 75px;
	font-family : Verdana; 
	font-size : 7pt;
}
#divLoginFooter
{
	height: 50px;
	font-family : Verdana; 
	font-size : 7pt;
}

#divLoginBox
{
	text-align: left;
	width: 250px;
}

#divLoginDivider
{
	height: 1px;
	background-color: #cccccc;
}

.headerTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #570303;
}
.loginTitle
{
	font-family: Verdana;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #000;
	padding-bottom: 10px;
}

.loginHyperlink
{
	padding-top: 10px;
	font-family: Verdana;
	font-size: 8pt;
	text-align: center;
	padding-bottom: 10px;
}

.loginTextBox
{
	font-family: Verdana;
	font-size: 9pt;
	width: 200px;
}

#headerLine
{
	height: 1px;
	background-color: #cccccc; 
}

#footerLine
{ 
	height: 1px;
	background-color: #cccccc; 
}

.subHeader
{
	font-weight: bold;
	color: #c14e4e;
	font-size: 13pt;
	text-align: center;
	font-family : Arial;
}

.subPrice
{
	text-align: center;
	font-size: 8pt;
	height: 30px;
}

.subValueHeader
{
	font-size: 8pt;
	height: 30px;
	vertical-align: bottom;
	font-weight : bold ;
}

.subValueCell
{
	font-size: 9pt;
	font-weight: bold;
}

.subBody
{
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
	padding-left: 10px;
	font-family : Arial;
}

.subColumnOdd
{
	padding-top : 3px;
	background-color: #ffffff;
}

.subColumnEven
{
	padding-top : 3px;
	background-color: #d5d5d5;
}

.subColumnOddValue
{
	padding-top : 3px;
	background-color: #f5f5f5;
	border : solid 3px #ffffff;
	padding : 3px;
}

.subColumnEvenValue
{
	padding-top : 3px;
	background-color: #f5f5f5;
	border : solid 3px #d5d5d5;
	padding : 3px;
}

.subValue
{
	text-decoration : underline;
	font-size : 12pt;
	text-align : center;
	color : #4a964d;
	font-weight : bold ;
	padding-top : 5px;
	padding-bottom : 5px;
	height : 25px;
	font-family : Arial;
}

.subButtons
{
	padding-bottom : 10px;
	height : 50px;
}

.textarea
{
	text-align: left;
}

.contactUs
{
	text-align : left;
	font-size : 12pt;
	padding-top : 10px;
	padding-bottom : 8px;
	font-family : Arial ;
}
.noteText
{
	font-size: 8pt; text-align : justify ; padding : 5px;
}

.helpIcon
{
	cursor : pointer;
}

.passwordStrengthStyle1
{
	color : Red;
	font-size : 9pt;
}
.passwordStrengthStyle2
{
	color :   Fuchsia ;
	font-size : 9pt;
}
.passwordStrengthStyle3
{
	color : Orange;
	font-size : 9pt;
}
.passwordStrengthStyle4
{
	color :   Lime  ;
	font-size : 9pt;
}
.passwordStrengthStyle5
{
	color :   Green  ;
	font-size : 9pt;
}

table.tableProgress
{
	border : solid 1px #68747f;
	table-layout : fixed;
	width : 100px;
	height : 12px;
	float : left;
}

td.cellProgressFill
{
	background-color : #68747f;
}

td.cellProgress
{
	background-color : White ;
}

.basicHeaderLabel
{
	font-size : 12pt;
	font-weight : bold;
	color : Black;
}

.basicLabel
{
	font-size : 12pt;
	color : Black;
}

/* Rad upload fix */
.RadUpload .ruInputs 
{
    position: relative;
}

*+html div.RadComboBoxDropDown .rcbList
{ 
    zoom: 1;
} 
* html div.RadComboBoxDropDown .rcbItem, 
* html div.RadComboBoxDropDown .rcbHovered 
{ 
    zoom: 1;
} 

.standardText
{
	font-family: Arial;
	font-size : 8pt;
	font-weight: normal;
}

.standardFont
{
	font-family: Arial;
	font-size : 10pt;
}

img.linkLike
{
	cursor: pointer, help;
	padding-top: 4px;
	padding-left: 2px;
	padding-right: 2px;
}

.smallText
{
	font-family: Arial;
	font-size : 7pt;
}

.checkBox
{
	padding-top: 10px;
	font-size: 10pt;
}

.toggleLink
{
	font-size: 8pt;
	color: #666666;
	text-decoration: none;
}

.link
{
	font-size: 8pt;
	color: #0000FF;
	text-decoration: none;
}

div.contentDiv
{
	font-family : Arial;
	vertical-align : top;
	font-size : 9pt;
	text-align : left;
	padding-top: 5px;
}

div.indent
{
	padding-left: 30px;
	width: 710px;
}


td.prominent
{
	vertical-align: middle;
	font-size: 13pt;
}

img.icon
{
 vertical-align: middle;
}

div.shaded
{
	background-color: #f2f2f2;
	color: #3333FF;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	padding-top: 5px;
	padding-left: 10px;
}

div.successContainer
{
	background-color: #EBF1CA;
	border: 1px solid #85A446;
	color: #00CC00;
	font-weight: bold;
	font-size: 13pt;
	text-align: center;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
}

div.infoContainer
{
	background-color: #EBF1CA;
	border: 1px solid #85A446;
	color: #00CC00;
	font-weight: bold;
	font-size: 13pt;
	text-align: center;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
}

div.spacer
{
	height: 5px;
}

td.shadedCellBold
{ 
	border: 1px solid #E9E9E9;
	padding: 3px 10px 3px 10px;
	font-weight: bold;
	background-color:#F8F8F8; 
	height: 25px;
}

td.shadedCell
{
	border: 1px solid #E9E9E9;
	padding: 5px 10px 5px 10px;
	background-color:#F8F8F8; 
	height: 25px;
}

td.borderedCell
{
	border: 1px solid #E9E9E9;
	padding: 5px 10px 5px 10px;
	text-align: left;
	height: 25px;
}

.secondaryLink
{
	color: #F17B1B;
	text-decoration: underline;
	font-weight: bold;
}

#editHeader
{
	background-color: #EEF2F7;
	color: #3475CD;
	font-weight: bold;
	border: solid 2px #3475CD;
	height: 100px;
	font-size: 10pt; 	
}

div.container
{
	border: 1px solid #BFBFBF;
}

.bordered th
{
	font-weight: bold;
	text-align: center;
	background-color: #F8F8F8;
	border: 1px solid #BFBFBF;
	height: 75px;
}

.bordered
{
    border-collapse: collapse;
}

.bordered td
{
	padding: 5px 5px 5px 5px;
	border: 1px solid #bfbfbf; 
	vertical-align: middle; 
}

#mappingTable
{
	padding-bottom: 10px;
	padding-right: 10px;
}

#mapTable
{
    border-collapse: collapse;
	overflow: scroll;
	overflow-x: scroll;
	-ms-overflow-x: scroll;
	overflow-y: hidden;
	-ms-overflow-y: hidden;
}

#mapTable td
{
	padding: 5px 5px 5px 5px;
	border: 1px solid #bfbfbf; 
	vertical-align: baseline; 
	width: 250px;
}

#mapTable th
{
	border: 1px solid #bfbfbf; 
	vertical-align: baseline; 
	padding-top: 15px;
	width: 250px;
}

tr.alt td
{
	background-color: #F8F8F8;
} 

.disabledOption
{
	background-color: #e6e6e6;
}

ul.alert 
{
	text-align: left;
	width: 250px;
}

ul.alert li
{
	margin-top: 3px;
	list-style-type: circle;
	list-style-position: inherit;
}

div.results
{
	border: solid 1px #F17B1B;
	background-color: #FDEFE3;
	width: 745px;
	text-align: center;
	padding: 15px 15px 15px 15px;
}

.resultsMessage
{
	padding-top: 10px;
	padding-bottom: 15px;
}

#popupContainer
{
	width: 700px;
	padding: 10px 10px 10px 10px;
	border: solid 1px #cccccc;
	background-color: #efefef;
	
}

#popupContainerProcessing
{
	padding-top: 50px;
	padding-bottom: 50px;
	width: 400px;
}

#popupContainerRecords
{
	height: 200px;
	overflow: auto;
	width: 100%;
	overflow-x: hidden;
	-ms-overflow-x: hidden;
}

#popupContainerRecords table
{
	font-family : Arial;
	font-size: 9pt;
	text-align: left;
    border-collapse: collapse;
}

#popupContainerRecords table td
{
	padding: 5px 5px 5px 5px;
	border: 1px solid #bfbfbf; 
	vertical-align: baseline; 
}

#popupContainerRecords table div
{
	 height: 400px;
	 overflow: auto;
}

#nextSteps li
{
	list-style: square;
	padding-top: 5px;
	padding-bottom: 5px;
}

.helpContainer
{
	width: 520px;
	padding-left: 10px;
	padding-right: 10px;
	height: 400px;
	overflow: auto;
	overflow-x: hidden;
	-ms-overflow-x: hidden;	
	text-align: left;
}

a.searchInbox
{
	color: #fff;
	font-size: 11px;
	padding-top: 5px;
	text-decoration: none;
}

a.searchInbox:hover
{
	color: #efefef;
	text-decoration: underline;
}

.searchContainer
{
	display: none;
	border: 1px solid #666;
	padding: 5px;
	background-color: #fefefe;
	font-size: 9pt;
}
.searchContainer div
{
	margin-bottom: 10px;
}

.searchContainer h3
{
	margin-bottom: 0px;
	margin-top: 5px;
}

.searchContainer table.searchTable 
{
	width: 95%;
	text-align: center;
}

.searchContainer table.searchTable td
{
	padding: 3px;
	text-align: left;
}

div.confidentialMessage
{
	margin-top: 5px;
}

/* User maintenance */
div.userInfoHeader
{
	text-align: left;
	background-color : #f8f8f8;
	border-bottom : solid 1px #c5c5c5;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
}

/* My Profile */

td.fieldLabel
{
	text-align: right;
	padding-right: 3px;
    font-weight: bold;
    color: #333333;
    padding-top: 3px;
    vertical-align: top;
}

td.fieldLabel b, td.fieldLabel u
{
    vertical-align: top;
    padding-top: 3px;
}

td.fieldValue
{
    vertical-align: top;
	text-align: left;
}




/* Panels to show message */
.errorPanel
{
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #FFFAF0;
	border: 2px solid #FF0000;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	width: 550px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ff0000;
	text-align: center;
}

.successPanel
{
	background-color: #FFFFFF;
	border: 2px solid #00CC00;
	color: #00CC00;
	font-weight: bold;
	font-size: 13pt;
	text-align: center;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
}

.messagePanel
{
	margin-top: 15px;
	margin-bottom: 15px;
	border: 2px solid #0000CC;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	width: 550px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #EFEFEF;
}

/* Account setup steps */
div.accountSetupContainer
{
	background-color: #F6F6F6;
	margin-bottom: 15px;
	padding: 5px 10px 5px 10px;
	margin-top: 10px;
	font-size: 12px;
	width: 650px;
	text-align: left;
	border: solid 1px #cccccc;
}

div.accountSetupContainer div.accountSetupHeader
{
	border-bottom: solid 2px Black;
	color: #666666;
	font-weight: bold;
	font-size: 13pt;
	height: 20px;
	margin: 0 auto;
}

div.accountSetupContainer div.accountSetupContainerMain 
{
	margin-top: 10px;
	margin-bottom: 5px; /* accounts for the close div below */
}

div.accountSetupContainer div.accountSetupContainerMain div.accountSetupClose
{
	margin-top: 10px;
	text-align: center;
}

div.accountSetupContainer div.accountSetupHeader div.accountSetupHeaderTitle
{
	float: left;
}

div.accountSetupContainer div.accountSetupHeader div.accountSetupHeaderClose
{
	float: right;
}

div.accountSetupContainer h3
{
	margin: 0;
	color: #339933;
	font-size: 16px;
	padding-left: 40px;
	height: 30px;
	vertical-align: bottom;
}


div.accountSetupContainer h3.accountSetupStepTodo
{
	color: #339933;
	background-image: url(/images/alert.png);
	background-repeat: no-repeat;
}


div.accountSetupContainer h3.accountSetupStepComplete
{
	background-image: url(/images/greenCheck.png);
	background-repeat: no-repeat;
}

div.accountSetupContainer div.accountSetupStep
{
	margin-top: 20px;
}

div.accountSetupContainer div.accountSetupStep div
{
	margin-left: 40px;
	margin-top: -8px
}


/* FileGuardian Express */
div.contentContainer
{
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	font-family : Arial;
	font-size: 9pt;	
	text-align: left;
}


div.fgxOnOffSwitch
{
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.innerContentHeader
{
	margin:0 auto;
	border-bottom : solid 1px #e5e5e5;	
	height: 28px;	
	font-family: Arial;
	vertical-align: bottom;
}

div.innerContentHeader div.innerContentHeaderLeft
{
	float: left;
	padding-left: 2px;
	padding-top: 8px;
}
div.innerContentHeader div.innerContentHeaderRight
{
	padding-top: 8px;
	float: left;
	margin-left: 16px;
	font-size : 11pt;
	font-weight : bold ;
	text-align : left;
}

div.innerContentHeader div.innerContentHeaderTightRight
{
	float: right;
}

div.innerContentBody
{
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	font-family: Arial;
	font-size: 9pt;
}

div.innerContentBody li
{
	list-style-type: square;
	padding-bottom: 5px;
}


td.buttonRow
{
	padding-top: 5px;
}

.fgxComputerList ul
{
	margin-left: -25px;
}

.fgxComputerList li
{
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 15px;	
	height: 120px;
	width: 300px;
}

.fgxComputerList li div.container
{
	margin:0 auto;
	height: 65px;	
	font-family: Arial;
	font-size: 9pt;
	vertical-align: bottom;
	border: none;
}

.fgxComputerList li div.container div.containerImage
{
	float: left;
	padding-left: 2px;
	padding-top: 5px;
	width: 48px;
}
.fgxComputerList li div.container div.containerDetails
{
	padding-top: 5px;
	float: left;
	font-size : 11pt;
	text-align : left;
	margin-left: 5px;
	font-size: 9pt;
}

.actAsLink
{
	font-size: 8pt;
	color: #0033CC;
	text-decoration: none;
	cursor: pointer;
}

div.alertModal h4
{
	padding: 0;
	margin: 0;
}

div.alertModal
{
	display: none;
	text-align: left;
}

div.alertModal li
{
	padding-bottom: 10px;
}

table.fileNamePatterns
{
	font-family: Arial;
	font-size: 9pt;
	margin-top: 5px;
	border: 1px solid #ccc;
}

table.fileNamePatterns th
{
	text-align: left;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	color: #333;
}

table.fileNamePatterns th.fgxPatternEdit
{
	width: 25px;
}

table.fileNamePatterns th.fgxPatternClient
{
	width: 22%;
}
table.fileNamePatterns th.fgxPatternKeyword
{
	width: 23%;
}
 
table.fileNamePatterns th.fgxPatternFileName
{
	width: 48%;
}
table.fileNamePatterns th.fgxPatternNbrOfFilesSent
{
 	width: 60px;
}
table.fileNamePatterns th.fgxPatternDelete
{
	width: 25px;
}

table.fileNamePatterns tbody td
{	
	padding: 3px 5px 3px 3px;
	border-width: 1px 0 0 0;
	border-color: #f4f4f4;
    border-style: solid;
}

table.fileNamePatterns tbody td.fgxPatternEdit
{	
	color: #0000ff;
}

table.fileNamePatterns tfoot
{
	background-color: #F4F4F4;
	padding: 0px 10px 0px 10px;
	text-align: right;
}

table.fileNamePatterns tfoot tr td
{
	padding: 0px 10px 0px 10px;
	font-size: 9pt;
	border-top: 1px solid #ccc;
}


table.fileNamePatterns tfoot tr td input[type=image]
{
	vertical-align: middle;
	margin-bottom: 2px;
}

table.fileNamePatterns tfoot tr td input[type=text]
{
	font-size: 8pt;
	height: 15px;
}

.RadComboBox_Web20 .rcbInput
{
	font-size: 8pt;
	height:15px;
	margin: 0;
}

/* FGX Add Pattern */

#addFgxContainer
{
	margin: 0 auto;
	width: 780px;
}


#editFgxContainer
{
	width:780px;
	margin: 10px 10px 0 10px;
}

#wizard
{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	width: 760px;	
	float: left;
}

#wizard div.wizardTitle
{
	font-size: 14pt;
	font-weight: bold;
	height: 35px;
	margin: 0 auto;
	width: 100%;
	border-bottom: 1px solid #c0c0c0;
}


#wizard div.wizardStepActions
{
	border-top: solid 1px #ccc;
	margin: 0 auto;
	padding-bottom: 10px;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-left: -10px;
	background-color: #FAFAFA;
}

#wizard div.wizardStepActions div.cancelWizard
{
	float: left;
	padding-left: 45px;
	margin-top: 10px;
}



#wizard div.wizardStepActions div.navigation
{
	float: right;
	padding-right: 45px;
	margin-top: 10px;
}


#wizard div.wizardTitleStatus
{
	float: left;
	width: 32px;
	margin-right: 0px;
}
#wizard div.wizardTitleText
{
	float: left;
	width: 716px;
	vertical-align: baseline;
	margin-top: 8px;
}

#wizard div.wizardStepContent
{
	margin-bottom: 10px;
	font-family : Arial;
	font-size: 9pt;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#wizard div.wizardStepContent table
{
	text-align: left;
}

#wizard div.wizardStepContent #recipientTable 
{
	margin-top: 10px;
}


#wizard div.wizardStepContent #recipientTable th
{
	background-color: #F0F0F0;
	border-bottom: 1px solid #333;
	text-align: left;
}

#wizard div.wizardStepContent #recipientTable .removeTo
{
	width: 15px;
}

#wizard div.wizardStepContent #recipientTable .toEmail
{
	width: 325px;
}

#wizard div.wizardStepContent #recipientTable .toName
{
	width: 175px;
}

div.expressAddRecipients
{
	margin: 0 auto;
	width: 100%;
	height: 250px;
}

div.expressAddRecipients h4
{
	margin-bottom: 2px;
	font-size: 10pt;
}

div.expressAddRecipients div.addFromAddressBook
{
	float: left;
	width: 330px;
}

div.expressAddRecipients div.addOr
{
	float: left;
	width: 25px;
	font-size: 16pt;
	font-weight: bold;
	margin-left: 20px;
	vertical-align: middle;
	padding-top: 50px;
	text-align: center;
}

div.expressAddRecipients div.addNewRecipient
{
	float: right;
	width: 340px;
}

#wizard div.wizardStepContent div.dividerLine
{
	margin-top: 5px;
	background-color: #C0C0C0;
	height: 1px;
	width: 450px;
	margin-left: 75px;
	margin-right: 75px;
	margin-bottom: 5px;
}


#wizard div.wizardStepContent #reviewBody
{
	border: solid 1px #cccccc;
	background-color: #fff;
	margin: 5px;
	width: 580;
	min-height: 200px;
}

#wizard div.wizardStepContent #reviewToTable
{
	margin-top: -3px;
}

.autoCompleteList
{
    font-size: 9pt;
    font-weight: normal;
    border: solid 1px #006699;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: White;
    margin-left:0px;
    margin-top: 0px;
    overflow: auto;
    max-height: 300px;
    z-index: 1000;
    width: 500px;
}

.autoCompleteListItem
{
	border-bottom: dotted 1px #006699;
	cursor: pointer;
	color: #333333;
    margin: 0 auto;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
    width: 95%;
    list-style-type: none;
    max-height: 100px;
    min-height: 20px;
    padding: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
}

.autoCompleteListItemHighlight
{
	background-color: #006699;
	border-bottom: dotted 1px #006699;
	cursor: pointer;
	color: White;
    margin: 0 auto;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
    width: 95%;
    max-height: 100px;
    min-height: 20px;
    padding: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
}

/* FGX REporting */

#fgx-Reporting
{
	font-family : Arial;
	font-size: 9pt;
	height: 550px;
}

.fgx-ReportingHeader
{
	background-color: #f4f4f4;
	height: 30px;
	font-size: 12pt;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
	margin: 0 auto;
}

.fgx-ReportingHeaderStat
{
	float: left;
}

.fgx-ReportingHeaderOptions
{
	float: right;
	padding-right: 10px;
}

.fgx-ReportingContainer
{
	margin: 0 auto;
	width: 700px;
}

.fgx-ReportingSummary
{
	margin: 0 auto;
	width: 700px;
	height: 200px;
}

.fgx-ReportingSummaryLeft
{
	float: left;
	height: 200px;
	width: 330px;
	padding-right: 10px;
	border-right: 1px solid #cfcfcf;
}

.fgx-ReportingSummaryRight
{
	float: left;
	left: 340px;
	height: 200px;
	padding-right: 20px;
	padding-left: 5px;
	width: 330px;
}

.fgx-ReportingStats
{
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12pt;
	width: 330px;
	background-color: #f4f4f4;
	margin-bottom: 10px;
	padding-top: 8px;
	height: 25px;
}

.fgx-ReportingContainer ul
{
	margin-top: 0px;
	margin-left: 0px;
	font-weight: bold;
	font-size: 11pt;
}


.fgx-ReportingContainer li
{
	margin-bottom: 10px;
	list-style-type: none;
	margin-left: -10px;
}


.fgx-ReportingGraph
{
	float: right;
	padding-right: 5px;
	padding-left: 10px;
	width: 380px;
	height: 400px;
}

table.topFileNamePatterns
{
	font-family: Arial;
	font-size: 8pt;
	margin-top: 5px;
	border: none;
}

table.topFileNamePatterns th
{
	text-align: left;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	color: #000;
	font-weight: bold;
}

table.topFileNamePatterns tbody td
{	
	padding: 3px 5px 3px 3px;
	border-width: 1px 0 0 0;
	border-color: #f4f4f4;
    border-style: solid;
    text-align: left;
}


.free
{
	font-weight: bold;
	font-size: 12px;
	color: #006600;
}


/* v2 starts here */
#fgTop{
	background-image: url(/Images/mainBack.png);
}

#fgProfileBar
{
	background-color : #666666 ;
}

/* New button implementation */
.buttons a, .buttons button
{
	display: block;
	float: left;
	margin: 0 7px 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
	padding: 5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding: 2px 15px 2px 12px; /* IE6 */
}
.buttons button[type]{
    padding: 3px 15px 3px 12px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:2px 15px 2px 12px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* Footer */
#footpanel {
	position: fixed;
	bottom: 0; 
	left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #3B5998;
	border: 1px solid #293F6B;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
	font: 10px normal Arial, Helvetica, sans-serif;
}

#footpanel * {margin: 0; padding: 0; outline: none;}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
	margin: 0; padding: 0; outline: none;
}
 
 
 #footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #6699FF; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}

#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 16px; 
	width: 16px;
	text-decoration: none;
	color: #fff;
	position: relative;
}



#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 70px;
	background: url(/images/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}
 
 
 #footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/

html #footpanel ul li a:hover{	background-color: #6699FF; }
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #6699FF;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}
 

#footpanel a.home{	
	background: url(/images/footerhome.png) no-repeat 15px center;
	width: 40px;
	padding-left: 40px;
	border-right: 1px solid #6699FF;
	text-indent: 0; /*--Reset text indent--*/
}

#footpanel a.support{	
	background: url(/images/footersupport.png) no-repeat 15px center;
	width: 40px;
	padding-left: 40px;
	border-right: 1px solid #6699FF;
	text-indent: 0; /*--Reset text indent--*/
	padding-right: 20px;
}

#footpanel a.tutorials{	
	background: url(/images/footertutorials.png) no-repeat 15px center;
	width: 40px;
	padding-left: 40px;
	border-right: 1px solid #6699FF;
	text-indent: 0; /*--Reset text indent--*/
	padding-right: 20px;
}

#footpanel a.outlook{	
	background: url(/images/footerOutlook.png) no-repeat 15px center;
	width: 80px;
	padding-left: 40px;
	border-right: 1px solid #6699FF;
	border-left: 1px solid #6699FF;
	text-indent: 0; /*--Reset text indent--*/
	padding-right: 20px;
}


#footpanel a.copyright
{
	width: 110px;
	padding-left: 20px;
	text-indent: 0; /*--Reset text indent--*/
	cursor: default;
	padding-top: 6px;
	font-size: 7pt;
}	

#footpanel a.copyright:hover
{
	background-color: #3B5998;
}

#footpanel li#copyright, #footpanel li#support, #footpanel li#tutorials, #footpanel li#outlook
{
	float: right;
}  /*--Right align the panels--*/

 
#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover 	
{
	text-decoration: underline; 
	background-color: transparent;
} /*--Reset link style for subpanel links--*/
 
#footpanel .subpanel {
	position: absolute;
	left: 0; 
	bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
	text-align: left;
	padding-bottom: 10px;
}

#footpanel h3 {
	background: #3B5998;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}

#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
	padding-left: 5px;
	padding-top: 5px;
}
#footpanel .subpanel li{ 
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
	padding-left: 5px;
}

#footpanel .subpanel li.divider  
{
	background: url(/images/dash.gif) repeat-x left center; 
	margin-top: 5px;
	margin-bottom: 5px;
} 

#footpanel .subpanel li span
{
	background: #fff;
	color: #333;
	float: left;
	font-weight: bold;
}
 
 #footerDiv
{
	margin-left : 10px;
	margin-right : 10px;
	height : 30px;
	font-size : 10pt;
	color : #757575;
	font-family : Verdana;
	text-decoration : none;
	padding-top: 8px;
	padding-bottom: 5px;
	border-top : solid 1px #5e7f87;
	background-color : White;
	clear : both ;
	position : static ;
	margin-top : 15px;
}
 
	#footerDiv a:link
	{
		font-size : 10pt;
		color : #56686c;
		font-family : Verdana;
		text-decoration : none;
	}

	#footerDiv a:hover
	{
		font-size : 10pt;
		color : #a5b5a5;
		font-family : Verdana;
		text-decoration : none;

	} 

	#footerDiv a:visited
	{
		font-size : 10pt;
		color : #56686c;
		font-family : Verdana;
		text-decoration : none;
	} 

/* Validators */
.validatorCallout
{
    background-color: #fcc;
    color: #900;
    padding: 5px;
    margin: -5px 0 0 10px;
    position: absolute;
    left: 0;    /* IE fix - must set initial position  */
    top: 0;    /* IE fix - must set initial position */
    z-index: 999999999;
}
.validatorCalloutPointer
{
    position: absolute;
    left: 0;
    top: 7px;
    margin: 0 0 0 -10px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid #fcc;
    border-left: 0;
    z-index: 999999999;
}
.validationErrorInput
{
    border-color: #FF0000;
    border-width: 1px;
    border-style: solid;
}
table.validationErrorInput
{
    border-color: #FF0000;
    border-width: 2px;
    border-style: solid;
}

table.validationErrorInput tr, table.validationErrorInput td
{
    border: none;    
}

.validationErrorLabel
{
    color: #900;
}