﻿/*
Theme Name: AXA Assistance Panama
Description: Custom design for AXA Assistance Panama
Version: 1.0
Author: Antonio Wells
Author URI: http://www.axa-assistance.com.pa
Tags: sitefinity, two-columns, fixed-width, white, blue, red, panama
*/


/* Start General HTML Tags */
html { 
	margin: 0px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
	margin: 0px;
	padding: 0px;
}

a {
	color: #014282;
}

	a.visited {
		color: #333333;
	}

	a:hover {
		color: #000000;
	}

img {
	border: 0px;
}

hr 
{
	height: 1px;
	border: solid 1px #eee;
}
/* End General HTML Tags */


/* Start Main Layout */
#Wrapper {
	width: 960px;
	margin: 0 auto;
}

#Header 
{
	background: url(Images/top_worldwide.gif) no-repeat top center;
}

	#GlobalNavigation 
	{
		background: transparent url(Images/bg_header-home.gif) repeat-x scroll left bottom;
		border-bottom: 1px solid #01457A;
		border-top: 6px solid #014282;
		height: 39px;
		margin-bottom: 10px;
	}
	
		#GlobalNavigationLinks
		{
			padding: 0px 5px;
		}

#HeaderHome
{
	padding-bottom: 10px;
	border-bottom: solid 1px #283b90;
}

	#TopLogo 
	{
		float: left;
		width: 22%;
	}
	
		#TopLogo h1
		{
			margin: 15px 0px 5px 0px;
		}
	
	#TopLogoHome 
	{
	}
	
		#TopLogoHome h1 
		{
			text-align: center;
			margin: 30px 0px 15px 0px;
		}
		
		#TopLogoHome h2 
		{
			font-size: 2.0em;
			color: #283b90;		
			text-align: center;
			text-transform: uppercase;
			padding: 0px;
			margin: 30px 0px 0px 0px;
		}
	
	#BottomLogoHome 
	{
		padding: 20px 0px 0px 0px;
	}
	
	#Slogan 
	{
		float: left;
		width: 55%;
	}
	
		#Slogan h2 
		{
			font-size: 1.4em;
			color: #283b90;		
			text-align: center;
			padding: 0px;
			margin: 55px 0px 0px 0px;
			text-transform: uppercase;
			text-align: center;
		}

	#TopLinks 
	{
		float: right;
		margin: 10px 0px 5px 0px;
		text-align: right;
		width: 22%;
	}
	
		.SearchFix
		{
			margin: 30px 0px 5px 0px !important;
		}
		
			.SearchFix hr
			{
				display: none;
				visibility: hidden;
			}

#Body 
{
	margin: 15px 0px;
}

	#MainContent 
	{
		float: right;
		width: 680px;
		padding-left: 20px;
		border-left: solid 1px #e6e6e6;
	}
	
	#Sidebar 
	{
		float: left;
		width: 240px;
	}
	
	#PageContent 
	{
		line-height: 1.3em;
	}
	
	#PageOptions 
	{
		background: #f8f8f8;
		color: #666;
		padding: 4px 6px;
		border-bottom: solid 1px #eee;
		font-size: 0.7em;		
	}
	
		#PageOptions .Print 
		{
			background: url(Images/icon_pageoptions-print.png) no-repeat left center;
			padding-left: 25px;
		}
		
		#PageOptions .FontChangerLarge
		{
			background: url(Images/icon_pageoptions-font-changer-large.png) no-repeat left center;
			padding-left: 17px;
			margin-right: 15px;
		}
		
		#PageOptions .FontChangerSmall
		{
			background: url(Images/icon_pageoptions-font-changer-small.png) no-repeat left center;
			padding-left: 17px;
			margin-right: 15px;
		}
		
		#PageOptions .FontChanger 
		{
			background: url(Images/icon_pageoptions-font-changer.png) no-repeat left center;
			padding-left: 45px;
			margin-right: 15px;
		}
	
	#HomeContent 
	{
		margin: 40px 0px;
	}
		
		#HomeContent .LeftSplit 
		{
			float: left;
			width: 50%;
		}
		
		#HomeContent .RightSplit 
		{
			float: right;
		}
		
		#HomeContent h1 
		{
			text-align: center;
			margin: 15px 0px;
		}

#PagePopup 
{
	background: url(Images/bg_popup-header.gif) repeat-x;
	margin: 0px;
	padding: 40px 15px 30px 15px;
}
	
#Footer 
{
	/* background: url(Images/bg_footer.gif) repeat-x; */
	border-top: solid 1px #ccc;
	padding-top: 10px;
	font-size: 0.8em;
	margin-bottom: 10px;
}
/* End Main Layout */


/* Start Common Styles */
.CommonPanel 
{
	padding: 5px;
}

.ContentPanel 
{
	line-height: 1.3em;
}

	.ContentPanel ul li {
		list-style-image: url(Images/nav_bullet-blue.gif);
		padding-bottom:1em;
	}
	
.LeftSplit 
{
	float: left;
}

.RightSplit 
{
	float: right;
}

.Clear 
{
	clear: both;
}

.Accessibility 
{
	visibility: hidden;
}

.SmallText 
{
	font-size: 0.7em;
	color: #666;
	font-style: italic;
}

.LightText 
{
	color: #666;
}

.Strong 
{
	font-weight: bold;
}

.SuccessSummary 
{
	font-weight: bold;
	padding: 8px;
	background-color: #e2f2f9;
	border: 1px solid #40afe1;
	margin: 10px 0px 20px 0px;
	color: #053e88;
}

.ValidationSummary {
	font-weight: bold;
	padding: 8px;
	background: #ffffcc;
	border: solid 1px #ff9900;
	margin: 10px 0px 20px 0px;
	color: #FF0000;	
}

.ValidationSummaryHome {
	font-weight: bold;
	font-size: 0.9em;
	padding: 8px;
	background: #ffffcc;
	border: solid 1px #ff9900;
	margin: 10px 0px 20px 0px;
	color: #FF0000;	
}

	.ValidationSummaryHome ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

.Alert {
	margin: 15px 0px;
	padding: 8px 8px 8px 30px;
	background: #FFFFCC url(Images/alert-animation.gif) no-repeat 0.5em 0.5em;
	border: 2px dashed #cc0000;
	font-weight: bold;
}

.Required 
{
	font-weight: bold;
	color: #ff0000;
}

.PageTitleHeader {
	color: #C60808;
}

.ListPanels 
{
}

	.ListPanels ul
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

		.ListPanels ul li
		{
			background: #f8f8f8;
			border: solid 1px #e6e6e6;
			float: left;
			margin: 0 25px 25px 0;
			padding: 15px;
			list-style-type: none;
			list-style-image: none;
			width: 40%;
			height: 240px;
			color: #666;
			font-size: 95%;
		}
		
			.ListPanels ul li:hover
			{
				background: #f6fbfe;
				border: solid 1px #c2e4f4;
			}
			
			.ListPanels ul li h3
			{
				color: #4b91ca;
			}
			
			.ListPanels ul li img
			{
				padding: 0px 15px 10px 0px;
			}

.CallOutPanels 
{
	background: url(Images/bg_tools.jpg) no-repeat;
	padding: 8px;
	margin: 30px 0px;
	border: dashed 2px #aac8e1;
}

.ToolPanels 
{
	background: url(Images/bg_tools.jpg) no-repeat;
	padding: 8px;
	margin: 30px 0px;
	border: dashed 2px #aac8e1;
}

	.ToolPanels ul
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

		.ToolPanels ul li
			{			
				float: left;
				margin: 0px 15px 0px 0px;
				list-style-type: none;
				list-style-image: none;
				width: 18%;
				/* border-right: solid 1px #ccc; */
				font-size: 0.7em;
				line-height: 1.25em;
				text-align: center;
				/* padding: 5px; */
			}
			
				/* .ToolPanels ul li:hover
				{
					background: #f6fbfe;
					border: solid 1px #c2e4f4;
				} */
				
				.ToolPanels ul li h3
				{
					color: #4b91ca;
				}

.ContentPanels {
	background-color: #E8E8E8;
	float: left;
	margin-right: 8px;
	width: 32%;
}

	.ContentPanelsHeaderHealth {
		height: 43px;
		background: url(Images/panelbg_health.gif) repeat-x;
		padding: 12px 4px 4px 4px;
		font-size: 11pt;
		color: #FFFFFF;
		font-weight: bold;
		margin: 0px;
	}

	.ContentPanelsHeaderTravel {
		height: 43px;
		background: url(Images/panelbg_travel.gif) repeat-x;
		padding: 12px 4px 4px 4px;
		font-size: 11pt;
		color: #FFFFFF;
		font-weight: bold;
		margin: 0px;
	}

	.ContentPanelsHeaderLifestyle {
		height: 43px;
		background: url(Images/panelbg_lifestyle.gif) repeat-x;
		padding: 12px 4px 4px 4px;
		font-size: 11pt;
		color: #FFFFFF;
		font-weight: bold;
		margin: 0px;
	}
/* End Common Styles */


/* Start Home Splash Page Styles */
.SplashPanel 
{
	width: 260px;
	height: 250px;
	text-align: center;
	padding: 30px;
	background: #fff url(Images/bg_tools.jpg) no-repeat;
	border: solid 1px #aac8e1;
}

	.Left
	{
		margin-left: 100px;
	}
	
	.Right
	{
		margin-right: 100px;
	}

.SplashTitleEN 
{
	font-size: 1.4em;
	color: #014282;
	font-weight: bold;
}

.SplashTitleSP 
{
	color: #666;
}

.SplashDescription 
{
	font-size: 0.8em;
	line-height: 1.4em;
}

.SplashNote 
{
	font-size: 0.65em;
	color: #666;
}

.ButtonEnter {
	background: url(Images/btn_enter.png) no-repeat left top;
	color: #053e88;
	border: 0px;
	width: 161px;
	height: 42px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 1.3em;
	text-align: left;
}

	.ButtonEnter:hover {
		background: url(Images/btn_enter.png) no-repeat left bottom;
		color: #1d82dd;
	}
/* End Home Splash Page Styles */


/* Start Table Styles */
.Table 
{	
	border: solid 2px #000 !important;
}

	.Table th 
	{
		border-right: solid 1px #000;
		border-bottom: solid 2px #000;
		padding: 4px;
		background: #ebebeb;
	}
	
	.Table tr 
	{
	}
	
		tr:hover
		{
			background: #deefff;
		}
	
		.Table td 
		{
			border-right: solid 1px #000; /* Old Color #d9d9d9 */
			border-bottom: solid 1px #000;
			padding: 4px;
			font-size: 0.75em;
		}

.TableFix td
{
	border: none !important;
	background: #F8F8F8;
	font-size: 0.9em;
	font-weight: bold;
}

	.TableFix td a
	{
		background: #eee;
		padding: 4px 8px;
		border: solid 1px #ddd;
	}
	
	.TableFix td a:hover 
	{
		background: #f6fbfe;
		border: solid 1px #c2e4f4;
	}

#TabularData {
	border: 1px solid #000000;
	position: relative;
}

#TabularData table {
	padding: 1px;
	background-color: #000000;
	margin-bottom: 20px;
}

#TabularData td {
	background-color: #ffffff;
}

#TabularData .TableHeader {
	font-size: 12pt;
	font-weight: bold;
	vertical-align: top;
	background-color: #e8e8e8;
	border-bottom: 1px solid #000000;
}

#TabularData .Grey {
	background-color: #c0c0c0;
}

#TabularData .Yellow {
	background-color: #FFFF99;
}

#TabularData .BrightYellow {
	background-color: #FFFF00;
}

#TabularData .Orange {
	background-color: #ffcc99;
}

#TabularData .Green {
	background-color: #ccffcc;
}

.TabularDataLegend table {
	padding: 1px;
	background-color: #000000;
	margin-bottom: 20px;
}

.TabularDataLegend td {
	background-color: #ffffff;
}

.TabularDataLegend .Grey2 {
	background-color: #c0c0c0;
}

.TabularDataLegend .Yellow2 {
	background-color: #FFFF99;
	width: 40px;
}

.TabularDataLegend .Orange2 {
	background-color: #ffcc99;
}

.TabularDataLegend .Green2 {
	background-color: #ccffcc;
}

.TabularDataLegend .White {
	background-color: #ffffff;
}
/* End Table Styles */


/* Start TabStrip Styles */
.rtsLevel1, .rtsLevel3, .rtsLevel4 /* Hiding Level 1, 3, and 4 GlobalNav links */
{
	/* display: none;
	visibility: hidden; */
}

.RadTabStrip /* GlobalNav links top margin spacing */
{
	margin-top: 7px !important;
}

.RadTabStrip .rtsLI /* GlobalNav links right seperator */
{
	background: url(Images/bg_globalnav-sep.png) no-repeat top right;
}

.RadTabStrip .rtsLink /* GlobalNav links in white and no underline */
{
	color: #fff;
	text-decoration: none !important;
}

.RadTabStrip .rtsSelected .rtsOut /* GlobalNav links Sliding Doors Left */
{
	background: url(Images/bg_globalnav-rtsOut.png) no-repeat top left;
}

.RadTabStrip .rtsSelected .rtsIn /* GlobalNav links Sliding Doors Right */
{
	background: url(Images/bg_globalnav-rtsIn.png) no-repeat top right;/*  */
	padding-right: 9px;
	text-decoration: none;
}

.RadTabStrip .rtsTxt /* Add spacing around GlobalNav links. Reduced overall size and made bold to accommodate longer Spanish Nav Titles */
{
	/*padding: 3px 0px 4px 0px !important; */
	padding: 4px 0px !important;
	font-size: 0.9em !important;
	font-weight: bold !important;
}

.RadTabStrip .rtsOut, .RadTabStripVertical .rtsOut { /* Override Right Padding */
	padding-right: 0px !important;
	margin-right: 12px;
}

.RadTabStrip .rtsLevel2 .rtsUL /* Override TabStrip disappearring on Provider Search Postback */
{
	/* display: block !important; */
}

.RadTabStrip .rtsLast /* Remove the right seperator for the last Nav link */
{
	background-image: none !important;
	margin-right: 0px !important;
	padding-right: 0px !important;
}

.RadTabStrip .rtsLast .rtsOut, .RadTabStripVertical .rtsLast .rtsOut { /* Override Right Padding for the last Nav link */
	margin-right: 0px !important;
	padding-right: 0px !important;
}
/* End TabStrip Styles */


/* Start Override of News List Styles */
.sf_newsList 
{
}

.sf_newsList li 
{
	border-bottom: solid 1px #ccc;
}

.sf_newsList h2.sf_newsTitle 
{
	font-size: 1.3em !important;
}

	.sf_newsList h2.sf_newsTitle a {
		background: url(Images/icon_news-small.png) no-repeat left top;
		height: 24px;
		padding-left: 32px;
	}

.sf_newsDate 
{
	color: #999;
	font-style: italic;
	font-size: 0.8em;
}

.sf_readMore a
{
	background: #4b91ca;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	border: solid 1px #085b9e;
}

	.sf_readMore a:hover
	{
		background: #089d4b;
		border: solid 1px #030;
	}

.sf_newsAuthor 
{
	color: #999;
	font-style: italic;
	font-size: 0.9em;
}

.sf_postBookmark 
{
	background: #e8e8e8;
	padding: 8px;
	margin: 30px 0px;
	border: solid 1px #ccc;
}

	.sf_postBookmark img
	{
		padding: 0px 5px;
	}

.sf_postCategory 
{
}

.sf_postTags 
{
}

.sf_newsList li 
{
	list-style-image: none !important;
}
/* End Override of News List Styles */


/* Start Form Styles */
fieldset 
{
	padding: 15px;
	margin-bottom: 20px;
}

	fieldset div
	{
		margin-bottom: 15px;
	}
	
	legend 
	{
		color: #0046d5;
		padding: 0px 10px;
	}
	
input.TextBox
{
	background: #f6fbfe;
	width: 300px;
	padding: 4px;
	border: solid 1px #4b91ca;
	color: #666;
	font-size: 1.1em;	
}

input.Button
{
}

input.Button {
	background: url(Images/btn_enter.png) no-repeat left top;
	color: #053e88;
	border: 0px;
	width: 161px;
	height: 42px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 1.3em;
	text-align: left;
}

	input.Button:hover {
		background: url(Images/btn_enter.png) no-repeat left bottom;
		color: #1d82dd;
	}

textarea 
{
	background: #f6fbfe;
	padding: 4px;
	border: solid 1px #4b91ca;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

.cmsLangDropDown 
{
	background: #f6fbfe;
	padding: 4px;
	border: solid 1px #4b91ca;
	color: #666;
	font-size: 0.7em;
}

.Forms
{
}

	.Forms ul
	{
		margin-left: 0px;
	}

		.Forms ul li
		{
			list-style-image: none;
			list-style-type: none;
			color: #666;
			font-size: 1.0em;		
		}
		
	.Forms select
	{
		background: #f6fbfe;
		padding: 4px;
		border: solid 1px #4b91ca;
		color: #666;
		font-size: 1.1em;
	}
	
	.Forms .LabelProviderSearch span
	{
		width: 200px;
		display: block;
		margin-bottom: 10px;
	}
/* End Form Styles */


/* Start Search Box */
.sf_searchBox 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.sf_searchText 
{
	width: 110px;
	background: #f6fbfe;	
	padding: 4px;
	border: solid 1px #4b91ca;
	color: #666;
	font-size: 0.7em;
	margin-right: 4px;
}

.sf_searchSubmit 
{
	background: transparent url(Images/btn_search.png) no-repeat top left;
	border: 0 none;
	color: #283B90;
	height: 28px;
	width: 86px;
	padding-left: 14px;
	text-align: left;
}

	.sf_searchSubmit:hover
	{
	}

/* Pager */
ol.sf_pager 
{
	margin: 10px 0;
	padding: 0;
	width: 100%;
	float: left;
	list-style: none;
	clear: both;
}
ol.sf_pager li
{
	margin: 0;
	padding: 0 10px 0 0;
	width: auto;
	float: left;
}
ol.sf_pager li a
{
	background: #eee;
	padding: 4px 10px;
	border: solid 1px #ddd;
	position: relative;
}

	ol.sf_pager li a:hover 
	{
		background: #f6fbfe;
		border: solid 1px #c2e4f4;
	}
/* End Search Box */


/* Start Search Results */
.searchResults 
{
}

	.searchResults dt
	{
		margin-bottom: 10px;
	}

		.searchResults dd
		{
			margin-left: 0px;
		}
		
		.searchResults dd em
		{
			display: block;
			margin: 10px 0px 30px 0px;
		}
		
			.searchResults dd em a
			{
				color: Green;
				font-size: 0.85em;
			}
/* End Search Results */