/* Copyright 2012-2013 Metropolitan Life Insurance, All Rights Reserved */

/* Removed @import and made Ajax Call in main.js for fast fonts API */

/* the above import MUST be used to comply w/ fonts.com licensing */

/* Global font-related styles */

/* ecch....to work around IE8 rendering issues, we need to use different
 * font-family names for our different font variants.  NOTE that this
 * means that we CANNOT use font-bold or font-style in any of our
 * CSS rules...we should instead use an appropriate font-family.
 */
@font-face{
	font-family:"Frutiger";
	src: url("../fonts/c94bd41e-23b3-4522-8237-0a0f7bd0e953.eot");
	src: url("../fonts/c94bd41e-23b3-4522-8237-0a0f7bd0e953.eot?#iefix") format("embedded-opentype"),
	     url("../fonts/409b4bec-c67e-4764-a141-054db8df81d2.woff") format("woff"),
	     url("../fonts/efe9def0-77d1-4c28-8fd2-371236a3c8ed.ttf") format("truetype"),
	     url("/edge/ui/public/res/css/70b07d32-76f5-474e-83b0-7d5a3fefb15b.svg#Frutiger") format("svg");
}
@font-face{
	font-family:"FrutigerBold";
	src: url("../fonts/4d38d09a-3017-4733-a624-366fb9a71388.eot");
	src: url("../fonts/4d38d09a-3017-4733-a624-366fb9a71388.eot?#iefix") format("embedded-opentype"),
	     url("../fonts/3c514636-142f-43f9-983f-76110a86b424.woff") format("woff"),
	     url("../fonts/f147a146-bb13-4102-a482-bbad38d9fcc0.ttf") format("truetype"),
	     url("/edge/ui/public/res/css/10c3886a-7856-45f7-951d-24230bc1491a.svg#FrutigerBold") format("svg");
}
@font-face{
	font-family:"FrutigerItalic";
	src: url("../fonts/fcbab1a3-9659-4b39-8479-cc1f50d18f55.eot");
	src: url("../fonts/fcbab1a3-9659-4b39-8479-cc1f50d18f55.eot?#iefix") format("embedded-opentype"),
	     url("../fonts/e2ade8a9-bd48-45e7-95e6-9dc917ba4f74.woff") format("woff"),
	     url("../fonts/19fe9614-8825-4e7d-b8c3-230d2561e0e2.ttf") format("truetype"),
	     url("/edge/ui/public/res/css/c2f8e3aa-1c1a-49ee-9ec7-30f61a5e96d3.svg#FrutigerItalic") format("svg");
}
@font-face{
	font-family:"FrutigerBlack";
	src: url("../fonts/16b533e0-95d6-4cc3-9294-2167207e104a.eot");
	src: url("../fonts/16b533e0-95d6-4cc3-9294-2167207e104a.eot?#iefix") format("embedded-opentype"),
	     url("../fonts/ea887890-06b4-4e2c-9c5e-b1d792d048c1.woff") format("woff"),
	     url("../fonts/9146045f-1241-414d-a918-05313a2c12a1.ttf") format("truetype"),
	     url("/edge/ui/public/res/css/4aa5740e-f5d5-4991-98db-2d574814b001.svg#FrutigerBlack") format("svg");
}
@font-face{
	font-family:"FrutigerLight";
	src:url("../fonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot");
	src:url("../fonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix") format("eot"),
		url("../fonts/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff") format("woff"),
		url("../fonts/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf") format("truetype"),
		url("/edge/ui/public/res/css/3f5a5b87-e71e-4544-be0c-da4daa132710.svg#3f5a5b87-e71e-4544-be0c-da4daa132710") format("svg");
}

/* Naturally Bold Items */
h1,h2,h3,h4,h5,h6,b,strong,th {
	font-family: "FrutigerBold";
	font-weight: normal;
}

/* Naturally Italic Items */
i, em {
	font-family: "FrutigerItalic";
	font-style: normal;
}
/* the password masking character (at least what IE is using) doesn't 
 * appear to be part of the Frutiger font..use Arial instead. 
 * NOTE that there's some oddball stuff going on here.  dijit/form/TextBox
 * is copying the font-family DIRECTLY to the input box to, per the comment,
 * work around an IE < 9 issue.  The !important here is to override the
 * element style..but if the comment was in fact valid, then I wouldn't
 * be able to override the element style here....still, this works in IE8
 * so I'm just gonna let things slide......
 */
input[type=password] {
	font-family: Arial !important;
}

body {
	color: #595959;
	font-family: "Frutiger", Arial, Helvetica, Sans-Serif;
	font-size: 13px;
}

/* Headings / Sections */
h1 {
	font-size: 24px;
	margin-top: -3px;
	margin-bottom: 25px;
}
h2 {
	font-size: 15px;
}
h1.c2, h2.c2, h3.c2 {
	color: #62A642;
}
h2.reverseSubheader {
	/* oddball style...for certain pages, the logical subheader appears 
	   BEFORE the header -- this style should ALWAYS be used in conjunction
	   with a H1..e.g. <h2>Reverse Subheader</h2><h1>Page Header</h1>
	 */
	color: #62A642;
	margin-bottom: 7px;
}
h2.reverseSubheader + h1 { /* FIXME ecchhh...we need an IE workaround..
                              which means we probably need to classify the H1 */
	margin-top: 7px;
}
.radioButtonLabel {
	font-size: 10px;
}

p {
	line-height: 16px;
}

a, a:visited {
	color: #0061a0;
	text-decoration: none;
}
a:hover {
	color: #62A642;
}
a:focus{
    outline: 2px solid #007cc2 !important;
    border:#2377c5!important;
   outline-offset:2px;
}
a {
	cursor: pointer;
}

form{
	margin:0;
	padding:0;
}
/* FIXME (low) is error a component, or a typographic style? */
.errorText {
	color: #da3941;
	font-family: "FrutigerBold";
}
.popup-widget {
	height: auto !important;
	margin: 0px !important; 
	padding: 30px 30px 40px !important; 
	width: auto !important; 
}

label{
    display: inline-block;
    font-family: "FrutigerBold";
    line-height: 16px;
    width: 15em;
}