body{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
 
 table.editRecord{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; padding: 30px ;font-size:14px}
	input, textarea, select {  border:none; padding:6px 7px; font-size:14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
	 input[type="submit"], input[type="button"] {box-shadow: 1px 1px 0 #888; padding:4px 7px; }
	#newRecord{ padding:0; margin:0   }
	#newRecord th{ width:300px}
	.tophead{    position: fixed;
    display: inline-block;
    padding: 10px 10px;
    left: 0;
    z-index: 10;
    text-align: center;
    background-color: #f5f5f5;
    box-shadow: 0 0px 1px #444;
    border-radius: 0;
    width: 100%;
    border: 0;
    top: 50px;
    color: #222;}
	.mainsave{  font-size:16px; position:relative; margin:20px 0; left: 270px }
	.extend{box-shadow: 1px 1px 0 #ccc; border-radius: 3px; background-color:#eee; width:640px; padding:10px;}
	.extend a{ text-decoration:none;}
	#allbloglist{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
	/*.delete { text-decoration:none; border:1px solid #333; height:15px; color:#c00; padding:0 2px; margin-left:10px; font-weight:normal; font-size:10px !important}
	.delete:hover { border:1px solid #d00; height:15px; color:#f00; padding:0 2px; margin-left:10px; text-decoration:none}*/
	.delete { height: 15px;
    color: #c00;
    padding: 0px 0px;
    margin: 0px 3px 0px;
    font-weight: normal;
    font-size: 10px !important;
    display: inline-block;}
	.delete:hover { color:#f00; }
	.add { height: 15px;
    color: #4a4;
    padding: 0px 0px;
    margin: 0px 3px 0px;
    font-weight: normal;
    font-size: 15x !important;
    display: inline-block;}
	.delete:hover { color:#f00; }
	h1 { margin:0}
	.cal_event{ color:#047; font-size:12px}
	.cal_event2{ color:#012;font-size:12px}
	.cal_title{ color:#06d;font-size:12px}
	hr { background-color:#ccc; border-color:#ccc}
	h5 { margin:0; font-size:14px; color:#333;} 
	h2 { color:#444 !important}
	h3 { margin:0 5px 0 0; padding:0 5px 0 0; display:block; font-size: }
	h4 { margin:0 5px 0 0; padding:0 5px 0 0; display:inline}
	#product{clear:both; position:relative; border-bottom: 1px solid #fff; padding-bottom:10px;}
	#product input, #product textarea { margin:3px 10px 3px 0 !important; padding:6px 10px !important; width:200px; display: inline-block }
	 #product textarea { height:90px; width:565px;}
	#product .double{ width:350px;}
	#product .short{ width:50px;}
	#product  div{  display: inline-block}
	#product img{ max-width:130px; max-height:130px; margin:auto  }
	#product .image_box{ position:absolute; top:105px; left:590px; text-align:center; background-color:#d4d4d4; width:130px; height:130px; padding:10px; display:flex; vertical-align:central; border-radius:3px; }
	.prresult { position:absolute; background-color:#fff;}
	#imglink_alt{ background-color:#d4d4d4; width:235px !important;}
	#allproducts{ padding-top:10px;}
	td{ padding:7px 2px}
	
	#producer_ext_span, #ch_producer_ext_span, #editor_ext_span, #ch_publisher_ext_span { position:absolute; margin-top:-33px; left:465px;}
	 input[type="text"]
	input{  padding:7px; width: auto }
	 input[type="checkbox"], input[type="file"],#editor_ext_span input, #ch_publisher_ext_span input, #producer_ext_span input, #ch_producer_ext_span input{ width:auto;}
	 
	 
	 .link{width: 238px; font-weight: 400; font-size: 14px; padding:7px 10px;text-decoration: none; background-color: #eee;color:#555; display: inline-block; border: 1px solid #ddd; border-radius: 4px; color:#000}
	 
	select{
	
	    display: inline-block;
   
	width:238px;
    height: 34px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .1
	
	}
	 input[type="text"], textarea{
	display: block;
   
    height: auto;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	textarea{ width:90%;}
	 	 input:disabled{background-color:#eee; }
	.extend input, .extend select{display:inline-block; width: auto !important;}
	form td  input[type="text"]{ float:left}
	.encode{ padding: 6px 10px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ddd;
border-radius: 4px; display: inline-block; margin:0 0 0 3px; }
.encode_g{ padding: 6px 10px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ddd;
border-radius: 4px; display: inline-block;margin:0 0 0 3px; }

.image_box img { margin:0; border-radius:3px; border: 1px solid #e2e2e2; width:480px; }
input[type=submit].btnpub{    padding: 6px 8px !important;
    font-size: 14px !important;
    z-index: 10;
    position: absolute;
    right: -150px;
    margin: 0 !important;
    top: 15px;}
input[type=submit].btnpub:hover{ background-color:#08d !important }
input[type=submit].btnorange{ border-color:#f0ad4e!important; background-color:#f0ad4e !important; opacity:1}
input[type=submit].btnorange:hover{  border-color:#f0ad4e!important; background-color:#f0ad4e !important; opacity:0.8 !important }
input[type=submit].btngreen{  border-color:#4a4!important;background-color:#4a4 !important; opacity:1 }

input[type=submit].btngreen:hover{  border-color:#4a4!important;background-color:#4a4 !important;puopacity:0.8 !important }


.redsmall{
    font-size: 11px;
    display: block;
    margin: -3px 0 -3px 0;
    font-weight: 400; display:none}


.separator{ padding:15px 0px 20px 0!important; text-align:right !important; font-size:20px; font-weight: 500 }
.separator hr{     background-color: #fff;
    border: 1px solid #eee;
    height: 1px;
    margin-left: -20px;
    border-width: 1px 0;
    width: 100%;
    padding: 10px 20px;}
.separator_thin{ padding:0 0 0 0!important; text-align:right !important; font-size:20px; font-weight: 500 }
.separator_thin hr{ background-color:#eee; border-color:#eee; margin:0 0 15px 0 }
.headerstart{     font-weight: 500;
    font-size: 20px;
    margin: 0 auto; width:800px;
    display: inline-block; position:relative}
.headerstart span{ font-size: 20px;
    margin: 2px 34px;}
.headerbar {font-size: 14px;
    font-weight: 500;
    width: 100%;
    display: inline-block;}
.headtitlel{ float:left}
.headtitler{ float:right}
svg{ display:none}

td.counterbar { padding:0 5px; margin:0; position:absolute}
    .counterbar a{ display: inline-block; width:39px; height:15px; padding:3px; border-right:1px solid #fff;margin:0px 0px -2px}
	.counterbar a.pok{ background-color:#4a4}
	.counterbar a.pnok{ background-color:#d9534f}
	.counterbar a.pok, .counterbar a.pnok  {
		position: relative;
		display: inline-block;
		/* If you want dots under the hoverable text */
		}
		
		/* Tooltip text */
		.counterbar a.pok .tooltiptext, .counterbar a.pnok .tooltiptext {
		visibility: hidden;
		width: 120px;
		background-color: #000;
		color: #fff;
		text-align: center;
		padding: 5px 0;
		border-radius: 6px;
		font-weight:500;
		
		/* Position the tooltip text - see examples below! */
		position: absolute;
		z-index: 1;
		bottom:120%;
		  left: 50%; 
		  margin-left: -60px; 
		}
		
		/* Show the tooltip text when you mouse over the tooltip container */
		.counterbar a.pok:hover .tooltiptext, .counterbar a.pnok:hover .tooltiptext {
		visibility: visible;
		opacity:1;
		}
	.counterbar b{ margin:0 5px; font-size:18px;}
	@media screen and (max-width:1200px){
		 .counterbar a{ display: inline-block; width:32px;}
	}
	@media screen and (max-width:991px){
		 .counterbar a{ display: inline-block; width:27px;}
	}