/**
* @package CSS Magic Extension
* @copyright (c) 2018 martin - https://www.martins-phpbb.com & dmzx - https://www.dmzx-web.net
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1050px), only screen and (max-device-width: 1050px) {

	div.colour-block {
		display:none;
	}
}

div.colour-block {
   float: right;
   height: 24px;
   padding-right: 7px;
   margin-left: 10px;
   line-height: 30px;
   -webkit-border-radius: 6px;
   -o-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

div.colour-block span {
   background: transparent url("./images/colour_block_left.png") no-repeat;
   display: block;
   padding-left: 29px;
   height: 24px;
   line-height: 24px;
   -webkit-border-radius: 6px;
   -o-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

div.colour-block span a {outline: none;}

img.colour-block {
   margin-right: 0px !important;
}

div.colour-block  {
   background: transparent url("./images/colour_block_right.png") no-repeat scroll top right;
   float: right;
   height: 24px;
   padding-right: 3px;
   margin-left: 10px;
   line-height: 30px;
}

div.block span {
   background: transparent url("./images/block_left.png") no-repeat;
   display: block;
   padding-left: 29px;
   height: 24px;
}

div.block span a {outline: none;}

img.block {
   margin-right: 0px !important;
}