/* Default CSS Stylesheet for a new Web Application project */

@import url("mainmenucss.css");
@import url("JPMstyle.css");

/*menu styles  1greenD7874   6grey16163  1darkblue24559  */
/*
ul#css3menu1 a{
border-color:#555555 !important;
}

ul#css3menu1{
	background-color:#555555 !important;
	border-color:#555555 !important;
	}

ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	color:#555555 !important;}

ul#css3menu2 a{
border-color:#555555 !important;
}

ul#css3menu2{
	background-color:#555555 !important;
	border-color:#555555 !important;
	}

ul#css3menu2 ul li:hover>a,ul#css3menu2 ul li a.pressed{
	color:#555555 !important;
    
}

ul#css3menu2 li.topfirst:hover>a,ul#css3menu2 li.topfirst a.pressed{
	-moz-box-shadow:2px 0 0 #cc3082,0px 0 0 #cc3082,0 1px 0 #cc3082,5px 0 3px #999999 !important;
    -webkit-box-shadow:2px 0 0 #cc3082,0px 0 0 #cc3082,0 1px 0 #cc3082,5px 0 3px #999999 !important;
    box-shadow:2px 0 0 #cc3082,0px 0 0 #cc3082,0 1px 0 #cc3082,5px 0 3px #999999 !important;
}
ul#css3menu2 li.topmenu:hover>a,ul#css3menu2 li.topmenu a.pressed{
	-moz-box-shadow:2px 0 0 #cc3082,0px 0 0 #cc3082,0 1px 0 #cc3082,5px 0 3px #999999 !important;
    -webkit-box-shadow:2px 0 0 #cc3082,0px 0 0 #cc3082,0 1px 0 #cc3082,5px 0 3px #999999 !important;
    box-shadow:2px 0 0 #cc3082,0px 0 0 #cc3082,0 1px 0 #cc3082,5px 0 3px #999999 !important;
}
    ul#css3menu2 li.toplast:hover > a, ul#css3menu2 li.toplast a.pressed {
        -moz-box-shadow:2px 0 0 #cc3082,0px 0 0 #cc3082,0 1px 0 #cc3082,5px 0 3px #999999 !important;
    -webkit-box-shadow:2px 0 0 #cc3082,0px 0 0 #cc3082,0 1px 0 #cc3082,5px 0 3px #999999 !important;
    box-shadow:2px 0 0 #cc3082,0px 0 0 #cc3082,0 1px 0 #cc3082,5px 0 3px #999999 !important;
    }


ul#css3menu3 a{
border-color:#555555 !important;
}

ul#css3menu3{
	background-color:#555555 !important;
	border-color:#555555 !important;
	}

ul#css3menu3 ul li:hover>a,ul#css3menu3 ul li a.pressed{
	color:#555555 !important;}

*/

.wordbreakall {
    word-break: break-all;
word-break: break-word;
-ms-word-break: break-all;
}

.LoginSection{
    width:350px;background-color: #000; padding: 5px;
}
.GameLoginSection{width:265px !important;}
.datapolicy{
    display:none; BORDER-RIGHT: black thin solid; PADDING-RIGHT: 10px; BORDER-TOP: black thin solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; OVERFLOW: auto; BORDER-LEFT: black thin solid; WIDTH: 80%; PADDING-TOP: 10px; BORDER-BOTTOM: black thin solid; HEIGHT: 248px;
}
.datapolicyshow{
    display:block !important;
}
.BarcodeCommandDesc{font-weight:normal;}
.mobilenoshow1 {padding-left:100px;
}
.mobilenoshow2 {
    padding-left: 100px;
    font-weight: normal;
}
.mobilenoshow3 {
    padding-right: 20px;
}
.imgvmiddle{vertical-align:middle;}
.font10 {
    font-size: 10px;
}
.ologichlogo{width:130px;margin-right:15px;}
.fieldwitherror{
    border: 3px solid red !important;
    /*background-color: palevioletred !important;*/
}
.displaynone{
    display:none;
}
.displayblock{
    display:block;
}
.newlogin {
    font-size: 18px !important; 
    background-color: #000; 
    color:#fff; 
    padding: 15px 15px 15px 15px; 
    border: 1px solid #1bbfda;
}
    .newlogin table tr td {
        font-size: 16px !important;
        color:#fff;  
    }
        .newlogin table tr td input[type=text],.newlogin table tr td input[type=password] {
            font-size: 16px !important;
        color:#000;  
        }
        .remotesupport,.headertext,.last3jobs, .last3jobs a{
            color:#fff !important;
        }
/*html{height:100%}
body{position: relative; display: zztable; width:100%}
    */

.overlay {
    clear:both;
    margin:0px;
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     
     text-align:center;
     z-index: 10000;
     background-image:url(images/greytransparency.png);
     
}
    
/*  tool tip  */

.tip
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	border: solid 1px #000000;
	width: 200px;
	padding: 1px;
	position: absolute;
	z-index: 5000;
	visibility: hidden;
	color: #000000;
	top: 20px;
	left: 90px;
	background-color: #ffffcc;
	layer-background-color: #ffffcc;
}
.sectionmessage
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	border: solid 1px #6699ff;
	width: 85%;
	padding: 10px;
    margin:auto;
    margin-bottom:15px;
	/*position: absolute;*/
	z-index: 1000;
	color: #000000;
	/*top: 20px;
	left: 90px;*/
	background-color: #ccddff;
	layer-background-color: #ffffcc;
}
.bluebuttons
{
	border-right: 1px solid #0000b3;
	border-top: 1px solid #0000b3;
	border-left: 1px solid #0000b3;
	border-bottom: 1px solid #0000b3;
	background-color: #0000b3;
	color: white;
	font-size: 12px;
	height: 20px;
	font-weight: bold;
	cursor: pointer;
	
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	background-image:-o-linear-gradient(-90deg,rgba(0,0,179,0),rgba(0,0,0,0.13)); 
	background-image:-moz-linear-gradient(-90deg,rgba(0,0,179,0),rgba(0,0,0,0.13));   
	background-image:linear-gradient(180deg,rgba(0,0,179,0),rgba(0,0,0,0.13));  
	background-image:-webkit-linear-gradient(-90deg,rgba(0,0,179,0),rgba(0,0,0,0.13));
	/*border-width:0 2px 0 0;
	border-style:solid;
	border-color:#359fc8;*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#002CA0CA,endColorstr=#20000000)
}
.greenbuttons
{
	border-right: 1px solid #00b300;
	border-top: 1px solid #00b300;
	border-left: 1px solid #00b300;
	border-bottom: 1px solid #00b300;
	background-color: #00b300;
	color: white;
	font-size: 12px;
	height: 20px;
	font-weight: bold;
	cursor: pointer;
	
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	background-image:-o-linear-gradient(-90deg,rgba(0,179,0,0),rgba(0,0,0,0.13)); 
	background-image:-moz-linear-gradient(-90deg,rgba(0,179,0,0),rgba(0,0,0,0.13));   
	background-image:linear-gradient(180deg,rgba(0,179,0,0),rgba(0,0,0,0.13));  
	background-image:-webkit-linear-gradient(-90deg,rgba(0,179,0,0),rgba(0,0,0,0.13));
	/*border-width:0 2px 0 0;
	border-style:solid;
	border-color:#359fc8;*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#002CA0CA,endColorstr=#20000000)
}
.redbuttons
{
	border-right: 1px solid #ff1a1a;
	border-top: 1px solid #ff1a1a;
	border-left: 1px solid #ff1a1a;
	border-bottom: 1px solid #ff1a1a;
	background-color: #ff1a1a;
	color: white;
	font-size: 12px;
	height: 20px;
	font-weight: bold;
	cursor: pointer;
	
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	background-image:-o-linear-gradient(-90deg,rgba(255,26,26,0),rgba(0,0,0,0.13)); 
	background-image:-moz-linear-gradient(-90deg,rgba(255,26,26,0),rgba(0,0,0,0.13));   
	background-image:linear-gradient(180deg,rgba(255,26,26,0),rgba(0,0,0,0.13));  
	background-image:-webkit-linear-gradient(-90deg,rgba(255,26,26,0),rgba(0,0,0,0.13));
	/*border-width:0 2px 0 0;
	border-style:solid;
	border-color:#359fc8;*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#002CA0CA,endColorstr=#20000000)
}

  
      #main #bookingProcess, #main #bookingProcess li {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    float: left; }
    #main #bookingProcess span, #main #bookingProcess li span {
      display: inline; }
    #main #bookingProcess span:first-child, #main #bookingProcess li span:first-child {
      display: none; }
        
    #main #bookingProcess a, #main #bookingProcess li a {
      color: #fff;
      text-decoration: none;
      font-size: 20px;
      /*padding: auto 23px;*/
      padding-top: 15px;
      
      
      padding-right:23px;
      padding-left:23px;
      height: 65px;
      display: block;
      text-align: center; }
  #main #bookingProcess {
    width: 100%;
    margin: 40px 0 20px;
    background-color: #ffffff; }
    #main #bookingProcess li.next span, #main #bookingProcess li.next2 span {
      display: none; }
    #main #bookingProcess li.next span:first-child, #main #bookingProcess li.next2 span:first-child {
      display: inline; }
    #main #bookingProcess li.step1 {
      background-color: #a12283; }
    #main #bookingProcess li.step2 {
      background-color: #A34775; }
    #main #bookingProcess li.step3 {
      background-color: #AD5C85; }
    #main #bookingProcess li.step4 {
      background-color: #B87094; }
    #main #bookingProcess li.step5 {
      background-color: #C285A3; }
    #main #bookingProcess li.step6 {
      background-color: #CC99B2; }
    #main #bookingProcess li.complete {
      background-color: #80E680;/*#677074;*/
      -webkit-box-shadow: inset 0 0 12px 4px rgba(0, 0, 0, 0.16);
      box-shadow: inset 0 0 12px 4px rgba(0, 0, 0, 0.16);
      /*text-indent: -9999px;*/ }
      #main #bookingProcess li.complete a {
        /*background: url("img/tick.png") 50% 50% no-repeat;*/ }
    #main #bookingProcess li.complete:before {
      display: none; }
    
    
        @media only screen and (min-width: 768px) {

        #main #bookingProcess {
    margin: 30px 0 20px; }
    #main #bookingProcess li {
      position: relative;
      width: 16%; }
      #main #bookingProcess li span {
        display: none; }
      #main #bookingProcess li span:first-child {
        display: inline; }
    #main #bookingProcess li.step2 {
      width: 20%; }
    #main #bookingProcess li:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-width: 20px 0px 20px 15px;
      border-style: solid;
      border-color: transparent transparent transparent transparent;
      position: absolute;
      top: 23px;
      left: -1.8%; }
    #main #bookingProcess li.step2:before {
      border-color: transparent transparent transparent #a12283; }
    #main #bookingProcess li.step3:before {
      border-color: transparent transparent transparent #A34775; }
    #main #bookingProcess li.step4:before {
      border-color: transparent transparent transparent #AD5C85; }
    #main #bookingProcess li.step5:before {
      border-color: transparent transparent transparent #B87094; }
    #main #bookingProcess li.step6:before {
      border-color: transparent transparent transparent #C285A3; }
    #main #bookingProcess li.next:before {
      border-color: transparent transparent transparent #80E680; /*#677074;*/
      opacity: 0.9; }

        }
        

           #main #bookingProcess5, #main #bookingProcess5 li {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    float: left; }
    #main #bookingProcess5 span, #main #bookingProcess5 li span {
      display: inline; }
    #main #bookingProcess5 span:first-child, #main #bookingProcess5 li span:first-child {
      display: none; }
        
    #main #bookingProcess5 a, #main #bookingProcess5 li a {
      color: #fff;
      text-decoration: none;
      font-size: 20px;
      /*padding: auto 23px;*/
      padding-top: 15px;
      
      
      padding-right:23px;
      padding-left:23px;
      height: 65px;
      display: block;
      text-align: center; }
  #main #bookingProcess5 {
    width: 100%;
    margin: 40px 0 20px;
    background-color: #ffffff; }
    #main #bookingProcess5 li.next span, #main #bookingProcess5 li.next2 span {
      display: none; }
    #main #bookingProcess5 li.next span:first-child, #main #bookingProcess5 li.next2 span:first-child {
      display: inline; }
    #main #bookingProcess5 li.step1 {
      background-color: #a12283; }
    #main #bookingProcess5 li.step2 {
      background-color: #A34775; }
    #main #bookingProcess5 li.step3 {
      background-color: #AD5C85; }
    #main #bookingProcess5 li.step5 {
      background-color: #B87094; }
    #main #bookingProcess5 li.step6 {
      background-color: #C285A3; }
    /*#main #bookingProcess5 li.step6 {
      background-color: #CC99B2; }*/
    #main #bookingProcess5 li.complete {
      background-color: #80E680; /*#677074;*/
      -webkit-box-shadow: inset 0 0 12px 4px rgba(0, 0, 0, 0.16);
      box-shadow: inset 0 0 12px 4px rgba(0, 0, 0, 0.16);
      /*text-indent: -9999px;*/ }
      #main #bookingProcess5 li.complete a {
        /*background: url("img/tick.png") 50% 50% no-repeat;*/ }
    #main #bookingProcess5 li.complete:before {
      display: none; }
    
    
        @media only screen and (min-width: 768px) {

        #main #bookingProcess5 {
    margin: 30px 0 20px; }
    #main #bookingProcess5 li {
      position: relative;
      width: 20%; }
      #main #bookingProcess5 li span {
        display: none; }
      #main #bookingProcess5 li span:first-child {
        display: inline; }
    #main #bookingProcess5 li.step2 {
      width: 20%; }
    #main #bookingProcess5 li:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-width: 20px 0px 20px 15px;
      border-style: solid;
      border-color: transparent transparent transparent transparent;
      position: absolute;
      top: 23px;
      left: -1.8%; }
    #main #bookingProcess5 li.step2:before {
      border-color: transparent transparent transparent #a12283; }
    #main #bookingProcess5 li.step3:before {
      border-color: transparent transparent transparent #A34775; }
    #main #bookingProcess5 li.step5:before {
      border-color: transparent transparent transparent #AD5C85; }
    #main #bookingProcess5 li.step6:before {
      border-color: transparent transparent transparent #B87094; }
    /*#main #bookingProcess5 li.step6:before {
      border-color: transparent transparent transparent #C285A3; }*/
    #main #bookingProcess5 li.next:before {
      border-color: transparent transparent transparent #80E680;/*#677074;*/
      opacity: 0.9; }

        }

       /* 
              #main #bookingProcess, #main #bookingProcess li {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    float: left; }
    #main #bookingProcess span, #main #bookingProcess li span {
      display: inline; }
    #main #bookingProcess span:first-child, #main #bookingProcess li span:first-child {
      display: none; }
    #main #bookingProcess a, #main #bookingProcess li a {
      color: #fff;
      text-decoration: none;
      font-size: 20px;
      padding: 28px 23px;
      display: block;
      text-align: center; }
  #main #bookingProcess {
    width: 100%;
    margin: 30px 0 20px;
    background-color: #3dbdd4; }
    #main #bookingProcess li.next span, #main #bookingProcess li.next2 span {
      display: none; }
    #main #bookingProcess li.next span:first-child, #main #bookingProcess li.next2 span:first-child {
      display: inline; }
    #main #bookingProcess li.step1 {
      background-color: #1d323c; }
    #main #bookingProcess li.step2 {
      background-color: #164c5d; }
    #main #bookingProcess li.step3 {
      background-color: #1d687f; }
    #main #bookingProcess li.step4 {
      background-color: #157c9b; }
    #main #bookingProcess li.step5 {
      background-color: #0690ac; }
    #main #bookingProcess li.step6 {
      background-color: #3dbdd4; }
    #main #bookingProcess li.complete {
      background-color: #677074;
      -webkit-box-shadow: inset 0 0 12px 4px rgba(0, 0, 0, 0.16);
      box-shadow: inset 0 0 12px 4px rgba(0, 0, 0, 0.16);
      text-indent: -9999px; }
      #main #bookingProcess li.complete a {
        background: url("../img/tick.png") 50% 50% no-repeat; }
    #main #bookingProcess li.complete:before {
      display: none; }


              @media only screen and (min-width: 768px) {

        #main #bookingProcess {
    margin: 30px 0 20px; }
    #main #bookingProcess li {
      position: relative;
      width: 16%; }
      #main #bookingProcess li span {
        display: none; }
      #main #bookingProcess li span:first-child {
        display: inline; }
    #main #bookingProcess li.step2 {
      width: 20%; }
    #main #bookingProcess li:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-width: 20px 0px 20px 15px;
      border-style: solid;
      border-color: transparent transparent transparent transparent;
      position: absolute;
      top: 23px;
      left: -1.8%; }
    #main #bookingProcess li.step2:before {
      border-color: transparent transparent transparent #1d323c; }
    #main #bookingProcess li.step3:before {
      border-color: transparent transparent transparent #164c5d; }
    #main #bookingProcess li.step4:before {
      border-color: transparent transparent transparent #1d687f; }
    #main #bookingProcess li.step5:before {
      border-color: transparent transparent transparent #157c9b; }
    #main #bookingProcess li.step6:before {
      border-color: transparent transparent transparent #0690ac; }
    #main #bookingProcess li.next:before {
      border-color: transparent transparent transparent #5e666a;
      opacity: 0.9; }

        }
         */   

.tablesingleborder, .tablesingleborder td{

    border: 1px solid #555555;
    border-collapse:collapse;

}

@media only screen and ( max-width: 767px), (max-device-width: 767px )
{
	
	
	.leftMenu
	{
		float: none;
		width:195px;
		margin-right:10px;
	}
	
	.mainContentWrapper
	{
		overflow:hidden;
		padding-right:10px;
		padding-left:10px;
		/*min-width:400px;
		background-color:#ff0000;*/
		
	}
	
		
	.memberProfileMenu, .adminMenu
	{
		display: none;
	}
	
	.menuHeader
	{
		width:180px; 
		margin-top:5px;
		padding-top:2px; 
		padding-left:3px; 
		cursor:pointer;
		border-right: #555555 thin solid;
	border-top: #555555 thin solid;
	border-left: #555555 thin solid;
	border-bottom: #555555 thin solid;
	background-color: #555555;
	color: White;
	height: 23px;
	font-weight: bold;
	}
	
	.menuHeader img
	{
		vertical-align:bottom;
		padding-top:3px; 
		
	}
	
	.mainmenunew 
	{
		width:175px;
		margin:0px;
		padding:0px;
		display:none;
		position:absolute;
		background-color:White;
		z-index:999;
	}
	.mainmenunew li
	{
		list-style: none;
		margin:0px;
		padding:0px;
		/*border-bottom:1px solid #BABBC1;*/
	}
	.mainmenunew li a
	{
		top:0px;
		width:165px;
		border-bottom:1px solid #000000;
	}
	
	.mobilenoshow 
	{
		display:none;
	}

.headerlogo
{
	width:30%;
	height:auto;
	
}

/*part allocations table*/
.partallocations
{
	border: solid 0px #000;
	width:1000px;
	padding-bottom:0px;
	table-layout:fixed;
}
.partallocations tr td
{
	width:125px;
}
.partallocations tr
{
	height:auto !important;
}

/* part search results */
.partsearchresults
{
	width:800px;
	background-color: #FFFF99;
	border:solid 1px #999;
	border-collapse:collapse;
	padding-bottom:0px;
	table-layout:fixed;
}
.partsearchresults.alts
{
	border:solid 1px #0000ff;
	border-collapse:collapse;
}
.partsearchresults tbody tr
{
	height:auto !important;
	overflow:hidden;
	background-color: #FFFFCC;
}
.partsearchresults.alts tbody tr
{
	background-color: #FFFFCC;
}
.partsearchresults tbody tr.even
{
	background-color: #FFFFEE;
}

.partsearchresults.alts tbody tr.even
{
	background-color: #FFFFEE;
}

.partsearchresults th
{
	border:solid 1px #999;
	border-collapse:collapse;
	overflow:hidden;
	font-size:14px;
}
.partsearchresults td
{
	border:solid 1px #999;
	border-collapse:collapse;
	vertical-align:top;
	
}
.partsearchresults .col0 {width:26px} /* option button */
.partsearchresults .col1 {width:100px} /* part no */
.partsearchresults .col2 {width:180px} /* desc */
.partsearchresults .col3 {width:35px} /* pdf ref */
.partsearchresults .col4 {width:100px} /* alt */
.partsearchresults .col5 {width:35px} /* available */
.partsearchresults .col6 {width:35px} /* doc */
.partsearchresults .col7 {width:90px} /* cat */
.partsearchresults .col8 {width:90px} /* make */
.partsearchresults .col9 {width:90px} /* Model */

.partsearchresults2
{
	border:solid 1px #999;
	border-collapse:collapse;
	padding-bottom:0px;
}
.partsearchresults2 th
{
	background-color: #FFFF99;
	width:115px;
	border:solid 1px #999;
	border-collapse:collapse;
	overflow:hidden;
	font-size:14px;
}
.partsearchresults2 td
{
	width:115px;
	border:solid 1px #999;
	border-collapse:collapse;
	vertical-align:top;
	
}
/*.partsearchresults thead {background-color: #0000FF; display:block; position:relative;}
.partsearchresults tbody {background-color: #FF0000; display:block; height:70px !important; overflow:scroll !important;}
#altparttbody
{
	background-color: #00FF00;
}
*/


/* enquiry page */
.enquirypage
{
	background-color: #FFFFCC;
}
fieldset
{
	border: none;
	outline: none;
	padding: 0px;
}
.enquirypage2 .logo
{
	padding: 10px 0px 50px 400px;
	background-color: #FFFFCC;
}
.input_wrap
{
	padding: 5px 0px;
}
.form_box
{
	margin: 20px 0px 20px 0px;
	min-height: 400px;
	background-color: #FFFFCC;
	border: none;
}
.form_box_right
{
	margin: -550px 0px 20px 520px;
	min-height: 400px;
	background-color: #FFFFCC;
	border: none;
}
.enquirymessage
{
	text-align: center;
	width: 1000px;
	color: #f00;
}
.enquirydone
{
	display: none;
	width: 1000px;
	text-align: center;
	background-color: #FFFFCC;
}



@media only screen and ( max-width: 767px )
{
	.form_box_right
	{
		margin: 20px 0px 20px 0px !important;
		min-height: 400px;
		background-color: #FFFFCC;
		border: none;
	}
	.enquirypage2 .logo
	{
		padding: 10px 0px 20px 30px !important;
		background-color: #FFFFCC;
	}
	.enquirymessage
	{
		text-align: center;
		width: 300px !important;
		color: #f00;
	}
	.enquirydone
	{
		display: none;
		width: 300px !important;
		text-align: center;
		background-color: #FFFFCC;
	}
}

.form_box label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 175px;
	padding: 8px 15px;
}
.form_box_right label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 175px;
	padding: 8px 15px;
}
.form_box_right select
{
	height: 25px;
	float: left;
	margin: 0px 0px 0px 20px;
	width: 200px;
}
.form_box_right textarea
{
	/*height: 25px; width: 200px; */
	float: left;
	margin: 0px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.form_box_right span
{
	/*height: 25px; width: 200px; */
	float: left;
	margin: 0px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.form_box select
{
	height: 25px;
	float: left;
	margin: 0px 0px 0px 20px;
	width: 195px;
}
.inputbox
{
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px 8px;
	font-size: 16px;
	margin: 0px 0px 2px 20px;
	float: left; /* width:60%; width:72%;*/
}
.bg_grey
{
	background: url(img/box_bg_grey.png) bottom repeat-x #FFFFFF;
	border: 1px solid #A9AAB1;
}
.bg_blue
{
	background: url(img/box_bg_blue.png) bottom repeat-x #E9F5FD;
	border: 1px solid #76A4D1;
}
.bg_red
{
	background: url(img/box_bg_red.png) repeat-x bottom #DC1062;
	border: 1px solid #A9ACB3;
}
.login_button
{
	background: none;
	text-align: center;
	padding: 5px 12px;
	border: none;
	display: block;
	outline: none;
	font-size: 20px;
	color: #000;
	width: 100%;
}
.login_outer_register
{
	display: block;
	float: left;
	margin: 50px 30px 0px 80px;
}
.cancel_button
{
	background: none;
	text-align: center;
	padding: 5px 12px;
	border: none;
	display: block;
	outline: none;
	font-size: 20px;
	width: 100%;
}




a
{
	/*display:inline-block;
	position:relative;
padding: 10px;
top: 10px;
	background-color:#ddddff;*/
}

a:link
{
	color: #0000FF;
	text-decoration: none;
}
a:visited
{
	color: #0000FF;
	text-decoration: none;
}
a:active
{
	color: #0000FF;
	text-decoration: none;
}
a:hover
{
	color: #990000;
	text-decoration: underline;
}
table.sectiontable
{
	border: 1px solid #555555;
	border-collapse: collapse;
	background-color: white;
	font-size: 12px;
}
th.sectiontable
{
	border: 1px solid #555555;
	background-color: #555555;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
}
td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.header
{
	background-image: url('img/header.jpg');
    background-size: 100% 100%;
    background-repeat:no-repeat;
    zzbackground-color: #FFFFCC;  /*ffffcc*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
}


.login
{
	background-color: #FFFFCC;
	border: 1px solid #000000;
}
.mandatoryfield
{
	border: 1px solid #FF0000;
}
.normalrow
{
	background-color: #FFFFFF;
}
.overrow
{
	background-color: #FFFFCC;
}
.selectedrow
{
	background-color: #555555;
}

BODY
{
	color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff; /*#99cccc;*/
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	background-image: url( 'img/testwatermark.jpg' );
	background-repeat: repeat;
	background-attachment: fixed;
    height:100%;
}


.redError
{
	color: Red;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
	color: #003366;
	
}
H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H5, DT
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

TFOOT, THEAD
{
	font-size: 12px; /* 1em;  */
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}

TH
{
	vertical-align: baseline;
	font-size: 12px;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}

SMALL
{
	font-size: .7em;
}

BIG
{
	font-size: 1.17em;
}

BLOCKQUOTE, PRE
{
	font-family: Courier New, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}

.jpm
{
	display:none;
}
.jpmDD
{
	display:block;
}
.Section
{
	background-color: white;
	width: 95%;
	border-radius: 5px 5px 0 0;
	padding-right: 8px;
}
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.col {
	display: block;
	float:left;
	margin: 0px 0 0px 0;
}
.col:first-child { margin-left: 0; }
.aligndropdownimg
{
	/*padding-top:2px;*/
    vertical-align:middle;
}
.numfield
{
	text-align: right;
	width: 65px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.numfielddisabled
{
	text-align: right;
	width: 65px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #cccccc;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.invdetails 
{
	background-color: #ffffff; 
	text-align: right; 
	float: right; 
	padding-top: 0px; 
	padding-right: 10px;
	/*padding-right: 5vw;*/
}
.unitdetails 
{
	background-color: #ffffff; 
	text-align: right; 
	float: right; 
	padding-top: 0px; 
	padding-right: 20px;
	/*padding-right: 5vw;*/
}
.unitdetails2 
{
	background-color: #ffffff; 
	text-align: right; 
	float: right; 
	padding-top: 0px; 
	padding-right: -6px;
	/*padding-right: 5vw;*/
}
.SectionBorder
{
	clear: both;
	border-right: #555555 thin solid;
	border-top: #555555 0px none;
	border-left: #555555 thin solid;
	border-bottom: #555555 thin solid;
	width: 100%;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 padding:12px 0px 8px 8px;
 margin:0px;
}
.Section1Column
{
	width:99%;
}
.Section4Column
{
	width:99%;
}
.Section5Column
{
	width:99%;
}
.Section66Column
{
	width:99%;
}
.SectionLeftColumn
{
	width:98%;
}
.SectionMidColumn
{
	width:98%;
}
.SectionRightColumn
{
	width:98%;
}
.Section2LeftColumn
{
	width:98%;
}
.Section2RightColumn
{
	width:98%;
}
.SectionHeader
{
	/*border-right: #555555 thin solid;
	border-top: #555555 thin solid;
	border-left: #555555 thin solid;
	border-bottom: #555555 thin solid;*/
	background-color: #555555;
	padding: 4px 2px 0 8px;
	color: White;
	height: 20px;
	font-weight: bold;
	width: 100%;
	
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	background-image:-o-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13)); 
	background-image:-moz-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));   
	background-image:linear-gradient(180deg,rgba(44,160,202,0),rgba(0,0,0,0.13));  
	background-image:-webkit-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));
	border-width:0 0px 1px 0;
	border-style:solid;
	border-color:#555555;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#002CA0CA,endColorstr=#20000000)
}

.input_wrap2
{
	padding: 0px 0px;
}

.labelfloat label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 100%;
	padding: 0px 15px 0px 0px;
	min-height:19px;
	height:100%;
}
.finlab label
{
	text-align: right;
/*background-color:#0000ff;*/
}
.label3rd label
{
	width: 100%;
}
.Section66Column label
{
	width: 100%;
}
.label50 label
{
	width: 100%;
}
.label60 label
{
	width: 100%;
}
.label30 label
{
	width: 30%;
	
}
.nofloat label
{
	clear: both;
	float: none;
	text-align: left;
	display: inline;
	width: 100%;
	padding: 0px 0px 0px 0px;
	
}
.sectionHeaderRow
{
	border-right: #555555 thin solid;
	border-top: #555555 thin solid;
	border-left: #555555 thin solid;
	border-bottom: #555555 thin solid;
	background-color: #555555;
	color: White;
	height: 20px;
	font-weight: bold;
}

.sectionDetailRow
{
	height: 25px;
	padding-left: 5px;
}

.sectionHeaderTable
{
	border: 1px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 800px;
}

.sectionHeaderTablea
{
	border: 1px solid #555555; /*BORDER-RIGHT: 1px solid #555555;  	BORDER-TOP: 1px solid #555555;  	BORDER-

LEFT: 1px solid #555555;  	BORDER-BOTTOM: 1px solid #555555; */ /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 100%;
}


.sectionMiddleTable
{
	border-right: 1px solid #555555;
	border-top: 0px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 0px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 800px;
	background-color: white;
}
.sectionTopTable
{
	border-right: 1px solid #555555;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 0px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 800px;
	background-color: white;
}
.sectionBottomTable
{
	border-right: 1px solid #555555;
	border-top: 0px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 800px;
	background-color: white;
}
.sectionBottomTablea
{
	border-right: 1px solid #555555;
	border-top: 0px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 100%;
	background-color: white;
}
.mandatoryField[type="radio"]
{
	width: 14px;
	border-right: 1px solid #ff0000;
	border-top:  1px solid #ff0000;
	border-left:   1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	outline: #ff0000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.mandatoryDisabledField[type="radio"]
{
	width: 14px;
	border-right: 1px solid #ff0000;
	border-top:  1px solid #ff0000;
	border-left:   1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	outline: #ff0000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.disabledField[type="radio"]
{
	width: 14px;
	border-right: 1px solid #000000;
	border-top:  1px solid #000000;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
	outline: #000000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.optionalField[type="radio"]
{
	width: 14px;
	border-right: 1px solid #000000;
	border-top:  1px solid #000000;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
	outline: #000000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}



.mandatoryField[type="checkbox"]
{
	width: 19px;
	border-right: 1px solid #ff0000;
	border-top:  1px solid #ff0000;
	border-left:   1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	outline: #ff0000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.mandatoryDisabledField[type="checkbox"]
{
	width: 19px;
	border-right: 1px solid #ff0000;
	border-top:  1px solid #ff0000;
	border-left:   1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	outline: #ff0000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.disabledField[type="checkbox"]
{
	width: 19px;
	border-right: 1px solid #000000;
	border-top:  1px solid #000000;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
	outline: #000000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.optionalField[type="checkbox"]
{
	width: 19px;
	border-right: 1px solid #000000;
	border-top:  1px solid #000000;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
	outline: #000000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}

.mandatoryField
{
	width: 157px;
	border-right: 1px solid #ff0000;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.mandatoryDisabledField
{
	width: 157px;
	border-right: 1px solid #ff0000;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.disabledField
{
	width: 157px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.optionalField:focus
{
	background-color: PaleGoldenrod;
}
.mandatoryField:focus
{
	background-color: #ff9999;
}
.optionalField
{
	width: 157px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}

.nowrap
{
display:inline-block;	
}

.noBorder
{
	border-right: 0px none #000000;
	border-top: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
	background-color: #ffffff;
	color: Black;
	font-size: 12px;
	font-family: Arial;
	padding-top: 7px;
}
.buttons
{
	border-right: 1px solid #555555;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #555555;
	background-color: #555555;
	color: white;
	font-size: 12px;
	height: 20px;
	font-weight: bold;
	cursor: pointer;
	
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	background-image:-o-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13)); 
	background-image:-moz-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));   
	background-image:linear-gradient(180deg,rgba(44,160,202,0),rgba(0,0,0,0.13));  
	background-image:-webkit-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));
	/*border-width:0 2px 0 0;
	border-style:solid;
	border-color:#359fc8;*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#002CA0CA,endColorstr=#20000000)
}

.historytable
{
	border-collapse: collapse;
	font-size: 10px;
}

.historytable td
{
	border: solid 1px #444444;
	border-collapse: collapse;
}

/*select, option {
  behavior: url(selectoption.htc);
}*/


/*date picker */

/* the div that holds the date picker calendar */
.dpDiv
{
}


/* the table (within the div) that holds the date picker calendar */
.dpTable
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR
{
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR
{
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR
{
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR
{
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
	border: 1px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent 

which cell is being hovered over) */
.dpTDHover
{
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD
{
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD
{
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD
{
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText
{
	font-size: 12px;
	color: gray;
	font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date 

field value) */
.dpDayHighlight
{
	color: 4060ff;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}




}

@media only screen and (min-width: 767px) and  (max-width: 1139px )
{

	
	.leftMenu
	{
		float:left;
		width:195px;
		margin-right:10px;
	}
	
	.mainContentWrapper
	{
		overflow:auto;
		padding-right:10px;
		/*min-width:400px;
		background-color:#ff0000;*/
		
	}
	
	.menuHeader
	{
		width:180px; 
		margin-top:5px;
		padding-top:2px; 
		padding-left:3px; 
		cursor:pointer;
		border-right: #555555 thin solid;
	border-top: #555555 thin solid;
	border-left: #555555 thin solid;
	border-bottom: #555555 thin solid;
	background-color: #555555;
	color: green;
	height: 23px;
	font-weight: bold;
	}
	
	.menuHeader img
	{
		vertical-align:bottom;
		padding-top:3px; 
		
	}
	
	.mainmenunew 
	{
		width:175px;
		margin:0px;
		padding:0px;
		display:none;
		position: relative;
		background-color:White;
	}
	.mainmenunew li
	{
		list-style: none;
		margin:0px;
		padding:0px;
		/*border-bottom:1px solid #BABBC1;*/
	}
	.mainmenunew li a
	{
		top:0px;
		width:165px;
		border-bottom:1px solid #000000;
	}
	
	.mobilenoshow 
	{
		/*display:none;*/
	}


/*part allocations table*/
.partallocations
{
	border: solid 0px #000;
	width:1000px;
	padding-bottom:0px;
	table-layout:fixed;
}
.partallocations tr td
{
	width:125px;
}
.partallocations tr
{
	height:auto !important;
}

/* part search results */
.partsearchresults
{
	width:800px;
	background-color: #FFFF99;
	border:solid 1px #999;
	border-collapse:collapse;
	padding-bottom:0px;
	table-layout:fixed;
}
.partsearchresults.alts
{
	border:solid 1px #0000ff;
	border-collapse:collapse;
}
.partsearchresults tbody tr
{
	height:auto !important;
	overflow:hidden;
	background-color: #FFFFCC;
}
.partsearchresults.alts tbody tr
{
	background-color: #FFFFCC;
}
.partsearchresults tbody tr.even
{
	background-color: #FFFFEE;
}

.partsearchresults.alts tbody tr.even
{
	background-color: #FFFFEE;
}

.partsearchresults th
{
	border:solid 1px #999;
	border-collapse:collapse;
	overflow:hidden;
	font-size:14px;
}
.partsearchresults td
{
	border:solid 1px #999;
	border-collapse:collapse;
	vertical-align:top;
	
}
.partsearchresults .col0 {width:26px} /* option button */
.partsearchresults .col1 {width:100px} /* part no */
.partsearchresults .col2 {width:180px} /* desc */
.partsearchresults .col3 {width:35px} /* pdf ref */
.partsearchresults .col4 {width:100px} /* alt */
.partsearchresults .col5 {width:35px} /* available */
.partsearchresults .col6 {width:35px} /* doc */
.partsearchresults .col7 {width:90px} /* cat */
.partsearchresults .col8 {width:90px} /* make */
.partsearchresults .col9 {width:90px} /* Model */

.partsearchresults2
{
	border:solid 1px #999;
	border-collapse:collapse;
	padding-bottom:0px;
}
.partsearchresults2 th
{
	background-color: #FFFF99;
	width:115px;
	border:solid 1px #999;
	border-collapse:collapse;
	overflow:hidden;
	font-size:14px;
}
.partsearchresults2 td
{
	width:115px;
	border:solid 1px #999;
	border-collapse:collapse;
	vertical-align:top;
	
}
/*.partsearchresults thead {background-color: #0000FF; display:block; position:relative;}
.partsearchresults tbody {background-color: #FF0000; display:block; height:70px !important; overflow:scroll !important;}
#altparttbody
{
	background-color: #00FF00;
}
*/


/* enquiry page */
.enquirypage
{
	background-color: #FFFFCC;
}
fieldset
{
	border: none;
	outline: none;
	padding: 0px;
}
.enquirypage2 .logo
{
	padding: 10px 0px 50px 400px;
	background-color: #FFFFCC;
}
.input_wrap
{
	padding: 5px 0px;
}
.form_box
{
	margin: 20px 0px 20px 0px;
	min-height: 400px;
	background-color: #FFFFCC;
	border: none;
}
.form_box_right
{
	margin: -550px 0px 20px 520px;
	min-height: 400px;
	background-color: #FFFFCC;
	border: none;
}
.enquirymessage
{
	text-align: center;
	width: 1000px;
	color: #f00;
}
.enquirydone
{
	display: none;
	width: 1000px;
	text-align: center;
	background-color: #FFFFCC;
}
@media only screen and ( max-width: 767px )
{
	.form_box_right
	{
		margin: 20px 0px 20px 0px !important;
		min-height: 400px;
		background-color: #FFFFCC;
		border: none;
	}
	.enquirypage2 .logo
	{
		padding: 10px 0px 20px 30px !important;
		background-color: #FFFFCC;
	}
	.enquirymessage
	{
		text-align: center;
		width: 300px !important;
		color: #f00;
	}
	.enquirydone
	{
		display: none;
		width: 300px !important;
		text-align: center;
		background-color: #FFFFCC;
	}
}

.form_box label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 175px;
	padding: 8px 15px;
}
.form_box_right label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 175px;
	padding: 8px 15px;
}
.form_box_right select
{
	height: 25px;
	float: left;
	margin: 0px 0px 0px 20px;
	width: 200px;
}
.form_box_right textarea
{
	/*height: 25px; width: 200px; */
	float: left;
	margin: 0px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.form_box_right span
{
	/*height: 25px; width: 200px; */
	float: left;
	margin: 0px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.form_box select
{
	height: 25px;
	float: left;
	margin: 0px 0px 0px 20px;
	width: 195px;
}
.inputbox
{
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px 8px;
	font-size: 16px;
	margin: 0px 0px 2px 20px;
	float: left; /* width:60%; width:72%;*/
}
.bg_grey
{
	background: url(img/box_bg_grey.png) bottom repeat-x #FFFFFF;
	border: 1px solid #A9AAB1;
}
.bg_blue
{
	background: url(img/box_bg_blue.png) bottom repeat-x #E9F5FD;
	border: 1px solid #76A4D1;
}
.bg_red
{
	background: url(img/box_bg_red.png) repeat-x bottom #DC1062;
	border: 1px solid #A9ACB3;
}
.login_button
{
	background: none;
	text-align: center;
	padding: 5px 12px;
	border: none;
	display: block;
	outline: none;
	font-size: 20px;
	color: #000;
	width: 100%;
}
.login_outer_register
{
	display: block;
	float: left;
	margin: 50px 30px 0px 80px;
}
.cancel_button
{
	background: none;
	text-align: center;
	padding: 5px 12px;
	border: none;
	display: block;
	outline: none;
	font-size: 20px;
	width: 100%;
}


/* warrreg page 
.warrreg h2
{
	color: #fff;
}
.warrreg .enquirypage
{
	background-color: #737378;
}
.warrreg fieldset
{
	border: none;
	outline: none;
	padding: 0px;
}
.warrreg .enquirypage2 .logo
{
	padding: 10px 0px 50px 400px;
	background-color: #737378;
}
.warrreg .input_wrap
{
	padding: 5px 0px;
}
.warrreg .form_box
{
	margin: 20px 0px 20px 0px;
	min-height: 400px;
	background-color: #737378;
	border: none;
	color: #fff;
	font-size:14px;
}
.warrreg .form_box_right
{
	margin: -550px 0px 20px 520px;
	min-height: 400px;
	background-color: #737378;
	border: none;
	color: #fff;
	font-size:14px;
}
.warrreg .enquirymessage
{
	text-align: center;
	width: 1000px;
	color: #f00;
}
.warrreg .enquirydone
{
	display: none;
	width: 1000px;
	text-align: center;
	background-color: #737378;
	color: #fff;
}
@media only screen and ( max-width: 767px )
{
	.warrreg .form_box_right
	{
		margin: 20px 0px 20px 0px !important;
		min-height: 400px;
		background-color: #737378;
		border: none;
		
	}
	.warrreg .enquirypage2 .logo
	{
		padding: 10px 0px 20px 30px !important;
		background-color: #737378;
	}
	.warrreg .enquirymessage
	{
		text-align: center;
		width: 300px !important;
		color: #f00;
	}
	.warrreg .enquirydone
	{
		display: none;
		width: 300px !important;
		text-align: center;
		background-color: #737378;
	}
}

.warrreg .form_box label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 175px;
	padding: 8px 15px;
	color: #fff;
}
.warrreg .form_box_right label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 175px;
	padding: 8px 15px;
	color: #fff;
}
.warrreg .form_box_right select
{
	height: 25px;
	float: left;
	margin: 0px 0px 0px 20px;
	font-size: 16px;
	width: 200px;
}
.warrreg .form_box_right textarea
{
	
	float: left;
	margin: 0px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.warrreg .form_box_right span
{
	
	float: left;
	margin: 0px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}
.warrreg .form_box select
{
	height: 25px;
	font-size: 16px;
	float: left;
	margin: 0px 0px 0px 20px;
	width: 195px;
}
.warrreg .inputbox
{
	background: #fff;
	border: 1px solid #000;
	padding: 5px 8px;
	font-size: 16px;
	margin: 0px 0px 2px 20px;
	float: left; 
}
.warrreg .bg_grey
{
	background: url(img/box_bg_grey.png) bottom repeat-x #FFFFFF;
	border: 1px solid #A9AAB1;
}
.warrreg .bg_blue
{
	background: url(img/box_bg_blue.png) bottom repeat-x #E9F5FD;
	border: 1px solid #76A4D1;
}
.warrreg .bg_red
{
	background: url(img/box_bg_red.png) repeat-x bottom #DC1062;
	border: 1px solid #A9ACB3;
}
.warrreg .login_button
{
	background: none;
	text-align: center;
	padding: 5px 12px;
	border: none;
	display: block;
	outline: none;
	font-size: 20px;
	color: #000;
	width: 100%;
}
.warrreg .login_outer_register
{
	display: block;
	float: left;
	margin: 50px 30px 0px 80px;
}
.warrreg .cancel_button
{
	background: none;
	text-align: center;
	padding: 5px 12px;
	border: none;
	display: block;
	outline: none;
	font-size: 20px;
	width: 100%;
}
end of warrreg*/


a:link
{
	color: #0000FF;
	text-decoration: none;
}
a:visited
{
	color: #0000FF;
	text-decoration: none;
}
a:active
{
	color: #0000FF;
	text-decoration: none;
}
a:hover
{
	color: #990000;
	text-decoration: underline;
}
table.sectiontable
{
	border: 1px solid #555555;
	border-collapse: collapse;
	background-color: white;
	font-size: 12px;
}
th.sectiontable
{
	border: 1px solid #555555;
	background-color: #555555;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
}
td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.header
{
    background-image: url('img/header.jpg');
    background-size: 100% 100%;
    background-repeat:no-repeat;
	zzbackground-color: #FFFFCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
}


.login
{
	background-color: #FFFFCC;
	border: 1px solid #000000;
}
.mandatoryfield
{
	border: 1px solid #FF0000;
}
.normalrow
{
	background-color: #FFFFFF;
}
.overrow
{
	background-color: #FFFFCC;
}
.selectedrow
{
	background-color: #555555;
}

BODY
{
	color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff; /*#99cccc;*/
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	background-image: url( 'img/testwatermark.jpg' );
	background-repeat: repeat;
	background-attachment: fixed;
    height:100%;
}


.redError
{
	color: Red;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
	color: #003366;
	
}
H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H5, DT
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

TFOOT, THEAD
{
	font-size: 12px; /* 1em;  */
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}

TH
{
	vertical-align: baseline;
	font-size: 12px;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}

SMALL
{
	font-size: .7em;
}

BIG
{
	font-size: 1.17em;
}

BLOCKQUOTE, PRE
{
	font-family: Courier New, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}

.jpm
{
	display:block;
}
.jpmDD
{
	display:none;
}

.Section
{
	background-color: white;
	width: 95%;
	border-radius: 5px 5px 0 0;
	padding-right: 8px;
}
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.col {
	display: block;
	float:left;
	margin: 0px 0 0px 0; /*1.6*/
}
.col:first-child { margin-left: 0; }
.aligndropdownimg
{
	/*padding-top:2px;*/
    vertical-align:middle;
}
.numfield
{
	text-align: right;
	width: 65px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.numfielddisabled
{
	text-align: right;
	width: 65px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #cccccc;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.invdetails 
{
	background-color: #ffffff; 
	text-align: right; 
	float: right; 
	padding-top: 0px; 
	padding-right: 10px;
	/*padding-right: 5vw;*/
}
.unitdetails 
{
	background-color: #ffffff; 
	text-align: right; 
	float: right; 
	padding-top: 0px; 
	padding-right: 10px;
	/*padding-right: 5vw;*/
}
.unitdetails2 
{
	background-color: #ffffff; 
	text-align: right; 
	float: right; 
	padding-top: 0px; 
	padding-right: -16px;
	/*padding-right: 5vw;*/
}
.SectionBorder
{
	clear: both;
	border-right: #555555 thin solid;
	border-top: #555555 0px none;
	border-left: #555555 thin solid;
	border-bottom: #555555 thin solid;
	width: 100%;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 padding:12px 0px 8px 8px;
 margin:0px;
}

.Section1Column
{
	width:99%;
}
.Section4Column
{
	width:33%;
}
.Section5Column
{
	width:33%;
}
.Section66Column
{
	width:49%;
}
.SectionLeftColumn
{
	width:49%;
}
.SectionMidColumn
{
	width:49%;
}
.SectionRightColumn
{
	width:49%;
}
.Section2LeftColumn
{
	width:49%;
}
.Section2RightColumn
{
	width:49%;
}
.SectionHeader
{
	/*border-right: #555555 thin solid;
	border-top: #555555 thin solid;
	border-left: #555555 thin solid;
	border-bottom: #555555 thin solid;*/
	background-color: #555555;
	padding: 4px 2px 0 8px;
	color: White;
	height: 20px;
	font-weight: bold;
	width: 100%;
	
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	background-image:-o-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13)); 
	background-image:-moz-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));   
	background-image:linear-gradient(180deg,rgba(44,160,202,0),rgba(0,0,0,0.13));  
	background-image:-webkit-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));
	border-width:0 0px 1px 0;
	border-style:solid;
	border-color:#555555;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#002CA0CA,endColorstr=#20000000)
}

.input_wrap2
{
	padding: 0px 0px;
}

.labelfloat label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 40%;
	padding: 5px 15px 0px 0px;
	min-height:19px;
	height:100%;
}
.finlab label
{
	text-align: right;
/*background-color:#0000ff;*/
}
.label3rd label
{
	width: 13%;
}
.Section66Column label
{
	width: 20%;
}
.label50 label
{
	width: 50%;
}
.label60 label
{
	width: 60%;
	
}
.label30 label
{
	width: 30%;
	
}
.nofloat label
{
	clear: both;
	float: none;
	text-align: left;
	display: inline;
	width: 100%;
	padding: 0px 0px 0px 0px;
	
}
.sectionHeaderRow
{
	border-right: #555555 thin solid;
	border-top: #555555 thin solid;
	border-left: #555555 thin solid;
	border-bottom: #555555 thin solid;
	background-color: #555555;
	color: White;
	height: 20px;
	font-weight: bold;
}

.sectionDetailRow
{
	height: 25px;
	padding-left: 5px;
}

.sectionHeaderTable
{
	border: 1px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 800px;
}

.sectionHeaderTablea
{
	border: 1px solid #555555; /*BORDER-RIGHT: 1px solid #555555;  	BORDER-TOP: 1px solid #555555;  	BORDER-

LEFT: 1px solid #555555;  	BORDER-BOTTOM: 1px solid #555555; */ /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 100%;
}


.sectionMiddleTable
{
	border-right: 1px solid #555555;
	border-top: 0px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 0px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 800px;
	background-color: white;
}
.sectionTopTable
{
	border-right: 1px solid #555555;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 0px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 800px;
	background-color: white;
}
.sectionBottomTable
{
	border-right: 1px solid #555555;
	border-top: 0px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 800px;
	background-color: white;
}
.sectionBottomTablea
{
	border-right: 1px solid #555555;
	border-top: 0px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 100%;
	background-color: white;
}
.mandatoryField[type="radio"]
{
	width: 14px;
	border-right: 1px solid #ff0000;
	border-top:  1px solid #ff0000;
	border-left:   1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	outline: #ff0000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.mandatoryDisabledField[type="radio"]
{
	width: 14px;
	border-right: 1px solid #ff0000;
	border-top:  1px solid #ff0000;
	border-left:   1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	outline: #ff0000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.disabledField[type="radio"]
{
	width: 14px;
	border-right: 1px solid #000000;
	border-top:  1px solid #000000;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
	outline: #000000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.optionalField[type="radio"]
{
	width: 14px;
	border-right: 1px solid #000000;
	border-top:  1px solid #000000;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
	outline: #000000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}

.mandatoryField[type="checkbox"]
{
	width: 19px;
	border-right: 1px solid #ff0000;
	border-top:  1px solid #ff0000;
	border-left:   1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	outline: #ff0000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.mandatoryDisabledField[type="checkbox"]
{
	width: 19px;
	border-right: 1px solid #ff0000;
	border-top:  1px solid #ff0000;
	border-left:   1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	outline: #ff0000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.disabledField[type="checkbox"]
{
	width: 19px;
	border-right: 1px solid #000000;
	border-top:  1px solid #000000;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
	outline: #000000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #cccccc;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.optionalField[type="checkbox"]
{
	width: 19px;
	border-right: 1px solid #000000;
	border-top:  1px solid #000000;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
	outline: #000000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}

.mandatoryField
{
	width: 157px;
	border-right: 1px solid #ff0000;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.mandatoryDisabledField
{
	width: 157px;
	border-right: 1px solid #ff0000;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.disabledField
{
	width: 157px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.optionalField:focus
{
	background-color: PaleGoldenrod;
}
.mandatoryField:focus
{
	background-color: #ff9999;
}
.optionalField
{
	width: 157px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}

.nowrap
{
display:inline-block;	
}

.noBorder
{
	border-right: 0px none #000000;
	border-top: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
	background-color: #ffffff;
	color: Black;
	font-size: 12px;
	font-family: Arial;
	padding-top: 7px;
	
}
.buttons
{
	border-right: 1px solid #555555;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #555555;
	background-color: #555555;
	color: white;
	font-size: 12px;
	height: 20px;
	font-weight: bold;
	cursor: pointer;
	
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	background-image:-o-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13)); 
	background-image:-moz-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));   
	background-image:linear-gradient(180deg,rgba(44,160,202,0),rgba(0,0,0,0.13));  
	background-image:-webkit-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));
	/*border-width:0 2px 0 0;
	border-style:solid;
	border-color:#359fc8;*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#002CA0CA,endColorstr=#20000000)
}

.historytable
{
	border-collapse: collapse;
	font-size: 10px;
}

.historytable td
{
	border: solid 1px #444444;
	border-collapse: collapse;
}

/*select, option {
  behavior: url(selectoption.htc);
}*/


/*date picker */

/* the div that holds the date picker calendar */
.dpDiv
{
}


/* the table (within the div) that holds the date picker calendar */
.dpTable
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR
{
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR
{
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR
{
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR
{
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
	border: 1px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent 

which cell is being hovered over) */
.dpTDHover
{
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD
{
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD
{
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD
{
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText
{
	font-size: 12px;
	color: gray;
	font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date 

field value) */
.dpDayHighlight
{
	color: 4060ff;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}




}

@media screen and ( min-width: 1140px ) /*, (min-device-width: 1024px )*/
{
	
	
	.leftMenu
	{
		float:left;
		
		width:195px;
		margin-right:10px;
	}
	
	.mainContentWrapper
	{
		
		overflow:auto;
		padding-right:10px;
		
		/*clear:both;
		width:200%;
		background-color:#ff0000;*/
		
	}
	
.menuHeader
	{
		width:180px; 
		margin-top:5px;
		padding-top:2px; 
		padding-left:3px; 
		cursor:pointer;
		border-right: #555555 thin solid;
	border-top: #555555 thin solid;
	border-left: #555555 thin solid;
	border-bottom: #555555 thin solid;
	background-color: #555555;
	color: white;
	height: 23px;
	font-weight: bold;
	}
	
	.menuHeader img
	{
		vertical-align:bottom;
		padding-top:3px; 
		
	}
	
	.mainmenunew 
	{
		width:175px;
		margin:0px;
		padding:0px;
		display:block;
		position:relative;
		background-color:White;
	}
	.mainmenunew li
	{
		list-style: none;
		margin:0px;
		padding:0px;
		/*border-bottom:1px solid #BABBC1;*/
	}
	.mainmenunew li a
	{
		top:0px;
		width:165px;
		border-bottom:1px solid #000000;
	}
	
.mobilenoshow 
	{
		/*display:none;*/
	}


/*part allocations table*/
.partallocations
{
	border: solid 0px #000;
	width:1000px;
	padding-bottom:0px;
	table-layout:fixed;
}
.partallocations tr td
{
	width:125px;
}
.partallocations tr
{
	height:auto !important;
}

/* part search results */
.partsearchresults
{
	width:800px;
	background-color: #FFFF99;
	border:solid 1px #999;
	border-collapse:collapse;
	padding-bottom:0px;
	table-layout:fixed;
}
.partsearchresults.alts
{
	border:solid 1px #0000ff;
	border-collapse:collapse;
}
.partsearchresults tbody tr
{
	height:auto !important;
	overflow:hidden;
	background-color: #FFFFCC;
}
.partsearchresults.alts tbody tr
{
	background-color: #FFFFCC;
}
.partsearchresults tbody tr.even
{
	background-color: #FFFFEE;
}

.partsearchresults.alts tbody tr.even
{
	background-color: #FFFFEE;
}

.partsearchresults th
{
	border:solid 1px #999;
	border-collapse:collapse;
	overflow:hidden;
	font-size:14px;
}
.partsearchresults td
{
	border:solid 1px #999;
	border-collapse:collapse;
	vertical-align:top;
	
}
.partsearchresults .col0 {width:26px} /* option button */
.partsearchresults .col1 {width:100px} /* part no */
.partsearchresults .col2 {width:180px} /* desc */
.partsearchresults .col3 {width:35px} /* pdf ref */
.partsearchresults .col4 {width:100px} /* alt */
.partsearchresults .col5 {width:35px} /* available */
.partsearchresults .col6 {width:35px} /* doc */
.partsearchresults .col7 {width:90px} /* cat */
.partsearchresults .col8 {width:90px} /* make */
.partsearchresults .col9 {width:90px} /* Model */

.partsearchresults2
{
	border:solid 1px #999;
	border-collapse:collapse;
	padding-bottom:0px;
}
.partsearchresults2 th
{
	background-color: #FFFF99;
	width:115px;
	border:solid 1px #999;
	border-collapse:collapse;
	overflow:hidden;
	font-size:14px;
}
.partsearchresults2 td
{
	width:115px;
	border:solid 1px #999;
	border-collapse:collapse;
	vertical-align:top;
	
}
/*.partsearchresults thead {background-color: #0000FF; display:block; position:relative;}
.partsearchresults tbody {background-color: #FF0000; display:block; height:70px !important; overflow:scroll !important;}
#altparttbody
{
	background-color: #00FF00;
}
*/


/* enquiry page */
.enquirypage
{
	background-color: #FFFFCC;
}
fieldset
{
	border: none;
	outline: none;
	padding: 0px;
}
.enquirypage2 .logo
{
	padding: 10px 0px 50px 400px;
	background-color: #FFFFCC;
}
.input_wrap
{
	padding: 5px 0px;
}
.form_box
{
	margin: 20px 0px 20px 0px;
	min-height: 400px;
	background-color: #FFFFCC;
	border: none;
}
.form_box_right
{
	margin:  -550px 0px 20px 520px;
	min-height: 400px;
	background-color: #FFFFCC;
	border: none;
}
.enquirymessage
{
	text-align: center;
	width: 1000px;
	color: #f00;
}
.enquirydone
{
	display: none;
	width: 1000px;
	text-align: center;
	background-color: #FFFFCC;
}
@media only screen and ( max-width: 767px )
{
	.form_box_right
	{
		margin: 20px 0px 20px 0px !important;
		min-height: 400px;
		background-color: #FFFFCC;
		border: none;
	}
	.enquirypage2 .logo
	{
		padding: 10px 0px 20px 30px !important;
		background-color: #FFFFCC;
	}
	.enquirymessage
	{
		text-align: center;
		width: 300px !important;
		color: #f00;
	}
	.enquirydone
	{
		display: none;
		width: 300px !important;
		text-align: center;
		background-color: #FFFFCC;
	}
}

.form_box label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 175px;
	padding: 8px 15px;
}
.form_box_right label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 175px;
	padding: 8px 15px;
}
.form_box_right select
{
	height: 25px;
	float: left;
	margin: 0px 0px 0px 20px;
	width: 200px;
}
.form_box_right textarea
{
	/*height: 25px; width: 200px; */
	float: left;
	margin: 0px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.form_box_right span
{
	/*height: 25px; width: 200px; */
	float: left;
	margin: 0px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.form_box select
{
	height: 25px;
	float: left;
	margin: 0px 0px 0px 20px;
	width: 195px;
}
.inputbox
{
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px 8px;
	font-size: 16px;
	margin: 0px 0px 2px 20px;
	float: left; /* width:60%; width:72%;*/
}
.bg_grey
{
	background: url(img/box_bg_grey.png) bottom repeat-x #FFFFFF;
	border: 1px solid #A9AAB1;
}
.bg_blue
{
	background: url(img/box_bg_blue.png) bottom repeat-x #E9F5FD;
	border: 1px solid #76A4D1;
}
.bg_red
{
	background: url(img/box_bg_red.png) repeat-x bottom #DC1062;
	border: 1px solid #A9ACB3;
}
.login_button
{
	background: none;
	text-align: center;
	padding: 5px 12px;
	border: none;
	display: block;
	outline: none;
	font-size: 20px;
	color: #000;
	width: 100%;
}
.login_outer_register
{
	display: block;
	float: left;
	margin: 50px 30px 0px 80px;
}
.cancel_button
{
	background: none;
	text-align: center;
	padding: 5px 12px;
	border: none;
	display: block;
	outline: none;
	font-size: 20px;
	width: 100%;
}


/* warrreg page 
.warrreg h2
{
	color: #fff;
}
.warrreg .enquirypage
{
	background-color: #737378;
}
.warrreg fieldset
{
	border: none;
	outline: none;
	padding: 0px;
}
.warrreg .enquirypage2 .logo
{
	padding: 10px 0px 50px 400px;
	background-color: #737378;
}
.warrreg .input_wrap
{
	padding: 5px 0px;
}
.warrreg .form_box
{
	margin: 20px 0px 20px 0px;
	min-height: 400px;
	background-color: #737378;
	border: none;
	color: #fff;
	font-size:14px;
}
.warrreg .form_box_right
{
	margin: -550px 0px 20px 520px;
	min-height: 400px;
	background-color: #737378;
	border: none;
	color: #fff;
	font-size:14px;
}
.warrreg .enquirymessage
{
	text-align: center;
	width: 1000px;
	color: #f00;
}
.warrreg .enquirydone
{
	display: none;
	width: 1000px;
	text-align: center;
	background-color: #737378;
	color: #fff;
}

@media only screen and ( max-width: 767px )
{
	.warrreg .form_box_right
	{
		margin: 20px 0px 20px 0px !important;
		min-height: 400px;
		background-color: #737378;
		border: none;
		
	}
	.warrreg .enquirypage2 .logo
	{
		padding: 10px 0px 20px 30px !important;
		background-color: #737378;
	}
	.warrreg .enquirymessage
	{
		text-align: center;
		width: 300px !important;
		color: #f00;
	}
	.warrreg .enquirydone
	{
		display: none;
		width: 300px !important;
		text-align: center;
		background-color: #737378;
	}
}

.warrreg .form_box label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 175px;
	padding: 8px 15px;
	color: #fff;
}
.warrreg .form_box_right label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 175px;
	padding: 8px 15px;
	color: #fff;
}
.warrreg .form_box_right select
{
	height: 25px;
	float: left;
	margin: 0px 0px 0px 20px;
	font-size: 16px;
	width: 200px;
}
.warrreg .form_box_right textarea
{
	
	float: left;
	margin: 0px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.warrreg .form_box_right span
{
	
	float: left;
	margin: 0px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}
.warrreg .form_box select
{
	height: 25px;
	font-size: 16px;
	float: left;
	margin: 0px 0px 0px 20px;
	width: 195px;
}
.warrreg .inputbox
{
	background: #fff;
	border: 1px solid #000;
	padding: 5px 8px;
	font-size: 16px;
	margin: 0px 0px 2px 20px;
	float: left; 
}
.warrreg .bg_grey
{
	background: url(img/box_bg_grey.png) bottom repeat-x #FFFFFF;
	border: 1px solid #A9AAB1;
}
.warrreg .bg_blue
{
	background: url(img/box_bg_blue.png) bottom repeat-x #E9F5FD;
	border: 1px solid #76A4D1;
}
.warrreg .bg_red
{
	background: url(img/box_bg_red.png) repeat-x bottom #DC1062;
	border: 1px solid #A9ACB3;
}
.warrreg .login_button
{
	background: none;
	text-align: center;
	padding: 5px 12px;
	border: none;
	display: block;
	outline: none;
	font-size: 20px;
	color: #000;
	width: 100%;
}
.warrreg .login_outer_register
{
	display: block;
	float: left;
	margin: 50px 30px 0px 80px;
}
.warrreg .cancel_button
{
	background: none;
	text-align: center;
	padding: 5px 12px;
	border: none;
	display: block;
	outline: none;
	font-size: 20px;
	width: 100%;
}
end of warrreg*/


a:link
{
	color: #0000FF;
	text-decoration: none;
}
a:visited
{
	color: #0000FF;
	text-decoration: none;
}
a:active
{
	color: #0000FF;
	text-decoration: none;
}
a:hover
{
	color: #990000;
	text-decoration: underline;
}
table.sectiontable
{
	border: 1px solid #555555;
	border-collapse: collapse;
	background-color: white;
	font-size: 12px;
}
th.sectiontable
{
	border: 1px solid #555555;
	background-color: #555555;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
}
td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.header
{
    background-image: url('img/header.jpg');
    background-size: 100% 100%;
    bzzackground-size:contain;
    bzzackground-position:center;
    background-repeat:no-repeat;
	bzzackground-color: #000; /*ffffcc*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
    color:#fff;
}


.login
{
	background-color: #FFFFCC;
	border: 1px solid #000000;
}
.mandatoryfield
{
	border: 1px solid #FF0000;
}
.normalrow
{
	background-color: #FFFFFF;
}
.overrow
{
	background-color: #FFFFCC;
}
.selectedrow
{
	background-color: #555555;
}

BODY
{
	color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff; /*#99cccc;*/
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	background-image: url( 'img/testwatermark.jpg' );
	background-repeat: repeat;
	background-attachment: fixed;
    height:100%;
}


.redError
{
	color: Red;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
	color: #003366;
	
}
H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H5, DT
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

TFOOT, THEAD
{
	font-size: 12px; /* 1em;  */
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}

TH
{
	vertical-align: baseline;
	font-size: 12px;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}

SMALL
{
	font-size: .7em;
}

BIG
{
	font-size: 1.17em;
}

BLOCKQUOTE, PRE
{
	font-family: Courier New, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}

.jpm
{
	display:block;
}
.jpmDD
{
	display:none;
}
.Section
{
	background-color: white;
	margin-left:3px;
	width: 95%;
	border-radius: 5px 5px 0 0;
	padding-right: 8px;
}
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.col {
	display: block;
	float:left;
	margin: 0px 0 0px 0;
	
}
.col:first-child { margin-left: 0; }
.aligndropdownimg
{
	/*padding-top:2px;*/
    vertical-align:middle;
}
input[type=checkbox]
{
vertical-align:middle;	

}
.numfield
{
	text-align: right;
	width: 65px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.numfielddisabled
{
	text-align: right;
	width: 65px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
		-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	background-color: #cccccc;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.date 
{
	width: 65px !important;
}
.invdetails 
{
	background-color: #ffffff; 
	text-align: right; 
	float: right; 
	padding-top: 0px; 
	padding-right: 10px;
	/*padding-right: 5vw;*/
}
.unitdetails 
{
	background-color: #ffffff; 
	text-align: right; 
	float: right; 
	padding-top: 0px; 
	padding-right: 5px;
	/*padding-right: 5vw;*/
}
.unitdetails2 
{
	background-color: #ffffff; 
	text-align: right; 
	float: right; 
	padding-top: 0px; 
	padding-right: -21px;
	/*padding-right: 5vw;*/
}

.SectionBorder
{
	clear: both;
	border-right: #555555 thin solid;
	border-top: #555555 0px none;
	border-left: #555555 thin solid;
	border-bottom: #555555 thin solid;
	width: 100%;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 padding: 12px 0px 8px 8px;
 margin: 0px 0px 0px 0px;
}

.Section1Column
{
	width:99%;
}
.Section4Column
{
	width:25%;
}
.Section5Column
{
	width:20%;
}
.Section66Column
{
	width:64.4%;
}
.SectionLeftColumn
{
	width:32.2%;
}
.SectionMidColumn
{
	width:32.2%;
}
.SectionRightColumn
{
	width:32.2%;
}
.Section2LeftColumn
{
	width:49%;
}
.Section2RightColumn
{
	width:49%;
}
.SectionHeader
{
	/*border-right: #555555 thin solid;
	border-top: #555555 thin solid;
	border-left: #555555 thin solid;
	border-bottom: #555555 thin solid;*/
	background-color: #555555;
	padding:  4px 2px 0px 8px;
	margin-bottom: 0px;
	color: White;
	height: 20px;
	font-weight: bold;
	width: 100%;
	
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	background-image:-o-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13)); 
	background-image:-moz-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));   
	background-image:linear-gradient(180deg,rgba(44,160,202,0),rgba(0,0,0,0.13));  
	background-image:-webkit-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));
	border-width:0 0px 1px 0;
	border-style:solid;
	border-color:#555555;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#002CA0CA,endColorstr=#20000000)
}

.input_wrap2
{
	padding: 0px 0px;
	
}

.labelfloat label
{
	clear: both;
	float: left;
	text-align: left;
	display: block;
	width: 40%;
	padding: 5px 15px 0px 0px;
	min-height:19px;
	height:100%;
	
}
.finlab label
{
	text-align: right;
/*background-color:#0000ff;*/
}
.label3rd label
{
	width: 13%;
}
.Section66Column label
{
	width: 20%;
}
.label50 label
{
	width: 50%;
}
.label60 label
{
	width: 60%;
	
}
.label30 label
{
	width: 30%;
	
}
.nofloat label
{
	clear: both;
	float: none;
	text-align: left;
	display: inline;
	width: 100%;
	padding: 0px 0px 0px 0px;
	
}

.sectionHeaderRow
{
	border-right: #555555 thin solid;
	border-top: #555555 thin solid;
	border-left: #555555 thin solid;
	border-bottom: #555555 thin solid;
	background-color: #555555;
	color: White;
	height: 20px;
	font-weight: bold;
}

.sectionDetailRow
{
	height: 25px;
	padding-left: 5px;
}

.sectionHeaderTable
{
	border: 1px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 800px;
}

.sectionHeaderTablea
{
	border: 1px solid #555555; /*BORDER-RIGHT: 1px solid #555555;  	BORDER-TOP: 1px solid #555555;  	BORDER-LEFT: 1px solid #555555;  	BORDER-BOTTOM: 1px solid #555555; */ /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 100%;
}


.sectionMiddleTable
{
	border-right: 1px solid #555555;
	border-top: 0px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 0px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 800px;
	background-color: white;
}
.sectionTopTable
{
	border-right: 1px solid #555555;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 0px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 800px;
	background-color: white;
}
.sectionBottomTable
{
	border-right: 1px solid #555555;
	border-top: 0px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 800px;
	background-color: white;
}
.sectionBottomTablea
{
	border-right: 1px solid #555555;
	border-top: 0px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #555555; /*BACKGROUND-COLOR: #ffffff;*/
	color: Black;
	font-size: 10px;
	width: 100%;
	background-color: white;
}
.mandatoryField
{
	width: 157px;
	border-right: 1px solid #ff0000;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	
	-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.mandatoryField[type="radio"]
{
	width: 14px;
	border-right: 1px solid #ff0000;
	border-top:  1px solid #ff0000;
	border-left:   1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	outline: #ff0000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.mandatoryDisabledField[type="radio"]
{
	width: 14px;
	border-right: 1px solid #ff0000;
	border-top:  1px solid #ff0000;
	border-left:   1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	outline: #ff0000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.disabledField[type="radio"]
{
	width: 14px;
	border-right: 1px solid #000000;
	border-top:  1px solid #000000;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
	outline: #000000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.optionalField[type="radio"]
{
	width: 14px;
	border-right: 1px solid #000000;
	border-top:  1px solid #000000;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
	outline: #000000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.mandatoryField[type="checkbox"]
{
	width: 19px;
	border-right: 1px solid #ff0000;
	border-top:  1px solid #ff0000;
	border-left:   1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	outline: #ff0000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.mandatoryDisabledField[type="checkbox"]
{
	width: 19px;
	border-right: 1px solid #ff0000;
	border-top:  1px solid #ff0000;
	border-left:   1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	outline: #ff0000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.disabledField[type="checkbox"]
{
	width: 19px;
	border-right: 1px solid #000000;
	border-top:  1px solid #000000;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
	outline: #000000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding-top: 0px;
  margin: 0px 0px;
  	
	background-color: #cccccc;
	color: Black;
	font-size: 12px;
	font-family: Arial;
}
.optionalField[type="checkbox"]
{
	width: 19px;
	border-right: 1px solid #000000;
	border-top:  1px solid #000000;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
	outline: #000000 solid 1px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
 -webkit-box-shadow: none;
padding: 0px;
  margin: 0px 0px;
  	
	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}

.mandatoryDisabledField
{
	width: 157px;
	border-right: 1px solid #ff0000;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	
	-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.disabledField
{
	width: 157px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	
	-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;
	
	background-color: #CCCCCC;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}
.optionalField:focus
{
	background-color: PaleGoldenrod;
	/*color:Blue;*/
	font-weight: bold;
}
.mandatoryField:focus
{
	background-color: #ff9999;
	/*color:Blue;*/
	font-weight: bold;
}
.optionalField
{
	width: 157px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	
	-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
padding: 2px 0px 2px 1px;
  margin: 2px 1px 2px 0px;

	background-color: #ffffff;
	color: Black;
	font-size: 11px;
	font-family: Arial;
}

.nowrap
{
display:inline-block;	
}

.noBorder
{
	border-right: 0px none #000000;
	border-top: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
	background-color: #ffffff;
	color: Black;
	font-size: 12px;
	font-family: Arial;
	padding-top: 7px;
}
.buttons
{
	border-right: 1px solid #555555;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #555555;
	background-color: #555555;
	color: white;
	font-size: 12px;
	height: 20px;
	font-weight: bold;
	cursor: pointer;
	
	box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	-moz-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
 -webkit-box-shadow: 2px 2px 8px rgba(30, 30, 30, 1);
	background-image:-o-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13)); 
	background-image:-moz-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));   
	background-image:linear-gradient(180deg,rgba(44,160,202,0),rgba(0,0,0,0.13));  
	background-image:-webkit-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));
	/*border-width:0 2px 0 0;
	border-style:solid;
	border-color:#359fc8;*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#002CA0CA,endColorstr=#20000000)
}

.historytable
{
	border-collapse: collapse;
	font-size: 10px;
}

.historytable td
{
	border: solid 1px #444444;
	border-collapse: collapse;
}

/*select, option {
  behavior: url(selectoption.htc);
}*/


/*date picker */

/* the div that holds the date picker calendar */
.dpDiv
{
}


/* the table (within the div) that holds the date picker calendar */
.dpTable
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR
{
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR
{
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR
{
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR
{
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
	border: 1px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover
{
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD
{
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD
{
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD
{
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText
{
	font-size: 12px;
	color: gray;
	font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight
{
	color: 4060ff;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}




}

@media screen and ( min-width: 1100px ) 
{
.invdetails 
{
	padding-right: 10px !important;
	/*padding-right: 5vw;*/
}
.unitdetails 
{
	padding-right: 20px !important;
	/*padding-right: 5vw;*/
}
.unitdetails2 
{
	padding-right: -6px !important;
	/*padding-right: 5vw;*/
}
}
@media screen and ( min-width: 1200px ) {
.invdetails 
{
	padding-right: 20px !important;
	/*padding-right: 5vw;*/
}
.unitdetails 
{
	
	padding-right: 60px !important;
	/*padding-right: 5vw;*/
}
.unitdetails2
{
	
	padding-right: 34px !important;
	/*padding-right: 5vw;*/
}
}
@media screen and ( min-width: 1300px ) {
.invdetails 
{
	padding-right: 35px !important;
	/*padding-right: 5vw;*/
}
.unitdetails 
{
	padding-right: 110px !important;
	/*padding-right: 5vw;*/
}
.unitdetails2 
{
	padding-right: 84px !important;
	/*padding-right: 5vw;*/
}
}
@media screen and ( min-width: 1400px ) {
.invdetails 
{
	padding-right: 50px !important;
	/*padding-right: 5vw;*/
}
.unitdetails 
{
	padding-right: 165px !important;
	/*padding-right: 5vw;*/
}
.unitdetails2 
{
	padding-right: 139px !important;
	/*padding-right: 5vw;*/
}
}