﻿
/* Required for Top and Side Bars */
@import "/private/bootstrap/bootstrap.min.css";
@import "/private/bootstrap/jquery.smartmenus.bootstrap.css";
@import "/private/bootstrap/simple-sidebar.css";
@import "/private/Includes/ScrollingTable.css";



/* Page Setup */
body {
	background-color:#e6e6e6;
    background-size:auto;
	box-sizing:border-box;
	margin:0;
	padding: 0px 10px 30px 10px;
	}

.Buttons {
	margin:5px 0px 5px 0px;
	}

.center {
	margin:auto;
	text-align:center;
	}

.Company {
	color: black;
	font-weight: normal; 
	font-family:Microsoft Sans Serif; 
	font-size:12px;
	font-style: normal; 
	margin:0px auto 4px auto;
	text-align:center;
	}

.data {
	padding:0px 2px 0px 2px;
	}

fieldset {
	border:1px navy solid;
	border-radius:4px;
	float:left;
	margin: 2px auto 2px 8px;
	padding:2px 6px 6px 6px;
	text-align:center;
	}

.fill {
	background-color:lightsteelblue;
	overflow:hidden;
 	text-indent:2px;
	}
.fill-panel {
	background-color:#d9d9d9;
	}

.floating-box {
    display: inline-block;
    width: 150px;
    margin: 2px 4px 0px 0px;
    padding:0px 0px 2px 2px;
    border: 1px solid #73AD21;
	}

.floating-box-nb {
    display: inline-block;
    width: 150px;
    margin: 2px 4px 0px 0px;
    padding:0px 0px 2px 2px;
    border: 0px solid #73AD21;  
	}

.floating-box-left {
    border: 0px solid #73AD21;
    display: inline-table;
    float:left;
    margin: 2px 4px 0px 0px;
    padding:0px 0px 2px 2px;
	}
		
.floating-box-right {
    border: 0px solid #73AD21;
    display: inline-table;
    float: right;
    margin: 2px 4px 0px 0px;
    padding:0px 0px 2px 2px;
	}

.font-8 {
	font-weight: normal; 
	font-family:Microsoft Sans Serif; 
	font-size:8px;
	}

.font-10 {
	font-weight: normal; 
	font-family:Microsoft Sans Serif; 
	font-size:10px;
	}

.font-12 {
	font-weight: normal; 
	font-family:Microsoft Sans Serif; 
	font-size:12px;
	}

.font-14 {
	font-weight: normal; 
	font-family:Microsoft Sans Serif; 
	font-size:14px;
	}

.font-16 {
	font-weight: normal; 
	font-family:Microsoft Sans Serif; 
	font-size:16px;
	}

.font-18 {
	font-weight: normal; 
	font-family:Microsoft Sans Serif; 
	font-size:18px;
	}
	
.font-24 {
	font-weight: normal; 
	font-family:Microsoft Sans Serif; 
	font-size:24px;
	}

.font-bold {
	font-weight:bold;
	}

#footer { 
	background-color:black;
	border: none;
	bottom: 0px;
	clear: both;
	color:white;
	font-size:12px;
	height: 30px;
	left:0px;
	padding:4px 0px 10px 0px;
	position: fixed;
	text-align: center;
	width: 100%;
	}

.group {
	border:2px navy solid;
	border-radius:4px;
	xdisplay:inline-block;
	margin:4px auto 10px auto;
	padding:4px;	
	}

.group-hotkeys {
	background-color:lemonChiffon;
	border:2px navy solid;
	border-radius:4px;
	color:black;
	font-size:10px;
	margin:20px auto 10px auto;
	padding:4px 8px;
	text-align:left; 
	width:130px;
	}
	
.group-hotkeys p {
	font-weight:bold;
	font-size:12px;
	margin:0px;
	text-align:center;
	}

.group-notice {
	background-color:lemonChiffon;
	border:2px navy solid;
	border-radius:4px;
	color:black;
	font-size:12px;
	margin:20px auto 10px auto;
	padding:8px; 
	text-align:justify; 
	width:450px;
	}

.group-notice p {
	font-weight:bold;
	font-size:12px;
	margin:0px;
	text-align:center;
	}

.group-title {
	color:black;
	font-size:14px;
	margin:0px auto 2px auto;
	text-align:center;
	}

.heading {
	padding:0px 2px 0px 2px;	
	}

input {
	background-color:#00FFCC;
	border:1px gray inset;
	padding-left:2px;
	}

input:focus {
	background-color:white;
	}

textarea:focus {
	background-color:white;
	}

textarea {
	background-color:LemonChiffon;
	}

.InputName {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	width:210px;
	}

.InputPhone {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	width:90px;
	}

.InputState {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	width:40px;
	}

.InputZip {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	width:80px;
	}

.InputNumber {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	width:50px;
	}

.InputDate {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	text-align:left;
	width: 120px;
	}

.InputCurrency {
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	padding: 0px 4px 0px 0px;
	text-align:Right;
	width: 60px;
	}

img {
	margin-top:4px;
	position: relative;
	top:-8px;
	}

.left {
	text-align:left;
	}

legend {
	background-color:transparent;
	font-family:"Microsoft Sans Serif";
	font-size:10px;
	margin:0px 2px 0px 2px;
	padding:0px 2px 0px 0px;
	text-align:left;
	width:auto;
	}

.notice {
	background-color:lemonChiffon; 
	font-size:12px;
	margin-top:20px; 
	padding:8px; 
	text-align:justify; 
	width:450px;
	}

p {
	color:black;
	font-family:"Microsoft Sans Serif";
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	}

.PageDiv {
	text-align:center;
	margin:0px auto 30px auto;
	}

.panel {
	background-color:#f8f8f8;
	border-left:1px #444444 solid;
	border-top:1px #444444 solid;
	border-bottom:1px #ffffff solid;
	border-right:1px #fdfdfd solid;
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	height:17px;
    margin: 3px 0px 3px 0px;
    padding:0px 0px 0px 0px;
	text-align:left;
	}
.panel-inset {
	background-color: white; 
	border:2px lightgray inset; 
	display:inline-block; 
	float:left; 
	margin:2px;	
	}
.panel-raised {
	background-color:#d9d9d9; 
	border:2px lightgray outset; 
	display:inline-block; 
	float:left; 
	margin:2px;
	padding:6px;
	}

.Required {
	color:red;
	font-family:"Microsoft Sans Serif";
	font-size:18px;
	font-weight:normal;
	margin-right:10px;
	}

.right {
	text-align:right;
	}


select {
	background-color:lemonChiffon;
	border:1px gray inset;
	}

select:focus {
	background-color:white;
	}

th {
	background-color:#d9d9d9;   /* silver */
	border:0px gray solid;
	color:black;
	font-family:"Microsoft Sans Serif";
	font-size:10px;
	font-weight:normal;
	padding:0px 2px 0px 2px;
	text-align:right;
	text-indent:4px;	
	}
	
td {
	background-color:lightsteelblue;
	border:0px silver solid;
	color:black;
	font-family:"Microsoft Sans Serif";
	font-size:12px;
	font-weight:normal;
	padding:0px 2px 0px 2px;
	text-align:left;
	text-indent:2px;
	}

.Title {
	color:#428bca;
	font-weight:bold; 
	font-family: Calibri; 
	font-size:28px;
	font-style: normal; 
	margin:30px auto 0px auto; 
	text-align:center;
	}

.Title-fssusa {
	color:#2a7189; 
	font-weight:bold; 
	font-family: Calibri; 
	font-size:28px;
	font-style: normal; 
	margin:30px auto 0px auto; 
	text-align:center;
	}

.Welcome {
	color: black;
	font-weight: normal; 
	font-family:Microsoft Sans Serif; 
	font-size:14px; 
	font-style: normal; 
	margin:0px auto 2px auto;
	text-align:center;
	}



/* bootstrap overrides */

/* Top and Side Bars */


.navbar {
	line-height: 32px;
	margin:0px;
	min-height:32px;
	padding:0px;
	}

.navbar-header {
	padding: 0px 30px 0px 0px;
	}

.navbar-brand { 
	color:lightblue; 
	font-size: 16px;
	font-weight:bold;
	height: 32px; 
	line-height: 32px;
	padding:0px 10px;
	}

.navbar-inverse {
	background-color: hsl(240, 100%, 10%) !important;
	background-repeat: repeat-x;
	border-color: #000033 #000033 hsl(240, 100%, 5%);
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#4040ff, #000033);
	}

.navbar-brand img { 
	padding-top:5px;
	}

.navbar-brand span { 
	color:lightblue; 
	}

.navbar .navbar-nav > li > a {  
	background-color: hsl(240, 100%, 10%) !important;
	background-repeat: repeat-x;
	border-color: #000033 #000033 hsl(240, 100%, 5%);
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#404099, #000033);
	font-size: 14px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	line-height: 32px; 
	}

.navbar .navbar-toggle {
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 8px 9px;
	}

.navbar .navbar-form {
	margin-top: 2px;
	margin-bottom: 0px 
	}

.navbar .navbar-collapse {
	border-color: #A40303;
	}

.navbar .dropdown-menu {
	width:180px;
	}

.container {
	margin-left:20px;
	}

#sidebar-wrapper .active {
	background-color:darkslategray;
	}
	












.fssusa {
	color:blue;
	font-weight:bold;
	}
.navbar-fssusa {
	border-color: #340303;
	}
.navbar-fssusa .navbar-nav > li > a {  
	background-color: hsl(240, 100%, 10%) !important;
	background-repeat: repeat-x;
	border-color: #000033 #000033 hsl(240, 100%, 5%);
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#ffffff, #63b4cf);
	color: navy;
	font-size: 14px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	line-height: 32px;
	}
.navbar-inverse-fssusa {
	background-color: hsl(240, 100%, 10%) !important;
	background-repeat: repeat-x;
	border-color: #000033 #000033 hsl(240, 100%, 5%);
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#ffffff, #63b4cf);
	}


	
	
/* Top and Side Bars */


/* Tab buttons */
.tab-content {
	margin:0px;
	padding:0px;						/* gap between tab and panel */
	}
.nav-tabs > li > a {
	background: -moz-linear-gradient(top, #444444 10%, #333333 30%, #222222 30%, #000000 30%); 						/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #444444), color-stop(50%, black)); 	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #444444 10%, #333333 30%, #222222 30%, #000000 30%); 					/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #444444 10%, #333333 30%, #222222 30%, #000000 30%); 						/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #444444 10%, #333333 30%, #222222 30%, #000000 30%); 						/* IE10+ */
	background: linear-gradient(to bottom, #444444 10%, #333333 30%, #222222 30%, #000000 30%); 					/* W3C */
	color:white;																									/* foreground color of inactive tab */

	background-color: hsl(240, 100%, 10%) !important;
	background-repeat: repeat-x;
	border-color: #000033 #000033 hsl(240, 100%, 5%);
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#000099, #000033);
	
	font-size:10px; 
	padding:4px 8px;
	}
.nav-tabs > li > a:hover {
	background: linear-gradient(to bottom, #666666 50%, gray 50%); 	/* W3C */
	background-color: hsl(240, 100%, 61%) !important;
	background-repeat: repeat-x;
	border-color: #3838fe #3838fe hsl(240, 100%, 56.5%);
	color: #000 !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#9393ff, #3838fe);

	border: 1px black solid;										/* makes tab jump up a little */
	color:white;													/* hover over foreground color #337AB7 #fff; */
	}
.nav-tabs > li.active > a:focus {
	background-color:silver;			/* cornflowerblue; */
	color:white;						/* hover over foreground color  #fff; */
	}
.nav-tabs > li.active > a {
	background: -moz-linear-gradient(top, #666666 50%, gray 50%); 														/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #666666), color-stop(50%, gray)); 		/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #666666 50%, #666666 50%); 												/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #666666 50%, #666666 50%); 														/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #666666 50%, #666666 50%); 													/* IE10+ */
	background: linear-gradient(to bottom, #666666 50%, #666666 50%); 													/* W3C */
	border:1px #666666 solid;																							/* makes tab jump up a little */
	color:white;																										/* hover over foreground color  #fff; */
	}
.nav-tabs > li.active > a:hover {
	color:white;
	cursor: default;
	background-color: #aaaaaa;
	border-bottom-color: transparent;
	font-size:10px; 
	} 

/* Tab buttons end */


/* Buttons */
/* http://charliepark.org/bootstrap_buttons/ */
.btn {
	border: 1px solid black;
	font-size:12px;
	margin:1px 2px;
	padding:4px 8px;
	}

/* Hue 0, Saturation 0, Lightness 26, Puffiness 10 */
.btn-primary {
    /* For browsers that do not support gradients */
	background-position: 0% 0%;
	background-color: hsl(0, 0%, 16%) !important;
	background-repeat: repeat-x;
	border-color: #282828 #282828 hsl(0, 0%, 11%);
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#5b5b5b, #282828);
	background-attachment: scroll;
}

/* Hue 0, Saturation 0, Lightness 65, Puffiness 10 */
.btn-primary:hover {
	background-color: hsl(0, 0%, 55%) !important;
	background-repeat: repeat-x;
	border-color: #8c8c8c #8c8c8c hsl(0, 0%, 50%);
	color: #333 !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#bfbfbf, #8c8c8c);
}


.btn-primary.gradient:focus,
.btn-primary.gradient:active,
.btn-primary.gradient.active,
.open > .dropdown-toggle.btn-primary {
	background: -moz-linear-gradient(top, #666666 50%, #666666 50%); 														/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #666666), color-stop(50%, #666666)); 		/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #666666 50%, #666666 50%); 													/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #666666 50%, #666666 50%); 															/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #666666 50%, #666666 50%); 														/* IE10+ */
	background: linear-gradient(to bottom, #666666 50%, #666666 50%); 														/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#666666',GradientType=0 ); 	/* IE6-9 */
	color:white;
	}
.btn-primary:focus {
	background: -moz-linear-gradient(top, #666666 50%, #666666 50%); 														/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #666666), color-stop(50%, #666666)); 		/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #666666 50%, #666666 50%); 													/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #666666 50%, #666666 50%); 															/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #666666 50%, #666666 50%); 														/* IE10+ */
	background: linear-gradient(to bottom, #444444 50%, #444444 50%); 														/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#666666',GradientType=0 ); 	/* IE6-9 */
	color:white;
	}


/* Hue 240, Saturation 100, Lightness 20, Puffiness 10 */
.btn-app {
	background-color: hsl(240, 100%, 10%) !important;
	background-repeat: repeat-x;
	border-color: #000099 #000033 hsl(240, 100%, 5%);
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#4040ff, #000033);
	background-image: linear-gradient(#4040ff, #000033);
	}
/* Hue 240, Saturation 100, Lightness 61, Puffiness 10 */
.btn-app:hover,
.btn-app:focus
	 {
	background-color: hsl(240, 100%, 61%) !important;
	background-repeat: repeat-x;
	border-color: #3838fe #3838fe hsl(240, 100%, 56.5%);
	color: #000 !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#9393ff, #3838fe);
	}	


/* Hue 240, Saturation 100, Lightness 20, Puffiness 10 */
.btn-custom {
	background-color: hsl(240, 100%, 10%) !important;
	background-repeat: repeat-x;
	border-color: #000033 #000033 hsl(240, 100%, 5%);
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#4040ff, #000033);
	}
/* Hue 240, Saturation 100, Lightness 61, Puffiness 10 */
.btn-custom:hover {
	background-color: hsl(240, 100%, 61%) !important;
	background-repeat: repeat-x;
	border-color: #3838fe #3838fe hsl(240, 100%, 56.5%);
	color: #000 !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#9393ff, #3838fe);
	}	



/* Hue 195, Saturation 79, Lightness 43, Puffiness 10 */
.btn-login {
	background-color: hsl(195, 79%, 33%) !important;
	background-repeat: repeat-x;
	border-color: #117596 #117596 hsl(195, 79%, 28%);
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#28b6e5, #117596);
}

/* Hue 195, Saturation 79, Lightness 66, Puffiness 10 */
.btn-login:hover {
	background-color: hsl(195, 79%, 56%) !important;
	background-repeat: repeat-x;
	border-color: #36bbe7 #36bbe7 hsl(195, 79%, 51%);
	color: #333 !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#91d9f2, #36bbe7);
}


/* Hue 240, Saturation 50, Lightness 65, Puffiness 10 */
.btn-table {
	background-color: hsl(240, 50%, 55%) !important;
	background-repeat: repeat-x;
	border-color: #5252c5 #5252c5 hsl(240, 50%, 50%);
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	font-size: 10px;
	margin-bottom:2px;
	margin-top:2px;
	padding: 2px;
	width: 50px;
	background-image: linear-gradient(#9f9fdf, #5252c5);
	}

/* Hue 240, Saturation 50, Lightness 80, Puffiness 10 */
.btn-table:hover,
.btn-table:focus
	{
	background-color: hsl(240, 50%, 70%) !important;
	background-repeat: repeat-x;
	border-color: #8c8cd8 #8c8cd8 hsl(240, 50%, 65%);
	color: #000 !important;
	-webkit-font-smoothing: antialiased;
	font-size: 10px;
	margin-bottom:2px;
	margin-top:2px;
	padding: 2px;
	width: 50px;
	background-image: linear-gradient(#d8d8f2, #8c8cd8);
	}



/* Hue 240, Saturation 50, Lightness 65, Puffiness 10 */
.btn-list {
	-webkit-font-smoothing: antialiased;
	background-color: hsl(240, 50%, 55%) !important;
	background-image: linear-gradient(#9f9fdf, #5252c5);
	background-repeat: repeat-x;
	border-color: #5252c5 #5252c5 hsl(240, 50%, 50%);
	color: #fff !important;
	font-size: 9px;
	height:14px;
	margin-bottom:1px;
	margin-top:1px;
	padding: 0px;
	width: 50px;
	}

/* Hue 240, Saturation 50, Lightness 80, Puffiness 10 */
.btn-list:hover,
.btn-list:focus
	{
	-webkit-font-smoothing: antialiased;
	background-color: hsl(240, 50%, 70%) !important;
	background-image: linear-gradient(#d8d8f2, #8c8cd8);
	background-repeat: repeat-x;
	border-color: #8c8cd8 #8c8cd8 hsl(240, 50%, 65%);
	color: #000 !important;
	}



/* Buttons */


@-webkit-keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }
        @keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }

.blinkx {
   text-decoration:blink;
  -webkit-animation-name:blinker;
          animation-name:blinker;  
  -webkit-animation-iteration-count:infinite;  
          animation-iteration-count:infinite;  
  -webkit-animation-timing-function:cubic-bezier(1.0,0,0,1.0);
          animation-timing-function:cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration:1s; 
          animation-duration:1s; 
}

.blink {
	background-color:lemonChiffon;
	color:black;
	}

.blink2 {
     background-color:red !important;
     color:white  !important;
	}


.fillgray {
	background-color:#eeeeee; 		/* #e0e0d8 #e8e8e8; */
	xoverflow:hidden;
 	xStext-indent:2px;
	}


