body 
{
margin: 0px 0px 0px 0px;
color:#2c2c2c;
background: #ffffff; 
font-family: Verdana;
font-size: 12px;
}

p
{
margin-top: 5px;
margin-bottom: 0px;
}

span
{
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
}

A, A:link, A:active, A:visited
{
	font-family: Verdana;
	font-size: 8pt;
	text-decoration: underline;
	color: #083C50;
}

A:hover
{
	text-decoration: underline;
	color: #083C50;
}

hr
{
	color: #000000;
	height: 1px;
}

img
{
	border-style:none;
}

/*====================================
  Page Layout 
*/

.Background
{
width :100%;
background: #E2E9EC; 
min-height: 200px;
}

.Main
{
	background-color: #E2E9EC;	
	width: 960px;
	margin: auto;
	text-align: left;

}

.Header
{	
	width: 940px;
	margin-left: 0px;
	clear: both; 
	min-height: 100px;
	background: url("Images/header-bg.gif") repeat-x top center;
}

.Logo
{
	width: 300px;
	margin: 15px 0px 0px 10px;
}

.TopLoginName
{
	font-size: 9px;
	text-decoration: none; color: #000000; font-weight: bold;
	font-family: Verdana;
}
a.TopLoginName {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px; color: #000000; text-decoration:none;}
a.TopLoginName:link {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px; color: #000000; text-decoration:none;}
a.TopLoginName:visited {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px; color: #000000; text-decoration:none;}
a.TopLoginName:hover {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px; color: #000000; text-decoration:none;}

.PoweredBy
{
	background: url("Images/PoweredBy.png") no-repeat top center;
	width: 229px; height: 65px;
}
.HeaderMenu
{
	padding: 18px 0px 0px 0px; 
	float: right; 
	border-bottom: solid 1px #ffffff;
}
.SiteMenu {
	min-height: 25px;
	background: #f5f5f5 repeat-x top center;
}

.SearchControl
{
	float: right; 
	margin-right: 20px; 
	padding-left: 10px; 
	border-left: solid 1px #ffffff;
}
.Content 
{
	clear: both;
	background-color: #ffffff;
	padding: 10px 30px 10px 30px;
}

.SiteLeftBorder
{ 
	background-color: #812C2E;
}

.SiteRightBorder
{
	background-color: #cccccc;
}


.LeftPanel
{
	background-color: #dddddd;
}

/* ===================================
   Header/Footer
*/
.DefaultHeader
{
	background-color: #0c2a4c;
}

.DefaultHeaderBottomBorder
{
	height: 1;
	background-color: #cccccc;
}

.Footer
{
	
	padding: 24px 0px 2px 0px;
	background-color: #E2E9EC;
}

/* ================================================*/


.CopyrightNotice
{
	font-family: Verdana;
	font-size:10px;
	color: #000000;
	text-align: center;
}
.FooterMenuItem {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; color: #000000;}
a.FooterMenuItem {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; color: #000000; text-decoration:underline;}
a.FooterMenuItem:link {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; color: #000000; text-decoration:underline;}
a.FooterMenuItem:visited {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; color: #000000; text-decoration:underline;}
a.FooterMenuItem:hover {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; color: #000000; text-decoration:underline;}

.FooterMenuItem a:hover
{
	color: #ffffff;
	text-decoration: underline;
}
.PageTitle
{
	font-family: Arial;
	font-size: 19pt;
	font-weight: normal;
	color: #083C50;
	padding-left: 10;
	padding-top: 5;
}

/* The page title underline is a cell. Set the height to 1px
   to make a thin line, wider for a thick line. Leave the width 
   unspecified to make the line the same width as the title. Specify
   the width to make the line a fixed width, extending to the right
   past the end of the title. Set the background color to the color of
   the line. Turn the line on/off in AppSettings. */
.PageTitleUnderline
{
	height: 5px;
	background-color: #000000;
}

.FormTitle
{
	font-family: Arial;
	font-size: 19pt;
	font-weight: normal;
	color: #000000;
	padding-bottom: 3px;
}

/* Start custom button CSS here
---------------------------------------- */
.Button {
display:inline-block;
background:none;
margin:0;
padding:3px 6px 3px 6px;
border-width:0;
overflow:visible;
font:12px Arial,Sans-serif;
text-decoration:none;
color:#333;
background:#ddd url(Images/bg-button.gif) repeat-x 0 0;
border-left:1px solid #bbb;
border-right:1px solid #aaa;
border-top:1px solid #bbb;
border-bottom:1px solid #aaa;
}
* html button.Button {
padding-bottom:1px;
}
/* Immediately below is a temporary hack to serve the 
following margin values only to Gecko browsers
Gecko browsers add an extra 3px of left/right 
padding to button elements which can't be overriden.
Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.Button {
margin:0 -3px;
}
.Button span {
background:#ddd url(bg-button.gif) repeat-x 0 0;
margin:0;
padding:3px 0;
border-left:1px solid #bbb;
border-right:1px solid #aaa;
}
* html .Button span {
padding-top:0;
}
.Button span span {
position:relative;
padding:3px .4em;
border-width:0;
border-top:1px solid #bbb;
border-bottom:1px solid #aaa;
}

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
border-right-width:0;
}
button.pill-l span span {
border-right:1px solid #bbb;
}
button.pill-c span {
border-right-style:none;
border-left-color:#fff;
}
button.pill-c span span {
border-right:1px solid #bbb;
}
button.pill-r span {
border-left-color:#fff;
}

/* only needed if implementing separate hover/focus/active state for buttons */
.Button:hover, .Button:hover span, .Button:hover span span, .Button:focus span, .Button:focus span span {
cursor:pointer; /* important for any clickable/pressable element */
border-color:#9cf !important;
color:#000;
}
.Button:active span {
background-position:0 -400px;
outline:none;
}
.Button:focus, .Button:active {
outline:none; /* doesn't seem to be respected for <button>, only <a> */
}

.LinkButton
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
}

.LinkButton A:link, *.LinkButton A:visited, *.LinkButton A:active
{
	color: #083C50;
	text-decoration: underline;
}

.LinkButton A:hover
{
	color: #083C50;
	text-decoration: underline;
}

.LinkButtonBold
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

.BoldLinkButton A:link, *.BoldLinkButton A:visited, *.BoldLinkButton A:active
{
	color: #8a001c;
	text-decoration: underline;
}

.BoldLinkButton A:hover
{
	color: #ff0000;
	text-decoration: underline;
}


.PageAdminHeader
{
	text-align: right;
}

.PageAdminHeaderLinkButton
{
	font-family: Verdana;
	font-size: 8pt;
	height: 20px;
}


.Label
{
	font-size: 8pt;
	font-family: Verdana;
	vertical-align: top;
	line-height: 12pt;
	padding-right: 5px;
}


.ButtonBarMessage
{
	font-size: 8pt;
	font-family: Verdana;
	vertical-align: top;
	line-height: 12pt;
	color: Red;
}

.TextBox
{
	font-size: 8pt;
	font-family: Verdana;
}

.RequiredTextBox
{
	font-size: 8pt;
	font-family: Verdana;
	background-color: #f7ebdb; 
}

.CheckBox
{
	font-size: 8pt;
	font-family: Verdana;
}

.Grid
{
	font-size: 8pt;
	font-family: Verdana;
}

.GridHeader
{
	background-color: #eeeeee;
	font-weight: bold;
	padding: 6px 6px 6px 6px;
	text-align: left;
}

.GridItem
{
	padding: 6px 6px 6px 6px;
}

.GridItemAlt
{
	padding: 6px 6px 6px 6px;
}
.GridCell
{
	padding: 6px 6px 6px 6px;
}

.ModuleBody
{
	border: none;
}

.TabbedFormBody
{
	border: none;
	border: 1px #e0dfe3 solid;
	border-top: 5px #e0dfe3 solid;
	padding: 5px;
}


.ListBox
{
	border-style: solid;
	border-width: 1px;
	border-top-color: #FC8F30;
	border-left-color: #FC8F30;
	border-bottom-color: white;
	border-right-color: white;
}

.TableCellBox
{
	border-style: solid;
	border-width: 1px;
	border-top-color: #FC8F30;
	border-left-color: #FC8F30;
	border-bottom-color: #FC8F30;
	border-right-color: #FC8F30;
}

.HTMLEditBox
{
	font-size: 8pt;
	font-family: Courier New;
}

.Breadcrumbs
{
	padding-left: 10;
	font-size: 8pt;
	font-family: Verdana;
	font-style: italic;
}

.SnapHeader
{
	border: 1px solid #CCCCCC;
	color: #8A001C;
	font-family: Verdana;
	font-size: 11px;
	width: 100%;
	background-image: url(Images/back.gif);
	background-repeat: repeat-x;
}

.Table
{
	font-size: 8pt;
	font-family: Verdana;
}

.TableHeader
{
	background-color: #eeeeee;
	font-weight: bold;
}

.TableCell
{
	border-style: solid;
	border-width: 1px;
	border-top-color: #666666;
	border-left-color: #666666;
	border-bottom-color: #cccccc;
	border-right-color: #cccccc;
}
.CenterPanel
{
	padding: 0px 0px 0px 0px;
}
.PageTitle
{
	padding: 0px 0px 0px 5px;
}
.FormPanel
{
	font-size: 8pt;
	font-family: Verdana;
}
.btns div { cursor: default; }
.btns a { white-space: nowrap; }
.captchaTextbox
{
    float: left; 
    width: 150px;
    clear:both;         
}
.captchaLabel
{
    width:200px;
}
.RadTreeView_Default .rtHover span.rtIn
{
    background:none !important;
    border: solid 1px #ffffff !important;
}

.RadTreeView_Default .rtSelected span.rtIn
{
    background:none !important;
    border: solid 1px #ffffff !important;
}

.sso-container {
	margin-top: 15px;
	flex-wrap: nowrap;
	display: flex;
	border: solid 0px red;
	min-height: 30px;
}

.sso-icon {
	height: 1em;
	width: 1em;
	top: .125em;
	position: relative;
	border: solid 0px blue;
}

.sso-btn {
	margin-top: 5px;
	margin-left: 15px;
	border: solid 0px black;
}