@import url("reset.css");
body {
    font-family : verdana, sans-serif, Arial, Helvetica;
    font-size : 13px;
    color : #000;
    background : #FFFFFF;
    font-style : normal;
    font-weight : normal;
    font-variant : normal;
    text-align : justify;
    letter-spacing : 1px;
    line-height : 20px;
    margin-top: 15px;
    background: url('../Images/GrayCombTexture.jpg') no-repeat 50% 50% fixed; 
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
}

p {
    font-family : verdana, sans-serif, Arial, Helvetica;
    padding-top:5px;
    padding-left : 20px;
    padding-right : 10px;
}

#wrapper {
    margin : 0 auto;
    width : 95%;
    background : #E6E6E5;
    border : solid 1px #B4B4B4;
    border-radius : 15px 15px 15px 15px;
    -moz-border-radius : 15px 15px 15px 15px;
    -webkit-border-radius : 15px 15px 15px 15px;
}

#header {
    float : left;
    width : 100%;
    padding-top : 15px;
    padding-bottom : 20px;
    height : 122px;
    background : url('../images/header.png') left center no-repeat;
    background-color : #002753;
    border-radius : 15px 15px 0px 0px;
    -moz-border-radius : 15px 15px 0px 0px;
    -webkit-border-radius : 15px 15px 0px 0px;
}

#logo {
    padding-left : 20px;
}

#navigation {
    float : left;
    height : 45px;
    width : 50%;
    background : #242428;
    text-align : center;
}

#signin {
    float:left;
    height : 45px;
    width : 50%;
    background : #242428;
}

#content {
    float : left;
    background : #FFFFFF;
    width :100%;
    min-height:360px;
}

#leftcolumn {
	float: right;
    min-width : 100%;
    background: #282828;
    min-height:3em;
    z-index: 9000;
    
}

#footer {
    font-family : "Courier New", Courier, monospace;
    font-size : 13px;
    height : 60px;
    width : 100%;
	line-height : 15px;
    background : #9E9E9E;
    clear : both;
    border : none;
    padding-top : 8px;
    padding-bottom : 8px;
    text-align : center;
    background-color : #002551;
    border-radius : 0px 0px 10px 10px;
    -moz-border-radius : 0px 0px 10px 10px;
    -webkit-border-radius : 0px 0px 10px 10px;
    color : #ffffff;
}

#menu-bar {
    margin : 0px 0px 0px 0px;
    padding : 5px 6px 0px 10px;
    height : 40px;
    width : 100%;
    line-height : 100%;
    border-radius : 0px;
    -webkit-border-radius : 0px;
    -moz-border-radius : 0px;
    box-shadow : 0px 0px 0px #666666;
    -webkit-box-shadow : 0px 0px 0px #666666;
    -moz-box-shadow : 0px 0px 0px #666666;
    background : #242428;
}

#menu-bar li {
    margin : 0px 0px 0px 0px;
    padding : 4px 0px 5px 5px;
    float : left;
    position : relative;
    list-style : none;
}

#menu-bar a {
    font-weight : bold;
    font-family : 'courier new';
    font-style : normal;
    font-size : 14px;
    color : #E7E5E5;
    text-decoration : none;
    display : block;
    padding : 8px 20px 8px 20px;
    margin : 0;
    border-radius : 10px;
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;
    text-shadow : 0px 0px 1px #000000;
}

#menu-bar .current a, #menu-bar li:hover > a {
    background : #0399D4;
    background : -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
    background : -moz-linear-gradient(top, #EBEBEB, #A1A1A1);
    color : #444444;
    -webkit-box-shadow : 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow : 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow : 0 1px 1px rgba(0, 0, 0, .2);
    text-shadow : 0px 0px 0px #FFFFFF;
}

#menu-bar ul li:hover a, #menu-bar li:hover li a {
    background : none;
    border : none;
    color : #666;
    -box-shadow : none;
    -webkit-box-shadow : none;
    -moz-box-shadow : none;
}

#menu-bar ul a:hover {
    background : #0399D4 !important;
    background : -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA));
    background : -moz-linear-gradient(top, #04ACEC, #0186BA);
    color : #FFFFFF;
    border-radius : 0;
    -webkit-border-radius : 0;
    -moz-border-radius : 0;
    text-shadow : 0px 0px 0px #FFFFFF;
}

#menu-bar ul {
    background : #DDDDDD;
    background : -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
    background : -moz-linear-gradient(top, #FFFFFF, #CFCFCF);
    display : none;
    margin : 0;
    padding : 0;
    width : 185px;
    position : absolute;
    top : 30px;
    left : 0;
    border : solid 1px #B4B4B4;
    border-radius : 10px;
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;
    -webkit-box-shadow : 2px 2px 3px #222222;
    -moz-box-shadow : 2px 2px 3px #222222;
    box-shadow : 2px 2px 3px #222222;
}

#menu-bar li:hover > ul {
    display : block;
}

#menu-bar ul li {
    float : none;
    margin : 0;
    padding : 0;
}

#menu-bar ul a {
    padding : 10px 0px 10px 15px;
    color : #424242 !important;
    font-size : 12px;
    font-style : normal;
    font-family : arial;
    font-weight : normal;
    text-shadow : 2px 2px 3px #FFFFFF;
}

#menu-bar ul li:first-child > a {
    border-top-left-radius : 10px;
    -webkit-border-top-left-radius : 10px;
    -moz-border-radius-topleft : 10px;
    border-top-right-radius : 10px;
    -webkit-border-top-right-radius : 10px;
    -moz-border-radius-topright : 10px;
}

#menu-bar ul li:last-child > a {
    border-bottom-left-radius : 10px;
    -webkit-border-bottom-left-radius : 10px;
    -moz-border-radius-bottomleft : 10px;
    border-bottom-right-radius : 10px;
    -webkit-border-bottom-right-radius : 10px;
    -moz-border-radius-bottomright : 10px;
}

#menu-bar:after {
    content : ".";
    display : block;
    clear : both;
    visibility : hidden;
    line-height : 0;
    height : 0;
}

#menu-bar {
    display : inline-block;
}

html[xmlns] #menu-bar {
    display : block;
}

* html #menu-bar {
    height : 1%;
}

/* Some stylesheet reset */
#cssmenu > ul{
	list-style: none;
	margin: 0;
	padding-top: 0px;
	vertical-align: baseline;
	line-height: 2;
	 z-index: 9000;
}

/* The container */
#cssmenu > ul {
	/*display: block;*/
    display: inline-block;
	position: absolute;
	min-width: 960px;
	min-height: 2em;
}

#loginForm {
    padding-left: 20px;
}

	/* The list elements which contain the links */
	#cssmenu > ul li {
        float: left;
		/*display: block;*/
		position: relative;
		width: 192px;
		vertical-align:top;
		
	}

		/* General link styling */
		#cssmenu > ul li a {
			/* Layout */
            display: inline-block;
			/*display: block;*/
			position: relative;
			margin: 0;
			border-top: 1px dotted #3a3a3a;
			border-bottom: 1px dotted #1b1b1b;
			padding: 5px 10px;
			
			width: 170px; 

			/* Typography */
			color: #d8d8d8;
			text-decoration: none;
			text-shadow: 0 1px 1px #000;
			font-size: 13px;
			font-weight: normal;

			/* Background & effects */
			background: #282828;
		}

		/* The hover state of the menu/submenu links */
		#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			background: #54cdf1;
			background: -webkit-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -ms-linear-gradient(bottom, #54cdf1, #74d7f3); 
			background: -moz-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -o-linear-gradient(bottom, #54cdf1, #74d7f3);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 13px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 5px solid transparent;
			border-left: 5px solid #d8d8d8;
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 5px solid transparent;
			border-left: 5px solid #000;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
			border-left: 5px solid #fff;
		}

		#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
			border-left: 5px solid rgba(0, 0, 0, .3);
		}

	
		/* THE SUBMENUS */
		#cssmenu > ul ul {
			left: 0px;
			top: -9999px;
			padding-left: 0px;
			opacity: 0;
			clear: left;
			display: none;
			/* The fade effect, created using an opacity transition */
			/*-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;*/
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu > ul li:hover>ul {
			top: 3em;
			opacity: 1;
			display: block;
		}
		#cssmenu > ul li ul li{
			display: block;
			height: 3em;
		}

.button {
    -moz-box-shadow : inset 0px 0px 0px 0px #cae3fc;
    -webkit-box-shadow : inset 0px 0px 0px 0px #cae3fc;
    box-shadow : inset 0px 0px 0px 0px #cae3fc;
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
    background-color : #79bbff;
    -moz-border-radius : 3px;
    -webkit-border-radius : 3px;
    border-radius : 3px;
    border : 1px solid #469df5;
    display : inline-block;
    color : #fff;
    font-family : Arial;
    font-size : 13px;
    font-weight : bold;
    padding : 1px 10px;
    text-decoration : none;
    text-shadow : -1px 1px 0px #287ace;
    height: 26px;
}

.button:hover {
    background : -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
    background : -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
    background-color : #4197ee;
    color:#0e0e00;
}

.button:active {
    position : relative;
    top : 1px;
}

.sbutton {
    -moz-box-shadow : inset 0px 0px 0px 0px #cae3fc;
    -webkit-box-shadow : inset 0px 0px 0px 0px #cae3fc;
    box-shadow : inset 0px 0px 0px 0px #cae3fc;
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
    background-color : #79bbff;
    -moz-border-radius : 3px;
    -webkit-border-radius : 3px;
    border-radius : 3px;
    border : 1px solid #469df5;
    display : inline-block;
    color : #fff;
    font-family : Arial;
    font-size : 13px;
    font-weight : bold;
    padding : 1px 2px;
    text-decoration : none;
    text-shadow : -1px 1px 0px #287ace;
    height: 24px;
}

    .sbutton:hover:enabled {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
        background: -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
        background-color: #4197ee;
        color: #0e0e00;
    }

    .sbutton:active {
        position: relative;
        top: 1px;
    }

    .sbutton:disabled {
        background-color: #C4CDD2;
        /*color: #676a8d;*/
        border-color: #a3a4ad;
    }

        .sbutton:hover:disabled {
            background-color: #bebebe;
            color: #2f4e7f;
        }

.label {
    text-align : right;
    font-family : 'Century Gothic', 'Book Antiqua', Cambria;
    padding-right : 10px;
    vertical-align : middle;
    font-size : 12px;
    margin-right : 4px;
    margin-bottom : 4px;
}

.leftalign {
    text-align : left;
    font-family : 'Century Gothic', 'Book Antiqua', Cambria;
    padding-left : 10px;
    vertical-align : middle;
    font-size : 12px;
    margin-right : 4px;
    margin-bottom : 4px;
}

.textbox {
    background-image : url('../images/form_bg.jpg');
    text-align : left;
    background-repeat : repeat-x;
    border : 1px solid #CCCCCC;
    width : 150px;
    height:15px;
    color : #333333;
    margin-top: 4px;
    margin-right : 4px;
    margin-bottom : 4px;
    font-family : tahoma, arial, sans-serif;
    font-size:12px;
    vertical-align:bottom;
    margin-left: 0px;
}

.textarea {
    background-image : url(../images/form_bg.jpg);
    background-repeat : repeat-x;
    border : 1px solid #d1c7ac;
    width : 150px;
    height : 70px;
    color : #333333;
    padding : 0px;
    font-family : tahoma, arial, sans-serif;
}

.textareanoresize {
    background-image : url(../images/form_bg.jpg);
    background-repeat : repeat-x;
    border : 1px solid #d1c7ac;
    width : 150px;
    height : 70px;
    color : #333333;
    padding : 0px;
    font-family : tahoma, arial, sans-serif;
    resize: none;
}

h1, h2, h3, h4:not(.ui-pnotify-title), h5 {
	margin-top:10px;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
}

h1 {
	font-size:24px;
	font-family: verdana, sans-serif, Arial, Helvetica;
	font-weight: bold;
	line-height: 1.5em;
	color: #00599F;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #F3F3F2;
	border-style: solid;
	border-width: 1px;
	border-color:#ccc;
}

h2 {
	color:#FC7C00;
	font-size:22px;
	font-family: "Century Gothic", Calibri, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #F3F3F2;
	border-style: solid;
	border-width: 1px;
	border-color:#ccc;
}

h3 {
	color: #00599F;
	font-size:20px;
	font-family: "Century Gothic", "Book Antiqua", Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	background-color: #F3F3F2;
	border-style: solid;
	border-width: 1px;
	border-color:#ccc;
}

h4:not(.ui-pnotify-title) {
	color:#FC7C00;
	font-size:18px;
	font-family: "Century Gothic", "Book Antiqua", Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	background-color: #F3F3F2;
	border-style: solid;
	border-width: 1px;
	border-color:#ccc;
}

h5 {
	color: #00599F;
	font-size:16px;
	font-weight: bold;
	font-family: verdana, sans-serif, Arial, Helvetica;
	background-color: #F3F3F2;
	border-style: solid;
	border-width: 1px;
	border-color:#ccc;
}

h6 {
    margin-top:10px;
	color:#FC7C00;
	font-size:14px;
	font-weight: bold;
	font-family: "Century Gothic", "Book Antiqua", Arial;
	background-color: #F3F3F2;
	border-style: solid;
	border-width: 1px;
	border-color:#ccc;
    padding-left:10px;
}

.bcontainer {
    padding-top:5px;
    padding-bottom:5px;
    padding-right:100px;
    padding-left:20px;
    text-align:end;
	font-family: "Century Gothic", "Book Antiqua", Arial;
	text-decoration: none;
	background-color: #F3F3F2;
	border-style: solid;
	border-width: 1px;
	border-color:#ccc;
}

.contentdiv {
    padding-left:20px;

}
table
{
	color:#000000;
	background-color:#FFFFFF;
    border:none;

	font-family:verdana, sans-serif, Arial, Helvetica;
}

.csstable th
{
	color:#000000;
    border:none;
	font-size:14px;
	font-weight:normal;
	padding:0;
	text-align:center;
}

.csstable tr
{
	font-size:12px;
	font-weight:normal;
}

.csstable td
{
	background:#FFFFFF;
}

.gridview {
	width: 100%;
	background-color: #fff;
	margin: 4px 0 4px 0;
	border: solid 1px #525252;
    border-collapse:collapse;
}

.gridview th {
	padding: 2px 2px;
	color: #fff;
	background: #424242 url(../images/grd_head.png) repeat-x top;
	/*border-left: solid 1px #525252;*/
    font-size: 10px;
    text-align:center;
}

.gridview td {
	padding:2px;
	border: solid 1px #c1c1c1;
	color: #717171;
    font-size: 9pt;
}

.gridview .alt {
	background: #fcfcfc url(../images/grd_alt.png) repeat-x top;
}

.gridview .pgr {
	background: #424242 url(../images/grd_pgr.png) repeat-x top;
}

.gridview .pgr table {
	margin: 3px 0;
}

.gridview .pgr td {
	border-width: 0;
	padding: 0 2px;
	border-left: solid 1px #666;
	font-weight: bold;
	color: #fff;
	line-height: 12px;
}   

.gridview .pgr a
{
	color: #666;
	text-decoration: none;
}

.gridview .pgr a:hover {
	color: #000;
	text-decoration: none;
}

.hyper {
    padding-top:15px;
    padding-left:20px;
}

.hyperlink {
    color:white;
    font-family:'Century Gothic', Calibri;
    margin-right:5px;
}

.hyperlink:hover {
	text-decoration: underline;
    color: red;
}

.link {
    color:blue;
}

.link:hover {
	text-decoration: underline;
    color: red;
}

.red {
    font-family : verdana, sans-serif, Arial, Helvetica;
    color:red;
    font-size:11px;
    text-align:right;
    line-height : 10px;
}

.dropdown {
    background-image : url(../images/form_bg.jpg);
    background-repeat : repeat-x;
    border : 1px solid #CCCCCC;
    /*width : 100px;*/
    height : 18px;
    color : #333333;
    padding : 0px;
    font-family : tahoma, arial, sans-serif;
}

.linkbutton {
    background-color:#d1cfcf;
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    border-radius : 5px;
    border : 1px solid #000;
    display : inline-block;
    color : #424242;
    font-family : Arial;
    font-size : 11px;
    font-weight : bold;
    padding : 1px 5px;
    text-decoration : none;
    font-family : 'Century Gothic', 'Century Schoolbook', 'Franklin Gothic Book';
}

.linkbutton:hover {
    background-color:#adadad;
    color:#0e0e00;
}

.linkbutton:active {
    position : relative;
    top : 1px;
}

.logindiv {
     text-align:right;
     padding-right:30px;
     padding-top:10px;
}

.calendor .ajax__calendar_container   {
background-color: #DEF1F4;
border:solid 1px #77D5F7;
}

.calendor .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}

.calendor .ajax__calendar_title,
.calendor.ajax__calendar_next,
.calendor .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.calendor .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #77D5F7;
}

.calendor .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.calendor .ajax__calendar_day {
color: #004080;
text-align:center;
}

.calendor .ajax__calendar_invalid .ajax__calendar_day 
{
    background-color:gray;
    color:White; 
    text-decoration:none; 
    cursor:not-allowed;
}

.calendor .ajax__calendar_hover .ajax__calendar_day,
.calendor .ajax__calendar_hover .ajax__calendar_month,
.calendor .ajax__calendar_hover .ajax__calendar_year,
.calendor .ajax__calendar_active  {
color: #004080;
font-weight: bold;
background-color: #DEF1F4;
}

.calendor .ajax__calendar_today   {
font-weight:normal;
}

.calendor .ajax__calendar_other,
.calendor .ajax__calendar_hover .ajax__calendar_today,
.calendor .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
}

.modalbackground 
{
    background-color:Gray;
    opacity: 0.5;
    filter:Alpha(opacity=50);
}

.modalpopup 
{
    background-color: White;
    border-color: #00A9E0;
    border-width: 2px;
    border-style: solid;
    padding: 10px;
    max-width:800px;
    max-height:500px;
}

.scrollable {
    width: 550px;
    height: 450px;
    overflow-y: auto;
}

.close {
    position: absolute;
	top:-13px;
	right: -9px;
	width: 25px;
	height: 30px;
	background: transparent url('../images/fancy_close.png') -36px 0px;
	cursor: pointer;
	z-index: 1103;
    }
    .close:hover {
        background-position:-36px -32px
    }

    .fancybox-ie6 .close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale'); }

.pdf-wrapper {
    white-space: nowrap;
}

#content-wrapper {
    text-align: center;
}

#inner-content-wrapper {
    display: inline-block;
    padding: 0 25px 25px 25px;
    margin: 7% 0;
    text-align: right;
    border: 5px solid #C2C3CA;
    -moz-border-radius : 15px;
    -webkit-border-radius : 15px;
    border-radius : 15px;
    overflow-y: auto;
    width: 430px;
    height: 500px;
}

.unit-cost {
    display: inline-table;
}

/*input[type=image]:disabled {
    filter: url('../JS/filters.svg#grayscale'); /* Firefox 3.5+ 
    filter: gray; /* IE6-9 
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary 
}*/

.btn-disabled, .aspNetDisabled {
    /*filter: url(desaturate.svg#greyscale);*/
    /*filter: url(filters.svg#grayscale);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/
    filter: url('../JS/filters.svg#grayscale');
    filter: gray;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.stock-assembly-row {
    background-color: gainsboro;
}

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}