/* @import ... font ..  moved to editor.css */

.clearfix:before, .clearfix:after	{content:""; display:table;}
.clearfix:after		{clear:both;}
.clearfix			{zoom:1;}


/****************************  Main Elements ***************************/
HTML					{font-size:62.5%; line-height:62.5%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}/* 62.5% so each 0.1 rem is 1px */
BODY					{text-align:center; color:#40454c; height:100%; font-size:2.4rem; line-height:135%; font-family:'Heebo', arial, helvetica, sans-serif; margin:0; padding:0;}

H1, H2, H3, H4, H5, H6	{padding:0; margin:0;}
P						{padding:0; /* margin:0;*/ margin-top:0px; font-size:inherit;}
SMALL					{font-size:75%;}
UL						{font-size:inherit;}
LI						{margin:0; padding:0; font-size:inherit;}
UL LI					{list-style:circle url('../ListIconLevel1.png');}
OL LI					{padding:0 4px;}
TABLE					{font-size:inherit; line-height:inherit;}
TD						{font-size:inherit;}
HR						{border:0; border-top:1px solid #cbcbcb; height:1px; width:100%; background-color:transparent;}
IMG						{border:0; padding:0; margin:0; -ms-interpolation-mode:bicubic;}

A						{text-decoration:underline; color:#2d65af; -webkit-tap-highlight-color:rgba(103,199,245,0.4);}
A:hover					{text-decoration:none; color:#015fdd;}
A:active, A:focus		{}



/****************************** Form stuff ***********************************/
FORM						{display:inline; margin:0px;}
FIELDSET					{border:1px solid #cccccc; padding:.35rem .625rem .75rem; margin-bottom:20px; background-color:rgba(0,0,0,0.05);}
LEGEND						{border:1px solid #ddd; margin-bottom:10px; padding:5px 30px; font-weight:bold; white-space:normal; background-color:rgba(0,0,0,0.1);}
TEXTAREA					{border:1px solid #cccccc; overflow:auto; vertical-align:top; font-size:1.5rem; padding:4px 10px 4px 10px; margin:0; font-family:'Heebo', Arial, helvetica, sans-serif; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box;}
SELECT						{height:27px; margin:0; vertical-align:top; font-size:1.5rem; border-radius:5px; font-family:'Heebo', Arial, helvetica, sans-serif;}
/* fixes for IE in case of round corners / backround */
/*@media all and (-ms-high-contrast: none) {SELECT	{padding:4px 5px 4px 5px;}}*/ /** only for IE10 and newer: **/
/*SELECT.selectIE9			{padding:3px 5px 3px 5px;}*/ /** only for IE9 and lower **/

INPUT						{line-height:normal; margin:0px; padding:0; vertical-align:top; font-size:1.5rem; font-family:'Heebo', Arial, helvetica, sans-serif;}
INPUT::-moz-focus-inner		{border:0; padding:0}

INPUT.input					{height:27px; line-height:21px; padding:0px 10px 0px 10px; background-color:#ffffff; color:#333; border:#cccccc 1px solid; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box;}
INPUT:-webkit-autofill		{-webkit-box-shadow:0 0 0px 1000px #ffffff inset; -webkit-text-fill-color:#666; padding:0px 10px 0px 10px; box-sizing:border-box; -moz-box-sizing:border-box;}
::-ms-clear					{display:none !important;}

INPUT[type="text"]			{vertical-align:top;}
INPUT[type="password"]		{vertical-align:top;}
INPUT[type="reset"]			{cursor:pointer; -webkit-appearance:button;}
INPUT[type="submit"]		{cursor:pointer; -webkit-appearance:button;}
INPUT[type="checkbox"]		{margin:0px 4px 0px 4px; padding:0; position:relative; top:2px; vertical-align:baseline; box-sizing:border-box; -moz-box-sizing:border-box;}
INPUT[type="radio"]			{margin:3px 4px 0px 4px; padding:0; box-sizing:border-box; -moz-box-sizing:border-box;}
INPUT[type="search"]									{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
INPUT[type="search"]::-webkit-search-decoration			{-webkit-appearance:none}
INPUT[type="search"]::-webkit-search-cancel-button		{-webkit-appearance:none;}
INPUT[type="image"]			{display:block;}
INPUT[type="button"]		{cursor:pointer; -webkit-appearance:button;}
BUTTON						{line-height:normal; font-size:100%; margin:0; vertical-align:top; cursor:pointer; -webkit-appearance:button; font-family:'Heebo', Arial, Helvetica, sans-serif;}
BUTTON::-moz-focus-inner	{border:0; padding:0}

INPUT.button		{background:#1d57aa; color:#ffffff; height:27px; border-style:none; padding:0px 20px 0px 20px; vertical-align:top; text-align:center; font-weight:bold; border-radius:5px; cursor:pointer; font-family:'Heebo', Arial, Helvetica, sans-serif;}
INPUT.button:hover	{background:#1799cd; color:#ffffff;}

INPUT:focus, SELECT:focus, TEXTAREA:focus	{box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2); outline:none;}


/**************************** Ruling Colors ***************************/
/** Used in complex modules and modules that have 'light' text on 'dark' background**/
.box1Background					{background-color:#b9e1f1; color:#000000; text-decoration:none;}
.box1Color						{color:#000000; text-decoration:none;}
A.box1Color:hover				{color:#2d65af; text-decoration:underline;}
A.box1Color:active				{}

.box1Background_LightVersion	{background-color:#f0f0f0; color:#000000; text-decoration:none;}
.box1Color_LightVersion			{color:#000000; text-decoration:none;}
A.box1Color_LightVersion:hover	{color:#1799cd; text-decoration:underline;}
A.box1Color_LightVersion:active	{}


/** Used in titles and captions**/
.titlesColor					{color:#15478a;}
.titlesColor:hover				{color:#015fdd;}
.pageTitleColor					{color:#15478a;}
.pageTitleColor:hover			{color:#15478a;}


/*******************************************************************/
DIV.body			{margin-bottom:25px;}
#InnerPage DIV.body		{max-width:1260px;}
DIV.bodyItem		{}
DIV.bodyList		{}

/** Bread Crumbs **/
DIV.navigationTabContainer	{margin-bottom:8px; padding-top:5px;}
A.navigationTab				{text-decoration:none;}
A.navigationTab:hover		{text-decoration:underline;}
UL.NavigationTab			{font-size:1.7rem; padding:0px !important; margin:0px; font-weight:normal;}
UL.NavigationTab LI			{display:inline; list-style-image:none; list-style-type:none;}
@media screen and (max-width: 990px) {
	DIV.PageTitle		{font-size:1.6rem;}
}
@media screen and (max-width: 768px) {
	DIV.PageTitle		{font-size:1.5rem;}
}
@media screen and (max-width: 480px) {
	DIV.PageTitle		{font-size:1.4rem;}
}


/** Page Title & Description **/
TD.PageTitle				{}
DIV.PageTitle				{display:table; color:#15478a; font-weight:bold; padding:0px 0px 15px 0px; font-size:50px; line-height:105%; font-weight:bold; margin-bottom:30px; border-bottom:#dbd9d9 3px solid;}
@media screen and (max-width: 1280px) {
	DIV.PageTitle		{font-size:45px;}
}
@media screen and (max-width: 990px) {
	DIV.PageTitle		{font-size:4rem;}
}
@media screen and (max-width: 768px) {
	DIV.PageTitle		{font-size:3.5rem;}
}
@media screen and (max-width: 480px) {
	DIV.PageTitle		{font-size:3rem;}
}
#HomePage DIV.PageTitle		{display:none;}
TD.PageCategoryTitle		{}
DIV.PageCategoryTitle		{}
H1.PageTitle				{font-weight:bold; font-size:100%; color:#15478a;}
H1.PageCategoryTitle		{font-weight:bold; font-size:100%; color:#15478a;}
TD.description				{padding-bottom:15px;}
DIV.description				{padding-bottom:15px;}

/** Copyright **/
SPAN.Copyright				{display:block; text-align:center; font-size:1.3rem; line-height:1.5rem; color:#005794;}
A.Copyright					{text-decoration:none; color:#15478a;}
A.Copyright:hover			{text-decoration:underline; color:#015fdd;}

.hidden			{position:absolute; top:-10000px; width:1px; height:1px; overflow:hidden;}
.red			{color:red;}


/** Site Message **/
DIV.SiteMessageContainer	{border-bottom:solid 1px gray; text-align:center; padding:5px;}


/************************** Pop-up windows ******************************************/
BODY.Popup			{}

/** Talkbacks **/
INPUT.Response		{width:220px;}
TEXTAREA.Response	{width:220px; height:200px;}

/** Tell a Friend **/
INPUT.Friend		{width:220px;}
TEXTAREA.Friend		{width:220px; height:200px;}