@charset "utf-8";

/* GENERAL STYLES __________________________________________________________________*/

body{ margin:0; font-family:Arial, Helvetica, sans-serif; color:#292828; font-size:70%}
table{ font-size:1em;}

#wrapper{ text-align:left; margin:0 auto; width:1004px; position:relative;}

#printlogo{ display:none}
#header{ position:relative; margin-bottom:1px;}
.headerhome{ height:316px}
.headerinside{ height:232px;}
.headeradmin{ height:150px;}

#flash{ position:absolute; top:0; left:0; z-index:1}
#navwrap{ position:absolute; top:56px; left:16px; z-index:905; background:url(images/tile_nav.gif) repeat-x; border-bottom:1px solid #ffc05a; width:773px;}
#nav{ background:url(images/bg_nav.gif) no-repeat; float:left; height:35px; position:relative; z-index:910;}
#search{ float:left; padding:6px 0 0 16px}
#search .ModSearchInputC input[type=text] { width:108px; border:none; background:url(images/bg_search.gif) no-repeat; color:#606060; font-size:.9em; float:left; padding:4px 0 6px 7px; min-width: inherit; box-shadow: none; border-radius: 0; border: none;}
#search .ModSearchInputC input[type=image]{ float:left; margin-left: 0;}
#search br, #search .dnnTooltip{ display:none}
#search .dnnForm {width: auto; min-width: 0;}
#search .dnnForm .dnnFormItem {padding: 0;}


#page{ margin:0 17px; background:url(images/tile_page.jpg) repeat-y; border-top:1px solid #bcb6b6; width:970px;}
.pageadmin{ padding-bottom:40px}
#pagebot{ background:url(images/tile_bottom.gif) bottom left repeat-x}
#pagecorner{ background:url(images/bg_corner.gif) bottom right no-repeat; padding:0 1px 30px 1px;}
#pagecornerhome{ background:url(images/bg_corner.gif) bottom right no-repeat; padding:0 1px 27px 1px;}

#footer{ text-align:center; font-size:.9em; color:#7b7e83; margin:20px 0 0 0; padding-bottom:60px }
#footer a{ color:#7b7e83; text-decoration:none}
#footer a:hover, #footer a:active{ text-decoration:underline}

#footer p{ margin:0; padding:0}

/* HOME PAGE STYLES __________________________________________________________________*/

#homepanels{ }
#homepanels h3{ margin:0; padding:0 0 3px 0; font-size:1.1em; color:#386cb0}
#homepanels p{ margin-top:0; padding-top:0}
.pnl-blue{ float:left; background:url(images/bg_bluefade.jpg) no-repeat; height:185px;}
.pnl-line{ background:url(images/bg_greyline_h.jpg) top right no-repeat; padding:15px 10px 0 20px; height:185px}
.pnl-end{ padding:15px 0 0 20px;}
.pnl-content{ padding-top:15px}
#partners{ width:222px}
#lookingfor{ width:264px; float:left; background: url(images/bg_lookingfor.jpg) no-repeat; height:185px}
#lookingfor .pnl-content{ padding-left:74px}
#whatsnew{ width:270px;  height:185px}
#whatsnew a{ color:#ff5c55; text-decoration:underline}
#whatsnew a:hover, #whatsnew a:active{ text-decoration:none}
#dnn_membersonline h2{ margin-bottom:10px}
#membersonline {width: 200px;}

.pnl-line h2{padding-bottom:12px}

#dnn_ContentPane .tagline {position:absolute; top:13px; right:200px; margin:0;padding:5px 0px 0px 0px; text-align:right;z-index:999;width:auto;height:auto}
h2.tagline {font-size:1.5em;color:#2661aa;font-family:Verdana, Geneva, sans-serif}

#dnn_ContentPane.home .DnnModule {z-index: 999;}

/* INSIDE PAGE STYLES __________________________________________________________________*/

#left{ float:left; width:215px; padding-right:1px; background:url(images/bg_greyline_inside.gif) bottom right no-repeat}
#left h2{ margin-bottom:10px}
.pnl-blue-inside{ background:url(images/bg_bluefade.jpg) no-repeat; border-bottom:1px solid #bcb6b6; padding:15px 0 20px 22px}
.pnl-blue-inside-last{ background:url(images/bg_bluefade.jpg) no-repeat; padding:15px 0 20px 22px}
#subnav{}
#quicklinks{ background:url(images/bg_bluefade.jpg) no-repeat;  }
#quick-beccy{ background:url(images/bg_quicklinks.jpg) bottom right no-repeat; border-bottom:1px solid #bcb6b6; padding:15px 40px 20px 22px;}

#right{ float:left; background:url(images/bg_bluefade.jpg) no-repeat}
.rightnarrow{ width:545px}
.rightwide{ width:685px}
#right.rightextras {width: 720px;}
#left.leftextras {width: 200px;}
#content{ margin:10px 22px 0 24px}

#breadcrumbs{ margin:12px 0 0 24px; font-size:.9em;}
.breadcrumbs-home a{ margin-right:4px; color:#3ba6ee; text-decoration:none; }
#breadcrumbs a:hover, #breadcrumbs a:active{ text-decoration:underline}
.breadcrumb, .breadcrumbs a{ margin-right:4px; padding-left:9px; color:#3ba6ee; text-decoration:none; background:url(images/bg_breadlight.gif) left center no-repeat }
.breadcrumbs a:last-child{ color:#2661aa; background-image: url(images/bg_breaddark.gif)}

#col3-bg{ background:url(images/bg_col3.jpg) top right no-repeat; height:1%}
#col3{ float:left; width:207px; text-align:center}
#col3-title{ margin:45px 0 15px 14px; text-align:left}
#whitebox{ background:url(images/bg_whitebox.gif) top left no-repeat; width:196px; height:301px; margin:0 auto; text-align:left}


/* EXTRAS TABS _____________________________________________________________________*/

/* The tabs */
#tabContainer a {float: left; display: block; line-height: 40px; width: 162px; text-align: center; background: url("images/etabs.gif") top left no-repeat; color: #fff; font-weight: bold; text-decoration: none; font-size: 15px; padding-right: 3px;}
#tabContainer a#silverTab {background-position: 0 -44px;}
#tabContainer a#bronzeTab {background-position: 0 -88px;}

#tabContainer a#goldTab:hover,
#tabContainer a#goldTab.active {background-position: 0 -4px;}
#tabContainer a#silverTab:hover,
#tabContainer a#silverTab.active {background-position: 0 -48px;}
#tabContainer a#bronzeTab:hover,
#tabContainer a#bronzeTab.active {background-position: 0 -92px;}

/* The tabbed content */
#tabContent {clear: both; width: 700px; /* background: #fff url("images/etab-content.gif") top left repeat-x; */}
#tabContent .DnnModule {clear: both;}
#tabContent p {margin: 0 0 18px;}
#tabContent ul {margin-top: 0; margin-bottom: 18px;}
#tabContent h1 {margin-top: 10px;}
.tablogo {margin: 29px 10px;}
#tabH1 {padding-bottom: 10px;}

#dnn_goldContent, #dnn_silverContent, #dnn_bronzeContent {padding: 25px 24px 14px 24px; position: relative; width: 660px;}

#dnn_goldContent {background: url("/Portals/3/Skins/optical/images/gold_bg.jpg") repeat-x scroll center top #fff; border: 1px solid #FAEABF;}
#dnn_silverContent {background: url("/Portals/3/Skins/optical/images/silver_bg.jpg") repeat-x scroll center top #fff; border: 1px solid #BAC7D0;}
#dnn_bronzeContent {background: url("/Portals/3/Skins/optical/images/bronze_bg.jpg") repeat-x scroll center top #fff; border: 1px solid #E8B16A;}

/* Natural Box */
a.naturalPlusTab {background: #48b62b; line-height: 40px; clear: both; margin-bottom: 11px; color: #fff !important; font-weight: bold; padding-left: 16px; display: block; font-size: 16px; text-decoration: none !important;}
a.naturalPlusTab small {font-size: 14px;}
.naturalPlusContent {border: 1px solid #48b62b; padding: 23px 16px;}
a.naturalPlusTab, .naturalPlusContent {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	}

.quotebtn {background: url("images/quotebtn.gif") top left no-repeat; display: block; float: left; width: 204px; height: 38px; text-indent: -9999px; clear: both; margin-top: 20px;}
.quotebtn:hover {background-position: bottom left;}

/* SITEMAP STYLES __________________________________________________________________*/

.sitemap ul{ margin-left:0; padding-left:15px}

.sitemap li{ list-style:none; padding-left:10px; background:url(images/bg_sitemap_li.gif) left 5px no-repeat; font-weight:bold}
.sitemap li li{ background:url(images/bg_sitemap_li_li.gif) left 5px no-repeat; font-weight:normal}
.sitemap li li li{ background:url(images/bg_sitemap_li_li_li.gif) left 5px no-repeat}

.sitemap li a:link, .sitemap li a:visited{ color:#21529c}
.sitemap li li a:link, .sitemap li li a:visited{ color:#3193d6}


/* POSTCODE SEARCH  __________________________________________________________________*/

.postcoderadio{ margin-bottom:4px; display:block}
.dots{ background:url(images/bg_dots.gif) bottom left repeat-x; padding:3px 0; margin-bottom:15px}
.partner{ margin-top:8px}

#mapwrap{ border:1px solid #bcb6b6; background:url(images/bg_bluefade.jpg) no-repeat; width:502px; margin:15px; position:relative;}
#maptitle{ padding:25px 0 15px 20px}
#map{ width:500px; height:300px; border:1px solid #fff}
.infotitle{ color:#20569f; font-size:1.2em; font-weight:bold}
#beccymap{ width:62px; height:145px; position:absolute; bottom:1px; right:1px; background:url(images/beccymap.png) no-repeat; z-index:9999999999999999999999999}
#partnersearch a{ text-decoration:underline; color:#3ba6ee}

.findapartner{ margin-top:30px}


/* TEXT, LINKS, CLASSES _____________________________________________________________________________________*/

h1{ color:#1f569e; font-size:1.6em; margin:0; padding:0 0 3px 0 }
h2{ margin:0; padding:0 0 3px 0; font-size:1.4em; color:#3ba6ee}
h3{font-size:1.2em; }

.Head{ color:#2661aa; font-size:1.3em}
.SubHead{ }

a, a:link, a:visited{ color:#3793d6; text-decoration:none}
a:hover, a:active{ text-decoration:underline}
a img{ border:none}

.pink{ color: #ff5c55}

.clear{ clear:both}


/* STRUCTURAL NAV MENU STYLES___________________________________________________________*/

#nav ul {padding: 0; margin: 0; border: 0; list-style: none; list-style-type:none; white-space: nowrap; position: relative; z-index: 999999;}
#nav li { position: relative; display: inline; float: left; margin: 0; border: 0; padding: 0; list-style:none; list-style-type:none}
#nav a, #nav .nolink { display:block; white-space:nowrap; text-decoration:none; position:relative}
#nav li li {z-index: 11113;}
#nav li ul {position: absolute; margin: 0; border: 0; padding: 0; z-index: 11112;left: -9999px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -9999px;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul,
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto; z-index: 99999;}

#nav iframe { position: absolute; left: 0; top: 0; z-index: 0; display: block; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }

#dnn_AdminMenu {padding-top: 20px; clear: both;}

/* CUSTOM NAV MENU STYLES_______________________________________________________________________________*/

#nav ul{ }
#nav li{ border-right:1px solid #fb9e12; height:35px; line-height:35px }
#nav a, #nav .nolink{ padding:0 12px 0 12px; color:#2661aa; font-weight:bold; line-height:35px; height:35px  }
#nav a:hover, #nav a:active, 
#nav li:hover, #nav li.sfhover, #nav li:hover a, #nav li.sfhover a, #nav li:hover > .nolink{ background:#fb9e12; color:#fff}
#nav li.nav-Home > a {padding:0 12px 0 14px;}
#nav li.nav-Home > a:hover{ background:url(images/bg_home_r.gif) top left no-repeat}

#nav li ul{ background:#ffc05a; width:175px; border:1px solid #fb9e12; border-bottom:none; margin-left:-1px;  }
#nav li li{ border-right:none; border-bottom:1px solid #fb9e12; height:auto; line-height:1em; width:175px}
#nav li li a, #nav li li a:hover, #nav li li a:active{ padding:7px 10px 7px 10px; height:auto; line-height:1em;  }
#nav li:hover li, #nav li.sfhover li, #nav li:hover li a, #nav li.sfhover li a{ background:#ffc05a; color:#2661aa; }
#nav li li a:hover, #nav li li a:active, #nav li li.mmSelected a,
#nav li li:hover, #nav li li.sfhover, #nav li li:hover a, #nav li li.sfhover a{ background:#fb9e12; color:#fff; }

#nav li li ul{ margin:-26px 0 0 175px; width:215px}
#nav li li li{ width:215px}
#nav li li:hover li, #nav li li.sfhover li, #nav li li:hover li a, #nav li li.sfhover li a{ background:#ffc05a; color:#2661aa; }
#nav li li:hover li a:hover, #nav li li.sfhover li a:hover{ background:#fb9e12; color:#fff; }

#nav li.nav-Hospital > ul > li.nav-Providers > a,
#nav li.nav-Hospital > ul > li.nav-Hospital > a,
#nav li.nav-Extras > ul > li.nav-Extras > a,
#nav li.nav-Extras > ul > li.nav-Partners > a,
#nav li.nav-About > ul > li.nav-Publications > a,
#nav li.nav-About > ul > li.New > a,
#nav li.nav-About > ul > li.nav-Sponsorship > a
{background:#ffc05a url(images/bg_navarrow-blue.gif) right center no-repeat;}

#nav li.nav-Hospital > ul > li.nav-Providers > a:hover, #nav li.nav-Hospital > ul > li.nav-Providers:hover > a,
#nav li.nav-Hospital > ul > li.nav-Hospital > a:hover, #nav li.nav-Hospital > ul > li.nav-Hospital:hover > a,
#nav li.nav-Extras > ul > li.nav-Extras > a:hover, #nav li.nav-Extras > ul > li.nav-Extras:hover > a,
#nav li.nav-Extras > ul > li.nav-Partners > a:hover, #nav li.nav-Extras > ul > li.nav-Partners:hover > a,
#nav li.nav-About > ul > li.nav-Publications > a:hover, #nav li.nav-About > ul > li.nav-Publications:hover > a,
#nav li.nav-About > ul > li.New > a:hover, #nav li.nav-About > ul > li.New:hover > a,
#nav li.nav-About > ul > li.nav-Sponsorship > a:hover, #nav li.nav-About > ul > li.nav-Sponsorship:hover > a 
{background:#fb9e12 url(images/bg_navarrow-white.gif) right center no-repeat;}


#nav {z-index: 1005;}
#nav ul ul {z-index: 999999 !important; display: block !important;}

#dnn_MENU1 {z-index: 99999; position: relative;}
#navwrap {z-index:99999;}
#nav {z-index: 99999; position: relative;}
#nav li li {z-index: 999999;}

/* SUBNAV STYLES _____________________________________________________________________________________*/

#subnav ul{ margin:0; padding:0; list-style:none}
#subnav li{ margin:0; padding:0; list-style:none; }
#subnav ul li div{ padding-left:15px; background:url(images/arrow_lightblue.gif) left 5px no-repeat; }
#subnav ul li a{ color:#2661aa; text-decoration:none; font-weight:bold}
#dnn_subnav ul li div:hover, #dnn_subnav ul li div.hover{  padding-left:15px; background:url(images/arrow_darkblue.gif) left 5px no-repeat; }
.subnav {font-size:1.1em; margin-bottom:0;line-height:1.6em}

/* SEARCH RESULTS ______________________________________________________________________________*/

#dnn_ctr352_SearchResults_lblMessage {padding: 10px; display: block;}
#dnn_ctr352_SearchResults_dgResults td {padding: 5px; vertical-align: top;}
.PagingTable {border: none !important;}

/* FORM STYLES ________________________________________________________________________________*/

.NormalTextBox{ font-size:1em; font-family:Arial, Helvetica, sans-serif}
.formlabel{ font-weight:bold; margin-top:10px; display:block}
.joinnow td{ text-align:left; padding-bottom:10px}

h2.formh{/*border-bottom:1px solid #c4c9cd;display:block;*/padding-top:20px;margin-bottom:5px}
#ticketpurchase td{padding:3px }
#ticketpurchase label, #ticketpurchase input, #ticketpurchase textarea{font-size:1em; font-family:Arial, Helvetica, sans-serif}
#ticketpurchase input, #ticketpurchase textarea{width:250px;border:1px solid #ccc}
#ticketpurchase .short input{width:203px}
#ticketpurchase label{font-weight:bold}

#ticketpurchase input#dnn_ctr1075_PurchaseDetails_btnSave{width:auto;}


/* HOMEPAGE WIZARD ________________________________________________________________________________*/
#insuranceWizard {width: 970px; border: 1px solid #bcb6b6; background: url("images/bg_bluefade.jpg") no-repeat; margin: 0 17px;}
#insuranceWizardContent {padding: 20px;}

#insuranceWizard ul, #insuranceWizard li {list-style: none; margin: 0; padding: 0;}
#insuranceWizard ul {padding: 20px 15px 0;}
#insuranceWizard li {float: left; width: 149px; text-align: center;}
#insuranceWizard li a.wizardTitle {background: url("images/arrow_lightblue.gif") left 3px no-repeat; padding-left: 12px; font-weight: bold;}


/* INSURANCE PAGES/TABS/TABLES ________________________________________________________________________________*/
#insuranceContainer {border: 1px solid #bfbaba; background: #fff url("images/bg_lightblue.gif") top left repeat-x;}
	#dnn_insuranceIntroText {padding: 24px 13px;}
	
	/* Insurance Tabs */
	#insuranceTabs {}
		#insuranceTabs > a {display: block; float: left; line-height: 38px; padding: 0 13px; color: #3173cb; background: #9cd9ff url("images/blueTab.gif") top left repeat-x; border-bottom: 1px solid #89c4ed; border-top: 1px solid #d1eeff; font-size: 18px; font-weight: bold;}
		#insuranceTabs > a.activeTab {color: #fff; background: #57beff url("images/blueTabActive.gif") top left repeat-x; border-bottom: 1px solid #4caced; border-top: 1px solid #b1e1ff;}
		#insuranceTabs > a:hover {text-decoration: none;}
		
		/* Content container isn't even width so one tab is one pixel wide than the other :( */
		.hospitalAnchor {width: 293px;}
		.extrasAnchor {width: 292px;}
		
		/* Spans are used for the little circles */
		#insuranceTabs > a > span {display: block; background: url("images/blueTabArrow.gif") right no-repeat;}
		#insuranceTabs > a.activeTab > span {background: url("images/blueTabArrowActive.gif") right no-repeat;}
		

	#insuranceContainer .insuranceTabContent {clear: both; padding: 40px 40px 0 40px;}
	
	#dnn_UnderTabs {padding: 0 40px 20px;}
		
	#insuranceContainer .quotebtn {margin-bottom: 25px; float: right;}
	
	/* Hospital Cover Table Stylings */
	.insuranceTable {border-collapse: collapse; border: 0; margin-top: 30px;}
	
	/* Headings */
	.insuranceTable th {padding: 5px; text-align: center; font-weight: bold; color: #000; border-left: 1px solid #fff; border-bottom: 1px solid #000;}
	.insuranceTable th:nth-child(2) {background: #fdad22;}
	.insuranceTable th:nth-child(3) {background: #fec059;}
	.insuranceTable th:nth-child(4) {background: #ffd394;}
	.insuranceTable th:nth-child(5) {background: #969698;}
	.insuranceTable th:nth-child(6) {background: #c6c9ce;}
	.insuranceTable th:nth-child(7) {background: #af843f;}
	
	/* Cells */
	.insuranceTable td {padding: 5px; text-align: center; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
	.insuranceTable td:nth-child(1) {text-align: left; border-bottom: 1px solid #000;}
	.insuranceTable td:nth-child(2) {background: #00b6e5;}
	.insuranceTable td:nth-child(3) {background: #01bee8;}
	.insuranceTable td:nth-child(4) {background: #53c9ed;}
	.insuranceTable td:nth-child(5) {background: #80d4f0;}
	.insuranceTable td:nth-child(6) {background: #a9e0f5;}
	.insuranceTable td:nth-child(7) {background: #c9eaf9;}
	
	/* Extras Cover Table Stylings */
	.extrasTable {border-collapse: collapse; border: 0; margin-top: 30px;}
	
	/* Headings */
	.extrasTable th {padding: 5px; text-align: center; font-weight: bold; color: #000; border-left: 1px solid #fff; border-bottom: 1px solid #000;}
	.extrasTable th:nth-child(1) {text-align: left; vertical-align: middle;}
	.extrasTable th:nth-child(2),
	.extrasTable .colourRow td:nth-child(2) {background: #fdad22;}
	.extrasTable th:nth-child(3),
	.extrasTable .colourRow td:nth-child(3) {background: #c8c8ca;}
	.extrasTable th:nth-child(4),
	.extrasTable .colourRow td:nth-child(4) {background: #af843f;}
	.extrasTable th:nth-child(5),
	.extrasTable .colourRow td:nth-child(5) {background: #fce12c;}
	
	/* Cells */
	.extrasTable td {padding: 5px; text-align: center; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
	.extrasTable td:nth-child(1) {text-align: left; border-bottom: 1px solid #000;}
	.extrasTable td:nth-child(2) {background: #fae658;}
	.extrasTable td:nth-child(3) {background: #fdeb88;}
	.extrasTable td:nth-child(4) {background: #fdf4b8;}
	.extrasTable td:nth-child(5) {background: #fff9d7;}
	.extrasTable .colourRow td {font-weight: bold;}
	
	/* Excess and Co-Payment table headings */
	.excessTable th {padding: 5px; text-align: center; font-weight: bold; color: #000; border-left: 1px solid #fff; border-bottom: 1px solid #000;}
	.excessTable th:nth-child(2) {background: #fdad22;}
	.excessTable th:nth-child(3) {background: #fec059;}
	.excessTable th:nth-child(4) {background: #ffd392;}
	.excessTable th:nth-child(5) {background: #969698;}
	.excessTable th:nth-child(6) {background: #c8c8ca;}
	.excessTable th:nth-child(7) {background: #ae833f;}
	
	.excessTable {border-bottom: 1px solid #000;}
	.excessTable td {border: 1px solid #000; border-width: 1px 1px 0 0; padding: 5px;}
	.excessTable td:last-child {border-right: none;}
	
	/* White Rows */
	.insuranceTable .whiteRow td,
	.extrasTable .whiteRow td {background: #fff;}
	

/* ADMIN STYLES ________________________________________________________________________________*/

.admin_container{background:#fff; border: 1px solid #2661aa; width:auto; margin-top:20px}
.line, hr{border:none; background-color:transparent; border-bottom:1px solid #2661aa; width:100%}
.admintitle{background:#ffc05a; border-bottom:1px solid #005796; color:#2661aa}


/*---sifr fix 17-02-09 ---------*/

#dnn_partners h2, #dnn_lookingfor h2, #dnn_whatsnew h2, #dnn_membersonline h2, #insuranceWizard h2 {color:#ff565b;}
.darkblue a{font-size: 13px; color: #2661aa; font-weight: bold; text-decoration:none; padding:5px;}
.lightblue a{font-size: 13px; color: #51adf0; font-weight: bold; text-decoration:none; padding:5px;}

.darkbluelrg a{font-size: 13px; color: #2661aa; font-weight: bold; text-decoration:none; padding:5px;}
.lightbluelrg a{font-size: 13px; color: #51adf0; font-weight: bold; text-decoration:none; padding:5px;}

.lightbluelrg, .darkbluelrg, .lightblue, .darkblue {margin-bottom:3px;}

#subnav h2, #quicklinks h2 {color:#ff565b;}

/* LINK STYLES ______________________________________________*/

.darkblue, .lightblue{font-size:1.1em;line-height:1.5em}
.darkbluelrg, .lightbluelrg{font-size: 1.2em;}
.darkbluesml, .lightbluesml{ font-size: 1.1em;padding-bottom: 0px}

.darkbluesml a{color: #2661aa;font-size:1em;font-weight: bold;text-decoration:none;padding:5px;}
.lightbluesml a{ color: #51adf0;font-size:1em;font-weight: bold;text-decoration:none;padding:5px;}

.darkblue, .lightblue{ padding-left:12px; background:url(images/arrow_lightblue.gif) left 5px no-repeat; margin-top:-2px;}
.darkblue:hover, .lightblue:hover, #darkblue .hover{ padding-left:12px; background:url(images/arrow_darkblue.gif) left 5px no-repeat; margin-top:-2px;}

.darkbluelrg, .lightbluelrg{ margin-top:-4px}
.darkbluelrg{ padding-left:23px; background:url(images/circle_pink.gif) left center no-repeat}
.lightbluelrg{ padding-left:23px; background:url(images/circle_lightblue.gif) left 4px no-repeat}
.darkbluelrg:hover, #darkbluelrg .hover{ padding-left:23px; background:url(images/circle_darkblue.gif) left center no-repeat}
.lightbluelrg:hover, #lightbluelrg .hover{ padding-left:23px; background:url(images/circle_darkblue.gif) left 4px no-repeat}

.darkbluesml, .lightbluesml{ margin-bottom:4px; padding-bottom: 3px}
.darkbluesml{ padding-left:22px; background:url(images/circle_pink.gif) left 3px no-repeat}
.lightbluesml{ padding-left:22px; background:url(images/circle_lightblue.gif) left 3px no-repeat}
.darkbluesml:hover, #darkbluesml .hover{ padding-left:22px; background:url(images/circle_darkblue.gif) left 3px no-repeat}
.lightbluesml:hover, #lightbluesml .hover{ padding-left:22px; background:url(images/circle_darkblue.gif) left 3px no-repeat}


/*--STATIC BANNER STYLES --------*/

.noBeckyBanner{
	background:url("/Portals/0/Skins/HP/images/header_static_no_becky.jpg") no-repeat scroll 0 0 transparent;
	height:316px;
	left:17px;
	position:absolute;
	top:12px;
	width:1004px;
}
.noBeckyBanner .myBanner {
	height:150px;
	left:250px;
	position:absolute;
	top:140px;
	width:600px;
}


.beckyBanner{
	background:url("/Portals/0/Skins/HP/images/header_static_becky.jpg") no-repeat scroll 0 0 transparent;
	height:316px;
	left:17px;
	position:absolute;
	top:12px;
	width:1004px;
}
.beckyBanner .myBanner {
	height:250px;
	left:250px;
	position:absolute;
	top:140px;
	width:400px;
}


a .bannerLink,
.bannerLink a {
	font-size:12px;
	color:#64b2f4;
	margin-right:5px;
	background:url("/Portals/0/Skins/HP/images/banner_link_bg.gif") no-repeat scroll 0 3px transparent;
	font-weight:bold;
	padding-left:10px;
}
a:hover .bannerLink,
.bannerLink a:hover {
	color:#ffffff;
	text-decoration:none;
}
.bannerTitle {
	color:#FFFFFF;
	font-family:Verdana;
	font-size:35px;
	font-weight:bold;
	margin:0;
}
.bannerText p{
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:0;
}

/*-- HOMEPAGE FIX FOR MULTIPLE BANNER MANAGEMENT --------*/
.admin .headerhome {height: auto;}
.admin #dnn_flash #banner > div,
.admin #dnn_flash #banner_mobile > div {position: relative; clear: both;}