/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    font-size: .75em;
    font-family: Calibri, Helvetica, Geneva;
    margin: 0;
    padding: 0;
    color: #666666;
}

body.Activity
{
    background-color: #BFDAF2;
}

p, ul
{
    /*margin-bottom: 20px;*/
    margin-top: 0;
    line-height: 1.6em;
	/*width: 400px;
	margin-left: 12px;*/
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
}

h1
{
    font-size: 1.7em;
    padding-bottom: 0;
    margin-bottom: 0px;
    margin-top: 0px; /* Edited by Alan --------------------------------------------------------------------*/
}
h2
{
    padding: 0 0 10px 0;
    margin-top: 0px;
	/*height: 360px;*/
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 950px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.viewerpage
{
    /*width: 90%;*/
    width: 1450px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    margin-bottom: 0;
    padding: 0;
}

#main
{
	text-align: left;
    background-image: url(Images/WhiteBackground.png);
    background-repeat: repeat-y;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
    /* Chris*/
    width: 950px;
    padding-bottom: 0px;
	min-height: 375px;
}

#viewermain
{
	text-align: left;
    /*background-image: url(Images/WhiteBackground.png);*/
    background-image: none;
    background-color: White;
    background-repeat: repeat-y;
    background-position:center;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
    /* Chris*/
    width: 100%;
    
    margin-bottom: 0px;
    margin: 0px;
    padding-bottom: 0px;
    padding: 0px;
    
    margin-left:auto;
    margin-right:auto;
}

body.Activity div#main
{
	text-align: left;
    background-image: url(Images/WhiteBackground.png);
    background-repeat: repeat-y;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
    /* Chris*/
    width: 950px;
    padding-top: 50px;
}

#MainAreaContent
{
	margin-left: 50px;
	margin-right: 30px;
	margin-top: 0px; /* Edited by Alan --------------------------------------------------------------------*/
}

#footer
{
    padding: 0px;
    text-align: center;
    line-height: normal;
    margin: 0px;
    font-size: .9em;
    clear: both;
    background-image: url(Images/BottomNav.png);
    background-position: left top;
    background-repeat: no-repeat;
    height: 49px;
    color: #3399cc;
}

#viewerfooter
{
    /*color: #999;*/
    padding: 0px;
    text-align: center;
    line-height: normal;
    margin: 0px;
    font-size: .9em;
    clear: both;
    /*background-image: url(Images/BottomNav.png);*/
    background-image: none;
    background-color:White;
    background-repeat: no-repeat;
    background-position:center;
    height: 49px;
    color: #3399cc;
}

#footer a
{
	text-decoration: none;
}

#footer a:visited
{
	color: #3399cc;
	text-decoration: none;
}

/* TAB MENU   
----------------------------------------------------------*/
#menucontainer
{
    width: 950px;
    height: 53px;
    background-image: url(Images/BlueTopNav.png);
    background-repeat: repeat-x;
}

ul#menu
{
	height: 53px;
    padding: 0;
    position: relative;
    margin: 0;
    text-align: left;
}

ul#menu li
{
	height: 53px;
    display: inline;
    list-style: none;
    background-image: url(Images/BlueBarWhiteLine.png);
    background-repeat: no-repeat;
    background-position: right;
    padding: 0;
}

ul#menu li a
{
    padding: 15px 24px 15px 24px;
    font-weight: bold;
    font-size: 1.5em;
    text-decoration: none;
    line-height: 3em;
    color: white;
}

ul#menu li a:hover
{
    text-decoration: none;
}

ul#menu li a:active
{
    text-decoration: none;
}

ul#menu li.selected a
{
    color: white;
}

body.Activity #menucontainer
{
    width: 950px;
    height: 103px;
    background-color: White;
	background-image: url(Images/EpnWebUiLogo.png);
    background-repeat: no-repeat;
    background-position: left;
}

body.Activity ul#menu
{
	height: 103px;
    padding: 0;
    position: relative;
    margin: 0px 0px 0px 285px;
    background-image: url(Images/EpnWebUiMenu.png);
    background-repeat: repeat-x;   
}

body.Activity ul#menu li
{
    display: inline;
    list-style: none;
    background-image: url(Images/EpnWebUiMenuDivider.png);
    background-repeat: no-repeat;
    background-position: right;
    padding: 0;
    border: 0;
	margin: 0;
}

body.Activity ul#menu li a
{
    padding: 15px 24px 15px 24px;
    font-weight: bold;
    font-size: 1.5em;
    text-decoration: none;
    line-height: 6.5em;
    color: white;
}

ul#menu li#LoginLink
{
	background-image: none;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}
.error
{
    color: Red;
}

#title
{
    display: block;
    float: left;
    text-align: left;
}

#logindisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}


/* Chris's stuff
-----------------------------*/
#TitleLogo
{
	width: 950px;
	height: 205px;
	background: url(Images/LogoBridge.png);
	background-repeat: no-repeat;
}

/* Edited by Alan --------------------------------------------------------------------*/
#TitleLogoText
{
	width: 400px;
	margin-left: 500px;
	color: #0063BE;
	text-align: left;
	font-family: Times, Helvetica, sans-serif;
}

#ProductList
{
	float: left;
	width: 183px;
	margin: 0px 15px 0px 0px; /* margin: 0px 15px 0px 50px; */
	background-image: url(Images/SideNav.png);
	background-repeat: no-repeat;
}

#ContentDiv /* Edited by Alan --------------------------------------------------------------------*/
{
	height: 360px; /* Edited by Alan --------------------------------------------------------------------*/
	margin-top: 0px;
}

#PrivacyDiv
{
	height: 700px;
	margin-bottom: 0px;
}

.ProductListHeading
{
	text-align: center;
	color: White;
	font-size: 1.3em;
}

#Send 
{
	width: 150px;
	margin: 50px 15px 15px 10px;
}

#Send .ProductListHeading
{
	
	border-bottom: solid 1px #90CEFF;
}

#Send a
{
	text-align: center;
	color: #90CEFF;
	text-decoration: none;
	font-size: 1.4em;
	line-height: 1.6em;
	display: block;
}

#Receive
{
	width: 150px;
	margin: 60px 15px 15px 10px;
}

#Receive .ProductListHeading
{
	border-bottom: solid 1px #CAF094;
}

#Receive a
{
	text-align: center;
	color: #CAF094;
	text-decoration: none;
	font-size: 1.4em;
	line-height: 1.6em;
	display: block;
}

#PageContent
{
	margin-right: 0px; /* margin-right: 30px; */
}

.Area2
{
	float: right;
	width: 290px;
}

body#Products .Area2,
body#Services .Area2
{
	background-image: url(Images/GrayBarVertical.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 355px;
}

#PageContentHeader
{
	height: 20px;
	background-image: url(Images/LightBlueBoxTop.png);
	background-repeat: no-repeat;
}

#PageContentMain
{
	margin-top: 0;
	margin-bottom: 0;
	background-image: url(Images/LightBlueBoxSlice.png);
	background-repeat: repeat-y;
}

#PageContentFooter
{
	height: 20px;
	background-image: url(Images/LightBlueBoxBottom.png);
	background-repeat: no-repeat;
}

#PageContent h2
{
	margin-top: 0;
	color: #3399CC;
	margin-left: 15px;
	margin-right: 20px;
}

#PageContent p
{
	margin-bottom: 0;
	margin-left: 15px;
	margin-right: 20px;
}

#News
{
	padding: 8px;
}

.Area1
{
	margin-right: 315px;
	margin-left: 215px;	
	width: 340px;
}

body#Home .Area1
{
	width: 320px;
}

#News h2
{
	margin-bottom: 0;
	padding-bottom: 0;
}

#News p
{
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

#News a
{
	margin-top: 0;
	text-decoration: none;
}

.ProductListHeadingText
{
	font-size: 1.2em;
}

ul.ProductListMenu li
{
	display: block;
    list-style: none;
}

body#About p
{
	margin-right: 20px;
}

body#Contact #ContentDiv span
{
	display: block;
	font-weight: bold;
	font-size: 1.1em;
}


body#Contact span#copyright
{
	font-size: 0.9em;
	font-weight: normal;
	padding-top: 15px;
	padding-right: 10em;
	display: inline-block;
}

#copyright
{
	font-size: 0.9em;
	font-weight: normal;
	padding-top: 15px;
	padding-right: 5em;
	padding-left: 5em;
	display: inline-block;
	text-align: center;
}

.HeadingEffect
{
	font-weight: bolder;
	font-size:1.2em;

}

body#Home li#HomeLink a,
body#Products li#ProductsLink a,
body#Services li#ServicesLink a,
body#About li#AboutLink a,
body#Support li#SupportLink a,
body#Employment li#EmploymentLink a,
body#NewsEvents li#NewsLink a,
body#Login li#LoginLink a,
body#NewPackage li#MainLink a,
body#AddWebUIUser li#MainLink a,
body#UserPackageMain li#MainLink a,
body#EditWipPackage li#MainLink a,
body#EditWipDocument li#MainLink a,
body#AddWipDocument li#MainLink a,
body#AddAssociatedDocument li#MainLink a,
body#AddParty li#MainLink a,
body#SaveParty li#MainLink a,
body#ViewCountyList li#MainLink a,
body#Activity li#ActivityLink a,
body#Search li#SearchLink a,
body#Reports li#ReportsLink a
{ 
	background-color: #74B83D;
}

body#Products div#ProductsDiv h2,
body#Services div#ServicesDiv h2
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
}

body#Products div#ProductsDiv a,
body#Services div#ServicesDiv a
{
	text-decoration: none;
	margin-top: 0;
	color: #3399cc;
}

body#Products div#ProductsDiv a:hover,
body#Services div#ServicesDiv a:hover
{
    text-decoration: none;
}

body#Products div#ProductsDiv a:active,
body#Services div#ServicesDiv a:active
{
    text-decoration: none;
}

body#Products div#ProductsDiv p,
body#Services div#ServicesDiv p
{
	margin-top: 0;
	margin-bottom: 0;
}

body#Login table 
{
	border: none;
}

body#Login td
{
	border: none;
}

div#News span.NewsMore
{
	color: Blue;
}

#ProductName
{
	margin-bottom: 0;
}

#ProductTagLine
{
	margin-top: 0;
	margin-bottom: 0;
	color: #3399cc;
}

.ProductCopy
{
	margin-top: 0;
}

.ProductFeature
{
	text-align: center;
	margin-left: 15px;
	margin-right: 0px;
	color: #3399cc;
}



/* Table stuff
-----------------------------*/
#TableDiv
{
	padding-left: 50px;
	position:relative;
	top:-20px;
}

#CriteriaBar
{
	padding-left: 50px;
	position:relative;
	top:-20px;
}

table
{
	border-collapse: collapse;
}

tr.EvenRow
{
	background-color: White;
}

tr.OddRow
{
	background-color: #F4F6FA;  /*#3399cc;*/
}


th.test
{
	padding: 3px 5px 3px 5px;
	background-color: #D5D6D5; /*#3399cc;*/
}

table.criteria th, 
th
{
	padding: 3px 5px 3px 5px;
	background-color: #F8CF68; 
	color: #006498;
	font-size:10pt;
}

td
{
	padding: 3px 5px 3px 5px;
}

#WebUIHome
{
	padding-left: 50px;
	height: 400px;
}

.WebUIFieldset
{
	border:1px solid #5c87b2;
	padding:1px;
}

.WebUIFieldsetRamQuestHelp
{
	border:1px solid #5c87b2;
	padding:11px;	
	width: 400px;
	margin-top: 0px;
}

.WebUIFieldsetLegend
{
	color: #006498;
	font-family:Sans-Serif;
	font-size:10pt;
	font-weight:bold;
	padding-bottom:2px;
}

.WebUITableHeader
{
	background-color: #F8CF68;
	color:#006498;
	font-family:Sans-Serif;
	font-size:10pt;
	font-weight:bold;
}

.WebUIBigText
{
	font-family:Sans-Serif;
	font-size:11pt;
	font-weight:bold;
}

.WebUIBigText:link
{
	font-family:Sans-Serif;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none;
}

.WebUIBigText:active
{
	font-family:Sans-Serif;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none;
}

.WebUIBigText:visited
{
	font-family:Sans-Serif;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none;
}

.WebUIBigText:hover
{
	font-family:Sans-Serif;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none;
}

.WebUIButton
{
	font-family:Sans-Serif;
	font-size:9pt;
	font-weight:bold;
	border:1px solid #006498;
	color:#FFFFFF;
	background-color:#74B83D;
	text-decoration:none;
	padding:3px;
}

.OrangeWebUIButton
{
	font-family:Sans-Serif;
	font-size:9pt;
	font-weight:bold;
	border:1px solid #006498;
	color:#FFFFFF;
	background-color:Orange;
	text-decoration:none;
	padding:3px;
}

.makeDivFitOnPage
{
	width:870px;
	position:relative;
	left:42px;
	top:-40px;
}

.makeDivFitOnPage2
{
	width:870px;
	position:relative;
	left:35px;
	top:20px;
}

.makeDivFitOnPage3
{
	width:870px;
	position:relative;
	left:-10px;
	top:20px;
}

.makeDivFitOnPage1600x1200
{
	position:static;
	width:1400px; 
	margin-left:auto;
	margin-right: auto;
	left:42px;
	top:-40px;
}

.gridButton
{
	font-size:8pt;
	border: 1px solid #666666;
	width:125px;
	padding:2px;	
}

.WebUiTopLinks
{
	
}

.WebUiTopLinks:link
{
	text-decoration:none;
}

.WebUiTopLinks:hover
{
	color:Green;
}

.TableSubHeader
{
	border-bottom:1px solid black;
	font-weight:bold;	
}

.RequiredFieldAsterisk
{
	color:red;
	font-size:10pt;
	position:relative;
	top:-4px;
}

.field-validation-error
{
	color:red;
	font-size:10pt;
	position:relative;
	top:-4px;
}

.validation-summary-errors
{
	color:red;
	font-size:10pt;
	position:relative;
	top:-4px;
}

.WhiteRow
{
	background-color:White;	
}

.GrayRow
{
	background-color:#efefef;	
}

.UserNewsHeadline
{
	font-weight:bold;
	font-size:11pt;	
}

.UserNewsParagraph
{
	padding-left:30px;
	
}

.FaqAnswer
{
	background-color:#efefef;
	border:1px solid #dddddd;	
	padding:2px;	
}

.SpacerRow
{
	font-size:1pt;	
}

.hiddenLabel
{
	background-color:#efefef;
	border:1px solid #dddddd;	
	padding:2px;
}

.warning
{
	background-color:#9A1313;
	color:White;
	padding:2px;
	font-weight:bold;	
}

.warning2
{
	color:#9A1313;
	font-weight:bold;
}

.warning3
{
	background: #FF6600;
	color:#FFFFFF;
	font-weight:bold;
}

.warning2:link
{
	color:#9A1313;
	font-weight:bold;
}

.warning2:hover
{
	color:#9A1313;
	font-weight:bold;
}

.warning2:active
{
	color:#9A1313;
	font-weight:bold;
}

.warning2:visited
{
	color:#9A1313;
	font-weight:bold;
}

.plainLink
{
	text-decoration:none;
	border:1px solid #dddddd;
	padding:1px;
	font-weight:bold;	
}

.plainLink:link
{
	text-decoration:none;
	border:1px solid #dddddd;
	padding:1px;
	font-weight:bold;
}

.plainLink:hover
{
	text-decoration:none;
	border:1px solid #dddddd;
	padding:1px;
	font-weight:bold;	
}

.plainLink:active
{
	text-decoration:none;
	border:1px solid #dddddd;
	padding:1px;
	font-weight:bold;
}

.plainLink:visited
{
	text-decoration:none;
	border:1px solid #dddddd;
	padding:1px;
	font-weight:bold;	
}

.plainLink:visited:hover
{
	text-decoration:none;
	border:1px solid #dddddd;
	padding:1px;
	font-weight:bold;	
}

#eRecordingQueue
{
	float:left;
	width: 500px;
}

div#Image
{
	float:left;
	width: 500px;
}

div#Controls
{
	margin-left: 525px;
	width: 300px;
	height: 600px;
}

div#StatusLabel
{
}

div#Data
{
	border:1px solid #006498;
	padding: 10px;
}

div#Fee
{
	border:1px solid #006498;
	padding: 10px;
}

td.Name
{
	width: 150px;
}

td.Value
{
	width: 100px;
}

span.Data
{
	font-weight:bolder;
}

.StandardColumn
{
	width: 100px;	
}

.TextArea
{
	width: 600px;
	height: 80px;	
}

.TextArea2
{
	width: 600px;
	height: 50px;	
}