﻿html 
{
	height: 100%;
}

body 
{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 9pt;  /*NOTE: If you change this, make sure all pages look correct sizing/positioning (including Resources/Common/Clientside/Common.js openCalendar())*/
    height: 100%;
}
/*Default images to not have borders when made into hyperlinks*/
a img 
{
    border: none;
}

/*Default tables to be flow controlled*/
table 
{
	width: 100%;
}

/*Contains page layout, set default values (overridden in specific portals)*/
.container 
{
	background-color: #FFF;
}

/*Used to commonly style images found within textual content*/
.contentImage 
{
    padding: 10px;
}

/*Consistent way of displaying form-based information (inputs, etc.)*/
.formLayout 
{
}

/*Panel for displaying error messages*/
.errorMessage 
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: 1px solid Orange;
    background-color: #FFFFCC;
    color: Red;
    margin-top: 5px;
    margin-bottom: 5px;
}

/*Panel for displaying hint/neutral messages*/
.hintMessage 
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: 1px solid Blue;
    background-color: #F4F4F4;
    color: Blue;
    margin-top: 5px;
    margin-bottom: 5px;
}

/*Panel for displaying success messages*/
.successMessage 
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: 1px solid Green;
    background-color: #F0FCEB;
    color: Green;
    margin-top: 5px;
    margin-bottom: 5px;
}

/*Calendar popup control*/
.calendar 
{
    border: 1px solid #E9EFF3;
}
.calendarToday 
{
    color: Red;
}
.calendarDayHeader
{
    background-color: #E9EFF3;
	padding: 4px;
	border-bottom-width: 1px;
	border-right: 1px solid #FFFFFF;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.calendarDayHeader a:link {
	color: #000000;
	text-decoration: underline;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.calendarNextPrev 
{
    font-weight: bold;
	background-color: #C6D5E1;
	padding: 2px 2px 2px 4px;
}
.calendarTitle 
{
     font-weight: bold;
     background-color: #C6D5E1;
}

/*Default styles for form controls*/
input, textarea, select 
{
    font-size: 13px;
}

h1 
{
    color: #1A9B9D;
    font-size: 22pt;
    font-family: Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}
h2 
{
    color: #1A9B9D;
    font-size: 14pt;
    padding-top: 15px;
    border-bottom: 1px solid #1A9B9D;
}
h3 
{
    text-transform: uppercase;
    font-size: 11pt;
}
h4 
{
    color: #091C5A;
    font-size: 10pt;    
}
h5
{
	color: #091C5A;
	font-size: 10pt;    
}

/*Alert text (important text)*/
.alert
{
    color: #E60005;
}

/*AutoComplete dropdown */
.autocomplete
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : #FFF;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}
.autocompleteHighlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	cursor : pointer;
}
.autocompleteListItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
	cursor : pointer;
}

/*Styling for form buttons*/
.button 
{
    background-image: url("../Images/bg_nav.gif");
    background-repeat: repeat;
    border-color: #C6D5E1 #003366 #003366 #C6D5E1;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

/*Main container holder all content*/
.container 
{
    width: 790px;
    height: 100%;
}

/*Content found within the main content placeholder.*/
.contentContainer
{
    clear: both;
}

/*Primarily text-based content which requires padding around it.*/
.content 
{
    padding: 10px;
    font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

.NeedAPolicy
{
	top: -25px;
    font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:normal;
}

/*a style of line seperators*/
.doubleline
{
	border-top-style: double;
	color: #000;
	margin-top: 5px;
	height: 4px;
}

/*The footer at the bottom of every page*/
.footer 
{
	margin-top: 10px;
    font-size: 8pt;
    padding: 10px;
}

/*Grid-format results*/
.grid 
{
    background-color: #E9EFF3;
    font-size: 8pt;
}
.gridRow 
{
}
.gridRow td 
{
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.gridAltRow 
{
    background-color: White;
}
.gridAltRow td 
{
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.gridHeader 
{
    background-color: #C6D5E1;
    font-weight: bold;
}
.gridFooter 
{
}
.gridPager 
{
}
.gridPager table 
{
	width: auto;
}

.promospacer1 
{
	background-color:#FFFFFF;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

/*Header at top of page which holds logo and navigation*/
.header 
{
    /*width: 100%;*/
    border-bottom: 1px solid #000;
    border-right: 1px solid #1a9b9d;
    font-size: 9.5pt;
    font-family: Arial, Helvetica, Sans-Serif;
    margin-right: 1px;
}
.header .logoIcon /*NOTE: This is currently unused, but left here for a designer to be able to change in future*/
{ 
	height: 72px;
}
.header .logoText /*NOTE: This is to pin the text for the logo up against the icon*/
{
    position: relative; 
    top: -25px;
}
.header .nav 
{
    position: absolute;
    margin-top: -23px;
    margin-left: 78px;
    clear: both;
    font-weight: bold;
    color:#1A9B9D;
    width: 660px;
}

.header .nav .activeLink
{
	color: #182A64; /*NOTE: This is a new class, not a mistake on a:active*/
}
.header a:link, .header a:visited 
{
    color: #1A9B9D;
    text-decoration:none;
}
.header a:active, .header a:hover
{
    color: #182A64;
}

.header .subNav 
{
    margin-top: -76px;	
    float: right;
    /*background-image: url("../Images/subnav.gif");*/
    background-image: url(../Images/spriteme1.png);
	background-position: -10px -170px;
    background-repeat: no-repeat;
    width: 345px;
    height: 45px;
    color:#1A9B9D;
}
.header .subNavContent
{
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}
.header .subNav a:link, .header .subNav a:visited 
{
    color: #1A9B9D;
    text-decoration: none;
    font-weight: bold;
}
.header .subNav .activeLink /*NOTE: This is a new class, not a mistake on a:active*/
{
    color: #182A64;
}
.header .subNav a:hover 
{
 color: #182A64;   
}

.header .subNav a.linkStateOn 
{
    clear: both;
    font-weight: bold;
	color: #182A64;
	top:5px;
}

.header .subNav a.linkStateOff
{
    clear: both;
    font-weight: bold;
	color: #1A9B9D;
}

.header .nav a.linkStateOn 
{
    clear: both;
    font-weight: bold;
	color: #182A64;
	top:0px;
}

.header a.linkStateOn a:visited 
{
 color: #182A64;   
}

.header .nav a.linkStateOn a:visited 
{
 color: #182A64;   
}

.header a.linkStateOff
{
    clear: both;
    font-weight: bold;
	color: #1A9B9D;
}

/*Page title section at the top of each content page*/
.pageTitle 
{
    border-bottom: 1px solid #1A9B9D;
    border-right: 1px solid #1A9B9D;
    background-image: url("../Images/subhead_bg.gif");
    background-repeat: repeat-x;
    height: 39px;
    padding:0px;
}
.pageTitle h1 
{
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 0px;
}
.pageTitle img 
{
    float: right;
}

/*Modal popup background*/
/*
.popupBackground
{
    background-color: #CCCCFF; /* pale weak blue
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}*/
/*Modal popup panel*/
.popupPanel
{
    border: 1px solid #000066;
    padding: 5px;
}

/*Required field*/
.required 
{
    font-weight: bold;
    color: #990000;
}

/*Supplemental navigation (left hand navigation) in content [user controls]*/
.SupplementalNavContainer
{
	float: left;
    width: 150px;
}

.supplementalNav 
{
    font-size: 8pt;
    background-image: url("../Images/subnav_bg.gif");
    background-repeat: repeat-y;
    background-position: 134px 0px;
    padding-top: 15px;
}

.supplementalNav ul
{
    list-style-type: none;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px;
}
.supplementalNav ul li 
{
    height: 20px;
}

.supplementalNav ul li.supplementalNavItemOn
{
	background-image: url("../Images/submenu_on.gif");
	background-repeat: no-repeat;
	background-position: 120px;
	color: #1A9B9D;
}

.supplementalNav ul li.supplementalNavItemOn a:visited 
{
	color: #1A9B9D;
}

.supplementalNav a:link, .supplementalNav a:visited 
{
    text-decoration: none;
    font-weight: bold;
    color: #182A64;
}

.supplementalNav a:hover 
{
    color: #1A9B9D;
}

.supplementalNav ul li.supplementalNavItemOn a
{
	color: #1A9B9D;
}
.supplementalNav ul li.supplementalNavIndentItemOn
{
	background-image: url("../Images/submenu_on.gif");
	background-repeat: no-repeat;
	background-position: 105px;
}
.supplementalNav ul li.supplementalNavIndentItemOn a
{
	color: #1A9B9D;
}
.supplementalNavBottom
{
	margin-left: 134px; 
	margin-top: -25px;
}

/*Tabs at top of page sections*/
.tabs
{
    
}
.activeTab
{
    list-style: none;
    display: inline-block;
    float: left;
    background-color: #FFF;
    font-weight: bold;
}
.inactiveTab
{
    list-style: none;
    display: inline-block;
    float: left;
    padding: 5px;
    background-color: #339999;
    color: #FFF;
}
.disabledTab
{
    list-style: none;
    display: inline-block;
    float: left;
    padding: 5px;
    color: #CCC;
}
.hoveredTab
{
    list-style: none;
    display: inline-block;
    padding: 5px;
    background-color: #339999;
}

/*Non-critical messages*/
.unimportant
{
    color: #AAA;
}

.terms Body
{
	background-color: White;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.terms b
{
	color: #003366;
}

.loginTable
{
	width: 225px;		
}

.tblLable
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	width: 67px;
	vertical-align:top;
}

.tdLeftColWhite 
{
	border-bottom:1px solid #CCCCCC;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:6px;
	padding:4px;
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
}
.tdRightColWhite 
{
	border-bottom:1px solid #CCCCCC;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:2px;
	padding:2px;
	text-align:left;
	vertical-align:middle;
}
.txtBoldBlueLarge
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #333366;
    FONT-FAMILY: Arial
}

/*@import url("Common.css");*/

.container 
{
    width: 750px;
}

/*Callouts (usually on the right side of the page)*/
.callout 
{
    background-color: #1A9B9D;
    color: #FFF;
    width: 170px;
    background-image: url("../Images/rightbottom1.gif");
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 5px;
    font-size: 8pt;
    padding-bottom: 10px;
    float: right;
}
.callout a:link, .callout a:visited 
{
    color: #FFF;
}
.callout h4
{
    font-size: 10pt;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #FFF;
}
.calloutcontent
{
    padding-bottom: 25px;
}

/*Primarily text-based content (main content of page)*/
.content 
{
    float: left;
    width: 400px;
    padding-top: 0px;
    margin-top: -10px;
}

/*Primarily text-based content (main content of page) extended width*/
.contentExt 
{
    padding: 10px;
    float: left;
    width: 400px;
}

.contentFull 
{
    padding: 10px;
    width: 100%;
}

/*Policyholder subnav*/
.policyholderNav 
{
    height: 23px;
    background-color: #199395;
    background-image: url("../Images/agent_nav_bg.gif");
    background-repeat: repeat-x;
    background-position: top left;
    color: #FFF;
}
.policyholderNav a:link, .policyholderNav a:visited 
{
    color: #FFF;
}
.policyholderNav .policyList 
{
    float: left;
    padding: 5px;
}
.policyholderNav .links
{
    padding: 5px;
}

.policyholderNav .policyholderNavInfo 
{
    float: left;    
    height: 14px;
	padding: 5px;
    margin-left: 5px;
    color: #FFF;
}

.policyholderNav .policyholderNavInfo a.linkStateOn 
{
	color: #182A64;
	position:relative;
	background-image: url("../Images/agent_nav_bg_on.gif");
    background-repeat: repeat-x;
	padding: 5px;
	top: 0px;
}
.policyholderNav .policyholderNavInfo a.linkStateOff
{
	color: #FFF;
	position:relative;
	padding: 5px;
	font-weight:normal;
}

.validationHighlight
{
	font-weight: bold;
	font-size: 18px;
	vertical-align: baseline;
}
.form
{
	width: 600px;
}
.form ol   
{
    margin-left:0px;
    margin-bottom: 0px;
    list-style: none;
}

.form li 
{  
    float: left;  
    clear: left;  
    width: 99%;  
    padding-bottom: 10px; 
}

.form .title
{
	color: #1A9C9E; 
    font-size: 20px; 
    font-weight: bold;
    display:block;
    float:left;
    text-align: left;
    padding-left: 5px;
    margin-top: 15px;
}

.form .titleDetails
{
	color: black; 
    font-size: 16px; 
    font-weight: bold;
    float:left;
    padding-bottom: 15px;
    margin-top: 15px;
    width: 350px;
}

.form label
{
	color: black; 
    font-size: 14px;
    font-weight: normal;
    float:left;
    width: 160px;
    margin-right: 20px;
	padding-bottom:0px;
	text-align: right;
}

.form .inline label
{
    margin-left: 0px;
    margin-right: 20px;
	clear: none;
}

.form span
{
    float: left;
}
      
.form .submit
{  
	width: 100%;
    border-style: none;
}

.submitResults
{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.findAgentForm
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	margin-left: 10px;	
}
.error
{
	color: Red;
}

.agentNav 
{
    height: 23px;
    background-color: #0A1A55;
    background-image: url("../Images/nav_agent_bg2.jpg");
    background-repeat: repeat-x;
    background-position: top left;
    color: #FFF;
}
.agentNav a:link, .agentNav a:visited 
{
    color: #FFF;   
}
.agentNav .agentNavInfo a:hover.agentNavOff, .agentNav a:hover
{
    color: #FFFF00;
}
.agentNav .agentNavInfo a:hover.linkStateOff, .agentNav a:hover
{
    color: #FFFF00;
}

.agentNav .agentNavInsure 
{
    float: left;
    padding-top: 5px;
    margin-left:5px;
}
.agentNav .agentNavInfo 
{
	background-color:#199395;
	background-image:url(../Images/agent_nav_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	float:right;
	height:19px;
	margin-left:0px;
	padding:0px;
	padding-top: 5px;
}
.agentNav .agentNavInfo a.linkStateOn 
{
	color: #182A64;
	position:relative;
	background-image: url("../Images/agent_nav_bg_on.gif");
    background-repeat: repeat-x;
	padding: 5px;
}
.agentNav .agentNavInfo a.linkStateOff
{
	color: #FFF;
	position:relative;
	padding: 5px;
	font-weight: normal;
}
.agentNav .agentNavInfo span.linkStateOff
{
	color: #FFF;
	position:relative;
	padding: 0px;
	font-weight: normal;
}

.agentNav .agentNavInsure a.linkStateOn 
{
	color: #182A64;
	position:relative;
	background-image: url("../Images/agent_nav_bg_on.gif");
    background-repeat: repeat-x;
	padding: 5px;
}
.agentNav .agentNavInsure a.linkStateOff
{
	color: #FFF;
	position:relative;
	font-weight: normal;
}
.agentNav .agentNavInsure span.linkStateOff
{
	color: #FFF;
	top: 5px;
	position:relative;
	padding: 0px;
	font-weight: normal;
}

.accessRestrictedContent 
{
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	margin: 0px;
	width: 580px;	
}

.subhead1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #1a9b9d;
    BORDER-BOTTOM: #1a9b9d 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.alertTxt {
	font-weight: bold;
	color: #990000;
	padding: 4px;

}

/*[public default]********************************************/
/*.PublicDefaultContent 
{
    float: right;
    width: 375px;
    margin-top: -35px;
}*/

.PublicDefaultConent
{
	float: right;
    width: 375px;
    margin-top: -35px;
	font-size:14px;
	line-height:21px;
}

.PublicDefaultCallout 
{
    float: left;
    width: 337px;
    background-image: none;
    padding: 0px;
    background-color: #FFF;
}

.PublicDefaultPolicy 
{
    background-color: #6F6892;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    font-size:12px;
}

.PublicDefaultCoverage 
{
    background-color: #1A9C9E;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-top: 2px;
    font-size:12px;
}
.PublicDefaultFindagent
{
	border-top: 1px solid #000;
	margin-top: 3px;
	background-image: url(../Images/spriteme1.png);
	background-position: -10px -319px;
	background-repeat: no-repeat; 
	width: 337px; 
	height: 115px;
	font-size: 13px;
}
html body input.RadInputMgr_Default
{
	font-size: 13px;	
}
.PublicDefaultReportClaim 
{
    padding: 5px;
    color: #000;
    font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	vertical-align:top;
	line-height:21px;
}
.PublicDefaultReportClaim a:link, .PublicDefaultReportClaim a:visited
{
    color: Blue;
}

.spacerDecoration 
{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
/*[end public default]********************************************/
.promoTopLeft
{
	background-image: url(../Images/spriteme1.png);
	background-position: -10px -493px;
    background-repeat: no-repeat;
    width: 9px;
    height: 8px;
}
.promoTop
{
	background-image: url(../Images/spriteme2.png);
	background-position: 0px -10px;
    background-repeat: repeat-x;
}
.promoTopRight
{
	background-image: url(../Images/spriteme1.png);
	background-position: -10px -521px;
    background-repeat: no-repeat;
    width: 9px;
    height: 8px;
}
.promoLeft
{
	background-image: url(../Images/spriteme3.png);
	background-position: -10px 0px;
    background-repeat: repeat-y;
    width:9px;
}
.promoRight
{
	background-image: url(../Images/spriteme3.png);
	background-position: -39px 0px;
    background-repeat: repeat-y;
    width:9px;
}
.promoBottomLeft
{
	background-image: url(../Images/spriteme1.png);
	background-position: -10px -549px;
    background-repeat: no-repeat;
    height: 8px;
}
.promoBottom
{
	background-image: url(../Images/spriteme2.png);
	background-position: 0px -38px;
    background-repeat: repeat-x;
    height: 9px;    
}
.promoBottomRight
{
	background-image: url(../Images/spriteme1.png);
	background-position: -10px -578px;
    background-repeat: no-repeat;
}
#btnPromoHeadPolicy
{
	display:block;
	width:321px;
	height:20px;
	background-image: url(../Images/spriteme1.png);
	background-position: -10px -239px;
	background-repeat:no-repeat;
}
#btnPromoHeadCoverage
{
	display:block;
	width:321px;
	height:20px;
	background-image: url(../Images/spriteme1.png);
	background-position: -10px -279px;
	background-repeat:no-repeat;
}
#btnAboutFlorida
{
	display:inline-block;
	width:127px;
	height:19px;
	background-image: url(../Images/spriteme1.png);
	background-position: -10px -454px;
	background-repeat:no-repeat;
	margin-bottom: -5px;
}
#imgLogoIcon
{
	display:inline-block;
	width:73px;
	height:73px;
	background-image: url(../Images/spriteme1.png);
	background-position: -9px -10px;
	background-repeat:no-repeat;
}
#imgLogoText
{
	display:inline-block;
	width:237px;
	height:47px;
	background-image: url(../Images/spriteme1.png);
	background-position: -10px -103px;
	background-repeat:no-repeat;
}
