/*
 * HealthSaaS fx Core CSS 
 * All default site styling for MasterPage v2 and greater is contained here.
 * 
 */

/* Make sure we're starting with a clean slate
@import url("normalize.css"); moved to master page...
 */

/* Utility Classes */
.centered { text-align: center; }
.center { margin: 0 auto; text-align: center;}

.notification { background-color: lightgoldenrodyellow; padding: 2px; text-align: center; border-radius: 15px;}
.criticalNotification {
    background-color: red;
    padding: 2px;
    text-align: center;
    border-radius: 15px;
}
.largeNotificationText { color: royalblue; font-weight: bold; font-size: large; }
.criticalNotificationText {
    color: white;
    font-weight: bold;
    font-size: large;
    
}
.criticalNotificationText:hover {
    color: white;
    font-weight: bold;
    font-size: large;
    text-decoration: underline;
    cursor: pointer;
    
}

.warning { background-color: yellow; padding: 2px; text-align: center; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.warning2 { background-color: yellow; padding: 2px; text-align: center; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin: 0px 12px;}
.largeWarningText { color: Red; font-weight: bold; font-size: large; }
.DEMOwarning {
    background-color: lightsteelblue;
    padding: 2px;
    text-align: center;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.DEMOlargeWarningText { color: white; font-weight: bold; font-size: large; }
.PPEwarning { background-color:goldenrod; padding: 2px; text-align: center; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.PPElargeWarningText { color: Red; font-weight: bold; font-size: large; }

.menuBarContainer { __float:right; padding-right:8px; display:none;} 

/* SITE.CSS - This is all defined at the master page level, but can be overridden by the site as needed in site.css */

/* Body */
body { background: #fff url('./Images/main-bg2.jpg') no-repeat center top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

a:link { color: #beebf0; }
a:visited { color: #beebf0; }
a:hover, a:active { color: #e0f5f7; }
a:link.hasPII, a:visited.hasPII, a:hover.hasPII, a:active.hasPII {color:black;}

.siteAccentColor { color: #507CD1; }


/* navigation */

/* LEVEL 1 */
#nav ul { float: left; list-style: none; margin: 0px; padding: 0px; }
#nav ul li { float: left; list-style: none; margin: 0px; padding: 0px; }
#nav ul li a, 
#nav ul li a:link, 
#nav ul li a:visited { color: #444748; display: block; font-size: 15px; font-family: 'Rosario' , sans-serif; text-decoration: none; margin: 0px; padding: 15px 15px 15px 15px; text-transform: uppercase; }
#nav ul li a:hover, 
#nav ul li a:active,
#nav ul li a.level1.childSelected:hover,
#nav ul li a.level2.childSelected:hover { color: #fff; margin: 0px; padding: 15px 15px 15px 15px; background: #CCC; /* Old browsers */
/* Universal gradients courtesy of http://www.colorzilla.com/gradient-editor/ */
background: -moz-linear-gradient(top, rgba(174,188,191,1) 0%, rgba(110,119,116,1) 47%, rgba(10,14,10,1) 91%, rgba(114,114,114,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,188,191,1)), color-stop(47%,rgba(110,119,116,1)), color-stop(91%,rgba(10,14,10,1)), color-stop(100%,rgba(114,114,114,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 47%,rgba(10,14,10,1) 91%,rgba(114,114,114,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 47%,rgba(10,14,10,1) 91%,rgba(114,114,114,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 47%,rgba(10,14,10,1) 91%,rgba(114,114,114,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 47%,rgba(10,14,10,1) 91%,rgba(114,114,114,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#727272',GradientType=0 ); /* IE6-9 */
}
#nav ul li a.level1.childSelected,
#nav ul li a.level2.childSelected {background: #DDD;}
#nav ul li a.selected {background: #BBB;}
#nav ul li a:hover, 
#nav ul li a:active,
#nav ul li a.level1.childSelected,
#nav ul li a.level2.childSelected,
#nav ul li a.selected	{ 
	-moz-border-radius:  6px; 
	-webkit-border-radius:  6px; 
	-khtml-border-radius:  6px; 
	border-radius:  6px;
}

/* LEVEL 2 */
#nav ul li ul {background: #FFF; width: 100%}
#nav ul li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: auto; margin: 0px; padding: 0px; }
#nav ul li li { }
#nav ul li ul a { min-width: 220px; width:auto;}

/*
#nav ul li ul li a:hover,
#nav ul li ul li a:active { __background: #36dcec; color: #a2eaf8; __padding: 1px 15px 1px 15px; font-family: 'Rosario' , sans-serif; }

#nav ul li ul a:hover, 
#nav ul li ul a:active { }

#nav ul li ul ul { margin: -32px 0 0 171px; }

#nav ul li:hover ul ul, 
#nav ul li:hover ul ul ul, 
#nav ul li.sfhover ul ul, 
#nav ul li.sfhover ul ul ul { left: -999em; }

#nav ul li:hover ul, 
#nav ul li li:hover ul, 
#nav ul li li li:hover ul, 
#nav ul li.sfhover ul, 
#nav ul li li.sfhover ul, 
#nav ul li li li.sfhover ul { left: auto; }

#nav ul li:hover, 
#nav ul li.sfhover { position: static; }


/*	SubNavbar */

/*
#subnavbar { background: #666666; width: 760px; height: 24px; color: #FFFFFF; margin: 0px; padding: 0px; }

#subnav { margin: 0px; padding: 0px; }

#subnav ul { float: left; list-style: none; margin: 0px; padding: 0px; }

#subnav li { float: left; list-style: none; margin: 0px; padding: 0px; }

#subnav li a, #subnav li a:link, #subnav li a:visited { color: #FFFFFF; display: block; font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 0px 5px 0px 0px; padding: 6px 13px 6px 13px; }

#subnav li a:hover, #subnav li a:active { background: #888888; color: #FFFFFF; display: block; text-decoration: none; margin: 0px 5px 0px 0px; padding: 6px 13px 6px 13px; }

#subnav li li a, #subnav li li a:link, #subnav li li a:visited { background: #666666; width: 150px; float: none; margin: 0px; padding: 6px 10px 6px 10px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

#subnav li li a:hover, #subnav li li a:active { background: #888888; margin: 0px; padding: 6px 10px 6px 10px; }

#subnav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 160px; margin: 0px; padding: 0px; }

#subnav li li { }

#subnav li ul a { width: 150px; }

#subnav li ul a:hover, #subnav li ul a:active { }

#subnav li ul ul { margin: -25px 0 0 171px; }

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul { left: -999em; }

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover ul { left: auto; }

#subnav li:hover, #subnav li.sfhover1 { position: static; }
*/


/* end navigation */

#container { width: 950px; /*height: 900px;*/ padding: 0px; margin: 0 auto; }

#content { position: relative; background: #fff; width: 920px; height: auto; padding: 0px 15px 15px 15px; margin: 0 auto; min-height: 440px;
           
       -moz-border-radius: 10px 0 10px 10px;
    -webkit-border-radius: 10px 0 10px 10px;
     -khtml-border-radius: 10px 0 10px 10px;
            border-radius: 10px 0 10px 10px;
           
           }

#contentbody {margin: 0 15px;}

#header { width: 920px; height: 170px; display: block; margin: 0 auto; position: relative; }

#sliderbox { position: relative; background: #fff; width: 910px; height: 395px; padding: 15px 5px; margin: 0 auto; __margin-bottom: 50px; z-index: 1999; text-align: center; }


#areablock { position: relative; width: 930px; height: 470px; padding: 10px; margin: 40px auto 0; }

#area1 { position: relative; background: url('../Images/area1.png') no-repeat; width: 279px; height: 230px; padding: 10px; float: left; margin: 5px; color: #fff; font-size: 12px; }

#area2 { position: relative; background: url('../Images/area1.png') no-repeat; width: 279px; height: 247px; padding: 10px; float: left; margin: 5px; color: #fff; font-size: 12px; }

#area3 { position: relative; background: url('../Images/area1.png') no-repeat; width: 279px; height: 247px; padding: 10px; float: left; margin: 5px; color: #fff; font-size: 12px; }

#area4 { position: relative; background: url('../Images/area1.png') no-repeat; width: 279px; height: 220px; padding: 10px; float: left; margin: 5px; color: #fff; font-size: 12px; }

#area5 { position: relative; background: url('../Images/area1.png') no-repeat; width: 279px; height: 220px; padding: 10px; float: left; margin: 5px; color: #fff; font-size: 12px; }

#area6 { position: relative; background: url('../Images/area1.png') no-repeat; width: 279px; height: 220px; padding: 10px; float: left; margin: 5px; color: #fff; font-size: 12px; }



#areablock h2 { font-size: 20px; font-family: 'Roboto Condensed' , sans-serif; color: #63c4d7; text-align: center; margin-bottom: 20px; }


#areablock a:link { color: #beebf0; }
#areablock a:visited { color: #beebf0; }
#areablock a:hover, a:active { color: #e0f5f7; }

#footer { background: #88dae4; width: 910px; padding: 10px; height: 30px; margin-top: 0; color: #fff; font-size: 11px; text-align: center; clear: both; 
          
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius:  0 0 5px 5px;
    -khtml-border-radius:  0 0 5px 5px;
    border-radius:  0 0 5px 5px;

          }

#footer a:link { color: #fff; }
#footer a:visited { color: #fff; }
#footer a:hover, a:active { color: #000; }


/* CUSTOMIZED */

#logo { position: relative; left: 50px; top: 0px; }


#social { position: absolute; left: 800px; top: 20px; width: 110px; height: 50px; }


.pageHeader { font-size: 12pt; font-weight: bold; font-family: Verdana; margin-top: 10px; }
.pageHeader span { clear: both; text-align: center; }
.pageHeader .accountSwitcherSingle {  }


.pwMaskImage { border: solid 5px #000000; margin: 0; padding: 0; }
/* spinner image - spin any image in any position */
.spinnerImage1s {
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
.spinnerImage, .spinnerImage2s {
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
.spinnerImage4s {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
/* spinner image - spin any image in any position */

/* Content Header */
.contentHeader {padding: 15px 15px 0 15px; position: relative; }
div.user {position: absolute; top: 15px; right: 15px;}

div.siteHelp,
div.pageHelp { position: absolute; left: 15px; vertical-align:middle; height: 24px; padding-top: 0px; }

div.siteHelp a,
div.pageHelp a {vertical-align:middle; display:inline-block;}

div.pageTitle {text-align: center; margin-bottom: 10px;}

div.divSelMem { position: absolute; right: 15px; vertical-align:middle; height: 20px; __padding-top: 5px; }
div.divSelMem span {vertical-align:middle; display:inline-block; padding-top: 2px;}


/* Default Input & Select Formatting */
input, 
select {margin-top: 6px; padding: 5px; border: 1px solid #ccc;}


/* MENU BAR */

/*
.MenuClass { __background-color:#56A0D3; __border-color:#56A0D3; __border-width:1px; __border-style:solid; }
.MenuClass img.icon { border-style:none;vertical-align:middle; }
.MenuClass img.separator { border-style:none;display:block; }
.MenuClass img.horizontal-separator { border-style:none;vertical-align:middle; }
.MenuClass ul { list-style:none;margin:0;padding:0;width:auto; }
.MenuClass ul.dynamic { __background-color:#56A0D3;border-color:#56A0D3;border-width:0px;z-index:1; }
.MenuClass a { color:White;text-decoration:none;white-space:nowrap;display:block; }
.MenuClassa.static { __border-color:#56A0D3;border-width:1px;border-style:none;padding:1px 0px 1px 0px;text-decoration:none; }
.MenuClass a.dynamic { __background-color:#56A0D3;__border-color:Black;border-width:1px;border-style:Dotted;height:20px;padding:1px 6px 1px 6px;color:White;text-decoration:none; }
.MenuClass a.static.selected { __background-color:Snow;__border-color:#56A0D3;border-width:1px;border-style:Dotted;color:Black;text-decoration:none; }
.MenuClass a.dynamic.selected { __background-color:Snow;__border-color:Black;border-width:1px;border-style:Dotted;color:Black;text-decoration:none; }
.MenuClass a.static.highlighted { __color:White;__background-color:#C2BFA5;border-color:#56A0D3;border-width:1px;border-style:Dotted; }
.MenuClass a.dynamic.highlighted { __color:Black;__background-color:#C2BFA5;border-color:Black;border-width:1px;border-style:Dotted; }
*/

.copyright { font-size: smaller; color: #555;}


/* Link Button Formatting */

.linkButton { color: #CCC; height: auto;position: relative;width: auto;top: 10px;  font-weight: normal; margin:0px 2px 0px 2px; }
a.linkButton:visited, 
a.linkButton:link {background: #2bce00;color: #fff;padding: 7px 40px;font-size: 20px;text-decoration: none;
	   -moz-border-radius:  20px;
    -webkit-border-radius:  20px;
     -khtml-border-radius:  20px;
            border-radius:  20px;
}
a.linkButton:hover, 
a.linkButton:active {color: #fff;background: #218407;  font-weight: normal; }

.small { top:0px;}
a.linkButton.small:visited, 
a.linkButton.small:link {background: #2bce00;color: #fff;padding: 7px 25px;font-size: 12px;text-decoration: none;
	   -moz-border-radius:  12px;
    -webkit-border-radius:  12px;
     -khtml-border-radius:  12px;
            border-radius:  12px;
}
a.linkButton.small:hover, 
a.linkButton.small:active {color: #fff;background: #218407;  font-weight: normal; }

div.divRoundedCorners {	background-color:rgba(243, 243, 243, 0.75); padding: 15px;
	   -moz-border-radius:  8px;
    -webkit-border-radius:  8px;
     -khtml-border-radius:  8px;
            border-radius:  8px;
	 }

.mini { top:0px;}
a.linkButton.mini:visited, 
a.linkButton.mini:link {background: #2bce00;color: #fff;padding: 1px 5px;font-size: 12px;text-decoration: none;
	   -moz-border-radius:  4px;
    -webkit-border-radius:  4px;
     -khtml-border-radius:  4px;
            border-radius:  4px;
}
a.linkButton.mini:hover, 
a.linkButton.mini:active {color: #fff;background: #218407;  font-weight: normal; }

.redact { background-color:black !important; color: black !important; }


@media print
 {
     body {margin-top:0px !important;background:none !important;-webkit-print-color-adjust:exact;}
     #content, #contentbody {margin-top:0px !important;background-color:rgba(255,255,255,1.0) !important;}
     #container div.warning, div.PPEwarning, div.DEMOwarning, .ui-tabs-nav, .MainContent, .contentHeader, #footer, .copyright {display:none;}
}


.pmDashboardHeader {
    color: white;
    border-color: #dddddd;
    border-width: 1px;
    border-style: solid;
    font-size: 18px;
    width: 99%;
    height: 24px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    background-color: #146AB1;
}
.gvPagerStyle, .gvFooterStyle, .gvHeaderStyle { background-color: #146AB1; }
.gvHeaderStyle th a { text-decoration: underline; }