/* CSS Document */
html {overflow-y: scroll;}
body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 0 50px 0 !important;
    padding: 0px !important;
    background: url(images/body-bg.gif) top repeat-x;
}
a {
    /*color: #016ed3;*/
    color: #D13829;
    text-decoration: underline;
    outline: none;
}
a:hover {
    color: #ff0000;
    text-decoration: none;
}
.page {
    margin: 0px 0 50px 0 !important;
    padding: 0px !important;
}
.mainBox {
    margin: 0px auto !important;
    padding: 0px 0px 0px 0px !important;
    position: relative;
    width: 960px;
}
.page-header {
    width: 950px;
    margin: 0px auto;
    padding: 14px 0 0 0;
    /*padding: 14px 0 15px 0 !important;*/
}
h1.logo {
    width: 350px;
    height: 44px;
    background: url("images/nox-logo-3.jpg") no-repeat;
    text-indent: -555em;
    float: left;
    margin: 0 0 14px 0;
    /*margin: 0 0 0px 0 !important;*/
    /*margin: 0 0 15px 0\9;*/
    padding: 0px;
    /*padding: 0 0 -7px 0;*/
}
div.top-right {
    display: none;
    width: 278px;
    float: right;
    padding: 8px 0 0 0;
    margin: 0 0 23px 0;
}
p.top-right {
    font-size: 14px;
    float: left;
    padding: 0px;
    margin: 0px;
}
#newNotificationsBox
{
    position: absolute;
    left: -155px;
    top: 5px;
    text-align: right;
    width: 145px;
}
.user-icon {
    margin: 0 10px 0 0;
    float: left;
}
.logout-btn {
    margin: -5px 0 0 10px;
    float: left;
}
.topnav-left {
    width: 24px;
    height: 68px;
    background: url(images/topnav-left-curve.gif) no-repeat top left;
    float: left;
}
.topnav-mid {
    margin: 31px 0 0 0;
    width: 500px;
    float: left;
}
.topnav-right {
    width: 24px;
    height: 68px;
    background: url(images/topbav-rightcurve.gif) no-repeat top left;
    float: right;
    display: block;
}
.topnav-left img {
    display: none !important
}
.nav, .loginLogo {
    height: 68px;
    width: 950px;
    overflow: hidden;
    /* position: relative;*/
    background: url(images/bg-menu-top.gif) top repeat-x;
    margin: 0px auto;
    padding: 0px;
}
.page form#formMain .loginLogo {
    /*margin-top: 15px\9 !important;
    margin-top: 1px\0 !important;
	*margin-top: 0px !important;*/
}
.navListClass {
    margin: 21px 0 0 0px;
    padding: 0px;
    float: left;
    height: 47px;
    width: 700px;
    display: inline;
}
#message
{
position: absolute;
top: 155px;
z-index: 100000;
left: 30px;
background: yellow;
width: 643px;
border: 1px;
padding: 15px;
border-color: red;
border-style: solid;
}
#searchBox 
{
    width: 200px !important;
}
.navListClass li {
    display: inline-block;
    width: 82px;
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0px;
    overflow: hidden;
    float: left;
}
.navListClass li a {
    width: 82px;
    display: block;
}
#orderNav 
{
    background: url(images/orders-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#orderNav:hover {
    background: url(images/orders-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#orderNav.active {
    background: url(images/orders-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}

#shipmentNav 
{
    background: url(images/shipments-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#shipmentNav:hover {
    background: url(images/shipments-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#shipmentNav.active {
    background: url(images/shipments-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}

#itemNav 
{
    background: url(images/nsns-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#itemNav:hover {
    background: url(images/nsns-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#itemNav.active {
    background: url(images/nsns-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}

#liveNav 
{
    background: url(images/live-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#liveNav:hover {
    background: url(images/live-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#liveNav.active {
    background: url(images/live-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}

#statisticsNav 
{
    background: url(images/history-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#statisticsNav:hover {
    background: url(images/history-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#statisticsNav.active {
    background: url(images/history-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}

#dodNav 
{
    background: url(images/dod-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#dodNav:hover {
    background: url(images/dod-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#dodNav.active {
    background: url(images/dod-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}

#setupNav 
{
    background: url(images/setup-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#setupNav:hover {
    background: url(images/setup-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#setupNav.active {
    background: url(images/setup-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}

#dodaacNav 
{
    background: url(images/dodaacs-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#dodaacNav:hover {
    background: url(images/dodaacs-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#dodaacNav.active {
    background: url(images/dodaacs-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}

#cageCodeNav 
{
    background: url(images/cages-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#cageCodeNav:hover {
    background: url(images/cages-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#cageCodeNav.active {
    background: url(images/cages-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}


#blankNav 
{
    background: url(images/blankRFID-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#blankNav:hover {
    background: url(images/blankRFID-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#blankNav.active {
    background: url(images/blankRFID-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}

#configNav 
{
    background: url(images/config-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
    
}
#configNav:hover {
    background: url(images/config-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#configNav.active {
    background: url(images/config-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}

#utilitiesNav 
{
    background: url(images/utilities-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#utilitiesNav:hover {
    background: url(images/utilities-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#utilitiesNav.active {
    background: url(images/utilities-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}

#dodUtilitiesNav 
{
    background: url(images/dodUtilities-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#dodUtilitiesNav:hover {
    background: url(images/dodUtilities-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#dodUtilitiesNav.active {
    background: url(images/dodUtilities-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}

#admin 
{
    background: url(images/admin-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#admin:hover {
    background: url(images/admin-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#admin.active {
    background: url(images/admin-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}


#navLive {
    background: url(images/orders-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#navLive:hover {
    background: url(images/orders-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#navLive.active {
    background: url(images/orders-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}
#navHistory {
    background: url(images/history-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#navHistory:hover {
    background: url(images/history-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#navHistory.active {
    background: url(images/history-sprite.gif) 0px 0px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#videoNav {
    background: url(images/video-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#videoNav:hover {
    background: url(images/video-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#videoNav.active {
    background: url(images/video-sprite.gif) 0px 0px no-repeat !important;
    height: 47px;
    text-indent: -555em;
}
#navDOD {
    background: url(images/dod-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#navDOD:hover {
    background: url(images/dod-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#navDOD.active {
    background: url(images/dod-sprite.gif) 0px 0px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#navSetup {
    background: url(images/setup-sprite.gif) 0px -94px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#navSetup:hover {
    background: url(images/setup-sprite.gif) 0px -47px no-repeat;
    height: 47px;
    text-indent: -555em;
}
.navListClass li a#navSetup.active {
    background: url(images/setup-sprite.gif) 0px 0px no-repeat;
    height: 47px;
    text-indent: -555em;
}
#signInBox {
    width: 339px;
    position: absolute;
    top: 39px;
    left: 689px;
    font-size: 12px;
}
.labelNav {
    display: block;
    padding: 5px 0 0 26px;
    width: 153px;
    float: left;
}
#signOut {
    width: 87px;
    height: 26px;
    margin: -1px 0 0 0;
    background: url(images/logout-btn-top.gif) top left no-repeat;
    text-indent: -555em;
}
#navUser {
    background: url(images/user-icon-top.gif) 0px 4px no-repeat
}
.labelNav a {
    background: none
}
#searchBox 
{
    float: left;
    background: url(images/search-bg-top.gif) bottom right no-repeat;
}
#searchBox label {
    display: none
}
.inputNav {
    width: 165px;
    /*width: 162px\9;*/
    height: 25px;
    border: none;
    outline: none;
    margin: 21px 5px 0 27px;
    /*margin: 22px 5px 0 27px;*/
    /*padding: 0px 10px 0 34px;
    padding: 5px 13px 0 34px\9;*/
    background: none;
    /*height: 20px\9;*/
}

.ulActions 
{
    position: absolute;
    top: 243px;
    left: 728px;
    border: 2px solid #c0c0c2;
    background: #f0f0f0;
    padding: 0 0 23px 0;
    z-index: 1000;
}

.page .mainBox #formMain {
    padding: 0 0 50px 29px;
    margin: 0px !important;
    position: relative !important;
    min-height: 200px;
}
#formMain {
    position: relative
}
.page #formMain {
    margin: 0px auto;
    width: 960px;
}
.mainBox #formMain {
    background: url(images/body-bg-texture.gif) repeat-y
}
fieldset {
    border: 0px
}
fieldset .tabs-container ul.htabs {
    display: none
}
h1.page-title {
    padding: 30px 0 0 0;
    margin: 0 0 0 25px;
    border-bottom: 1px solid #c0c0c0;
    background: none;
    font-size: 22px;
    color: #282d38;
    width: 674px;
}
.gr-body-top {
    background: url(images/body-top-gr.gif) top repeat-x;
    width: 100%;
    height: 53px;
    margin: 0 0 0 -24px;
    width: 950px;
}
.deliveryOrderBox {
    border: 2px solid #c0c0c2;
    margin-top: 22px;
    width: 672px;
    background: #FFF;
}

/*.deliveryOrderFieldset{
	border:none;
	margin:0px;
	width:628px;
	padding:0 22px 10px 22px;
	
}

.deliveryOrderFieldset label{
	color:#585757;
}

.deliveryOrderFieldset div{
	color:#000000;
	font-size:14px;
	height:35px;
}

.deliveryOrderFieldset div input{
	width:104px;
	height:19px;
	background:url(images/input-bg-form.gif) top left no-repeat;
	border-right:1px solid #a5a8af;
	border-left:none;
	border-top:none;
	border-bottom:none;
	padding-left:5px;
}

.deliveryOrderFieldset legend{
		display:block;
		width:650px;
		color:#282d38;
		background:url(images/fieldset-bg.gif) top repeat-x;
		height:30px;
		margin:0 0 0px -22px;
		padding:16px 0 31px 22px;
		font-size:16px;

}*/
.right-menu-title {
    background: url(images/fieldset-bg.gif) top repeat-x;
    height: 35px;
    width: 185px;
    padding: 10px 0 0 14px;
}

.dodNavBoxClass {
    position: absolute;
    top: 102px;
    left: 728px;
    border: 2px solid #c0c0c2;
    background: #f0f0f0;
    padding: 0 0 23px 0;
    z-index: 1000;
    overflow: hidden;
}
.textAreaNormal 
{
    margin-top: 25px !important;
}
#eventDetail 
{
    height: 400px;
padding-top: 25px;
text-indent: 25px;
font-size: 14px;
}
.actionBoxClass {
    position: absolute;
    top: 75px;
    left: 728px;
    border: 2px solid #c0c0c2;
    background: #f0f0f0;
    padding: 0 0 23px 0;
    z-index: 1000;
    overflow: hidden;
    width: 199px;
    font-size: 16px;
}
.event_previewActionList
{
    top: 457px !important;
}
.videoImg
{
    width: 375px;
    border: 0px;
}
.eventPreviewActions
{
    top: 459px !important;
}
.previewContainer
{
    height: 280px;
background: black;
width: 903px;
padding-top: 50px;
margin-top: 25px;
}
#videoImgText
{
    list-style: none;
height: 15px;
font-size: 13px;
background: #6A707F;
margin: 0px;
padding: 10px;
color: white;
width: 655px;
}
ul.actionListClass 
{
    width: 157px;
    margin: 21px 0 0 20px;
    padding: 0px;
    font-size: 14px;
    font-family: helvetica, arial;
}
ul.actionListClass li 
{
    list-style: none;
    margin: 8px 0 0 0;
}

ul.actionListClass a 
{
    width: 157px;
    height: 35px;
    display: block;
}

ul.actionListClass input
{
    width: 157px;
    /*height: 35px;*/
    display: block;
}
ul.dodNavListClass 
{
    width: 157px;
    margin: 21px 0 0 20px;
    padding: 0px;
}
ul.dodNavListClass li 
{
    list-style: none;
    margin: 8px 0 0 0;
}

ul.dodNavListClass a 
{
    width: 157px;
    height: 35px;
    display: block;
}

ul.dodNavListClass input
{
    width: 157px;
    height: 35px;
    display: block;
}
.videoThumbnail
{
    width: 75px;
padding: 10px;
border: 0px;
}
.saveAction 
{
    background: url(images/save-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.cancelAction
{
    background: url(images/cancel-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.lotAction
{
    background: url(images/statistics-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addOverrideAction
{
    background: url(images/override-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.healthStatsAction
{
    background: url(images/healthStats-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.historyGraphAction
{
    background: url(images/historyGraph-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.antennaGraphAction
{
    background: url(images/antennaGraph-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.healthStatusAction
{
    background: url(images/healthReport-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.detectHardwareAction
{
    background: url(images/detectHardware-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.toggleFiltersAction
{
    background: url(images/toggleFilters-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.purgeAction
{
    background: url(images/purge-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.selectShipmentAction
{
    background: url(images/selectShipment-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.clearAction
{
    background: url(images/clear-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.greenwayShipmentReportAction
{
    background: url(images/shipmentReport-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.inventoryReportAction
{
    background: url(images/inventoryReport-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.purgeReportAction
{
    background: url(images/purgeReport-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.backAction
{
    background: url(images/back-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.continueAction
{
    background: url(images/continue-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.checkedInAction
{
    background: url(images/checked-in-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.checkedOutAction
{
    background: url(images/checked-out-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.generateVideoAction
{
    background: url(images/generateVideo-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.recordedVideoAction
{
    background: url(images/recordedVideo-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.breakAction
{
    background: url(images/break-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.breakAllAction
{
    background: url(images/break-all-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.shipmentReportAction
{
    background: url(images/report-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.refreshAction
{
    background: url(images/refresh-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.calibrationAction
{
    background: url(images/calibration-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addItemAction
{
    background: url(images/addItem-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.homeAction
{
    background: url(images/home-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.overridesAction
{
    background: url(images/overrides-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.videoAction
{
    background: url(images/video-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.liveFeedAction
{
    background: url(images/live-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.pauseAction
{
    background: url(images/pause-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.playAction
{
    background: url(images/play-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.configurationAction 
{
    background: url(images/configuration-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.configurationActiveAction 
{
    background: url(images/configuration-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.zonesAction 
{
    background: url(images/zone-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.zonesActiveAction 
{
    background: url(images/zone-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.readersAction
{
    background: url(images/readers-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.readersActiveAction 
{
    background: url(images/readers-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.muxesAction
{
    background: url(images/muxes-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.muxesActiveAction 
{
    background: url(images/muxes-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.camerasAction
{
    background: url(images/cameras-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.camerasActiveAction 
{
    background: url(images/cameras-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.ioAction
{
    background: url(images/io-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.ioActiveAction 
{
    background: url(images/io-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.conveyorsAction
{
    background: url(images/conveyors-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.conveyorsActiveAction 
{
    background: url(images/conveyors-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.printersAction
{
    background: url(images/printers-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.printersActiveAction 
{
    background: url(images/printers-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.printQueueAction
{
    background: url(images/printQueue-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addUserAction
{
    background: url(images/addUser-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addUserDisabledAction
{
    background: url(images/addUser-icon-disabled.gif) top left no-repeat;
    text-indent: -555em;
}
.addZoneDisabledAction
{
    background: url(images/addZone-icon-disabled.gif) top left no-repeat;
    text-indent: -555em;
}
.addPrinterAction
{
    background: url(images/addPrinter-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addCameraAction
{
    background: url(images/addCamera-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addReaderAction
{
    background: url(images/addReader-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addMuxAction
{
    background: url(images/addMux-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addZoneAction
{
    background: url(images/addZone-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addNotificationAction
{
    background: url(images/addNotification-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.statisticsAction
{
    background: url(images/statistics-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.eventsAction
{
    background: url(images/events-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.editItemAction
{
    background: url(images/editItem-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addPrinterDisabledAction
{
    background: url(images/addPrinter-icon-disabled.gif) top left no-repeat;
    text-indent: -555em;
}
.batchFileAction
{
    background: url(images/downloadDriver-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.classesAction
{
    background: url(images/classes-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.classesActiveAction 
{
    background: url(images/classes-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.notificationsAction
{
    background: url(images/notification-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.notificationsActiveAction 
{
    background: url(images/notification-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.usersAction
{
    background: url(images/user-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.usersActiveAction 
{
    background: url(images/user-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.dodaacsAction
{
    background: url(images/dodaac-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.dodaacsActiveAction 
{
    background: url(images/dodaac-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.cagesAction
{
    background: url(images/cages-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.cagesActiveAction 
{
    background: url(images/cages-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.blanksAction
{
    background: url(images/blankRFID-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.blanksActiveAction 
{
    background: url(images/blankRFID-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.keysAction
{
    background: url(images/key-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.keysActiveAction 
{
    background: url(images/key-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.printActiveAction 
{
    background: url(images/print-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.importAction
{
    background: url(images/import-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.importActiveAction 
{
    background: url(images/import-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.exportAction
{
    background: url(images/export-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.exportActiveAction 
{
    background: url(images/export-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.verificationAction
{
    background: url(images/verification-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.verificationActiveAction 
{
    background: url(images/verification-icon-active.gif) top left no-repeat;
    text-indent: -555em;
}
.loginAction
{
    background: url(images/login-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.printSelectedAction
{
    background: url(images/printSelected-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.shipmentClinAction
{
    background: url(images/selectClins-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.kitPackAction
{
    background: url(images/pack-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.advancedAction
{
    background: url(images/advanced-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.selectNsnAction
{
    background: url(images/selectItem-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.packAction
{
    background: url(images/packRFID-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.printAction
{
    background: url(images/print-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.printPreviewAction
{
    background: url(images/printPreview-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.printItemsAction
{
    background: url(images/printItems-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.printUIDAction
{
    background: url(images/printUID-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.reportAction
{
    background: url(images/report-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.shipAction
{
    background: url(images/ship-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addNsnAction
{
    background: url(images/addNsn-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addOrderAction
{
    background: url(images/addOrder-icon.gif) top left no-repeat;
    text-indent: -555em;   
}
.downloadOrdersAction
{
    background: url(images/download-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addClinAction
{
    background: url(images/addClin-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addCageAction
{
    background: url(images/addCage-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addDodaacAction
{
    background: url(images/addDodaac-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addShipmentAction
{
    background: url(images/addShipment-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.addClassAction
{
    background: url(images/addClass-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.deleteAction
{
    background: url(images/delete-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.finishAction
{
    background: url(images/finish-icon.gif) top left no-repeat;
    text-indent: -555em;
}
.shipmentNav {
    width: 157px;
    height: 33px;
    background: url(images/shipment-icon.gif) top left no-repeat;
    display: block;
    text-indent: -555em;
}
.itemNav {
    width: 157px;
    height: 40px;
    background: url(images/nsns-icon.gif) top left no-repeat;
    display: block;
    text-indent: -555em;
}
.dodaacNav {
    width: 157px;
    height: 42px;
    background: url(images/dodaacs-icon.gif) top left no-repeat;
    display: block;
    text-indent: -555em;
}
.cageCodeNav {
    width: 157px;
    height: 39px;
    background: url(images/cages-icon.gif) top left no-repeat;
    display: block;
    text-indent: -555em;
}
.blankNav {
    width: 157px;
    height: 30px;
    background: url(images/blankrfid-icon.gif) top left no-repeat;
    display: block;
    text-indent: -555em;
}
/* -------------------------- Making a class for field set for whole application ---------------- */

.genericBox 
{
    border: 2px solid #c0c0c2;
    margin-top: 22px;
    width: 672px;
    background: #FFF;
}
.shipmentClinBox {
    border: 2px solid #c0c0c2;
    margin-top: 22px;
    width: 672px;
    background: #FFF;
}
.nsnBox, .labelElementsBox, .uploadBox, .shipmentDataBox, #shipment-pallet, .outerBox, .loginBox{
    border: 2px solid #c0c0c2;
    margin-top: 22px;
    width: 672px;
    background: #FFF;
}

/*.clinBox, .shipmentBox{
	width:672px;
	margin:0px !important;
	border-top:none !important;
	border-right:2px solid #c0c0c2;
	border-bottom:2px solid #c0c0c2;
	border-left:2px solid #c0c0c2;
	
}*/

#shipment-pallet fieldset legend{

}
#clinTable {
    margin: 0px !important;
    border: none !important;
}
#shipmentTable {
    margin: 0px !important;
    border: none !important;
}

fieldset .nsnBox {
    margin: 0px !important;
    border: 0px !important;
    width: auto !important;
}
.ddlShipToDodaacBox {
    margin-top: 15px
}
.filterBox, .cageBox, .dodaacBox {
    border: 2px solid #c0c0c2;
    margin-top: 22px;
    width: 672px;
    background: #FFF;
}
fieldset {
    border: none;
    margin: 0px;
    padding: 70px 22px 50px 22px;
    width: 629px;
    position: relative;
    font-size: 14px;
    color: #585757;
}
fieldset txt {
    width: 400px
}
fieldset label {
    color: #585757
}
/*
fieldset .deliveryOrderBox, fieldset .clinBox{
	border:none !important;
	margin:0px !important;
	width:500px !important;
	color:#000000;
	font-size:14px;
	/*height:35px;
	text-align:left;
	height:15px !important;
	margin:20px 0 0 0 !important;
		
}

fieldset .deliveryOrderBox label, fieldset .clinBox label{
	float:left;
	width:150px;
	text-align:right !important;
	padding-right:30px;
		
}*/

fieldset div, .shipmentClinBox fieldset .deliveryOrderBox, fieldset .clinBox, fieldset .nsnBox {
    color: #000000;
    font-size: 14px;
    border: none !important;
    /*height: 35px;*/
    width: 500px !important;
    text-align: left;
    height: 15px !important;
    margin: 20px 0 0 0 !important;
}
fieldset .deliveryOrderFilterBox {
    position: absolute;
    top: 67px;
    left: 50px;
    width: 216px !important;
    height: 58px;
}
#itemDataFieldset div
{
    width: 600px !important;
}
#itemDataFieldset div label
{
    width: 100px !important;
}
.itemImage
{
    border: none;
    float: left;
    width: 220px;
    padding-right: 20px;
}
.subItem
{
    width: 300px;
    font-weight: bold;
    
}
.subText
{
    position: absolute;
top: 200px;
background: white;
font-size: 14px;
font-weight: bold;
margin-left: 10px;
padding: 5px;
}
fieldset .deliveryOrderFilterBox label {
    font-size: 16px !important;
    color: #2a2f3b;
    margin: 0 0 1px 0;
}
fieldset .deliveryOrderFilterBox input {
    width: 213px;
    height: 29px;
    padding: 7px 0 0 0\9 !important;
    padding-left: 3px !important;
    border: 1px solid #a5a8af;
    font-size: 16px;
    margin: 0px !important;
    background: url(images/input-bg.gif) top left no-repeat #ffffff;
}
fieldset.fieldsetNormal .statusFilterBox {
    margin-top: 10px
}

fieldset .statusFilterBox {
    position: absolute;
    top: 67px;
    left: 302px;
    width: 216px !important;
    height: 58px;
}
fieldset .statusFilterBox select {
    width: 210px;
    height: 27px;
    /*height: 31px\9;*/
    outline: none;
    font-size: 16px;
    padding: 3px;
    font-weight: normal !important;
    border: 1px solid #a5a8af;
    background: url(images/input-bg.gif) top left no-repeat #ffffff;
}
.filterBox fieldset label {
    width: auto !important
}
fieldset .statusFilterBox label {
    font-size: 16px !important;
    color: #2a2f3b;
    margin: 0 0 1px 0;
}
.filterBox .fieldsetNormal {
    height: 141px
}
input {
    outline: none
}
#imageFile
{
    margin: 20px 0 0 0;
}
fieldset div input {
    width: 204px;
    height: 19px;
    background: url(images/input-bg.gif) top left no-repeat;
    border: 1px solid #a5a8af;
    padding-left: 5px;
    margin: -3px 0 0 0;
}
fieldset legend {
    display: block;
    width: 650px;
    color: #282d38;
    background: url(images/fieldset-bg.gif) top repeat-x;
    height: 30px;
	position: absolute;
    /*margin: 0 0 31px -10px;*/
    top: 0px; /*was -70 */
    /*top: 0px\9 !important;
    left: 0px\9 !important;
    *top: 0px !important;
    *left: -7px !important;*/
    left: 0px; /*was -22*/
    padding: 16px 0 0 22px;
    font-size: 16px;
   
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	fieldset legend {
	    top: 0px !important;
	    left: 0px !important;
	}
	#addContract {
	    top: 27px !important;
	    left: 330px !important;
	}
	field div input {
	    display: block !important
	}
	h1.logo {
	    margin: 0 0 15px 0
	}
	#importContracts {
	    top: 27px !important;
	    left: 459px !important;
	}
	fieldset .deliveryOrderFilterBox {
	    top: 120px !important
	}
	fieldset .statusFilterBox {
	    top: 120px !important
	}
	.dod-kit-cont .shipmentClinBox fieldset legend{
		left:0px !important;	
	}
}
.deliveryOrderFilterBox {
    margin-top: 10px
}
.addBox {
    background: url(images/addbox-bg.gif) top repeat-x;
    height: 82px;
    width: 672px;
    border-left: 2px solid #c0c0c2;
    border-bottom: 2px solid #c0c0c2;
    border-right: 2px solid #c0c0c2;
    border-top: none !important;
    position: relative;
}
.addBox legend {
    background: none !important;
    display: none;
}
.addBox fieldset {
    padding: 24px 0 24px 49px !important;
    color: #9599a1;
    font-size: 12px;
    width: 270px;
    text-align: center;
}
#addContract {
    position: absolute;
    font-size: 13px;
    top: 6px;
    left: 300px;
    display: block;
    width: 120px;
}
#importContracts {
    position: absolute;
    font-size: 13px;
    top: 6px;
    left: 437px;
    display: block;
    width: 120px;
}
.filterBox {
    border-bottom: none !important;
    border-left: 2px solid #c0c0c2;
    border-top: 2px solid #c0c0c2;
    border-right: 2px solid #c0c0c2;
}
.deliveryOrderListBox, .clinListBox {
    width: 672px
}
.tableNormal, .shipmentList, .clinTable, .clinListBox {
    width: 672px !important;
    border: 2px solid #c0c0c2;
    margin: 26px 0 0 0;
    border-spacing: 0px;
    padding: 0px;
}
.clinTable {
    width: 676px;
    border: 2px solid #c0c0c2;
    margin: 26px 0 0 0;
}
.tableRowNormal {
    background: url(images/table-th-bg.gif) top repeat-x;
    height: 46px;
    color: #12151b;
    font-size: 14px;
    font-weight: normal !important;
    text-align: left !important;
}
.tableRowNormal th {
    padding: 0 0 0 15px;
    text-align: left !important;
	background: url(images/table-th-bg.gif) top repeat-x;
}
.tableRowNormal th input {
    width: 62px;
    height: 19px;
    background: url(images/input-bg.gif) top left no-repeat #ffffff;
    border: 1px solid #a5a8af;
}
.row_0 {
    background: #FFF;
    color: #434343;
    font-size: 13px;
    height: 35px;
}
.presentClass
{
    color: Black;
    font-weight: bold;
}
.absentClass
{
    color: Gray;
    font-style: italic;
}
.presentClass td:first-child
{
    padding-right: 10px;
}
.absentClass td:first-child
{
    padding-right: 10px;
}
.row_0 td {
    background: url(images/grid-sep.gif) right no-repeat #FFF;
    padding: 0 5px 0 15px;
}
.row_0 td:last-child {
    background: none;
}
.row_1 {
    background: #f3f3f3;
    color: #434343;
    font-size: 13px;
    height: 35px;
}
.row_1 td {
    background: url(images/grid-sep.gif) right no-repeat #f3f3f3;
    padding: 0  5px 0 15px;
}
.row_1 td:last-child {
    background: none;
}

.idData_1 {
    background: #FFF;
    color: #434343;
    font-size: 13px;
    height: 35px;
}
.idData_1 td {
    background: url(images/grid-sep.gif) right no-repeat #FFF;
    padding: 0  5px 0 15px;
}
.idData_1 td:last-child {
    background: none;
}
.idData_0 {
    background: #FFF;
    color: #434343;
    font-size: 13px;
    height: 35px;
}
.idData_0 td {
    background: url(images/grid-sep.gif) right no-repeat #FFF;
    padding: 0  5px 0 15px;
}
.idData_0 td:last-child {
    background: none;
}

.presentClass_1
{
    font-weight: bold;
    background: #FFF;
    color: #000000;
    font-size: 13px;
    height: 35px;
}
.presentClass_1 td
{
    background: url(images/grid-sep.gif) right no-repeat #FFF;
    padding: 0 5px 0 15px;
}
.presentClass_1 td:last-child {
    background: none;
}
.absentClass_1
{
    font-style: italic;
    background: #f3f3f3;
    color: Gray;
    font-size: 13px;
    height: 35px;
}
.absentClass_1 td
{
    background: url(images/grid-sep.gif) right no-repeat #f3f3f3;
    padding: 0 5px 0 15px;
}
.absentClass_1 td:last-child {
    background: none;
}

.presentClass_0 
{
    font-weight: bold;
    background: #FFF;
    color: #000000;
    font-size: 13px;
    height: 35px;
}
.presentClass_0 td {
    background: url(images/grid-sep.gif) right no-repeat #FFF;
    padding: 0 5px 0 15px;
}
.presentClass_0 td:last-child {
    background: none;
}


.breakClass_0 
{
    font-weight: bold;
    background: #FFF;
    color: Gray;
    font-size: 13px;
    height: 35px;
}
.breakClass_0 td {
    background: url(images/grid-sep.gif) right no-repeat #FFF;
    padding: 0 5px 0 15px;
}
.breakClass_0 td:last-child {
    background: none;
}
.breakClass_1
{
    font-weight: bold;
    background: #FFF;
    color: Gray;
    font-size: 13px;
    height: 35px;
}
.breakClass_1 td
{
    background: url(images/grid-sep.gif) right no-repeat #FFF;
    padding: 0 5px 0 15px;
}
.breakClass_1 td:last-child {
    background: none;
}

.alarmClass_0 
{
    font-weight: bold;
    background: #FFF;
    color: Gray;
    font-size: 13px;
    height: 35px;
}
.alarmClass_0 td {
    background: url(images/grid-sep.gif) right no-repeat #FFF;
    padding: 0 5px 0 15px;
}
.alarmClass_0 td:last-child {
    background: none;
}
.alarmClass_1
{
    font-weight: bold;
    background: #FFF;
    color: Gray;
    font-size: 13px;
    height: 35px;
}
.alarmClass_1 td
{
    background: url(images/grid-sep.gif) right no-repeat #FFF;
    padding: 0 5px 0 15px;
}
.alarmClass_1 td:last-child {
    background: none;
}





.check_inClass_0 
{
    font-weight: bold;
    background: #FFF;
    color: #000000;
    font-size: 13px;
    height: 35px;
}
.check_inClass_0 td {
    background: url(images/grid-sep.gif) right no-repeat #FFF;
    padding: 0 5px 0 15px;
}
.check_inClass_0 td:last-child {
    background: none;
}
.check_inClass_1
{
    font-style: italic;
    background: #f3f3f3;
    color: Gray;
    font-size: 13px;
    height: 35px;
}
.check_inClass_1 td
{
    background: url(images/grid-sep.gif) right no-repeat #f3f3f3;
    padding: 0 5px 0 15px;
}
.check_inClass_1 td:last-child {
    background: none;
}
.check_outClass_0 
{
    font-weight: bold;
    background: #FFF;
    color: #000000;
    font-size: 13px;
    height: 35px;
}
.check_outClass_0 td {
    background: url(images/grid-sep.gif) right no-repeat #FFF;
    padding: 0 5px 0 15px;
}
.check_outClass_0 td:last-child {
    background: none;
}
.check_outClass_1
{
    font-style: italic;
    background: #f3f3f3;
    color: Gray;
    font-size: 13px;
    height: 35px;
}
.check_outClass_1 td
{
    background: url(images/grid-sep.gif) right no-repeat #f3f3f3;
    padding: 0 5px 0 15px;
}
.check_outClass_1 td:last-child {
    background: none;
}
.absentClass_0 {
font-style: italic;

    background: #f3f3f3;
    color: Gray;
    font-size: 13px;
    height: 35px;
}
.absentClass_0 td {
    background: url(images/grid-sep.gif) right no-repeat #f3f3f3;
    padding: 0 5px 0 15px;
}
.absentClass_0 td:last-child {
    background: none;
}

.downClass_1
{
    font-weight: bold;
    background: #D13829;
    color: #ffffff;
    font-size: 13px;
    height: 35px;
}
.downClass_1 a
{
    color: #ffffff;
}
.downClass_1 td
{
    background: url(images/grid-sep.gif) right no-repeat #D13829;
    padding: 0 5px 0 15px;
}
.downClass_1 td:last-child {
    background: none;
}
.downClass_0
{
    font-weight: bold;
    background: #D13829;
    color: #ffffff;
    font-size: 13px;
    height: 35px;
}
.downClass_0 a
{
    color: #ffffff;
}
.downClass_0 td
{
    background: url(images/grid-sep.gif) right no-repeat #D13829;
    padding: 0 5px 0 15px;
}
.downClass_0 td:last-child {
    background: none;
}


.checkedInClass_1
{
    font-weight: bold;
    background: #D13829;
    color: #ffffff;
    font-size: 13px;
    height: 35px;
}
.checkedInClass_1 a
{
    color: #ffffff;
}
.checkedInClass_1 td
{
    background: url(images/grid-sep.gif) right no-repeat #D13829;
    padding: 0 5px 0 15px;
}
.checkedInClass_1 td:last-child {
    background: none
}
.checkedInClass_0
{
    font-weight: bold;
    background: #D13829;
    color: #ffffff;
    font-size: 13px;
    height: 35px;
}
.checkedInClass_0 a
{
    color: #ffffff;
}
.checkedInClass_0 td
{
    background: url(images/grid-sep.gif) right no-repeat #D13829;
    padding: 0 5px 0 15px;
}C:\nox\www\dod_dodaac.aspx
.checkedInClass_0 td:last-child {
    background: none;
}

.shipmentList {
    margin-top: 22px;
    border: 2px solid #c0c0c2;
}
ul.htabs {
    height: 46px;
    width: 672px;
    background: url(images/clin-tab-top-bg.gif) top repeat-x;
    list-style: none;
    margin: 0;
    padding: 0px;
}
.tabs-container {
    border-bottom: 2px solid #c0c0c2;
    border-right: 2px solid #c0c0c2;
    border-top: 2px solid #c0c0c2;
    border-left: 2px solid #c0c0c2;
    width: 672px;
    margin-top: 22px;
}
ul.htabs li {
    display: inline-block
}
ul.htabs li a.clin-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.clin-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}
ul.htabs li a.idData-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.idData-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}
ul.htabs li a.history-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.history-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important;
}
ul.htabs li a.children-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.children-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}
ul.htabs li a.notification-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.notification-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}

ul.htabs li a.idSearchBox-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.idSearchBox-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}

ul.htabs li a.zoneSearchBox-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.zoneSearchBox-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}
ul.htabs li a.userSearchBox-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.userSearchBox-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}

ul.htabs li a.cameraSearchBox-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.cameraSearchBox-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}

ul.htabs li a.readerSearchBox-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.readerSearchBox-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}


ul.htabs li a.printerSearchBox-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.printerSearchBox-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}


ul.htabs li a.nsnSearchBox-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.nsnSearchBox-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}

ul.htabs li a.orderSearchBox-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.orderSearchBox-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}

ul.htabs li a.shipmentSearchBox-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.shipmentSearchBox-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}

ul.htabs li a.version-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.version-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important;
}

ul.htabs li a.directory-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.directory-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important;
}

ul.htabs li a.server-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.server-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important;
}

ul.htabs li a.video-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.video-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important;
}

ul.htabs li a.filterSetup-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.filterSetup-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important;
}

ul.htabs li a.dod-tab {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.dod-tab.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important;
}
#historyTable 
{
    border: 0;
    margin-top: 0px;
}
#idDataTable
{
    border: 0;
    margin-top: 0px;
}
#childrenTable
{
    border: 0;
    margin-top: 0px;
}
#notificationTable
{
    border: 0;
    margin-top: 0px;
}
ul.htabs li a.shipment-number {
    background: url(images/body-tabs-normal.gif) top repeat-x;
    height: 34px;
    padding: 12px 19px 0 19px;
    display: block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
ul.htabs li a.shipment-number.active {
    background: url(images/body-tabs-active.gif) top center no-repeat !important
}
fieldset div label, .shipmentClinBox fieldset .deliveryOrderBox label, fieldset .clinBox label {
    float: left;
    width: 246px;
    text-align: right !important;
    padding-right: 11px;
}
/* Starting footer ----- */
.footer-page {
    width: 960px;
    background: url(images/btm-bg.gif) bottom repeat-x;
    height: 64px;
    margin: 0px auto;
    font-size: 11px;
    color: #787878;
}
.footer-page a {
    color: #787878 !important;
    text-decoration: underline !important;
}
.footer-page a:hover {
    color: #787878 !important;
    text-decoration: none !important;
}
.footer-page span.btm-left {
    width: 12px;
    height: 64px;
    display: block;
    float: left;
    background: url(images/btm-left.gif) top left no-repeat;
}
.footer-page span.btm-mid {
    width: 450px;
    height: 64px;
    margin: 33px 0 0 13px;
    display: block;
    float: left;
}
.footer-page span.btm-right {
    width: 12px;
    height: 64px;
    float: right;
    display: block;
    background: url(images/btm-right.gif) top left no-repeat;
}
/* ----- footer page for login page --------------------*/
.login-footer-page {
    width: 960px;
    background: url(images/login-form-footer.gif) top repeat-x;
    height: 64px;
    margin: 0px auto;
    padding: 1px 0 0 0;
    font-size: 11px;
    color: #787878;
}
.login-footer-page a {
    color: #787878 !important;
    text-decoration: underline !important;
}
.login-footer-page a:hover {
    color: #787878 !important;
    text-decoration: none !important;
}
.login-footer-page span.btm-left {
    width: 12px;
    height: 64px;
    display: block;
    float: left;
    background: url(images/btm-left.gif) top left no-repeat;
}
.login-footer-page span.btm-mid {
    width: 450px;
    height: 64px;
    margin: 33px 0 0 13px;
    display: block;
}
.login-footer-page span.btm-right {
    width: 12px;
    height: 64px;
    float: right;
    display: block;
    background: url(images/btm-right.gif) top left no-repeat;
}
/* footer for login ends here */

/* -------------------- login class ---------------------- */
.login-top-gr {
    height: 53px;
    background: url(images/login-top-gr.gif) top repeat-x;
    margin: 0 5px 119px 5px;
    margin: 0 5px 70px 5px\9 !important;
}
.userNameLabel, .passwordLabel {
    display: none
}
.userName .labelNormal, .password .labelNormal {
    width: 298px;
    margin: 0px auto;
}
.userName .labelNormal input, .password .labelNormal input {
    width: 286px;
    height: 29px;
    /*height: 24px\9;*/
    background: url(images/input-bg.gif) top left no-repeat;
    border: 1px solid #a5a8af;
    font-size: 16px;
    padding: 5px 5px 0 5px\9;
    padding: 0 5px 0 5px;
    margin: 11px 0 0 0;
}
.login-text {
    width: 298px;
    margin: 0px auto;
    font-size: 16px;
    padding: 20px 0 0 0;
    font-weight: bold;
    color: #2a2f3b;
}
.login-cont {
    background: url(images/login-body-bg.gif) repeat-y;
    width: 632px;
    min-height: 162px;
    margin: 0px auto;
}
.userName, .password, .page form#formMain .loginButton {
    width: 632px;
    margin: 0px auto;
    background: url(images/login-body-bg.gif) repeat-y;
}
.login-top-left {
    width: 10px;
    height: 11px;
    float: left;
    display: block;
    background: url(images/login-top-left.gif) top left no-repeat;
}
.login-top-mid {
    width: 612px;
    height: 11px;
    float: left;
    display: block;
    background: url(images/login-top-mid.gif) repeat-x;
}
.login-top-right {
    width: 10px;
    height: 11px;
    float: left;
    display: block;
    background: url(images/login-top-right.gif) top left no-repeat;
}
.login-btm-left {
    width: 10px;
    height: 11px;
    float: left;
    display: block;
    background: url(images/login-btm-left.gif) top left no-repeat;
}
.login-btm-mid {
    width: 612px;
    height: 11px;
    float: left;
    display: block;
    background: url(images/login-btm-mid.gif) repeat-x;
}
.login-btm-right {
    width: 10px;
    height: 11px;
    float: left;
    display: block;
    background: url(images/login-btm-right.gif) top left no-repeat;
}
.page form#formMain .loginButton .submitButtonNormal {
    display: block
}
.page form#formMain .loginButton .submitButtonNormal input {
    display: none
}
.page form#formMain .loginButton .submitButtonNormal {
    width: 87px;
    height: 26px;
    margin: 10px 167px 0 0;
    float: right;
    background: url(images/login-button.gif) top left no-repeat;
    cursor: pointer;
}
.page form#formMain .top-borders {
    width: 632px;
    margin: 0px auto;
    background: url(images/login-body-bg.gif) repeat-y;
}
.page form#formMain {
    min-height: 300px
}
.page form#formMain .btm-borders {
    width: 632px;
    margin: 0px auto;
    background: url(images/login-body-bg.gif) repeat-y;
}
.forgot-password {
    position: absolute;
    top: 453px;
    left: 525px;
    /*top: 390px\9;
    *top: 405px;*/
}
.desc-width {
    width: 30px !important
}
form#formMain.submit-button-cont {
    width: 300px !important;
    height: 50px !important;
    z-index: 100000000 !important;
    margin: 0px auto !important;
}
/*
input.submitButtonNormal{
	display:block !important;
	z-index:100000000 !important;
	width:30px !important;
	margin:0px auto !important;
	background:#999 !important;	
}
*/
span.btn-submit {
    display: block !important;
    z-index: 100000000 !important;
    width: 30px !important;
    margin: 0px auto !important;
    background: #999 !important;
}
#kitSetup .partsBox, #kitSetup .casesPerPalletBox {
    height: 100px !important
}
#kitSetup .partsBox input[type=radio], #kitSetup .casesPerPalletBox input[type=radio] {
    margin: 12px 10px 0px 15px !important;
    height: auto !important;
    width: auto !important;
    border: none !important;
    background: none;
}
#summaryTable, #addCaseTable, #palletTable, #pallet1Table, #pallet2Table, #pallet3Table {
    width: 630px !important;
}
#videoList
{
    width: 903px !important;
}
#nsnTable
{
    width: 903px !important;
}
#deliveryOrderList
{
    width: 903px !important;
}
#shipmentList
{
    width: 903px !important;
}
#shipmentDetailsTable 
{
    width: 903px !important;
}
#shipmentClinTable
{
    width: 903px !important;
}
#dodaacList
{
    width: 903px !important;
}
#cageList
{
    width: 903px !important;
}
#printerList
{
    width: 903px !important;
}
#userList
{
    width: 903px !important;
}
#stateListTable
{
    width: 903px !important;
}
.searchTable
{
    border-spacing: 0px;
    width: 100%;
}
.searchTable ul
{
    list-style: none;
    margin-left: -40px;
}
.btnSave-div{
	
	width:672px;
	text-align:center;
	margin-top:15px;	
}

#kitOptionsBox .shipmentClinBox fieldset .cancel-submit-kit{
	width:308px !important; 
	text-align:center;	
}

#liveFieldsetSmall
{
    height: 260px;
    padding-top: 10px;
    background: #000000;
}

#liveFieldsetLarge
{
    height: 525px;
    padding-top: 10px;
    background: #000000;
}
#liveFieldsetXLarge
{
    height: 785px;
    padding-top: 10px;
    background: #000000;
}

.imageFloatDiv
{
    position: absolute;
    z-index: 1000;
}

.imageFloatDiv img
{
    width: 300px;
}
.cameraName1
{
    color: White;
    top: -2px;
    position: absolute;
    left: 0px;
}

.cameraName2
{
    color: White;
    top: -2px;
    position: absolute;
    left: 325px;
}
.cameraName3
{
    color: White;
    top: -2px;
    position: absolute;
    left: 0px;
    top: 265px;
}
.cameraName4
{
    color: White;
    top: -2px;
    position:absolute;
    left: 325px;
    top: 265px;
}
.cameraName5
{
    color: White;
    position: absolute;
    left: 0px;
    top: 513px;
}
.cameraName6
{
    color: White;
    position: absolute;
    left: 325px;
    top: 513px;
}
.camera1
{
    position: absolute;
    left: 0px;
}
.camera2
{
    position: absolute;
    left: 325px;
}
.camera3
{
    position: absolute;
    left: 0px;
    top: 285px;
}
.camera4
{
    position:absolute;
    left: 325px;
    top: 285px;
}
.camera5
{
    position: absolute;
    left: 0px;
    top: 545px;
}
.camera6
{
    position: absolute;
    left: 325px;
    top: 545px;
}

.cancel-submit-kit{
	width:602px !important; 
	text-align:center;	
}




.cancel-submit-kit input[type=image]{
	width:auto !important;
	height:auto !important;
	border:none !important;
	background:none !important;	
}
#btnUpdate{
	margin-right:10px;
	margin-top:10px;
}

.btnDeliveryOrder-div{
	width:672px !important;
	text-align:center;
	margin:10px 0 10px 0;
	padding:0px !important; 	
}

/* creating some different structure for dod kit page.*/

.kitOptionsBox
{
	width:672px !important;
}

.kitOptionsBox .shipmentClinBox{
	width:322px !important;
	float:left;
	margin:22px 5px 0px 5px;
	min-height:181px !important;
}

.kitOptionsBox .shipmentClinBox fieldset{
	width:322px !important;
	padding:50px 0px 20px 0px !important;
	text-align:center;	
}

.kitOptionsBox .shipmentClinBox fieldset select{
	margin-top:10px;	
}

.kitOptionsBox .shipmentClinBox fieldset legend{
	left:0px;
	width:300px;
	top:-50px;
	margin:0px !important;
	text-align:left;
}

.kitOptionsBox .shipmentClinBox fieldset table{
	width:308px !important;	
}

.kitOptionsBox .shipmentClinBox fieldset #summaryTable, .kitOptionsBox .shipmentClinBox fieldset #addCaseTable{
	width:302px !important;
	margin:0px 0 0 10px !important;
}
.kitOptionsBox .shipmentClinBox fieldset #summaryTable{
	margin:-14px 0 0 10px !important;
	margin:-14px 0 0 10px\9 !important;
}


.kitOptionsBox .shipmentClinBox fieldset #addCaseTable tbody td input{
	width:32px;	
}
.cbIncludePallet
{
    margin-top: 25px !important;
}
.printAsCase
{
    margin-top: 25px !important;
}
/*.tblr-overflow{
	width:320px !important;
	overflow-y:auto;
	overflow-x:none;
	height:83px !important;
	padding:0 0 0 2px !important;
	border-top:2px solid #C0C0C2 !important;
	border-bottom:2px solid #C0C0C2 !important;
}
*/

#cubicBoxpallet3, #cubicBoxpallet2, #cubicBoxpallet1, #quantityBoxpallet3, #quantityBoxpallet2, #quantityBoxpallet1, #quantityBoxpallet, #cubicBoxpallet{
	width:215px !important;
	height:35px;
	float:left !important;
}
#cubicBoxpallet3 label, #cubicBoxpallet2 label, #cubicBoxpallet1 label, #quantityBoxpallet3 label, #quantityBoxpallet2 label, #quantityBoxpallet1 label, #quantityBoxpallet label, #cubicBoxpallet label{
	width:75px;	
}


#cubicBoxpallet3, #cubicBoxpallet2, #cubicBoxpallet1, #cubicBoxpallet{
	margin:20px 0 0 140px !important;	
}
.clear {
    clear: both
}

#btnPrint{
	margin-left:10px;	
}

ul#footer
{
    list-style: none;
height: 15px;
font-size: 13px;
background: #6A707F;
margin: 0px;
padding: 10px;
color: white;
}
ul#footer li
{
    text-align: right;
}
ul#footer li:first-child
{
    float: left;
    text-align: left;
}
ul#footer li a
{
    color: White;
}
#historyBox div
{
    margin: 0px;
    border: 0px;
}

.setupPanel
{
    margin: 0px;
    border: 0px;
}
.checkBoxNormal
{
    /* Fix for IE */
    background: none;
    border: 0px !important;
    width: 15px;
    
}

.previewImage
{
    top: 95px;
    width: 290px;
    position: absolute;
}
.previewPane
{
    height: 250px;
}
#previewContent
{
    position: absolute;
    top: 0px;
}
#previewPane
{
    width: 903px;
    background: black;
}
#previewPaneLeft
{
    width: 300px;
    position: absolute;
    left: 0px;
}
#previewPaneRight
{
    width: 300px;
    position: absolute;
    left: 603px;
}

.actionTextBox
{
    height: 16px !important;
    width: 100px !important;
}
.actionDropDown
{
    width: 155px !important;
}

.videoControls
{
    background: #6A707F;
width: 355px;
color: white;
padding: 10px;
font-size: 14px;
}
.videoControls a
{
    color: White;
}
#videoPlayback
{
    border: 2px solid #C0C0C2;
width: 375px;
margin-top: 25px;
float: left;
}
.inputFileNormal
{
    background: none;
border: none;
}

.eventDetailLine
{
    height: 35px;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
#ui-datepicker-div {font-size: 12px; }
/* end css for timepicker */
div #description 
{
    padding-left: 240px;
    width: 375px !important;
}

.eventThumbnails
{
   width: 300px !important;
padding-bottom: 5px;
}
.eventThumbnailLinks
{
    float: left !important;
padding: 8px !important;
background: black;
margin: 5px;
color: white;
font-size: small;
text-decoration: none;
}
#thumbnailBox
{
    margin-top: 14px !important;
    width: 960px !important;
}
.wide
{
    width: 800px !important;
}