/* DEFAULTS
----------------------------------------------------------*/

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: black;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
    font-variant:normal;
}

h4
{
    font-size: 1.1em;
    font-variant:normal;
   
}

h5
{
    font-size: 1em;
    font-variant:normal;
    font-weight: normal;
}

h6
{
    font-size: 1em;
    font-variant:normal;
    font-weight: normal;
    width:90%;
    margin-left: 2em;
}
/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

.Heading 
{	font-size: 175%;
	font-weight: 500;
	text-align: center;
	color: Black;
    line-height: 2;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
div { z-index: 9999; }
#CPH1_content * 
{ z-index: 1; margin-top: 2px;}
/* two items above are required to keep the fly out menus on top of other content */

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}
.innerpage
{
    width: 940px;
    background-color: White;
    margin: 0px auto 0px auto;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #6699cc;
    width: 100%;
	top: 0px;
	left: 0px;
}
.innerheader
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: White;
    width: 100%;
	top: 0px;
	left: 0px;
}
.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 6px;
    margin: 0px 0px 0px 0px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 0px 0px 0px 0px;
    width: 150px;
    min-height: 150px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}
div.innerWorkingSection
{
    width: 800px;
    min-height: 150px;
    background-color: gray;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

/* Fluid three column layout   
----------------------------------------------------------*/

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

/* 3 Column settings */
.threecol {
	background:#fff;		/* right column background colour */
}
.threecol .colmid {
	right:23%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:63%;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}
.threecol .col1 {
	width:61%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:15%;			/* Width of left column content (column width minus padding on either side) */
	left:25%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:88%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;
	top: 0px;
	left: 0px;
}
.leftmenu .colleft {
	right:85%;			/* right column width */
	background:#fff;	/* left column background colour */
}
.leftmenu .col1 {
	width:83%;			/* right column content width */
	left:101%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:16%;			/* left column content width (column width minus left and right padding) */
	left:2%;			/* (right column left and right padding) plus (left column left padding) */
}

 #lside{position:relative;width:100px;height:500px;right:0px;left:0px;margin-right:3px; bottom:0px;float:left; border-color:#C3C3C3;border-style:none solid none none;}
 #map{position:relative;width:90%;height:100;left:10%;right:0px;float:left;}
      
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#6699cc;  /* gray blue - the is the background of the menu bar */
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 5px;
    min-height:25px;
    float:left;
}

div.menu ul   /*width of drop down*/
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 250px;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #0054a4;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
}

div.menu ul li a:hover
{
    background-color: #75b0ea; /*sky blue */
    color: #0054a4;             /* navy blue*/
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #0054a4;
    color: #ffffff;
    text-decoration: none;
}
/* Left side local menu   
----------------------------------------------------------*/
div.localmenu
{
    padding: 4px 0px 4px 5px;
}

div.localmenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.localmenu ul li a, div.localmenu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    margin-bottom: 5px;
    text-decoration: none;
    white-space: nowrap;
    min-width: 100%;
}

div.localmenu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.localmenu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* Accordian ELEMENTS   
----------------------------------------------------------*/
.accordion 
{
    width: 100%;
}
        
.accordionHeader 
{
    border: 1px #4e667d solid;
    color: white;
    background-color: #465c71;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
        
.accordionHeaderSelected 
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #4b6c9e;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
        
.accordionContent 
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/* MODAL POPUPS
----------------------------------------------------------*/

.ModalPopupBG {
        background-color: #666699;
        filter: alpha(opacity=50); /* For IE8 and earlier */
        opacity: 0.7;              /* Starting with IE9 */
}
.popup_Container {
	background-color:#fffeb2;
	border:2px solid #000000;
	padding: 0px 0px 0px 0px;
	z-index: 99999;
}

.popupConfirmation {
	width: 300px;
	height: 200px;
}

.popupEmployeeSearch {
	width: 900px;
	height: 600px;
}
.popup_Titlebar {
	background: url(../Images/titlebar_bg_gold.jpg);
	height: 29px;
}
.popup_Body
{
	padding:15px 15px 15px 15px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	line-height:15pt;
	clear:both;
	padding:20px;
}

.TitlebarLeft 
{
	float:left;
	padding-left:5px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000000;
}
.TitlebarRight 
{
	height:15px;
	width:16px;
	float:right;
	cursor:pointer;
	margin-right:5px;
	margin-top:5px;
}

.popup_Buttons
{
	margin:10px;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    text-align: left;
    width: auto;
}
.titleIcons
{
    text-align: left;
}
.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}
/* This is the header style for a grid of data */
.GridHeader
{
	font-size: 10pt;
	font-weight: 600; 
	color: Black;
	font-family: inherit;
	background-color: #ddd;
}
/* This is the grid style for data rows - note: any hyperlink columns will use the a:link style above */
.GridItem
{
	font-size: 8pt;
	color: black;
	font-family: inherit;
	background-color: white;
	border-color: Black;
}
.GridAlternatingItem
{
	font-size: 8pt;
	color: black;
	font-family: inherit;
	background-color: #eee;
}	 
.GridFooter
{
	font-size: 10pt;
	font-weight: 700; 
	color: Black;
	font-family: inherit;
	background-color: #ddd;
}
.buttonInterior
{
	background-color: #4b6c9e;
	color: white;
	font-weight: bold;
	margin: 3px;
}
.button
{
	
	background-color: #4b6c9e;
	color: white;
	font-weight: bold;
	margin: 3px;
    padding:3px;
}
.buttonHidden
{	
	background-color: #4b6c9e;
	color: white;
	font-weight: bold;
	margin: 3px;
	visibility: hidden;
}
.NormalText
{
	background-color:  White;
}
.BolderText
{
	font-weight: bolder;
    font-size:large;
}
.BolderTextSpaced
{
	font-weight:bolder;
    padding:15px 0px 0px 15px;

}
.rowmenu
{

   margin:5px;

   float:left;
}
.rowmenulong{
 background-color:gainsboro;
 width:100%;
 height:25px;
     margin-bottom: 2px;
}
.LargeText
{
	font-family:inherit;
	font-size: 14pt;
	background-color:  White;
	color: Black;	
}
.SmallText
{
	font-family: inherit;
	font-size: 10pt;
	background-color:  White;
	color: Black;	
}

.redText
{
	font-family: inherit;
	font-size: 10pt;
	color: red;	
}
.greenText
{
	font-family: inherit;
	font-size: 10pt;
	color: Green;	
}
.InfoText
{
	font-family: inherit;
	font-size: 10pt;
	color: Maroon;	}
	
.HelpfulLinksDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}
.controlMultilineTextBox
{	
 
 	text-align: left;
 	margin-left: 1%; 
 	width: 95%; 	
} 
.controlNoBorderMultilineTextBox95percent
{
    border-color: White;
 	border-style: none; 
 	 	text-align: left;
 	margin-left: 1%; 
 	width: 95%;
}
.controlhidden
{	
 	border-color: white;
 	border-style: none;
	text-align: left;
	visibility: hidden;
 	width: 0px;
}
/*.control
{	
 	border-color: black;
	text-align: left;
 	margin-left: 1%;
 	width: 10;
}*/

.dropdownclass
{
    width:150px;
    margin-left:5px;
    height:21px;
    
}
 .textboxclass
{
     height:15px;
     margin-left:5px;
}
.5pxShim
{
	margin-right: 5px;
}    
.divrow
{
    float:none;
    height:8px;
    margin: 8px 0px 8px 0px;
}    
.divrowLeft
{
    float:left;
    height:8px;
    margin: 8px 0px 8px 0px;
}
.divrow_FloatLeft
{
    float:left; 
}
.divrow_LastDiv
{
    float: none;
}

.boldReadyOnly
{
	font-weight:bold;
	margin-right: 3px;
}

.BlackReadOnly
{
	color: Black;
	margin-right: 3px;
}
.control25
{	
 	border-color: White;
	text-align: right;
 	margin-left: 5px;
 	width: 25px;
}
.control80
{	
 	border-color: White;
	text-align: right;
 	margin-left: 5px;
 	width: 80px;
}
.control100
{	
 	border-color: White;
	text-align: right;
 	margin-left: 5px;
 	width: 100px;
}
.control150
{	
 	border-color: White;
	text-align: right;
 	margin-left: 5px;
 	width: 150px;
}
.control250
{	
 	border-color: White;
	text-align: right;
 	margin-left: 5px;
 	width: 250px;
}
.control500
{	
 	border-color: White;
	text-align: left;
 	margin-left: 5px;
 	width: 500px;
 	margin-top:5px;
}
.controlLeftAlign600
{	
 	border-color: White;
	text-align: left;
 	margin-left: 5px;
 	width: 585px;
 	margin-top:5px;
}
.controlMultilineTextBox700px
{	
 	border-color: White;
 	text-align: left;
 	margin-left: 5px; 
 	width: 700px; 	
}
.controlMultilineTextBox500px
{	
 	/*border-color: White;*/
 	text-align: left;
 	margin-left: 5px; 
 	width: 500px; 	
}
.controlMultilineTextBox350px
{	
 	border-color: White;
 	text-align: left;
 	margin-left: 5px; 
 	width: 350px; 	
}
.controlNoBorder25
{	
 	border-color: White;
 	border-style: none; 
	text-align: right;
 	margin-left: 5px;
 	width: 25px;
}
.controlNoBorder80
{	
 	border-color: White;
 	border-style: none; 
 	text-align: right;
 	margin-left: 8px;
 	width: 80px;
}
.controlNoBorder100
{	
 	border-color: White;
 	border-style: none; 
 	text-align: right;
 	margin-left: 5px;
 	width: 100px;
}
.controlNoBorder250
{	
 	border-color: White;
 	border-style: none; 
 	text-align: right;
 	margin-left: 5px;
 	width: 250px;
}
.controlNoBorderLeftAlign25
{	
 	border-color: White;
 	border-style: none; 
	text-align: left;
 	margin-left: 5px;
 	width: 25px;
}
.controlNoBorderLeftAlign50
{	
 	border-color: White;
 	border-style: none; 
	text-align: left;
 	margin-left: 5px;
 	width: 50px;
}
.controlNoBorderLeftAlign75
{	
 	border-color: White;
 	border-style: none; 
	text-align: left;
 	margin-left: 5px;
 	width: 75px;
}
.controlNoBorderLeftAlign80
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-left: 5px;
 	width: 80px;
}
.controlNoBorderLeftAlign81
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-right: 3px;
 	width: 81;
}
.controlNoBorderLeftAlign90
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-left: 5px;
 	width: 90px;
}
.controlNoBorderLeftAlign100
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-right: 5px;
 	width: 100px;
}
.controlNoBorderLeftAlign250
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-right: 5px;
 	width: 250px;
}
.controlNoBorderLeftAlign300
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-right: 5px;
 	width: 300px;
}
.controlLeftAlign80
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 80px;
}
.controlLeftAlign100
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 100px;
}
.controlLeftAlign150
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 150px;
}
.controlLeftAlign180
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 180px;
}
.controlLeftAlign250
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 250px;
}
.controlLeftAlign300
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 300px;
}
.controlLeftAlign500
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 500px;
}
.controlLeftAlign450
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 450px;
}
.controlNoBorderLeftAlign150
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-right: 5px;
 	width: 150px;
}

.controlNoBorderLeftAlign700
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-left: 5px;
 	font-size: 100%;
 	width: 619px;
}
.controlRedStar
{	border-style: none;
 	text-align: right;
 	font-weight: bold;
 	color: Red;
 	text-align: left;
 	width: 5px;
}
.controlNoBorderMultilineTextBox
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-left: 5px; 	
 	width: 700px;
}
.controlMultilineTextBox250px
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-left: 5px; 
 	width: 250px; 	
}
.controlNoBorderMultilineTextBox250px
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-left: 5px; 	
 	width: 250px;
}    
.divrow
{
    float:none;
    height:16px;
    margin: 8px 0px 8px 0px;
}
.divrow_FloatLeft
{
    float:left; 
}
.divrow_FloatRight
{
    float:right; 
}
.divrow_LastDiv
{
    float: none;
}
div.PanelInnerdivs
{float:left;
    width:250px;}
     
    div.FollowLowerDivs
    {
        position:relative;
        margin-top:5px;
        width:auto;
    }
div.PanelInnerdivs500
{float:left;
    width:500px;}
     
    div.FollowLowerDivs
    {
        position:relative;
        margin-top:5px;
        width:auto;
    }
    
.myCalendar
{ 
    z-index: 9999; 
}

.IttyBittyItalics
{	border-style: none;
 	text-align: left;
 	font-size: x-small;
 	font-style: italic;
 	text-align: left;
}
/* textbox counter */
.controlTextBoxCounter
{	border-style: none;
 	text-align: left;
 	font-size: x-small;
 	font-style: italic;
 	color: Red;
 	text-align: left;
 	width: 300px;
}

/* hides gridview cols (values still available!) */
.hiddencol { display: none; }

.topbutton
{
margin: 0;
	height:25px;
	background-color: #778899;   /* Grey  */
	font-size: 100%;	
}

#topNavBar    	
{
	margin: 0;
	height:25px;
	background-color: #778899;   /* Grey  */
	font-size: 100%;	
}
#topNavBarUser 
{
	float: left;
	color: white;
	font-size: small;
	margin: 3px 5px 3px 5px;
	padding: 0px 3px 0px 10px;
}

#topNavBarMenuBar
{
	position: relative;
	text-align: center;
}
#topNavBarMenuBarContent
{
	width: 700px;
	margin: 0 auto;
}
#topNavBarStatus
{
	float: right;
	position: relative;
	color: White;
	font-size: small;
	padding-right: 5px;
	margin: 3px 5px 3px 5px;
}
.dropDownHeader
{
    font-weight: bolder;
    margin: 5px 0 5px 0;
}

.MenuTabs {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    font-weight: 600;
    }
.MenuItems {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 12px;
    transition: 0.3s;
    }
.MenuItems a {
background-color: #ccc;

    }
.MenuItems a:Hover{
    background-color: #ddd;
    text-decoration:none;
    }
.MenuItemsSelect {
   text-decoration:underline;
   font-weight:bolder;
   outline:1px solid #0054a4;
    }
.MenuItemsSelect a {
background-color: #ccc;
    }
#localNavigation {
    float: left;
    width: 200px;
    height: 600px;
    background-image: url(Images/back_loc_col.gif);
    background-repeat: repeat-x;
    background-color: #FFF;
}
#localNavigationContent {
    margin-top: 75px;
    margin-right: 15px;
    margin-left: 15px;
    width: 120px;
}
.control
{	
 	border-color: White;
    text-align: left;
    margin-left: auto;
        width: 16%;
    float: left;
}
.controlWide
{	
 	border-color: White;
	text-align: left;
 	margin-left: auto;
 	width: 16%;
}
.controlLeftAlign80
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 80px;
}
.controlLeftAlign100
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 100px;
}
.controlLeftAlign150
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 150px;
}
.controlLeftAlign180
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 180px;
}
.controlLeftAlign250
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 250px;
}
.controlLeftAlign300
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 300px;
}
.controlLeftAlign500
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 500px;
}
.controlLeftAlign450
{	
 	text-align: left;
 	margin-right: 5px;
 	width: 450px;
}
.control250
{	
 	border-color: White;
	text-align: right;
 	margin-left: 5px;
 	width: 250px;
}
.controlNoBorder
{	
 	border-color: White;
 	border-style: none; 
    text-align: left;
    /*margin-left: 8px;*/
    width: 15%;
    float:left;
}
.controlNoBorderWide
{	
 	border-color: White;
 	border-style: none; 
    text-align: left;
    float:left;
    width: 19%;
    margin-right:auto;
}
.controlNoBorderGrandTotal
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-left: auto;
 	width: 20%;
}
.controlNoBorderWideShim
{	
 	border-color: White;
 	border-style: none; 
 	text-align: right;
 	/*margin-left: 20px;
 	width: 10px;*/
}
.controlNoBorderItemShim
{	
 	border-color: White;
 	border-style: none; 
 	text-align: right;
 	margin-left: 0px;
 	width: 10px;
}
.controlNoBorder250
{	
 	border-color: White;
 	border-style: none; 
 	text-align: right;
 	margin-left: 5px;
 	width: 30%;
}
.controlNoBorderLeftAlign
{	
 	border-color: White;
 	border-style: none; 
 	text-align: center;
 	margin-left: auto;
 	font-size: 100%;
 	width: 16%;
}
.controlNoBorderLeftAlign500
{	
 	border-color: White;
 	border-style: none; 
 	text-align: center;
 	
 	font-size: 100%;
 	width: 20%;
}
.controlNoBorderLeftAlignDesc
{	
 	border-color: White;
 	border-style: none; 
 	text-align: center; 	
 	font-size: 100%;
 	width: 30%;
}
.controlRedStar
{	border-style: none;
 	text-align: right;
 	font-weight: bold;
 	color: Red;
 	text-align: left;
 	width: 5px;
}
.controlTextBoxCounter
{	border-style: none;
 	text-align: left;
 	font-size: x-small;
 	font-style: italic;
 	color: Red;
 	text-align: left;
 	width: 30%;
}
.controlMultilineTextBox
{	
 	/*border-color: White;
 	border-style: none;*/ 
 	text-align: left;
 	margin-left: 5px; 
 	width: 60%; 	
}
.controlMultilineTextBox700
{	
 	/*border-color: White;
 	border-style: none;*/ 
 	text-align: left;
 	margin-left: auto; 
 	width: 70%; 	
}
.controlNoBorderMultilineTextBox
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-left: 5px; 	
 	width: 50%;
}
.controlMultilineTextBox250px
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-left: 5px; 
 	width: 30%; 	
}
.controlNoBorderMultilineTextBox250px
{	
 	border-color: White;
 	border-style: none; 
 	text-align: left;
 	margin-left: 5px; 	
 	width: 30%;
}
.templateHeaderBoldL
{
 	font-weight: bold;
    text-align: right;
    padding-right: 2%;
    padding-bottom: 7px;
}
.templateHeaderBoldR
{	font-weight: bold;
 	text-align: right;
 	padding-right: 2%;
}
.templateHeaderWideNoBoldL
{
 	text-align: left;
 	    width: 50%;
    padding-right: 15px;
    padding-bottom: 10px;
}
.templateHeaderNoBold100R
{	text-align: right;
 	padding-right: 2%;
 	width: 10%;
}
.templateHeaderNoBoldR
{	text-align: right;
 	padding-right: 2%;
 	width: 20%;
}
.templateHeaderNoBold300R
{
 	text-align: right;
 	padding-right: 2%;
    width: 40%;
    padding-bottom:5px;
}
.dataview {
    font-size: 100%;
    color: black;
    width: 100%;
    line-height:1.5em;
}