/* @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:#101010; height:100%; font-size:2rem; line-height:135%; font-family:'assistant', arial, helvetica, sans-serif; margin:0; padding:0;}
BODY *					{max-height:99999px;} /* fix Android chrome font size bug */
@media screen and (max-width: 990px) {
	BODY		{font-size:1.9rem; color:#101010;}
}
@media screen and (max-width: 768px) {
	BODY		{font-size:1.8rem; color:#101010;}
}
@media screen and (max-width: 480px) {
	BODY		{font-size:1.7rem; color:#101010;}
}

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:#369ce2; -webkit-tap-highlight-color:rgba(103,199,245,0.4);}
A:hover					{text-decoration:none; color:#0164a8;}
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:'Assistant', Arial, helvetica, sans-serif; box-sizing:border-box;}
SELECT						{height:33px; margin:0; vertical-align:top; font-size:1.5rem; border-radius:5px; font-family:'Assistant', Arial, helvetica, sans-serif;}
/* fixes for IE in case of round corners / background */
/*@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:100%; font-family:'Assistant', Arial, helvetica, sans-serif;}
INPUT::-moz-focus-inner		{border:0; padding:0}

INPUT.input					{height:33px; line-height:31px; padding:0px 10px 0px 10px; background-color:#fff; color:#111; border:#dee0e2 1px solid; border-radius:5px; box-sizing:border-box;}
INPUT:-webkit-autofill		{-webkit-box-shadow:0 0 0px 1000px #fff inset; -webkit-text-fill-color:#666; padding:0px 10px 0px 10px; 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:none; -moz-appearance:none; appearance:none;}
INPUT[type="submit"]		{cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
INPUT[type="checkbox"]		{margin:0px 4px 0px 4px; padding:0; position:relative; top:2px; vertical-align:baseline; box-sizing:border-box;}
INPUT[type="radio"]			{margin:0px 4px 0px 4px; padding:0; position:relative; top:2px; vertical-align:baseline; box-sizing:border-box;}
INPUT[type="search"]									{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
INPUT[type="search"]::-webkit-search-decoration			{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
INPUT[type="search"]::-webkit-search-cancel-button		{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
INPUT[type="image"]			{display:block;}
INPUT[type="button"]		{cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
BUTTON						{font-size:100%; line-height:100%; margin:0; vertical-align:top; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:'Assistant', Arial, Helvetica, sans-serif;}
BUTTON::-moz-focus-inner	{border:0; padding:0}

INPUT.button		{background:#369ce2; color:#fff; height:33px; border-style:none; padding:0px 20px 0px 20px; vertical-align:top; text-align:center; font-weight:bold; line-height:100%; border-radius:5px; cursor:pointer; font-family:'Assistant', Arial, Helvetica, sans-serif;}
INPUT.button:hover	{background:#0164a8; color:#fff;}
A.button			{display:table; background:#369ce2; color:#fff; height:33px; border-style:none; padding:0px 20px 0px 20px; text-align:center; font-weight:bold; line-height:33px; border-radius:5px; text-decoration:none;}
A.button:hover		{background:#0164a8; color:#fff; text-decoration:none;}

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:#369ce2; color:#ffffff; text-decoration:none;}
.box1Color						{color:#ffffff; text-decoration:none;}
A.box1Color:hover				{color:#ffffff; text-decoration:underline;}
A.box1Color:active				{}

.box1Background_LightVersion	{background-color:#dae6e8; color:#000000; text-decoration:none;}
.box1Color_LightVersion			{color:#000000; text-decoration:none;}
A.box1Color_LightVersion:hover	{color:#0164a8; text-decoration:underline;}
A.box1Color_LightVersion:active	{}


/** Used in titles and captions**/
.titlesColor					{color:#000;}
.titlesColor:hover				{color:#0164a8;}
.pageTitleColor					{color:#000;}
.pageTitleColor:hover			{color:#000;}


/*******************************************************************/
DIV.body			{margin-bottom:25px;}
DIV.bodyItem		{}
DIV.bodyList		{}

/** Bread Crumbs **/
DIV.navigationTabContainer	{margin-bottom:10px;}
A.navigationTab				{text-decoration:none;}
A.navigationTab:hover		{text-decoration:underline;}
UL.NavigationTab			{font-size:95%; padding:0px !important; margin:0px; font-weight:normal;}
UL.NavigationTab LI			{display:inline; list-style-image:none; list-style-type:none;}


/** Page Title & Description **/
TD.PageTitle				{}
DIV.PageTitle				{color:#000; font-weight:bold; font-size:225%; line-height:115%; margin:0px 0px 25px 0px;}
#HomePage DIV.PageTitle		{display:none;}
TD.PageCategoryTitle		{}
DIV.PageCategoryTitle		{}
H1.PageTitle				{font-weight:bold; font-size:100%; color:#000;}
H1.PageCategoryTitle		{font-weight:bold; font-size:100%; color:#000;}
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:#369ce2;}
A.Copyright:hover			{text-decoration:underline; color:#0164a8;}

.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				{font-size:1.7rem;}
DIV.PopupTitle			{width:95%; margin:10px auto; text-align:center;}
DIV.PopupTitle H1		{font-size:1.7rem; display:inline;}
DIV.PopupForm			{padding:10px; text-align:center; font-size:90%;}
DIV.PopupForm TABLE		{width:auto; margin:auto;}

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

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

@media screen and (max-width: 480px)	{
	DIV.PopupForm TABLE TD		{width:100%; display:block;}
	DIV.PopupForm INPUT.input	{margin-bottom:10px;}
	DIV.PopupForm TEXTAREA		{margin-bottom:10px;}
}