*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: url(/css/OpenSans-Light-webfont.woff);
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold;
  src: url(/css/OpenSans-Bold-webfont.woff);
}
/*
	NOTE: Mobile-first layout
	Clearfix is applied to main container class and should be defined on other classes as required, but provide an explicit clearfix class also 
*/

.clearfix:after, .hx-container:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

body {
	padding: 0;
	margin: 0;
	background-color: #ccc;
	font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;	
	color: #333;
}
header, nav, section, footer {
	display: block;
}
h1 {
	margin: 0 0 20px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #060;
}
h2 {
	margin: 0 0 10px 0;
	font-size: 1em;
	font-weight: bold;
	color: #060;
}
h3 {
	color: #666;
	font-size: 1.2em;
	margin: 10px 0 0 0;
	font-weight: bold;
}
p {
	margin: 0 0 10px 0;
}
p:last-child { margin: 0 }
a {
	color: #060;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
hr {
	border: none;
	border-top: 1px solid #ddd;
	height: 0;
	margin: 10px 0;
}
ul li {
	list-style-image: url(/images/css/bullet-F0CA84.png);
}

.clearfix.p {
	padding-bottom: 10px;
}
.smalltext, .hx-smalltext, .hx-small {
	font-size: 0.8em;
}
.bold {
	font-weight: bold;
}



.hx-container {
	max-width: 1000px;
	margin: 0 auto;
}

.hx-header {
	background-color: #000;
	color: #fff;
	padding: 0 20px;
}
.hx-header .hxh {
	height: 45px;
	line-height: 45px;
	background-image: url(/images/samaritans-logo-140.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 150px;
	font-weight: bold;
}
.hx-header .hxh .logout {
	display: block;
	padding: 4px 10px;
	margin-top: 12px;
	float: right;
	font-size: 0.8em;
	line-height: 1em;
	font-weight: normal;
	color: #fff;
	border-radius: 6px;
	text-decoration: none;
}
.hx-header .hxh .logout:hover {
	background-color: #666;
}
.hx-header .hxh .user {
	float: right;
	font-size: 0.8em;
	font-weight: normal;
	margin-right: 10px;
	cursor: pointer;
}
.hx-header .hxh .useroptions {
	display: none;
	position: fixed;
	background-color: #000;
	margin: 0; 
	padding: 10px 0;
	z-index: 100;
	font-size: 0.8em;
}
.hx-header .hxh .useroptions a {
	display: block;
	padding: 2px 16px;
	width: 100%;
	text-decoration: none;
	color: #fff;
	line-height: 1.4em;
	font-weight: normal
}
.hx-header .hxh .useroptions a:hover {
	background-color: #666;
}

.hx-tabs {
	background-color: #000;
	padding: 0 20px;
}
.hx-tabs a {
	display: inline-block;
	padding: 4px 12px;
	color: #fff;
	text-decoration: none;
	border-radius: 3px 3px 0 0;
	background-color: #333;
	margin-right: 8px;
}
.hx-tabs a:hover {
	background-color: #666;
}
.hx-tabs a.current {
	background-color: #fff;
	color: #000;
}

.hx-content {
	background-color: #fff;
	padding: 20px;
	min-height: 300px;
}
.hx-sitemap {
	margin: 10px 0 0 0;
}
.hx-credits {
	font-size: 0.8em;
	margin: 10px 0 40px 0;
}
.hx-credits a, .hx-sitemap a {
	color: inherit;
	text-decoration:none;
}
.hx-credits a:hover, .hx-sitemap a:hover {
	text-decoration: underline;
}


.hx-filter {
	display: inline-block;
	padding: 3px 10px;
	font-size: 0.8em;
	background-color: #eee;
	border-radius: 3px;
	color: #000;
	cursor: pointer;
	margin-bottom: 10px;
	text-decoration:none;
}
.hx-filter:hover {
	background-color: #ccc;
}
.hx-filter span {
	margin-left: 20px;
	font-size: 0.8em;
}
.hx-filter.active {
	background-color: #999;
	color: #fff;
}


.hx-panel {
	background-color: #f6f6f6;
	padding: 10px;
	margin-bottom: 10px;
}

.hx-panel-border {
	border: 1px solid #ccc;
	padding: 4px 10px;
	margin-bottom: 10px;
}
.hx-panel-white {
	background-color: #fff;
	border: 1px solid #999;
	padding: 4px 10px;
	margin-bottom: 10px;
}


.hx-textbox {
	border: 1px solid #ccc;
	padding: 2px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
}
.hx-textbox.small {
	font-size: 13px;
	line-height: 1.2em;
}
.hx-textbox.locked {
	background-color: #eee;
	color: #999;
}
.hx-textbox.right {
	text-align: right;
}

.hx-textbox::-webkit-input-placeholder, .hx-mobform input::-webkit-input-placeholder {
	color: #bbb !important;
	font-style: italic;
}
 
.hx-textbox:-moz-placeholder, .hx-mobform input:-moz-placeholder { /* Firefox 18- */
	color: #bbb !important;
	font-style: italic;
}
 
.hx-textbox::-moz-placeholder, .hx-mobform input::-moz-placeholder {  /* Firefox 19+ */
	color: #bbb !important;
	font-style: italic;
}
 
.hx-textbox:-ms-input-placeholder, .hx-mobform input:-ms-input-placeholder {  
	color: #bbb !important;
	font-style: italic;
}




/*	Formwrapper class is applied to a form to make it mobile-friendly 
	It automatically styles text boxes (no need to apply hx-textbox) and fits them to the full width (though this can be overridden with inline styles).
	Also handles keyed errors automatically
*/

.hx-mobform.narrow {
	max-width: 300px
}

.hx-mobform input[type="text"], .hx-mobform input[type="password"], .hx-mobform textarea, .hx-mobform select {
	border: 1px solid #ccc;
	padding: 2px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	width: 100%;
}
.hx-mobform input[type="text"].error, .hx-mobform input[type="password"].error, .hx-mobform textarea.error, .hx-mobform select.error {
	border-color: #c00;
}
.hx-mobform .keyed-error {
	font-size: 0.8em;
	color: #c00;
}
.hx-mobform .txt-box {
	color: #666;
	margin-right: 10px;
	font-size: 0.85em;
	padding-bottom: 6px;
}
.hx-mobform .txt-box.tight div {
	margin-right: 6px;
}
.hx-mobform .txt-box .ff {
	float: left;
	margin-right: 10px;
	cursor: pointer;
}



.hx-editablevalue {
	display: inline-block;
	font-size: 16px;
	color: #000;
	background-color: #D0E8D0;
	padding: 3px 10px;
	border-radius: 3px;
	min-width: 100px;
	min-height: 28px;
}
/*.hx-editablevalue.date {
	border: 1px solid #eee;
	width: 100px;
	/*height: 24px;
	display: inline-block;*'/
	font-size: 14px;
	cursor: pointer;
	padding: 2px 6px;
}


.hx-editbutton {
	display: inline-block;
	height: 18px;
	width: 36px;
	background-image: url(/images/edit-sprite.png);
	background-repeat: no-repeat;
	background-position: 8px 0;
	cursor: pointer;
}
.hx-editbutton:hover {
	background-position: 8px -50px;

}
*/


.hx-mobform .black {
	color: #CE7922;
	padding-top: 10px;
}
.hx-mobform .chk-box {
	text-indent: -24px;
	padding-left: 24px;
	padding-bottom: 6px;
	color: inherit;
	font-size: 0.85em;
}
.hx-mobform .btn-box {
	padding: 10px 0;
}





/*	General site button - supports input, link and span usage */

input::-moz-focus-inner { border:0; padding:0 }
input.hx-button, button.hx-button {
	font: inherit;
	font-weight: bold;
}
.hx-button {
	display: inline-block;
	background-color: #66CC33;
	padding: 4px 12px;
	font-weight: normal !important;
	border-radius: 2px;
	color: #fff !important;
	text-decoration: none !important;
	border: none;
	font-family: "Myriad W01", Arial, Helvetica, sans-serif !important;
	font-size: 1em;
	margin: 0 2px 6px 0;
}
.hx-button:hover {
	background-color: #00CC33;
	cursor: pointer;
	color: #fff !important;
	text-decoration: none !important;
}

.hx-button.small {
	font-size: 0.8em;
	padding: 2px 8px;
}

/*	Error panel styles */

.hx-error-wrapper {
	margin: 0 0 10px 0;
	max-width: 400px;
}
.hx-error-header {
	position: relative;
	background-color: #c00;
	color: #fff;
	font-weight: bold;
	padding: 3px 10px;
	margin: 0;
}
.hx-error-header .close {
	float: right;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	background-image: url(/images/css/close.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.hx-error-header .close:hover {
	background-color: #f90;
	cursor: pointer;
}

.hx-error-wrapper .errors {
	margin: 0;
	padding: 10px 0;
	background-color: #fff;
	color: #c00;
}
.hx-error-wrapper .errors ul {
	padding: 0;
	margin: 0 0 0 10px;
	list-style: none;
}
.hx-error-wrapper .errors li {
	margin: 0;
	list-style-image: none;
}
.hx-error-wrapper .errors a, .errors a:hover {
	color: #c00;
}








.results-grid {
	border-style: none;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.results-grid td, .results-grid th {
	padding: 3px 10px;
	vertical-align: top;
	text-align: left;
	font-size: 1em;
	line-height: 1.2em;
}
.results-grid.tight td, .results-grid.tight th {
	padding: 3px 1px;
}
.results-grid th {
	padding: 1px 10px;
	background-color: #eee;
	color: #aaa;
	font-weight: normal;
}

.results-grid.small td, .results-grid.small th {
	font-size: 0.85em;
	line-height: 1.2em;
}
.results-grid.nosp td {padding: 3px;}
.results-grid .bottom {vertical-align: bottom}
.results-grid .middle {vertical-align: middle}
.results-grid .center {text-align: center}
.results-grid .right  {text-align: right}
.results-grid .bold   {font-weight: bold}
.results-grid .caps   {text-transform: uppercase}

.results-grid .statusnew   {font-weight: bold}
.results-grid .statusincomplete   {color: #aaa;}

.results-grid td p {
	margin: 0 0 4px 0;
}
.results-grid tr.lineover {border-top: solid 1px #ccc;}
.results-grid tr.lineunder {border-bottom: solid 1px #ccc;}
.results-grid td.white {
	background-color: #fff;
	padding: 1px 8px;
	border: 2px solid #F2F2E6;
}
.results-grid a {
	color: #666;
}
.results-grid tr.deleted td, .results-grid tr.deleted a {
	color: #ccc;
}
.results-grid tr.deleted img {
	opacity: 0.3;
}
.results-grid a:hover {
	color: #c00;
}
.results-grid tr.bold td, .results-grid td.bold {
	font-weight: bold;
}
.results-grid:last-child {
	margin-bottom: 0;
}
.results-grid tr.selected {
	background-color: #FCF3E4;
}
.results-grid .selector:hover td {
	background-color: #FCF3E4;
	cursor: pointer;
}
.results-grid tr.selector a {
	color: inherit;
}
.results-grid tr.hidden {
	background-color: rgba(255,204,0,0.05);
}

.results-grid .selector .move {
	width: 30px;
	background-image: url(/images/grab-sprite.png);
	background-repeat: no-repeat;
	background-position: 10px 4px;
    cursor: move;
    cursor: grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.results-grid .selector:hover .move {
	background-position: 10px -36px;
    cursor: grab;
}
.results-grid .selector:hover .move:active {
    cursor: grabbing;
}



.results-grid .order-status {
	background-image: url(/images/css/order-status-sprite.png);
	background-repeat: no-repeat;
	width: 20px;
	overflow: hidden;
	background-position:0 0;
	padding: 3px;
}
.results-grid .order-status.incomplete {background-position:0 0}
.results-grid .order-status.new        {background-position:0 -30px}
.results-grid .order-status.open       {background-position:0 -60px}
.results-grid .order-status.despatched {background-position:0 -90px}
.results-grid .order-status.cancelled  {background-position:0 -120px}

.results-grid .order-device, .results-grid .order-source {
	background-image: url(/images/css/order-misc-sprite.png);
	background-repeat: no-repeat;
	width: 20px;
	overflow: hidden;
	background-position:0 0;
	padding: 3px;
}
.results-grid .order-status.unknown   {background-position:0 0}
.results-grid .order-status.desktop   {background-position:0 -30px}
.results-grid .order-status.tablet    {background-position:0 -60px}
.results-grid .order-status.phone     {background-position:0 -90px}
.results-grid .order-source.website   {background-position:0 -120px}
.results-grid .order-source.invoice   {background-position:0 -150px}

.results-grid .order-customer {
	background-image: url(/images/css/order-misc-sprite.png);
	background-repeat: no-repeat;
	overflow: hidden;
	background-position:0 0;
	padding-left: 20px;
}
.results-grid .order-customer.return  {background-position: 0 -180px}
.results-grid .order-customer.new     {background-position:0 -210px}
.results-grid .note {
	min-width: 40px;
	background-image: url(/images/css/note-icon-sprite.png);
	background-repeat: no-repeat;
	background-position: 4px 2px;
}

/*	Dialogs */

.mask, .mask-clear {
	display: none;
	position: fixed;
	top: 0; left: 0;
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.mask {
	background-color: rgba(0,0,0,0.7);
}
.dialog {
	display: none;
	position: fixed;
	top: 0; left: 0;
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	z-index: 110;
	overflow: auto;
}
.dialog .inner {
	display: block;
	background-color: #fff;
	/*border: 1px solid #000;*/
	z-index: 120;
	width: 800px;
	color: #444;
	position: relative;
	overflow: hidden;
}
.dialog .inner.small {
	width: 500px;
}
.dialog .header {
	background-color: #66CC33;
	padding: 10px 10px 10px 20px;
}
.dialog h2 {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 1.2em;
	overflow: hidden;
	font-weight: normal;
}
.dialog .editor {
	padding: 10px 20px;
	/*min-height: 300px;*/
}
.dialog .editor .row {
	padding: 0 8px 8px 0;
}
.dialog .editor .row.ck {
	padding: 0 0 8px 0;
}
.dialog .confirm {
	text-align: center;
	padding: 40px 20px;
	min-height: 100px;
}

.dialog .status {
	border-top: 1px solid #eee;
	padding: 10px 20px;
	min-height: 30px;
}
.dialog .status .error {
	color: #c00;
}
.dialog .status .error:before {
	content: "ERRORS: ";
}
.dialogpop .status .error {
	color: #c00;
	font-size: 0.8em;
}

.dialog .closeicon, .dialogpop .closeicon {
	float: right;
	width: 26px;
	height: 26px;
	background-image: url(/images/close.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	border-radius: 3px;
}
.dialog .closeicon:hover, .dialogpop .closeicon:hover {
	cursor: pointer;
	background-color: rgba(1,1,1,0.4);
}

.dialog .editor .row label {
	margin-right: 20px;
}

/*	Companion popup from within a dialog */

.dialogpop {
	display: none;
	position: fixed;
	top: 200px;
	left: 200px;
	padding: 10px;
	background-color: #f3f3f3;
	border-radius: 3px;
	box-shadow: 0 0 8px #000;
	z-index: 200;
}
.dialogpop.x300 { max-width: 300px }
.dialogpop.x500 { width: 500px }
.dialogpop.x600 { width: 600px }
.dialogpop.x700 { width: 700px }

.half-col {}
.half-col .col {
	float: left;
	width: 45%;
}

.half-col .col:nth-child(odd) {
  padding-right: 16px;
}

.half-col .col:nth-child(even) {
  padding-left: 16px;
}


.half-col:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.multi-col {
}

.multi-col .col {
	float: left;
	width: 25%;
	padding: 2px;
}
.multi-col:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.d-grid {
	width: 100%;
	border-spacing: 2px;
	/*
	border-style: none;
	border-collapse: collapse;*/
	margin-bottom: 10px;
	margin-right: 4px;
	border: 1px solid #999;
}
.d-grid td, .d-grid th {
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.6em;
	color: #999;
	padding: 2px 6px;
}
.d-grid td.r, .d-grid th.r {
	text-align: right;
}
.d-grid th {
	background-color: #eee;
	padding: 0 10px;
}

.d-grid td.date {
	border: 1px solid #eee;
	width: 100px;
	font-size: 14px;
	color: #000;
	cursor: pointer;
	padding: 2px 6px;
	text-align: right;
}

/*	For training items */

.tt-wrap {
/*	margin: 0 2px;
	border: 1px solid #999;
	padding: 2px;*/
	text-align: right;
}
	
.tt-head {
	width: 100%;
	background-color: #eee;
	padding: 4px 10px;
	font-weight: bold;
	text-align:center;
}

.tt-item {
	background-color: #6c3;
	margin: 2px 0;
	border-radius: 4px;
	padding: 4px;
	cursor: pointer;
}
.tt-item:hover {
	background-color: #CFEFC0;
}
.tt-item:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.tt-item div {
	display: inline-block;
	padding: 2px 0;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	height: 25px;
}

.tt-desc {
	float: left;
	text-align: left;
}
.tt-val {
	width: 100px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.tt-val.empty {
	background-image: url(/images/edit-sprite.png);
	background-repeat: no-repeat;
	background-position: right 3px;
}
.tt-item:hover .tt-val.empty {
	background-position: right -47px;
}

.tt-options {
	width: 100%;
	font-size: 12px;
	text-align: left;
	padding: 4px;
}
.tt-selector {
	margin: 0 -10px;
	padding: 1px 6px;
	cursor: pointer;
}
.tt-selector:hover {
	background-color: #eee;
}
.tt-selector.selected {
	background-color: #09C;
	color: #fff;
}

/*	NEW VOL/MOD SCHEME */


.volselector, .modselector, .vollist {
	display: inline-block;
	font-size: 13px;
	width: 120px;
	margin: 0 2px 2px 0;
	overflow: hidden;
	padding: 1px 8px;
	background-color: #D0E8D0;
	cursor: pointer;
	background-image: url(/images/select-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 1px solid #9BCE9B;
}
.volselector:hover {
	background-color: #9CCF9C;
}
.modselector {
	width: 220px;
}
.volselector.selected, .volselector.selected:hover, .vollist {
	background-color: #66B566;
	color: #fff;
}
.volselector.selected, .modselector.selected {
	background-position: 0 -40px;
	padding-left: 22px;
}


.item-vm {
	display: inline-block;
	float: left;
	font-size: 13px;
	width: 220px;
	margin: 0 8px 4px 0;
	padding: 0;
	/*border-radius: 2px;*/
	cursor: pointer;
	background-color: #eee;
	color: #000;
	border: 1px solid #ccc;
}
.item-vm:hover {background-color: #ccc;}
.item-vm .t {
	font-weight: bold;
	color:#666;
	background-image: url(/images/select-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 1px 8px;
	overflow: hidden;
}
.item-vm.completed .t {
	background-position: 0 -80px;
	padding-left: 22px;
}
.item-vm .c {
	text-align: right;
	padding: 1px 8px;
	overflow: hidden;
}
.item-m1.completed {
	background-color: #FFEECC !important;
	border-color: #FFDE9B;
}
.item-m2.completed {
	background-color: #FFE8E8 !important;
	border-color: #ffcccc;
}
.item-m3.completed {
	background-color: #EFEAFF !important;
	border-color: #DFD5FF;
}
.item-m4.completed {
	background-color: #E6ECFF !important;
	border-color: #CCD9FF;
}
.item-m1.completed .t {background-position: 0 -120px}
.item-m2.completed .t {background-position: 0 -160px}
.item-m3.completed .t {background-position: 0 -200px}
.item-m4.completed .t {background-position: 0 -240px}


.item-m1.completed:hover, .item-m1.selected { background-color: #FFDE9B !important; }
.item-m2.completed:hover, .item-m2.selected { background-color: #ffcccc !important; }
.item-m3.completed:hover, .item-m3.selected { background-color: #DFD5FF !important; }
.item-m4.completed:hover, .item-m4.selected { background-color: #CCD9FF !important; }

.item-m1.active {
	background-color: #FFC448 !important;
	color: #000;
}
.item-m2.active {
	background-color: #FF6464 !important;
}
.item-m3.active {
	background-color: #8B64FF !important;
}
.item-m4.active {
	background-color: #6F93FF !important;
}

.item-m1.completed .t {color: #996666 !important;}
.item-m2.completed .t {color: #FF6464 !important;}
.item-m3.completed .t {color: #8B64FF !important;}
.item-m4.completed .t {color: #6F93FF !important;}


.item-grid {
	border-style: none;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.item-grid td, .results-grid th {
	padding: 3px 10px;
	vertical-align: top;
	text-align: left;
	font-size: 0.85em;
	line-height: 1.2em;
}

.item-grid th {
	padding: 1px 10px;
	color: #aaa;
	font-weight: normal;
	border-bottom: 1px solid #000;
	text-align: left;
}
.item-grid .selector { cursor: pointer }
.item-grid .selector.m1:hover { background-color: #FFDE9B !important; }
.item-grid .selector.m2:hover { background-color: #ffcccc !important; }
.item-grid .selector.m3:hover { background-color: #DFD5FF !important; }
.item-grid .selector.m4:hover { background-color: #CCD9FF !important; }




/*	SYSTEM POPUP FOR SPECIAL OPTIONS */

.syspopup {
	position: fixed;
	display: none;
	width: auto;
	background-color: #fff;
	border: 1px solid #999;
	padding: 10px;
	z-index: 300;
}
.syspopup li {
	list-style: none;
}

.vm-volunteer, .vm-module {
	cursor: pointer;
}
.vm-volunteer:hover, .vm-module:hover {
	text-decoration: underline;
}

/*	Sortable List style (originally Module List) */
.m-list {
	font-size: 0.8em;
	margin-bottom: 10px;
}
.m-list div {
	padding: 3px 6px;
	width: 710px;
	background-color: #fff;
}
.m-list .header { 
	font-weight: bold;
	border-bottom: 1px solid #666;
	padding: 3px 6px 0 3px;
}
.m-list span {
	display: inline-block;
	padding: 2px 0;
	overflow: hidden;
	white-space: nowrap;
	margin-right: 10px;
	line-height: 1em;
	width: 80px;		/* default width - redefine each col in page css */
}
.m-list span:last-child { margin-right:0 }

/*	Widths for m-list */

.m-list .lb {width: 60px}
.m-list .mo {width: 300px; font-weight:bold}
.m-list .cl {width: 150px}
.m-list .ty {width: 140px}
.m-list .da {width: 80px; text-align:right}
.m-list .vv {width: 40px; text-align:right}
.m-list .cc {width: 40px; text-align:right}
.m-list .mv {width: 20px; float:right; margin-right:0}

.m-list .selector:hover {
	background-color: #eee;
	cursor: pointer;
}

.m-list .selector .move {
	background-image: url(/images/grab-sprite.png);
	background-repeat: no-repeat;
	background-position: right 2px;
    cursor: move;
    cursor: grab;
}

.m-list .selector:hover .move {
	background-position: right -38px;
    cursor: grab;
}
.m-list .selector:hover .move:active {
    cursor: grabbing;
}