/* Reset */
body,img,p,h1,h2,h3,h4,h5,h6,ul,ol {margin:0; padding:0; list-style:none; border:none;}
/* End Reset */


/* Base Styles For HTML Elements */

body 
{
	font-family:Arial,Verdana,Sans-Serif; 
	background: #ffffff;
	text-align: center;
}


p
{
    text-align: justify;
    padding: 7px;
}

.body
{
    text-align: center;
    background-color: #E5E5E5;
}

img
{
    border: 0;
    vertical-align: middle;
}

td
{
    text-align: left;
    vertical-align: top;
}

border
{
    border: 1;
}

.menuBG
{
    background-color: #F4F4F4;
    padding-top: 4px;
    padding-bottom: 4px;
}

.menuMouseOverBG
{
    background-color: #0d3974;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
}

.emergencyMouseOverBG
{
    background-color: #990000;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
}

.selectedMenuBG
{
    background-color: #58B12C;
    font-weight: bold;
    color: White;
}


/* Global Style Shortcuts */

.hidden
{
    display: none !important;   
}

.centerText
{
    text-align: center;
}

.rightText
{
    text-align: right;
}

.leftText
{
    text-align: left;
}

.vcenterText
{
    vertical-align: middle;
}

.mandatory
{
    font-size: inherit;
    color: #900000;
}

.errorMessage
{
    font-size: 12px;
    color: #900000;
    font-weight: bold;
}

.clearDiv
{
	clear: both;
}

.floatRight
{
    float: right;
}

.clearBoth
{
    clear: both;
}

.nonBold
{
    font-weight: normal;
}

.classBehind
{
    position: relative;
    z-index: 0;
}

/* Table Styles */ 
.outerTable
{
    padding: 0px;
    border-spacing: 0px;
}

.plainTable
{
    padding: 0px;
    border-spacing: 0px;
}

.table
{
    padding: 3px;
    border-spacing: 3px;
}

.borderedTable
{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: Black;
    border-style: solid;
}


.sideBorderedTable
{
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: Black;
    border-style: solid;
    vertical-align: middle;
}

.bottomBorderedTable
{
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: Black;
    border-style: solid;
    vertical-align: middle;
}

.blueBorderedTable
{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #8fc4e4;
    border-style: solid;
}


.redBorderedTable
{
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-color: #C00000;
    border-style: solid;
}


.whiteBorderedTable
{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: White;
    border-style: solid;
}


.grayBorderedTable
{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #C0BFC1;
    border-style: solid;
}

.threeSideGrayBorderedTable1
{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 1px;
    border-color: #C0BFC1;
    border-style: solid;
}

.threeSideGrayBorderedTable2
{
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #C0BFC1;
    border-style: solid;
}

.bottomGrayBorderedTable
{
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #C0BFC1;
    border-style: solid;
}

.leftGrayBorderedTable
{
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 0px;
    border-color: #C0BFC1;
    border-style: solid;
}

.topRightGrayBorderedTable
{
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 1px;
    border-color: #C0BFC1;
    border-style: solid;
}

.rightGrayBorderedTable
{
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 1px;
    border-color: #C0BFC1;
    border-style: solid;
}

.topGrayBorderedTable
{
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #C0BFC1;
    border-style: solid;
}

.threeSideBorderedTable
{
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: Black;
    border-style: solid;
}

.validationTable
{
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-color: #FF9900;
    border-style: solid;
}

.formTable
{
    width: 950px;
    padding: 0px;
    border-spacing: 0px;
}

.recordTable
{
    padding: 2px;
}

.recordCell
{
    border-left-width: 1px;
    border-left-color: Black;
    border-left-style: double;
    border-top-width: 1px;
    border-top-color: Black;
    border-top-style: double;
    background-color: White;
}



/* Color Shortcuts */

.whiteBG
{
    background-color: #FFFFFF;
}


.whiteText
{
    color: #FFFFFF;
}

.redText
{
    color: #A32530;
}

.darkGreenText
{
    color: #237E07;
}

.largeDarkGreenText
{
    font-size: 14px;
    color: #237E07;
}


.blueText
{
    color: #04649E;
}

.GrayColor
{
    color: Gray;
}

.BlackColor
{
    color: Black;
}

/*Link Styles */

a:active
{
  
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

a:link
{ 
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}


a:hover
{
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}


a:visited
{
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}


.underlinedLink:active
{
    font-size: 12;
    color: #04649E;
    padding-bottom: 0px;
    padding-left: 0px;
    text-decoration: none;
}

.underlinedLink:link
{
    font-size: 12;
    color: #04649E;
    padding-bottom: 0px;
    padding-left: 0px;
    text-decoration: none;
}

.underlinedLink:hover
{
    font-size: 12;
    color: #04649E;
    padding-bottom: 0px;
    padding-left: 0px;
    text-decoration: underline;
}

.underlinedLink:visited
{
    font-size: 12;
    color: #04649E;
    padding-bottom: 0px;
    padding-left: 0px;
    text-decoration: none;
}

.greenLink:active
{
    font-size: 12;
    color: #008000;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.greenLink:link
{
    font-size: 12;
    color: #008000;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.greenLink:hover
{
    font-size: 12;
    color: #008000;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.greenLink:visited
{
    font-size: 12;
    color: #008000;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.largeGreenLink:active
{
    font-size: 14;
    color: #008000;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.largeGreenLink:link
{
    font-size: 14;
    color: #008000;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.largeGreenLink:hover
{
    font-size: 14;
    color: #008000;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.largeGreenLink:visited
{
    font-size: 14;
    color: #008000;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.boldLink:active
{
    font-size: 12px;
    color: #0D3974;
    font-weight: bold;
    text-decoration: none;
}

.boldLink:link
{
    font-size: 12px;
    color: #0D3974;
    font-weight: bold;
    text-decoration: none;
}

.boldLink:hover
{
    font-size: 12px;
    color: #0D47B0;
    font-weight: bold;
    text-decoration: none;
}

.boldLink:visited
{
    font-size: 12px;
    color: #0D3974;
    font-weight: bold;
    text-decoration: none;
}

.boldGreenLink:active
{
    font-size: 14px;
    color: #7DC44B;
    font-family: Arial;
    text-decoration: none;
}

.boldGreenLink:link
{
    font-size: 14px;
    color: #7DC44B;
    font-family: Arial;
    text-decoration: none;
}

.boldGreenLink:hover
{
    font-size: 14px;
    color: #7DC44B;
    font-family: Arial;
    text-decoration: none;
}

.boldGreenLink:visited
{
    font-size: 14px;
    color: #7DC44B;
    font-family: Arial;
    text-decoration: none;
}

.boldDarkGreenLink:active
{
    font-size: 14px;
    color: #008000;
    font-family: Arial;
    text-decoration: none;
}

.boldDarkGreenLink:link
{
    font-size: 14px;
    color: #008000;
    font-family: Arial;
    text-decoration: none;
}

.boldDarkGreenLink:hover
{
    font-size: 14px;
    color: #008000;
    font-family: Arial;
    text-decoration: none;
}

.boldDarkGreenLink:visited
{
    font-size: 14px;
    color: #008000;
    font-family: Arial;
    text-decoration: none;
}


/* Legacy Menu Styles */

.dropdownMenu:link
{
    color: White;
    font-size: 11px;
}

.dropdownMenu:active
{
    color: White;
    font-size: 11px;
}

.dropdownMenu:hover
{
    color: White;
    font-size: 11px;
}

.dropdownMenu:visited
{
    color: White;
    font-size: 11px;
}


.selectedSubMenu:active
{
    color: #58B12C;
    font-weight: bold;
    border-spacing: 1px;
    padding: 1px;
    font-size: 10px;
    background-color: White;
}

.selectedSubMenu:link
{
    color: #58B12C;
    font-weight: bold;
    border-spacing: 1px;
    padding: 1px;
    font-size: 10px;
    background-color: White;
}

.selectedSubMenu:hover
{
    color: #58B12C;
    font-weight: bold;
    border-spacing: 1px;
    padding: 1px;
    font-size: 10px;
    background-color: White;
}

.selectedSubMenu:visited
{
    color: #58B12C;
    font-weight: bold;
    border-spacing: 1px;
    padding: 1px;
    font-size: 10px;
    background-color: White;
}

.mkGraphmenu:active
{
    color: #0D3974;
    font-size: 11px;
    font-weight: bold;
}

.mkGraphmenu:link
{
    color: #0D3974;
    font-size: 11px;
    font-weight: bold;
}

.mkGraphmenu:hover
{
    color: #0D3974;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.providerMenu:link
{
    color: #04649E;
    text-decoration: none;
    background-color: #EFF0F4;
}

.providerMenu:visited
{
    color: #04649E;
    text-decoration: none;
    background-color: #EFF0F4;
}

.providerMenu:hover
{
    color: #BCE0AB;
    text-decoration: none;
    background-color: #EFF0F4;
}

.providerMenu:active
{
    color: #04649E;
    text-decoration: none;
    background-color: #EFF0F4;
}


.menuMouseOver:active
{
    color: #58B12C;
    font-size: 11px;
    font-weight: bold;
}

.menuMouseOver:link
{
    color: #58B12C;
    font-size: 11px;
    font-weight: bold;
}

.menuMouseOver:hover
{
    color: #58B12C;
    font-size: 11px;
    font-weight: bold;
}

.menuMouseOver:visited
{
    color: #58B12C;
    font-size: 11px;
    font-weight: bold;
}

.selectedMenu:active
{
    background-color: #58B12C;
    font-size: 11px;
    font-weight: bold;
    color: White;
}

.selectedMenu:link
{
    background-color: #58B12C;
    font-size: 11px;
    font-weight: bold;
    color: White;
}

.selectedMenu:hover
{
    background-color: #58B12C;
    font-size: 11px;
    font-weight: bold;
    color: White;
}

.selectedMenu:visited
{
    background-color: #58B12C;
    font-size: 11px;
    font-weight: bold;
    color: White;
}

.menu:active
{
    color: #0D3974;
    font-size: 11px;
    font-weight: bold;
}

.menu:link
{
    color: #0D3974;
    font-size: 11px;
    font-weight: bold;
}

.menu:hover
{
    color: #0D47B0;
    font-size: 11px;
    font-weight: bold;
}

.menu:visited
{
    color: #0D3974;
    font-size: 11px;
    font-weight: bold;
}

/* Legacy Rounded Corners */

.xb1_color1, .xb2_color1, .xb3_color1, .xb4_color1
{
    display: block;
    overflow: hidden;
    font-size: 0;
}
.xb1_color1, .xb2_color1, .xb3_color1, .xb4_color1
{
    height: 1px;
}

.xb1_color1
{
    margin: 0 4px;
    background: #58B12C;
}
.xb2_color1
{
    margin: 0 2px;
    background: #58B12C;
}
.xb3_color1
{
    margin: 0 2px;
    background: #58B12C;
}
.xb4_color1
{
    margin: 0 1px;
    background: #58B12C;
    height: 2px;
}

.xb1_White, .xb2_White, .xb3_White, .xb4_White
{
    display: block;
    overflow: hidden;
    font-size: 0;
}
.xb1_White, .xb2_White, .xb3_White, .xb4_White
{
    height: 1px;
}
.xb1_White
{
    margin: 0 4px;
    background: White;
}
.xb2_White
{
    margin: 0 2px;
    background: White;
}
.xb3_White
{
    margin: 0 2px;
    background: White;
}
.xb4_White
{
    margin: 0 1px;
    background: White;
    height: 2px;
}

.xb1_color3Grad, .xb2_color3Grad, .xb3_color3Grad, .xb4_color3Grad
{
    display: block;
    overflow: hidden;
    font-size: 0;
}
.xb1_color3Grad, .xb2_color3Grad, .xb3_color3Grad, .xb4_color3Grad
{
    height: 1px;
}
.xb1_color3Grad
{
    margin: 0 4px;
    background: #BDD7EF;
}
.xb2_color3Grad
{
    margin: 0 2px;
    background: #BDD7EF;
}
.xb3_color3Grad
{
    margin: 0 2px;
    background: #BDD7EF;
}
.xb4_color3Grad
{
    margin: 0 1px;
    background: #BDD7EF;
    height: 2px;
}

.xb1_color2Grad, .xb2_color2Grad, .xb3_color2Grad, .xb4_color2Grad
{
    display: block;
    overflow: hidden;
    font-size: 0;
}
.xb1_color2Grad, .xb2_color2Grad, .xb3_color2Grad, .xb4_color2Grad
{
    height: 1px;
}
.xb1_color2Grad
{
    margin: 0 4px;
    background: #B5DFBD;
}
.xb2_color2Grad
{
    margin: 0 2px;
    background: #B5DFBD;
}
.xb3_color2Grad
{
    margin: 0 2px;
    background: #B5DFBD;
}
.xb4_color2Grad
{
    margin: 0 1px;
    background: #B5DFBD;
    height: 2px;
}


/* Main Structural Global Styles */

#mainContentPane
{
	margin-left: 5px;
	width: 990px;
	margin-top: 15px;	
}

#contentContainer
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}


#contentShadow
{
	width: 1000px;	
	background: url(/images/contentShadow.png) repeat-y;
}

#contentShadowBottom
{
	width: 1000px;	
	background: url(/images/contentShadowBottom.png) no-repeat;
	height: 35px;
}

#content
{
	min-height: 600px;
}


#leftArea
{
	width: 320px;
	float: left;
}

#centerArea
{
	width: 320px;
	float: left;
}

#rightArea
{
	width: 320px;
	float: left;
}

/* Page Title Styles */
.moduleHeading
{
    font-size: 18px;
    color: #58B12C;
    font-weight: bold;
    padding: 4px;
    
}

.moduleHeadingTitle
{
    line-height: 70px;
}

/* Header Area */

#header
{
	margin-left:15px;
	margin-right:15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#logoArea
{
	background: url(/images/Logo.png) no-repeat;
	height: 75px;
	width: 532px;
	margin-left: -10px;
}

.headerSection
{
    float: left;
    padding-bottom: 5px;
}

.accessSection
{
    float: left;
}

.accountControlsSection
{
    float: right;
}



/* Navigation Global Styles */
/**** To Change Color Styles Edit Background in ****/
/**** Individual Accounts StyleSheet Under      ****/
/**** Navigation Styles ****/

#navigation
{
	
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#navBarLeft
{
	width: 10px;
	height: 44px;	
	float: left;
}

#navBarRight
{
	width: 10px;
	height: 44px;
	float: left;
}

#navBar
{
	width: 950px;
	height: 44px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	text-align: left;
}

#navContainer
{
	margin-left: auto;
	margin-right: auto;
	width: 910px;
}

#topNav
{
	font-family: Helvetica, arial, verdana;
	height: 44px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 auto 0 auto;
	width: 880px;
	padding: 0px;
	text-align: left;
}

#topNav li
{
	float: left;
}

#topNav li div.navSpacer
{
	float: left;
	width: 1px;
	height: 36px;
}

#topNav li > a 
{
	font-weight:bold;
	text-transform:uppercase;
}

#topNav .emergencyLink
{
	color: #900;	
}

#topNav li a 
{
	display:block;
	font-size:14px;
	height:44px;
	line-height:41px;
	padding:0 15px 0;
	text-decoration:none;
}

/* SubMenu Global Styles */

.subMenu
{
	position: absolute;
	display: none;
	top: 0px;
	right: 0px;
	z-index: 1000;
	width: 254px;
}

.subMenu > a.overTab
{
	background: url(/images/MainNavOver-Left.png) no-repeat left top;
	display: block;
	height: 35px;
	position: absolute;
	top: -37px;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	font-size: 14px;
	left: -3px;
}

.subMenu > a .overTabRight
{
	display: block;
	height: 24px;
	margin-left: 3px;
	padding: 12px 23px 0 15px;
	background: url(/images/MainNavOver-Right.png) no-repeat right top;
	text-decoration: none;
	text-transform: uppercase;
	font-family:Helvetica,arial,verdana;
}

.subNavTop
{
	position: relative;
	left: -3px;
	top: -4px;
}

.subNavTopLeft
{
	background: url(/images/SubNavTopLeft.png) no-repeat top left;
}

.subNavTopRight
{
	background: url(/images/SubNavTopRight.png) no-repeat top right;
	height: 7px;
	margin-left: 3px;
	width: 455px;
}

.subNavContentLeft
{
	background: url(/images/SubNavContentLeft.png) repeat-y top left;
}

.subNavContentRight
{
	
	background:  url(/images/SubNavContentRight.png) repeat-y top right;
	margin-left: 3px;
	width: 455px;
}

.subNavContentGrad
{
	background: url(/images/SubNavContentGrad.png) repeat-x left top;
	margin-right: 5px;
	padding: 5px 11px 11px;
}

.subNavContent
{
	background: #ffffff;
	border: 1px solid #7fc7e8;
	padding: 5px 0 0 5px;
	width: 420px;
}

.subNavContentWrapper
{
	position: relative;
	left: -3px;
	top: -4px;
}

.subNavBottomRight
{
	background: url(/images/SubNavBottomRight.png) top right no-repeat;
	height: 9px;
	margin-left: 8px;
	width: 450px;
}

.subNavBottom
{
	position: relative;
	left: -3px;
	top: -4px;
}

.subNavContentSpacer
{
    position: relative;   
    background: url(/images/subNavSpacer.png) left no-repeat;
    margin-bottom: 12px;
    
}

.subNavContent span 
{
	font-size: 14px;
	font-family: Helvetica, arial;
	font-weight: bold;
	line-height: 30px;
	text-decoration: underline;	
}

.subNavContent span>a
{
    text-decoration: none;
}


.subNavContent .menuBlock
{
	
	margin-left: 10px;
	width: 200px;
}

.subNavContent ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 5px;
}

.subNavContent .menuBlock ul li
{
	list-style-type: none;
	margin-left: 10px;
}

.subNavContent ul li a
{
	text-decoration: none;
	font-size: 11px;
	font-family: Tahoma, arial;
}

.subNavContent ul li a:hover
{
	text-decoration: underline;	
}

.subNavContent ul li a img
{
	border: none;	
}

/* End of Global SubMenu Styles */


/***** End of Global Navigation Styles ****/


/* Login Form Styles */

#loginForm
{
    background: url(/images/login-form-bg.png) no-repeat;
    width: 600px;
    height: 314px;
    margin: 40px auto;
    position: relative;
}

#loginFormLeft
{
       float: left;
}

#loginFormRight
{
       float: right;
       position: relative;
}


#loginBanner
{
    background: url(/images/loginBanner.png);
    width: 239px;
    height: 69px;
    position: absolute;
    right: -9px;
    top: 11px;
    
}

#loginFormFooter
{
    clear: left;
    margin: 0 auto;
    position: relative;
    bottom: -25px;
    width: 400px;
}

#loginForm fieldset
{
    border: none;
    padding: 20px 40px;   
}

#loginFormLeft span
{
    font-family: "Century Gothic";
    color: #64b13d;
    font-size: 20px;
    letter-spacing: .05em;
}

#loginFormLeft input[type="text"], #loginFormLeft input[type="password"]
{
    width: 240px;
    height: 25px;
    border: 1px solid #D1D1D1;
    font-size: 18px;
    font-family: "Lucida Grande", Verdana, Arial;
    color: #666666;
    margin-top: 8px;
}

#loginFormLeft input[type="text"]:active, #loginFormLeft input[type="password"]:active, #loginFormLeft input[type="text"]:focus, #loginFormLeft input[type="password"]:focus
{
    background: #EAFFDF;
    border: 1px solid #AAAAAA;
}

#loginFormLeft input[type="text"]:hover, #loginFormLeft input[type="password"]:hover
{
    border: 1px solid #AAAAAA;
}

#loginFormLeft input[type="text"].req, #loginFormLeft input[type="password"].req
{
    border: 1px solid #EF8694;
}

#loginFormLeft a
{
    font-family: Verdana;
    font-size: 11px;
}


.loginFormButton
{
    background: url(/images/login-form-button.png) left bottom;
    width: 108px;
    height: 38px;
    color: #FFFFFF;
    border: none;
    font-family: Arial;
    font-size: 20px;
}

.loginFormButton:hover
{
    background-position: top;
    color: #F4FFEF;
}



/* Password Validation Form */

.stepForm
{
    width: 264px;
    height: 258px;
    background: url(/images/stepForm.png) no-repeat;
    float: left;
    position: relative;
    margin-right: 33px;   
}

.stepBanner
{
    background: url(/images/stepBanner.png) no-repeat;
    position: absolute;
    width: 174px;
    height: 59px;
    color: #FFFFFF;
    top: 10px;
    left: -11px;
    padding: 11px 0px 0px 25px;
    font-family: "Century Gothic";
    font-size: 20px;
}

.stepForm .fields
{
    margin-top: 50px;
    padding: 15px;
    border: none;
    color: #444444;
    font-size: 12px;
}

.stepForm input[type="text"], .stepForm input[type="password"]
{
    width: 225px;
    height: 25px;
    border: 1px solid #D1D1D1;
    font-size: 18px;
    font-family: "Lucida Grande", Verdana, Arial;
    color: #666666;
    margin-top: 8px;
}

.stepForm input[type="text"]:active, .stepForm input[type="password"]:active, .stepForm input[type="text"]:focus, .stepForm input[type="password"]:focus
{
    background: #EAFFDF;
    border: 1px solid #AAAAAA;
}

.stepForm input[type="text"]:hover, .stepForm input[type="password"]:hover
{
    border: 1px solid #AAAAAA;
}

.stepForm input[type="text"].req, .stepForm input[type="password"].req
{
    border: 1px solid #EF8694;
}


.stepForm span
{
    font-family: "Century Gothic";
    color: #64b13d;
    font-size: 16px;
    letter-spacing: .05em;
    
}

.stepForm .loginFormButton
{
    position: absolute;
    bottom: 20px;
}

.stepForm input[type="text"]
{
    position: absolute;
    bottom: 90px;
}

.status-done
{
   height: 101px;
   width: 99px;
   background: url(/images/status-complete.png);
   margin: 90px auto auto;    
}


/* MK Website Forms */

.mkpageForm
{
    background: url(/images/login-form-bg.png) no-repeat;
    height: 314px;
    width: 600px;
    margin: 0 auto;
    position: relative;
    padding-top: 75px;
    
}

.mkFormBanner
{
    position: absolute;
    right: -6px;
    top: 15px;
}

.mkFBLeft
{
    background: url(/images/mkFormBanner.png) no-repeat left top;   
    height: 70px;
    float: left;
    width: 3px;
}

.mkFBRight
{
    background: url(/images/mkFormBanner.png) no-repeat bottom right;   
    height: 70px;
    float: left;
    min-width: 90px;
    
}

.mkFormBanner div h3
{
    margin: 20px 28px 0px 25px;
    color: #ffffff;
    font-family: "Century Gothic";
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #477F27;
    letter-spacing: 0.2em;
}


.mkPageForm .fields
{
    padding: 15px;
    border: none;
    color: #444444;
    font-size: 12px;
    float: left;
}

.mkPageForm input[type="text"], .mkPageForm input[type="password"]
{
    width: 225px;
    height: 25px;
    border: 1px solid #D1D1D1;
    font-size: 18px;
    font-family: "Lucida Grande", Verdana, Arial;
    color: #666666;
    margin-top: 8px;
}

.mkPageForm input[type="text"]:active, .mkPageForm input[type="password"]:active, .mkPageForm input[type="text"]:focus, .mkPageForm input[type="password"]:focus
{
    background: #EAFFDF;
    border: 1px solid #AAAAAA;
}

.mkPageForm input[type="text"]:hover, .mkPageForm input[type="password"]:hover
{
    border: 1px solid #AAAAAA;
}

.mkPageForm input[type="text"].req, .mkPageForm input[type="password"].req
{
    border: 1px solid #EF8694;
}

.mkPageForm .fields span
{
    font-family: "Century Gothic";
    color: #64b13d;
    font-size: 16px;
    letter-spacing: .05em;
    
}


/* ColorBox CSS */


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; top:0; right:0; display:block; color:#444; text-indent: -9999px; background: url(images/controls.png) no-repeat; background-position: -25px 0; height: 25px; width: 25px;}
        #cboxClose.hover{background-position: -25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/stylesheets_v5/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/stylesheets_v5/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/stylesheets_v5/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/stylesheets_v5/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/stylesheets_v5/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/stylesheets_v5/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/stylesheets_v5/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/stylesheets_v5/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/* End of ColorBox Stylings */


/* MediPortal/ Modules CSS */

.column 
{ 
	width: 310px; 
	float: left; 
	padding-bottom: 100px; 
	margin-left: 10px; 
}

.module 
{ 
	margin: 15px 0px 0;
	width: 310px;
	border:3px solid #ECECEC;
	border-color: -moz-use-text-color -moz-use-text-color #AAAAAA; 
	border-style: none none solid; 
	border-width: 0 0 1px; 
	-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
}

.module-header .ui-icon 
{ 
	float: right; 
}

.module-content 
{ 
	padding: 0.4em; 
}

.module-placeholder 
{ 
	width: 300px; 
	visibility: visible !important;  
	margin-top: 15px;
}

/* Module Color Stylings */
.module-default
{
    border: none none solid;	
	border-width: 1px;
}

.module-blue
{
    border: none none solid;
    border-width: 1px;
}

.module-green
{
    border: none none solid;
    border-width: 1px;
}

.module-yellow
{
    border: none none solid;
    border-width: 1px;
}

.module-gray
{
    border: none none solid;
    border-width: 1px;
}

.module-red
{
    border: none none solid;
    border-width: 1px;
}

.module-header
{
	background: url(/images/ModuleSprite.png) no-repeat;
	background-position: -160px -30px;
	color: #ffffff;
	font-weight: bold;
	height: 30px;
	font-size: 1.1em;
	width: 305px;
	padding-right: 5px;
	
}

.module-header-content
{
	
	background: url(/images/ModuleSprite.png) no-repeat;
	background-position: 0 0;
	width: 305px;
	height: 30px;
	padding-top:5px;
}

/* Module Content Stylings Base Model & Color Specific Alterations */
.module-content
{
	
	line-height: 1.2em;
	cursor: auto;
	z-index: 150;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	border-style: none solid;
	border-width: 0 1px;	
}

.module-header .module-header-content span
{
	margin-left: 3px;
}

.module-header span.moduleTitle
{
	float: left;
	padding-left: 5px;
}

.module-header span.close
{
	float: right;
    display: inline;
    background: url(/images/ModuleSprite.png) no-repeat -23px -85px;
    width: 19px;
    height: 19px;
    text-indent: -9999em;
    outline: none;
    cursor: pointer;
}

.module-header span.close:hover
{
	float: right;
    display: inline;
    background: url(/images/ModuleSprite.png) no-repeat -23px -106px;
    width: 19px;
    height: 19px;
    text-indent: -9999em;
    outline: none;
    cursor: pointer;	
}

.module-header span.minimize
{
	float: right;
    display: inline;
    background: url(/images/ModuleSprite.png) no-repeat -2px -85px;
    width: 19px;
    height: 19px;
    text-indent: -9999em;
    outline: none;
    cursor: pointer;
}

.module-header span.minimize:hover
{
	float: right;
    display: inline;
    background: url(/images/ModuleSprite.png) no-repeat -2px -106px;
    width: 19px;
    height: 19px;
    text-indent: -9999em;
    outline: none;
    cursor: pointer;
}

.module-header span.maximize
{
	float: right;
    display: inline;
    background: url(/images/ModuleSprite.png) no-repeat -44px -85px;
    width: 19px;
    height: 19px;
    text-indent: -9999em;
    outline: none;
    cursor: pointer;
}

.module-header span.maximize:hover
{
	float: right;
    display: inline;
    background: url(/images/ModuleSprite.png) no-repeat -44px -106px;
    width: 19px;
    height: 19px;
    text-indent: -9999em;
    outline: none;
    cursor: pointer;
}

.module-header span.move
{
	float: right;
    display: inline;
    background: url(/images/ModuleSprite.png) no-repeat -44px -85px;
    width: 19px;
    height: 19px;
    text-indent: -9999em;
    outline: none;
}

.module-header span.move:hover
{
	float: right;
    display: inline;
    background: url(/images/ModuleSprite.png) no-repeat -44px -106px;
    width: 19px;
    height: 19px;
    text-indent: -9999em;
    outline: none;
    cursor: move;
}

.module-header span.edit
{
	float: right;
    display: inline;
    background: url(/images/ModuleSprite.png) no-repeat -110px -85px;
    width: 43px;
    height: 19px;
    text-indent: -9999em;
    outline: none;
    
}

.module-header span.edit:hover
{
	float: right;
    display: inline;
    background: url(/images/ModuleSprite.png) no-repeat -110px -106px;
    width: 43px;
    height: 19px;
    text-indent: -9999em;
    outline: none;
    cursor: pointer;
}

/* Module Edit Menu Styles */

.module-header ul.editModule
{
    display: none;
    z-index: 100;
    position: absolute;
    left: 177px;
    top: 3px;
    padding-top: 2px;
	clear: left;
    
}

ul.editModule li
{
    position: relative;
    padding:1px;
    margin: 3px;    
	width: 140px;
	height: 20px;
	
}

ul.editModule li.applyAll
{
    background: url("/images/ModuleSprite.png") repeat scroll -1px -152px transparent;
	
}

ul.editModule li a.applyToAll
{
    color: #7B7B7B;
	font-size: 10px;
	margin-left: 25px;
}

ul.editModule li.close
{
    background: url("/images/ModuleSprite.png") repeat scroll -3px -171px transparent;
    border-top: #eeeeee 1px solid;
}

ul.editModule li a.closeModule
{
    font-size: 10px;
    margin-left: 25px;
}

ul.editModule li.minimize
{
    background: url("/images/ModuleSprite.png") repeat scroll -1px -190px transparent;
    border-top: #eeeeee 1px solid;
}

ul.editModule li a.minimizeModule
{
    font-size: 10px;
    margin-left: 25px;
}

ul.editModule li.maximize
{
    background: url("/images/ModuleSprite.png") repeat scroll -1px -190px transparent;
    border-top: #eeeeee 1px solid;
}

ul.editModule li a.maximizeModule
{
    font-size: 10px;
    margin-left: 25px;
}

ul.moduleColor li
{
    float: left;
    padding: 1px;
    margin: 3px;
    position: relative;
    width: 10px;
    height: 10px;
    cursor: pointer;   
}


ul.moduleColor li.module-colorWheel
{
	background: url(/images/ModuleSprite.png) no-repeat -5px -138px;
	border: none;
	height: 15px;
	width: 12px;
	cursor: default;
}

/* Portal Controls CSS */

#portalControls
{
    width: 960px;
    margin-left: 7px;
    margin-right: auto;
}

#portalControls .customizeControl
{
    float: left;
    background: url(/images/PortalSprite.png);
    height: 26px;
    width: 149px;
    text-indent: -9999px;
    outline: none;
    
}

#portalControls .resetControl
{
    float: left;
    background: url(/images/PortalSprite.png);
    background-position: 0 -28px;
    height: 26px;
    width: 115px;
    text-indent: -9999px;
    outline: none;
    margin-left: 10px;
}

span#fontControl
{
    font-weight: bold;
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}

span#fontControl .smallFont
{
    font-size: 14px;
    padding: 3px;
}
span#fontControl .smallFont:hover
{
    font-size: 14px;
}

span#fontControl .largeFont
{
    font-size: 18px;
    padding: 3px;
}

span#fontControl .largeFont:hover
{
    font-size: 18px;
    
}

/****** TAB Global Styles *******/

.unselectedTab
{
    border-left: medium ridge #C0C0C0;
    border-right: medium ridge #C0C0C0;
    border-bottom: medium ridge #C0C0C0;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-color: #C0C0C0;
    background: #EFF0F4;
    text-align: center;
    cursor: hand !important;
    vertical-align: middle;
    padding: 2px;
    font-size: 11px;
    color: #0D3974;
    font-weight: bold;
    text-transform: uppercase;
}

.datatab
{
    vertical-align: middle;
}

.selectedTab
{
    background: #BCE0AB;
    font-weight: bold;
    color: #666;
    overflow: hidden;
    vertical-align: middle;
    cursor: hand !important;
    text-align: center;
    padding: 2px;
    font-size: 10px;
    text-transform: uppercase;
}

div.tabs
{
    cursor: hand;
}

.tabTable
{
    border-bottom: medium solid White;
    border-bottom-width: 10px;
    cursor: hand;
    vertical-align: middle;
}

.tab1_color, .tab2_color, .tab3_color, .tab4_color
{
    display: block;
    overflow: hidden;
    font-size: 0;
}

.tab1_color, .tab2_color, .tab3_color, .tab4_color
{
    height: 1px;
}

.tab1_color
{
    margin: 0 4px;
    background: #BCE0AB;
}

.tab2_color
{
    margin: 0 2px;
    background: #BCE0AB;
}

.tab3_color
{
    margin: 0 2px;
    background: #BCE0AB;
}

.tab4_color
{
    margin: 0 1px;
    background: #BCE0AB;
    height: 2px;
}

.tab1_color2, .tab2_color2, .tab3_color2, .tab4_color2
{
    display: block;
    overflow: hidden;
    font-size: 0;
}
.tab1_color2, .tab2_color2, .tab3_color2, .tab4_color2
{
    height: 1px;
}

.tab1_color2
{
    margin: 0 4px;
    background: #EFF0F4;
}

.tab2_color2
{
    margin: 0 2px;
    background: #EFF0F4;
}

.tab3_color2
{
    margin: 0 2px;
    background: #EFF0F4;
}

.tab4_color2
{
    margin: 0 1px;
    background: #EFF0F4;
    height: 2px;
}

.tabLink:active
{
    font-size: 12;
    color: #808080;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.tabLink:link
{
    font-size: 12;
    color: #808080;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.tabLink:hover
{
    font-size: 12;
    color: #808080;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.tabLink:visited
{
    font-size: 12;
    color: #808080;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.blackTabLink:link
{
    font-size: 12;
    color: Black;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.blackTabLink:hover
{
    font-size: 12;
    color: Black;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

.blackTabLink:visited
{
    font-size: 12;
    color: Black;
    text-decoration: none;
    padding-bottom: 0px;
    padding-left: 0px;
}

/* Tab Header */

.tabHeader
{
    height: 27px;
    margin-bottom: 4px;
}

#prevButton
{
    float: left;
}

#nextButton
{
    float: right;
}

/*Tabs styles end*/

/**** GLOBAL BUTTON STYLES ****/
/* Heavily Relies on Correct Sprite Positioning*/ 

.button-next
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: 0px -1px;
    text-indent: -9999px;
    width: 70px;
    height: 26px;
    float: right;
    outline: none;
}

.button-prev
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: 0px -31px;
    float:left;
    text-indent: -9999px;
    width: 70px;
    height: 26px;
    outline: none;
}

.button-myaccount
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: 0px -60px;
    float:right;
    text-indent: -9999px;
    width: 105px;
    height: 26px;
    outline: none;  
}

.button-logout
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: 0px -90px;
    float:right;
    text-indent: -9999px;
    width: 92px;
    height: 26px;
    outline: none;   
}

.button-login
{
    float: left;
    background: url(/images/PortalSprite.png) 0px -58px;
    height: 26px;
    width: 79px;
    text-indent: -9999px;
    outline: none;
    
}

.button-save
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: 0px -132px;
    float:right;
    text-indent: -9999px;
    width: 115px;
    height: 26px;
    outline: none;  
}

.button-submit
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: 0px -188px;
    float:right;
    text-indent: -9999px;
    width: 87px;
    height: 26px;
    outline: none; 
    margin-left: auto;
    margin-right: 65px;
    background-color: #ffffff; 
}

.button-print
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: 0px -160px;
    float:right;
    text-indent: -9999px;
    width: 71px;
    height: 26px;
    outline: none; 
    
}

.button-addEmergencyContact
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: -300px -967px;
    float:right;
    text-indent: -9999px;
    width: 201px;
    height: 26px;
    outline: none; 
    
}

.button-addTestExam
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: -300px -806px;
    float:right;
    text-indent: -9999px;
    width: 152px;
    height: 26px;
    outline: none; 
    
}

.button-addImmunization
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: -300px -838px;
    float:right;
    text-indent: -9999px;
    width: 169px;
    height: 26px;
    outline: none; 
    
}

.button-addTestExamAus
{
    background: url(/images/MediKeeperSpriteAus.png) no-repeat;
    background-position: -300px -806px;
    float:right;
    text-indent: -9999px;
    width: 152px;
    height: 26px;
    outline: none; 
    
}

.button-addImmunizationAus
{
    background: url(/images/MediKeeperSpriteAus.png) no-repeat;
    background-position: -300px -838px;
    float:right;
    text-indent: -9999px;
    width: 169px;
    height: 26px;
    outline: none; 
    
}

.button-addCondition
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: -300px -871px;
    float:right;
    text-indent: -9999px;
    width: 152px;
    height: 26px;
    outline: none; 
    
}

.button-addAllergy
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: -300px -901px;
    float:right;
    text-indent: -9999px;
    width: 136px;
    height: 26px;
    outline: none; 
    
}

.button-addEntry
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: -300px -771px;
    float:right;
    text-indent: -9999px;
    width: 127px;
    height: 26px;
    outline: none; 
    
}

.button-addPregnancy
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: -300px -934px;
    float:right;
    text-indent: -9999px;
    width: 157px;
    height: 26px;
    outline: none; 
    
}

.button-viewMyRisk
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: 0px -220px;
    float:right;
    text-indent: -9999px;
    width: 116px;
    height: 26px;
    outline: none; 
}

.button-printMediKard
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: 0px -815px;
    float:right;
    text-indent: -9999px;
    width: 172px;
    height: 37px;
    outline: none; 
}


.button-updateQuestionnaire
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: -300px -734px;
    float:right;
    text-indent: -9999px;
    width: 181px;
    height: 26px;
    outline: none; 
    
}


.button-returnHome
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: 0px -256px;
    float:right;
    text-indent: -9999px;
    width: 113px;
    height: 26px;
    outline: none; 
    
}

.button-editMemberPicture
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: -301px -1000px;
    float:right;
    text-indent: -9999px;
    width: 164px;
    height: 26px;
    outline: none; 
    
}

.button-updateLarge
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: -305px -1161px;
    float:left;
    text-indent: -9999px;
    width: 112px;
    height: 35px;
    outline: none; 
    
}


.button-takemethere
{
    background: url(/images/MediKeeperSprite.png) no-repeat;
    background-position: -305px -1116px;
    float:left;
    text-indent: -9999px;
    width: 170px;
    height: 35px;
    outline: none; 
    
}

/*** End of Button Styles ****/

/* Account Controls CSS */



#accountBoxContent
{
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 15px;
    line-height: 27px;
    color: #7b7b7b;
    font-size: 16px;
    float:right;
}

#accountBoxContent a
{
    margin-left: 10px;
}

.accountUserName
{
    float: right; 
}

/* Splash Page Tab CSS */

#splashTabs
{
    margin-left: 8px;
    width: 950px;
    height: 122px;
}


#splashTabs #nav
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    
}

#splashTabs #nav li
{
    float: left;
    height: 125px;
    width: 140px;
    position: relative;
    top: 1px;
    text-align: center;
    font-size: 11px;
    
}

#splashTabs #nav li.current
{
    background: #ffffff url(/images/MediKeeperSprite.png) -140px -4px;
}

#splashTabs #nav li a
{
    width: 140px;
    height: 125px;
    position: relative;
    display: block;
    cursor: default;
    outline: none;
    margin-top:1px;
}

#splashTabs #nav li a span
{
     position:relative;
     top: 105px;
     color: #7b7b7b;
}

#splashSections
{
   height: auto; 
   margin-top: 25px;
   position: relative;
   
}

#splashSections > div
{
    height: auto;
    padding-top:25px;
}



#splashSections > div div span.splashSubTitle, #splashSections > div div span.splashSubTitle a
{
    font-size: 16px;
    font-weight: bold;
    color: #58B12C;  
	width: 214px;
	
}

.splashContent
{   
    float: left;
    
}

.splashAction
{
    margin-left: 20px;
    float: left;
    width: 280px;   
}

/******* Individual Splash Page Styles ******/

/* Getting Started */

.gettingStartedSubTitle
{
    font-size: 16px;
    font-weight: bold;
    color: #58B12C;  
	width: 214px;
	
}

.ugMenuBlock
{
   width: 214px;
   float: left; 
   margin-right: 6px;
   margin-top: 20px;
}
/* END GETTING STARTED PAGE */


/* Global Splash Tabs */


#splashTabs #nav li a.document-folder
{
    background: url(/images/MedikeeperSprite.png) -339px -8px;   
}


#splashTabs #nav li a.form
{
    background: url(/images/MedikeeperSprite.png) -344px -264px;  
}

#splashTabs #nav li a.medikard
{
    background: url(/images/MedikeeperSprite.png) -347px -384px;     
}

#splashTabs #nav li a.phone
{
    background: url(/images/MedikeeperSprite.png) -341px -145px;  
}

#splashTabs #nav li a.an
{
    background: url(/images/MedikeeperSprite.png) -348px -501px;  
}



#splashTabs #nav li a.home
{

    background: url(/images/MedikeeperSprite.png) -509px -12px;
}

#splashTabs #nav li a.filecabinet
{

    background: url(/images/MedikeeperSprite.png) -512px -133px;
}


#splashTabs #nav li a.communication
{

    background: url(/images/MedikeeperSprite.png) -515px -261px;
}



#splashTabs #nav li a.tools
{

    background: url(/images/MedikeeperSprite.png) -519px -379px;
}



#splashTabs #nav li a.lightbulb
{

    background: url(/images/MedikeeperSprite.png) -516px -518px;
}


#splashTabs #nav li a.id
{
    background: url(/images/MedikeeperSprite.png) -675px -17px;   
}



#splashTabs #nav li a.familypicture
{
    background: url(/images/MedikeeperSprite.png) -684px -413px;   
}


#splashTabs #nav li a.checkboxform
{
    background: url(/images/MedikeeperSprite.png) -684px -274px;   
}

#splashTabs #nav li a.bargraph
{
    background: url(/images/MedikeeperSprite.png) -680px -138px;      
}

#splashTabs #nav li a.pill
{
    background: url(/images/MedikeeperSprite.png) -687px -520px;      
}

#splashTabs #nav li a.stethoscope
{
    background: url(/images/MedikeeperSprite.png) -839px -23px;      
}

#splashTabs #nav li a.gauge
{
    background: url(/images/MedikeeperSprite.png) -842px -171px;      
}


#splashTabs #nav li a.lifesaver
{
    background: url(/images/MedikeeperSprite.png) -845px -293px;      
}

#splashTabs #nav li a.linechart
{
    background: url(/images/MedikeeperSprite.png) -842px -415px;      
}

#splashTabs #nav li a.alert
{
    background: url(/images/MedikeeperSprite.png) -850px -545px;      
}

#splashTabs #nav li a.books
{
    background: url(/images/MedikeeperSprite.png) -976px -23px;      
}

#splashTabs #nav li a.documentsigned
{
    background: url(/images/MedikeeperSprite.png) -979px -167px;      
}

#splashTabs #nav li a.compass
{
    background: url(/images/MedikeeperSprite.png) -984px -296px;      
}

#splashTabs #nav li a.envelope
{
    background: url(/images/MedikeeperSprite.png) -987px -416px;      
}


#splashTabs #nav li a.megaphone
{
    background: url(/images/MedikeeperSprite.png) -993px -546px;      
}

#splashTabs #nav li a.permissions
{
	background: url(/images/MedikeeperSprite.png) -1156px -22px;      
}

#splashTabs #nav li a.dollarsign
{
	background: url(/images/MedikeeperSprite.png) -1154px -162px;      
}


#splashTabs #nav li a.calendar
{
	background: url(/images/MedikeeperSprite.png) -1155px -295px;      
}

#splashTabs #nav li a.notepad
{
	background: url(/images/MedikeeperSprite.png) -1155px -427px;      
}


#splashTabs #nav li a.printer
{
	background: url(/images/MedikeeperSprite.png) -1156px -565px;      
}

/* Scrolling Tabs for Splash Pages */


.jcarousel-container {
    
}

.jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-container-horizontal {
    width: 750px;
    margin-left: 100px;
    
}

.jcarousel-container-vertical {
    width: 75px;
    height: 800px;
    
}

.jcarousel-clip-horizontal {
    width:  750px;
    height: 125px;
}

.jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: -75px;
    width: 53px;
    height: 59px;
    cursor: pointer;
    background: transparent url(/images/splashNext.png) no-repeat 0 0;
}

.jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/images/prev-horizontal.png);
}

.jcarousel-next-horizontal:hover {
    background-position: -53px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -106px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -159px 0;
    
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: -75px;
    width: 53px;
    height: 59px;
    cursor: pointer;
    background: transparent url(/images/splashPrev.png) no-repeat 0 0;
}

.jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/images/next-horizontal.png);
}

.jcarousel-prev-horizontal:hover {
    background-position: -53px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -106px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -159px 0;
}





/*** Emergency Page Styles *****/


#emergencyHeader
{
    width: 730px;
    margin-left: auto;
    margin-right: auto;
}

#emergencyHeaderImage
{
    background: url(/images/EmergencyContainer.png);
    width: 98px;
    height: 76px;
    float:left;
}


#emergencyDisplay span.pickOne
{
    height: 50px;
	font-size: 30px;
	margin-left: 20px;
	margin-top: 15px;
	line-height: 28px;
	color: #990000;
}


#emergencyOptions
{
   height: 350px; 
   margin-top: 55px;
   position: relative;
   
}

#emergencyOptions > div
{
    height: 350px;
    padding-top:25px;
}

.emergencySectionTitle
{
    position: absolute;
    font-size: 30px;
    font-weight: bold; 
    top: 0px;
    left: 350px;  
}

.emergencySectionContent
{
    width: 580px;
    margin-left: 350px;
    margin-top: 35px;
    margin-right: 30px;
    
    
}

.emergencyContentLeft
{
    float: left;
    margin-top: -10px;
}

.emergencySectionContent ul
{
    list-style-type: square;
}


.emergencySectionContent ul li
{
    font-weight: bold;   
}
.splashAction a.printButton
{
	text-indent: -9999px;
	background: url(/images/MediKeeperSprite.png);
	height: 37px;
	float: left;
	outline: none;
	
	left: 25px;
	top: 0px;
}

.splashAction a.printButton.contacts
{
	background-position: 0px -765px;
	width: 255px;
}

.splashAction a.printButton.medikard
{
	background-position: 0px -815px;
	width: 172px;
}

.splashAction a.printButton.phr
{
	background-position: 0px -860px;
	width: 208px;
}

.splashAction a.printButton.full
{
	background-position: 0px -905px;
	width: 240px;
}


.splashAction input.emergencyAction
{
	text-indent: -9999px;
	background: url(/images/MediKeeperSprite.png);
	height: 37px;
	float: left;
	outline: none;
	position: relative;
	clear:left;
	left: 25px;
	top: -15px;
}

.splashAction input.emergencyAction.ANActivate
{
	background-position: 0px -1080px;
	width: 240px;
}

.splashAction input.emergencyAction.ANDeactivate
{
	background-position: 0px -1160px;
	width: 260px;
}

.splashAction input.emergencyAction.ANManage
{
	background-position: 0px -1121px;
	width: 240px;
}

.splashAction div.anEmergencyLeft
{
    background: url(/accounts/an/images/ANDemoBackdrop.png) no-repeat 0px -9px;
    width: 339px;
    height: 235px;
    clear: left;
    
    
    
}

.splashAction div.anEmergencyLeft a.ANStartDemoButton
{
    text-indent: -9999px;
	background: url(/accounts/an/images/ANDemoButton.png);
	height: 60px;
	top: 162px;
	left: 22px;
	float: left;
	clear: left;
	outline: none;
	position: relative;
	width: 274px;
}

#emergencyOptions div.anEmergencyLeft a.ANStartDemoButton:hover
{
    background-position: bottom left;
}


#emergencyTabs
{
    height: 145px;
    margin-right: 8px;
}

#emergencyTabs #nav
{
    margin-left: auto;
    margin-right: auto;
    
}

#emergencyTabs #nav li
{
    float: left;
    height: 145px;
    width: 175px;
    
}

#emergencyTabs #nav li a
{
    width: 175px;
    height: 145px;
    text-indent: -9999px;  
    position: relative;
    display: block; 
    background: black;
    cursor: default;
    outline: none;
    margin-top:1px;
}


#splashTabs #nav li a.emergency-tab-full
{
    background: url(/images/MedikeeperSprite.png) -337px -8px;
}


#splashTabs #nav li a.emergency-tab-contacts
{
    background: url(/images/MedikeeperSprite.png) -328px -171px;
}


#splashTabs #nav li a.emergency-tab-phr
{
    background: url(/images/MedikeeperSprite.png) -328px -358px;    
}


#splashTabs #nav li a.emergency-tab-medikard
{
    background: url(/images/MedikeeperSprite.png) -323px -510px;  
}



#splashTabs #nav li a.emergency-tab-an
{
    background: url(/images/MediKeeperSprite.png) -513px -828px;
}



/* Tool Tip CSS */


.tooltip
{
    padding: 12px 16px;  
    height: 90px;
    width: 175px; 
    text-align: left;
    font-weight: bold;
	background: url(/images/PortalSprite.png) no-repeat 4px -84px;
    color: #7b7b7b;
    display: none;
    font-size: 12px;
}




/* CheckBoxes */

.checkBox 
{
    float: left;
    height: 30px;
    width: 280px;
    cursor: pointer;
}

.checkBox div.cboxType
{
    height: 30px;
    background: url(/images/MediKeeperSprite.png) -303px -689px;
    float: left;
    width: 30px;
}

.checkBox.selected div.cboxType
{
    height: 30px;
    background: url(/images/MediKeeperSprite.png) -338px -689px;
    float: left;
    width: 30px;
}

.checkBox span
{
    line-height: 30px;
    margin-left: 5px;
}



/* Styled Bullets */
span.bullet-Check
{
    height: 32px;
    background: url(/images/MediKeeperSprite.png) -18px -1042px;
    float: left;
    width: 32px;
    margin: 5px;
}



/* Title Box CSS */

.titleBox-Customize
{
    background: url(/images/MediKeeperSprite.png) -9px -961px;
    height: 70px;
    width: 70px;
    float: left;
    margin-right: 15px
}

/* DataTables and Headers */


.trackerDataTable
{
    width: 950px;
}

.trackerDataHeader
{
    width: 933px;
    background-color: #BCE0AB;
}


.centerContainer
{
    margin-left: auto;
    margin-right: auto;
}

.phrDataTable
{
    width: 933px;
}

.phrDataHeader
{
    width: 933px;    
	background-color: #BCE0AB;
}

.phrDataHeader tbody tr th{
     text-align: left;
}

.phrDataTableWrapper
{
    overflow: scroll;
    width: 950px;
    height: 200px;
}

.demoDataTable
{
    width: 932px;
}

.demoDataHeader
{
    width: 950px;
    background-color: #BCE0AB;
}

.divDemoTable
{
    height: 200px; 
    overflow-y: scroll; 
    overflow-x: scroll; 
    width: 950px;
}
.divDemoToUser
{
    height: 200px; 
    overflow-y: scroll; 
    width: 950px;
}

/* Calendar Styles */
.calendar table td
{
    text-align: center;
}

.thisMonth
{
    border-style: none;
    padding: 0px;
    margin: 0px;
    border-width: 0px;
    font-weight: bold;
    color: Black;
    background-color: #A5CF8C;
    text-transform: capitalize;
    text-align: center !important;
    vertical-align: middle;
    line-height: 20px;
}

.nextPrev
{
    background-color: #A5CF8C;
    font-weight: bold;
    color: Black;
}

.calendarBorder
{
    border: 1px solid #BF6710;
}

.today
{
    border: 2px solid #CC6600;
    font-size: 12px;
    font-weight: bold;
    color: Black;
    text-align: center;
    vertical-align: middle;
    background-color: White;
}

.otherMonth
{
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    background-color: White;
    text-align: center;
    vertical-align: middle;
}

.monthDays
{
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    background-color: White;
    text-align: center;
    vertical-align: middle;
}

.dayHeader
{
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    background-color: White;
    text-align: center;
    vertical-align: middle;
}

.managerDayHdr
{
    background-color: #E7F3FF;
}

.managerDateHdr
{
    background-color: #E7F3FF;
}

.navSelectedDay
{
    background-color: #FFF7BD;
    color: Black;
}
/* CALENDAR STYLES END*/


/* Auto Complete Styles */
.autocomplete_completionListElement 
{  
	visibility : hidden; 
	margin : 0px; 
	padding : 0 0 0 0;
	background-color : white; 
	color : windowtext;
	border : buttonshadow; 
	border-width : 1px;
	border-style : solid; 
	cursor : 'default';
	overflow : auto; 
	height : 200px;
	width : 100px;
	text-align : left; 
	list-style-type : none;


}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #BCE0AB; 
	color: black;
	padding: 1px; 
}


/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window; 
	color : windowtext;
	padding : 1px; 
}
/* End of auto fill styles */

/* Tracker Styles */

/*Tracker styles start*/
/*CollapsiblePanel*/
.collapsePanel
{
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader
{
    width: 785;
    height: 30px;
    background-color: #58B12C;
    background-repeat: repeat-x;
    color: white;
    font-weight: bold;
    vertical-align: top;
}

#master_content .collapsePanelHeader a
{
    color: white;
}
#master_content .collapsePanelHeader a:hover
{
    text-decoration: none;
    background: none;
}

.GraphBlueHeaderLabelCell
{
    text-align: left;
    vertical-align: middle;
}

.GraphBlueHeaderPrintCell
{
    text-align: right;
    vertical-align: middle;
}


.smallRightMargin
{
    margin-right: 15px;
}

.GreenBackColor
{
    background-color: #58B12C;
}
.MedGreenBackColor
{
    background-color: #cdf0bc;
}
.LightGreenBackColor
{
    background-color: #BCE0AB;
}

.moduleHeadingTracker
{
    font-size: 18px;
    color: #58B12C;
    font-weight: bold;
    background-position: bottom;
    padding: 4px;
    background-repeat: repeat-x;
    background-color: White;
}

.trkerhdrTextWhite
{
    font-weight: bold;
    color: White;
}
.trkerhdrTextBlack
{
    font-weight: bold;
    color: Black;
}
.trkerBoldText
{
    font-weight: bold;
}
.trkerPagerControl
{
    background-color: White;
}
.trkerRepeaterLines
{
    background-color: White;
    text-align: left;
}
.trkerRepeaterLinesOdd
{
    background-color: #f1f2f1;
    text-align: left;
}
.vdColumnEye
{
    text-align: right;
}
.smileyCells
{
    border: None 0px white false;
    border-left-width: 0px;
    border-left-color: white;
    border-top-width: 0px;
    border-top-color: white;
    background-color: White;
    width: 30px;
}
/* curve height, background image */
.hdrRounded .t, .hdrRounded .b, .hdrRounded .b b, .hdrRounded .t b
{
    height: 100px;
    background-image: url( '../images/RoundedCorners.png' );
}

/* inner color, border color, border width */
.hdrRounded .c
{
    background: #A8C3E8;
    border-color: black;
    border-left-width: 2px;
    border-right-width: 2px;
}


.indexTrkerTbl
{
    text-align: right;
    background-color: White;
}

.trkerRepeater
{
    text-align: left;
    background-color: White;
    border-color: black;
    border-width: 2px;
}
.trkheadernotes
{
    background-color: White;
}
.trkerMediJournalBorders
{
    border-color: #7BCF94;
    border-width: medium;
}
.DataPanels
{
    border-width: 1px;
    border-color: black;
}
.trkrEditDeleteText
{
    text-align: right;
    color: #1687CB;
    font-weight: bold;
}
.trkrEditDeleteText:visited
{
    color: #1687CB;
}

.ViewGraphBox
{
    width: 300px;
    height: 320px;
    border-color: Black;
    border-width: thin;
}

.ViewGraphBoxHeader
{
    text-align: center;
    height: 23px;
    border-width: 2;
    border-color: Black;
}

.ViewGraphBoxLabel
{
    height: 12px;
    font-weight: bold;
}
.PagerContainerTable
{
    color: #d1d1e1;
    background-color: #FFFFFF;
	border: #333333 1px solid;
}
.PagerInfoCell
{
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 3px;
    font: bold 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
    color: #f0f1f2;
    padding-top: 3px;
    white-space: nowrap;
    background-color: #58B12C;
    font-weight: normal;
}
.PagerInfoCell:link
{
    color: #ffcc66;
    text-decoration: none;
}
.PagerInfoCell:visited
{
    color: #ffcc66;
    text-decoration: none;
}
.PagerCurrentPageCell
{
    color: #990000;
    background-color: #FFFF99;
}
.PagerOtherPageCells
{
    background-color: #f0f1f2;
}
.PagerSSCCells
{
    background-color: #cccccc;
}
.PagerHyperlinkStyle
{
    font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:hover
{
    color: #000000;
    text-decoration: none;
    font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:link
{
    color: #000000;
    text-decoration: none;
    font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:visited
{
    color: #000000;
    text-decoration: none;
    font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:active
{
    color: #000000;
    text-decoration: none;
    font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
/*Tracker styles end*/



/* Loading Panel Styles */

#loadingPanel
{
    font-family: "Century Gothic";
    font-size: 24px;
    color: #ABA4A4;   
	text-shadow: #43BADA 0px 0px 2px;
}

/* Import/Export Vendor Popup Styles */

div#vendorPopUp  
{
    overflow: auto; 
    height: 510px; 
}

#vendorPopUpConnectHVLogo
{
     position: relative;
     background: url('/images/mshvLogo1.jpg');
     width: 168px;
     height: 62px;
     left: 130px;
     margin-top: 0px;
}

/* Import/Export Vendor Popup Styles end */