/**************************************************************************************
  UNICOR Unified Style Guide
  Creation Date: 21 April, 2014

  Description: CSS Style Sheet based on HFI Style Guide provided as part of
  the UNICOR User Interface Redesign - Phase 2

  Change Log
  ------------------------------------------------------------------------------------
    Date				Init	Change
  ------------------------------------------------------------------------------------
  06/27/2019            TMS     Task 12061 Added Dropup button
  06/05/2018    1243pm	AJvM	Task 10617: One new style for Account application
  12/06/2017            TMS     Task 11462: Do not show hyperlinks when printing
  01/13/2015   			DWT     Task 10016 (Style sheet classes for a range of font sizes and weights) 
  04/21/2014   			TMS     Initial Creation
  05/29/2014   			DWT     Latest versino from Todd Snyder.
  07/07/2014    		JRP     Moved to QAS 
  07/14/2014  			JRP     Adding styles for the new store homepage
  07/16/2014   			TMS     Added Styles for CSS Global Horizontal Menu
  08/14/2014   			JRP     Adding old fedfleet styles back
  08/26/2014   			JRP     Add Breadcrumb class
**************************************************************************************/

@media print {
    a[href]:after {
        content: none !important;
    }
}

/* The style guide calls for Helvetica Neue which is the IOS default font and costs $29.
   Roboto is the default Android font and is free. Both fonts are essentially the same.

BOP USES open sans */
/**************************************************************************************
 Fonts
**************************************************************************************/

@font-face
{
    font-family: Open Sans;
    src: url('https://www.unicor.gov/Fonts/OpenSans/OpenSans-Regular.ttf');src: url(/Fonts/OpenSans/OpenSans-Regular.ttf);
}

.infoNormal {
    font-weight: normal;
    font-size: 14px;
    color: #63AEEF;		/* Bootstrap info blue */
}

.successNormal {
    font-weight: normal;
    font-size: 14px;
    color: #408A34;		/* Standard UNICOR (darker) green */
}

/**************************************************************************************
 Default HTML Tags
**************************************************************************************/
body
{
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
    text-align: left;
    background-color: #FFFFFF;
}

/*** OBSOLETE *************************************************************************
.clsMasterShadowLeft
{
    padding: 0;
    margin: 0;
    background-image: url('/Images/MasterPage/shadow_left.png');
    background-repeat: repeat-y;
}

.clsMasterShadowRight
{
    padding: 0;
    margin: 0;
    background-image: url('/Images/MasterPage/shadow_right.png');
    background-repeat: repeat-y;
}

.clsMasterHangLeft
{
    padding: 0;
    margin: 0;
    background-image: url('/Images/MasterPage/hang_left.png');
    background-repeat: no-repeat;
}

.clsMasterHangRight
{
    padding: 0;
    margin: 0;
    background-image: url('/Images/MasterPage/hang_right.png');
    background-repeat: no-repeat;
}
*************************************************************************************/

li
{
    list-style-type: none;
}

a
{
    text-decoration: none;
    color: #408A34;
    outline: 0;
}
a:hover
{
	color: #036;
}
a:visited
{
   text-decoration: none;
}

p
{
    padding: 4px;
    margin: 4px;
    text-align: left;
    text-indent: 0px;
}

img
{
    padding: 0;
    margin: 0;
    border-style: none;
}

/*
.clsOrderedList
{
    margin-left: 25px;
}

.clsOrderedList li
{
    list-style: decimal;
    margin-left: 35px;
}
*/

.clsDottedBottomBorder
{
    border-bottom: 2pt dotted #484848;
    border-bottom-color: #797979;
}

.clsSubText {
    font-size: 12px;
    font-family: 'Open Sans',arial,sans-serif;
    font-weight: normal;
}

/**************************************************************************************
 HFI Color Palette Reference
**************************************************************************************/

.Color1
{
    background-color: #FFFFFF;
    color: #000000;
}

.Color2
{
    background-color: #F9FCF5;
    color: #000000;
}

.Color3
{
    background-color: #E1F2D0;
    color: #000000;
}

.Color4
{
    background-color: #8DC63F;
    color: #000000;
}

.Color5
{
    background-color: #779F5E;
    color: #000000;
}

.Color6
{
    background-color: #406618;
    color: #FFFFFF;
}

.Color7
{
    background-color: #EDF5F6;
    color: #000000;
}

.Color8
{
    background-color: #408A34;
    color: #000000;
}

.Color9
{
    background-color: #007484;
    color: #FFFFFF;
}

.Color10
{
    background-color: #505050;
    color: #FFFFFF;
}

.Color11
{
    background-color: #464646;
    color: #FFFFFF;
}

.Color12
{
    background-color: #333333;
    color: #FFFFFF;
}

.Color13
{
    background-color: #000000;
    color: #FFFFFF;
}

/**************************************************************************************
 B-M Color Palette Reference
**************************************************************************************/

/* Secondary (Light) Blue */
.Color14
{
    background-color: #00B1E9;
}

/* Used for Global Menu Bar */
.Color15
{
    background-color: #6AC55B;
    color: #FFFFFF;
}

/* Gray */
.Color16
{
    background-color: #878988;
}

/* Primary Blue Color */
.Blue
{
    background-color: #00B3E9;
}

/**************************************************************************************
 Design Elements
**************************************************************************************/
/*
.clsGraySpacer
{
    margin: 0;
    padding: 0;
    font-size: 4pt;
    background-image: url('/Images/878988.png' );
    background-repeat: repeat -8;
    height: 4px;
}
*/

.clsShadow
{
    box-shadow: 5px 5px 5px #CCCCCC;
    -moz-box-shadow: 5px 5px 5px #CCCCCC;
    -webkit-box-shadow: 5px 5px 5px #CCCCCC;
}

.LeftPanel
{
    background-color: #FFFFFF;
}

/* 
	Special Class added to allow shadow boxes on old browsers 
	You must use the following for the body tag

	<!--[if lt IE 7 ]>   <body class="ie6">          <![endif]-->
	<!--[if IE 7 ]>      <body class="ie7">          <![endif]-->
	<!--[if IE 8 ]>      <body class="ie8">          <![endif]-->
	<!--[if IE 9 ]>      <body class="ie9">          <![endif]-->
	<!--[if (gt IE 9) ]> <body class="modern">       <![endif]-->
	<!--[!(IE)]><!-->
	<body class="notIE modern">
	<!--<![endif]-->	
*/

.clsGradientBlue
{
    background: -webkit-linear-gradient(#0094ff, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0094ff, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0094ff, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0094ff, #ffffff); /* Standard syntax (must be last) */
}

.clsPadding
{
    padding: 10px;
}

.clsNoWhiteSpace
{
    padding: 0;
    margin: 0;
    font-size: 0px;
    display: block;
}

.clsRoundedBorder
{
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.clsRoundedTopLeftCorner
{
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
}

.clsRoundedTopRightCorner
{
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
}

.clsRoundedBottomLeftCorner
{
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}

.clsRoundedBottomRightCorner
{
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
}

.clsHeaderWrapper {
    border-top: 5px #999 solid;
    border-right: 1px #999 solid;
    border-left: 1px #999 solid;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 2px;
    width: 1024px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.clsMainMenuWrapper {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 2px;
    width: 1024px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.clsMainContentWrapper {
    border-right: 1px #999 solid;
    border-left: 1px #999 solid;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 2px;
    width: 1024px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.clsFooterWrapper {
    background-color: #333333;
    border-right: 1px #999 solid;
    border-left: 1px #999 solid;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 2px;
    width: 1024px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 20px #000 black;
}

.WireFrame
{
    border: 1px solid #C0C0C0;
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666666 0px 2px 3px;
    box-shadow: #cccccc 0px 2px 3px;
}

.clsTextBox
{
    padding: 2px;
    font-size: 16px;
    border: 1px solid #999999;
}

.clsDisabledTextBox
{
    border-style: none;
    font-size: 12px;
}

.clsDropDownList
{
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 12px;
    border: 1px solid #C0C0C0;
    z-index: 1000;
}

.clsFeedback
{
    color: #000000;
}

.clsErrorMessage
{
    color: #FF0000;
}

.clsButton
{
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #039CCC), color-stop(1, #468ccf) );
    background: -moz-linear-gradient( center top, #039CCC 5%, #468ccf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=     '#039CCC' , endColorstr= '#468ccf' );
    background-color: #00b1e9;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #999999;
    display: inline-block;
    color: #FFFFFF;
    font-style: normal;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 2px;
}
.clsButton:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
    background: -moz-linear-gradient( center top, #468ccf 5%, #408A34 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#468ccf', endColorstr= '#408A34' );
    background-color: #468ccf;
}
.clsButton:active {
    position: relative;
    top: 1px;
}

.clsButton_Red
{
    -moz-box-shadow: 1px 1px 8px 0px #cccccc;
    -webkit-box-shadow: 1px 1px 8px 0px #cccccc;
    box-shadow: 1px 1px 8px 0px #cccccc;
    background-color: #990000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #FF0000;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 11pt;
    padding: 5px 5px;
    text-decoration: none;
    text-shadow: 0px 1px 2px #999999;
}
.clsButton_Red:hover
{
    border-color: #800000;
    background-color: #FF0000;
    color: #FFFFFF;
}
.clsButton_Red:active
{
    position: relative;
    top: 1px;
}

.clsImageButton
{
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #039CCC), color-stop(1, #468ccf) );
    background: -moz-linear-gradient( center top, #039CCC 5%, #468ccf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=     '#039CCC' , endColorstr= '#468ccf' );
    background-color: #00b1e9;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #999999;
    display: inline-block;
    color: #FFFFFF;
    font-style: normal;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 2px;
}

.clsBusinessCard
{
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    padding: 4px;
    margin: 4px;
    width: 195px;
    font-family: 'Open Sans' ,arial,sans-serif;
    box-shadow: 3px 3px 3px #cccccc;
    font-size: 12px;
    color: #000000;
}

.clsBusinessCard a
{
}

.clsMandatoryField
{
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
    border: 1px solid #FF0000;
    /* From -danger */
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

/**************************************************************************************
 Accordion Control
**************************************************************************************/
.accordion
{
}
.accordionHeader
{
    padding: 2px;
    margin: 2px;
    border: 1px none #779F5E;
    color: #333333;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}
.accordionHeader a
{
    color: #333333;
    background: none;
    text-decoration: none;
}
.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected
{
    padding: 2px;
    margin: 2px;
    border: 1px none #779F5E;
    color: #333333;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}
.accordionHeaderSelected a
{
    color: #406618;
    background: none;
    text-decoration: none;
}
.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    padding: 4px;
    margin: 4px;
    border: 1px solid #C0C0C0;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
}

.accordionLink {
    color: #FFFFFF;
}

/**************************************************************************************
Global Object Classes
**************************************************************************************/

.clsSearchBox
{
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: #CCCCCC;
	font-size: 14px;
	height: 30px;
	left: 5px;
	margin: 0;
	padding: 0;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
	line-height: 30px;
}

.clsSearchTypeList
{
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: #cccccc;
    height: 20px;
}

.clsSessionTimeoutWarning
{
    position: absolute;
    border: 1px solid #000000;
    top: 100px;
    left: 200px;
    z-index: 5000;
    display: none;
}

/* BEGIN Global Elements */

.Header
{
    /* 201407081402 - TMS - Removed Background images from header 	background-image: url(/Images/u11/home-header-gradient.jpg); 	background-repeat: repeat-x; */
    background-color: #FFFFFF;
}

/* BEGIN Global Footer */

.clsFooter
{
    border-top: solid 1px #cccccc;
    text-align: center;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    padding: 15px 0px 0 20px;
    background-color: #333333;
}
.clsFooter a
{
	color: #CCCCCC;
}
.clsFooter table
{
    /*	margin-left:20px;margin-right:50px; */
}
.clsFooter td
{
    white-space: nowrap;
    padding: 4px;
}

/* END Global Footer */


/* BEGIN BOP Footer */

.clsBOPFooter
{
    background: #F7F3F7;
    border-top: 1px solid #BDDBEF;
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    padding: 15px 0px 0 20px;
    border-bottom: 10px solid #003063;
}
.clsBOPFooter a
{
    color: #424542;
}
.clsBOPFooter table
{
    /*	margin-left:20px;margin-right:50px; */
}

.clsFooter td
{
    white-space: nowrap;
    padding: 4px;
}

/* END BOP Footer */


.clsGlobalNavigation
{
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
    color: #408A34;
}
.clsGlobalNavigation:hover
{
	color: #408A34;
	text-decoration:none;
}

.clsGlobalButton
{
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    border: 1px solid #036;
    background-color: #408A34;
}

.clsGlobalHFIFooter
{
    background-image: url(/Images/MasterPage/FooterBackground.png);
    background-repeat: repeat-x;
    font-size: 12px;
}

.clsGlobalBMFooter
{
    background: #171e24;
    border-top: 3px solid #c0a57e;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    padding: 15px 20px 0 20px;
}
.clsGlobalBMFooter a, .clsGlobalBMFooter a:link, .clsGlobalBMFooter a:visited
{
    color: #999999;
    text-decoration: none;
}
.clsGlobalBMFooter a:hover
{
    color: #999999;
    text-decoration: underline;
}
.clsGlobalBMFooter a:active
{
    color: #999999;
    font-family: Helvetica, sans-serif;
    text-decoration: none;
}


/* BEGIN Content Stack Wrapper Classes */

.ContentType_HTML
{
    /* Handled by default style except for items below */
    margin: 0;
}

/* END Content Stack Wrapper Classes */


/* Menu Bar Background */

.clsMainMenu
{
	background: #6AC656;        /* Standard UNICOR (medium) green */
}
.clsMainMenu table{margin:0px;padding:0px;}
.clsMainMenu td{margin:0px;padding:0px;}
.clsMainMenu ul{margin:0px;padding:0px;}
.clsMainMenu li{margin:0px;padding:0px;}
.clsMainMenu a{margin:0px;padding:0px;}


/**************************************************************************************
	BEGIN Dropdown Menus
**************************************************************************************/

.clsDropDown
{
	position: relative;
	z-index: 1001;
	text-align: left;
	display: block;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.clsDropDown li:hover
{
	border-top: 1px solid #cccccc;
	top: -1px;
}
.clsDropDown a
{
	font-weight: normal;
	font-family: 'Open Sans' ,arial,sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 6px 6px 6px 6px;
	margin-bottom: 6px;
}
.clsDropDown ul:active{color: #408A34 !important;}
.clsDropDown a:hover{color: #FFF !important;}
.clsDropDown ul li:hover{color: #408A34 !important;	border-top: 0px solid #ffffff;	top: 0px;}
.clsDropDown ul li:active{color: #408A34 !important;}
.clsDropDown ul li a:hover{color: #FFF !important;}
.clsDropDown ul li td:hover{background-color: #408A34 !important;}
.clsDropDown ul {
    background: #FFFFFF;
    display: none;
    margin: 0;
    padding: 0;
    min-width: 150px;
    position: absolute;
    top: 38px;
    left: -1px;
    border-bottom: solid 3px #999999;
    box-shadow: 1px 1px 1px #CCCCCC;
    -moz-box-shadow: 1px 1px 1px #CCCCCC;
    -webkit-box-shadow: 1px 1px 1px #CCCCCC;
}
.clsDropDown ul li
{
  float: none;
  margin: 0;
  padding: 0;
  min-width: 200px;
}
.clsDropDown li {
    margin: 0px 0px 0px 0px;
    padding: 0px 6px 0px 6px;
    float: left;
    position: relative;
    list-style: none;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-right-color: #6AC65C;
    border-left-color: #6AC65C;
}
.clsDropDown li:hover
{
	background-color:#408A34;
	color: #FFFFFF !important;
}
.clsDropDown .active a, .clsDropDown li:hover > a
{
    color: #FFFFFF;
}
.clsDropDown ul li ul /* Second Level Menu */
{
    background-color: #FFFFFF;
    display: none;
    margin: 0;
    padding: 0;
    min-width: 200px;
    position: absolute;
    top: 0px;
    left: 199px;
    border-top: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
}
.clsDropDown ul li ul li{background:#FFFFFF;}
.clsDropDown li ul li a
{
	margin: 0;
	color: #000000;
	padding: 2px 6px 2px 6px;
}
.clsDropDown li:hover > ul
{
    display: block;
}
.clsDropDown:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .clsDropDown
{
    display: block;
}

* html .clsDropDown
{
    height: 1%;
}

.clsCartDropDown
{
    margin: 6px 0px 0px 0px;
    padding: 2px 2px 0px 2px;
    height: 100%;
    position: relative;
    z-index: 1001;
    text-align: left;
}
.clsCartDropDown li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 6px 0px 6px;
    float: left;
    position: relative;
    list-style: none;
    height: 100%;
}
.clsCartDropDown a
{
    font-weight: normal;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-style: normal;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 6px 6px 6px 6px;
    margin: 0;
    margin-bottom: 6px;
}
.clsCartDropDown li ul li a
{
    margin: 0;
    color: #000000;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}
.clsCartDropDown .active a, .clsCartDropDown li:hover > a
{
    background: #408A34 !important;
    color: #000000 !important;
}
.clsCartDropDown ul li:hover a, .clsCartDropDown li:hover li a
{
}
.clsCartDropDown ul a:hover
{
    background: #408A34 !important;
    color: #FFFFFF !important;
}
.clsCartDropDown ul
{
    background: #FFFFFF;
    display: none;
    margin: 0;
    padding: 0;
    width: 200px;
    position: absolute;
    top: 38px;
    left: 8px;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
    box-shadow: 3px 3px 3px #CCCCCC;
    -moz-box-shadow: 3px 3px 3px #CCCCCC;
    -webkit-box-shadow: 3px 3px 3px #CCCCCC;
}
.clsCartDropDown ul li ul
{
    background: #FFFFFF;
    display: none;
    margin: 0;
    padding: 0;
    width: 250px;
    position: absolute;
    top: 0px;
    left: 250px;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
}
.clsCartDropDown li:hover > ul
{
    display: block;
}
.clsCartDropDown ul li
{
    float: none;
    margin: 0;
    padding: 0;
}
.clsCartDropDown ul a
{
    padding: 2px 0px 2px 2px;
    color: #000000 !important;
    font-size: 14px;
    font-style: normal;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-weight: normal;
}
.clsCartDropDown ul li:first-child > a
{
}
.clsCartDropDown ul li:last-child > a
{
}
.clsCartDropDown:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clsCartDropDown
{
    display: inline-block;
}

html[xmlns] .clsCartDropDown
{
    display: block;
}

* html .clsCartDropDown
{
    height: 1%;
}

.clsTableHeaderCell
{
    padding: 2px;
    border: 1px solid #000000;
    margin: 0;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #408A34;
}

.clsTableDataCell
{
    padding: 2px;
    border: 1px solid #000000;
    margin: 0;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #FFFFFF;
}

.clsTableDataCell_NoBorder
{
    padding: 2px;
    margin: 0;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.clsFormFooter
{
    margin: 2px;
    padding: 2px;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 12px;
}

.clsLeftColumn
{
	padding-top: 5px;
	padding-left: 5px;
	background-color: #FFFFFF;
}

.CheckBoxList input {
			margin-bottom: 12px;
			margin-top: 5px;
			margin-right: 20px !important;
	}
	.CheckBoxList label {
			color: #000  !important;
			margin-top: 5px;
			margin-bottom: 12px;
	}

/* END Global Elements */


/**************************************************************************************
Single Navigation Item
**************************************************************************************/

.clsCSSNavElement
{
    background-color: #FFFFFF;
    padding: 4px;
    width: 202px;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}
.clsCSSNavElement a:hover
{
    color: #FFFFFF;
}


/**************************************************************************************
Left Navigation pure CSS menu
**************************************************************************************/

.clsCSSNav {
    border-bottom: 1px solid #CCCCCC;
    width: 194px;
    padding-left: 0px;
    cursor: default;
    list-style-type: none;
    margin-left: 4px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    position: relative;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    z-index: 1000;
}

    .clsCSSNav .clsCSSNavItem > .clsCSSNav {
        list-style-type: none;
        display: none;
        position: absolute;
        margin-top: -25px;
        margin-left: -25px;
        left: 218px;
        border: solid 1px #CCCCCC;
        box-shadow: 2px 2px 5px #CCCCCC;
        -moz-box-shadow: 2px 2px 5px #CCCCCC;
        -webkit-box-shadow: 2px 2px 5px #CCCCCC;
        z-index: 5001;
    }

    .clsCSSNav .clsCSSNavItem:hover, .clsCSSNavItem.CSStoHighlight {
        color: #6AC656;
        font-weight: normal;
    }

    .clsCSSNav .clsCSSNav.CSStoShow {
        display: block;
    }

    .clsCSSNav .clsCSSNavItem:hover > .clsCSSNav {
        display: block;
    }

    /*Left Stack - First (Root) Level */
    .clsCSSNav .clsCSSNavItem .clsCSSNavLink {
        color: #000;
        background-color: #6AC656; /*First Level Background Color*/
        display: block;
        padding: 4px;
        list-style-type: none;
        text-decoration: none;
        font-size: 13px;
        font-weight: normal;
    }

        .clsCSSNav .clsCSSNavItem .clsCSSNavLink:hover, .clsCSSNav .clsCSSNavItem .clsCSSNavLink.CSStoHighLink {
            color: #6AC656;
            background-color: #FFFFFF;
        }

    /* 2nd Level SubMenu */
    .clsCSSNav > .clsCSSNavItem > .clsCSSNav > .clsCSSNavItem > .clsCSSNavLink {
        background-color: #FFF;
        color: #000;
    }

    /* 3rd Level SubMenu */
    .clsCSSNav > .clsCSSNavItem > .clsCSSNav > .clsCSSNavItem > .clsCSSNav {
        margin-left: -30px;
    }

    /*First Level Hover Behavior*/
    .clsCSSNav .clsCSSNavItem:hover > .clsCSSNavLink {
        background-color: #408A34;
        color: #FFFFFF;
    }

    /*Second Level Hover Behavior*/
    .clsCSSNav > .clsCSSNavItem > .clsCSSNav > .clsCSSNavItem:hover > .clsCSSNavLink {
        background-color: #408A34;
        color: #FFFFFF;
    }


/**************************************************************************************
				Portal Specific Styles
				
				If you use one of these classes, move the class out of
				the Portal Secific Styles section of this document
**************************************************************************************/

.clsHeader
{
    color: #408A34;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 16px;
    font-weight: Bold;
}

.clsModalDialog
{
    position: absolute;
    top: 50%;
    left: 50%;
}

.clsError
{
    color: #990000;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
}

.clsSuccess
{
    color: #0066FF;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
}

.clsSmallText
{
    font-size: 10px;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-weight: normal;
}

.clsPOD
{
    padding: 2px;
    margin: 2px;
    font-size: small;
}

.clsPodHeaderCell
{
	border: 1px solid #808080;
	padding: 2px;
	margin: 0;
	font-family: 'Open Sans' ,arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-color: #408A34;
	color: #FFFFFF;
}

.title
{
    color: #FFFFFF;
    font-size: 14px;
}
.title td
{
    color: #FFFFFF;
    font-size: 14px;
    vertical-align: bottom;
    text-align: left;
}

.clsCenterOnPage
{
    width: 100%;
    text-align: center;
    text-align: -moz-center;
}

.clsPanelHeader
{
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #666666;
}

.clsDropDownForm
{
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    padding: 4px;
    margin: 4px;
}

.clsCartMenu
{
    background-color: #007484;
}

.clsDynamicHoverStyle
{
    background-color: #408A34;
    font-weight: bolder;
}

.clsStaticHoverStyle
{
    background-color: #FFFFFF;
}


/**************************************************************************************
				Modal Dialog Styles
**************************************************************************************/

.modal
{
    position: absolute;
    left: 35%;
    top: 25%;
    background-color: #FFFFFF;
}

.modal-header
{
    border-bottom: 1px solid grey;
    height: 25px;
    padding-left: 2px;
    background-color: #3399FF;
    float: left;
    width: 100%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.modal-header-close
{
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    float: right;
    position: absolute;
    right: 0;
}
.modal-header-close:hover
{
    border: 1px solid grey;
}

.modal-content
{
    padding: 2px;
}


/**************************************************************************************
				Optional Tile Interface Styles
**************************************************************************************/

.submenu
{
    z-index: 9999; /* IE8 FIX for asp:Menu */
}

.clsDashboard
{
    float: left;
    margin: 4px 3px;
    padding: 10px;
}
.clsDashboard input
{
    float: none;
    display: block;
}

.page
{
    width: auto;
    height: auto;
    color: #FFFFFF;
    margin: 5px;
}

.row
{
    width: auto;
    height: auto;
    display: table;
}

.tile
{
    margin: 2px;
    padding: 5px;
    height: 75px;
    width: 75px;
    float: left;
    text-align: center;
}

.tileSpacer /* Empty Small Tile */
{
    padding: 5px;
    height: 75px;
    width: 75px;
    float: left;
}

.tileWide
{
    padding: 5px;
    width: 254px;
    height: 75px;
}

.tileLarge
{
    padding: 5px;
    width: 165px;
    height: 75px;
}

.tileXLarge
{
    padding: 5px;
    width: 164px;
    height: 165px;
}

.tileXXLarge
{
    padding: 5px;
    width: 254px;
    height: 165px;
}

.tileXXXLarge
{
    padding: 5px;
    width: 235px;
    height: 235px;
}

.Gold
{
    background: #DAA520;
}

.Red
{
    background: #CD0000;
}

.LightBlue
{
    background: #4682B4;
}

.Green
{
    background-color: #2E8B57;
}

.Orange
{
    background-color: #FF8000;
}

.Purple
{
    background-color: #9966FF;
}

.LightGreen
{
    background-color: #CCFF99;
}

.Gray
{
    background-color: #333333;
}

.tileCell
{
    text-align: center;
    vertical-align: middle;
}

.tileContent
{
    font-size: 14px;
    width: 100%;
    text-align: left;
    vertical-align: top;
    color: #FFFFFF;
    font-family: 'Open Sans' ,arial,sans-serif;
}

.selecion
{
    background-color: #990099;
}


/**************************************************************************************
				UNICOR Legacy Styles
**************************************************************************************/

.box-event
{
    margin: 2px;
    background: #F9FCF5;
    width: 195px;
    padding: 5px;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: 2px 2px 2px #999999;
}

.box-large-blue
{
    margin: 4px;
    background: #408A34;
    width: 195px;
    padding: 5px;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    box-shadow: 5px 5px 5px #cccccc;
}

.box-large-green
{
    margin: 4px;
    background: #e1f2d0 url(     '../Images/u11/green-box-large.jpg' ) repeat-x;
    width: 195px;
    padding: 5px;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    box-shadow: 5px 5px 5px #cccccc;
}

.box-shadow
{
    background: #ffffff url(     '../Images/u11/box-shadow.jpg' )no-repeat;
    width: 215px;
    height: 6px;
    margin-bottom: 10px;
}

.box-small-green
{
    margin: 4px;
    background: #e1f2d0 url(     '../Images/u11/green-box-small.jpg' )repeat-x;
    width: 195px;
    padding: 5px;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    box-shadow: 5px 5px 5px #cccccc;
}

.box-header
{
	font-size:12px;
  color: black;
  font-weight: bold;
  margin-bottom: 0px;
}

.box-image.video
{
    float: none;
    display: block;
    margin: 0;
}

.box-image
{
    float: right;
    margin: 5px;
}

.box-text
{
  font-size: 12px;
  color: black;
  line-height: 13px;
}

.box-link
{
	font-size:12px;
  margin: 10px;
}

.inbody
{
    list-style-type: square;
    list-style-position: inherit;
    color: Black;
    visibility: visible;
    content: inherit;
}


/**************************************************************************************
 BEGIN UNICOR Slider Style
**************************************************************************************/

#wrapper
{
    float: left;
    width: 1024px;
}

.rslides
{
    margin: 0 auto;
}

.rslides_container
{
    position: relative;
    float: left;
    width: 100%;
}

.centered-btns_nav
{
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    opacity: 0.7;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url(     "/global/images/sliders/themes.gif" ) no-repeat left top;
    margin-top: -45px;
}

.centered-btns_nav:active
{
    opacity: 1.0;
}

.centered-btns_nav.next
{
    left: auto;
    background-position: right top;
    right: 0;
}

.transparent-btns_nav
{
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    left: 0;
    display: block;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=1);
    width: 48%;
    text-indent: -9999px;
    overflow: hidden;
    height: 91%;
}

.transparent-btns_nav.next
{
    left: auto;
    right: 0;
}

.large-btns_nav
{
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    opacity: 0.6;
    text-indent: -9999px;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    background: #000 url(     "/global/images/sliders/themes.gif" ) no-repeat left 50%;
    width: 38px;
}

.large-btns_nav:active
{
    opacity: 1.0;
}

.large-btns_nav.next
{
    left: auto;
    background-position: right 50%;
    right: 0;
}

.centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus
{
    outline: none;
}

.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs
{
    margin-top: 0px;
    text-align: center;
    background-color: #c4c4c4;
}

.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li
{
    display: inline;
    float: none;
    _float: left; *float:left;
margin-right:5px;
}

.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a
{
    text-indent: -9999px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #ccc;
    background: rgba(0,0,0, .2);
    display: inline-block;
    _display: block; *display:block;
-webkit-box-shadow:inset002px0rgba(0,0,0,.3);
-moz-box-shadow:inset002px0rgba(0,0,0,.3);
box-shadow:inset002px0rgba(0,0,0,.3);
width:9px;
height:9px;
}

.centered-btns_here a, .transparent-btns_here a, .large-btns_here a
{
    background: #222;
    background: rgba(0,0,0, .8);
}

.rslides
{
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li
{
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child
{
    position: relative;
    display: block;
    float: left;
}

.rslides img
{
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.clsSlider
{
	/*
    background-image: url('/global/images/sliders/bkgrnd.fw.png');
    background-repeat: repeat-x;
    position: absolute;
    top: 569px;
  */

    width: 1024px;
    font-size: 12px;
    font-weight: bold;
}

.clsSliderCopy
{
    width: 151px;
    position: absolute;
    font-size: 11px;
    margin-top: -20px;
    margin-left: 70px;
}

/**************************************************************************************
 END UNICOR Slider Style
**************************************************************************************/


/**************************************************************************************
UNICOR Store Home Page Content Element 37
**************************************************************************************/
A.indextitle:link
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
}
A.indextitle:visited
{
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    background: none;
}
A.indextitle:hover
{
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    background: none;
}
A.indextitle:active
{
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    background: none;
}

hr.index
{
    color: Green;
    height: 1px;
}

td.title
{
    vertical-align: middle;
    width: 200px;
}
td.icon
{
    vertical-align: top;
    width: 50px;
}
td.indexdescription
{
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    font-style: none;
}


/**********************************************************************************************
	BEGIN Old Fedfast Styles
***********************************************************************************************/

.tdbluecel
{
    background-color: #e7f4e4;
}
.tdblueceldark
{
    background-color: #408A34;
}
.tdcartbgblue
{
    background-color: #cce9f1;
}
.tdgreycel
{
    background-color: #e7f4e4;
}
.tdredcel
{
    background-color: #fff1f1;
}
.tdyellowcel
{
    background-color: #ffff00;
}

.errheader
{
    font-weight: bold;
    font-size: 16px;
    color: #aa0000;
}
.errlarge
{
    font-weight: bold;
    font-size: 18px;
    color: #aa0000;
}
.errnormal
{
    font-weight: bold;
    font-size: 14px;
    color: #aa0000;
}
.errsmall
{
    font-weight: bold;
    font-size: 10px;
    color: #aa0000;
}
.fedfastx
{
    font-weight: normal;
    font-size: 12px;
}
.large
{
    font-weight: normal;
    font-size: 20px;
}
.normalbold
{
    font-weight: bold;
    font-size: 14px;
}
.price
{
    font-weight: normal;
    font-size: 14px;
}
.print
{
    size: landscape;
}
.printerparms
{
    size: landscape;
}
.smallbold
{
    font-weight: bold;
    font-size: 10px;
}
.smallfont
{
    font-weight: normal;
    font-size: 10px;
}


/*	clsMediumFont is only used on the homepage CE701 */

.clsMediumFont
{    
	  font-weight: normal;
      font-size: 13px;
}

.clsLargeFont
{    
	  font-weight: normal;
      font-size: 23px;
}

.type
{
    font-weight: bold;
    font-size: 12px;
    color: #040e8e;
}

.CatPriceDescBgColor
{
    background-color: #ffffff;
}

.header
{
    font-weight: bold;
    font-size: 16px;
    margin: 0;
}

/*	(For outermost table of page body.) */
.MainContain
{
    background-color: #FFFFFF;
}

.PageFooter
{
    height: 40px;
    width: 1024px;
    background: #fff url(     '//www.unicor.gov/shopping/images/footer-gradient.jpg' ) repeat-x;
    padding-bottom: 12px;
}

.PageFooterLink
{
    color: #007484;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.PageHeader
{
    /*	For 1024-pixel-wide windows, partly per u11 style guide: 	visible header width of 950 (matching the content width) 	leaves L and R margins of 26px; 	add about 22px allowance for the vertical scrollbar and you're done 	(950+26+26+22=1024) 	 	Alternatively, use 1024 for content size (Burson-Marsteller slider image width), 	yielding about 1098px for total window size. */
    height: 120px;
    width: 1024px;
    background-color: #FFFFFF;
    padding-bottom: 0px; /*	width: 950px; */ /*	background: #fff url('//www.unicor.gov/shopping/images/home-header-gradient.jpg') repeat-x; */
}

.PageHeaderButton
{
    /*	The standard button is white text on green.  Use inline style for exceptions. */
    color: #FFFFFF;
    background-color: #007484;
}

/*
.PageHeaderCartCell
{
	vertical-align:bottom;
	position:relative;
	left:509px;
	top:26px;
	z-index:0;
	width:100px;
	background: #fff url('//www.unicor.gov/shopping/images/plain-teal-button.gif') no-repeat;
	padding-bottom:9px; 
}
*/

.PageHeaderCartBar
{
    padding-right: 26px;
    height: 35px;
}

.PageHeaderCheckoutButton
{
    color: #FFFFFF;
    background-color: #FF8B7B; /* rose (complement of #007484) */ /*	background-color:#F70C00;	/* red like "add-to-cart" button */
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 26px;
    width: 79px;
    float: right;
    border-radius: 10px 10px 10px 10px;
}

.PageHeaderCheckoutCell
{
    width: 100px;
    padding-bottom: 9px;
}

.PageHeaderLink
{
    color: #007484;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.PageHeaderLinkBar
{
    height: 27px;
    padding-left: 160px;
    padding-right: 26px;
}

.PageHeaderLinkCell
{
    padding-left: 24px;
    white-space: nowrap;
}

.PageHeaderMenuBar
{
    height: 35px;
    width: 70%;
}

.PageHeaderMenuCart
{
    background-color: #007484;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.PageHeaderMenuItem
{
    border-width: thin;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right-color: #DEE7EF; /*	border-color:#DEE7EF; */
    background-color: #779F5E; /* darker green */ /*	background-color:#8DC63F; /* lighter green */
    text-align: center; /*	padding-bottom:5px; 	position:relative; 	/*bottom:2;*/ /*z-index:1;*/
}

.PageHeaderMenuLink
{
    color: #FFFFFF;
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}

.PageHeaderMenuLink_Down
{
    color: #464646;
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}

.PageHeaderSearchBar
{
    padding-top: 16px;
    padding-right: 26px;
    padding-bottom: 16px;
    height: 26px;
    width: 55%;
}

.PageHeaderSearchButton
{
    vertical-align: middle;
}

.PageHeaderSearchInput
{
    /*	border-radius:10px 0 0 10px; 	font-size:x-small; */
}

.PageHeaderSearchTarget
{
    color: #464646;
    font-weight: normal;
    font-size: 12px;
}

.PageLogo
{
    vertical-align: bottom;
    padding-left: 6px;
    padding-bottom: 12px;
}

#ResultsStore
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}
#ResultsStore .RedHeader
{
    padding-right: 4px;
    padding-left: 4px;
    font-weight: 900;
    padding-bottom: 4px;
    color: white;
    padding-top: 4px;
    font-style: italic;
    background-color: #d91212;
}
#ResultsStore .RedHeader .Counts
{
    font-weight: normal;
    color: white;
    font-style: normal;
}
#ResultsStore .RedHeader .Counts A
{
    font-weight: normal;
    color: white;
    font-style: normal;
}
#ResultsStore .BlueHeader
{
    padding-right: 4px;
    padding-left: 4px;
    font-weight: 900;
    padding-bottom: 4px;
    color: white;
    padding-top: 4px;
    font-style: italic;
    background-color: #165189;
}

#ResultsSug
{
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}
#ResultsSug .BlueHeader
{
    padding-right: 4px;
    padding-left: 4px;
    font-weight: 900;
    padding-bottom: 4px;
    color: white;
    padding-top: 4px;
    background-color: #165189;
}
#ResultsSug .BlueHeader .Counts
{
    font-weight: normal;
    color: white;
    font-style: normal;
}
#ResultsSug .BlueHeader .Counts A
{
    font-weight: normal;
    color: white;
    font-style: normal;
}

#ResultsSAP
{
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}
#ResultsSAP .BlueHeader
{
    padding-right: 4px;
    padding-left: 4px;
    font-weight: 900;
    padding-bottom: 4px;
    color: white;
    padding-top: 4px;
    background-color: #165189;
}
#ResultsSAP .BlueHeader .Counts
{
    font-weight: normal;
    color: white;
    font-style: normal;
}
#ResultsSAP .BlueHeader .Counts A
{
    font-weight: normal;
    color: white;
    font-style: normal;
}

#SearchParams
{
}

.SearchResultCountsMessage
{
    font-weight: bold;
}

.StoreInnerTable
{
    border-bottom: 1px solid;
}

.StoreBackground1
{
    background-color: #f1cce4;
}

.StoreBackground2
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid;
    background-color: #ebedfa;
}


/*
	License Plate Store
*/
.TagHome {
    background-color: #E9F4E3;
}
/* pale green   */

.TagOrama {
    background-color: #DDDDDD;
}
/* pale gray    */

.TagReplace {
    background-color: #FFEED5;
}
/* pale rust    */

.TagBorder {
    border-color: #66BD29;
}
/* meteor green */

.TagTitleList {
    color: #FF0000;
}
/* red hot      */

.TagTitleNew {
    color: #66BD29;
}
/* meteor green */

.TagTitleOld {
    color: #FF9900;
}
/* rust         */

.TagTitleAlt {
    color: #003082;
}
/* AF blue      */

UNKNOWN {
    margin-left: 0.1in;
}

/**********************************************************************************************
	END Old Fedfast Styles
***********************************************************************************************/


.breadcrumb
{
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	background-color: inherit;
}


/**********************************************************************************************
	BEGIN Homepage Slider Styles
***********************************************************************************************/

#section_content{position:relative;top:0;left:0;background:#fff url(/images/bg_homepage.jpg) top left no-repeat}

#news_container{min-height:435px;}

#news_loading{margin-left:auto;margin-right:auto;padding:200px;width:250px}

#news_title{margin-bottom:30px;font-size:2.0em}

.news-title-active{color:#408A34!important}

#news_slider{position:relative;height:305px;width:958px}

.news-img{position:absolute;bottom:0}

#news_nav{text-align:center}

#news_nav_list{margin-left:auto;margin-right:auto;display:inline-block}

.news-linker{width:10px;height:10px;display:block;background:url(/images/loading.gif) top left no-repeat;margin:3px}

.news-linker-active{width:10px;height:10px;display:block;background-position:-32px 0}

.section-title{font-family:'Open Sans',arial,sans-serif;font-size:2.4em;color:#1f1f1f;padding:0 30px;font-weight:normal;margin-bottom:0;text-align:center;margin-top:.5em}

.vmenu-links{list-style-type:none;padding:0;margin:0;text-align:left}

.vmenu-links li{float:left}

/**********************************************************************************************
	END Homepage Slider Styles
***********************************************************************************************/


/**********************************************************************************************
		customizing the google search (over riding what is in google)
***********************************************************************************************
	.gsc-control-cse
	{
			font-family: 'Open Sans' ,arial,sans-serif;
			border-color: #FFFFFF;
			background-color: #FFFFFF;
	}
	.gsc-control-cse .gsc-table-result
	{
			font-family: 'Open Sans' ,arial,sans-serif;
	}
	.gsc-tabHeader.gsc-tabhInactive
{
    border-color: #00B2EF;
    background-color: #808080;
}
	.gsc-tabHeader.gsc-tabhActive
{
    border-color: #333333;
    background-color: #333333;
    color: #FFFFFF;
}
	.gsc-tabsArea
	{
			border-color: #00B2EF;
	}
	.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult
	{
			border-color: #FFFFFF;
			background-color: #FFFFFF;
	}
	.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover
	{
			border-color: #000000;
			background-color: #FFFFFF;
	}
	.gsc-webResult.gsc-result.gsc-promotion:hover
	{
			border-color: #000000;
			background-color: #FFFFFF;
	}
	.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b
{
    color: #333333;
}
	.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b
{
    color: #333333;
}
	.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b
	{
			color: #444444;
	}
	.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b
	{
			color: #777777;
	}
	.gsc-cursor-page
	{
			color: #444444;
	}
	a.gsc-trailing-more-results:link
	{
			color: #444444;
	}
	.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType
	{
			color: #333333;
	}
	.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl
	{
			color: #000000;
	}
	.gs-webResult div.gs-visibleUrl-short
	{
			color: #000000;
	}
	.gs-webResult div.gs-visibleUrl-short
	{
			display: none;
	}
	.gs-webResult div.gs-visibleUrl-long
	{
			display: block;
	}
	.gs-promotion div.gs-visibleUrl-short
	{
			display: none;
	}
	.gs-promotion div.gs-visibleUrl-long
	{
			display: block;
	}
	.gsc-cursor-box
	{
			border-color: #FFFFFF;
	}
	.gsc-results .gsc-cursor-box .gsc-cursor-page
	{
			border-color: #00B2EF;
			background-color: #FFFFFF;
			color: #444444;
	}
	.gsc-results .gsc-cursor-box .gsc-cursor-current-page
{
    border-color: #00B2EF;
    background-color: #333333;
    color: #FFFFFF;
}
	.gsc-webResult.gsc-result.gsc-promotion
	{
			border-color: #CCCCCC;
			background-color: #E6E6E6;
	}
	.gsc-completion-title
	{
			color: #444444;
	}
	.gsc-completion-snippet
	{
			color: #333333;
	}
	.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link
	{
			color: #0000CC;
	}
	.gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited
	{
			color: #0000CC;
	}
	.gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover
	{
			color: #444444;
	}
	.gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active
	{
			color: #00CC00;
	}
	.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right *
	{
			color: #333333;
	}
	.gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short
	{
			color: #00CC00;
	}
************************************************************************************************
	END customizing the google search
***********************************************************************************************/


/**********************************************************************************************
		BEGIN general classes that could be used in a cms
***********************************************************************************************/

.cls6font
{
    font-size: 6px;
}

.cls7font
{
    font-size: 7px;
}

.cls8font
{
    font-size: 8px;
}

.cls9font
{
    font-size: 9px;
}

.cls10font
{
    font-size: 10px;
}

.cls11font
{
    font-size: 11px;
}

.cls12font
{
    font-size: 12px;
}

.cls13font
{
    font-size: 13px;
}

.cls14font
{
    font-size: 14px;
}

.cls15font
{
    font-size: 15px;
}

.cls16font
{
    font-size: 16px;
}

.cls17font
{
    font-size: 17px;
}

.cls18font
{
    font-size: 18px;
}

.cls19font
{
    font-size: 19px;
}

.cls20font
{
    font-size: 20px;
}

.clsbold
{
    font-weight: bold;
}

/**********************************************************************************************
	END general classes that could be used in a cms
***********************************************************************************************/


/**********************************************************************************************
	THE OVERRIDE SECTIONS MUST GO LAST. DO NOT PUT ANYTHING BELOW THEM!
***********************************************************************************************/

/**********************************************************************************************
	Override Bootstrap
***********************************************************************************************/
.bg-primary {
  background-color: #408A34;
}

.list-group
{
    padding: 2px;
    margin: 0;
}
.list-group a
{
    padding: 2px;
    margin: 0;
}

.panel
{
    margin: 0;
}

.panel-heading
{
    padding: 2px;
    margin: 0;
    background-color: #408A34;
}

.panel-footer
{
   background-color: #CCCCCC;
}

.panel-title
{
    padding: 2px;
    margin: 0;
    text-decoration: none;
}
.panel-title a:hover
{
   text-decoration: none;
}

.list-group-item
{
    padding: 2px;
    margin: 0;
}

.panel-body
{
    padding: 2px;
    margin: 0;
}

.table > tbody > tr > th, .table > tbody > tr > td
{
    padding: 2px;
    border-top: none;
}

.btn-default
{
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
{
    color: #333333;
    background-color: #FFFFFF;
    border-color: #cccccc;
}

.panel-primary {
  border-color: #408A34;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #408A34;
  border-color: #408A34;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #408A34;
}
.panel-primary > .panel-heading .badge {
  color: #408A34;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #408A34;
}

.text-loud {
    font-style: italic;
    font-weight: bold;
}

.btn-gray {
    background-color: #CCC; /* Add to btn-default to override background color */
}

/* BEGIN INFO BUTTON */
.btn-info {
    background-color: rgb(90, 195, 222);    /* Bootstrap light teal */
    color: white;
    cursor: auto;
}
.btn-info:hover {
    background-color: rgb(90, 195, 222);    /* Bootstrap light teal */
}

.btn-trimmed {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
}
/* END INFO BUTTON */


/* BEGIN PRIMARY BUTTON */
.btn-primary
{
    color: #ffffff;
    background-color: #408A34;
    border-color: #408A34;
}
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #FFFFFF;
        background-color: #6AC656;      /* Standard UNICOR (medium) green */
        border-color: #408A34;      /* Standard UNICOR (darker) green */
    }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary
{
    background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active
{
    background-color: #6AC656;
    border-color: #408A34;
}
.btn-primary .badge
{
    color: #408A34;
    background-color: #FFFFFF;
}
/* END PRIMARY BUTTON */




.dropdown-menu
{
    z-index: 2000;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
    text-decoration: none;
    background: #FFF !important;
    color: #408A34 !important;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
{
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    background-color: #00B3E9;
}

.btn-group
{
    z-index: 2000;
    height: 30px;
}

.accordion-caret .accordion-toggle:hover
{
    text-decoration: none;
}
.accordion-caret .accordion-toggle:hover span, .accordion-caret .accordion-toggle:hover strong
{
    text-decoration: underline;
}
.accordion-caret .accordion-toggle:before
{
    font-size: 25px;
    vertical-align: -3px;
}
.accordion-caret .accordion-toggle:not(.collapsed):before
{
    content: "▾";
    margin-right: 0px;
}
.accordion-caret .accordion-toggle.collapsed:before
{
    content: "▸";
    margin-right: 0px;
}

.carousel {

}

.carousel-indicators li {
  background-color: #999999;
}
.carousel-indicators .active {
  background-color: #00B3E9;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  top: -20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  font-size:20px;
  font-weight:bold;
}

/*
.carousel-inner .active.left { left: -300; }
.carousel-inner .next        { left:  300; }
.carousel-inner .prev        { left: -300; }
.carousel-control .glyphicon,
*/

.carousel-control .icon-prev,
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 20px;
  margin-left: 20px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.carousel .active.left, .carousel .active.right {
    left:0;
    opacity:0;
    z-index:2;
}
.carousel .next, .carousel .prev {
    left:0;
    opacity:1;
    z-index:1;
}


/**********************************************************************************************
	Override JQuery
***********************************************************************************************/

.ui-widget-overlay
{
    background: #000;
}

.ui-dialog
{
    z-index: 1000000 !important;
    position: fixed;
}

.ui-front
{
    z-index: 1000000 !important;
}

.clsDialogText
{
    font-family: Verdana;
    font-size: 14px;
}


/**********************************************************************************************
	IMPORTANT!     TESTING
***********************************************************************************************/

.UlHeader
{
	font-size:14px;
	font-weight:bold;
}

.clsUlBulletList
{

}

.clsBulletList
{
	list-style: disc;
}	

.clsBoxShadow
{
    /* CSS3 syntax */
    box-shadow: 5px 5px 5px #cccccc;
    -webkit-box-shadow: 5px 5px 5px #cccccc;
    -moz-box-shadow: 5px 5px 5px #cccccc; /* Place any other shared CSS properties here, except for those in the next rule */
    margin: 10px auto;
}

.clsBoxShadow, body.ie6 .clsBoxShadow .clsBoxShadowContent, body.ie7 .clsBoxShadow .clsBoxShadowContent, body.ie8 .clsBoxShadow .clsBoxShadowContent
{
    padding: 5px;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
}

body.ie6 .clsBoxShadow, body.ie7 .clsBoxShadow, body.ie8 .clsBoxShadow
{
    /* This contains the color of the shadow in the CSS3 syntax */
    background: #CCCCCC; /* This contains the blur-radius in the CSS3 syntax */
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5); /* You must remove the border in IE, since it will be replaced in the next rule */
    border: none;
}

body.ie6 .clsBoxShadow .clsBoxShadowContent, body.ie7 .clsBoxShadow .clsBoxShadowContent, body.ie8 .clsBoxShadow .clsBoxShadowContent
{
    position: relative;
    margin-top: -10px;
    margin-left: -10px;
    margin-bottom: -10px;
    margin-right: -10px;
}

.clsRoundedContent {
    border: 1px solid #CCCCCC;
    margin: 4px;
    text-align: Left;
    width: 195px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666666 0px 2px 3px;
    box-shadow: #cccccc 0px 2px 3px;
    background: #CCCCCC;
}

.clsRoundedContent_Blue
{
    border: 1px solid #CCCCCC;
    margin: 4px;
    text-align: Left;
    width: 195px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666666 0px 2px 3px;
    background: #6AC656;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#6AC656));
    background: -webkit-linear-gradient(#FFFFFF, #6AC656);
    background: -moz-linear-gradient(#FFFFFF, #6AC656);
    background: -ms-linear-gradient(#FFFFFF, #6AC656);
    background: -o-linear-gradient(#FFFFFF, #6AC656);
    background: linear-gradient(#FFFFFF, #6AC656);
}	

.clsRoundedContent_Green
{
    border: 1px solid #CCCCCC;
    margin: 4px;
    text-align: Left;
    width: 195px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666666 0px 2px 3px;
    background: #6AC656;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#6AC656));
    background: -webkit-linear-gradient(#FFFFFF, #6AC656);
    background: -moz-linear-gradient(#FFFFFF, #6AC656);
    background: -ms-linear-gradient(#FFFFFF, #6AC656);
    background: -o-linear-gradient(#FFFFFF, #6AC656);
    background: linear-gradient(#FFFFFF, #6AC656);
}


/* The container <div> - needed to position the dropup content */
.dropup {
    position: relative;
    display: inline-block;
}
.dropup-spacer {
    background-color: none;
    height:1em;
}
/* Dropup content (Hidden by Default) */
.dropup-content {
    display: none;
    position: absolute;
    bottom: 1em;
    left: -20px;
    background-color: #FFF;
    border: 1px solid #EEE;
    border-radius: 5px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 1000000 !important;
    width: 400px;
}

    /* Links inside thedropup */
    .dropup-content a {
        color: black;
        padding: 5px 5px;
        text-decoration: none;
        display: block;
        background-color: #FFF;
        border: 1px solid #EEE;
    }

        /* Change color of dropup links on hover */
        .dropup-content a:hover {
            background-color: #EEE
        }

/* Show thedropup menu on hover */
.dropup:hover .dropup-content {
    display: block;
}



/**********************************************************************************************
	END OF ORIGINAL     "IMPORTANT!     TESTING"     SECTION
***********************************************************************************************/


.clsContent_Blue
{
    margin-left: 4px;
    margin-right:4px;
    margin-top:0px;
    margin-bottom:0px;
    text-align: Left;
    width: 240px;
    height: 170px; /*	how far down the blue goes in the individual box */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#408A34));
    background: -webkit-linear-gradient(#FFFFFF, #408A34);
    background: -moz-linear-gradient(#FFFFFF, #408A34);
    background: -ms-linear-gradient(#FFFFFF, #408A34);
    background: -o-linear-gradient(#FFFFFF, #408A34);
    background: linear-gradient(#FFFFFF, #408A34);
}             

.clsContent_Green
{
    margin-left: 4px;
    margin-right:4px;
    margin-top:0px;
    margin-bottom:0px;
    text-align: Left;
    width: 240px;
    height: 170px; /*	how far down the green goes in the individual box */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E1F2D0));
    background: -webkit-linear-gradient(#FFFFFF, #E1F2D0);
    background: -moz-linear-gradient(#FFFFFF, #E1F2D0);
    background: -ms-linear-gradient(#FFFFFF, #E1F2D0);
    background: -o-linear-gradient(#FFFFFF, #E1F2D0);
    background: linear-gradient(#FFFFFF, #E1F2D0);
}

.clsTab
{
    border: 1px solid #00B2EF;
    font-weight: normal;
    BACKGROUND-IMAGE: url(//www.unicor.gov/unicor-emac/images/MenuBackground.gif);
    cursor: pointer;
    COLOR: #ffffff;
    background-color: #00B2EF;
}

.clsTabSelected
{
    border: 1px solid #00B2EF;
    font-weight: normal;
    cursor: default;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #FFFFFF;
}

.clsTabLine
{
    background-color: #FFFFFF;
}

A.clsTabLink
{
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
	font-family: 'Open Sans' ,arial,sans-serif;
    text-decoration: none
}

A.clsTabLink:hover
{
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    color: #FFFFFF;
	font-family: 'Open Sans' ,arial,sans-serif;
    text-decoration: none
}

A.clsTabLinkSelected
{
    font-weight: bold;
    font-size: 11px;
    COLOR: #00B2EF;
	font-family: 'Open Sans' ,arial,sans-serif;
    TEXT-DECORATION: none
}

A.clsTabLinkSelected:hover
{
    font-weight: bold;
    font-size: 11px;
    cursor: default;
    COLOR: #00B2EF;
	font-family: 'Open Sans' ,arial,sans-serif;
    TEXT-DECORATION: none
}

/*******************************
    Styles for asp:GridView 
*******************************/
.grid {
    /* To override .table add styles here. This style is applied to ASP.NET GridView which almost always will have class = ".table" */
    margin-right: 20px;
    border: 1px solid #CCC;
    width:100%;
}

    .grid th {
        font-weight: normal;
        border-radius: 5px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: 1px solid #CCC;
        background-color: #408A34; /* Standard UNICOR (darker) green */
        background-color: #6AC656; /* Standard UNICOR (medium) green */
        padding: 4px;
    }

    .grid td {
        padding: 4px;
        border: 1px solid #CCC;
    }

    .grid th a {
        font-weight: normal;
        color: #FFF;
        color: #000;
        margin: 5px;
        text-decoration: none;
    }

        .grid th a:hover {
            text-decoration: none;
            font-weight: normal;
            /* color: #e7f7e7;      very light green */
        }

    .grid.hidden {
        border-style:none none solid none;
        background-color:none;
    }

.gridAltRow {
    background-color: #e7f7e7; /* very light green */
}

.gridHeaderHover th:hover {
    background-color: #6AC656; /* Standard UNICOR (medium) green */
    background-color: #408A34; /* Standard UNICOR (darker) green */
}

.gridPager a {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .gridPager a:focus,
    .gridPager a:active:focus,
    .gridPager a.active:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .gridPager a:hover,
    .gridPager a:focus {
        color: #333333;
        text-decoration: none;
    }

    .gridPager a:active,
    .gridPager a.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.gridPager-primary a {
    color: #ffffff;
    background-color: #408A34; /* Standard UNICOR (darker) green */
    border-color: #408A34;
}

    .gridPager-primary a:hover,
    .gridPager-primary a:focus,
    .gridPager-primary a:active,
    .gridPager-primary a.active,
    .open > .dropdown-toggle.gridPager-primary a {
        color: #ffffff;
        background-color: #6AC656; /* Standard UNICOR (medium) green */
        border-color: #007092; /* Dark teal (BootStrap) */
    }

    .gridPager-primary a:active,
    .gridPager-primary a.active,
    .open > .dropdown-toggle.gridPager-primary a {
        background-image: none;
    }

/*****************************
    End of GridView styles
*****************************/


/*****************************************************************************

    Styles for BootStrap tabs.
    
    These are meant to emulate the tabs on the Google search results page.

*****************************************************************************/
.tab-content {
    background-color: #FFF;
    color: #000;
    padding: 5px;
}

.nav-tabs {
    background-color: #FFF;
    font-weight: bold;
    font-size: 11px;
    font-family: 'Open Sans',arial,sans-serif;
    color: #FFF;
}

    .nav-tabs > li > a {
        background-color: #408A34;
        color: #FFF;
        border-top: #408A34 1px solid;
        border-left: #408A34 1px solid;
        border-right: #408A34 1px solid;
    }

        .nav-tabs > li > a:hover {
            background-color: #408A34;
            color: #FFF;
            border-top: #408A34 1px solid;
            border-left: #408A34 1px solid;
            border-right: #408A34 1px solid;
            border-bottom: #408A34 1px solid;
        }

    .nav-tabs > li.active {
        background-color: #FFF;
        color: #408A34;
    }

        .nav-tabs > li.active > a {
            background-color: #FFF;
            color: #408A34;
            border-top: #408A34 1px solid;
            border-left: #408A34 1px solid;
            border-right: #408A34 1px solid;
        }

            .nav-tabs > li.active > a:focus {
                background-color: #FFF;
                color: #408A34;
                border-top: #408A34 1px solid;
                border-left: #408A34 1px solid;
                border-right: #408A34 1px solid;
            }

            .nav-tabs > li.active > a:hover {
                border-top: #408A34 1px solid;
                border-left: #408A34 1px solid;
                border-right: #408A34 1px solid;
            }

.clsTabShadow
{
    border-bottom: 1px solid #408A34 !important;
    cursor: default;
    color: #FFF;
    background-color: #FFF;
}

.form-control:focus {
    border-color: #5cb85c;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.has-error .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
}

/**********************************************************************************************
	IMPORTANT!     DO NOT PUT ANYTHING BELOW THIS LINE!
***********************************************************************************************/