@charset "utf-8";
/* CSS Document */



/*---------------------------- defines the container's properties, elements and contents -----------------------------*/
#container{
	width: 968px;
	min-width: 780px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	background-image: url(../images/bg_image.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-attachment: fixed;
	background-color: #0b6c0d;
	background-position: center center;
}


#main_image {
}



/*---------------------------- defines the left column's properties and elements -------------------------------------*/
#left {
	width: 150px;
	float: left;
	margin-right: 5px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 40px;
}



/*--------------------------- sidebar1 = class used for left column menus *Quick Links* ---------------------------*/
.sidebar1 {
	float: left;
	width: 20%;
	background: none;
	padding-bottom: 1px;
	padding-left: 5px;
}



/*------------------------- nav = class used for left column menus *Quick Links* ----------------------------*/
ul.nav {
	list-style:  none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 5px;
}

ul.nav li {
	border-bottom: 1px solid #FF0; /* this creates the button separation */
	padding-left: 5px;
}

ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #FFF;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #6F7D94;
	color: #FFF;
}



/*------------------------ sub = class used for left column menus *QUICK LINKS* -----------------------------*/
ul.sub {
	list-style: none; /* this removes the list marker */
	margin-bottom: 5px; /* this creates the space between the navigation on the content below */
}

ul.sub li {
	border-bottom: 1px solid #FF0; /* this creates the button separation */
}

ul.sub a, ul.sub a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #FFF;
}

ul.sub a:hover, ul.sub a:active, ul.sub a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #6F7D94;
	color: #FFF;
}




/*------------------------------ center = an id used to defines the center column's properties and elements -----------------------------*/
#center {
	width: 650px;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 10px;
	float: left;
	padding-bottom: 40px;
}



/*--------------------------------------- text = class used in HOME ---------------------------------------*/
.text{
	font-size: 13px;
}




/*----------------------------- directory = class used for DIRECTORY OF OFFICIALS --------------------------------*/
.directory{
	text-align: left;
	font-size: 13px;
}




/*----------------------------- board = class used for DIRECTORY OF OFFICIALS --------------------------------*/
.board{
	font-size: 14px;
	text-align: center;
	background-color: #960;
	color: #FFC;
}




/*-------------------------------------- right column = an id used to define the right column ----------------------------------*/
#right {
	width: 103px;
	margin-left: 10px;
	padding-right: 10px;
	padding-top: 35px;
	float: left;
}



/*----------------------------------------- spry = id used for the horizontal Spry Menu Bars ---------------------------------------*/
#spry{
	font-family: "Agency FB";	
}




/*---------------------------------------- footer = class used for Copyright ---------------------------------------*/
.footer{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	color: #FFF;
	height: 20px;
	background: none;
	border-top: thin solid #FF0;
	border-bottom: thin solid #FF0;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}




/*---------------------------------------- dates = class used to define the date ----------------------------------------*/
.date{
	font-family: "Agency FB";
	color: #FFF;
	font-size: 100%;
	padding-top: 10px;
	padding-left: 1px;
}




/*------------------------ path = class used to get the hierarchical path where the users just recently visited --------------------*/
.path{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 13px;
	padding-top: 10px;
}




/*-------------------- center = an id used for additional properties and elements for center column ----------------------*/
#center {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: justify;
}


/*------------------------------------------- headers ------------------------------------*/
h1{
	text-align: left;
	color: #ff9;
}

h2{
	text-align: left;
	color: #FF0;
}

h3{
	color: #FF9;
}

h4 {
	color: #FF9;
}





/*------------------------------------- branch = id used in NTA HISTORY ------------------------------------------*/
#branch{
	width: 400px;
	height: 200;
	margin-left: 70px;
}



/*------------------------- tabulars = class used in INDUSTRY PERFORMANCE -----------------------------*/
.tabular1{
	text-align: center;
	font-size: 13px;
}
.tabular2{
	font-size: 13px;
	text-align: center;
	color: #000;
	background-color: #FFFF00;
}
.tabular3{
	font-size: 13px;
	text-align: center;
	color: #000;
	background-color: #CC9900;
}
.tabular4{
	font-size: 13px;
	text-align: center;
	color: #000;
	background-color: #996600;
}
.tabular5{
	font-size: 13px;
	text-align: center;
	color: #FF9;
}



/*-------------------- numeros = class used in INDUSTRY PERFORMANCE ----------------------*/
.numero1{
	font-size: 11px;
	text-align: center;
	background-color: #FFFF00;
	color: #000;
}
.numero2{
	font-size: 11px;
	text-align: center;
	background-color: #CC9900;
	color: #000;
}
.numero3{
	font-size: 11px;
	text-align: center;
	background-color: #996600;
	color: #000;
}
.numero4{
	font-size: 11px;
	text-align: center;
	color: #FF9;
}



/*------------------------- volume = class used in INDUSTRY PERFORMANCE -----------------------------*/
.volume{
	font-size: 13px;
	background-color: #008080;
	text-align: center;
}



/*------------------------- taxes = class used in INDUSTRY PERFORMANCE -----------------------------*/
.taxes{
	font-size: 13px;
	background-color: #008080;
	text-align: center;
}
.taxes1{
	font-size: 13px;
	font-size: 14px;
	text-align: center;
	color: #fff;
}



/*------------------------- grades = class used in INDUSTRY PERFORMANCE -----------------------------*/
.grades{
	font-size: 13px;
	text-align: center;
	color: #000;
}



/*------------------------- letters = class used in INDUSTRY PERFORMANCE -----------------------------*/
.letters{
	font-size: 13px;
	text-align: center;
	color: #fff;
}

/* --------------------------- manual = class used in TOBACCO PRODUCTION MANUAL ---------------------------------*/
.manual {
	float: left;
	width: 34.5em;
	background-color: #0b6c0d;
	padding-bottom: 1px;
	padding-left: 5px;
}




/* ------------------------------- articles = also used in NEWS ARTICLES ------------------------------------*/
.articles {
	float: left;
	width: 37em;
	background-color: #0b6c0d;
	padding-bottom: 1px;
	padding-left: 5px;
}





/* --------------------------- virginia = class used in TOBACCO PRODUCTION MANUAL ---------------------------------*/
ul.virginia {
	list-style:  none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 7px;
}

ul.virginia li {
	border: 1px solid #0b6c0d; /* this creates the button separation */
	background-color: #FFFF00;
	padding-left: 0;
}

ul.virginia a, ul.virginia a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #000080;
}

ul.virginia a:hover, ul.virginia a:active, ul.virginia a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #FF9;
	color: #000080;
}





/* --------------------------- burley = class used in TOBACCO PRODUCTION MANUAL ---------------------------------*/
ul.burley {
	list-style:  none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 7px;
}

ul.burley li {
	border: 1px solid #0b6c0d; /* this creates the button separation */
	background-color: #CC9900;
	padding-left: 0;
}

ul.burley a, ul.burley a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #000080;
}

ul.burley a:hover, ul.burley a:active, ul.burley a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #FF9;
	color: #000080;
}





/* --------------------------- native = class used in TOBACCO PRODUCTION MANUAL ---------------------------------*/
ul.native {
	list-style:  none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 7px;
}

ul.native li {
	border: 1px solid #0b6c0d; /* this creates the button separation */
	background-color: #996600;
	padding-left: 0;
}

ul.native a, ul.native a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #000080;
}

ul.native a:hover, ul.native a:active, ul.native a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #FF9;
	color: #000080;
}






/*-------------------------------------- farmers -----------------------------------------*/
ul.farmers {
	list-style:  none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 7px;
}

ul.farmers li {
	border: 1px solid #0b6c0d; /* this creates the button separation */
	background-color: #CC9900;
	padding-left: 0;
}

ul.farmers a, ul.farmers a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #000080;
}

ul.farmers a:hover, ul.farmers a:active, ul.farmers a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #FF9;
	color: #000080;
}



/*------------------------------------------ farmers ------------------------------------*/
.farmers1{
	font-size: 13px;
	text-align: center;
	background-color: #600;	
}
.farmers2{
	font-size: 13px;
	text-align: center;
}




/*------------------------------------- type ------------------------------------*/
ul.type {
	list-style:  none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 7px;
}

ul.type li {
	border: 1px solid #0b6c0d; /* this creates the button separation */
	background-color: #CC9900;
	padding-left: 0;
}

ul.type a, ul.type a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #000080;
}

ul.type a:hover, ul.type a:active, ul.type a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #000080;
	background-color: #FF9;
}




/*------------------------------------- floor -------------------------------------*/
ul.floor {
	list-style:  none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 7px;
}

ul.floor li {
	border: 1px solid #0b6c0d; /* this creates the button separation */
	background-color: #CC9900;
	padding-left: 0;
}

ul.floor a, ul.floor a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #000080;
}

ul.floor a:hover, ul.floor a:active, ul.floor a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #000080;
	background-color: #FF9;
}



/*------------------------------------------- back = class used for BACK button ---------------------------------------*/
/*------------------------ back = class used also in FAQ to define the color and other properties ---------------------*/
.back{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	font-size: 13px;	
}
.back li {
	padding-left: 0;
}

.back a, .back a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #FF0;
}

.back a:hover, .back a:active, .back a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #000080;
}




/*-------------------------------------- full story = class used in HOME ------------------------------------*/
.full_story{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: right;
	font-size: 12px;	
}
.full_story li {
	padding-left: 0;
}

.full_story a, .full_story a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #FF0;
}

.full_story a:hover, .full_story a:active, .full_story a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #000080;
}





/*-------------------------------------- news = class used in NEWS ARTICLES ----------------------------------------*/
ul.news {
	list-style:  none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	font-size: 13px;
	padding-left: 7px;
	text-align: left;
}

ul.news li {
	border: 1px solid #0b6c0d; /* this creates the button separation */
	background-color: #CC9900;
	padding-left: 0;
}

ul.news a, ul.news a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #000080;
}

ul.news a:hover, ul.news a:active, ul.news a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #FF9;
	color: #000080;
}









/*--------------------------------- charter = class used in CITIZEN'S CHARTER ----------------------------------------*/
ul.charter {
	list-style:  none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 7px;
	text-align: left;
}

ul.charter li {
	border: 1px solid #0b6c0d; /* this creates the button separation */
	background-color: #CC9900;
	padding-left: 0;
}

ul.charter a, ul.charter a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #000080;
}

ul.charter a:hover, ul.charter a:active, ul.charter a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #FF9;
	color: #000080;
}





/* -------------------------------------- citizen = class used in CITIZEN'S CHARTER ------------------------------------*/

.citizen {
	float: left;
	width: 600px;
	background-color: #0b6c0d;
	padding-bottom: 1px;
	padding-left: 5px;
}




/* -------------------------------------- buy_leaf = class used in CITIZEN'S CHARTER ------------------------------------*/
.buy_leaf{
	font-size: 13px;
}



/* -------------------------------------- process = class used in CITIZEN'S CHARTER ------------------------------------*/
.process{
	font-size: 13px;
	text-align: center;
	background-color: #008080;
	color: #000;
}



/* --------------------------- scholar = class used in SCHOLARSHIP PROGRAMS ---------------------------*/
.scholar{
	font-size: 13px;
}




/*--------------------------------------- back on top ----------------------------------*/
.on_top{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: right;
	font-size: 13px;	
}
.on_top li {
	padding-left: 0;
}

.on_top a, .on_top a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 1px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: none;
	color: #FF0;
}

.on_top a:hover, .on_top a:active, .on_top a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #000080;
}







/* ----------- Photo Gallery ----------- */
.magnify{
	width: 150px;
	height: 100px;
}
.imagewarp{}


/* --------------------------- online = class used in ONLINE FORM APPLICATION ---------------------------------*/
a.online {
	color: #FF9;
	text-decoration:none;
}


a.online:hover, a.online a:active, a.online a:focus {
	color: #FFF;
	text-decoration:underline;
}
/* --------------------------- formstyle = class used in ONLINE FORM APPLICATION ---------------------------------*/
.contact_form {
	font: 14px/21px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.contact_form h2, .contact_form label {
	font-family:Georgia, Times, "Times New Roman", serif;
}

.form_hint, .required_notification {
	font-size: 11px;
}
.contact_form ul {
    width:650px;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.contact_form li{
    padding:12px; 
	 list-style-type:none;
	 list-style-position:outside;
    border-bottom:1px solid #eee;
    position:relative;
}
.contact_form input, .contact_form textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}
/* Button Style */
button.button {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
button.button:hover {
    opacity:.85;
    cursor: pointer; 
}
button.button:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset; 
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
     
}
.contact_form input:focus, .contact_form textarea:focus { /* add this to the already existing style */
    padding-right:70px;
}
.contact_form input, .contact_form textarea { /* add this to the already existing style */
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
.contact_form label {
    width:150px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}
.contact_form input {
    height:20px; 
    width:220px; 
    padding:5px 8px;
}
.contact_form textarea {padding:8px; width:300px;}
.contact_form button {margin-left:156px;}

.contact_form input, .contact_form textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}
/* Button Style */
button.submit {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer; 
}
button.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset; 
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
     
}
.contact_form input:focus, .contact_form textarea:focus { /* add this to the already existing style */
    padding-right:70px;
}
.contact_form input, .contact_form textarea { /* add this to the already existing style */
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
.form-field {
  display: inline-block;
  margin-right: 20px;
}

.form-field:last-child {
  margin-right: 0;
}

.form-field-input {
  display: block;
}

.form-field-label {
  font-size: 12px;
}
/*-----------------------------------form-------------------*/

#form{
	padding: 14px 14px;
	background:none;
	
}
#form1{
	padding: 14px 14px;
	background:none;
	
}

#logo{
	float:left;
	padding: 10px;
}
#view_logo{
	float:left;
}

#header_title {
	font-family:Arial, sans-serif;
	color:windowtext;
	padding-top: 30px;
	font-size:13.0pt;
	font-weight:700;
	text-align:right;
	padding-right: 24px;
	vertical-align:middle;
	font-family:Arial, sans-serif;
}
#view_header_title {
	font-family:Arial, sans-serif;
	color:windowtext;
	padding-top: 23px;
	font-size:10.5pt;
	font-weight:700;
	text-align:right;
	padding-right: 4px;
	vertical-align:top;
	font-family:Arial, sans-serif;
}
#view_header_subtitle {
	font-family:Arial, sans-serif;
	color:windowtext;
	padding-top: 18px;
	font-size:12.0pt;
	font-weight:700;
	text-align:right;
	padding-right: 4px;
	vertical-align:text-top;
	font-family:Arial, sans-serif;
}

#header_subtitle {
	font-family:Arial, sans-serif;
	color:windowtext;
	padding-right: 24px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:14pt;
	font-weight:700;
	text-align:right;
	vertical-align:middle;
}
#checkbox{
	font-size:11px;
	font-style:italic;
	color:#666;
	padding-left:5px;
}
#question{
	font-size:13px;
}
.permitfont {
	font-family:Arial, sans-serif;
	color:windowtext;
	text-align: right;
	padding-top: 5px;
	font-size:11pt;
	font-weight:300;
	text-align:left;
	vertical-align:middle;
}
#header_subtitle_center{
	font-family:Arial, sans-serif;
	color:windowtext;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:14pt;
	font-weight:700;
	text-align:right;
	vertical-align:middle;
}
#section {
	font-family:Arial, sans-serif;
	text-indent:9px;
	background: #0b6c0d;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
	border-bottom: thin solid #FFFF00;
	font-size:14px
}
#fields{
padding: 14px 14px 14px ;
background-color:#FFF;
}


#firstname_input{
		float:left;
		padding: 14px 14px 5px 14px;
		white-space:normal;	
}
#sublabel{
	float:left;
	padding: 0px 14px 5px 14px;
	size:inherit;
	color:#000;
	font-size:10.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, sans-serif;
	
}
.input_address {
	width:inherit;
    padding:5px;
	margin: 5px 10px 5px 10px;
}

.input_address_line2{
	width:inherit;
    padding:5px;
	margin: 5px 10px 5px 10px;
}

.input_address_city{
	display:inline-block;
    width:150px;
    padding:5px;
	margin: 10px;
}



.label {
   	display:inline-block;
    width:150px;
	color:#999;
	display:block;
	font-size:10px;
	margin-top:3px;
}
.input {
	display:inline-block;
    width:150px;
    padding:5px;
	margin: 10px;
}
.input_login {
	display:inline-block;
	float: left;
    width:150px;
    padding:5px;
	margin: 5px 10px 5px 10px;
}
.icc_table{
	clear: both;
	width: inherit;
    padding:5px;
	margin: 10px;
}

.form_instructions {
	text-indent:10px;
	color: black;
	font-size: 11px;
}
.form_required {
	color:#FE0000;
	font-size: 11px;
}
.input_address_elements {
	display:inline-block;
    width:150px;
    padding:5px;
	margin: 5px 10px 5px 10px;
}
.field_name {
	text-indent:10px;
	font-size:15px;
	color: black
}


/*-----------------------------------------*/
.table1 {
  color: #333;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: 300;
  text-align: left;
  line-height: 25px;
  border-spacing: 0;
  border: 2px solid #0b6c0d;
  width: inherit;
}

.table1 thead tr:first-child {
  background: #0b6c0d;
  color: #fff;
  border: none;
}

.table1 th {font-weight: bold; vertical-align:middle; }
.table1 th:first-child, .table1 td:first-child {
	padding: 5px;
	}

.table1 thead tr:last-child th {border-bottom: 3px solid #ddd; vertical-align:middle;}

.table1 tbody tr:hover {background-color: #C9FFCB;}
.table1 tbody tr:last-child td {border: none; padding: 5px 5px 5px 5px;  }
.table1 tbody td {border-bottom: 1px solid #ddd;
vertical-align:middle;
text-align:left;
padding:5px;
}



.table1 td:last-child {
  text-align: left;
  padding-right: 10px;
}

.button {
  color: #68b12f;;
  padding-right: 5px;
  cursor: pointer;
  	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}

.alterar:hover {
  color: #0a79df;
}


.excluir:hover {
  color: #dc2a2a;
}
.iccno{
	font-style:italic;
	color:#999;
	font-size:10px;
	float:inherit;
	
	white-space:normal;	
	font-family:Arial, sans-serif;
	padding-right: 24px;
	text-align: right;
	font-size:9.0pt;
	text-align:right;
	vertical-align:middle;
}
.status{
  	font-style:italic;
	color:#999;
	font-size:10px;
	float:inherit;
	
	white-space:normal;	
	font-family:Arial, sans-serif;
	padding-right: 24px;
	text-align: right;
	font-size:9.0pt;
	text-align:right;
	vertical-align:middle;
  	padding-bottom:10px;
  
}

/*--------------*/
.pattern {
    /*background-image:url(../ICCform.png);*/
	 background-color:#FFF;
    background-repeat: no-repeat;
	width: 622px;
    height:929px;
    border: 1px solid #ddd;

}

.full { background-size: 100% 100%; }
.cover { background-size: cover; }
.contain { background-size: contain; }

.wrapper {
	padding:12px;
	padding-top:21px;
	background:#FFF;
}
.wrapper_content {
	padding:12px;
	padding-top:0px;
}

.table2 {
  color: #000;
  border-spacing: 0;
  border: 2px solid #000;
  width: inherit;
  line-height:normal;
  border-collapse: collapse;
}

.table2 th, .table2 td {
    border: 2px solid black;
}

.holder_importer{
	padding-left:10px;
	display:inline-block;
	float:left;
	width:277px;
	height:61px;
	border: 2px solid black;
}
.holder_date{
	padding-left:10px;
	display:inline-block;
	float:left;
	width:98px;
	height:61px;
	border: 2px solid black;
	border-left:none;
}
.holder_iccnum{
	padding-left:10px;
	display:inline-block;
	float:left;
	width:185px;
	height:61px;
	border: 2px solid black;
	border-left:none;
}
.holder_licensenum{
	/*padding-left:10px;*/
	display:inline-block;
	float:left;
	width:287px;
	height:125px; /*36*/
	border: 2px solid black;
	border-top:none;
}
.holder_license{
	padding-left:10px;
	display:inline-block;
	float:left;
	width:277px;
	height:36px; /*36*/
	border-bottom: 2px solid black;
	border-top:none;
}
.holder_shipper{
	padding-left:10px;
	display:inline-block;
	float:left;
	width:277px;
	height:87px; /*-25px 36*/
	/*border: 2px solid black;*/
	border-bottom:2px solid black;
}
.holder_broker{
	/*padding-left:10px;*/
	display:inline-block;
	float:left;
	width:305px;/*+10px for padding*/
	height:125px;/*99*/
	border: 2px solid black;
	border-left:none;
	border-top:none;
	
}
.holder_customs{
	padding-left:10px;
	display:inline-block;
	float:left;
	width:295px;/*+10px for padding*/
	height:99px;/*99*/
	border-bottom:2px solid black;
	border-top:none;
}
.ecccustoms{
	padding-left:10px;
	display:inline-block;
	float:left;
	width:295px;/*+10px for padding*/
	height:125px;/*+21*/
	border-bottom:2px solid black;
	border-top:none;
	
}

.holder_small_left_holder{

	display:inline-block;
	float:left;
	width:185px;
	height:23px;
	border: 2px solid black;
	border-top:none;
	border-left:none;
		color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
}
.holder_small_left_holder2{
	/*padding-left:10px;*/
	display:inline-block;
	float:left;
	width:99px;
	height:18px;
	border-top:none;
	border-left:none;
		color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
	padding-top:5px;
}
.holder_commodity{
	display:inline-block;
	float:left;
	width:287px;
	height:23px;
	border: 2px solid black;
	border-top:none;
}
.holder_small_left{
	padding-left:10px;
	display:inline-block;
	float:left;
	width:277px;
	height:23px;
	border: 2px solid black;
	border-top:none;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
}
.holder_small_right_holder{
	display:inline-block;
	float:left;
	width:305px;
	height:23px;
	border: 2px solid black;
	border-left:none;
	border-top:none;
		color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
}
.holder_small_right{
	padding-left:10px;
	display:inline-block;
	float:left;
	width:295px;
	height:23px;
	border: 2px solid black;
	border-left:none;
	border-top:none;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
}
.holder_small_right1{
	display:inline-block;
	float:left;
	width:108px;
	height:23px;
	border: 2px solid black;
	border-left:none;
	border-top:none;
		color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
}
.holder_small_right2{
	display:inline-block;
	float:left;
	width:93px;
	height:23px;
	border-right:  2px solid black;
	border-left:none;
	border-top:none;
		color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
}
.holder_small_right3{

	display:inline-block;
	float:left;
	width:99px;
	height:23px;
	border-left:none;
	border-top:none;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
}
.holder_billoflading{
	padding-left:10px;
	display:inline-block;
	float:left;
	width:295px;
	height:23px;

}
.holder_long_left_holder{
	display:inline-block;
	float:left;
	width:287px;
	height:215px;
	border: 2px solid black;
	border-top:none;
}

.holder_long_left1{
	padding-top:10px;
	padding-left:10px;
	display:inline-block;
	float:left;
	width:175px;
	height:205px;
	border: 2px solid black;
	border-top:none;
	border-left:none;
}
.holder_long_left2{
		padding-top:10px;
	padding-left:10px;
	display:inline-block;
	float:left;
	width:88px;
	height:205px;
	border-top:none;
	border-left:none;
}


.holder_long_right{
	padding-left:10px;
	display:inline-block;
	float:left;
	width:295px;
	height:215px;
	border: 2px solid black;
	border-left:none;
	border-top:none;
}
.holder_long_right_{
	
	display:inline-block;
	float:left;
	width:305px;
	height:215px;
	border: 2px solid black;
	border-left:none;
	border-top:none;
}
.holder_long_right1{
	padding-left:10px;
		padding-top:10px;
	display:inline-block;
	float:left;
	width:98px;
	height:205px;
	border: 2px solid black;
	border-left:none;
	border-top:none;
}
.holder_long_right2{
		padding-top:10px;
	padding-left:10px;
	display:inline-block;
	float:left;
	width:83px;
	height:205px;
	border:  2px solid black;
	border-left:none;
	border-top:none;
}
.holder_long_right3{
		padding-top:10px;
	padding-left:10px;
	display:inline-block;
	float:left;
	width:89px;
	height:205px;
	border-bottom: 2px solid black;
	border-left:none;
	border-top:none;
}
.holder_short_left{

	display:inline-block;
	float:left;
	width:287px;
	height:265px;
	border: 2px solid black;
	border-top:none;
}

.holder_short_left_up{
	padding-left:15px;
	display:inline-block;
	float:left;
	width:274px;
	height:201px;
	border-bottom: 2px solid black;
	border-top:none;
}
.holder_short_left_official{

	display:inline-block;
	float:left;
	width:287px;
	height:12px;
	border-bottom: 2px solid black;
	border-top:none;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8.0pt;
	font-weight:700;
	text-align:center;
}
.holder_short_left_officialheader{
	display:inline-block;
	float: left;
	width:287px;
	height:12px;
	border-bottom: 2px solid black;
	border-top:none;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8.0pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
}
.holder_short_left_officialheader1{
	display:inline-block;
	float: left;
	width:92px;
	height:12px;
	border-right: 2px solid black;
	font-family:Arial, sans-serif;
	font-size:8.0pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
}
.holder_short_left_officialheader2{
	display:inline-block;
	float: left;
	width:98px;
	height:12px;
	font-family:Arial, sans-serif;
	font-size:8.0pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
}
.holder_short_left_officialcolumn{
	display:inline-block;
	float: left;
	width:287px;
	height:34px;
	border-bottom: 2px solid black;
	border-top:none;
}
.holder_short_left_officialcolumn1{
	display:inline-block;
	float: left;
	width:92px;
	height:34px;
	border-right: 2px solid black;
}
.spacer{
	padding-top:10px;
	padding-bottom:10px;
}
.label_designation{
	padding-top:20px;
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:7pt;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
	padding-left:22px;
	
}
.holder_short_left_officialcolumn2{
	display:inline-block;
	float: left;
	width:98px;
	height:34px;
}
.holder_short_right{
	display:inline-block;
	float:left;
	width:305px;
	height:265px;
	border: 2px solid black;
	border-left:none;
	border-top:none;
}
.holder_short_right_nta{
	display:inline-block;
	float:left;
	width:305px;
	height:201px;
	border-bottom: 2px solid black;
	border-left:none;
	border-top:none;
}
.labels_nta1{
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:7pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
	width:100%;
	padding-bottom:5px;
}
.labels_nta1_name1{
	padding-top:40px;
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:7pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
	width:50%;
	padding-bottom:5px;
}
.labels_nta1_name{
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:7pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
	width:50%;
	padding-bottom:5px;
}
.label_designation_value{
	padding-top:20px;
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:7pt;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
	width:50%;
	text-decoration:underline;
	
}
.label_oath{
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:7pt;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
	width:100%;
	padding-top:20px;
	
}
.labels_nta2{
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	width:100%;
	text-decoration:underline;
	padding-bottom:5px;
}
.labels_nta3{
	display:inline-block;
	float:right;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:7pt;
	font-weight:700;
	text-align:right;
	vertical-align:middle;
	width:100%;

}
.spacer1{
	display:inline-block;
	float:right;
	height:28px;
	width:100%;
	text-decoration:underline;
}
.label_name{
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	width:100%;
	text-decoration:underline;
	padding-bottom:5px;
	padding-top:30px;
}
.holder_short_right_validity{
	padding-top:7px;
	display:inline-block;
	float:left;
	width:305px;
	height:20px;
	border-bottom: 2px solid black;
	border-left:none;
	border-top:none;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
}
.labels{
	display:inline-block;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:6pt;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
#tinholder{
    position: relative;
}
#tin{
    position: absolute;
    bottom: 0;
}

#names{
    font-size:7pt;
	font-weight:bold;
	text-transform:capitalize;
}

#form_label{
	padding-bottom:3px;
}
.labels1{
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:6pt;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
}
.labels1_data{
	padding-top:3px;
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:9pt;
	font-style:normal;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
}

#datalist{
	line-height: 1.5;
	font-size:8pt;
	text-transform:capitalize;
}

.labels_date{
	display:inline-block;
	float:right;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-style:normal;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
	width:50%;
	padding-right:10px;
	border-top: 1px solid black;
	
}
.labels_date1{
	display:inline-block;
	float:right;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-style:normal;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
	padding-right:10px;
	padding-top:10px;
	
}
.receipt_data{
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:8pt;
	font-style:normal;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
	width:100%;
	padding-top:10px;

}
.commodity_data{
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:9pt;
	font-style:normal;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
	padding-top:5px;
}
.form_code{
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:15pt;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
}.form_number{
	display:inline-block;
	float:left;
	color:#551A8B;
	font-family:Arial, sans-serif;
	font-size:15pt;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
	text-indent:5px;
}
.license_code{
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:15pt;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
}
.license_number{
	display:inline-block;
	float:left;
	color:windowtext;
	font-family:Arial, sans-serif;
	font-size:15pt;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
	text-indent:5px;
}
.holder_short_right_remarks{
	padding-left:10px;
	display:inline-block;
	float:left;
	width:295px;
	height:34px;

}
@page {
  size: A4;
}

@media print {
  body * {
    visibility: hidden;
  }
  #section-to-print, #section-to-print * {
    visibility: visible;
	 page-break-inside: avoid;
	 size:portrait;
	 
  }
  #section-to-print {
	page-break-inside: avoid;
    position:absolute;
    left: 0;
    top: 0;
    margin:0 0 0 0;
	
  }
 
}

.applicant_label{
	display:inline-block;
	float:left;
	color:windowtext;
	width:23%;
	font-family:Arial, sans-serif;
	font-size:9pt;
	font-weight:100;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
	padding-bottom:10px;
}

.applicant_value{
	display:inline-block;
	float:left;
	color:#555;
	width:23%;
	font-family:Arial, sans-serif;
	font-size:9pt;
	font-weight:100;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
	padding-bottom:10px;
}
.applicant_email{
	display:inline-block;
	float:left;
	color:#555;
	width:30%;
	font-family:Arial, sans-serif;
	font-size:9pt;
	font-weight:100;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
	padding-bottom:10px;;
}
.applicant_name_value{
	display:inline-block;
	float:left;
	color:#555;
	width:50%;
	font-family:Arial, sans-serif;
	font-size:9pt;
	font-weight:400;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
	padding-bottom:10px;
}
.applicant_address_value{
	display:inline-block;
	float:left;
	color:#555;
	width:70%;
	font-family:Arial, sans-serif;
	font-size:9pt;
	font-weight:400;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
	padding-bottom:10px;
}
.login {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.account {
	color:#06C;
	text-decoration:none;
	display:inline-block;
	float:left;
	font-family:Arial, sans-serif;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
	font-size:14px;
	
}

.account a:hover{
	color:#06C;
	text-decoration:underline;
}
#ecig_not-active {
   color:#555;
   pointer-events: none;
   cursor: default;
}
#link_not-active {
   color:#AAA;
   pointer-events: none;
   cursor: default;
}
#not-active_import1 {
   color:#CCC;
   pointer-events: none;
   cursor: default;
}
#not-active_import2 {
   color:#CCC;
   pointer-events: none;
   cursor: default;
}
#not-active_export1 {
   color:#CCC;
   pointer-events: none;
   cursor: default;
}
#not-active_export2 {
   color:#CCC;
   pointer-events: none;
   cursor: default;
}
#not-active_trans1 {
   color:#CCC;
   pointer-events: none;
   cursor: default;
}
#not-active_trans2 {
   color:#CCC;
   pointer-events: none;
   cursor: default;
}#not-active_trans3 {
   color:#CCC;
   pointer-events: none;
   cursor: default;
}
#not-active_trans4 {
   color:#CCC;
   pointer-events: none;
   cursor: default;
}
#not-active {
   color:#555;
   pointer-events: none;
   cursor: default;
}