/* TN Cisco Inline Application v 2016.1 */

/* Site Colors
	#39393B - Dark gray - Primary text
	#58585B - Med gray - Headlines
	#A7A9AB - Light gray
	#DFDFDF - Lighter gray - Header + footer borders
	#F3F6F9 - Lightest gray - Feature area backgrounds
	#049FD9 - Pacific blue - Links
	#07B3F3 - Pacific blue highlighted - Links hover
	#00AD0B - Fern green - Active state
	#6CC04A - Green fade highlighted - Active state hover
*/


/* ==================== Box Model ==================== */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


/* ==================== Fonts ==================== */

@font-face {
	font-family: "CiscoSansTTThin";
	src: url("../fonts/CiscoSansTTThin.eot");
	src: url("../fonts/CiscoSansTTThin.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "CiscoSansTTThin";
	src: url("../fonts/CiscoSansTTThinOblique.eot");
	src: url("../fonts/CiscoSansTTThinOblique.woff") format("woff");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "CiscoSansTTExtraLight";
	src: url("../fonts/CiscoSansTTExtraLight.eot");
	src: url("../fonts/CiscoSansTTExtraLight.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "CiscoSansTTExtraLight";
	src: url("../fonts/CiscoSansTTExtraLightOblique.eot");
	src: url("../fonts/CiscoSansTTExtraLightOblique.woff") format("woff");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "CiscoSansTTRegular";
	src: url("../fonts/CiscoSansTTRegular.eot");
	src: url("../fonts/CiscoSansTTRegular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "CiscoSansTTRegular";
	src: url("../fonts/CiscoSansTTRegularOblique.eot");
	src: url("../fonts/CiscoSansTTRegularOblique.woff") format("woff");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "CiscoSansTTRegular";
	src: url("../fonts/CiscoSansTTBold.eot");
	src: url("../fonts/CiscoSansTTBold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "CiscoSansTTRegular";
	src: url("../fonts/CiscoSansTTBoldOblique.eot");
	src: url("../fonts/CiscoSansTTBoldOblique.woff") format("woff");
	font-weight: bold;
	font-style: italic;
}


/* ==================== Default Selectors ==================== */
/* Note that because this type of application gets integrated into other web pages with their own CSS,
we don't depend on these default selectors to contribute to the look and feel of the app itself.
Instead, they're just to provide context when reviewing the app on its own.
They can and should be discarded when the app is deployed.
*/

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	background-color: #FFF;
}


/* ==================== Container and Layout Tools ==================== */

.cia-container {
	position: relative;
	width: 100%;
	font-family: "CiscoSansTTRegular", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	color: #39393B;
}

.cia-container p {
	margin: 0 0 0.9em 0;
}

.cia-container a {
	color: #049FD9;
	text-decoration: none;
}

.cia-container img {
	border: 0;
}

body, html {
	height: 100%;
}

div.crss-wrap {
	height: 100%;
	overflow-x: hidden
}