/* /css/templates/home_2010.css */

/* Header
===========================================*/
#Header {
margin-bottom: 10px;
}
#TopBar {
width:100%;
height:31px;
}
#TopBar div.TopGrad {
background: transparent none;
float: right;
}
#TopBar div.BottomGrad {
background: transparent none;
padding-right:218px;
}
#TopBar div.TopLinks {
background: transparent none;
padding-bottom: 0;
padding-top:8px;
}
#TopBar div.TopLinks a, #TopBar div.TopLinks a:visited {
color: #1f1e6a;
}
#TopBar div.TopLinks a:focus, #TopBar div.TopLinks a:hover, #TopBar div.TopLinks a:active {
color: #1f1e6a;
text-decoration:underline;
}
#TopBar div.TopLinks li {
background: transparent none;	
border-right: 1px dotted #1f136a;
}
#TopBar div.TopLinks li.Last {
border-right: none;
padding-right: 0;
}
#Logo {

}
#PageTools {
position: absolute;
right: 0;
top: 0;
}
#SocialIcons ul {
margin-top: 45px;
}



/* MainNav
===========================================*/
#MainNav  {
width: 100%; 
behavior: url(/scripts/PIE.htc);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
border: 1px solid #949494;
}
#MainNav li a, #MainNav li a:visited, #MainNav li.Active strong {
padding: 10px 22px;
}
#MainNavWrapper {
margin-left: 10px;
}
#MainNav .Last {
display: none;
}
#MainNav .Last.Block {
display: block;
}


/* VisitorType links 
======================================*/
#VisitorType {
clear: both;
float: left;
border-bottom: 1px solid #969696;
width: 100%;
}
#VisitorType ul {
list-style: none; padding-left: 10px;
}
#VisitorType li {
float: left;
margin: 0 4px 0 0;
behavior: url(/scripts/PIE.htc);
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border: 1px solid #969696;
border-bottom: 0 none;
font-weight: bold;
position: relative;
}
#VisitorType li a, #VisitorType li a:visited {
display: block;
text-decoration: none;
padding: 10px;
color: #5C5C5C;
background: #fff url(/imgs/nav-bg.gif) repeat-x bottom left;
background: -moz-linear-gradient(top, #ffffff 48%, #e8e8e8 49%, #fefefe 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#ffffff), color-stop(49%,#e8e8e8), color-stop(100%,#fefefe));
background: -webkit-linear-gradient(top, #ffffff 48%,#e8e8e8 49%,#fefefe 100%);
background: -o-linear-gradient(top, #ffffff 48%,#e8e8e8 49%,#fefefe 100%);
background: -ms-linear-gradient(top, #ffffff 48%,#e8e8e8 49%,#fefefe 100%);
background: linear-gradient(top, #ffffff 48%,#e8e8e8 49%,#fefefe 100%);
behavior: url(/scripts/PIE.htc);
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
}
#VisitorType li a:hover, #VisitorType li a:focus, #VisitorType li a:active, #VisitorType li a.Active {
background: #4b8cc6;
behavior: url(/scripts/PIE.htc);
background: -moz-linear-gradient(top, #4b8cc6 0%, #4684b7 50%, #003a6c 51%, #b1c1db 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b8cc6), color-stop(50%,#4684b7), color-stop(51%,#003a6c), color-stop(100%,#b1c1db));
background: -webkit-linear-gradient(top, #4b8cc6 0%,#4684b7 50%,#003a6c 51%,#b1c1db 100%);
background: -o-linear-gradient(top, #4b8cc6 0%,#4684b7 50%,#003a6c 51%,#b1c1db 100%);
background: -ms-linear-gradient(top, #4b8cc6 0%,#4684b7 50%,#003a6c 51%,#b1c1db 100%);
background: linear-gradient(top, #4b8cc6 0%,#4684b7 50%,#003a6c 51%,#b1c1db 100%);
color: #fff;   
}

/* Main Content (.cmspage) Area 
===========================================*/
#Content #TopLeft, #Content #TopRight {
width: 50%;
float: left;
font-size: .85em;
overflow:hidden;
}
#Content #TopRight .cmspanel {
padding: 8px;
}
#Content #TopLeft strong, #Content #TopRight strong {
font-size: 1.1em;
}
#Content #TopRight p, #Content #TopRight h1, #Content #TopRight h2, #Content #TopRight h3,
#Content #TopRight h4, #Content #TopRight h5, #Content #TopRight h6 {
padding: 0 10px;	
}
#Content #TopLeft h1, #Content #TopLeft h2, #Content #TopLeft h3,
#Content #TopLeft h4, #Content #TopLeft h5, #Content #TopLeft h6 {
background: transparent url(../../imgs/home_2010/topLeftHBg.gif) repeat-y top left;
margin: 0;
padding: .25em 10px;
color: #fe6d04;
}
#Content #TopPanels {
background: transparent url(../../imgs/home_2010/topRightBg.gif) repeat-y top right;
float:left;
}
/* Above Below Main Text Panels */
#AboveMain, #BelowMain, #BelowLeft {
padding-left: 10px;
}
#BelowLeft {
width: 37%;
border-right: 1px solid #969696;
}
#BelowLeft, #BelowRight {
height: 414px; position: relative;
}
#BelowRight {
/*overflow-y: scroll;
overflow-x: hidden;
width: 57%; padding-right: 10px;*/
}

#BelowRight.scroll-pane  {
width: 57%; overflow: auto; padding-right: 10px;
}
.jScrollPaneContainer  {
position: relative; overflow: hidden; z-index: 1; float: right;
}
.jScrollPaneTrack  {
position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;
background: url(/imgs/home_2010/bar.png) top center no-repeat; padding: 0 3px; 
}
.jScrollPaneDrag {
position: absolute; 
background: url(/imgs/home_2010/slider.png) center center no-repeat;
cursor: pointer; 
overflow: hidden; 
}

#BelowRight ul {
padding: 0 !important; margin: 0 !important;
}
#BelowRight ul img {
max-width: 70px;
}
#BelowRight h2 {
color: #636363 !important;
line-height: 1.2;
font-size: 1.25em !important;
margin: 0 0 .2em 0 !important;
}
#BelowRight h2 a {
text-decoration: none;
color: #636363 !important;
}
#BottomPanels #BelowRight h3 {
color: #3d78b3;
float: left;
font-size: 1.25em !important;
line-height: 1.2;
margin: 0 5px 0 0;
}
#BottomPanels .cmspanel {
height: auto;
}
#BottomPanels #BelowRight .cmspanel {
margin-bottom: 15px;
}
#BottomPanels {
margin: 10px 0;
}
/* For HealthDay News Panels */
#Content #TopLeft ul {
margin:0;
padding-left:0;
}
#Content #TopLeft .cmspanel {
clear: both;
}
#Content #TopLeft .cmspanel img.image {
width:70px;
}
#Content #TopLeft .cmspanel .blurb {
padding: 0.25em 10px;
}
#ContentWrapperDec {
padding-bottom:7px; margin-left: 1px;
}
#ContentWrapper {
float:left;
padding-left:0;
padding-right:0;
background: transparent none;
width: 700px; position: relative; z-index: 50000;
}
#Col1Col2 {
padding-left: 0px;
border-top: none;
margin-right: 0;
}
#Content {
background:#FFF;
float:left;
padding-left:0;
}
#Content .cmspage, #Content .cmspanel {
margin-bottom:1px;
margin-top: 0;
clear:left;
}
#Content .cmspage img {
margin-bottom: 0;	
}
#Content #FlashHome img, #Content #FlashHome p {
margin: 0;
}
#Content #TopRight .cmspanel img {
margin-bottom: 0;
}
.cmspage p, .cmspage li, .cmspage dt, 
.cmspage dd, #Content .cmspanel p, #Content .cmspanel li, 
#Content .cmspanel dt, #Content .cmspanel dd  {
line-height:1.4;
}
/* Rotator Area 
=============================================*/
.PhotoSlider {
background: #B9CBD5;position:relative;
}
.PhotoSlider .Container {
	left: 0;
	position: relative;
	width: 30000px; /* to fix an IE7 bug */
}
/* Remove PhotoSliderVS after 5.2.9
  Photo Slider
=========================================================================================== */
.PhotoSlider {
position:relative;
margin: 0 0 1em;
padding: 0;
background: transparent none;
overflow: hidden;
behavior: url(/scripts/PIE.htc);
border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.PhotoSlider ul {
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
.PhotoSlider li {
padding: 0;
}
.PhotoSlider img {
margin-bottom: 0 !important;
}
.PhotoSlider .Border {
position:relative;
border: 0 none;
background: transparent none;
behavior: url(/scripts/PIE.htc);
border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
}
.PhotoSlider .Overflow {
margin: 0 auto;
overflow: hidden;
position: relative;
margin: 0;
}
.PhotoSlider .Container {
left: 0;
position: relative;
width: 30000px; /* to fix an IE7 bug */
margin: 0 !important;
padding: 0 !important;
}
.PhotoSlider li.Slide {
margin: 0;
background: #6A8693;
float:left;
overflow:hidden;
position:relative;
padding: 0 !important;
}
.PhotoSlider li.Slide ul {  /* fixes nested lists inside the sliders */
list-style: disc;
padding: 20px;
}
.PhotoSlider li.Slide .Caption { display: none; }
.PhotoSlider .PhotoCaption {
color: #fff;
font-size: 1em;
margin: 0;
position: absolute; top: 10px; left: 20px;
z-index: 4000;
text-shadow: 1px 1px 5px #000;
}
.PhotoSlider .Buttons {
font-size: 1em;
height: 30px;
position: absolute;
bottom: 6px;
right: 0;
z-index: 4000;
border-top: 0 none;
width: 100%;
padding: 0;
background-color: #fff;
opacity: .7;
}
.PhotoSlider.ShowNav .Buttons {
font-size: .85em;
height: 30px;
position: absolute;
bottom: 6px;
right: 0;
z-index: 4000;
border-top: 0 none;
width: 100%;
padding: 0;
background-color: transparent;
opacity: 1;
}
.PhotoSlider .Buttons .SlideNav{
width: 100% !important;
}
.PhotoSlider .Buttons .SlideNav ul{
float: right;
}
.PhotoSlider .Buttons em {
font-weight: bold;
display: inline-block;
padding: 5px 0;
}
.PhotoSlider.ShowNav .Prev, .PhotoSlider.ShowNav .Next {
display: none;
}
.PhotoSlider .Prev {
background: url(/imgs/slider/prev.gif) no-repeat 0 0;
left: 80px;
left: 4px;
z-index: 99;
top: 5px;
}
.PhotoSlider .Next {
background: url(/imgs/slider/next.gif) no-repeat 0 0;
right: 4px; 
z-index: 99;
top: 5px;
}
.PhotoSlider .Next:hover, .PhotoSlider .Prev:hover {
background-position: -26px 0;
}
.PhotoSlider .Inactive {
background-position: -52px;
cursor: default;
}
.PhotoSlider .Inactive:hover {
background-position: -52px;
}
/* Navigation Links */
.PhotoSlider .SlideNav { 
list-style:none;
margin:auto;
overflow: hidden;
position:relative;
float: right;
}
.PhotoSlider .SlideNav ul{
position: relative;
}
.PhotoSlider .SlideNav li{
float:left;
margin: 3px;
cursor:pointer;
position:relative;
background: rgba(255, 255, 255, .62);
position:relative;
border: 0;
}
.PhotoSlider .SlideNav li a {
text-decoration:none;
display:block;
padding:5px 8px 3px;
font-size: 1.4em;
line-height: 1;
font-weight: bold;
}
.PhotoSlider .SlideNav .ImageThumbs li.Active {
opacity: 1 !important;
filter:alpha(opacity=100) !important;
}
#UCCCHome2010 .PhotoSlider .SlideNav li.Active{
background: #547581 url(/imgs/slider/active-nav.jpg) repeat-x top left;
}
/* Vertical Settings */
.PhotoSlider .Vertical .Buttons {
position:absolute;
top: 0;
height:100%;
border:none;
}
.PhotoSlider .Vertical .SlideNav li{
clear:both;
margin: 3px 0;
}
.PhotoSlider .Vertical .Prev{
background-image: url(/imgs/buttons/navigation-small-up.gif);
background-position: 0 0;
width: 31px;
height: 20px;
/* hav to set these for IE6&7 */
top:5px; 
left: 5px;
right:auto;
}
.PhotoSlider .Vertical .Next{
background-image: url(/imgs/buttons/navigation-small-down.gif);
background-position: 0 0;
width: 31px;
height: 20px;
/* hav to set these for IE6&7 */
top:auto; 
bottom: 5px;
left: auto;
right:5px;
}
.PhotoSlider .Vertical .Prev:hover,
.PhotoSlider .Vertical .Next:hover{ background-position:0 -20px; }
.PhotoSlider .Vertical .Prev:active,
.PhotoSlider .Vertical .Next:active{ background-position:0 0; }
.PhotoSlider .Vertical .Buttons .Inactive { background-position:0 -40px; }
.PhotoSlider .Vertical .Buttons .Inactive:hover { background-position:0 -40px; }


/* Col3 
===========================================*/
#Col3 {
font-size: .9em;
width:235px;
float: right;
margin: 0 0 10px 0;
overflow:visible;
border-left: 1px solid #969696;
}
#Col3 .cmspanel {
border: 0 none;
border-bottom: 1px solid #969696;
behavior: url(/scripts/PIE.htc);
border-radius: 0;
-webkit-border-radius:0;
-moz-border-radius: 0;
-o-border-radius: 0;
}
#Col3 .cmspanel p, #Col3 .cmspanel h4, #Col3 .cmspanel h5, #Col3 .cmspanel h6 {
margin:0;	
}
#Col3 #Col3Panels .cmspanel {
padding:1em 0;
float: left;
width: 200px;
}
#Col3 .cmspanel.Last {
border-bottom: 1px solid #969696;
border-top: 0 none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
}
#Col3 #Col3Panels .cmspanel div {
padding:0 10px;
}
#Col3 #Col3Panels .cmspanel div div {
padding: 0;
}
#Col3 .Dec1 {
background: transparent none;	
}
#Col3 .Dec2 {
padding-left: 0;
background: transparent none;
}
#Col3 .cmspanel table {
width: 100%;	
}
#QuickLinksHeader {

}
#Col3 #QuickLinksPanel #QuickLinksHeader h2 {
font-size:1.6em;
margin: 0;
color: #fdba11;
background: transparent none;
text-transform: uppercase;
padding: 10px 0 5px 15px;
font-weight: bold;
}
#QuickLinksPanel {
position:relative;
z-index: 2000;
}
#QuickLinksPanel .cmspanel {
}
#QuickLinksPanel .cmspanel div ul {
margin:0;
padding:3px 0 0;
list-style: none;
}
#QuickLinksPanel ul li {
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #dcdcdc;
}
#QuickLinksPanel ul li.Last {
border-bottom: 0 none;
}
#QuickLinksPanel li a, #QuickLinksPanel li a:visited {
color: #5C5C5C;
display: block;
font-weight: bold;
text-decoration: none;
padding: 8px 10px 8px 17px;
}
#QuickLinksPanel li a:hover, #QuickLinksPanel li a:focus, #QuickLinksPanel li a:active {
color: #4b8cc4;
background: #dbe4f3;
}
#QuickLinksPanel .cmspanel li.Last a {
border-bottom: none;
}
#PanelMyHealthConnectionLogin {
border-bottom: 1px solid #EAEBEF;
width: auto !important;
}
#PanelMyHealthConnectionLogin div.Dec1 {
padding: 2px 10px 0 18px;
}
#Col3Panels {
font-size: .95em;
padding: 0 9px;
float: left;
}
#Col3 .cmspanel h1, #Col3 .cmspanel h2, #Col3 .cmspanel h3 {
color: #00015E;
margin-bottom: .5em;
margin-left: 16px;
margin-right: 10px;
}
#Col3 .cmspanel h1, #Col3 .cmspanel h2, #Col3 .cmspanel h3 {
font-size: 1.2em;
color: #00015E;
border: none;
padding-top: 0;
padding-bottom: 0;
}
#Col3 .cmspanel h1 span, #Col3 .cmspanel h2 span, #Col3 .cmspanel h3 span {

}