html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body{
	background: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
	color: #797979;
	font-size:16px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
*:focus {
	outline: 2px solid #78CFF5;
}

header{
    color: #fff;
    background-color: #005E9C;
    min-height: 60px;
    padding: 0 1em;
    display: flex;
    justify-content: space-between;
    font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
}
.branding{
    display: flex;
    align-items: center;
}
/*--------------- Cambium Logo ---------------*/
.logo {
    display: inline-block;
    margin-right: 0;
    padding: 0;
    height: 35px;
    width: 115px;
    color: #fff;
    text-decoration: none;
    background: url('smoothness/images/CAILogo-white.svg') no-repeat;
  }
.logo:hover{
    color: inherit;
    text-decoration: none;
}
/*-- Cambium logo mark only --*/
.logo.markonly{
    background: url('smoothness/images/CAILogo-white-mark.svg') no-repeat;
    padding-left: 50px;
    padding-top: .5em;
  }

/*--------------- Cambium HTML Text ---------------*/
.CAIText{
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    line-height: 10px;
}
/*--------------- System Name ----------------*/
.systemName{
    color: #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    font-weight: 200;
    margin: 0 0 0 0.5em;
    padding: 0 0 0 0.5em;
    font-size: 1.5em;
}
.userbar{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: right;
    font-size: .8em;
}
.infoContainer{
	display: flex;
}
.infoContainer div{
	margin-left: 10px;
}

/* For aspx:Gridviews */
.Grid th, .Grid td{
	padding: 8px;
	text-align: left;
	border-right: 1px solid #ccc;
	font-size: .9em;
}
.Grid td a{
	color: #005e9c !important;
}

.projectHeader{
	font-size: 1.2em;
	color: #005e9c;
	padding: 0px;
	margin: 5px;
}

#mainContent{
	padding: 1em;
	margin-bottom: 50px;
}
.dropDownContainer{
	margin-bottom: 1em;
}
.error{
	color: #c0272e;
	font-size: .75em;
}

.warn{
	color: #c0272e;
	padding: 5px;
}

.goodwarn, .note{
	color: #0B6038;
	padding: 5px;
}

.forms LABEL{
	padding-left: .40em;
	float: left;
	width: 7.5em;
	text-align: left;
	font-size: .9em;
	font-weight: normal;
}
.FAQHeader{
	font-size: 14pt;
	color: #c0272e;
	margin: 5px;
}
.FAQText{
	font-size: 10pt;
	color: black;
	margin: 1em;
}
ol.FAQText{
	padding-left: 2em;
}
strong{
	font-weight:bold;
}
.FAQText I{
	color: #3399ff;
}

.formContainer fieldset{
	width: 300px;
	margin: auto;
	padding: 1em;
}
.msgContainer{
	text-align: center;
	padding: 1em 0;
}

.formContainer fieldset ul li{
	margin: 10px 0;
	text-align: center;
}
.formContainer fieldset ul li label{
	padding: 0;
	text-align: right;
}
.formContainer fieldset ul li input[type="submit"]{
	background: #005e9c;
	color: #fff;
	width: 250px;
	border-color: #ccc;
}
.formContainer fieldset ul li input[type="submit"]:hover{
	border-color: #005e9c;
}
fieldset{
    border: 1px solid #ccc;
    padding: 10px;
}
fieldset p{
	margin-bottom: 1em;
}
legend{
	font-weight: normal;
	font-size: 1.2em;
	color: #005e9c;
}

.forms TR LABEL {
	PADDING-left: 1em;
	FLOAT: left;
	WIDTH: 6em;
	TEXT-ALIGN: left;
	font-size: .9em;
}

.myradioButton label{
	display:inline;
	float:none;
    padding:1px 5px 1px 5px;
    cursor: default;
    text-align: left;
	width: 20em;
}

.myradioButton TR label{
	display:inline;
	float:none;
    padding:1px 5px 1px 5px;
    cursor: default;
    text-align: left;
	width: 20em;
}

.mycheckbox label{
	display:inline;
	float:none;
    padding:1px 5px 1px 5px;
    cursor: default;
    text-align: left;
}

.mycheckbox TR label{
	display:inline;
	float:none;
	padding:1px 5px 1px 5px;
	cursor: default;
	text-align: left;
}

/*navigation menues */
	UL {
		padding: 0px;
		margin:0px;
		list-style: none none outside;
	
	}
	
	.dropDown {
		/* HEIGHT: 2.4em; */
		/* position:absolute; */
		/*bottom:0px;*/
		/* top: 38px; */
		/* left:0px; */
	}
	
	.dropDown LI A {
		/* DISPLAY: block; */
		COLOR: #fff;
		TEXT-DECORATION: none;
		/* padding:.3em; */
		/*font-size: 12px;*/
		/*BORDER-right: 1px solid #A55129;*/
		/* text-align:center; */
		/* background-color: #c0272e; */
		/*border-top: 1px solid #e5743f;*/
	}
	.dropDown LI A:hover{
		color: #99BAD5;
	}
	.dropDown LI {
		display: inline-block;
		/* WIDTH: 8em; */
		padding-left: 1em;
		CURSOR: pointer;
		/* COLOR:  #ffffff; */
		POSITION: relative;
	}
	
	.dropDown LI LI {
		WIDTH: 16em; /* size of sub menu font */
		font-size: 10px;
		/*border: #10284C 1px solid;*/
        border-right: black  1px solid;
        border-left: black  1px solid;
        /*border-top: black  1px solid;*/
        border-bottom: black  1px solid;
		BACKGROUND: #ffffff; COLOR: #000000
	}
	
	.dropDown LI LI A {
		BACKGROUND: #ffffff; COLOR: #000000;
		text-align:left;
		padding-left:1.5em;
	}
	
	.dropDown disabled A {
		color:#c0272e;
	}
	
	.dropDown LI UL {
		DISPLAY: none;
		BACKGROUND: #ffffff;
		LEFT: 0px;
		POSITION: absolute;
		TOP: 1.78em
	}
	
	.dropDown LI LI A:hover,	
	.dropDown LI A.branch:hover {
		BACKGROUND: #10284C; COLOR: #ffffff
	}
	
	.noclick {cursor:default;}

	#content {
		CLEAR: both
	}
	/*A.branch {
		BACKGROUND: url(http://10.12.0.142:8988/prismwebWS-prism-context-root/pages/images/arrow.gif) #fff no-repeat right center
	}*/
	A.branch:hover {
		BACKGROUND: #10284C;
	}
	LI:hover UL {
		DISPLAY: block
	}
	LI.over UL {
		DISPLAY: block
	}
	LI.branch UL {
		DISPLAY: none
	}
	LI.hover UL LI.branch UL {
		DISPLAY: none
	}
	LI.hover UL LI.hover UL LI.branch UL {
		DISPLAY: none
	}
	LI.hover UL {
		DISPLAY: block; MARGIN-LEFT: 7em; POSITION: absolute; TOP: 0px
	}
	LI.hover UL LI.hover UL {
		DISPLAY: block; MARGIN-LEFT: 7em; POSITION: absolute; TOP: 0px
	}
	LI.hover UL LI.hover UL LI.hover UL {
		DISPLAY: block; MARGIN-LEFT: 7em; POSITION: absolute; TOP: 0px
	}
/* end navagation menues */

/* overwrite Jquery UI Component style */
.ui-widget{
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif !important;
	font-size: 1em !important;
	padding: 0 !important;
	border-radius: 0 !important;
}
.ui-widget-header{
	
border-radius: 0 !important;
}
.ui-widget-content ul li{
	margin-bottom: 10px;
}
.ui-widget-content select, .ui-widget-content input[type="text"]{
	font-size: 0.8em !important;
}
.ui-widget-content input[type="submit"], input[type="submit"]{
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif !important;
	padding: 5px !important;
	background: #fbfbfb;
	border-color: #005e9c;
	cursor: pointer;
	border-radius: 0;
	font-size: .9em;
	border-width: 2px;
}
.ui-widget-content input[type="submit"]:hover, input[type="submit"]:hover{
	background: #005e9c;
	color: #fff !important;
}
.ui-widget-content input[type="submit"]:disabled{
	background: #fbfbfb;
	border-color: #ccc;
	color: #ccc !important;
	cursor:not-allowed;
}

/* Footer Style */
footer {
	background: #fafafa;
	border-top: 1px solid #b7b7b7;
	bottom: 0;
	left: 0;
	padding: 0.5em;
	position: fixed;
	right: 0;
	text-align: right;
	z-index: 2;
	font-size: 12px;
	color: #333;
}
.footerCAIText{
	font-weight: bold;
}