/*
 Custom Style Sheet - FSH
*/

html, body
{
  min-width: 700px;
  font-family: Arial, Helvetica, sans-serif;
}

body
{
  background-color: white;
	font-size: 10pt;
}

table
{
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

table.Container
{
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

#sideBar
{
	width: 220px;
	border-right: 1px solid #999999;	
	vertical-align: top;
	padding: 0.5em;		
	background: none;
    background-color: #087582;
}

#sideBarIndex
{
	width: 220px;
	border-right: 1px solid #999999;	
	vertical-align: top;
	padding: 0.5em;
	background: url("../images/bgPageBlue.png") repeat-x scroll 0 0 #1B91D5;
}

#mainBody
{
	vertical-align: top;
	padding: 0.5em;
  background: none;
  background-color: #087582;
}

#mainBodyPattern
{
	height: 100%;
	background: transparent;
}

#indexBody
{
	vertical-align: top;
	padding: 0.5em;
	background: none;
	background-color: #0194A6;
}

#indexBodyPattern
{
	height: 100%;
	background: transparent;
}

.sidebarTitle
{
  font-weight: bold;
  color: white;
  margin-bottom: 1em;
}
#bottomSideBar
{
  color: white;
}

#copyrightClass
{
  position: fixed;   
  left: 90px;
  color:white;
  bottom: 10px; 
}

.linkIndex
{
  color: white;
}

.link
{
  color: white;
}

#helptext
{
  color: white;
}

#sidebarItem
{
	border-bottom: 1px dotted #999999;
	margin-top: 1em;
	padding-bottom: 1em;
	background: none;
  background-color: #087582;

	height:98%;
}

.mymonitorName
{
	font-family: serif;
}

a img, td img
{
	border: 0px;
	vertical-align: middle;
}

.statementHeading
{
	background: #E5E5E5;
	line-height: 24px;
	padding-left: 4px;
	padding-right: 4px;
}

.statementHeadingCell
{
  text-align: left;
  padding-left: 4px;
}

.statementHeadingRCell
{
  text-align: Right;
  padding-right: 4px;
}

.statementCell
{
	border-right: 1px solid #AAAAAA;
}

.statementLine td, .statementHeading td, .statementLineLocked td
{
	padding-left: 4px;
	padding-right: 4px;
}

.statementTotalLine td
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

.statementLine
{
}

.statementLineLocked
{
	color: red;
}

.acctMenu
{
	float:right;
	line-height: 25px;
	margin-right:20px;
	margin-top: 4px;
}

.acctMenu a
{
	text-decoration: none;
	vertical-align: middle;
}

html>body .acctMenu
{
  margin-top: 0px;
}

.selectedOptionTab
{  
  ;border-right: 1px solid #ffffff; 
  font-weight: bold; 
  ;padding: 8px 8px 8px 8px; 
  background-color: #eee;
  cursor: pointer;
  -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
  
}

.unselectedOptionTab
{
  ;border-right: 1px solid #ffffff; 
  font-weight: bold; 
  ;padding: 8px 8px 8px 8px; 
  background-color: #2091d3;
  cursor: pointer; 
  -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.tabPage
{
 background: transparent;
 
}

.optionTab
{
  background-color: #eee; 
  min-height: 336px;
  width: 600px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

#regWelcome
{
    font-weight: bold;
	color: white;
}

#acctSection
{
	margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
	background: white;
	border-radius:6px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
}

.acctHeadingArea
{
    margin: 0px;
    padding-right: 8px;
    padding: 0px;
}

.generalHeading
{
    font-weight: bold;
    font-size: 18px;
	color: white;
}

.acctHeading
{
    font-weight: bold;
    font-size: 18px;	
	color: white;
}


.acctArea
{
    margin: 0 20px;
}

.indented
{
  margin-left: 16pt;
}

.reportOptHeading
{
	font-weight: bold;
}

.amtSelectRadio
{
  margin-left: 12px;
}

.optionBox
{
	margin: 8px;
}

.dlgTitle
{
	width: 500px;
	padding: 4px;
	font-size: larger;
	font-weight: bold;
	border: none;
}

.dialog
{
	width: 500px;
	border: none;
}

.dialog th
{
	text-align: left;
	font-weight: bold;
	font-size: larger;
	padding: 4px;
}

.dialogIcon
{
	padding: 8px;
	padding-top: 0px;
}

.dialogBody
{
	padding-top: 12px;
}

.dialogButtonArea
{
	padding-bottom: 8px;
}

.entryForm2
{
	margin: 0px;
	color: white;
}

.entryForm
{
	margin: 0px;
	color: black;
}

.entryBlock
{
	width: 75%;
	padding: 8px 8px 8px 8px;
	background-color: #eee;
	border: none;
	border-radius:6px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
}

.entryBlock2
{
	width: 75%;
	padding: 8px 8px 8px 8px;
	background-color: #eee;
	border: none;
	border-radius:6px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
	color: black;
}

.newAcctEntryBlock
{
	background-color: #eee;
	border: none;
	border-top: 1px dotted white;
}

.historyHeading
{
  background: #E5E5E5;
  line-height: 24px;
  padding-left: 4px;
  padding-right: 4px;
}

.historyHeadingCell
{
  text-align: left;
  padding-left: 4px;  
}

.historyLine td
{
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: white;
}

#parentSection
{
  margin-left: 20px;
  margin-right: 20px;
  background: white;
  border-radius:6px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
}

.parentHeadingArea
{
  margin: 0px;
  padding-right: 8px;  
  padding: 0px;
}

.parentHeading
{
  font-size: 14px;
  font-weight: bold;
  float:left; 
  padding-left: 0px;
  line-height: 25px;
}

.parentMenu
{
  float:right;
  line-height: 25px;
}

.parentMenu a
{
  text-decoration: none;
  vertical-align: middle;
}

.parentArea
{
    margin: 0 20px;
}

.parentHeadingRow
{
  background: #E5E5E5;
  line-height: 24px;
  padding-left: 4px;
  padding-right: 4px;
}

.parentHeadingCell
{
  text-align: left;
  padding-left: 4px;
}

.parentLine
{
}

.parentLine td
{
  padding-left: 4px;
  padding-right: 4px;  
}

#signInButtonTable
{
	width: 100%;
	text-align: Right;
}

.loginButtonSelector
{
	width: 190px;
	height: 15px;	
}

#listOfLoginTypes
{
width: 231px;
margin-left:auto;
margin-right:auto;
}

.loginField
{
	width: 190px;	
}

.pswdField
{
	width: 190px;	
}

.login_dialog_style
{
  background: none;
  background-color: #087582;
}

.login_dialog_style .ui-dialog-titlebar 
{		
  display:none;  
}

.pin_dialog_style 
{
	border: none; 
	  background: none;
  background-color: #087582;
}

.pin_dialog_style .ui-dialog-titlebar 
{
	background: orange;    
}

.pin_dialog_style .ui-dialog-content 
{	
	
	color: white;
	border: none;
}

.pin_dialog_style .ui-dialog-buttonpane 
{	
	border: none;	
	background: none;
}

.pin_dialog_style .ui-dialog-buttonpane button
{		
	position: relative;
	color: #FFF;	
	text-decoration: none;	
	border: none;	
	cursor: hand;
	cursor: pointer;	
	text-align: center;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.pin_dialog_style .ui-dialog-buttonpane button:active
{
	box-shadow: 0 1px 3px rgba(000,000,000,0.5), inset 0 0 7px rgba(255,255,255,1) !important;
	border: none !important;
}

.pin_dialog_style .ui-dialog-buttonpane .okButtonStyle 
{		
    color: #fdfdfd !important;
    background: #0a9d2f !important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8ac63f), to(#0a9d2f)) !important;
    background: -moz-linear-gradient(#8ac63f, #0a9d2f) !important;
    background: linear-gradient(#8ac63f, #0a9d2f) !important;
    -pie-background: linear-gradient(#8ac63f, #0a9d2f) !important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);	
}

.pin_dialog_style .ui-dialog-buttonpane .okButtonStyle:hover
{		
    color: #fff !important;
    background: #0a9d2f !important;
}

.pin_dialog_style .ui-dialog-buttonpane .cancelButtonStyle
{		
	color: #fdfdfd !important;
    background: #D2240D !important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e96d5d), to(#D2240D)) !important;
    background: -moz-linear-gradient(#e96d5d, #D2240D) !important;
    background: linear-gradient(#e96d5d, #D2240D) !important;
    -pie-background: linear-gradient(#e96d5d, #D2240D) !important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

.pin_dialog_style .ui-dialog-buttonpane .cancelButtonStyle:hover
{
	color: #fff !important;
    background: #D2240D !important;
}

 
h2.headerinside {
 position: relative;
 margin-left: 10px;
 color: #756D62;
 background: url(/mymonitor/images/fshlogo.png) no-repeat right 30px center;
  display: block;
  	background-size: contain;
	line-height: 80px;
	vertical-align: center;
 }