<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: device</p>
<p>Filename: controllers/c_stylesheet.php</p>
<p>Line Number: 27</p>

</div>/************************************************************************************/
@media screen { 

/*---------------------Rate card (admin_tools/v_rate_card and v_get_card)--------------------------------*/
.navigation1 {
	border: 1px solid black;
	/*font-size		: 1vw;*/
	margin-left		:5px;
	margin-right	:5px;
	background-color:#CACCB6;
	 overflow		: auto;
}
.commreport{
	border			: 1px solid black;
	font-size		: 1vw;
	background-color:#EEEEEE;
}
.rate_card_th{
	border			: 1px solid black;
	cellpadding 	: 0;
}
/*---------------------Book Check (admin_tools/v_book_check)---------------------------------------------*/
div.button_table{
		float		:left;
		margin-left	:10px;
		height		:700px;
		width		:20%;
		font-size	: 1vw;
}
 .book_check { 
   	-webkit-transition	:all 0.5s ease-out; 
   	-moz-transition		:all 0.5s ease-out; 
  	-ms-transition		:all 0.5s ease-out; 
    -o-transition		:all 0.5s ease-out; 
  	 transition			:all 0.5s ease-out; 
 }

 .book_check:hover { 
   -webkit-transform:scale(1.3); 
   -moz-transform	:scale(1.3); 
   -ms-transform	:scale(1.3); 
   -o-transform		:scale(1.3); 
   transform		:scale(1.3);
 } 
/*---------------------------------------------------------------------------------------------------------*/
/*----------------------Trade report (v_trade_search_result_form & v_trade_type_form)----------------------*/

table.trade_report_table{
	border-collapse	:collapse;
	font-size		: medium;
	
}
/*------------button-----------------------*/
button.include_button{
	text-align		: center;
	width			: 120px;
}
/*------------table-----------------------*/
table.result_table{
	border-collapse	:collapse;
}
/*------------tr-----------------------*/
tr.trade_tr{
	padding-bottom	: 1em;
}
/*------------td-----------------------*/
td.font_change{
	font-size		: small;
}
td.trade_td_count {
	border: 1px solid;  
      padding		:8px;
}
td.trade_td_count:hover{
	background-color: white;
}
td.trade_td {border-style:solid; 
      border-width	:1px; 
      border-color	:#DarkCyan; 
      padding		:8px;
}
/*------------------button_class----------------------
 .small2 { 
   	-webkit-transition	:all 0.5s ease-out; 
   	-moz-transition		:all 0.5s ease-out; 
  	-ms-transition		:all 0.5s ease-out; 
   	-o-transition		:all 0.5s ease-out; 
  	 transition			:all 0.5s ease-out; 
 }

 .small2:hover { 
   -webkit-transform	:scale(1.3); 
   -moz-transform		:scale(1.3); 
   -ms-transform		:scale(1.3); 
   -o-transform			:scale(1.3); 
   transform			:scale(1.3);
 } */
 /*-----------------Button wabble css------------------
@-webkit-keyframes wobble {
  16.65% {
    -webkit-transform	: translateY(8px);
    transform			: translateY(8px);
  }
  33.3% {
    -webkit-transform	: translateY(-6px);
    transform			: translateY(-6px);
  }
  49.95% {
    -webkit-transform	: translateY(4px);
    transform			: translateY(4px);
  }
  66.6% {
    -webkit-transform	: translateY(-2px);
    transform			: translateY(-2px);
  }
  83.25% {
    -webkit-transform	: translateY(1px);
    transform			: translateY(1px);
  }
  100% {
    -webkit-transform	: translateY(0);
    transform			: translateY(0);
  }
}
@keyframes wobble {
  16.65% {
    -webkit-transform	: translateY(8px);
    -ms-transform		: translateY(8px);
    transform			: translateY(8px);
  }
  33.3% {
    -webkit-transform	: translateY(-6px);
    -ms-transform		: translateY(-6px);
    transform			: translateY(-6px);
  }
  49.95% {
    -webkit-transform	: translateY(4px);
    -ms-transform		: translateY(4px);
    transform			: translateY(4px);
  }
  66.6% {
    -webkit-transform	: translateY(-2px);
    -ms-transform		: translateY(-2px);
    transform			: translateY(-2px);
  }
  83.25% {
    -webkit-transform	: translateY(1px);
    -ms-transform		: translateY(1px);
    transform			: translateY(1px);
  }
  100% {
    -webkit-transform	: translateY(0);
    -ms-transform		: translateY(0);
    transform			: translateY(0);
  }
}
.include_button {
  display				: inline-block;
  -webkit-transform		: translateZ(0);
  -ms-transform			: translateZ(0);
  transform				: translateZ(0);
  box-shadow			: 0 0 1px rgba(0, 0, 0, 0);
}
button.include_button:hover {
  -webkit-animation-name			: wobble;
  animation-name					: wobble;
  -webkit-animation-duration		: 1s;
  animation-duration				: 1s;
  -webkit-animation-timing-function	: ease-in-out;
  animation-timing-function			: ease-in-out;
  -webkit-animation-iteration-count	: 1;
  animation-iteration-count			: 1;
}

*/
/*------------Button wabble end-----------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*---------------------------------V_goal-------------------------------------------------------------------*/

table.goal_table{
	border-collapse :collapse;
	border 			: 1px solid black;
	font-size		: medium;
<!-- 	background-color:white; -->
}
/*----------------------------------------------------------------------------------------------------------*/
/*---------------------------------v_storage_info-----------------------------------------------------------*/
table.storage_table{
	border-collapse :collapse;
	border 			: 1px solid black;
	font-size		: medium;
<!-- 	background-color:white; -->
}
/*----------------------------------------------------------------------------------------------------------*/

/*---------------------------------v_approval---------------------------------------------------------------*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
.dataTables_wrapper .dataTables_length {
  float: right;
}
.dataTables_wrapper .dataTables_filter {
  display : none
}

/*--------------------------------------------------------------------------------------------------------------------------*/

table.default{
	height: auto;
	background-color: #FAFAFA;
	display: inline-block;
	*margin-left: -100px;/*ie7*/
	-moz-user-select: none; 
	-khtml-user-select: none; 
	user-select: none;
}
table.fixed{
  position:absolute;
  overflow: visible;
  *position: relative; /*ie7*/
  border-right: 1px solid #CCCCCC;
}
tr.default{
	border-top: 1px solid #CCCCCC;
}
tr.default:nth-child(even){ 
	background-color: #ECECEC; // this set all table background color. This need to fix
} 
th.default, td.default{
	padding-right: .5em;
	padding-left: .5em;
}
th.default{
	text-align: left;
	table-layout: fixed;
	border-bottom: 3px solid #686868;
	background-color: #FAFAFA;
	
}
th.default, td.default{
	cursor:default;
	/*cursor:pointer;*/
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */

table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}

tr.odd {
	background-color: #EEEEEE;
}

tr.even {
	background-color: white;
}


/*
 * Sorting classes for columns
 */
 
/* For the standard odd/even */

tr.odd td.sorting_1 {
	background-color: #D5FF9F;
}

tr.odd td.sorting_2 {
	background-color: #D5FF9F;
}

tr.odd td.sorting_3 {
	background-color: #D5FF9F;
}

tr.even td.sorting_1 {
	background-color: #E3FFBF;
}

tr.even td.sorting_2 {
	background-color: #E3FFBF;
}

tr.even td.sorting_3 {
	background-color: #E3FFBF;
}

/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #E3FFBF;
}

table.display tr.gradeC {
	background-color: #E3FFBF;
}

table.display tr.gradeX {
	background-color: #E3FFBF;
}

table.display tr.gradeU {
	background-color: #EAEAEA;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}

/*
.scrollbar{
	position:fixed;
	bottom:0;
	overflow-x:scroll;
	overflow-y:hidden;
	z-index:50;
}
.scrollbar, .scrollhandle{
	height: 20px;
}
.scrollwrapper, .stuckcolholder{
	overflow-x: scroll;
	overflow-y: hidden;
}
.stickywrapper{
	position:fixed;
	z-index: 60;
	top:0;
	overflow-x:hidden;
	width: 100%;
}
.rowIsSelected{
	background-color: #D5FF9F !important;
}
.columnIsGlued, .columnToGlue{
	/*box-shadow: inset 0 0 20px 0px ;
	-moz-box-shadow: inset 0 0 20px 0px #8EAA6A;
	-webkit-box-shadow: inset 0 0 20px 0px #8EAA6A;*/
	/*background-color: #A8BBD8;
	background-color: #E3FFBF;
}
.stuckcolholder{
	position: fixed;
	z-index: 70;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.stuckcolholder .stickywrapper{
	z-index: 80;
}
.stuckcolholder .stickywrapper th{
	table-layout: fixed;
}
*/

input[type='text'].default, input[type='password'].default, label.default, select.default, textarea.default, .drop-toggle{
	font-size: 12pt;
	padding: .3em;
	margin: .5em;
}

input.default, textarea.default, .drop-toggle{
	
	border: 1px solid #919191;
	background-color: #FAFAFA;
	border-radius: 4px;
}
input:-webkit-autofill{
	-webkit-box-shadow: 0 0 0px 1000px #FAFAFA inset;
	box-shadow: 0 0 0px 1000px #FAFAFA inset;
}
.button:not(.drop-toggle), input[type='submit'], button:not([class*="drop-toggle"]){
		padding: 5px 10px;
	border-radius: 2px;
	font-size: 12px;
		
	text-decoration: none;
	color: #686868;
	border: 1px solid #808E75;
	background-color:#8E9E82;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color: #000000;
}
.button:hover:not(.drop-toggle), input[type='submit']:hover, button:hover:not([class*="drop-toggle"]){
	background-color: #b1c4a2;
	cursor:default;
}
.button:active:not(.drop-toggle), input[type='submit']:active, button:active:not([class*="drop-toggle"]){
	position:relative;
	overflow: visible;
	top: 1px;
	left: 1px;
}
.select-outer{
	display: inline !important;
}
.arrow-up{
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #919191;
}
.arrow-down{
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #919191;
}

#login{
	background-color: #EAEAEA;
	position: absolute;
		padding: 4em 8em 8em 4em;
	
	width: 30em;
	}
#login form{
	width: 100%;
	
}
#login form span{
			text-align: right;
	display: block;
	position: relative;
	margin: 1em;
}
#login input[type='text'], #login input[type='password']{
		width: 50%;
	}

.plaid{
		background-color: #EAEAEA;
	background-image: 
		repeating-linear-gradient(
			45deg, transparent 5px, 
			rgba(250,250,250,0.5) 5px, 
			rgba(250,250,250,0.5) 10px,                  
			transparent 10px, 
			transparent 35px, 
			rgba(238,238,238,0.5) 35px, 
			rgba(238,238,238,0.5) 40px,
			rgba(250,250,250,0.5) 40px,
			rgba(250,250,250,0.5) 50px, 
			transparent 50px, 
			transparent 60px,                
			rgba(238,238,238,0.5) 60px, 
			rgba(238,238,238,0.5) 70px, 
			rgba(213,255,159,0.3) 70px, 
			rgba(213,255,159,0.3) 80px,
			transparent 80px, 
			transparent 90px, 
			rgba(238,238,238,0.5) 90px, 
			rgba(238,238,238,0.5) 110px,
			transparent 110px, 
			transparent 120px, 
			rgba(250,250,250,0.5) 120px, 
			rgba(250,250,250,0.5) 140px       
			),
		repeating-linear-gradient(
			135deg, transparent 5px, 
			rgba(250,250,250,0.5) 5px, 
			rgba(250,250,250,0.5) 10px, 
			transparent 10px,
			transparent 35px, 
			rgba(238,238,238,0.5) 35px, 
			rgba(238,238,238,0.5) 40px,
			rgba(250,250,250,0.5) 40px, 
			rgba(250,250,250,0.5) 50px, 
			transparent 50px, 
			transparent 60px,                
			rgba(238,238,238,0.5) 60px, 
			rgba(238,238,238,0.5) 70px, 
			rgba(213,255,159,0.3) 70px, 
			rgba(213,255,159,0.3) 80px,
			transparent 80px, 
			transparent 90px, 
			rgba(238,238,238,0.5) 90px, 
			rgba(238,238,238,0.5) 110px,
			transparent 110px, 
			transparent 140px, 
			rgba(250,250,250,0.5) 140px, 
			rgba(250,250,250,0.5) 160px       
			);


}
.tartan{
		background-color: #EAEAEA;
	background-image:
		repeating-linear-gradient(
			transparent, transparent 50px, 
			rgba(213,255,159,0.4) 50px, 
			rgba(213,255,159,0.4) 53px, 
			transparent 53px, 
			transparent 63px, 
			rgba(213,255,159,0.4) 63px, 
			rgba(213,255,159,0.4) 66px, 
			transparent 66px, 
			transparent 116px, 
			rgba(204,204,204,0.5) 116px, 
			rgba(204,204,204,0.5) 166px, 
			rgba(255,255,255,0.2) 166px, 
			rgba(255,255,255,0.2) 169px, 
			rgba(204,204,204,0.5) 169px, 
			rgba(204,204,204,0.5) 179px, 
			rgba(255,255,255,0.2) 179px, 
			rgba(255,255,255,0.2) 182px, 
			rgba(204,204,204,0.5) 182px, 
			rgba(204,204,204,0.5) 232px, 
			transparent 232px),
		repeating-linear-gradient(
			270deg, transparent, 
			transparent 50px, 
			rgba(213,255,159,0.4) 50px, 
			rgba(213,255,159,0.4) 53px, 
			transparent 53px, 
			transparent 63px, 
			rgba(213,255,159,0.4) 63px, 
			rgba(213,255,159,0.4) 66px, 
			transparent 66px, 
			transparent 116px, 
			rgba(204,204,204,0.5) 116px, 
			rgba(204,204,204,0.5) 166px, 
			rgba(255,255,255,0.2) 166px, 
			rgba(255,255,255,0.2) 169px, 
			rgba(204,204,204,0.5) 169px, 
			rgba(204,204,204,0.5) 179px, 
			rgba(255,255,255,0.2) 179px, 
			rgba(255,255,255,0.2) 182px, 
			rgba(204,204,204,0.5) 182px, 
			rgba(204,204,204,0.5) 232px, 
			transparent 232px),
		repeating-linear-gradient(
			125deg, 
			transparent, 
			transparent 2px, 
			rgba(145,145,145,0.2) 2px, 
			rgba(145,145,145,0.2) 3px, 
			transparent 3px, 
			transparent 5px, 
			rgba(145,145,145,0.2) 5px);
}

div.view-message{
    border:2px solid #808e75;
    width:100%;
    background-color: #CCCCCC;
    height: 1em;
    
}

div.view{
    position:relative;
    border:2px solid #808e75;
    width:100%;
 /*   height:46em;*/
    overflow: auto;
    background-color: #CCCCCC;
}
.view>div:not(.top10box){
	padding: .5em;
}
div.view-box{
/*	position:absolute;*/ 

	border:1px solid #808e75;
    background-color: #EEEEEE;
    border-radius: 4px;
    padding: .5em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     overflow: auto;
    /* max-height: 50em; */
}
.view-box>div:not(.row){
	display: inline-block;
	/* max-height: 48em; */	
}
.view-box>div:not(.content-header){
	vertical-align: top;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}

.item{
/*	width:92%;*/
/*	height:1.5em;*/
	background-color: #FFFFFF;
	border:1px solid #808e75;
	color:#000000;
	float:left;
/*	position:relative;*/
	cursor:move;
}

.selected{
	background-color:#FBCAA6;
}

.list:not(.row){
		min-height:15em;
	max-height: 29em;
		overflow: auto;
/*	width:20%;*/
	border:1px solid #808e75;
/*	position:absolute;*/
/*	top:20px;*/
	color:#FFFFFF;
	z-index:1;
}


.item2, .undraggable{
/*	width:92%;*/
/*	height:1.5em;*/
	background-color: #FFFFFF;
	border:1px solid #808e75;
	color:#000000;
/*	float:left;*/
/*	position:relative;*/
	overflow: auto;
}
.item2{
	cursor:move;
	touch:move;
}

.list2:not(.row){
/*	height:37em;*/
	max-height: 46em;
	min-height: 46em;
	/*width:20%;*/
	border:1px solid #808e75;
/*	position:absolute;*/
	/*top:20px;*/
	color: #ffffff; ?>;
	z-index:1;
	overflow: auto;
}

.top10box{
	min-width: 14em;
	width: 30%; 
	display:inline-block;
	border:1px solid #808e75;
	padding:1px;
	margin:.3em;
	background-color: #ffffff;
	font-size: 90%;
	height:302px;
}
.top10box4{
	min-width: 14em;
	width: 300px;
	display:inline-block;
	border:1px solid #808e75;
	padding:1px;
	margin:.3em;
	background-color: #ffffff;
	font-size: 90%;
	min-height:302px;
}
.top10box5{
	min-width: 14em;
	width: 300px; 
	display:inline-block;
	border:1px solid #808e75;
	padding:1px;
	margin:.3em;
	background-color: #ffffff;
	font-size: 90%;
	min-height:302px;
}
.top10title{
	position: relative;
    top: 124px;
    right: 130px;
	position: relative;
	padding:2px;
	text-align:right;
	font-size:large;
	font-weight:bold;
	background-color:#CACCB6;
	color:#000000;
	width:300px;
 
  -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
}

.inner{
margin-top:10px; 
margin-right:15px;
font-size:125%;
}

.top10list{
	
	min-width: 13em; 
	font-size:100%;
	font-weight:bold;
	border:0px;
	padding:0px;
	margin-left:50px;
	
	
}
.top10name{
	clear: both;
	overflow: hidden; 
	width: auto;
	height: auto;
	float: left;
	display:table-cell;
	padding: .2em;
	color:#000000;
}
.top10dol{
width: 33%;
	
	padding: .15em;
	color:#000000;
	text-align: center;
	float: right;
}

a.underline:link    {color: black; text-decoration:underline; }
a.underline:visited {color: black; text-decoration:underline; }
a.underline:hover   {color: black; text-decoration:none; }
a.underline:active  {color: black; text-decoration:underline; }


/******* ELEMENTS *******/	
@font-face{
	font-family: consola;
	src: url("https://star.thelocalpages.com/css/fonts/consola-webfont.eot"),
		url("https://star.thelocalpages.com/css/fonts/consola-webfont.woff"),
		url("https://star.thelocalpages.com/css/fonts/consola-webfont.ttf");
}
@font-face{
	font-family: colanna;
	src: url("https://star.thelocalpages.com/css/fonts/colonna-webfont.eot"),
		url("https://star.thelocalpages.com/css/fonts/colonna-webfont.woff"),
		url("https://star.thelocalpages.com/css/fonts/colonna-webfont.ttf");
}


html, body{
			margin: 0;
	padding: 0;
}
body{
	background-color: #EAEAEA;
    color: #686868;
    font-family: Arial, Helvetica, sans-serif;
       
}
q{
	font-style: italic;
}
a{
	color: #686868;
	text-decoration: none;
}

/******* CLASSES *******/
.ui-loader, ui-widget{
	display: none;
}
.info-set{
	display: inline-block;
	width: 20em;
	padding: .5em;
	padding-right: 2em;
	text-align: right;
	vertical-align: middle !important;
}
.row{
	min-width: 100%;
	width: 100%;
	max-width: 100%;
}
.col{
	clear: both;
	overflow: hidden; 
	width: auto;
	height: auto;
}
.col1{
	min-width: 96%;
	max-width: 99%;
}
.col2{
	width: 48% !important;
	max-width: 48% !important;
	}
.col2>div:not(.colhead){
	overflow: auto;
}
.col3{
	width: 30% !important;
	max-width: 30% !important;
}
.col4{
	width: 23% !important;
}
.col5{
	width: 18% !important;
}
.col6{
	width: 15% !important;
}
.col, .col1, .col2, .col3, .col4, .col5, .col6{
	padding: .4em;
	display:table-cell;
}
.strong{
	font-weight: bold;
	line-spacing: 2px;
}
.right{
	text-align:right;
}
.center{
	width: auto;
	text-align:center;
}
.block{
	display: block;
	white-space: normal;
}
.left{
	text-align:left;
}
.hidden{
	display: none;
}
.warning {
	color: #FAABAB;
}
.menu ul, .menu li{
	list-style-type: none;
}
.highlight-blue{
	background-color:#A8BBD8;
}

.item-selected{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, 
	color-stop(0, #D5FF9F), 
	color-stop(0.25, #D5FF9F), 
	color-stop(1, #8EAA6A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

	-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
	-khtml-box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
	box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
}


/******* IDENTIFIERS *******/

#header{
	position: relative;
	z-index: 50;
	min-width: 100%;
	background-color: #FAFAFA;
	height: 7em;
	white-space: nowrap;
	border-bottom: 0.5em solid #CCCCCC; 
	-moz-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	-khtml-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
}
#logo{
	display: inline-block;
	white-space: normal;
	margin-bottom: -2em;
	padding-bottom: 0em;
	float:left;
	pointer-events: none;
}
#logo{
	height: 144px;
	width: 282px;
}
#logo img, #logo svg{
	position: absolute;
	width: inherit;
	height: inherit
}
#logo .star{
	/*fill: #D5FF9F;*/
	width: inherit;
	height: inherit;
}
/*#logo .star{
	background-color: #D5FF9F;
	-webkit-mask-image: url(https://star.thelocalpages.com/img/mask2.svg);
	-webkit-mask-size: 282px 144px}*/
#motd{
		font-size: 14pt;
	padding: 2em;
	text-align: center;
	margin-left: 2em;
	max-height: 2em;
	height: 1em;
		display: inline-block;
	white-space: normal;
	color: #6A6A6A;
}

#sidebar{
		position: relative;
	display: inline-block;
	float: left;
	width: 17em;
	/*border: 1px solid black;*/
	/*vertical-align: top;*/
		-moz-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	-khtml-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	background-color: #FAFAFA;
}
#sidebar ul, #sidebar li{
		}
#sidebar ul.menu{
		/*background: rgba(204, 204, 204, 0.5);
	background: transparent\9;
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fcccccc,endColorstr=#7fcccccc)";
	zoom: 1;*/
	padding: 1em 0em 1.5em 0em;
	margin-top: 0;
	}
#sidebar a{
		height: 8px;
	top: 50%;
	margin-left: 2em;
	}
#sidebar li{
		position: relative;
	padding: 1em 1em 1em 2.5em;
	/*margin: .5em 0em .5em 0em;*/
	font-size: 10pt;
	}
#sidebar ul.submenu{
		-moz-box-shadow: inset 2px 0px 10px 0 rgba(0,0,0,0.6);
	-khtml-box-shadow: inset 2px 0px 10px 0 rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 2px 0px 10px 0 rgba(0,0,0,0.6);
	box-shadow: inset 2px 0px 10px 0 rgba(0,0,0,0.6);
	}
#sidebar ul.submenu, #sidebar ul.submenu>li{
		margin: 0px;
	padding: 0.5em 0em 0.5em 0.5em;
	}
#sidebar ul.submenu>li.subselected>a{
		margin-left: 4.5em;
		font-weight: bold;
}
#sidebar ul.submenu>li>a{
		margin-left: 5em;
	}
#content{
		overflow-x: auto;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 0.5em;
/*	margin-left: 17em; */
	}
#menu{
		position: absolute;
	top: 7.5em;
	left: 0;
	}
#menu, #menuplaceholder{
		display:block;
	height: 2em;
	width: 2em;
	}
#menubutton,#homebutton{
		background-color: #EAEAEA;
	border: 2px solid #686868;
	background-size: 2.5em 2.5em;
	max-height: 1.5em;
	max-width: 1.5em;
	height: 1.5em;
	width: 1.5em;
		background-position: center;
	background-repeat: no-repeat;
	display: block;	
	margin: auto;
}

#menubutton{
	background-image: url("https://star.thelocalpages.com//img/close.svg");
}
#homebutton{
	background-image: url("https://star.thelocalpages.com//img/top.svg");
}

.nLink 
{
	font-size: xx-small; 
	position: relative; 
	bottom: 1ex; 
	padding:.2em; 
	color: #686868; 
}

}
/************************************************************************************/
@media print { 


/*section reserved for listing those sections that are not to be printed*/

.button, 
.button:hover,
.button:active, 
input[type='submit'],
input[type='submit']:hover,
input[type='submit']:active,
#sidebar,
#header,
#navigation,
#motd

{
	display: none;
}
/*---------------------Rate card (admin_tools/v_rate_card and v_get_card)--------------------------------*/
.navigation1 {
	border: 1px solid black;
	/*font-size		: 1vw;*/
	margin-left		:5px;
	margin-right	:5px;
	background-color:#CACCB6;
	 overflow		: auto;
}
.commreport{
	border			: 1px solid black;
	font-size		: 1vw;
	background-color:#EEEEEE;
}
.rate_card_th{
	border			: 1px solid black;
	cellpadding 	: 0;
}
/*---------------------Book Check (admin_tools/v_book_check)---------------------------------------------*/
div.button_table{
		float		:left;
		margin-left	:10px;
		height		:700px;
		width		:20%;
		font-size	: 1vw;
}
 .book_check { 
   	-webkit-transition	:all 0.5s ease-out; 
   	-moz-transition		:all 0.5s ease-out; 
  	-ms-transition		:all 0.5s ease-out; 
    -o-transition		:all 0.5s ease-out; 
  	 transition			:all 0.5s ease-out; 
 }

 .book_check:hover { 
   -webkit-transform:scale(1.3); 
   -moz-transform	:scale(1.3); 
   -ms-transform	:scale(1.3); 
   -o-transform		:scale(1.3); 
   transform		:scale(1.3);
 } 
/*---------------------------------------------------------------------------------------------------------*/
/*----------------------Trade report (v_trade_search_result_form & v_trade_type_form)----------------------*/

table.trade_report_table{
	border-collapse	:collapse;
	font-size		: medium;
	
}
/*------------button-----------------------*/
button.include_button{
	text-align		: center;
	width			: 120px;
}
/*------------table-----------------------*/
table.result_table{
	border-collapse	:collapse;
}
/*------------tr-----------------------*/
tr.trade_tr{
	padding-bottom	: 1em;
}
/*------------td-----------------------*/
td.font_change{
	font-size		: small;
}
td.trade_td_count {
	border: 1px solid;  
      padding		:8px;
}
td.trade_td_count:hover{
	background-color: white;
}
td.trade_td {border-style:solid; 
      border-width	:1px; 
      border-color	:#DarkCyan; 
      padding		:8px;
}
/*------------------button_class----------------------
 .small2 { 
   	-webkit-transition	:all 0.5s ease-out; 
   	-moz-transition		:all 0.5s ease-out; 
  	-ms-transition		:all 0.5s ease-out; 
   	-o-transition		:all 0.5s ease-out; 
  	 transition			:all 0.5s ease-out; 
 }

 .small2:hover { 
   -webkit-transform	:scale(1.3); 
   -moz-transform		:scale(1.3); 
   -ms-transform		:scale(1.3); 
   -o-transform			:scale(1.3); 
   transform			:scale(1.3);
 } */
 /*-----------------Button wabble css------------------
@-webkit-keyframes wobble {
  16.65% {
    -webkit-transform	: translateY(8px);
    transform			: translateY(8px);
  }
  33.3% {
    -webkit-transform	: translateY(-6px);
    transform			: translateY(-6px);
  }
  49.95% {
    -webkit-transform	: translateY(4px);
    transform			: translateY(4px);
  }
  66.6% {
    -webkit-transform	: translateY(-2px);
    transform			: translateY(-2px);
  }
  83.25% {
    -webkit-transform	: translateY(1px);
    transform			: translateY(1px);
  }
  100% {
    -webkit-transform	: translateY(0);
    transform			: translateY(0);
  }
}
@keyframes wobble {
  16.65% {
    -webkit-transform	: translateY(8px);
    -ms-transform		: translateY(8px);
    transform			: translateY(8px);
  }
  33.3% {
    -webkit-transform	: translateY(-6px);
    -ms-transform		: translateY(-6px);
    transform			: translateY(-6px);
  }
  49.95% {
    -webkit-transform	: translateY(4px);
    -ms-transform		: translateY(4px);
    transform			: translateY(4px);
  }
  66.6% {
    -webkit-transform	: translateY(-2px);
    -ms-transform		: translateY(-2px);
    transform			: translateY(-2px);
  }
  83.25% {
    -webkit-transform	: translateY(1px);
    -ms-transform		: translateY(1px);
    transform			: translateY(1px);
  }
  100% {
    -webkit-transform	: translateY(0);
    -ms-transform		: translateY(0);
    transform			: translateY(0);
  }
}
.include_button {
  display				: inline-block;
  -webkit-transform		: translateZ(0);
  -ms-transform			: translateZ(0);
  transform				: translateZ(0);
  box-shadow			: 0 0 1px rgba(0, 0, 0, 0);
}
button.include_button:hover {
  -webkit-animation-name			: wobble;
  animation-name					: wobble;
  -webkit-animation-duration		: 1s;
  animation-duration				: 1s;
  -webkit-animation-timing-function	: ease-in-out;
  animation-timing-function			: ease-in-out;
  -webkit-animation-iteration-count	: 1;
  animation-iteration-count			: 1;
}

*/
/*------------Button wabble end-----------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*---------------------------------V_goal-------------------------------------------------------------------*/

table.goal_table{
	border-collapse :collapse;
	border 			: 1px solid black;
	font-size		: medium;
<!-- 	background-color:white; -->
}
/*----------------------------------------------------------------------------------------------------------*/
/*---------------------------------v_storage_info-----------------------------------------------------------*/
table.storage_table{
	border-collapse :collapse;
	border 			: 1px solid black;
	font-size		: medium;
<!-- 	background-color:white; -->
}
/*----------------------------------------------------------------------------------------------------------*/

/*---------------------------------v_approval---------------------------------------------------------------*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
.dataTables_wrapper .dataTables_length {
  float: right;
}
.dataTables_wrapper .dataTables_filter {
  display : none
}

/*--------------------------------------------------------------------------------------------------------------------------*/

table.default{
	height: auto;
	background-color: #FAFAFA;
	display: inline-block;
	*margin-left: -100px;/*ie7*/
	-moz-user-select: none; 
	-khtml-user-select: none; 
	user-select: none;
}
table.fixed{
  position:absolute;
  overflow: visible;
  *position: relative; /*ie7*/
  border-right: 1px solid #CCCCCC;
}
tr.default{
	border-top: 1px solid #CCCCCC;
}
tr.default:nth-child(even){ 
	background-color: #ECECEC; // this set all table background color. This need to fix
} 
th.default, td.default{
	padding-right: .5em;
	padding-left: .5em;
}
th.default{
	text-align: left;
	table-layout: fixed;
	border-bottom: 3px solid #686868;
	background-color: #FAFAFA;
	
}
th.default, td.default{
	cursor:default;
	/*cursor:pointer;*/
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */

table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}

tr.odd {
	background-color: #EEEEEE;
}

tr.even {
	background-color: white;
}


/*
 * Sorting classes for columns
 */
 
/* For the standard odd/even */

tr.odd td.sorting_1 {
	background-color: #D5FF9F;
}

tr.odd td.sorting_2 {
	background-color: #D5FF9F;
}

tr.odd td.sorting_3 {
	background-color: #D5FF9F;
}

tr.even td.sorting_1 {
	background-color: #E3FFBF;
}

tr.even td.sorting_2 {
	background-color: #E3FFBF;
}

tr.even td.sorting_3 {
	background-color: #E3FFBF;
}

/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #E3FFBF;
}

table.display tr.gradeC {
	background-color: #E3FFBF;
}

table.display tr.gradeX {
	background-color: #E3FFBF;
}

table.display tr.gradeU {
	background-color: #EAEAEA;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}

/*
.scrollbar{
	position:fixed;
	bottom:0;
	overflow-x:scroll;
	overflow-y:hidden;
	z-index:50;
}
.scrollbar, .scrollhandle{
	height: 20px;
}
.scrollwrapper, .stuckcolholder{
	overflow-x: scroll;
	overflow-y: hidden;
}
.stickywrapper{
	position:fixed;
	z-index: 60;
	top:0;
	overflow-x:hidden;
	width: 100%;
}
.rowIsSelected{
	background-color: #D5FF9F !important;
}
.columnIsGlued, .columnToGlue{
	/*box-shadow: inset 0 0 20px 0px ;
	-moz-box-shadow: inset 0 0 20px 0px #8EAA6A;
	-webkit-box-shadow: inset 0 0 20px 0px #8EAA6A;*/
	/*background-color: #A8BBD8;
	background-color: #E3FFBF;
}
.stuckcolholder{
	position: fixed;
	z-index: 70;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.stuckcolholder .stickywrapper{
	z-index: 80;
}
.stuckcolholder .stickywrapper th{
	table-layout: fixed;
}
*/

input[type='text'].default, input[type='password'].default, label.default, select.default, textarea.default, .drop-toggle{
	font-size: 12pt;
	padding: .3em;
	margin: .5em;
}

input.default, textarea.default, .drop-toggle{
	
	border: 1px solid #919191;
	background-color: #FAFAFA;
	border-radius: 4px;
}
input:-webkit-autofill{
	-webkit-box-shadow: 0 0 0px 1000px #FAFAFA inset;
	box-shadow: 0 0 0px 1000px #FAFAFA inset;
}
.button:not(.drop-toggle), input[type='submit'], button:not([class*="drop-toggle"]){
		padding: 5px 10px;
	border-radius: 2px;
	font-size: 12px;
		
	text-decoration: none;
	color: #686868;
	border: 1px solid #808E75;
	background-color:#8E9E82;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color: #000000;
}
.button:hover:not(.drop-toggle), input[type='submit']:hover, button:hover:not([class*="drop-toggle"]){
	background-color: #b1c4a2;
	cursor:default;
}
.button:active:not(.drop-toggle), input[type='submit']:active, button:active:not([class*="drop-toggle"]){
	position:relative;
	overflow: visible;
	top: 1px;
	left: 1px;
}
.select-outer{
	display: inline !important;
}
.arrow-up{
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #919191;
}
.arrow-down{
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #919191;
}

#login{
	background-color: #FFFFFF;
	position: absolute;
		padding: 4em 8em 8em 4em;
	
	width: 30em;
	}
#login form{
	width: 100%;
	
}
#login form span{
			text-align: right;
	display: block;
	position: relative;
	margin: 1em;
}
#login input[type='text'], #login input[type='password']{
		width: 50%;
	}

.plaid{
		background-color: #EAEAEA;
	background-image: 
		repeating-linear-gradient(
			45deg, transparent 5px, 
			rgba(250,250,250,0.5) 5px, 
			rgba(250,250,250,0.5) 10px,                  
			transparent 10px, 
			transparent 35px, 
			rgba(238,238,238,0.5) 35px, 
			rgba(238,238,238,0.5) 40px,
			rgba(250,250,250,0.5) 40px,
			rgba(250,250,250,0.5) 50px, 
			transparent 50px, 
			transparent 60px,                
			rgba(238,238,238,0.5) 60px, 
			rgba(238,238,238,0.5) 70px, 
			rgba(213,255,159,0.3) 70px, 
			rgba(213,255,159,0.3) 80px,
			transparent 80px, 
			transparent 90px, 
			rgba(238,238,238,0.5) 90px, 
			rgba(238,238,238,0.5) 110px,
			transparent 110px, 
			transparent 120px, 
			rgba(250,250,250,0.5) 120px, 
			rgba(250,250,250,0.5) 140px       
			),
		repeating-linear-gradient(
			135deg, transparent 5px, 
			rgba(250,250,250,0.5) 5px, 
			rgba(250,250,250,0.5) 10px, 
			transparent 10px,
			transparent 35px, 
			rgba(238,238,238,0.5) 35px, 
			rgba(238,238,238,0.5) 40px,
			rgba(250,250,250,0.5) 40px, 
			rgba(250,250,250,0.5) 50px, 
			transparent 50px, 
			transparent 60px,                
			rgba(238,238,238,0.5) 60px, 
			rgba(238,238,238,0.5) 70px, 
			rgba(213,255,159,0.3) 70px, 
			rgba(213,255,159,0.3) 80px,
			transparent 80px, 
			transparent 90px, 
			rgba(238,238,238,0.5) 90px, 
			rgba(238,238,238,0.5) 110px,
			transparent 110px, 
			transparent 140px, 
			rgba(250,250,250,0.5) 140px, 
			rgba(250,250,250,0.5) 160px       
			);


}
.tartan{
		background-color: #EAEAEA;
	background-image:
		repeating-linear-gradient(
			transparent, transparent 50px, 
			rgba(213,255,159,0.4) 50px, 
			rgba(213,255,159,0.4) 53px, 
			transparent 53px, 
			transparent 63px, 
			rgba(213,255,159,0.4) 63px, 
			rgba(213,255,159,0.4) 66px, 
			transparent 66px, 
			transparent 116px, 
			rgba(204,204,204,0.5) 116px, 
			rgba(204,204,204,0.5) 166px, 
			rgba(255,255,255,0.2) 166px, 
			rgba(255,255,255,0.2) 169px, 
			rgba(204,204,204,0.5) 169px, 
			rgba(204,204,204,0.5) 179px, 
			rgba(255,255,255,0.2) 179px, 
			rgba(255,255,255,0.2) 182px, 
			rgba(204,204,204,0.5) 182px, 
			rgba(204,204,204,0.5) 232px, 
			transparent 232px),
		repeating-linear-gradient(
			270deg, transparent, 
			transparent 50px, 
			rgba(213,255,159,0.4) 50px, 
			rgba(213,255,159,0.4) 53px, 
			transparent 53px, 
			transparent 63px, 
			rgba(213,255,159,0.4) 63px, 
			rgba(213,255,159,0.4) 66px, 
			transparent 66px, 
			transparent 116px, 
			rgba(204,204,204,0.5) 116px, 
			rgba(204,204,204,0.5) 166px, 
			rgba(255,255,255,0.2) 166px, 
			rgba(255,255,255,0.2) 169px, 
			rgba(204,204,204,0.5) 169px, 
			rgba(204,204,204,0.5) 179px, 
			rgba(255,255,255,0.2) 179px, 
			rgba(255,255,255,0.2) 182px, 
			rgba(204,204,204,0.5) 182px, 
			rgba(204,204,204,0.5) 232px, 
			transparent 232px),
		repeating-linear-gradient(
			125deg, 
			transparent, 
			transparent 2px, 
			rgba(145,145,145,0.2) 2px, 
			rgba(145,145,145,0.2) 3px, 
			transparent 3px, 
			transparent 5px, 
			rgba(145,145,145,0.2) 5px);
}

div.view-message{
    border:2px solid #808e75;
    width:100%;
    background-color: #CCCCCC;
    height: 1em;
    
}

div.view{
    position:relative;
    border:2px solid #808e75;
    width:100%;
 /*   height:46em;*/
    overflow: auto;
    background-color: #CCCCCC;
}
.view>div:not(.top10box){
	padding: .5em;
}
div.view-box{
/*	position:absolute;*/ 

	border:1px solid #808e75;
    background-color: #EEEEEE;
    border-radius: 4px;
    padding: .5em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     overflow: auto;
    /* max-height: 50em; */
}
.view-box>div:not(.row){
	display: inline-block;
	/* max-height: 48em; */	
}
.view-box>div:not(.content-header){
	vertical-align: top;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}

.item{
/*	width:92%;*/
/*	height:1.5em;*/
	background-color: #FFFFFF;
	border:1px solid #808e75;
	color:#000000;
	float:left;
/*	position:relative;*/
	cursor:move;
}

.selected{
	background-color:#FBCAA6;
}

.list:not(.row){
		min-height:15em;
	max-height: 29em;
		overflow: auto;
/*	width:20%;*/
	border:1px solid #808e75;
/*	position:absolute;*/
/*	top:20px;*/
	color:#FFFFFF;
	z-index:1;
}


.item2, .undraggable{
/*	width:92%;*/
/*	height:1.5em;*/
	background-color: #FFFFFF;
	border:1px solid #808e75;
	color:#000000;
/*	float:left;*/
/*	position:relative;*/
	overflow: auto;
}
.item2{
	cursor:move;
	touch:move;
}

.list2:not(.row){
/*	height:37em;*/
	max-height: 46em;
	min-height: 46em;
	/*width:20%;*/
	border:1px solid #808e75;
/*	position:absolute;*/
	/*top:20px;*/
	color: #ffffff; ?>;
	z-index:1;
	overflow: auto;
}

.top10box{
	min-width: 14em;
	width: 30%; 
	display:inline-block;
	border:1px solid #808e75;
	padding:1px;
	margin:.3em;
	background-color: #ffffff;
	font-size: 90%;
	height:302px;
}
.top10box4{
	min-width: 14em;
	width: 300px;
	display:inline-block;
	border:1px solid #808e75;
	padding:1px;
	margin:.3em;
	background-color: #ffffff;
	font-size: 90%;
	min-height:302px;
}
.top10box5{
	min-width: 14em;
	width: 300px; 
	display:inline-block;
	border:1px solid #808e75;
	padding:1px;
	margin:.3em;
	background-color: #ffffff;
	font-size: 90%;
	min-height:302px;
}
.top10title{
	position: relative;
    top: 124px;
    right: 130px;
	position: relative;
	padding:2px;
	text-align:right;
	font-size:large;
	font-weight:bold;
	background-color:#CACCB6;
	color:#000000;
	width:300px;
 
  -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
}

.inner{
margin-top:10px; 
margin-right:15px;
font-size:125%;
}

.top10list{
	
	min-width: 13em; 
	font-size:100%;
	font-weight:bold;
	border:0px;
	padding:0px;
	margin-left:50px;
	
	
}
.top10name{
	clear: both;
	overflow: hidden; 
	width: auto;
	height: auto;
	float: left;
	display:table-cell;
	padding: .2em;
	color:#000000;
}
.top10dol{
width: 33%;
	
	padding: .15em;
	color:#000000;
	text-align: center;
	float: right;
}

a.underline:link    {color: black; text-decoration:underline; }
a.underline:visited {color: black; text-decoration:underline; }
a.underline:hover   {color: black; text-decoration:none; }
a.underline:active  {color: black; text-decoration:underline; }


/******* ELEMENTS *******/	
@font-face{
	font-family: consola;
	src: url("https://star.thelocalpages.com/css/fonts/consola-webfont.eot"),
		url("https://star.thelocalpages.com/css/fonts/consola-webfont.woff"),
		url("https://star.thelocalpages.com/css/fonts/consola-webfont.ttf");
}
@font-face{
	font-family: colanna;
	src: url("https://star.thelocalpages.com/css/fonts/colonna-webfont.eot"),
		url("https://star.thelocalpages.com/css/fonts/colonna-webfont.woff"),
		url("https://star.thelocalpages.com/css/fonts/colonna-webfont.ttf");
}


html, body{
			margin: 0;
	padding: 0;
}
body{
	background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
       
}
q{
	font-style: italic;
}
a{
	color: #686868;
	text-decoration: none;
}

/******* CLASSES *******/
.ui-loader, ui-widget{
	display: none;
}
.info-set{
	display: inline-block;
	width: 20em;
	padding: .5em;
	padding-right: 2em;
	text-align: right;
	vertical-align: middle !important;
}
.row{
	min-width: 100%;
	width: 100%;
	max-width: 100%;
}
.col{
	clear: both;
	overflow: hidden; 
	width: auto;
	height: auto;
}
.col1{
	min-width: 96%;
	max-width: 99%;
}
.col2{
	width: 48% !important;
	max-width: 48% !important;
	}
.col2>div:not(.colhead){
	overflow: auto;
}
.col3{
	width: 30% !important;
	max-width: 30% !important;
}
.col4{
	width: 23% !important;
}
.col5{
	width: 18% !important;
}
.col6{
	width: 15% !important;
}
.col, .col1, .col2, .col3, .col4, .col5, .col6{
	padding: .4em;
	display:table-cell;
}
.strong{
	font-weight: bold;
	line-spacing: 2px;
}
.right{
	text-align:right;
}
.center{
	width: auto;
	text-align:center;
}
.block{
	display: block;
	white-space: normal;
}
.left{
	text-align:left;
}
.hidden{
	display: none;
}
.warning {
	color: #FAABAB;
}
.menu ul, .menu li{
	list-style-type: none;
}
.highlight-blue{
	background-color:#A8BBD8;
}

.item-selected{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, 
	color-stop(0, #D5FF9F), 
	color-stop(0.25, #D5FF9F), 
	color-stop(1, #8EAA6A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

	-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
	-khtml-box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
	box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
}


/******* IDENTIFIERS *******/

#header{
	position: relative;
	z-index: 50;
	min-width: 100%;
	background-color: #FAFAFA;
	height: 7em;
	white-space: nowrap;
	border-bottom: 0.5em solid #CCCCCC; 
	-moz-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	-khtml-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
}
#logo{
	display: inline-block;
	white-space: normal;
	margin-bottom: -2em;
	padding-bottom: 0em;
	float:left;
	pointer-events: none;
}
#logo{
	height: 144px;
	width: 282px;
}
#logo img, #logo svg{
	position: absolute;
	width: inherit;
	height: inherit
}
#logo .star{
	/*fill: #D5FF9F;*/
	width: inherit;
	height: inherit;
}
/*#logo .star{
	background-color: #D5FF9F;
	-webkit-mask-image: url(https://star.thelocalpages.com/img/mask2.svg);
	-webkit-mask-size: 282px 144px}*/
#motd{
		font-size: 14pt;
	padding: 2em;
	text-align: center;
	margin-left: 2em;
	max-height: 2em;
	height: 1em;
		display: inline-block;
	white-space: normal;
	color: #6A6A6A;
}

#sidebar{
		position: relative;
	display: inline-block;
	float: left;
	width: 17em;
	/*border: 1px solid black;*/
	/*vertical-align: top;*/
		-moz-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	-khtml-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	background-color: #FAFAFA;
}
#sidebar ul, #sidebar li{
		}
#sidebar ul.menu{
		/*background: rgba(204, 204, 204, 0.5);
	background: transparent\9;
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fcccccc,endColorstr=#7fcccccc)";
	zoom: 1;*/
	padding: 1em 0em 1.5em 0em;
	margin-top: 0;
	}
#sidebar a{
		height: 8px;
	top: 50%;
	margin-left: 2em;
	}
#sidebar li{
		position: relative;
	padding: 1em 1em 1em 2.5em;
	/*margin: .5em 0em .5em 0em;*/
	font-size: 10pt;
	}
#sidebar ul.submenu{
		-moz-box-shadow: inset 2px 0px 10px 0 rgba(0,0,0,0.6);
	-khtml-box-shadow: inset 2px 0px 10px 0 rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 2px 0px 10px 0 rgba(0,0,0,0.6);
	box-shadow: inset 2px 0px 10px 0 rgba(0,0,0,0.6);
	}
#sidebar ul.submenu, #sidebar ul.submenu>li{
		margin: 0px;
	padding: 0.5em 0em 0.5em 0.5em;
	}
#sidebar ul.submenu>li.subselected>a{
		margin-left: 4.5em;
		font-weight: bold;
}
#sidebar ul.submenu>li>a{
		margin-left: 5em;
	}
#content{
		overflow-x: auto;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 0.5em;
/*	margin-left: 17em; */
	}
#menu{
		position: absolute;
	top: 7.5em;
	left: 0;
	}
#menu, #menuplaceholder{
		display:block;
	height: 2em;
	width: 2em;
	}
#menubutton,#homebutton{
		background-color: #EAEAEA;
	border: 2px solid #686868;
	background-size: 2.5em 2.5em;
	max-height: 1.5em;
	max-width: 1.5em;
	height: 1.5em;
	width: 1.5em;
		background-position: center;
	background-repeat: no-repeat;
	display: block;	
	margin: auto;
}

#menubutton{
	background-image: url("https://star.thelocalpages.com//img/close.svg");
}
#homebutton{
	background-image: url("https://star.thelocalpages.com//img/top.svg");
}

.nLink 
{
	font-size: xx-small; 
	position: relative; 
	bottom: 1ex; 
	padding:.2em; 
	color: #686868; 
}

}
/************************************************************************************/
@media handheld { 

/*---------------------Rate card (admin_tools/v_rate_card and v_get_card)--------------------------------*/
.navigation1 {
	border: 1px solid black;
	/*font-size		: 1vw;*/
	margin-left		:5px;
	margin-right	:5px;
	background-color:#CACCB6;
	 overflow		: auto;
}
.commreport{
	border			: 1px solid black;
	font-size		: 1vw;
	background-color:#EEEEEE;
}
.rate_card_th{
	border			: 1px solid black;
	cellpadding 	: 0;
}
/*---------------------Book Check (admin_tools/v_book_check)---------------------------------------------*/
div.button_table{
		float		:left;
		margin-left	:10px;
		height		:700px;
		width		:20%;
		font-size	: 1vw;
}
 .book_check { 
   	-webkit-transition	:all 0.5s ease-out; 
   	-moz-transition		:all 0.5s ease-out; 
  	-ms-transition		:all 0.5s ease-out; 
    -o-transition		:all 0.5s ease-out; 
  	 transition			:all 0.5s ease-out; 
 }

 .book_check:hover { 
   -webkit-transform:scale(1.3); 
   -moz-transform	:scale(1.3); 
   -ms-transform	:scale(1.3); 
   -o-transform		:scale(1.3); 
   transform		:scale(1.3);
 } 
/*---------------------------------------------------------------------------------------------------------*/
/*----------------------Trade report (v_trade_search_result_form & v_trade_type_form)----------------------*/

table.trade_report_table{
	border-collapse	:collapse;
	font-size		: medium;
	
}
/*------------button-----------------------*/
button.include_button{
	text-align		: center;
	width			: 120px;
}
/*------------table-----------------------*/
table.result_table{
	border-collapse	:collapse;
}
/*------------tr-----------------------*/
tr.trade_tr{
	padding-bottom	: 1em;
}
/*------------td-----------------------*/
td.font_change{
	font-size		: small;
}
td.trade_td_count {
	border: 1px solid;  
      padding		:8px;
}
td.trade_td_count:hover{
	background-color: white;
}
td.trade_td {border-style:solid; 
      border-width	:1px; 
      border-color	:#DarkCyan; 
      padding		:8px;
}
/*------------------button_class----------------------
 .small2 { 
   	-webkit-transition	:all 0.5s ease-out; 
   	-moz-transition		:all 0.5s ease-out; 
  	-ms-transition		:all 0.5s ease-out; 
   	-o-transition		:all 0.5s ease-out; 
  	 transition			:all 0.5s ease-out; 
 }

 .small2:hover { 
   -webkit-transform	:scale(1.3); 
   -moz-transform		:scale(1.3); 
   -ms-transform		:scale(1.3); 
   -o-transform			:scale(1.3); 
   transform			:scale(1.3);
 } */
 /*-----------------Button wabble css------------------
@-webkit-keyframes wobble {
  16.65% {
    -webkit-transform	: translateY(8px);
    transform			: translateY(8px);
  }
  33.3% {
    -webkit-transform	: translateY(-6px);
    transform			: translateY(-6px);
  }
  49.95% {
    -webkit-transform	: translateY(4px);
    transform			: translateY(4px);
  }
  66.6% {
    -webkit-transform	: translateY(-2px);
    transform			: translateY(-2px);
  }
  83.25% {
    -webkit-transform	: translateY(1px);
    transform			: translateY(1px);
  }
  100% {
    -webkit-transform	: translateY(0);
    transform			: translateY(0);
  }
}
@keyframes wobble {
  16.65% {
    -webkit-transform	: translateY(8px);
    -ms-transform		: translateY(8px);
    transform			: translateY(8px);
  }
  33.3% {
    -webkit-transform	: translateY(-6px);
    -ms-transform		: translateY(-6px);
    transform			: translateY(-6px);
  }
  49.95% {
    -webkit-transform	: translateY(4px);
    -ms-transform		: translateY(4px);
    transform			: translateY(4px);
  }
  66.6% {
    -webkit-transform	: translateY(-2px);
    -ms-transform		: translateY(-2px);
    transform			: translateY(-2px);
  }
  83.25% {
    -webkit-transform	: translateY(1px);
    -ms-transform		: translateY(1px);
    transform			: translateY(1px);
  }
  100% {
    -webkit-transform	: translateY(0);
    -ms-transform		: translateY(0);
    transform			: translateY(0);
  }
}
.include_button {
  display				: inline-block;
  -webkit-transform		: translateZ(0);
  -ms-transform			: translateZ(0);
  transform				: translateZ(0);
  box-shadow			: 0 0 1px rgba(0, 0, 0, 0);
}
button.include_button:hover {
  -webkit-animation-name			: wobble;
  animation-name					: wobble;
  -webkit-animation-duration		: 1s;
  animation-duration				: 1s;
  -webkit-animation-timing-function	: ease-in-out;
  animation-timing-function			: ease-in-out;
  -webkit-animation-iteration-count	: 1;
  animation-iteration-count			: 1;
}

*/
/*------------Button wabble end-----------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*---------------------------------V_goal-------------------------------------------------------------------*/

table.goal_table{
	border-collapse :collapse;
	border 			: 1px solid black;
	font-size		: medium;
<!-- 	background-color:white; -->
}
/*----------------------------------------------------------------------------------------------------------*/
/*---------------------------------v_storage_info-----------------------------------------------------------*/
table.storage_table{
	border-collapse :collapse;
	border 			: 1px solid black;
	font-size		: medium;
<!-- 	background-color:white; -->
}
/*----------------------------------------------------------------------------------------------------------*/

/*---------------------------------v_approval---------------------------------------------------------------*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
.dataTables_wrapper .dataTables_length {
  float: right;
}
.dataTables_wrapper .dataTables_filter {
  display : none
}

/*--------------------------------------------------------------------------------------------------------------------------*/

table.default{
	height: auto;
	background-color: #FAFAFA;
	display: inline-block;
	*margin-left: -100px;/*ie7*/
	-moz-user-select: none; 
	-khtml-user-select: none; 
	user-select: none;
}
table.fixed{
  position:absolute;
  overflow: visible;
  *position: relative; /*ie7*/
  border-right: 1px solid #CCCCCC;
}
tr.default{
	border-top: 1px solid #CCCCCC;
}
tr.default:nth-child(even){ 
	background-color: #ECECEC; // this set all table background color. This need to fix
} 
th.default, td.default{
	padding-right: .5em;
	padding-left: .5em;
}
th.default{
	text-align: left;
	table-layout: fixed;
	border-bottom: 3px solid #686868;
	background-color: #FAFAFA;
	
}
th.default, td.default{
	cursor:default;
	/*cursor:pointer;*/
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */

table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}

tr.odd {
	background-color: #EEEEEE;
}

tr.even {
	background-color: white;
}


/*
 * Sorting classes for columns
 */
 
/* For the standard odd/even */

tr.odd td.sorting_1 {
	background-color: #D5FF9F;
}

tr.odd td.sorting_2 {
	background-color: #D5FF9F;
}

tr.odd td.sorting_3 {
	background-color: #D5FF9F;
}

tr.even td.sorting_1 {
	background-color: #E3FFBF;
}

tr.even td.sorting_2 {
	background-color: #E3FFBF;
}

tr.even td.sorting_3 {
	background-color: #E3FFBF;
}

/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #E3FFBF;
}

table.display tr.gradeC {
	background-color: #E3FFBF;
}

table.display tr.gradeX {
	background-color: #E3FFBF;
}

table.display tr.gradeU {
	background-color: #EAEAEA;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}

/*
.scrollbar{
	position:fixed;
	bottom:0;
	overflow-x:scroll;
	overflow-y:hidden;
	z-index:50;
}
.scrollbar, .scrollhandle{
	height: 20px;
}
.scrollwrapper, .stuckcolholder{
	overflow-x: scroll;
	overflow-y: hidden;
}
.stickywrapper{
	position:fixed;
	z-index: 60;
	top:0;
	overflow-x:hidden;
	width: 100%;
}
.rowIsSelected{
	background-color: #D5FF9F !important;
}
.columnIsGlued, .columnToGlue{
	/*box-shadow: inset 0 0 20px 0px ;
	-moz-box-shadow: inset 0 0 20px 0px #8EAA6A;
	-webkit-box-shadow: inset 0 0 20px 0px #8EAA6A;*/
	/*background-color: #A8BBD8;
	background-color: #E3FFBF;
}
.stuckcolholder{
	position: fixed;
	z-index: 70;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.stuckcolholder .stickywrapper{
	z-index: 80;
}
.stuckcolholder .stickywrapper th{
	table-layout: fixed;
}
*/

input[type='text'].default, input[type='password'].default, label.default, select.default, textarea.default, .drop-toggle{
	font-size: 12pt;
	padding: .3em;
	margin: .5em;
}

input.default, textarea.default, .drop-toggle{
	
	border: 1px solid #919191;
	background-color: #FAFAFA;
	border-radius: 4px;
}
input:-webkit-autofill{
	-webkit-box-shadow: 0 0 0px 1000px #FAFAFA inset;
	box-shadow: 0 0 0px 1000px #FAFAFA inset;
}
.button:not(.drop-toggle), input[type='submit'], button:not([class*="drop-toggle"]){
		padding: 5px 10px;
	border-radius: 2px;
	font-size: 12px;
		
	text-decoration: none;
	color: #686868;
	border: 1px solid #808E75;
	background-color:#8E9E82;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color: #000000;
}
.button:hover:not(.drop-toggle), input[type='submit']:hover, button:hover:not([class*="drop-toggle"]){
	background-color: #b1c4a2;
	cursor:default;
}
.button:active:not(.drop-toggle), input[type='submit']:active, button:active:not([class*="drop-toggle"]){
	position:relative;
	overflow: visible;
	top: 1px;
	left: 1px;
}
.select-outer{
	display: inline !important;
}
.arrow-up{
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #919191;
}
.arrow-down{
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #919191;
}

#login{
	background-color: #EAEAEA;
	position: absolute;
		padding: 4em 8em 8em 4em;
	
	width: 30em;
	}
#login form{
	width: 100%;
	
}
#login form span{
			text-align: right;
	display: block;
	position: relative;
	margin: 1em;
}
#login input[type='text'], #login input[type='password']{
		width: 50%;
	}

.plaid{
		background-color: #EAEAEA;
	background-image: 
		repeating-linear-gradient(
			45deg, transparent 5px, 
			rgba(250,250,250,0.5) 5px, 
			rgba(250,250,250,0.5) 10px,                  
			transparent 10px, 
			transparent 35px, 
			rgba(238,238,238,0.5) 35px, 
			rgba(238,238,238,0.5) 40px,
			rgba(250,250,250,0.5) 40px,
			rgba(250,250,250,0.5) 50px, 
			transparent 50px, 
			transparent 60px,                
			rgba(238,238,238,0.5) 60px, 
			rgba(238,238,238,0.5) 70px, 
			rgba(213,255,159,0.3) 70px, 
			rgba(213,255,159,0.3) 80px,
			transparent 80px, 
			transparent 90px, 
			rgba(238,238,238,0.5) 90px, 
			rgba(238,238,238,0.5) 110px,
			transparent 110px, 
			transparent 120px, 
			rgba(250,250,250,0.5) 120px, 
			rgba(250,250,250,0.5) 140px       
			),
		repeating-linear-gradient(
			135deg, transparent 5px, 
			rgba(250,250,250,0.5) 5px, 
			rgba(250,250,250,0.5) 10px, 
			transparent 10px,
			transparent 35px, 
			rgba(238,238,238,0.5) 35px, 
			rgba(238,238,238,0.5) 40px,
			rgba(250,250,250,0.5) 40px, 
			rgba(250,250,250,0.5) 50px, 
			transparent 50px, 
			transparent 60px,                
			rgba(238,238,238,0.5) 60px, 
			rgba(238,238,238,0.5) 70px, 
			rgba(213,255,159,0.3) 70px, 
			rgba(213,255,159,0.3) 80px,
			transparent 80px, 
			transparent 90px, 
			rgba(238,238,238,0.5) 90px, 
			rgba(238,238,238,0.5) 110px,
			transparent 110px, 
			transparent 140px, 
			rgba(250,250,250,0.5) 140px, 
			rgba(250,250,250,0.5) 160px       
			);


}
.tartan{
		background-color: #EAEAEA;
	background-image:
		repeating-linear-gradient(
			transparent, transparent 50px, 
			rgba(213,255,159,0.4) 50px, 
			rgba(213,255,159,0.4) 53px, 
			transparent 53px, 
			transparent 63px, 
			rgba(213,255,159,0.4) 63px, 
			rgba(213,255,159,0.4) 66px, 
			transparent 66px, 
			transparent 116px, 
			rgba(204,204,204,0.5) 116px, 
			rgba(204,204,204,0.5) 166px, 
			rgba(255,255,255,0.2) 166px, 
			rgba(255,255,255,0.2) 169px, 
			rgba(204,204,204,0.5) 169px, 
			rgba(204,204,204,0.5) 179px, 
			rgba(255,255,255,0.2) 179px, 
			rgba(255,255,255,0.2) 182px, 
			rgba(204,204,204,0.5) 182px, 
			rgba(204,204,204,0.5) 232px, 
			transparent 232px),
		repeating-linear-gradient(
			270deg, transparent, 
			transparent 50px, 
			rgba(213,255,159,0.4) 50px, 
			rgba(213,255,159,0.4) 53px, 
			transparent 53px, 
			transparent 63px, 
			rgba(213,255,159,0.4) 63px, 
			rgba(213,255,159,0.4) 66px, 
			transparent 66px, 
			transparent 116px, 
			rgba(204,204,204,0.5) 116px, 
			rgba(204,204,204,0.5) 166px, 
			rgba(255,255,255,0.2) 166px, 
			rgba(255,255,255,0.2) 169px, 
			rgba(204,204,204,0.5) 169px, 
			rgba(204,204,204,0.5) 179px, 
			rgba(255,255,255,0.2) 179px, 
			rgba(255,255,255,0.2) 182px, 
			rgba(204,204,204,0.5) 182px, 
			rgba(204,204,204,0.5) 232px, 
			transparent 232px),
		repeating-linear-gradient(
			125deg, 
			transparent, 
			transparent 2px, 
			rgba(145,145,145,0.2) 2px, 
			rgba(145,145,145,0.2) 3px, 
			transparent 3px, 
			transparent 5px, 
			rgba(145,145,145,0.2) 5px);
}

div.view-message{
    border:2px solid #808e75;
    width:100%;
    background-color: #CCCCCC;
    height: 1em;
    
}

div.view{
    position:relative;
    border:2px solid #808e75;
    width:100%;
 /*   height:46em;*/
    overflow: auto;
    background-color: #CCCCCC;
}
.view>div:not(.top10box){
	padding: .5em;
}
div.view-box{
/*	position:absolute;*/ 

	border:1px solid #808e75;
    background-color: #EEEEEE;
    border-radius: 4px;
    padding: .5em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     overflow: auto;
    /* max-height: 50em; */
}
.view-box>div:not(.row){
	display: inline-block;
	/* max-height: 48em; */	
}
.view-box>div:not(.content-header){
	vertical-align: top;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}

.item{
/*	width:92%;*/
/*	height:1.5em;*/
	background-color: #FFFFFF;
	border:1px solid #808e75;
	color:#000000;
	float:left;
/*	position:relative;*/
	cursor:move;
}

.selected{
	background-color:#FBCAA6;
}

.list:not(.row){
		min-height:15em;
	max-height: 29em;
		overflow: auto;
/*	width:20%;*/
	border:1px solid #808e75;
/*	position:absolute;*/
/*	top:20px;*/
	color:#FFFFFF;
	z-index:1;
}


.item2, .undraggable{
/*	width:92%;*/
/*	height:1.5em;*/
	background-color: #FFFFFF;
	border:1px solid #808e75;
	color:#000000;
/*	float:left;*/
/*	position:relative;*/
	overflow: auto;
}
.item2{
	cursor:move;
	touch:move;
}

.list2:not(.row){
/*	height:37em;*/
	max-height: 46em;
	min-height: 46em;
	/*width:20%;*/
	border:1px solid #808e75;
/*	position:absolute;*/
	/*top:20px;*/
	color: #ffffff; ?>;
	z-index:1;
	overflow: auto;
}

.top10box{
	min-width: 14em;
	width: 30%; 
	display:inline-block;
	border:1px solid #808e75;
	padding:1px;
	margin:.3em;
	background-color: #ffffff;
	font-size: 90%;
	height:302px;
}
.top10box4{
	min-width: 14em;
	width: 300px;
	display:inline-block;
	border:1px solid #808e75;
	padding:1px;
	margin:.3em;
	background-color: #ffffff;
	font-size: 90%;
	min-height:302px;
}
.top10box5{
	min-width: 14em;
	width: 300px; 
	display:inline-block;
	border:1px solid #808e75;
	padding:1px;
	margin:.3em;
	background-color: #ffffff;
	font-size: 90%;
	min-height:302px;
}
.top10title{
	position: relative;
    top: 124px;
    right: 130px;
	position: relative;
	padding:2px;
	text-align:right;
	font-size:large;
	font-weight:bold;
	background-color:#CACCB6;
	color:#000000;
	width:300px;
 
  -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
}

.inner{
margin-top:10px; 
margin-right:15px;
font-size:125%;
}

.top10list{
	
	min-width: 13em; 
	font-size:100%;
	font-weight:bold;
	border:0px;
	padding:0px;
	margin-left:50px;
	
	
}
.top10name{
	clear: both;
	overflow: hidden; 
	width: auto;
	height: auto;
	float: left;
	display:table-cell;
	padding: .2em;
	color:#000000;
}
.top10dol{
width: 33%;
	
	padding: .15em;
	color:#000000;
	text-align: center;
	float: right;
}

a.underline:link    {color: black; text-decoration:underline; }
a.underline:visited {color: black; text-decoration:underline; }
a.underline:hover   {color: black; text-decoration:none; }
a.underline:active  {color: black; text-decoration:underline; }


/******* ELEMENTS *******/	
@font-face{
	font-family: consola;
	src: url("https://star.thelocalpages.com/css/fonts/consola-webfont.eot"),
		url("https://star.thelocalpages.com/css/fonts/consola-webfont.woff"),
		url("https://star.thelocalpages.com/css/fonts/consola-webfont.ttf");
}
@font-face{
	font-family: colanna;
	src: url("https://star.thelocalpages.com/css/fonts/colonna-webfont.eot"),
		url("https://star.thelocalpages.com/css/fonts/colonna-webfont.woff"),
		url("https://star.thelocalpages.com/css/fonts/colonna-webfont.ttf");
}


html, body{
			margin: 0;
	padding: 0;
}
body{
	background-color: #EAEAEA;
    color: #686868;
    font-family: Arial, Helvetica, sans-serif;
       
}
q{
	font-style: italic;
}
a{
	color: #686868;
	text-decoration: none;
}

/******* CLASSES *******/
.ui-loader, ui-widget{
	display: none;
}
.info-set{
	display: inline-block;
	width: 20em;
	padding: .5em;
	padding-right: 2em;
	text-align: right;
	vertical-align: middle !important;
}
.row{
	min-width: 100%;
	width: 100%;
	max-width: 100%;
}
.col{
	clear: both;
	overflow: hidden; 
	width: auto;
	height: auto;
}
.col1{
	min-width: 96%;
	max-width: 99%;
}
.col2{
	width: 48% !important;
	max-width: 48% !important;
	}
.col2>div:not(.colhead){
	overflow: auto;
}
.col3{
	width: 30% !important;
	max-width: 30% !important;
}
.col4{
	width: 23% !important;
}
.col5{
	width: 18% !important;
}
.col6{
	width: 15% !important;
}
.col, .col1, .col2, .col3, .col4, .col5, .col6{
	padding: .4em;
	display:table-cell;
}
.strong{
	font-weight: bold;
	line-spacing: 2px;
}
.right{
	text-align:right;
}
.center{
	width: auto;
	text-align:center;
}
.block{
	display: block;
	white-space: normal;
}
.left{
	text-align:left;
}
.hidden{
	display: none;
}
.warning {
	color: #FAABAB;
}
.menu ul, .menu li{
	list-style-type: none;
}
.highlight-blue{
	background-color:#A8BBD8;
}

.item-selected{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, 
	color-stop(0, #D5FF9F), 
	color-stop(0.25, #D5FF9F), 
	color-stop(1, #8EAA6A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, 
	#D5FF9F 0%, 
	#D5FF9F 25%, 
	#8EAA6A 100%);

	-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
	-khtml-box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
	box-shadow: 0px 3px 10px rgba(0,0,0,0.6);
}


/******* IDENTIFIERS *******/

#header{
	position: relative;
	z-index: 50;
	min-width: 100%;
	background-color: #FAFAFA;
	height: 7em;
	white-space: nowrap;
	border-bottom: 0.5em solid #CCCCCC; 
	-moz-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	-khtml-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
}
#logo{
	display: inline-block;
	white-space: normal;
	margin-bottom: -2em;
	padding-bottom: 0em;
	float:left;
	pointer-events: none;
}
#logo{
	height: 144px;
	width: 282px;
}
#logo img, #logo svg{
	position: absolute;
	width: inherit;
	height: inherit
}
#logo .star{
	/*fill: #D5FF9F;*/
	width: inherit;
	height: inherit;
}
/*#logo .star{
	background-color: #D5FF9F;
	-webkit-mask-image: url(https://star.thelocalpages.com/img/mask2.svg);
	-webkit-mask-size: 282px 144px}*/
#motd{
		font-size: 14pt;
	padding: 2em;
	text-align: center;
	margin-left: 2em;
	max-height: 2em;
	height: 1em;
		display: inline-block;
	white-space: normal;
	color: #6A6A6A;
}

#sidebar{
		position: relative;
	display: inline-block;
	float: left;
	width: 17em;
	/*border: 1px solid black;*/
	/*vertical-align: top;*/
		-moz-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	-khtml-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.6);
	background-color: #FAFAFA;
}
#sidebar ul, #sidebar li{
		}
#sidebar ul.menu{
		/*background: rgba(204, 204, 204, 0.5);
	background: transparent\9;
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fcccccc,endColorstr=#7fcccccc)";
	zoom: 1;*/
	padding: 1em 0em 1.5em 0em;
	margin-top: 0;
	}
#sidebar a{
		height: 8px;
	top: 50%;
	margin-left: 2em;
	}
#sidebar li{
		position: relative;
	padding: 1em 1em 1em 2.5em;
	/*margin: .5em 0em .5em 0em;*/
	font-size: 10pt;
	}
#sidebar ul.submenu{
		-moz-box-shadow: inset 2px 0px 10px 0 rgba(0,0,0,0.6);
	-khtml-box-shadow: inset 2px 0px 10px 0 rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 2px 0px 10px 0 rgba(0,0,0,0.6);
	box-shadow: inset 2px 0px 10px 0 rgba(0,0,0,0.6);
	}
#sidebar ul.submenu, #sidebar ul.submenu>li{
		margin: 0px;
	padding: 0.5em 0em 0.5em 0.5em;
	}
#sidebar ul.submenu>li.subselected>a{
		margin-left: 4.5em;
		font-weight: bold;
}
#sidebar ul.submenu>li>a{
		margin-left: 5em;
	}
#content{
		overflow-x: auto;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 0.5em;
/*	margin-left: 17em; */
	}
#menu{
		position: absolute;
	top: 7.5em;
	left: 0;
	}
#menu, #menuplaceholder{
		display:block;
	height: 2em;
	width: 2em;
	}
#menubutton,#homebutton{
		background-color: #EAEAEA;
	border: 2px solid #686868;
	background-size: 2.5em 2.5em;
	max-height: 1.5em;
	max-width: 1.5em;
	height: 1.5em;
	width: 1.5em;
		background-position: center;
	background-repeat: no-repeat;
	display: block;	
	margin: auto;
}

#menubutton{
	background-image: url("https://star.thelocalpages.com//img/close.svg");
}
#homebutton{
	background-image: url("https://star.thelocalpages.com//img/top.svg");
}

.nLink 
{
	font-size: xx-small; 
	position: relative; 
	bottom: 1ex; 
	padding:.2em; 
	color: #686868; 
}

}