html 
{   text-align: center;            
}
body 
{ 	margin:0px auto 0px auto; padding:0; 
	background-color:#666; font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000; text-align:left;
}
form		{	margin:0px 0px 0px 0px;	}
img			{	border:0px;vertical-align:middle;	}
.fleft		{	float:left;		}
.fclear 	{	float:none; clear:both;	}
input, select, textarea
{ 	vertical-align:middle; border:1px solid #dc636a; 
	color:#000; font-size:14px; 	
}
a:link, a:visited
{	color:#5F6366;font-size:12px;
	font-weight:normal;text-decoration:none;
}
a:hover
{	text-decoration:underline; color:#CE212B;
}

.whitehead a:link, .whitehead a:visited
{	float:left; width:120px; text-align:center; font-weight:bold;
}
.bluehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #CE212B;
	text-decoration: none;
}
.links {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	text-decoration: none;
	font-weight: lighter;
}
a.links:hover {
	text-decoration: underline;
}
a.text:hover {
	color: #CE212B;
	text-decoration: underline;
}
a.black:hover {
	color: #FA990F;
	text-decoration: underline;
}

.whitetext:link, .whitetext:visited{
	color: #ffffff;
	text-decoration: underline;
	font-size: 14px;
}

a.whitetext:hover {
	color: #ffffff;
	text-decoration: none;
}


.grayhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #81807E;
}
.whitetext, .whitetext:link, .whitetext:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
.copyright { font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#000; }
.copyright a { text-decoration:underline; color:#000; }
.copyright a:hover { text-decoration:none; color:#CE212B; }

.list_title td
{	padding:4px 0 5px 0px; background:#d23740; font-weight:bold;
	color:#FFFFFF;
}
.list_title th
{	padding:4px 0 5px 0px; background:#065D9E; font-weight:bold;
	color:#FFFFFF;
}
.list_title img
{	vertical-align:middle; border:0px;
}
.list_li td
{	padding:4px 0 5px 0px;
}
.list_li a:link, .list_li a:visited, .link a:link, .link a:visited
{	color:#333333; text-decoration:none;
}
.link a:hover
{	color:#FA990F; text-decoration:underline;
}
.list_li a:hover
{	color:#FFFFFF; text-decoration:underline;
}
.altnatcolo
{	background:#D0E6F5;
}
.txtblue { color:red; }
.padtobo
{	padding:20px 0 10px 0px;
}
.fontbo
{	font-weight:bold;padding:10px 5px 0 0px; font-size:10px;
}
.padtop
{	 padding:50px 5px 0 0px; text-align:left; font-size:10px;
}
.franch_frm div
{	width:98%; padding-bottom:5px; float:left;
}
.franch_frm label
{	width:180px; float:left; padding-top:3px;
}
.franch_frm input, .franch_frm textarea
{	width:200px; 
}
.franch_frm select
{	width:202px;
}
.mess_sp
{	float:left; width:30%;padding-left:10px;
}
.franch_frm textarea
{	height:80px;
}
.franch_frm input.checkboxstyle, .checkboxstyle
{	border:0px; width:15px;
}
.vartali input
{	vertical-align:middle;
}
.netwid
{	width:100px;
}
html>body .netwid
{	width:160px;
}
.fontbo2
{	font-weight:bold; font-size:10px;
}
.padbot td
{	padding-top:10px;
}
.btnbg01, .franch_frm input.btnbg01
{	border:1px solid #CE212B;vertical-align:middle;
	width:70px; cursor:pointer; margin-top:10px;
}
.btnbg02
{	border:1px solid #CE212B;vertical-align:middle !important;
	cursor:pointer; height: 20px !important; margin-left: 5px;
    padding: 2px 8px 2px 8px !important; line-height: 0px !important;
}
.franch_frm2
{	width:98%; padding-bottom:5px;
	float:left;
}
.franch_frm2 div
{	width:30%;float:left;
}
.franch_frm2 label
{	width:60px; float:left;
}
.franch_frm2 span
{	width:45%;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: auto;
    width: 200px;
    margin-top: -3px;
    border: 1px solid #dc636a;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #fff url(../images/site/pointer2.gif) no-repeat -10px 5px;
    font-weight:bold;
     font-size:15px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/site/pointer2.gif) left top no-repeat;
    font-weight:bold;
}
.specialhint {
   
    position: absolute;
    right: 60px;
    width: 200px;
    margin-top: -23px;
    border: 1px solid #60899F;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #fff url(../images/site/pointer2.gif) no-repeat -10px 5px;
    font-weight:bold;
     font-size:15px;
}

/* The pointer image is hadded by using another span */
.specialhint .specialhint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/site/pointer2.gif) left top no-repeat;
    font-weight:bold;
}
.validation, .franch_frm2 div.validation, .franch_frm div.validation 
{	color:#DD0000;padding-left:15px;display:none;font-weight:bold;font-size:11px; float:left; 
	background:url(../images/site/arrows.gif) no-repeat left top; margin-left:90px; width:50%;
}
html>body .validation, .franch_frm2 div.validation, .franch_frm div.validation 
{	margin-left:180px;
}
/*.validation{color:#DD0000;clear:both;width:auto;padding-left:65px;display:none; margin-left:110px;font-weight:bold;background:url(../images/site/arrows.gif) no-repeat 9% 8%;font-size:11px;height:auto;}*/

/* start of new class */
.pagebg
{	background:#ffffff; border-left:2px solid #fff; border-right:2px solid #fff;
	width:946px; text-align:left;
}
.top_right
{	text-align:right; background:#ececec; padding:5px 10px 5px 0px;
}
.header_logo
{	height:90px; width:15%; text-align:right;margin: 0 auto;
}
.header_logo div
{	float:left; width:120px; text-align:center; padding-top:2px;
}
.sub_mnlink
{	padding:5px 0 5px 10px; text-align:left; float:left;
}
.menubg
{	background:#CE212B; width:945px; padding:1px 0 1px 1px; float:left;
}
.lastlink
{	padding:5px 0 5px 15px; text-align:left;
}
.footerlink
{	padding:5px 0 5px 0px; float:left; width:100%;
	background:#e8e8e8; text-align:right;
}
.footerlink label
{	width:auto; float:left; padding-left:15px; color:#333333;
}
.footerlink label a:link, .footerlink label a:visited
{	color:#333333;
}
.contebt_mid
{	width:550px;padding:10px 15px 15px 15px;float:left;
	border-left:1px solid #333333;border-right:1px solid #333333;
	min-height:400px;
	height:auto !important;
	height:400px;
}
.toptitle_li
{	text-align:right; padding-bottom:15px;
}
.txt12boli:link, .txt12boli:visited
{	font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}
.content_main
{	border-bottom:1px solid #333333; float:left; width:100%; border-top:1px solid #333333;
}
.panel_mn
{	width:180px; float:left;
}
.custom_li div
{	width:98%; float:left; padding-top:10px;
	font-size:10px;
}
.custom_li label
{	width:75%; float:left; font-weight:bold;
	text-align:right; padding-right:5px;
}
.valid_li div
{	font-size:10px; font-weight:bold;
	padding-top:10px; float:left; width:100%;
}
.valid_li label
{	float:left; width:25px; text-align:center;
}
.valid_li span
{	float:left; width:150px;
}


.errorBox {
 font-family : Verdana, Arial, sans-serif;
 font-size : 10px;
 color : inherit;
 background : #ffb3b5;
 font-weight : bold;
}

.sucessBox {
 font-family : Verdana, Arial, sans-serif;
 font-size : 10px;
 color : #FFFFFF;
 height:20px;
 padding-left:2px;
 text-align:left;
 padding-top:4px;
 vertical-align:middle;
 background : none repeat scroll 0 0 #006400;
 font-weight : bold;
}
.franch_frm label.labwi110
{	width:110px; 
}
.franch_frm label.labwi70
{	width:70px; padding-left:180px;
}
.franch_frm label.labwi80
{	width:80px;
}
.franch_frm label.valuelab
{	width:145px; text-align:left;
}
.franch_frm label.valuelab input
{	width:85px;
}
.midfrcent
{	text-align:center; font-weight:bold;
}
.franch_frm label.frdefault
{	width:90px;
}
.franch_frm label.frmax
{	width:190px;
}
.franch_frm label.frmin
{	width:100px;
}
.middletoptitle_li
{	text-align:center; padding-bottom:15px;
}
.franch_frm label.valuelab select
{	width:60px;
}
.franch_frm label.frdefaultpro
{	width:80px;text-align:left;
}
.franch_frm label.frmaxout
{	width:150px;
}

.franch_frm label.frqccom
{	width:100px; text-align:left;
}
.franch_frm label.frminsort
{	width:70px;
}
.franch_frm label.dieset
{	width:230px;
}
.franch_frm label.valuelabpro
{	width:125px; text-align:left;
}
.franch_frm label.valueqccom
{	width:100px; text-align:left;
}
.franch_frm label.valuelabpro input
{	width:85px;
}
.franch_frm label.valuelabpro select
{	width:60px;
}

.franch_frm input.buttonbgplus, .buttonbgplus
{	height:31px;width:32px; 
	border:0px;background:url(../images/site/green_plus.jpg) no-repeat;
	cursor:pointer;
}
.franch_frm input.buttonbgminus, .buttonbgminus
{	height:31px;width:32px; 
	border:0px;	background:url(../images/site/green_minus.jpg) no-repeat;
	cursor:pointer;
}
.div_right
{	float:right;
}


/* start list text */
.txtlist_title
{	width:100%; float:left; text-align:left; font-weight:bold; padding-top:15px;
}
.txtlist_title div
{	width:10%; float:left;
}
.txtlist_title span
{	width:9%; float:left; text-align:center;
}
.txtlist_list
{	width:100%; float:left; text-align:left;
}
.txtlist_list div
{	width:10%; float:left;font-weight:bold; padding-top:11px;
}
.txtlist_list span
{	width:9%; float:left; margin-top:7px;text-align:center;
}
.txtlist_list input
{	width:80%;
}

.nnewlist
{	 float:left;
}
.nnewlist div
{	width:19%; float:left;font-weight:bold;
}
.nnewlist label
{	width:70%; float:left; text-align:left; padding-left:15px;
	font-weight:normal;
}

.stripeMe td
{	padding:5px 0 5px 0px;
}

tr.alt td {
            background: #D0E6F5;
}
tr.over td {
            background: #73ABD1;
}


div .custom_pro_li{
	width:60%
}
.custom_pro_li div
{	width:95%; float:left;
	font-size:10px;
	padding-top:5px;
}
.custom_pro_li label
{	width:60%; float:left; font-weight:bold;
	text-align:left; 
}
.dispatch_rt_li
{	width:100%; float:left; padding-top:4px; text-align:left;
}
.dispatch_rt_li label
{	width:25%; float:left; font-weight:bold;
}
.dispatch_rt_li div
{	width:2%; float:left;
}
.dispatch_rt_li span
{	width:65%; float:left;
}
.calibration
{	width:19%; float:left;
}
.calibration div
{	width:19%; float:left;
}
/* css for display span tag on mouse over*/
.thumbnail
{
	/*position: relative;*/
	z-index: 0;
}
.thumbnail:hover
{
	/* background-color: transparent; */
	z-index: 50;
}
.thumbnail span
{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	opacity:.7;
	filter:alpha(opacity=70);
}
.thumbnail:hover span
{ /*CSS for enlarged image on hover*/
	position: absolute;
	visibility: visible;
	z-index:50;
	left: 400; /*position where enlarged image should offset horizontally */
	top:350;
}
table .searchid input
{
	width:60px;
}
.search_frm_label{
width:50px; float:left; padding-top:5px;
}
search_frm_div{
width:50px; float:left; padding-top:5px;
}
.gray_back
{	background:#999999; color:#FFFFFF; 
}
.blue_back
{	background:#0033FF; color:#FFFFFF;	
}
.black_back
{	background:#000000; color:#FFFFFF;	
}
.red_back
{	/*background:#FF0000; color:#FFFFFF;	*/
}
.green_back
{	background:#009900; color:#FFFFFF;	
}


img
{	vertical-align:middle;
}
.cont_limn
{	width:815px; text-align:left;
}
.cont_limn div
{	float:left;
}
.cont_limn div.fleft
{	float:left;
}
.cont_limn div.fright
{	float:right;
}
.cont_limn div.fclear
{	float:none; clear:both;
}
.cn_li_ft
{	height:150px; width:218px; 
	padding:5px; color:#000000;	
}
.cn_li_ft div, .cn_li_rt div
{	width:95%; padding-bottom:5px;
	padding-left:5px; 
}
.cn_li_ft div.cn_li_title, .cn_li_rt div.cn_li_title
{	text-align:center; padding-left:0px;font-weight:bold;
	padding-bottom:8px;
}
.cn_li_ft label, .cn_li_rt label
{	width:40%; float:left; font-weight:bold;
}
.cn_li_ft span, .cn_li_rt span
{	width:5%; float:left;font-weight:bold;
}
.cont_limn div.cn_li_rt
{	height:150px; width:218px; 
	padding:5px;color:#000000;
	float:right;
}
.padtopnew
{	padding-top:70px;
}
.padright
{	padding-right:100px;
}
.padleft
{	padding-left:100px;
}
.cont_limn div.padtop_rt
{	padding-top:70px; float:right;
}
.li_black
	{	border:5px solid #000000;
}
.li_green
{	border:5px solid #71C853;
}
.li_gray
{	border:5px solid #9AA198;
}
.li_red
{	border:5px solid #ED324D;
}
.li_blue
{	border:5px solid #414DE9;
}
.li_sky
{
	border:5px solid #FCFF26;
}

#inform label
{
	float:left;width:80px;font-weight:bold;
}

input[type="button"], input[type="submit"] {
	font-family:Arial, Helvetica, sans-serif;
    /* background:url(../images/site/btnbg.jpg) repeat-x left top;*/    
	height:30px;
	line-height:30px;
	text-align:center;
	padding:0px 13px;
	border:solid 1px #CE212B;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
	text-shadow:#39859c 1px 1px;
	cursor:pointer;
    background-color: #d23740;
}
.franch_frm div.cms_ckedito_main_div {float:left;width:700px; padding-bottom: 10px;}
.franch_frm div.cms_ckedito_main_div div {float:left;width:100%; padding-bottom: 0px;}

.v-center > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: -10%;
}

.btn {
  text-decoration: none;
  display: inline;
  border-radius: 4px;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn-small {
  padding: .75em 1em;
  font-size: 0.8em;
}

.modal-box {
  display: none;
  /*position: absolute;*/
  position: fixed;
  z-index: 1000;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
@media (min-width: 32em) {

.modal-box { width: 15%; }
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  /*filter: alpha(opacity=0);*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  /*background: rgba(0, 0, 0, 0.3) !important;*/
}

a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 2%;
  text-decoration: none;
  color: #bbb;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}