﻿body
{
	background-color:White;
    font-size: 12px;
    color: #666666;
    font-family: "trebuchet ms", helvetica, sans-serif;
	margin: 0;
	padding: 0;
	
}

a
{
    color: Black;
}

li
{
    margin-left:0px;
}

.clear
{
    clear: both;
}

.left
{
    float: left;
}

.mediummargin
{
    margin: 10px;
}

.smallmargin
{
    margin: 5px;
}


.right
{
    float: right;
}

.center
{
    margin: 0px auto;
}

.fullwidth
{
	width: 100%;
}
.halfwidth
{
    width: 50%;
}

.spaceToTheLeft
{
    margin-left: 20px;    
}


.spaceToTheRight
{
    margin-right: 20px;    
}

.smallSpaceToTheLeft
{
    margin-left: 5px;    
}


.smallSpaceToTheRight
{
    margin-right: 5px;    
}

.surroundPadding
{
    padding: 10px;    
}
.smallPadding
{
    padding: 5px;    
}

.mediumPadding
{
    padding: 10px;    
}

.sideBottomPadding
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.border
{
    border: solid 1px #9E070E;
}

.borderSmallPadding
{
    border: solid 1px #39576F;
    padding: 1px;
}

.leftTopMargin
{
    margin-top:10px;
    margin-left:10px;
}

.leftMargin
{
    margin-left:10px;
}


.wideDropDown
{
    width:100%;
    border:solid 1px #9E070E;
}

.readonly
{
    background-color:#D9D9D9;    
}

.font
{
    font-family:Arial;
    font-size:12px;
}

.smallFont
{
    font-family:Arial;
    font-size:8px;
}


.field-validation-error
{
    color: #ff0000;
}

#master
{
	width: 1024px;
	margin: 0 auto;
	
}

.blueBox
{
    background-color:#ADC5DE;
    padding:5px;
    margin-bottom:10px;
}

.menuBox
{
    background-color: #F2F2F2;
    margin-bottom: 20px;
}

.menuItem
{  
  background-color:#F2F2F2;  
  font-weight:bold;
  padding:10px;
}

.menuItem a
{
  color: #8F2015;
  text-decoration: none;  
  font-weight:bold;
}

.menuItem a:hover
{  
  text-decoration: underline;   
}

.selectedMenuItem
{  
  background-color:#C5C6C5;  
  font-weight:bold;
  padding:10px;
}

.selectedMenuItem a
{  
  color: #8F2015;
  text-decoration: none;  
  font-weight:bold;
}

.text
{
   
    margin-top:85px;
   
}

.whiteText
{
    color:White;
}

.redText
{
    color:#9E070E;
}

#aboutUsBox
{
    background-color:#DEDEDE;
    padding: 10px 10px 10px 10px;
    margin-bottom:15px;
}

#contactUsBox
{
    color:White;
    width:8%;
    text-align:center;
    margin-bottom:10px;
}


#otherDownloads
{
    color:White;
    width:8%;
    text-align:center;
    margin-bottom:10px;
}

#master .tab
{
    margin-top: 100px;
    border-left:solid 2px #9E070E;
    border-right:solid 2px #9E070E;
    border-top:solid 2px #9E070E;
    background-color:#F2F2F2;
    margin-right:5px;
    padding:10px;
    font-weight:bold;
    width:80px;
    text-align:center;
}


#master .tab a
{
	text-decoration: none;
	color:#666666;
}

#master .tab a:hover
{
	text-decoration: underline;
}


#master .activeTab
{
    background-color:#D9D9D9;
    color:#9E070E;
}

#page
{
    border:solid 2px #9E070E;  
    background-color:#D9D9D9; 
    padding:15px;
    /*margin-top:-2.5px;*/
    
}

#logo
{
    /*border-left:solid 2px #9E070E;
    border-right:solid 2px #9E070E;
    border-top:solid 2px #9E070E;*/
}

.blackText
{
    color:Black;
}

/* Home Page Styles Start */

.blackBorderBox
{
	border:solid 1px black;
	padding:10px 10px 10px 10px;
	margin-bottom:5px;
}

#about_us p { margin-top: 0px; }

/* Home Page Styles End */

/* Period Entry Styles */

#periodLeft
{
    width:20%;   
}

#periodCenter
{
   width:20%;
   margin-left:5px;
}

#periodRight
{
    width:58.7%;
    border:solid 1px #9E070E;
    min-height:495px;
    margin-left:5px;
    background-color:#F2F2F2;
}


#periodIndexList
{

  border :solid 1px #9E070E;
  min-height :350px;
  background-color:White;
}

#periodLeftButtons
{
  margin-top:5px;
}

#periodItemList
{
    border:solid 1px #9E070E;
    height:466px;
    background-color:White; 
}

.header
{
    background-color: #3A5570;
    padding:5px;
    color:White;
    font-weight:bold;
    font-family:Arial;
}

.listItem
{
  padding :5px;
  background-color:#F2F2F2;
  margin-bottom:2px;
  font-weight:bold;
}
.listItem a
{
	text-decoration: none;
	color:#666666;
}

.listItem a:hover
{
	text-decoration: underline;
}

.selectedListItem
{
    background-color:#D9D9D9;
    color:#9E070E;
    font-weight:bold;
}


#topLeftPeriodDataDiv .row
{
    margin-bottom:10px;
}

#topLeftPeriodDataDiv .row label
{
    width: 125px;    
    float: left;
}

#topLeftPeriodDataDiv .row input
{
    padding-left: 3px;
    float: left;   
    width: 125px; 
    border:solid 1px #9E070E;
}
#bottomPeriodDataDiv
{
    margin-top:5px;
    background-color:#F2F2F2;
}
#bottomPeriodDataDiv .row
{
   margin-bottom:5px; 
   width:100%;
}

#bottomPeriodDataDiv .row .textBox
{
    width: 125px; 
    border:solid 1px #9E070E;
}
#bottomPeriodDataDiv .row .label
{
    width: 95px;   
}

#SAndPDataDiv
{
    margin-top:5px;
    background-color:#F2F2F2;
    border: solid 1px #9E070E;
}
#SAndPDataDiv .row
{
   
   width:100%;
}

#SAndPDataDiv .row .textBox
{
    width: 125px; 
    border:solid 1px #9E070E;
}
#SAndPDataDiv .row .label
{
    width: 105px;  
}

#SAndPDataDiv .row .smallLabel
{
    width: 75px;  
}

/* Index Maintenance */

#indexLeft
{
    width:20%;
}

#indexCenter
{
    width:20%;
    margin-left:5px;
}

#indexRight
{
    width:58.9%;
    margin-left:5px;
}

#indexList
{
  margin-top:5px;
  border :solid 1px #9E070E;
  min-height :350px;
  background-color:White;
}
#indexLogo
{
  margin-top:5px;
  border :solid 1px #9E070E; 
  background-color:White;
}
#indexLogoImg
{
    padding:5px;
}

#indexLeftButtons
{
    margin-top:5px;
}

#indexItemList
{
    border:solid 1px #9E070E;
    min-height:475px;
    background-color:White;
    margin-top:5px;
}

#indexItemData
{
   
    border:solid 1px #9E070E;
    height:497px;
    margin-top:5px;
    background-color:#F2F2F2;
}

#topLeftItemDataDiv 
{
    width:58%
}

#topRightItemDataDiv
{
    /*width:39.5%;*/
    width:42%;
    height:150px;
}


#topLeftItemDataDiv .row
{
    margin-bottom:5px;
    clear:both;
}

#topLeftItemDataDiv .label
{
    width: 120px;    
    /*float: left;*/
}

#topLeftItemDataDiv .inputField
{
    /*padding-left: 3px;
    float: left;   */
    width: 160px; 
}

#bottomItemDataDiv .row
{
    margin-bottom:10px;
}

#bottomItemDataDiv .row label
{
    width: 120px;    
    float: left;
}

#bottomItemDataDiv .row input
{
    
    float: left;   
   
}


#editViewReportDiv .row
{
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left:15px;        
}

#editViewReportDiv .row label
{
    width: 120px;    
    float: left;
}

#editViewReportDiv .row input
{
    padding-left: 3px;
    float: left;   
    width: 160px; 
}

.popupRow
{
    padding-bottom: 5px;
    padding-top: 5px;
}

.popupRow label
{
    float: left;
}

.popupRow input
{
   
    float: left;   
    width: 220px; 
}

.popupRow select
{ 
    width: 225px; 
}

.popupRow textArea
{
    float: left;   
    width: 220px; 
    height: 75px;
}

.mallPadding
{
    border: solid 1px #39576F;
    padding: 1px;
}


.validationError
{
    background-color:red;
}

/* Report Styles */

.redFont
{
    color:#9E070E;
    font-weight:bold;
}

.redBox
{
    border:solid 2px #9E070E;
    padding:5px;
}

.minusMargin
{
    margin-top:-2px;
}

.darkGrayBox
{
    background-color:#D9D9D9;
    padding:5px;
    margin-bottom:5px;
}

.lightGrayBox
{
    background-color:#F2F2F2;
    padding:5px;
    margin-bottom:5px;
}

.lightGrayBoxNoPadding
{
    background-color:#F2F2F2;
    margin-bottom:5px;
}

.columnHeader
{
    background-color:#C5C6C5;
    padding:5px;
    font-weight:bold;
    text-align:center;
    width:125px;
    
}

.labelnarrow
{
    width: 85px;    
    float: left;
}

.cell
{
    background-color:#DEDEDE;
    padding:5px;
    text-align:center;
    width:125px;
    font-weight:bold;
    font-size:13px;
   
}

.cellLeft
{
    background-color:#DEDEDE;
    padding:5px;
    text-align:left;
    width:125px;
    font-weight:bold;
    font-size:13px;
   
}

.hyperlink
{
    color:Black;
}


.cellRight
{
    background-color:#DEDEDE;
    padding:5px;
    text-align:right;
    width:125px;
    font-weight:bold;
    font-size:13px;
   
}

.divCellRight
{
    background-color:#DEDEDE;
    padding:5px;
    text-align:right;
    font-weight:bold;
    font-size:13px;
   
}

.reportTableRowHeight
{
    height:33px;
}

.reportCellRight
{
    text-align:right;
}

.reportCellLeft
{
    text-align:left;
}

#userGridDiv
{
	background-color:#F2F2F2;
}

#firstPage #reportAboutUs
{
  border-bottom:solid 2px #9E070E;
  border-top:solid 2px #9E070E;
  padding:15px 0px 15px 0px;
  margin-bottom:5px;
}


#firstPage #content
{
  padding:15px 0px 15px 0px;
  height:990px;
}

#firstPage #title
{
  margin-bottom:15px
}

#firstPage #footer
{
  border-top:solid 2px #9E070E;
  padding:10px 0px 10px 0px;
}


.largeFont
{
    font-size:25px;
    font-weight:bold;
}

.extraLargeFont
{
    font-size:35px;
    font-weight:bold;
}

.mediumFont
{
    font-size:15px;
    font-weight:bold;
}

#secondPage #indexImage
{
   margin-bottom:10px; 
}

#secondPage #commentsAndSummary
{
    border-top:solid 2px #9E070E;
    padding:5px 0px 5px 0px;
    
}

#secondPage .table
{
    border-collapse:collapse;
}

#secondPage .table th
{
    border-bottom:solid 2px Black;
    padding:5px;
    text-align:left;
}

#secondPage .table td
{
    border-top:solid 1px Black;
    padding:5px;
}

#secondPage #timePeriods
{
    border-top:solid 2px #9E070E;
    padding:5px 0px 5px 0px;
}
#secondPage #graph
{
    border-top:solid 2px #9E070E;
    padding:5px 0px 5px 0px;
}
#secondPage #constituents
{
    border-top:solid 2px #9E070E;
    border-bottom:solid 2px #9E070E;
    padding:5px 0px 5px 0px;
    height:490px;
}

#secondPage #footer
{
  padding:10px 0px 0px 0px;
}




