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


/* Ico Moon Font Family */

/***** Icon Font Styles ****/

/* IcoMoon Icons */
@font-face {
  font-family: 'IcoMoon';
  src: url('fonts/IcoMoon.eot');
  src: url('fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
       url('fonts/IcoMoon.woff') format('woff'),
       url('fonts/IcoMoon.ttf') format('truetype'),
       url('fonts/IcoMoon.svg#IcoMoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* CSS to style glyphs */
.ico { cursor: inherit; font-size: 16px; line-height: 1; }
.ico { font-family: "IcoMoon"; }


/* Base Styles For HTML Elements */



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;
}


#navBar {
    width: 970px;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    text-align: left;
    border-radius: 4px;
    box-shadow: 0px 3px 2px rgba(0,0,0,.2);
}

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

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

#topNav > ul,
#topNav > ul li,
#topNav > ul ul {
list-style: none;
margin: 0;
padding: 0;
}

#topNav > ul {
position: relative;
z-index: 597;
float: left;
}

#topNav > ul li {
float: left;
min-height: 1px;
line-height: 1.3em;
vertical-align: middle;
padding: 10px;
}

#topNav > ul li.hover,
#topNav > ul li:hover {
z-index: 599;
cursor: default;
}

#topNav > ul ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
}

#topNav > ul ul li {
float: none;
}

#topNav > ul li:hover > ul {
visibility: visible;
}
/* Align last drop down RTL */
/* Theme Styles */
#topNav > ul a:link {
text-decoration: none;
}

#topNav > ul a:active {
color: #ffa500;
}

#topNav li {
padding: 0;
color: #000;
}

#topNav {
font-family: 'Lato', sans-serif;
width: auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #1b9bff;
font-size: 13px;
-moz-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.3);
}

#topNav > ul {
padding: 0 5px;
-moz-box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
display: block;
float: none;
zoom: 1;
}

#topNav > ul:before {
content: '';
display: block;
}

#topNav > ul:after {
content: '';
display: table;
clear: both;
}

#topNav > ul > li {
padding: 8px 5px;
}

#topNav > ul > li > a,
#topNav > ul > li > a:link,
#topNav > ul > li > a:visited {
color: #fff;
font-weight: bold;
text-transform: uppercase;
padding: 7px 20px;
display: block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}

#topNav > ul > li > a:hover,
#topNav > ul > li:hover > a {
background-color: #0082e7;
}

#topNav li li a {
color: #8b8b8b;
font-size: 13px;
}

#topNav li li a:hover {
color: #5c5c5c;
border-color: #5c5c5c;
}

#topNav ul ul {
margin: 0 10px;
padding: 0 10px;
float: none;
background: #fefefe;
border: 2px solid #1b9bff;
border-top: none;
right: 0;
left: 0;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
-ms-border-radius: 0 0 3px 3px;
-o-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

#topNav ul > li > ul > li {
margin: 0 10px 0 0;
position: relative;
padding: 0;
float: left;
}

#topNav ul > li > ul > li > a {
padding: 10px 20px 10px 10px;
display: block;
}

#topNav ul > li > ul > li.has-sub > a:before {
content: '';
position: absolute;
top: 18px;
right: 6px;
border: 5px solid transparent;
border-top: 5px solid #8b8b8b;
}

#topNav ul > li > ul > li.has-sub > a:hover:before {
border-top: 5px solid #5c5c5c;
}

#topNav ul ul ul {
width: 200px;
top: 100%;
border: 2px solid #1b9bff;
}

#topNav ul ul ul li {
float: 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 
{ 
    padding: 0px;
	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: 10px;
}

#prevButton
{
    float: left;
}

#nextButton
{
    float: right;
}

/*Tabs styles end*/

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

.button-next
{
   
    float: right;
   
}

.button-prev
{
    
    float:left;
}
.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; 
    
}

.button-faq
{
    background: url(/images/MedikeeperSpriteGATech.png) no-repeat;
    background-position: 0px -319px;
    float:right;
    text-indent: -9999px;
    width: 66px;
    height: 26px;
    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.checkboxformSixSteps
{
    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;
}

.trackerDataTable tr.altRow
{
    background: #eee;
}

.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;
}


.dxscViewNavigatorButton
{
	vertical-align: middle;
}


.dxeCalendarHeader td.dxe
{
	vertical-align: middle;
	padding-left: 2px;
    padding-right: 2px;
}

.dxEditors_edtCalendarPrevYear, .dxEditors_edtCalendarPrevMonth, .dxEditors_edtCalendarNextMonth, .dxEditors_edtCalendarNextYear
{
	background: url(/images/CalSprite.png) !important;
	background-repeat: no-repeat;
}

.dxEditors_edtCalendarPrevYear
{
	background-position: 0px 0px !important;
	width: 10px;
	height: 9px;
}

.dxEditors_edtCalendarPrevMonth
{
	width: 8px;
	height: 9px;
	background-position: -12px 0px !important;
}

.dxEditors_edtCalendarNextMonth
{
	width: 8px;
	height: 9px;
	background-position: -24px 0px !important;
}
.dxEditors_edtCalendarNextYear
{
	background-position: -36px 0px !important;
	width: 10px;
	height: 9px;
}


/* 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 */


/*HRA Wizard start*/


#loadingWizard
{
    background: #fff; z-index: 90; position: absolute; width: 970px; height: 200px; text-align: center;
}
    
        
#loadingWizard span
{
    color: #ABA4A4;
    text-shadow: 0 0 2px #7AC142;
    font-size: 24px;
    font-family: "Century Gothic";
    text-align: center;
    padding-top: 10px;
}
    
.wizardTabs
{
    width:970px;
}
       
        
.wizardTabs li
{
    -moz-border-radius: 8px;
    /* hack for Chrome */
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    background: #CDCDCD;
    float: left;
    width: 130px;
    margin: 0px 5px 5px 5px;
    padding: 10px;
    height: 35px;
    /*cursor: pointer;*/
}
        
.wizardTabs.complete li
{
    width: 117px;
    padding: 10px 8px;
}
        
.wizardTabs.complete li#calc
{
    width: 75px;
    color: #ffffff;
    background: #64B326;
}
        
.wizardTabs.complete li#calc span
{
    color: #fff;
}
        
        
.wizardTabs li.current, .wizardTabs li#calc.current
{
    background: #212492;  
    height:40px;
    margin-top: -5px;
}
        
.wizardTabs li .sectionNum
{
    /*-moz-border-radius: 15px;
    background: #DEDEDE;*/
    font-size: 18px;
    height: 30px;
    width:20px;
    float: left
}
        
.wizardTabs.complete li .sectionNum
{
    width: 12px;
}
        
.wizardTabs li span
{
    display: block;
    width: 95px;
    float: left;
    margin-left: 5px;
    color: #444;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
}
        
.wizardTabs li.current span
{
    color: #f1f1f1;   
}
        
.wizardTabs.complete li span
{
    width: 80px;
    font-size: 12px;
}
        
.wizardTabs li.current .sectionNum
{
    color: #f1f1f1;
    font-size: 20px;
}
        
.step
{
    font-size: 16px;
    padding: 10px;
    min-height: 100px;
    position: relative;
    margin:50px;
}
        
.step label.error
{
    position: absolute;
    bottom: 5px;
    color: #900000;
    left: 0px;
    font-size: 14px;   
}
        
#wizardControls, #wizardControlsTop
{
    
    margin-right:20px;
    
}

#wizardControls
{
    border-top: #ddd 1px solid;
    margin-top: 10px;
    padding-top: 10px;
}       
       
        
        
#wizardNav
{
    float: left;
}

#wizardNav li
{
    float: left;
    margin-right: 10px;
}


        
#wizardNav li a, #wizardNav li button, #wizardControls #back, #wizardControlsTop #backTop, #wizardControls #next, #wizardControlsTop #nextTop
{
    -moz-border-radius: 12px;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    padding: 10px;
    color: #fff;
    border: 1px solid #587e34;
    background: #93C068;
    cursor: pointer;
            
}

#wizardNav li button:disabled, #wizardNav li button.dis-btn
{
    background: #bbb;
    border-color: #777;    
}

#wizardNav li button.submit:disabled
{
    visibility: hidden;
}    
    
#stepInfo, #stepInfoTop
{
    float: left;
    font-size: 13px;
    color: #888888;
    margin-right: 5px;
    width: 40px;
    line-height: 30px;
}

#progressSection, #progressSectionTop
{
    float: right;
    width: 150px;
    clear: right;
}
 
.progress
{
    float: right;
    width: 100px;
} 
    
#progressBar, #progressBarTop
{
    width: 150px;
    float: right;
    height: 37px;
}
        
.ui-progressbar-value
{
    background: #93C068;
}
        
.ui-progressbar
{    
    border: 1px solid #587e34;
}
        
.ui-widget-header 
{
    border: 1px solid #587e34;
}
        
#errorSection, #errorSectionTop
{
    float: left;
    margin-left: 50px;
    color: #990000;
    margin-top: 10px;
    font-weight: bold;
}

select.error, input[type="text"].error, textarea.error
{
    background: #FFE2E2;
}

input[type="radio"].error + label
{
    color: #EC5454;
}
        
.invInput
{
    border: 2px solid red;
}
        
        
#hraForm
{
    line-height:200%;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    height:100px;
}
        
#savingDialog, #savingDialogTop
{
    float: right;
    margin-right: 50px;
    margin-top: 6px;
}
        
        
        
#loadingAssessment
{
    color: #ABA4A4;
    text-shadow: 0 0 2px #7AC142;
    font-size: 24px;
    font-family: "Century Gothic";
    text-align: center;
    padding-top: 10px;
}
        
#loadingAssessment span
{
    display: block;
}
        
.time
{
    color: Gray;
    font-size:11px;
}
        
/*End of HRA wizard*/

/*Hra alternating styles*/

.question
{
    color:#212492;
    font-size:18px;
}

#divTime
{
    -moz-border-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    padding: 6px;
    border: 1px solid #CDCDCD;
    float:left; 
    width:55%;

}

/*set outline colors for two alternating row colors
set background color = outline color and shadows to a darker shade of first outline color
TODO: change to variables (color1, color2, shadow)*/
        
.divQuest {
    background-color: #adcf8c;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 5px 0 #587e34;
    outline: medium none #adcf8c;
    padding: 20px;
    position: relative;
    z-index: 0;
}
.divInnerQuest {
    background-color: #FFFFFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 5px 0 #587e34;
    margin-top: 10px;
    outline: medium none #FFFFFF;
    padding: 10px;
    position: relative;
    z-index: 0;
}
#tbFood td {
    border-bottom: 1px solid #adcf8c;
}

#tbFood input[type="radio"] {
margin-right: 10px;
}

#divExtraQuest > div 
{
    margin-bottom:30px;            
}
        
.becExtra
{
    font-size:18px;
    font-weight:bold;
}

/*End of hra alternating styles*/    

/*HRA Graphs CSS*/

#riskTabs
{
    width: 970px;
    height: 121px;
    border-bottom: 1px solid #b6b6b6;
}
        
#riskTabs ul
{
    margin: 0 auto;
    padding: 0px;
    width: 900px;
}
        
#riskTabs ul li
{
    width: 180px;
    height: 120px;
    float: left;
    position: relative;
    bottom: -2px;
}
        
#riskTabs ul li.current
{
    background: url(/accounts/strive/images/tab-sel.png) no-repeat;
}
        
#riskTabs ul li a
{
    width: 180px;
    height: 120px;
    display: block;
    color: #000;
}
        
#riskTabs ul li a div.rIndicator
{
            
    margin-top: 35px;
    margin-left: 15px;
    float: left;
}
        
#riskTabs ul li a span
{
    color: #000;
    font-weight: bold;
    float: left;
    display: block;
    margin-top: 43px;
    text-align: center;
    width: 115px;
    font-size: 16px;
}
        
#categoryTabs
{
    width: 870px;
    height: 121px;
    /*border-bottom: 1px solid #b6b6b6;*/
}
        
#categoryTabs ul
{
    margin: 0 auto;
    padding: 0px;
    width: 870px;
}
        
#categoryTabs ul li
{
    width: 280px;
    height: 120px;
    float: left;
    position: relative;
    bottom: -2px;
}
        
/*#categoryTabs ul li.current
{
    background: url(/images/tab-sel-wide.png) no-repeat;
}*/
        
#categoryTabs ul li a
{
    width: 200px;
    height: 120px;
    display: block;
    color: #000;
}
        
#categoryTabs ul li a div.rCategory
{
            
    margin-top: 35px;
    margin-left: 35px;
    float: left;
}
        
#categoryTabs ul li a span
{
    color: #000;
    font-weight: bold;
    float: left;
    display: block;
    margin-top: -30px;
    text-align: center;
    width: 280px;
    font-size: 16px;
}

#categoryPanes
{
    
    padding-bottom: 20px;
}
      
#categoryPanes .categoryTitle
{
    width:200px;
    margin-left:auto;
    margin-right:auto;
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-top:10px;
    text-align:center;
}
        
#HRA0Div, #HRA1Div, #HRA2Div
{
    text-align:right;
    width:730px;
    margin-bottom:20px;
}

.spanNoPrint
{
    text-align:right;
    width:730px;
}
        
div.rIndicator
{
    background-image: url(/images/RiskIcons.png);
    background-repeat: no-repeat;
    width: 43px;
    height: 40px;
    background-position: 0px 0px;
}
        
div.rIndicator.summary
{
    background-position: 0px 0px;
}
        
div.rIndicator.high
{
    background-position: -129px 0px;
}
        
div.rIndicator.medium
{
    background-position: -86px 0px;
}
        
div.rIndicator.low
{
    background-position: -43px 0px;
}
        
div.rIndicator.measure
{
    background-position: -174px 0px;
}
        
div.rIndicator.notCalc
{
    background-position: -214px 0px;
}
        
div.rCategory
{
    /*background-image: url(/images/categoryIcons.jpg);*/
    background-repeat: no-repeat;
    width: 200px;
    height: 50px;
    background-position: 0px 0px;
    margin-left:auto;
    margin-right:auto;
}

.legend
{
    float:right;
}

.chartTable
{
    width:500px;
}

div.rCategory.cancers
{
    /*background-position: -2px -38px;*/
    background-image: url(/images/cancerRiskIcon.png);
}
        
div.rCategory.metabolism
{
    /*background-position: -265px -135px;*/
    background-image: url(/images/metabolicRiskIcon.png);
}
        
div.rCategory.wellbeing
{
    /*background-position: -355px -85px;*/
    background-image: url(/images/lifestyleRiskIcon.png);
    width: 150px;
}
        
#riskPanes.panes > div
{
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
}
        
#riskBreakdown
{
    width: 600px;
    margin: 35px auto;
}
        
#riskBreakdown .breakdownSection
{
    float: left;
    clear: left;
    display: block;
    width: 600px;
    margin: 25px auto 0px;
            
}
        
#riskPanes #riskBreakdown .breakdownSection .brekdownHeader
{
    border-bottom: 1px solid #b6b6b6;
    float: left;
    width: 100%;
}
       
#riskPanes #riskBreakdown .breakdownSection .brekdownHeader .title
{
    float: left;
    font-size: 18px;
    font-weight: bold;
    display: block;
    line-height: 38px;
}
#riskPanes #riskBreakdown .breakdownSection .brekdownHeader .count
{
    float: right;
    font-size: 18px;
    font-weight: bold;
    display:block;
    line-height: 38px;
    margin-right: 5px;
}
#riskPanes #riskBreakdown .breakdownSection .brekdownHeader .rIndicator
{
    float: right;
}
        
        
#riskBreakdown .breakdownSection ul
{
    clear: left;
    padding-top: 5px;
}
        
#riskBreakdown .breakdownSection ul li
{
    margin-left: 5px; 
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px;
            
}
        
#riskBreakdown .breakdownSection ul li p.norisk_msg_head
{
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    margin:1px;
}
        
.highGraphText p.msg_head
{
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    background-color:#FFCCCC;
    margin:1px;
    font-weight: bold;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 0px 0px #FFCCCC;
    -webkit-box-shadow: 0 0 0px 0px #FFCCCC;
    box-shadow: 0 0 0px 0px #FFCCCC;

}
        
.highGraphText p.msg_head_only
{
    padding: 5px 10px;
    position: relative;
    background-color:#FFCCCC;
    margin:1px;
    font-weight: bold;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 0px 0px #FFCCCC;
    -webkit-box-shadow: 0 0 0px 0px #FFCCCC;
    box-shadow: 0 0 0px 0px #FFCCCC;

}        
        
.mediumGraphText p.msg_head
{
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    background-color:#efba6c;
    margin:1px;
    font-weight: bold;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 0px 0px #efba6c;
    -webkit-box-shadow: 0 0 0px 0px #efba6c;
    box-shadow: 0 0 0px 0px #efba6c;

}
        
.mediumGraphText p.msg_head_only
{
    padding: 5px 10px;
    position: relative;
    background-color:#efba6c;
    margin:1px;
    font-weight: bold;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 0px 0px #efba6c;
    -webkit-box-shadow: 0 0 0px 0px #efba6c;
    box-shadow: 0 0 0px 0px #efba6c;

}            
              
.lowGraphText p.msg_head
{
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    background-color:#bdbf2d;
    margin:1px;
    font-weight: bold;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 0px 0px #bdbf2d;
    -webkit-box-shadow: 0 0 0px 0px #bdbf2d;
    box-shadow: 0 0 0px 0px #bdbf2d;

}
        
.lowGraphText p.msg_head_only
{
    padding: 5px 10px;
    position: relative;
    background-color:#bdbf2d;
    margin:1px;
    font-weight: bold;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 0px 0px #bdbf2d;
    -webkit-box-shadow: 0 0 0px 0px #bdbf2d;
    box-shadow: 0 0 0px 0px #bdbf2d;

}            
        
span.riskTitle
{
            
    font-size: 14px;
    font-weight: bold;
            
}
        
td.riskCell div
{
            
    width: 600px;
            
}
        
        
a.learnMoreLink
{
    color: #7AC142;
}
        
        
table.measuresTable
{
            
    width: 75%;
    border-collapse: collapse;
            
}
        
table.measuresTable td
{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
        
table.measuresTable td.same:hover, table.measuresTable td.improve:hover, table.measuresTable td.unknown:hover, table.measuresTable td.worse:hover
{
    outline: 1px solid #565656;
}
        
td.summaryTitle
{
    font-size: 18px;
    border-bottom: 1px solid #000000;
    font-weight: bold;
}
        
tr.summarySub
{
    border-bottom: 1px solid #000000;
}
        
tr.summarySub td
{
    font-weight: bold;
    vertical-align: bottom;
    padding-top: 10px;
}
        
        
table.measuresTable td.high
{
    background: #F0725C;
}
        
        
table.measuresTable td.normal
{
    background: #F0BC34;
}
        
table.measuresTable td.good
{
    background: #93A130;
}
        
table.measuresTable td.unknown
{
    background: #709FB9;
}
        
table.measuresTable td.high.previous
{
    background: #E99B8E;   
}  
        
table.measuresTable td.normal.previous
{
    background: #F6D785;
}
        
table.measuresTable td.good.previous
{
    background: #BEC883;
}
        
table.measuresTable td.unknown.previous
{
    background: #A9C5D5;
}
    

.list
{
    list-style: circle;
    margin-left:20px;
}
        
        
.msg_body, .norisk_msg_body 
{
    padding: 5px 20px 15px;
    background-color:#F4F4F8;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 0px 0px #F4F4F8;
    -webkit-box-shadow: 0 0 0px 0px #F4F4F8;
    box-shadow: 0 0 0px 0px #F4F4F8;

}
        
/*End of HRA Graphs CSS*/



/* Begin Sliding Tabs CSS */


div.st_horizontal { /* The main container */	
	position:relative;
	float:left;
	clear:both;
	width:297px; /* Set the full width */	
	color:#616161;
}

/* Control buttons
------------------------------------------------------------------------------------- */
div.st_horizontal a.st_prev, 
div.st_horizontal a.st_next { /* Directional buttons (previous/next) */
	position:absolute;
	top:0px;
	z-index:110;
	display:none;
	height:38px;
	width:20px;
	border:1px solid #d4d4d4;
	outline:none;
	background:#fff url(/images/btn_arrows.gif) no-repeat;	
}

div.st_horizontal a.st_prev { /* Previous button */
	left:0px;
	background-position:5px 13px;
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
}

div.st_horizontal a.st_prev:hover { /* Previous button hover */	
	background-position:-58px 13px;
	background-color:#f5f5f5;
}

div.st_horizontal a.st_next { /* Next button */
	right:0px;
	background-position:5px -14px;
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
}

div.st_horizontal a.st_next:hover { /* Next button hover */	
	background-position:-58px -14px;
	background-color:#f5f5f5;
}

div.st_horizontal a.st_prev.st_btn_disabled, 
div.st_horizontal a.st_next.st_btn_disabled { /* Previous and next buttons disabled state */
	cursor:default;
	background-color:#f7f7f7;
}

div.st_horizontal a.st_prev.st_btn_disabled { /* Previous button disabled state */
	background-position:-122px 13px;
}

div.st_horizontal a.st_next.st_btn_disabled { /* Next button disabled state */
	background-position:-121px -14px;
}

/* Tabs
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_tabs_container { /* Tabs main container */		
	position:relative;
	z-index:100;		
	width:100% !important;	
	height:40px;
	margin-bottom:-1px;	
	overflow:hidden;
}

div.st_horizontal div.st_slide_container { /* Tabs slide-container */
	position:relative !important; /* The tabs position will be calculated from ul.tabs first parent element with position:relative */
}

div.st_horizontal div.st_sliding_active div.st_slide_container { /* The .st_sliding_active class is added to the div.st_tabs_container element when tab sliding is activated */
	margin:0px 22px; /* Adds side margins to make space for the arrow buttons */
}

div.st_horizontal ul.st_tabs { /* Tabs unordered list */
	width:10000px; /* Set to an arbitrary high value */
	height:40px;
	margin:0px;
	padding:0px;
	list-style:none;
}

div.st_horizontal ul.st_tabs li { /* Tab list elements */
	float:left;
}

div.st_horizontal ul.st_tabs li a { /* Tab links */
	display:block;
	margin:0px;
	padding:10px 20px;
	font-size:11px;
	line-height:18px; /* Aligns the tabs to the bottom of the content container */
	color:#6a6a6a;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	border-top:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	background:#fff url(/images/h_tab_bg.jpg) repeat-x 0px bottom;
}

div.st_horizontal ul.st_tabs a:hover { /* Tabs hover state */
	color:#333;
}

div.st_horizontal ul.st_tabs li a.st_first_tab {
	border-left:1px solid #d4d4d4;
} 

div.st_horizontal ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	color:#1ca5ec;
	border-bottom-color:#fff;
	background:#fff;
}

/* Content
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_view_container { /* Main content container */
	position:relative;
	z-index:5;
	height:277px;
	padding:10px 5px; /* Set the padding for the content here */
	border-top:1px solid #d4d4d4;
	background-color:#fff;
	overflow:hidden; /* To make the content scroll if Javascript is disabled, set to: auto */
}

div.st_horizontal div.st_view { /* Slide-container for the content */
	position:relative;
	height:100%;
	overflow:hidden;
}

div.st_horizontal div.st_tab_view { /* Individual content containers */
	display:none; /* Hides the content when Javascript is disabled */
	width:100%;	
}

div.st_horizontal div.st_first_tab_view {
	display:block;
}

div.st_horizontal div.st_view h2 {
	font-size:16px;
	color:#454545;
	margin:0 0 16px;
	padding:0px;
}

div.st_horizontal div.st_view p {
	margin:14px 0 0;
	padding:0px;
}

div.st_horizontal div.st_view blockquote {
	float:left;
	width:315px;
	margin:18px 14px 0 0;
	padding:0 0 0 14px;
	border-left:2px solid #5c5c5c;
	font:italic 17px/21px Georgia, "Times New Roman", Times, serif;
	color:#A8A8A8;
}

div.st_horizontal div.st_view blockquote p {
	margin:0px;
}

/* Bottom aligned tabs
------------------------------------------------------------------------------------- */
div.st_horizontal.align_bottom a.st_prev, 
div.st_horizontal.align_bottom a.st_next { /* Directional buttons (previous/next) */
	border-bottom:1px solid #d4d4d4;
}

div.st_horizontal.align_bottom a.st_prev { /* Previous button */
	/* Reset top borders */
	border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	/* Set bottom borders */
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
}

div.st_horizontal.align_bottom a.st_next { /* Next button */
	/* Reset top borders */
	border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	/* Set bottom borders */
	border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
}

div.st_horizontal.align_bottom div.st_tabs_container { /* Tabs main container */
	position:absolute; /* Absolute position the tabs container at the bottom of the main container */
	bottom:-39px;
	left:0px;
	margin-bottom:0px;
}

div.st_horizontal.align_bottom ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	border-top-color:#fff;
	border-bottom-color:#d4d4d4;
}

/* End of Sliding Tabs CSS */

/* Icon Font Styles */

.ico { font-family: "IcoMoon"; }



/* Ico Block Buttons */

.button
{
	display: inline-block;
	border: 1px solid #ccc;
	position: relative;
	padding: 8px 8px 8px 34px !important;
	text-decoration: none;
	color: #666 !important;
	font-weight: normal;
	font-family: Verdana;
	font-size: 11px;
	line-height: 14px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset;
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset;
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset;
	background: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
	background: -webkit-linear-gradient(top, #f8f8f8, #f0f0f0);
	background: -moz-linear-gradient(top, #f8f8f8, #f0f0f0);
	background: -ms-linear-gradient(top, #f8f8f8, #f0f0f0);
	background: -o-linear-gradient(top, #f8f8f8, #f0f0f0);
	background: linear-gradient(top, #f8f8f8, #f0f0f0);
	
	
}

.button.largebutton
{
    font-size: 16px;
    padding: 14px 12px 12px 40px;
}

.button:hover, .circle:hover
{
	border-color: #aaaaaa;
	-moz-box-shadow: 0 0 1px 1px rgba(191,191,191,.4) inset;
	-webkit-box-shadow: 0 0 1px 1px rgba(191,191,191,.4) inset;
	box-shadow: 0 0 1px 1px rgba(191,191,191,.4) inset;
}

.button .ico-block
{
	background: #88C983;
	display: inline-block;
	text-align: center;
	margin-right: 5px;
	vertical-align: middle;
	height: 20px;
	width: 20px;
	position: absolute;
	border: 1px solid #888;
	left: 4px;
	top: 4px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset;
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset;
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset;

}

.button.largebutton .ico-block
{
    top: 6px;
    left: 6px;
    width: 26px;
    height: 26px;
}


.button .ico-block .ico
{
	color: #ffffff;
	text-shadow: 1px 0px 2px #dbaf02;
	font-size: 14px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;

}

.button.largebutton .ico-block .ico
{
    font-size: 20px;
    line-height: 26px;
}


/* PFW Styles */

.noKeyDiv
{
    -moz-border-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    padding: 6px;
    border: 1px solid #CDCDCD;
    width: 40%;
    background-color:White;
}
        
#divSummary li
{
    font-size:12.8px;
}

.calendarTriggerDOB + .ui-datepicker-trigger
{
    display:none;
}
.element_39 + .ui-datepicker-trigger
{
    display:inline;
}



.errormessage{
    background-color:#ff4000;
    color:white;
    padding:5px;
    font-size:0.7em;
}

.message_info{
    background-color: white;
    font-weight: bold;
    padding:10px;
}

.message_info.error {
    color: #cd2200;
    border: 1px #cd2200 solid;
}

.message_info.success {
    color: #008900;
    border: 1px #008900 solid;
}