﻿html
{
    height:100%;
	min-height:100%;
    overflow: auto; 
    border:none;
	padding:0px;
	margin:0px auto;
}

body
{
	margin: 0 auto;
	padding: 0;
	background-color: white;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top left;
}

p
{
    margin-bottom: 14px;
    text-align: left;
}


.formBody
{
    height:100%;
 	background-color:#122A46;
	background-image: none !important;
    border:none;
	padding:0px;
	margin:0px auto;
	clear:both;
	min-height:100%;
	min-width:400px; /*for mozilla*/
    width:expression(document.body.clientWidth < 400 ? "400px" : "100%");
}

#pageForm
{	
    margin: 0px auto auto 0px;
    border: solid 0px;
    text-align:left;
    height:100%;
}

.RadDataPager_Metro {
    border:0px !important;
}


#pageLoader
{	
    margin: 0px;
    padding:0px;
    border: solid 0px;
}

/* Public template styles for all pages */
#publicPageBottom
{	
 	background: transparent url(images/_page/pg_bottomBG.png) repeat-x bottom; 
    margin: 0px auto;
    text-align:center;
}

.publicTableMaster /* Table in 800px and 100% Height */
{
 	background: #122A46  url(images/_page/pg_topBG.png) repeat-x top; 
	border-collapse:collapse;
	border-width:0px;
	border-spacing:0px;
	padding: 0px 0px 0px 0px ;
	width: 100%;
	height: 100%;
}

.publicPageCell
{
    background: transparent url(images/_page/pg_bottomBG.png) repeat-x bottom;
	border: solid 0px;
	padding:0px;
	width: 100%;
	height:100%;
	vertical-align:top;
	text-align:center;
}

.rpText
{
     font-size:12px !important;
}

.rwControlButtons
{
     width: auto !important;
}

.publicTablePage /* Table in 800px and 100% Height */
{
 	background: transparent url(images/_page/pg_contentCenterBG.png) repeat-y top; 
	border-collapse:collapse;
	border: solid 0px;
	border-spacing:0px;
	padding: 0px 0px 0px 0px ;
	width: 762px;
	height: 100%;
	margin-left:auto; 
	margin-right:auto;
}


.publicHeaderCell
{
	border: solid 0px;
	padding:0px;
	width: 100%;
	height:117px;
	vertical-align:top;
}

.publicHdrTopCell
{
  	background: transparent url(images/_page/pg_topmost.png) no-repeat top; 
	border: solid 0px;
	padding:0px;
	width: 100%;
    height:25px;
}   

.publicHdrContentCell
{
  	background: transparent url(images/_page/pg_headerBG.png) no-repeat top; 
	border: solid 0px;
	padding:0px;
	width: 100%;
    height:57px;
}   

.publicHdrMenuCell
{
  	background: transparent url(images/_page/pg_menuBG.png) no-repeat top; 
	border: solid 0px;
	padding:0px 0px 0px 10px;
	width: 100%;
    height:35px;
}   
   
.publicContentCell
{
  	background: transparent url(images/_page/pg_contentTopBG.png) no-repeat top; 
	border: solid 0px;
	padding:  2px 12px 12px 12px;
	width: 100%;
	height: 100%;	
	vertical-align:top;
}

.publicPanelDivTitle
{
    width:99.5%;
	font-family:arial,helvetica; 
	font-size: .90em;
	color:WhiteSmoke;
	background-color:#5185FD;
	font-weight:bold;
	padding: 2px 0px 2px 5px; 
	text-align:center;
}

.publicLeftPanelCell
{
    padding: 0px;
	border: solid 1px #5796FD;
	background-color: #FEF8E2;
   	text-align:left;
    height:100%;
    vertical-align:top;
    width:210px;
}

.publicRightPanelCell
{	
	border: solid 0px;
	padding:0px;
   	vertical-align:top;
   	text-align:left;
    padding: 0px 0px 0px 3px;
    height:100%;
    width:100%;
    overflow:auto;
}

.publicFormHdrDiv
{
  	background: transparent url(images/_page/formHeader.png) no-repeat top; 
	border: solid 0px;
	padding:0px;
	width: 100%;
	height:89px;
}   

.publicFormHdrCell
{
	border: solid 0px;
	padding:25px 0px 0px 0px;
	width: 100%;
	height:78px;
}

.publicFooterCell
{
  	background: transparent url(images/_page/pg_footerBG.png) no-repeat top; 
	border: solid 0px;
	padding:0px;
	width: 100%;
	height:50px;
	vertical-align:top;
}   


#loginSTable
{
	/*background-image:url(images/frames/frameBG.png);*/	
	/*border:solid 1px white;*/
	border-collapse:collapse;
	border-spacing:0px;
}

.loginSCell
{
  	background: transparent url(images/icons/myFinney-48.png) no-repeat left top; 
	border: solid 0px;
	padding: 2px 2px 2px 2px;
	width: 100%;
	height: 100%;	
	vertical-align:top;
}

.loginMTable
{
	border:solid 4px #005EAA; 
	background-color:#fbf7e5; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#252525, strength=5, direction=135);
}













/* Admin template styles for all pages */

.adminTableMaster /* Table in 800px and 100% Height */
{
 	background: #122A46 url(images/_page/admin/pg_topBG.png) repeat-x top; 
	border-collapse:collapse;
	border-width:0px;
	border-spacing:0px;
	padding: 0px 0px 0px 0px ;
	width: 100%;
	height:100%;
    min-width: 1024px;
}

.adminPageCell
{
 	background: transparent url(images/_page/admin/pg_bottomBG.png) repeat-x bottom; 
	border: solid 0px;
	padding:0px;
	vertical-align:top;
	text-align:center;
	white-space:normal;
	height: 100%;
	width: 100%;
}

.adminTablePage /* Table in 800px and 100% Height */
{
/* 	background: transparent url(images/_page/pg_contentCenterBG.png) repeat-y top; */
	border-collapse:collapse;
	border: solid 0px;
	border-spacing:0px;
	padding: 0px 0px 0px 0px ;
	width: 98%;
	height: 100%;
}




.adminPageContentCell
{	
  	background: #8CA3CB url(images/_page/admin/pg_formTopBG.png) repeat-x top;
	border: solid 0px;
	padding:0px;
	width: 100%;
	height:100%;
	white-space:normal;
}

.adminPageContentTable
{	
  	background: transparent url(images/_page/admin/pg_formTopLeft.png) no-repeat top left;
	border-collapse: collapse;
	border-width: 0px;
	border-spacing: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
   
.adminHeaderCell
{
	border: solid 0px;
	padding:0px;
    height:109px;
    width:100%;
  	background: transparent url(images/_page/admin/pg_headerBG.png) repeat-x top; 
}

#adminHeaderLeft
{
    height:109px;
  	background: transparent url(images/_page/admin/pg_headerLeft.png) no-repeat top;
  	background-position:left; 
  	margin:0px;
  	float:left;
    width: 99%;
    text-align:left;
}

#adminHeaderRight
{
    width: 5px;
    height:109px;
  	background: transparent url(images/_page/admin/pg_headerRight.png) no-repeat top; 
  	float:right;
  	clear:right;
}

#adminHeaderContent
{
    height:78px;
    text-align:left;
    vertical-align:bottom;
    clear:both;
}

#adminHeaderMenu
{
    text-align:left;
    padding-left:10px;
    position: inherit;
}


#adminLeftBorder, #adminRightBorder 
{
    background-color: transparent;
    background-repeat: repeat-y;
	border: solid 0px;
}

#adminLeftBorder
{
   	background-image: url(images/_page/admin/pg_formLeft.png);
    background-position: left;
    width:5px;
    padding-left:5px;
}

#adminRightBorder
{
   	background-image: url(images/_page/admin/pg_formRight.png);
    background-position: right;
    width:5px;
}


.adminLeftPanelCell
{
    padding: 0px 0px 8px 8px;
	border: solid 0px;
   	text-align:left;
    height:100%;
    vertical-align:top;
    /* width:160px; */
}

.adminContentCell
{	
	border: solid 0px;
	padding:0px;
   	vertical-align:top;
   	text-align:left;
    padding:15px;
    height:100%;
    width:100%;
}

.adminFooterCell
{
	border: solid 0px;
	padding:0px;
    height:50px;
    width:100%;
  	background: transparent url(images/_page/admin/pg_footerBG.png) repeat-x top;
}

#adminFooterLeft
{
    height:50px;
  	background: transparent url(images/_page/admin/pg_footerLeft.png) no-repeat;
  	background-position:left; 
  	margin-right:10px;
  	float:left;
  	width:97%
}

#adminFooterRight
{
    width: 5px;
    height:50px;
  	background: transparent url(images/_page/admin/pg_footerRight.png) no-repeat;
  	background-position:right; 
  	float:right;
}


/* Frame/Box template styles*/
.framedBoxDefault
{
	padding:5px;
	background-image:url(images/frames/frameBG.png);	
	border:solid 1px white;
    overflow: auto;
}

#sectionFrame
{
    text-align:center;
    width:162px;
    height:103px;
	background-image:url(images/frames/FrameSection.png);	
    overflow: auto;
    font-family:Georgia,arial; 
}


#framedBox
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 40em;				/* <-- use this for a set width */
	}
 	
#framedBoxContent
	{
	padding:1em;
	background-image:url(images/frames/frameBG.png);	
	}

#framedBoxContent h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#framedBoxContent p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc {background-color: transparent; background-repeat: no-repeat;}

#tlc {background-position: 0% 0%;background-image:url(images/tlc.gif);}
#trc {background-position: 100% 0%;background-image:url(images/trc.gif);}
#blc {background-position: 0% 100%;background-image:url(images/blc.gif);}
#brc {background-position: 100% 100%;background-image:url(images/brc.gif);}

#tb, #bb {background-color: transparent;background-repeat: repeat-x;}
#rb, #lb {background-color: transparent;background-repeat: repeat-y;}
			
#tb {background-position: 0% 0%;background-image:url(images/tb.gif);}
#bb {background-position: 50% 100%;background-image:url(images/bb.gif);}
#rb {background-position: 100% 0%;background-image:url(images/r.gif);}
#lb {background-position: 0% 100%;background-image:url(images/l.gif);}


#viewTitle
{
    vertical-align:middle;
	font-family:Georgia,arial; 
	font-size:24px; 
	color: #003366;
}

#viewLeftPane
{
    text-align:left;
    width:225px;
    height:100%;
    float:left;
    background-color:Yellow;
}

#viewContentPane
{
    text-align:left;
    height:100%;
    background-color:Gray;
    margin-left:230px;
}



.multiPage
{
    padding:5px;
	white-space:normal;
}



/* Tables */
.tableDefault	/* Table strechted in 100% both Width and Height */
{
	border-collapse:collapse;
	border-width:0px;
	border-spacing:0px;
	padding: 0px 0px 0px 0px ;
	width: 100%;
	height: 100%;
}

.tableLayoutW	/* Table strechted Width in 100% */
{
	border-collapse:collapse;
	border-width:0px;
	border-spacing:0px;
	padding: 0px 0px 0px 0px ;
	width: 100%;
}

.tableLayoutH	/* Table strechted Height in 100% */
{
	border-collapse:collapse;
	border-width:0px;
	border-spacing:0px;
	padding: 0px 0px 0px 0px ;
	height: 100%;
}

.tableLayoutN	/* Table withought specified Height and Width */
{
	border-collapse:collapse;
	border-width:0px;
	border-spacing:0px;
	padding: 0px 0px 0px 0px ;
}

#tableView	/* Table strechted in 100% both Width and Height */
{
	/*background-image:url(images/frames/frameBG.png);	*/
	background-color:#FAFDFF;
	border:solid 0px #166091;
	border-collapse:collapse;
	border-spacing:0px;
	width: 100%;
	height:100%;

  	/* rounded corners - FF, S, O */
	-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
    box-shadow: 0px 0px 12px #000;	
}

.tableViewHeader
{
	border-collapse:collapse;
	border-spacing:0px;
	border: solid 0px;
  	background: transparent url(images/_page/viewHeaderBG.png);
	width: 100%;
}

.tableForm
{
	vertical-align:top;
	width: 100%;
	border: solid 0px;
}

.tableForm2
{
	vertical-align:top;
	border: solid 0px;
}

/* Table Cells */
.cellNothing
{
	border: solid 0px;
	padding:  0px 0px 0px 0px ;
}

.cellNoBorder
{
	border: solid 0px;
	padding:  0px 0px 0px 0px ;
}

.cellViewHeader1
{
    padding: 10px 15px 5px 10px;
	width: 100%;
	border-bottom:dashed 1px #7A94C5;
}

.cellViewArea
{
    padding:15px;
	vertical-align:top;
	text-align:justify;
	height: 100%;
	width: 100%;
}

.cellFormArea
{
    padding:0px;
	vertical-align:top;
	height: 100%;
	width: 100%;
	border: solid 0px;
	text-align:left;
}

.cellRecordLabel
{
    vertical-align:middle;
	font-family:Georgia,arial; 
	font-size:14px; 
	color: #332F2F;
	border: solid 0px;
}

.cellRecordText
{
    vertical-align:middle;
	font-family:Georgia,arial; 
	font-size:14px;
	font-weight:bold; 
	color: #211E1D;
	border: solid 0px;
}


.cellFormFieldName
{
	background-color: #D5DEF0; 
	vertical-align:top;
	padding:  2px 5px 2px 5px ;
	text-align: left;
	font-family:arial,helvetica,verdana; 
	font-size:10pt; 
	color: #332F2F;
	height:22px;
	border: solid 0px;
	white-space:nowrap;
}

.cellFormFieldArea
{
	vertical-align:top;
	padding:  2px 5px 2px 5px ;
	text-align: left;
	font-family:arial,helvetica,verdana; 
	height:22px;
	border: solid 0px;
}

.cellFormHeaderArea
{
	vertical-align:middle;
	padding:  0px 5px 0px 5px;
	font: 20px Arial;
	border: solid 0px;
	height:34px;

	color:#25A0DA;
    border-bottom: 1px dotted #A8A8A8;
}

.gridRowHover
{
    background-color:Gray;
}

.gridRowNormal
{
    background-color:white;
}



/* Labels */
.labelFormTitle
{
    vertical-align:middle;
	font-family:Georgia,arial; 
	font-family:arial; 
	font-size:24px;
	font-weight:bold; 
	color: #122A46;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#252525, strength=2, direction=135);
}

.labelTitle2
{
    vertical-align:middle;
	font-family:Georgia,arial; 
	font-family:arial; 
	font-size:15px;
	font-weight:bold; 
	color: #122A46;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#252525, strength=2, direction=135);
}

.labelSectionTitle
{
	font-family:Georgia,arial; 
	font-size:18px; 
	color: #332F2F;
}

.labelFldNameBig
{
    vertical-align:middle;
	font-family:Georgia,arial; 
	font-size:14px; 
	color: #332F2F;
	border: solid 0px;
}

.labelFldTextBig
{
    vertical-align:middle;
	font-family:Georgia,arial; 
	font-size:14px;
	font-weight:bold; 
	color: white;
    /* color: #211E1D;*/	
	border: solid 0px;
}

.labelNote
{
	font-family:Georgia,arial; 
	font-size:11px;
	text-align:left;
	font-weight:normal;
}

.labelMessage
{
	font-family:Georgia,arial; 
	font-size:14px;
	font-weight:bold; 
	color: Black;
	border: solid 0px;
}

.labelError
{
	font-family:Georgia,arial; 
	font-size:12px;
	font-weight:bold; 
	font-style:italic;
	color: red;
}
.labelAlert
{
	font-family:Georgia,arial; 
	font-size:12px;
	font-weight:bold; 
	color: Blue;
}
.labelCopyright
{
	font-family:Georgia,arial; 
	font-size:10px;
}

.labelDocTitle
{
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-weight: 700;
}



/* Form Layout */
.divContainer, .divMetro, divRequired
{
    position: static;
    float:left;
    margin:0px;
	vertical-align:top;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-family:"segoe ui", arial, sans-serif;
	white-space:normal;
	height:auto;
	display:block;
}

.divRequired 
{
    color:red; 
    font-weight:bold; 
    margin-left:2px;
}

.divMetro
{
	font-family: "segoe ui", arial, sans-serif; 
    background-color:#25A0DA;
    padding:1px;
}

.divMetroHeader
{
	font-family: "segoe ui", arial, sans-serif; 
    font-size:130%;
    font-weight:normal;
    padding: 1px 5px 1px 5px; 
    color:#fff;
    background-color:#25A0DA;
}


.cellRow
{
	border: solid 0px;
	vertical-align:top;
}
.fieldSet
{
    position:static;
    /* overflow:hidden;*/
    float:left;
	white-space:nowrap;
}
.fieldSetBegin
{
    position: static;
    clear: both;
	white-space:nowrap;
	text-align: left;
	display:block;
}

.fieldLabel
{
    position: static;
    float:left;
    display: block;
    width:100px;
	background-color: #E0E0E0; 
    margin-bottom:2px;
	vertical-align:top;
	padding: 2px 5px 2px 5px ;
	text-align: left;
	font-family:arial,helvetica,verdana; 
	font-size:10pt; 
	color: #332F2F;
	height:19px;
	white-space:nowrap;
}

.buttonConfirm 
{
    background :#E0E0E0;
 }


.fieldValue
{
    position: static;
    float:left;
	vertical-align:top;
	padding:  0px 5px 0px 2px ;
	text-align: left;
	font-family:arial,helvetica,verdana; 
	white-space:nowrap;
}

.fieldText
{
    position: static;
    float:left;
	vertical-align:top;
	padding:  2px 5px 1px 5px;
	text-align: left;
	font-family:arial,helvetica; 
	font-size: 10pt;
	color:#000066;
	white-space:normal;
}

.fieldIcon
{
    float:left;
    position: static;
	vertical-align: middle;
	padding:  0px 0px 0px 0px;
	text-align: left;
	padding-right:2px;
	font-family:arial,helvetica; 
	font-size: 1.1em;
	color:#000066;
	white-space:normal;
	height:auto;
	display:block;
}

.fieldTitle
{
	background-image:url(images/frames/frameBG.png);	
    width:100%; 
    padding-left:5px;
	font-family:arial,helvetica; 
	font-size: .85em;
	color:#000066;
	font-weight:bold;
}

.dockContent
{
    overflow:hidden; 
    white-space:normal;
}

.hLink
{
    font-family:"segoe ui", arial, sans-serif;
    font-size:13px;
    text-decoration: none;
    color: #1e3287;
}

.hLink:visited
{
	color: #333399;
}

.hLink:active
{
	color: #333399;
}

.hLink:hover
{
	color: #cc6600;
    text-decoration: underline;
    cursor:pointer;
}






.hLinkW
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    text-decoration: none;
    color: White;
}

.hLinkW:hover
{
	color:Yellow;
    text-decoration: underline;
    cursor:pointer;
}






.hLinkFooter
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration: none;
    color: Blue;
}

.hLinkFooter:hover
{
	color: maroon;
    text-decoration: underline;
}

.divClear
{
	border:medium none;
	clear:both;
	float:none;
	font-size:0;
	height:0;
	line-height:0;
	padding:0px;
}

#divClear
{
	clear:both;
	height:1em;
}

#divExpander
{
    position: static;
    float:right;
	clear:both;
	height:16px;
}



.divViewContent
{
	vertical-align:top;
	border:solid 2px blue;
	height:100%;
	clear:both;
	margin:0;
}

.divViewLeft
{
    position: static;
    float:left;
	vertical-align:top;
	text-align: left;
	height:100%;
	margin:0px;
	padding:0px;
}

.divViewRight
{
    position: static;
    float:right;
	vertical-align:top;
	text-align: left;
	height:100%;
	margin:0px auto;
	padding:0px;
}



/* Misc. */
#searchImgage
{
    cursor:pointer; 
    width:20px; 
    padding-left:1px; 
    padding-top:5px;
}

.imageButton
{
    cursor:pointer;
    font-size:11px;
}

.btnRegular
{
    background: transparent url(images/buttons/button.gif) no-repeat 0 3px;
    border: none;
    width: 93px;
    height: 25px;
    font: normal 12px Arial, sans-serif;
    color: #fefefe;
    cursor:pointer;
}



.DayWithAppointments a  
{  
    color:Blue !important;  
} 


/*   divider here      RTR */


.customprintbutton
{
    background: url(images/icons/printer16-1.png) no-repeat right !important;
}
.customprintbutton:hover
{
    background: url(images/icons/printer16-2.png) no-repeat right !important;
}


.reWrapper {
    width: 98% !important;
}
.reToolbar  {
    width: auto !important;
    position: static;
	display:block;
	white-space:normal;
}

.RadGrid .rgDataDiv
{
    position: relative;
}
