html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   ePaisa custom styles
   ========================================================================== */

body {
    font: 16px/26px "Helvetica Neue", Helvetica, Arial;
    margin: 0 0 0 180px;
    background: #dedede;
}


/* ==========================================================================
   Header
   ========================================================================== */

body > header {
	height: 50px;
	background: url(../img/headerBg.png) 0 0 repeat-x;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10005;
}

body > header #logo {
	width: 100px;
	height: 50px;
	background: url(../img/sprite-icons.png) 0 0 no-repeat;
	text-indent: -9000px;
	float: left;
	margin: 0 79px 0 0;
}
body > header #mainNav {
	float: left;
}
body > header #userNav {
	float: right;
}

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mainNav ul li {
	float: left;
	height: 50px;
	width: 78px;
	padding: 0 6px 0 0;
}
#mainNav ul li a {
	float: left;
	font-size: 11px;
	text-decoration: none;
	position: relative;
	color: #999;
	text-shadow: #000 0px 1px 1px;
	width: 78px;
	text-align: center;
	padding: 26px 0 0 0;
/* 	background: red; */
}
#mainNav ul li a b {
	position: absolute;
	top: 8px;
	left: 23px;
}
#mainNav ul li a:hover,
#mainNav ul li a.active {
	color: #f2f2f2;
}
#mainNav ul li a.active {
	background: url(../img/sprite-icons.png) -80px -54px no-repeat;
}

#userNav {
	padding: 10px 15px 0 0;
	height: 40px;
	position: relative;
}
#userNav > a {
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
	text-decoration: none;
	display: inline-block;
	*display: inline;
    
	padding: 1px 16px 0 16px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 13px;
	line-height: 13px;
	height: 24px;
	color: #fff;
	text-align: center;
	text-shadow: 0 -1px 0 #000;
	vertical-align: middle;
	cursor: pointer;
	background-color: #30343b;
	*background-color: #30343b;
	border: 1px solid #000;
	*border: 0;
	background-image:                       -moz-linear-gradient(top, #757980,               #30343b);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#757980),           to(#30343b));
	background-image:                    -webkit-linear-gradient(top, #757980,               #30343b);
	background-image:                         -o-linear-gradient(top, #757980,               #30343b);
	background-image:                      linear-gradient(to bottom, #757980,               #30343b);
	background-image:                             -ms-linear-gradient(#757980,               #30343b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757980', endColorstr='#30343b');
	zoom: 1;
	-webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), inset 0 -1px 0px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), inset 0 -1px 0px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
	        box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), inset 0 -1px 0px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#userNav > a:hover {
	background-image:                       -moz-linear-gradient(top, #8d929a,               #30343b);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#8d929a),           to(#30343b));
	background-image:                    -webkit-linear-gradient(top, #8d929a,               #30343b);
	background-image:                         -o-linear-gradient(top, #8d929a,               #30343b);
	background-image:                      linear-gradient(to bottom, #8d929a,               #30343b);
	background-image:                             -ms-linear-gradient(#8d929a,               #30343b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d929a', endColorstr='#30343b');
	zoom: 1;
	-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.05);
	        box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#userNav > a:active,
#userNav.opened > a {
	outline: 0;
	background-image:                       -moz-linear-gradient(top, #30343b,               #8d929a);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#30343b),           to(#8d929a));
	background-image:                    -webkit-linear-gradient(top, #30343b,               #8d929a);
	background-image:                         -o-linear-gradient(top, #30343b,               #8d929a);
	background-image:                      linear-gradient(to bottom, #30343b,               #8d929a);
	background-image:                             -ms-linear-gradient(#30343b,               #8d929a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30343b', endColorstr='#8d929a');
	zoom: 1;
}
#userNav > a span {
	margin: 0 12px 0 -52px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
#userNav > a span img {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #000;
	margin: -2px 0 0 0;
}
#userNav > a strong:after {
	display: inline-block;
	*display: inline;
    zoom: 1;
	width: 0;
	height: 0;
	vertical-align: middle;
	margin: -2px -10px 0 6px;
	border-top: 4px solid #000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
}

#userNav ul {
	display: none;
	position: absolute;
	top: 48px;
	right: 15px;
	padding: 5px 8px;
	margin: 0;
	width: 140px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	background: #f0f0f0;
	-webkit-box-shadow: inset 0 0 1px 1px #fff, 0 1px 15px rgba(0, 0, 0, 0.33);
	   -moz-box-shadow: inset 0 0 1px 1px #fff, 0 1px 15px rgba(0, 0, 0, 0.33);
	        box-shadow: inset 0 0 1px 1px #fff, 0 1px 15px rgba(0, 0, 0, 0.33);
}
#userNav.opened ul {
	display: block;
}
#userNav ul:after {
	display: inline-block;
	*display: inline;
    zoom: 1;
	width: 0;
	height: 0;
	vertical-align: middle;
	margin: 0;
	border-bottom: 10px solid #f0f0f0;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: "";
	position: absolute;
	top: -9px;
	right: 15px;
}
#userNav ul li {
	padding: 2px 0;
}
#userNav ul li.userNav-sep {
	border-top: 1px solid #d6dade;
	border-bottom: 1px solid #f9f9f9;
	padding: 0;
}
#userNav ul li a {
	font-size: 13px;
	line-height: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #555;
	text-shadow: #fff 0px 1px 0px;
	display: block;
	padding: 9px 0 9px 26px;
	border: 1px solid #f0f0f0;
	background-color: #f0f0f0;
	vertical-align: middle;
	position: relative;
	   -moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	     -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
}
#userNav ul li a:hover {
	padding: 9px 0 9px 26px;
	border: 1px solid #6f8daf;
	background-color: #86a6cb;
	text-shadow: none;
	color: #fff;
	position: relative;
	text-shadow: #666 0px 1px 0px;
}
#userNav ul li a:active {
	background-color: #6893c4;
	   -moz-transition: none;
	-webkit-transition: none;
	     -o-transition: none;
	        transition: none;
}
#userNav ul li a b {
	position: absolute;
	top: 6px;
	left: 4px;
}
#userNav ul li a:hover .icon.profile {
	background-position: 0 -128px;
}
#userNav ul li a:hover .icon.merchants {
	background-position: -16px -128px;
}
#userNav ul li a:hover .icon.bankAccounts {
	background-position: -32px -128px;
}
#userNav ul li a:hover .icon.devices {
	background-position: -48px -128px;
}
#userNav ul li a:hover .icon.contacts {
	background-position: -64px -128px;
}
#userNav ul li a:hover .icon.broadcast {
	background-position: -112px -296px;
}
#userNav ul li a:hover .icon.help {
	background-position: -80px -128px;
}
#userNav ul li a:hover .icon.signOut {
	background-position: -96px -128px;
}


/* ==========================================================================
   Profile
   ========================================================================== */
article#profile,
article.add,
article.edit {
	width: 619px;
	border-right: 1px solid #acacac;
	background: #d7d7d7;
	min-height: 100%;
	-webkit-box-shadow: 0 3px 0 3px #e8e8e8;
	   -moz-box-shadow: 0 3px 0 3px #e8e8e8;
	     -o-box-shadow: 0 3px 0 3px #e8e8e8;
	        box-shadow: 0 3px 0 3px #e8e8e8;
}
article.edit {
  padding-bottom: 48px;
}
article form.standard div.actions {
	position: fixed;
	left: 820px;
	bottom: 64px;
}
article.edit form.standard div.actions {
  bottom: 208px;
}
article.add form.standard div.actions {
  bottom: 138px;
}
form.standard div.actions button {
	float: left;
	font-size: 15px;
	padding: 8px;
	width: 84px;
}
form.standard .cancel {
	color: #7b98b8;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0;
	font-size: 13px;
	line-height: 13px;
/* 	float: left; */
	padding: 4px 8px;
	margin: 5px 0 0 5px;
}
form.standard .cancel:hover {
	padding: 3px 7px;
	border: 1px solid #bbb;
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
}
form.standard nav a.close {
  position: fixed;
  top: 68px;
  left: 820px;
  opacity: .5;
  text-decoration: none;
  color: #666;
  height: 14px;
  font-size: 14px;
}
form.standard nav a.close .icon {
  margin-bottom: -5px;
}
form.standard nav a.close:hover {
  opacity: 1;
}
form.standard h2 {
	margin: 0;
	padding: 20px 20px;
	color: #4b4e52;
	font-size: 24px;
	font-weight: 200;
	text-shadow: #fff 0px 1px 0;
	border-bottom: 1px solid #b2b2b2;
}
form.standard h3 {
  margin: 0;
	padding: 0 0 20px;
	color: #4b4e52;
	font-size: 18px;
	font-weight: 200;
	text-shadow: #fff 0px 1px 0;
}
form.standard nav.sidenav {
  position: fixed;
  top: 120px;
  left: 820px;
}
form.standard nav.sidenav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
form.standard nav.sidenav ul li {
  padding: 0;
  margin: 0;
  position: relative;
}
form.standard nav.sidenav ul li a {
  font-size: 13px;
  color: #1e2228;
  text-decoration: none;
  line-height: 14px;
  text-shadow: #fff 0px 1px 0px;
}
form.standard nav.sidenav ul li a:hover,
form.standard nav.sidenav ul li a.active {
  color: #336699;
}
form.standard nav.sidenav ul li a.active:after {
  display: inline-block;
  zoom: 1;
  width: 0;
  height: 0;
  vertical-align: middle;
  margin: 0;
  border-left: 8px solid #d7d7d7;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  left: -21px;
  margin-top: -7px;
}
form.standard nav.sidenav ul li a.active:before {
  display: inline-block;
  zoom: 1;
  width: 0;
  height: 0;
  vertical-align: middle;
  margin: 0;
  border-left: 8px solid #acacac;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -7px;
}

form.standard fieldset {
	padding: 25px 20px 30px 20px;
	border-bottom: 1px solid #b2b2b2;
	border-top: 1px solid #f2f2f2;
	position: relative;
}
form.standard fieldset:last-child,
form.standard fieldset.no-border-bottom {
	border-bottom: none;
}

form.standard .avatar {
	height: 50px;
	position: relative;
}

form.standard .avatarWrap {
	float: left;
	width: 48px;
	height: 48px;
	background: #c1c1c1;
	cursor: pointer;
	border: 1px solid #5a6e83;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: inset 0 0 1px 1px #fff;
	   -moz-box-shadow: inset 0 0 1px 1px #fff;
	     -o-box-shadow: inset 0 0 1px 1px #fff;
	        box-shadow: inset 0 0 1px 1px #fff;
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
}
form.standard .avatarWrap input {
	height: 48px;
    width: 88px;
	position: absolute;
	top: 0;
	left: -40px; /*Damn Firefox*/
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor: pointer;
	padding: 0;
	margin: 0;
	background: red;
}
form.standard .avatarWrap span {
	float: left;
	width: 48px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	font-size: 10px;
	line-height: 12px;
	color: #444;
	padding: 12px 0 0;
	text-shadow: #f2f2f2 0px 1px 0;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
form.standard .avatar > strong {
	float: left;
	font-size: 18px;
	color: #5a6e83;
	text-shadow: #fff 0px 1px 0;
	font-weight: 200;
	padding: 10px;
}
.changePassword {
	position: absolute;
	top: 10px;
	right: 18px;
}
form.standard .nameWrap {
	padding: 20px 0 0;
	position: relative;
}
.nameWrap label {
	float: left;
	width: 30%;
	padding: 0 3% 0 0;
}
.nameWrap .icon.size16x16 {
	position: absolute;
	top: 46px;
	right: -6px;
}
form.standard .nameWrap input[type="text"] {
	   -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	     -o-border-radius: 0px;
	        border-radius: 0px;
}
form.standard .nameWrap label:first-child input[type="text"] {
	       -moz-border-radius-topleft: 5px;
	    -moz-border-radius-bottomleft: 5px;
	   -webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	        -o-border-top-left-radius: 5px;
	     -o-border-bottom-left-radius: 5px;
	           border-top-left-radius: 5px;
	        border-bottom-left-radius: 5px;
}
form.standard .nameWrap label:last-child input[type="text"] {
	       -moz-border-radius-topright: 5px;
	    -moz-border-radius-bottomright: 5px;
	   -webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	        -o-border-top-right-radius: 5px;
	     -o-border-bottom-right-radius: 5px;
	           border-top-right-radius: 5px;
	        border-bottom-right-radius: 5px;
}

form.standard label {
	display: block;
	position: relative;
}
form.standard label small {
  font-size: 11px;
  color: #777;
  text-shadow: #fff 0px 1px 0;
  line-height: 12px;
  margin: 0;
  padding: 0 0 0 3px;
}
form.standard .half {
	float: left;
	width: 45%;
}
form.standard label .icon.size16x16 {
	position: absolute;
	top: 27px;
	right: -6px;
}
form.standard .half .icon.size16x16 {
	right: -26px;
}
form.standard .row .half:first-child {
	margin-right: 6.6%;
}
form.standard strong {
	display: block;
	font-size: 13px;
	line-height: 15px;
	color: #888;
	padding: 0 0 4px 6px;
	text-shadow: #fff 0px 1px 0;
}
form.standard .required strong {
	color: #444;
}
form.standard .row {
	padding: 15px 0 0 0;
	clear: left;
}
form.standard .row:first-child {
	padding: 0;
}
form.standard input[type="text"],
form.standard input[type="password"],
form.standard textarea {
	width: 94%;
	padding: 6px 8px;
	border: 1px solid #aeaeae;
	font-size: 16px;
	-webkit-box-shadow: 0 1px 0 #edf1f5;
	   -moz-box-shadow: 0 1px 0 #edf1f5;
	     -o-box-shadow: 0 1px 0 #edf1f5;
	        box-shadow: 0 1px 0 #edf1f5;
	
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px; 
}
form.standard input[type="text"]:focus,
form.standard input[type="password"]:focus,
form.standard textarea:focus {
	outline: none;
	border: 1px solid #369;
	   -moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	     -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
	-webkit-box-shadow: 0 0 1px 1px #82a4ca;
	   -moz-box-shadow: 0 0 1px 1px #82a4ca;
	     -o-box-shadow: 0 0 1px 1px #82a4ca;
	        box-shadow: 0 0 1px 1px #82a4ca;
}
form.standard .error input[type="text"],
form.standard .error input[type="password"],
form.standard .error textarea {
	outline: none;
	border: 1px solid #ff5a00;
	   -moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	     -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;
	-webkit-box-shadow: 0 0 1px 1px #ff965c;
	   -moz-box-shadow: 0 0 1px 1px #ff965c;
	     -o-box-shadow: 0 0 1px 1px #ff965c;
	        box-shadow: 0 0 1px 1px #ff965c;
}
form.standard .error .icon.size16x16 {
	background-position: 0 -296px;
}
form.standard .approved .icon.size16x16 {
	background-position: 0 -280px;
}
form.standard .select {
	display: block;
	position: relative;
	width: 97%;
	height: 32px;
}
form.standard .select select {
	opacity: 0;
	-webkit-appearance: none;
	width: 100%;
	padding: 8px 0;
	border: 1px solid #aeaeae;
	font-size: 16px;
	z-index: 2;
	position: absolute;
	-webkit-box-shadow: 0 1px 0 #edf1f5;
	   -moz-box-shadow: 0 1px 0 #edf1f5;
	     -o-box-shadow: 0 1px 0 #edf1f5;
	        box-shadow: 0 1px 0 #edf1f5;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
}
form.standard .select select:active {
	outline: none;
	   -moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	     -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;
	-webkit-box-shadow: 0 0 1px 1px #369;
	   -moz-box-shadow: 0 0 1px 1px #369;
	     -o-box-shadow: 0 0 1px 1px #369;
	        box-shadow: 0 0 1px 1px #369;
}
form.standard .select i {
	display: block;
	font-size: 16px;
	line-height: 16px;
	padding: 8px;
	height: 14px;
	border: 1px solid #aeaeae;
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	font-style: normal;
	font-weight: normal;
	text-shadow: #fff 0px 1px 0;
	color: #222;
	background-image:                       -moz-linear-gradient(top, #ffffff,               #ebebeb);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),           to(#ebebeb));
	background-image:                    -webkit-linear-gradient(top, #ffffff,               #ebebeb);
	background-image:                         -o-linear-gradient(top, #ffffff,               #ebebeb);
	background-image:                      linear-gradient(to bottom, #ffffff,               #ebebeb);
	background-image:                             -ms-linear-gradient(#ffffff,               #ebebeb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb');
	zoom: 1;
	-webkit-box-shadow: 0 1px 0 #edf1f5;
	   -moz-box-shadow: 0 1px 0 #edf1f5;
	     -o-box-shadow: 0 1px 0 #edf1f5;
	        box-shadow: 0 1px 0 #edf1f5;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
}
form.standard .select i b {
	display: block;
	width: 16px;
	height: 31px;
	background: url(../img/sprite-icons.png) right -282px no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}
form.standard .select i em {
  font-style: normal;
}
form.standard .groupInputs {
  margin-right: 10px;
}
form.standard .groupInputs label {
  float: left;
  font-size: 12px;
  line-height: 14px;
  padding: 8px 8px;
  background: #fff;
  border: 1px solid #aeaeae;
  margin-right: -1px;
  -webkit-box-shadow: 0 1px 0 #edf1f5;
     -moz-box-shadow: 0 1px 0 #edf1f5;
       -o-box-shadow: 0 1px 0 #edf1f5;
          box-shadow: 0 1px 0 #edf1f5;
}
form.standard .groupInputs.small label strong {
  font-size: 11px;
}
form.standard .groupInputs label:first-child {
         -moz-border-radius-topleft: 5px;
      -moz-border-radius-bottomleft: 5px;
     -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
          -o-border-top-left-radius: 5px;
       -o-border-bottom-left-radius: 5px;
             border-top-left-radius: 5px;
          border-bottom-left-radius: 5px;
}
form.standard .groupInputs label:last-child {
         -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomright: 5px;
     -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
          -o-border-top-right-radius: 5px;
       -o-border-bottom-right-radius: 5px;
             border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
}
form.standard .groupInputs strong {
  display: inline;
  font-weight: bold;
}

form.standard ul.documents {
  background: #fff;
  border: 1px solid #aeaeae;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 97%;
     -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
}
form.standard ul.documents li {
  padding: 3px 10px;
  border-top: 1px solid #aeaeae;
  position: relative;
}
form.standard ul.documents li.empty {
  padding: 15px;
  text-align: center;
  color: #999;
}
form.standard ul.documents li:first-child {
  border-top: none;
}
form.standard ul.documents li a {
  font-size: 14px;
  color: #336699;
  text-decoration: none;
}
form.standard ul.documents li a:hover {
  text-decoration: underline;
}
form.standard ul.documents li a.delete {
  position: absolute;
  top: 6px;
  right: 6px;
  padding: 1px 2px 1px 3px;
  display: none;
}
form.standard ul.documents li:hover a.delete {
  display: block;
}
form.standard a.upload {
  position: absolute;
  top: 35px;
  right: 6%;
  float: right;
}
form.standard input[name="IFSC"] {
  width: 65%;
}

form.standard input:disabled,
form.standard textarea:disabled {
  background: #eee;
  cursor: not-allowed;
}

form.standard div[role="tab"] {
  display: none;
}

form.standard div[role="tab"].personal {
  display: block;
}

form.standard label.username {
  float: left; 
  margin-left: 5%;
}
form.standard label.password {
  float: left;
  margin-left: 5%;
  width: 30%;
}

.change-password .bubble {
	top: 54px;
	right: -33px;
	z-index: 10005;
	padding: 10px 15px 8px 8px;
	width: 200px;
}
.change-password .bubble:after {
	top: -9px;
	right: 47%;
}
.change-password .bubble:before {
	top: -10px;
	right: 47%;
}
.change-password .bubble label {
  margin-bottom: 8px;
}







/* ==========================================================================
   Aside
   ========================================================================== */
body section > aside {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 10000;
	padding-top: 50px;
	width: 179px;
	background: #c9ced4;
	font-size: 12px;
	border-right: 1px solid #afb3b5;
	-webkit-box-shadow: 0 0 10px #888;
	   -moz-box-shadow: 0 0 10px #888;
	     -o-box-shadow: 0 0 10px #888;
	        box-shadow: 0 0 10px #888;
}
body section > aside > h2 {
	font-size: 12px;
	line-height: 13px;
	color: #75797e;
	padding: 6px 10px;
	margin: 0;
	text-shadow: #f2f2f2 0px 1px 0;
}

/* ==========================================================================
   Filters
   ========================================================================== */

#filters {
	margin: 0;
	padding: 0;
	list-style: none;
}
#filters li > a {
	display: block;
	background-image:                       -moz-linear-gradient(top, #b6bdc5,               #9198a0);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#b6bdc5),           to(#9198a0));
	background-image:                    -webkit-linear-gradient(top, #b6bdc5,               #9198a0);
	background-image:                         -o-linear-gradient(top, #b6bdc5,               #9198a0);
	background-image:                      linear-gradient(to bottom, #b6bdc5,               #9198a0);
	background-image:                             -ms-linear-gradient(#b6bdc5,               #9198a0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6bdc5', endColorstr='#9198a0');
	zoom: 1;
	padding: 6px 10px;
	line-height: 12px;
	border-bottom: 1px solid #abafb4;
	color: #44484c;
	text-shadow: #b9bec4 0px 1px 0;
	text-decoration: none;
	font-weight: bold;
	zoom: 1;
}
#filters li > a:hover {
	background-image:                       -moz-linear-gradient(top, #c7ced6,               #9198a0);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#c7ced6),           to(#9198a0));
	background-image:                    -webkit-linear-gradient(top, #c7ced6,               #9198a0);
	background-image:                         -o-linear-gradient(top, #c7ced6,               #9198a0);
	background-image:                      linear-gradient(to bottom, #c7ced6,               #9198a0);
	background-image:                             -ms-linear-gradient(#c7ced6,               #9198a0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7ced6', endColorstr='#9198a0');
	zoom: 1;
}
#filters li.opened > a {
	background-image:                       -moz-linear-gradient(top, #d7dee5,               #b2b9c0);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#d7dee5),           to(#b2b9c0));
	background-image:                    -webkit-linear-gradient(top, #d7dee5,               #b2b9c0);
	background-image:                         -o-linear-gradient(top, #d7dee5,               #b2b9c0);
	background-image:                      linear-gradient(to bottom, #d7dee5,               #b2b9c0);
	background-image:                             -ms-linear-gradient(#d7dee5,               #b2b9c0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7dee5', endColorstr='#b2b9c0');
	zoom: 1;
	text-shadow: #f2f2f2 0px 1px 0;
}
#filters li > fieldset {
	display: none;
	padding: 10px;
	background: #ccd2d9;
}
#filters .group {
	background: #e6e9ec;
	padding: 1px;
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 #999da2;
	   -moz-box-shadow: 0 1px 0 #999da2;
	     -o-box-shadow: 0 1px 0 #999da2;
	        box-shadow: 0 1px 0 #999da2;
}
#filters .group label {
	display: block;
	border-top: 1px solid #d4d7da;
	padding: 6px 0 6px 22px;
	position: relative;
	line-height: 12px;
	text-shadow: #fff 0px 1px 0;
	cursor: pointer;
}
#filters .group label:hover {
	background-image:                       -moz-linear-gradient(top, #7794b5,               #93afd0);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#7794b5),           to(#93afd0));
	background-image:                    -webkit-linear-gradient(top, #7794b5,               #93afd0);
	background-image:                         -o-linear-gradient(top, #7794b5,               #93afd0);
	background-image:                      linear-gradient(to bottom, #7794b5,               #93afd0);
	background-image:                             -ms-linear-gradient(#7794b5,               #93afd0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7794b5', endColorstr='#93afd0');
	zoom: 1;
	color: #fff;
	text-shadow: #536579 0px 1px 0;
}
#filters .group label:first-child {
	border-top: none;
	     -moz-border-radius-topleft: 3px;
	    -moz-border-radius-topright: 3px;
	 -webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	      -o-border-top-left-radius: 3px;
	     -o-border-top-right-radius: 3px;
	         border-top-left-radius: 3px;
	        border-top-right-radius: 3px;
}
#filters .group label:last-child {
	     -moz-border-radius-bottomleft: 3px;
	    -moz-border-radius-bottomright: 3px;
	 -webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	      -o-border-bottom-left-radius: 3px;
	     -o-border-bottom-right-radius: 3px;
	         border-bottom-left-radius: 3px;
	        border-bottom-right-radius: 3px;
}
#filters .group label input {
	display: none;
}
#filters .group.checkboxes label > b {
	position: absolute;
	top: 7px;
	left: 7px;
	display: inline-block;
	*display: inline;
    zoom: 1;
	width: 8px;
	height: 8px;
	border: 1px solid #7e858c;
	   -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;
}
#filters .group.checkboxes label:hover > b {
	border: 1px solid #fff;
}
#filters .group.checkboxes label.checked > b {
	background: #7e858c;
	-webkit-box-shadow: inset 0 0 1px 1px #e6e9ec;
	   -moz-box-shadow: inset 0 0 1px 1px #e6e9ec;
	     -o-box-shadow: inset 0 0 1px 1px #e6e9ec;
	        box-shadow: inset 0 0 1px 1px #e6e9ec;
}
#filters .group.checkboxes label.checked:hover > b {
	background: #fff;
	-webkit-box-shadow: inset 0 0 1px 1px #829fc0;
	   -moz-box-shadow: inset 0 0 1px 1px #829fc0;
	     -o-box-shadow: inset 0 0 1px 1px #829fc0;
	        box-shadow: inset 0 0 1px 1px #829fc0;
}

#filters .group.radio label > b {
	position: absolute;
	top: 7px;
	left: 7px;
	display: inline-block;
	*display: inline;
    zoom: 1;
	width: 8px;
	height: 8px;
	border: 1px solid #7e858c;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
}
#filters .group.radio label:hover > b {
	border: 1px solid #fff;
}
#filters .group.radio label.checked > b {
	background: #7e858c;
	-webkit-box-shadow: inset 0 0 1px 1px #e6e9ec;
	   -moz-box-shadow: inset 0 0 1px 1px #e6e9ec;
	     -o-box-shadow: inset 0 0 1px 1px #e6e9ec;
	        box-shadow: inset 0 0 1px 1px #e6e9ec;
}
#filters .group.radio label.checked:hover > b {
	background: #fff;
	-webkit-box-shadow: inset 0 0 1px 1px #829fc0;
	   -moz-box-shadow: inset 0 0 1px 1px #829fc0;
	     -o-box-shadow: inset 0 0 1px 1px #829fc0;
	        box-shadow: inset 0 0 1px 1px #829fc0;
}
#filters input[type="text"],
#filters input[type="search"],
#filters select {
	width: 94%;
	padding: 5px 4px;
	border: 1px solid #aeaeae;
	-webkit-box-shadow: 0 1px 0 #edf1f5;
	   -moz-box-shadow: 0 1px 0 #edf1f5;
	     -o-box-shadow: 0 1px 0 #edf1f5;
	        box-shadow: 0 1px 0 #edf1f5;
	
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
}
#filters select {
	width: 100%;
}
#filter_amount label strong {
/* 	margin: -4px 0 0; */
	display: block;
	padding: 2px;
	line-height: 14px;
	color: #7e858c;
	font-weight: normal;
}
#filter_amount label input {
	display: block;
/* 	margin: -5px 0 0; */
	padding: 0;
}


/* ==========================================================================
   User Nav Left
   ========================================================================== */
#userNavLeft ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #dedede;
}
#userNavLeft ul li a {
	display: block;
	color: #4b4e52;
	text-decoration: none;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-shadow: #f2f2f2 0px 1px 0;
	border-bottom: 1px solid #afb3b5;
	border-top: 1px solid #dedede;
	position: relative;
	padding: 15px 0 15px 48px;
}
#userNavLeft ul li a .icon.size32x34 {
	position: absolute;
	top: 5px;
	left: 10px;
}
#userNavLeft ul li a:hover {
	text-shadow: #fff 0px 1px 0;
	-webkit-box-shadow: inset 0 0 1px 1px #dedede;
	   -moz-box-shadow: inset 0 0 1px 1px #dedede;
	     -o-box-shadow: inset 0 0 1px 1px #dedede;
	        box-shadow: inset 0 0 1px 1px #dedede;
	background-image:                       -moz-linear-gradient(top, #dedede,               #c9ced4);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#dedede),           to(#c9ced4));
	background-image:                    -webkit-linear-gradient(top, #dedede,               #c9ced4);
	background-image:                         -o-linear-gradient(top, #dedede,               #c9ced4);
	background-image:                      linear-gradient(to bottom, #dedede,               #c9ced4);
	background-image:                             -ms-linear-gradient(#dedede,               #c9ced4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#c9ced4');
	zoom: 1;
}
#userNavLeft ul li a:active {
	text-shadow: #fff 0px 1px 0;
	-webkit-box-shadow: inset 0 0 1px 1px #fff;
	   -moz-box-shadow: inset 0 0 1px 1px #fff;
	     -o-box-shadow: inset 0 0 1px 1px #fff;
	        box-shadow: inset 0 0 1px 1px #fff;
	background-image:                       -moz-linear-gradient(top, #c9ced4,               #dedede);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#c9ced4),           to(#dedede));
	background-image:                    -webkit-linear-gradient(top, #c9ced4,               #dedede);
	background-image:                         -o-linear-gradient(top, #c9ced4,               #dedede);
	background-image:                      linear-gradient(to bottom, #c9ced4,               #dedede);
	background-image:                             -ms-linear-gradient(#c9ced4,               #dedede);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9ced4', endColorstr='#dedede');
	zoom: 1;
}
#userNavLeft ul li a.active {
	color: #fff;
	text-shadow: #333 0px 1px 0;
	background-image:                       -moz-linear-gradient(top, #87aad1,               #6d89aa);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#87aad1),           to(#6d89aa));
	background-image:                    -webkit-linear-gradient(top, #87aad1,               #6d89aa);
	background-image:                         -o-linear-gradient(top, #87aad1,               #6d89aa);
	background-image:                      linear-gradient(to bottom, #87aad1,               #6d89aa);
	background-image:                             -ms-linear-gradient(#87aad1,               #6d89aa);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87aad1', endColorstr='#6d89aa');
	zoom: 1;
}
#userNavLeft ul li a.active .icon.profile.size32x34 {
	background-position: 0 -246px;
}
#userNavLeft ul li a.active .icon.merchants.size32x34 {
	background-position: -32px -246px;
}
#userNavLeft ul li a.active .icon.bankAccount.size32x34 {
	background-position: -64px -246px;
}
#userNavLeft ul li a.active .icon.devices.size32x34 {
	background-position: -96px -246px;
}
#userNavLeft ul li a.active .icon.contacts.size32x34 {
	background-position: -128px -246px;
}
#userNavLeft ul li a.active .icon.broadcast.size32x34 {
  background-position: -128px -348px;
}



/* ==========================================================================
   Content
   ========================================================================== */

section #content {
	padding: 50px 0 48px;
	background: #dedede;
}
section #content article.add,
section #content article.edit {
  display: none;
}
section #content.header-76px {
	padding: 126px 0 48px;
}
section #content > header {
	background-image:                       -moz-linear-gradient(top, rgba(166,186,207,.95),               rgba(129,148,170,.95));
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(rgba(166,186,207,.95)),           to(rgba(129,148,170,.95)));
	background-image:                    -webkit-linear-gradient(top, rgba(166,186,207,.95),               rgba(129,148,170,.95));
	background-image:                         -o-linear-gradient(top, rgba(166,186,207,.95),               rgba(129,148,170,.95));
	background-image:                      linear-gradient(to bottom, rgba(166,186,207,.95),               rgba(129,148,170,.95));
	background-image:                             -ms-linear-gradient(rgba(166,186,207,.95),               rgba(129,148,170,.95));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6bacf', endColorstr='#8194aa');
	zoom: 1;
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(255,255,255,.9);
	position: fixed;
	top: 50px;
	left: 180px;
	right: 0;
	padding: 0 15px;
	z-index: 10000;
}
section #content > header #calendarControls {
	margin: 21px 0;
	color: #fff;
	border: 1px solid #fff;
	float: left;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px 0 #6e7e8f;
	   -moz-box-shadow: 0 1px 1px 0 #6e7e8f;
	     -o-box-shadow: 0 1px 1px 0 #6e7e8f;
	        box-shadow: 0 1px 1px 0 #6e7e8f;
}
section #content > header #calendarControls a {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	line-height: 20px;
	font-weight: 100;
	text-shadow: #333 0px 1px 1px;
	float: left;
}
section #content > header #calendarControls a:hover {
	-webkit-box-shadow:  0 0 3px 2px #fff;
	   -moz-box-shadow:  0 0 3px 2px #fff;
	     -o-box-shadow:  0 0 3px 2px #fff;
	        box-shadow:  0 0 3px 2px #fff;
}
#calendarControls_toggle {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 6px 15px;
	width: 220px;
	text-align: center;
}
section #content > header #calendarControls a:active,
section #content > header #calendarControls a.opened {
	background-color: #fff;
	color: #7b98b8;
	text-shadow: none;
}
#calendarControls_prev {
	width: 34px;
	padding: 6px 0;
	text-indent: -9000px;
	background: url(../img/sprite-icons.png) 1px -145px no-repeat;
	       -moz-border-radius-topleft: 3px;
	    -moz-border-radius-bottomleft: 3px;
	   -webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	        -o-border-top-left-radius: 3px;
	     -o-border-bottom-left-radius: 3px;
	           border-top-left-radius: 3px;
	        border-bottom-left-radius: 3px;
}
#calendarControls_prev:active {
	background: #fff url(../img/sprite-icons.png) 1px -179px no-repeat;
}
#calendarControls_next {
	width: 34px;
	padding: 6px 0;
	text-indent: -9000px;
	background: url(../img/sprite-icons.png) -47px -145px no-repeat;
	*border: 0;
	*zoom: 1;
	       -moz-border-radius-topright: 3px;
	    -moz-border-radius-bottomright: 3px;
	   -webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	        -o-border-top-right-radius: 3px;
	     -o-border-bottom-right-radius: 3px;
	           border-top-right-radius: 3px;
	        border-bottom-right-radius: 3px;
}
#calendarControls_next:active {
	background: #fff url(../img/sprite-icons.png) -47px -179px no-repeat;
}

#exportWrap {
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	top: 30px;
	right: 15px;
}
#exportToggle {
	border: 1px solid #fff;
	padding: 5px 10px 5px;
	font-weight: bold;
	margin: 1px;
	color: #fff;
	text-decoration: none;
	text-shadow: #666 0px 1px 0;
	vertical-align: middle;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
}
#exportToggle:hover {
	-webkit-box-shadow: 0 0 3px 0px #fff;
	   -moz-box-shadow: 0 0 3px 0px #fff;
	     -o-box-shadow: 0 0 3px 0px #fff;
	        box-shadow: 0 0 3px 0px #fff;
}
#exportWrap .buttonsGroup {
	display: none;
}
#exportWrap .buttonsGroup {
	padding: 0 0 0 10px;
}

#calendarPicker {
	float: left;
	width: 100%;
	position: relative;
	border-top: 1px solid #8898a8;
	display: none;
}
#calendarPicker .wrap {
	margin: 0 0 25px;
	padding: 20px;
	border-top: 1px solid #b5c5d5;
}
#calendarPicker .prev {
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -33px;
	background: url(../img/sprite-icons.png) 0 -145px no-repeat;
	width: 34px;
	height: 34px;
	text-indent: -9000px;
}
#calendarPicker .next {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -33px;
	background: url(../img/sprite-icons.png) -48px -145px no-repeat;
	width: 34px;
	height: 34px;
	text-indent: -9000px;
}
#calendarPicker .prev:hover {
	left: 9px;
}
#calendarPicker .prev.inactive:hover {
  left: 10px;
}
#calendarPicker .next:hover {
	right: 11px;
}
#calendarPicker .next.inactive:hover {
  right: 10px;
}
#calendarPicker .prev:hover,
#calendarPicker .next:hover {
	width: 32px;
	height: 32px;
	margin-top: -34px;
	border: 1px solid #fff;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
}
#calendarPicker .controls .inactive,
#calendarPicker .controls .inactive {
	opacity: .4;
}
#calendarPicker .controls .inactive:hover,
#calendarPicker .controls .inactive:hover {
  border: none;
  width: 34px;
	height: 34px;
	margin-top: -33px;
	cursor: default;
}
#calendarPicker .close {
	font-size: 11px;
	text-indent: -9000px;
	position: absolute;
	top: 15px;
	right: 15px;
	opacity: .8;
	   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px;
}
#calendarPicker .close:hover {
	opacity: 1;
	-webkit-box-shadow: 0 0 3px 3px #fff, inset 0 0 2px 2px #fff;
	   -moz-box-shadow: 0 0 3px 3px #fff, inset 0 0 2px 2px #fff;
	     -o-box-shadow: 0 0 3px 3px #fff, inset 0 0 2px 2px #fff;
	        box-shadow: 0 0 2px 2px #fff, inset 0 0 2px 2px #fff;
}
#calendarPicker .apply {
	position: absolute;
	bottom: 15px;
	right: 15px;
	border: 1px solid #fff;
	padding: 5px 10px 6px;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	margin: 1px;
	color: #fff;
	text-decoration: none;
	text-shadow: #666 0px 1px 0;
	vertical-align: middle;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
}
#calendarPicker .apply:hover {
	-webkit-box-shadow: 0 0 3px 1px #fff;
	   -moz-box-shadow: 0 0 3px 1px #fff;
	     -o-box-shadow: 0 0 3px 1px #fff;
	        box-shadow: 0 0 3px 1px #fff;
}
#calendarPicker {
	text-align: center;
}
#calendarPicker .calendar {
	display: inline-block;
	*display: inline;
    zoom: 1;
	width: 260px;
	margin: 0 20px;
	cursor: default;
}
#calendarPicker .calendar.hidden {
  display: none;
}
#calendarPicker .calendar .month,
#calendarPicker .calendar .weekDays,
#calendarPicker .calendar .days {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 1em;
	text-shadow: #333 0px 1px 1px;
}
#calendarPicker .calendar .month {
	padding: 0 0 15px;
	font-weight: 200;
}
#calendarPicker .calendar .weekDays span {
	float: left;
	width: 14.285714286%;
	font-size: 12px;
	color: #738799;
	text-shadow: none;
	padding: 3px 0 0;
}
#calendarPicker .calendar .days span {
	float: left;
	width: 14.285714286%;
	font-size: 16px;
	color: #fff;
	text-shadow: #333 0px 1px 1px;
	padding: 6px 0;
	margin: 2px 0;
	   -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;
}
#calendarPicker .calendar .days span:hover,
#calendarPicker .calendar .days span.border {
	cursor: pointer;
	box-shadow: 0 0 0 1px #fff;
}
#calendarPicker .calendar .days span.range {
  box-shadow: 0px 1px 0px 0px #fff, 0px -1px 0px 0px #fff;
     -moz-border-radius: 0;
  -webkit-border-radius: 0;
       -o-border-radius: 0;
          border-radius: 0;
}
#calendarPicker .calendar .days span.unactive,
#calendarPicker .calendar .days span.unactive:hover {
	text-indent: -9000px;
	box-shadow: none;
	cursor: default;
}
#calendarPicker .calendar .days span.inactive,
#calendarPicker .calendar .days span.inactive:hover {
	box-shadow: none;
	cursor: default;
	color: #738799;
	text-shadow: none;
}
#calendarPicker .calendar .days span.selected {
  background: #fff;
  color: #738799;
  text-shadow: none;
     -moz-border-radius: 0;
  -webkit-border-radius: 0;
       -o-border-radius: 0;
          border-radius: 0;
}
#calendarPicker .calendar .days span.radius {
     -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
       -o-border-radius: 15px;
          border-radius: 15px;
}
#calendarPicker .calendar .days span.selected.left {
         -moz-border-radius-topleft: 15px;
      -moz-border-radius-bottomleft: 15px;
     -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
          -o-border-top-left-radius: 15px;
       -o-border-bottom-left-radius: 15px;
             border-top-left-radius: 15px;
          border-bottom-left-radius: 15px;
}
#calendarPicker .calendar .days span.selected.right {
         -moz-border-radius-topright: 15px;
      -moz-border-radius-bottomright: 15px;
     -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
          -o-border-top-right-radius: 15px;
       -o-border-bottom-right-radius: 15px;
             border-top-right-radius: 15px;
          border-bottom-right-radius: 15px;
}
#calendarPicker .calendar .days span.leftPoint {
/*   background: none; */
  box-shadow: 0px 1px 0px 0px #fff, 0px -1px 0px 0px #fff, -1px 0px 0px 0px #fff;
     -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;
         -moz-border-radius-topright: 0;
      -moz-border-radius-bottomright: 0;
     -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
          -o-border-top-right-radius: 0;
       -o-border-bottom-right-radius: 0;
             border-top-right-radius: 0;
          border-bottom-right-radius: 0;
}
#calendarPicker .calendar .days span.rightPoint {
/*   background: none; */
  box-shadow: 0px 1px 0px 0px #fff, 0px -1px 0px 0px #fff, 1px 0px 0px 0px #fff;
     -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	     -o-border-radius: 15px;
	        border-radius: 15px;
         -moz-border-radius-topleft: 0;
      -moz-border-radius-bottomleft: 0;
     -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
          -o-border-top-left-radius: 0;
       -o-border-bottom-left-radius: 0;
             border-top-left-radius: 0;
          border-bottom-left-radius: 0;
}


/* ==========================================================================
   Sales & Deposits
   ========================================================================== */

#salesOverview {
	margin: 15px;
	background: #222;
	   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px;
}
#salesInfo {
	border-top: 3px solid #dedede;
	color: #fff;
	padding: 10px;
}
#salesInfo ul {
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
#salesInfo ul li {
	float: left;
	width: 16.666666667%;
	font-size: 22px;
	text-shadow: #000 0px 1px 1px;
	-webkit-box-shadow: -1px 0 0 #343434;
	   -moz-box-shadow: -1px 0 0 #343434;
	     -o-box-shadow: -1px 0 0 #343434;
	        box-shadow: -1px 0 0 #343434;
}
#salesInfo ul li span {
	padding: 3px 10px;
	line-height: 22px;
	display: block;
	font-weight: 100;
}
#salesInfo ul li span strong  {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
	color: #666;
}
#salesInfo ul li span small {
	font-size: 22px;
	font-weight: normal;
}

article#deposits {
  margin-top: 76px;
}
article#salesOverview {
  margin-top: 90px;
}
article.list .pagination {
  text-align: center;
  padding: 10px 0;
}
article.list .pagination a.more {
  font-size: 13px;
  line-height: 13px;
  padding: 4px 10px;
  text-decoration: none;
  margin: 0 auto;
  display: inline-block;
  border: 1px solid #999;
  text-shadow: #fff 0px 1px 0px;
  color: #333;
     -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
}
article.list .pagination a.more:hover {
  background: #fff;
}
article.list .pagination span {
  font-size: 12px;
  color: #999;
  padding: 0 5px;
}
article.list dl,
article.list dl dt,
article.list dl dd {
	margin: 0;
	padding: 0;
}

article.list dl dt {
	background-image:                       -moz-linear-gradient(top, #abb5c2,               #98a6b8);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#abb5c2),           to(#98a6b8));
	background-image:                    -webkit-linear-gradient(top, #abb5c2,               #98a6b8);
	background-image:                         -o-linear-gradient(top, #abb5c2,               #98a6b8);
	background-image:                      linear-gradient(to bottom, #abb5c2,               #98a6b8);
	background-image:                             -ms-linear-gradient(#abb5c2,               #98a6b8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abb5c2', endColorstr='#98a6b8');
	zoom: 1;
	border-top: 1px solid #828d99;
	border-bottom: 1px solid #828d99;
	-webkit-box-shadow: inset 0 1px 1px #c0c8d1;
	   -moz-box-shadow: inset 0 1px 1px #c0c8d1;
	     -o-box-shadow: inset 0 1px 1px #c0c8d1;
	        box-shadow: inset 0 1px 1px #c0c8d1;
}
article.list dl dt .icon {
	float: left;
	margin: 6px 0 0 18px;
}
article.list dl dt time {
	padding: 0 0 0 10px;
	font-size: 12px;
	color: #fff;
	text-shadow: #333 0px 1px 1px;
}
article.list dl dd {
	margin-bottom: 1px;
}



article.list dl dd > a {
	display: block;
	background: #fff;
	padding: 10px 15px;
	color: #336699;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0;
	font-size: 16px;
	line-height: 16px;
	height: 100%;
	overflow: hidden;
	position: relative;
}
article.list dl dd > a:hover,
article.list dl dd > a:hover strong {
	background: #e8eef5;
}
article.list dl dd a strong {
	font-weight: normal;
	padding: 10px 10px 5px 15px;
	float: right;
	position: absolute;
	top: 4px;
	right: 15px;
	background: #fff;
}
article#sales.list dl dd > a strong {
	right: 50px;
}
article.list dl dd > a span {
	float: left;
/* 	width: 35%; */
	min-width: 180px;
	margin: 4px 0 0 10%;
	font-size: 13px;
}
article.list dl dd > a span small {
	font-size: 13px;
	color: #9ca1a6;
	font-weight: 200;
}
article.list dl dd > a .wrap {
	float: left;
	width: 60%;
}
article.list dl dd > a .size32x20 {
	float: right;
}
article.list dl dd > a .size16x16 {
	float: left;
	margin: 4px 4px 0;
}
article.list dl dd > a time {
	float: left;
	padding: 4px 4px 0;
	font-weight: 200;
}
article.list dl dd div.info {
  width: 100%;
  height: 48px;
  position: relative;
}
article#merchants dl dd.info {
  padding-left: 52px;
}

#salesReceipt .bubble-email {
  width: 250px;
  top: 52px;
  left: 70px;
}
#salesReceipt .bubble-email:before,
#salesReceipt .bubble-email:after {
  right: 54%;
}
#salesReceipt .bubble-sms {
  width: 200px;
  top: 52px;
  left: 126px;
}
#salesReceipt a.map {
         -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomright: 5px;
     -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
          -o-border-top-right-radius: 5px;
       -o-border-bottom-right-radius: 5px;
             border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
}
#salesReceipt .bubble-map {
  width: 300px;
  height: 250px;
  top: 52px;
  left: 56px;
  padding: 5px;
}
#salesReceipt .bubble-map:before,
#salesReceipt .bubble-map:after {
  right: 25%;
}
#salesReceipt .bubble-map iframe {
     -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
       -o-border-radius: 2px;
          border-radius: 2px;
}
#salesReceipt .bubble-email textarea {
  height: 40px;
}


/* ==========================================================================
   Popup
   ========================================================================== */

article.popup {
  position: fixed;
  top: 100px;
  left: 50%;
  margin-left: -215px;
  width: 430px;
  height: 400px;
  background: #fff;
  z-index: 11000;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 15px #444;
     -moz-box-shadow: 0 0 15px #444;
       -o-box-shadow: 0 0 15px #444;
          box-shadow: 0 0 15px #444;
     -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
}
article.popup > header {
  background: #1c1c1c;
  padding: 10px 15px;
  position: relative;
  height: 26px;
       -moz-border-radius-topleft: 4px;
      -moz-border-radius-topright: 4px;
   -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
        -o-border-top-left-radius: 4px;
       -o-border-top-right-radius: 4px;
           border-top-left-radius: 4px;
          border-top-right-radius: 4px;
}
article.popup > header h2 {
  margin: 0;
  padding: 5px 0;
  width: 100px;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  float: left;
}
article.popup > header a.close {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -10px;
  opacity: .5;
  display: block;
  width: 20px;
  height: 20px;
}
article.popup > header a.close:hover {
  opacity: .8;
}
article.popup > header a.close:active {
  opacity: 1;
}
article.popup > header .buttonsGroup > a {
  box-shadow: none;
  padding: 6px 8px;
}


/* ==========================================================================
   Footer
   ========================================================================== */

body > footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10001;
	background: #d5d5d5;
	border-top: 1px solid #b2b2b2;
	height: 48px;
	-webkit-box-shadow: inset 0 0 1px 1px #fff;
	   -moz-box-shadow: inset 0 0 1px 1px #fff;
	     -o-box-shadow: inset 0 0 1px 1px #fff;
	        box-shadow: inset 0 0 1px 1px #fff;
}
body > footer nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
body > footer nav ul li {
	display: inline-block;
	*display: inline;
    zoom: 1;
	padding: 0 5px;
}
body > footer nav ul li a {
	font-size: 12px;
	color: #999;
	text-shadow: #fff 0px 1px 0;
	text-decoration: none;
}
body > footer nav ul li a:hover {
	color: #333;
	   -moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	     -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;
}


/* ==========================================================================
   Settings List
   ========================================================================== */

section #content > header {
	-webkit-box-shadow: inset 0 1px 0 0 #8ba3be;
	   -moz-box-shadow: inset 0 1px 0 0 #8ba3be;
	     -o-box-shadow: inset 0 1px 0 0 #8ba3be;
	        box-shadow: inset 0 1px 0 0 #8ba3be;
}
section #content > header h1 {
	font-size: 30px;
	font-weight: 100;
	color: #fff;
	margin: 0;
	padding: 20px 10px;
	cursor: default;
}
section #content > header h1 span {
	color: #c2cfdd;
}
section #content > header .right-actions {
  position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -15px;
}
section #content > header .right-actions a.button-white {
	   -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	     -o-border-radius: 6px;
	        border-radius: 6px;
}
article#merchants,
article#bankAccounts,
article#devices,
article#contacts,
article#broadcast {
  margin-top: 66px;
}
article.list dl.settings {
	padding-top: 31px;
	position: relative;
}
article.list dl.settings dt {
	background-image:                       -moz-linear-gradient(top, #bababa,               #b0b0b0);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#bababa),           to(#b0b0b0));
	background-image:                    -webkit-linear-gradient(top, #bababa,               #b0b0b0);
	background-image:                         -o-linear-gradient(top, #bababa,               #b0b0b0);
	background-image:                      linear-gradient(to bottom, #bababa,               #b0b0b0);
	background-image:                             -ms-linear-gradient(#bababa,               #b0b0b0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#b0b0b0');
	zoom: 1;
	border-bottom: 1px solid #979797;
	border-top: 1px solid #979797;
	padding: 2px 0 0px 0;
	position: fixed;
	top: 117px;
	left: 180px;
	right: 0;
	z-index: 10002;
	-webkit-box-shadow: inset 0 0 -1px #ccc;
	   -moz-box-shadow: inset 0 0 -1px #ccc;
	     -o-box-shadow: inset 0 0 -1px #ccc;
	        box-shadow: inset 0 0 -1px #ccc;
}
article.list dl.settings dt {
  padding: 2px 0 0px 0;
}
article.list dl.settings dt span {
	display: inline-block;
	*display: inline;
	zoom: 1;
  vertical-align: top;
	height: 26px;
	font-size: 12px;
	color: #fff;
	padding: 0 0 0 15px;
	text-shadow: #333 0px 1px 1px;
	cursor: default;
	text-align: left;
	border-left: 1px solid #cecece;
	position: relative;
	float: left;
}
article.list dl.settings dt span:first-child {
	border-left: none;
}
article#merchants dl.settings span.name,
article#bankAccounts dl.settings span.name {
  border: none;
}
#contacts dd .info label.size48x48 {
	padding: 10px 0 0 0;
	margin: 0;
	text-align: center;
	height: 38px;
	width: 48px;
	float: left;
	font-size: 12px;
}
#contacts dt label.size48x48 {
  width: 48px;
  float: left;
  text-align: center;
  font-size: 12px;
}

article.list dl.settings dt span .local-search {
  /* display: none; */
}
article.list dl.settings dt .local-search > a {
	position: absolute;
	right: 2px;
	top: 1px;
	padding: 2px 2px 1px;
}
article.list dl dt .local-search > a .icon {
	margin: 0;
}

article.list dl.settings dt span .local-search .bubble {
	top: 38px;
	right: -103px;
	padding: 10px 15px 8px 8px;
	margin: 0;
	width: 200px;
}
article.list dl.settings dt span .local-search .bubble:after {
	top: -9px;
	right: 47%;
}
article.list dl.settings dt span .local-search .bubble form:after {
	top: -10px;
	right: 47%;
}


article.list dl.settings dd {
  height: 48px;
}
article.list dl.settings dd {
  background: #fff;
  position: relative;
}
article.list dl.settings dd span {
	display: inline-block;
	*display: inline;
  zoom: 1;
  padding: 12px 0 0 15px;
  text-align: left;
  border-left: 1px solid #dedede;
  height: 36px;
  font-size: 14px;
  color: #336699;
  text-shadow: #fff 0px 1px 0;
  cursor: default;
  float: left;
}
article.list dl.settings dd span.logo {
	background: #f3f3f3;
	margin: 0;
	padding: 0;
	border: none;
}
article.list dl.settings span.logo.size48x48 {
  width: 48px;
  padding: 0;
  margin: 0;
  float: left;
}
article.list dl.settings span.logo.size96x48 {
  width: 96px;
  padding: 0;
  margin: 0;
  float: left;
}
article.list dl.settings dd span.logo.size48x48,
article.list dl.settings dd span.logo.size96x48 {
  height: 48px;
}
article.list dl.settings span.logo.size48x48 img {
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
}
article.list dl.settings span.logo.size96x48 img {
  max-width: 96px;
  max-height: 48px;
  margin: 0 auto;
  display: block;
  padding: 0;
}
article.list dl.settings dd div.controls {
  display: none;
}

.wp10 {
  width: 10%;
}
.wp15 {
  width: 15%;
}
.wp20 {
  width: 20%;
}
.wp25 {
  width: 25%;
}
.wp30 {
  width: 30%;
}
.wp35 {
  width: 35%;
}
.wp40 {
  width: 40%;
}
.wp45 {
  width: 45%;
}
.wp50 {
  width: 50%;
}
.wp55 {
  width: 55%;
}
.wp60 {
  width: 60%;
}
.wp65 {
  width: 65%;
}
.wp70 {
  width: 70%;
}
.wp75 {
  width: 75%;
}
.wp80 {
  width: 80%;
}

article.list dl.settings .info .right-actions {
  position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -14px;
	display: none;
}
article.list dl.settings .info:hover .right-actions {
  display: block;
}
article.list dl.settings dd.editing .right-actions {
  display: block;
}
article.list dl.settings dd.editing .right-actions a.edit {
  background: none;
}


article#devices dl.settings dt,
article#broadcast dl.settings dt {
  padding-left: 60px;
}
article#devices dl.settings dt span.date,
article#broadcast dl.settings dt span.date {
  width: 50px;
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 12px;
}
article#devices dl.settings dd div.info,
article#broadcast dl.settings dd div.info {
  padding-left: 60px;
  width: auto;
}
article#devices dl.settings dd span.date,
article#broadcast dl.settings dd span.date {
  width: 44px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 14px;
  text-align: center;
  padding: 12px 5px 0;
  height: 36px;
  font-size: 12px;
}



/* ==========================================================================
   Common
   ========================================================================== */

.percents40 {
	width: 42%;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.mobile-only {
  display: none;
}
.desktop-only {
  display: inherit;
}
.button-blue {
	border: 1px solid #5a6e83;
	background: #87aad1;
	background-image:                       -moz-linear-gradient(top, #87aad1,               #6d8aab);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#87aad1),           to(#6d8aab));
	background-image:                    -webkit-linear-gradient(top, #87aad1,               #6d8aab);
	background-image:                         -o-linear-gradient(top, #87aad1,               #6d8aab);
	background-image:                      linear-gradient(to bottom, #87aad1,               #6d8aab);
	background-image:                             -ms-linear-gradient(#87aad1,               #6d8aab);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87aad1', endColorstr='#6d8aab');
	zoom: 1;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 7px 10px;
	text-shadow: #666 0px -1px 0;
	-webkit-box-shadow: inset 0 0 1px 1px #a6bdd8, 0 1px 0px 0px rgba(255,255,255,.5);
	   -moz-box-shadow: inset 0 0 1px 1px #a6bdd8, 0 1px 0px 0px rgba(255,255,255,.5);
	     -o-box-shadow: inset 0 0 1px 1px #a6bdd8, 0 1px 0px 0px rgba(255,255,255,.5);
	        box-shadow: inset 0 0 1px 1px #a6bdd8, 0 1px 0px 0px rgba(255,255,255,.5);
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
}
.button-blue:hover {
	border: 1px solid #5a6e83;
	background-image:                       -moz-linear-gradient(top, #9abadd,               #6d8aab);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#9abadd),           to(#6d8aab));
	background-image:                    -webkit-linear-gradient(top, #9abadd,               #6d8aab);
	background-image:                         -o-linear-gradient(top, #9abadd,               #6d8aab);
	background-image:                      linear-gradient(to bottom, #9abadd,               #6d8aab);
	background-image:                             -ms-linear-gradient(#9abadd,               #6d8aab);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9abadd', endColorstr='#6d8aab');
	zoom: 1;
}
.button-blue:active,
.button-blue.active {
	background-image:                       -moz-linear-gradient(top, #6d8aab,               #87aad1);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#6d8aab),           to(#87aad1));
	background-image:                    -webkit-linear-gradient(top, #6d8aab,               #87aad1);
	background-image:                         -o-linear-gradient(top, #6d8aab,               #87aad1);
	background-image:                      linear-gradient(to bottom, #6d8aab,               #87aad1);
	background-image:                             -ms-linear-gradient(#6d8aab,               #87aad1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d8aab', endColorstr='#87aad1');
	zoom: 1;
}
.button-blue.disabled {
	border: 1px solid #999;
	color: #ddd;
	cursor: default;
	text-shadow: none;
	-webkit-box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	   -moz-box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	     -o-box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	        box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	background-image:                       -moz-linear-gradient(top, #cccccc,               #aaaaaa);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc),           to(#aaaaaa));
	background-image:                    -webkit-linear-gradient(top, #cccccc,               #aaaaaa);
	background-image:                         -o-linear-gradient(top, #cccccc,               #aaaaaa);
	background-image:                      linear-gradient(to bottom, #cccccc,               #aaaaaa);
	background-image:                             -ms-linear-gradient(#cccccc,               #aaaaaa);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aaaaaa');
	zoom: 1;
}



.button-white {
	border: 1px solid #697684;
	background: #87aad1;
	background-image:                       -moz-linear-gradient(top, #f2f2f2,               #c5cad0);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2),           to(#c5cad0));
	background-image:                    -webkit-linear-gradient(top, #f2f2f2,               #c5cad0);
	background-image:                         -o-linear-gradient(top, #f2f2f2,               #c5cad0);
	background-image:                      linear-gradient(to bottom, #f2f2f2,               #c5cad0);
	background-image:                             -ms-linear-gradient(#f2f2f2,               #c5cad0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#c5cad0');
	zoom: 1;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #44484c;
	text-decoration: none;
	padding: 6px 10px 5px;
	text-shadow: #fff 0px 1px 0;
	-webkit-box-shadow: inset 0 0 1px 1px #eeeff0, 0 1px 0px 0px rgba(255,255,255,.5);
	   -moz-box-shadow: inset 0 0 1px 1px #eeeff0, 0 1px 0px 0px rgba(255,255,255,.5);
	     -o-box-shadow: inset 0 0 1px 1px #eeeff0, 0 1px 0px 0px rgba(255,255,255,.5);
	        box-shadow: inset 0 0 1px 1px #eeeff0, 0 1px 0px 0px rgba(255,255,255,.5);
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
}
.button-white:hover {
	border: 1px solid #697684;
	background-image:                       -moz-linear-gradient(top, #ffffff,               #c5cad0);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),           to(#c5cad0));
	background-image:                    -webkit-linear-gradient(top, #ffffff,               #c5cad0);
	background-image:                         -o-linear-gradient(top, #ffffff,               #c5cad0);
	background-image:                      linear-gradient(to bottom, #ffffff,               #c5cad0);
	background-image:                             -ms-linear-gradient(#ffffff,               #c5cad0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c5cad0');
	zoom: 1;
}
.button-white:active,
.button-white.active {
	background-image:                       -moz-linear-gradient(top, #c5cad0,               #f2f2f2);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#c5cad0),           to(#f2f2f2));
	background-image:                    -webkit-linear-gradient(top, #c5cad0,               #f2f2f2);
	background-image:                         -o-linear-gradient(top, #c5cad0,               #f2f2f2);
	background-image:                      linear-gradient(to bottom, #c5cad0,               #f2f2f2);
	background-image:                             -ms-linear-gradient(#c5cad0,               #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5cad0', endColorstr='#f2f2f2');
	zoom: 1;
}
.button-white.disabled {
	border: 1px solid #999;
	color: #ddd;
	cursor: default;
	text-shadow: none;
	-webkit-box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	   -moz-box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	     -o-box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	        box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	background-image:                       -moz-linear-gradient(top, #cccccc,               #aaaaaa);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc),           to(#aaaaaa));
	background-image:                    -webkit-linear-gradient(top, #cccccc,               #aaaaaa);
	background-image:                         -o-linear-gradient(top, #cccccc,               #aaaaaa);
	background-image:                      linear-gradient(to bottom, #cccccc,               #aaaaaa);
	background-image:                             -ms-linear-gradient(#cccccc,               #aaaaaa);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aaaaaa');
	zoom: 1;
}




.button-green {
	border: 1px solid #697684;
	background: #87aad1;
	background-image:                       -moz-linear-gradient(top, #6fd333,               #4eb71d);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#6fd333),           to(#4eb71d));
	background-image:                    -webkit-linear-gradient(top, #6fd333,               #4eb71d);
	background-image:                         -o-linear-gradient(top, #6fd333,               #4eb71d);
	background-image:                      linear-gradient(to bottom, #6fd333,               #4eb71d);
	background-image:                             -ms-linear-gradient(#6fd333,               #4eb71d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6fd333', endColorstr='#4eb71d');
	zoom: 1;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #44484c;
	text-decoration: none;
	padding: 6px 10px 5px;
	text-shadow: #fff 0px 1px 0;
	-webkit-box-shadow: inset 0 0 1px 1px #eeeff0, 0 1px 0px 0px rgba(255,255,255,.5);
	   -moz-box-shadow: inset 0 0 1px 1px #eeeff0, 0 1px 0px 0px rgba(255,255,255,.5);
	     -o-box-shadow: inset 0 0 1px 1px #eeeff0, 0 1px 0px 0px rgba(255,255,255,.5);
	        box-shadow: inset 0 0 1px 1px #eeeff0, 0 1px 0px 0px rgba(255,255,255,.5);
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
}
.button-green:hover {
	border: 1px solid #697684;
	background-image:                       -moz-linear-gradient(top, #92e360,               #4eb71d);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#92e360),           to(#4eb71d));
	background-image:                    -webkit-linear-gradient(top, #92e360,               #4eb71d);
	background-image:                         -o-linear-gradient(top, #92e360,               #4eb71d);
	background-image:                      linear-gradient(to bottom, #92e360,               #4eb71d);
	background-image:                             -ms-linear-gradient(#92e360,               #4eb71d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92e360', endColorstr='#4eb71d');
	zoom: 1;
}
.button-green:active,
.button-green.active {
	background-image:                       -moz-linear-gradient(top, #4eb71d,               #6fd333);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#4eb71d),           to(#6fd333));
	background-image:                    -webkit-linear-gradient(top, #4eb71d,               #6fd333);
	background-image:                         -o-linear-gradient(top, #4eb71d,               #6fd333);
	background-image:                      linear-gradient(to bottom, #4eb71d,               #6fd333);
	background-image:                             -ms-linear-gradient(#4eb71d,               #6fd333);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4eb71d', endColorstr='#6fd333');
	zoom: 1;
}
.button-green.disabled {
	border: 1px solid #999;
	color: #ddd;
	cursor: default;
	text-shadow: none;
	-webkit-box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	   -moz-box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	     -o-box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	        box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	background-image:                       -moz-linear-gradient(top, #cccccc,               #aaaaaa);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc),           to(#aaaaaa));
	background-image:                    -webkit-linear-gradient(top, #cccccc,               #aaaaaa);
	background-image:                         -o-linear-gradient(top, #cccccc,               #aaaaaa);
	background-image:                      linear-gradient(to bottom, #cccccc,               #aaaaaa);
	background-image:                             -ms-linear-gradient(#cccccc,               #aaaaaa);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aaaaaa');
	zoom: 1;
}



.button-black {
	border: 1px solid #697684;
	background: #87aad1;
	background-image:                       -moz-linear-gradient(top, #333333,               #000000);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#333333),           to(#000000));
	background-image:                    -webkit-linear-gradient(top, #333333,               #000000);
	background-image:                         -o-linear-gradient(top, #333333,               #000000);
	background-image:                      linear-gradient(to bottom, #333333,               #000000);
	background-image:                             -ms-linear-gradient(#333333,               #000000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
	zoom: 1;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #44484c;
	text-decoration: none;
	padding: 6px 10px 5px;
	text-shadow: #fff 0px 1px 0;
	-webkit-box-shadow: inset 0 0 1px 1px #eeeff0, 0 1px 0px 0px rgba(255,255,255,.5);
	   -moz-box-shadow: inset 0 0 1px 1px #eeeff0, 0 1px 0px 0px rgba(255,255,255,.5);
	     -o-box-shadow: inset 0 0 1px 1px #eeeff0, 0 1px 0px 0px rgba(255,255,255,.5);
	        box-shadow: inset 0 0 1px 1px #eeeff0, 0 1px 0px 0px rgba(255,255,255,.5);
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
}
.button-black:hover {
	border: 1px solid #697684;
	background-image:                       -moz-linear-gradient(top, #666666,               #000000);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#666666),           to(#000000));
	background-image:                    -webkit-linear-gradient(top, #666666,               #000000);
	background-image:                         -o-linear-gradient(top, #666666,               #000000);
	background-image:                      linear-gradient(to bottom, #666666,               #000000);
	background-image:                             -ms-linear-gradient(#666666,               #000000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
	zoom: 1;
}
.button-black:active {
	background-image:                       -moz-linear-gradient(top, #000000,               #666666);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#000000),           to(#666666));
	background-image:                    -webkit-linear-gradient(top, #000000,               #666666);
	background-image:                         -o-linear-gradient(top, #000000,               #666666);
	background-image:                      linear-gradient(to bottom, #000000,               #666666);
	background-image:                             -ms-linear-gradient(#000000,               #666666);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
	zoom: 1;
}
.button-black.disabled {
	border: 1px solid #999;
	color: #ddd;
	cursor: default;
	text-shadow: none;
	-webkit-box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	   -moz-box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	     -o-box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	        box-shadow: 0 1px 0px 0 rgba(255,255,255,.5);
	background-image:                       -moz-linear-gradient(top, #cccccc,               #aaaaaa);
	background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc),           to(#aaaaaa));
	background-image:                    -webkit-linear-gradient(top, #cccccc,               #aaaaaa);
	background-image:                         -o-linear-gradient(top, #cccccc,               #aaaaaa);
	background-image:                      linear-gradient(to bottom, #cccccc,               #aaaaaa);
	background-image:                             -ms-linear-gradient(#cccccc,               #aaaaaa);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aaaaaa');
	zoom: 1;
}


.button-blue em,
.button-green em,
.button-white em,
.button-black em {
  font-style: normal;
}


.buttonsGroup > a {
  margin: 0 -1px 0 0;
     -moz-border-radius: 0;
  -webkit-border-radius: 0;
       -o-border-radius: 0;
          border-radius: 0;
}
.buttonsGroup > a:first-child {
	       -moz-border-radius-topleft: 5px;
	    -moz-border-radius-bottomleft: 5px;
	   -webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	        -o-border-top-left-radius: 5px;
	     -o-border-bottom-left-radius: 5px;
	           border-top-left-radius: 5px;
	        border-bottom-left-radius: 5px;
}
.buttonsGroup > a:last-child {
	       -moz-border-radius-topright: 5px;
	    -moz-border-radius-bottomright: 5px;
	   -webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	        -o-border-top-right-radius: 5px;
	     -o-border-bottom-right-radius: 5px;
	           border-top-right-radius: 5px;
	        border-bottom-right-radius: 5px;
}



.hasIcon {
	position: relative;
	padding-left: 26px;
}
.hasIcon .icon {
	position: absolute;
	left: 6px;
	top: 50%;
}
.hasIcon .icon.size16x16 {
	margin-top: -8px;
}


.bubble {
  position: absolute;
	top: 38px;
	display: none;
	padding: 10px 15px 8px 8px;
	margin: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	background: #f0f0f0;
	-webkit-box-shadow: inset 0 0 1px 1px #fff, 0 1px 15px rgba(0, 0, 0, 0.33);
	   -moz-box-shadow: inset 0 0 1px 1px #fff, 0 1px 15px rgba(0, 0, 0, 0.33);
	        box-shadow: inset 0 0 1px 1px #fff, 0 1px 15px rgba(0, 0, 0, 0.33);
}
.bubble:after {
	display: inline-block;
	*display: inline;
    zoom: 1;
	width: 0;
	height: 0;
	vertical-align: middle;
	margin: 0;
	border-bottom: 10px solid #f0f0f0;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: "";
	position: absolute;
	top: -9px;
	right: 47%;
}
.bubble:before {
  display: inline-block;
	*display: inline;
    zoom: 1;
	width: 0;
	height: 0;
	vertical-align: middle;
	margin: 0;
	border-bottom: 10px solid #999;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: "";
	position: absolute;
	top: -10px;
	right: 47%;
}



/* ==========================================================================
   Icons
   ========================================================================== */

.icon {
	background-image: url(../img/sprite-icons.png);
	background-repeat: no-repeat;
	display: inline-block;
	*display: inline;
    zoom: 1;
}
.icon.size16x16 {
	width: 16px;
	height: 16px;
}
.icon.size32x24 {
	width: 32px;
	height: 24px;
}
.icon.size32x20 {
	width: 32px;
	height: 20px;
}
.icon.size32x34 {
	width: 32px;
	height: 34px;
}
.icon.size32x22 {
	width: 32px;
	height: 22px;
}
.icon.size20x20 {
	width: 20px;
	height: 20px;
}
.icon.size32x22.sales {
	background-position: 0 -56px;
}
a:hover .icon.size32x22.sales,
.active .icon.size32x22.sales {
	background-position: 0 -80px;
}
.icon.size32x22.deposits {
	background-position: -32px -56px;
}
a:hover .icon.size32x22.deposits,
.active .icon.size32x22.deposits {
	background-position: -32px -80px;
}

a .icon.size16x16.profile {
	background-position: 0 -112px;
}
a .icon.size16x16.merchants {
	background-position: -16px -112px;
}
a .icon.size16x16.bankAccounts {
	background-position: -32px -112px;
}
a .icon.size16x16.devices {
	background-position: -48px -112px;
}
a .icon.size16x16.contacts {
	background-position: -64px -112px;
}
a .icon.size16x16.broadcast {
	background-position: -96px -296px;
}
a .icon.size16x16.help {
	background-position: -80px -112px;
}
a .icon.size16x16.signOut {
	background-position: -96px -112px;
}
.icon.size16x16.approved {
	background-position: -112px -127px;
}
.icon.size16x16.rejected {
	background-position: -128px -112px;
}
.icon.size16x16.pending {
	background-position: -128px -127px;
}
.icon.size16x16.failed {
	background-position: -112px -280px;
}
.icon.size16x16.settled {
	background-position: -128px -280px;
}
.icon.size16x16.deposited {
	background-position: -128px -296px;
}
.icon.size16x16.time {
	background-position: -112px -112px;
}
.icon.size16x16.calendar {
	background-position: -144px -112px;
}
.icon.size16x16.add {
	background-position: -16px -280px;
}
.icon.size16x16.edit {
	background-position: -32px -280px;
}
.icon.size16x16.info {
  background-position: -16px -296px;
}
.icon.size16x16.search {
	background-position: -48px -280px;
}
.icon.size16x16.close.white {
	background-position: -144px -128px;
}
.icon.size16x16.delete {
	background-position: -48px -296px;
}
.icon.size16x16.upload {
	background-position: -32px -296px;
}

.icon.size32x20.visa {
	background-position: -128px -184px;
}
.icon.size32x20.amex {
	background-position: -96px -144px;
}
.icon.size32x20.maestro {
	background-position: -128px -144px;
}
.icon.size32x20.diners {
	background-position: -96px -164px;
}
.icon.size32x20.mastercard {
	background-position: -128px -164px;
}
.icon.size32x20.discover {
	background-position: -96px -184px;
}
.icon.size32x34.profile {
	background-position: 0 -212px;
}
.icon.size32x34.merchants {
	background-position: -32px -212px;
}
.icon.size32x34.bankAccount {
	background-position: -64px -212px;
}
.icon.size32x34.devices {
	background-position: -96px -212px;
}
.icon.size32x34.contacts {
	background-position: -128px -212px;
}
.icon.size32x34.broadcast {
  background-position: -128px -314px;
}

.icon.size20x20.close {
  background-position: -102px -355px;
}
.icon.size20x20.close-white {
  background-position: -70px -355px;
}

.icon.roundedBorder {
	background-color: #fff;
	border: 1px solid #d9dee5;
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
}



/* ==========================================================================
   Loading
   ========================================================================== */

#loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.6);
	z-index: 20000;
	display: none;
}
#loadingIcon {
	width: 62px;
	height: 73px;
	position: fixed;
	top: 50%;
	left: 50%;
	background: url(../img/loading.png) 0 0 no-repeat;
	margin: -32px 0 0 -37px;
}
#loading span {
	display: block;
	width: 100px;
	text-align: center;
	margin: 104px 0 0 0;
	color: #fff;
	text-shadow: #000 0px 1px 1px;
	font-family: "Helvetica Nue", Helvetica, Arial;
	font-size: 13px;
}

h1.loading {
  text-align: center;
  padding: 20% 0 0;
  margin-left: -180px;
  font-weight: 100;
  font-size: 60px;
  letter-spacing: 3px;
  cursor: default;
  color: #999;
  text-shadow: #fff 0px 2px 1px;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		.icon,
		body > header #logo,
		#calendarControls_prev,
		#calendarControls_next,
		#userNav > a strong {
			background-image: url(../img/sprite-icons-x2.png) !important;
			      -moz-background-size: 160px 500px;
             -ie-background-size: 160px 500px;
              -o-background-size: 160px 500px;
         -webkit-background-size: 160px 500px;
                 background-size: 160px 500px;
		}
	}

@media only screen and (max-height: 400px) {
  #userNav ul {
    width: 280px;
  }
  #userNav ul li {
    float: left;
    width: 50%;
  }
  #userNav ul li.userNav-sep {
    display: none;
  }
  #userNav ul li.userNav-sep.mobile-visible {
    float: left;
    width: 100%;
    display: block;
  }
}
@media only screen and (max-width: 768px) {
	body {
		margin: 0;
	}
	body > section aside,
	body > footer {
		display: none;
	}
	section #content > header,
	article#merchants dl dt {
		left: 0;
	}
	body > header #logo {
		margin-right: 0;
	}
	
	h1.loading {
    margin-left: 0;
    font-size: 30px;
  }
	
	#mainNav ul li {
		padding: 0 0 4px;
	}
	section #content.merchants > header h1,
	section #content.bankAccounts > header h1,
	section #content.devices > header h1,
	section #content.contacts > header h1,
	section #content.broadcast > header h1 {
		font-size: 22px;
		padding: 6px 0;
	}
	article#salesOverview {
  	margin-top: 76px;
	}
	article#deposits {
  	margin-top: 64px;
	}
	article.list dl.settings dt {
		display: none;
	}
	article.list dl.settings {
		padding-top: 0;
	}
	#exportWrap {
		display: none;
	}
	section #content > header #calendarControls {
		margin: 15px 0;
	}
	section #content > header #calendarControls a {
		font-size: 13px;
	}
	#calendarControls_toggle {
  	width: 160px;
	}
	#calendarControls_prev {
		padding: 6px 4px;
		background-position: 5px -145px;
	}
	#calendarControls_prev:active {
		background-position: 5px -179px;
	}
	#calendarControls_next {
		padding: 6px 4px;
		background-position: -43px -145px;
	}
	#calendarControls_next:active {
		background-position: -43px -179px;
	}
	#calendarPicker .prev {
		left: 0;
	}
	#calendarPicker .next {
		right: 0;
	}
	#calendarPicker .prev:hover {
		left: -1px;
	}
	#calendarPicker .next:hover {
		right: 1px;
	}
	
	#calendarPicker .calendar {
		width: 200px;
		margin: 0 20px;
		cursor: default;
	}
	#userNav {
		position: absolute;
		top: 8px;
		right: 8px;
		margin: 0;
		padding: 0;
	}
	#userNav ul {
		top: 45px;
		right: 0px;
	}
	#userNav > a span {
		display: none;
	}
	#userNav > a {
		width: auto;
		padding: 6px 10px 0;
	}
	#userNav > a strong {
		background-image: url(../img/sprite-icons.png);
		background-repeat: no-repeat;
		display: inline-block;
		*display: inline;
		zoom: 1;
		width: 28px;
		height: 20px;
		background-position: -2px -318px;
		text-indent: -9000px;
	}
	
	
	#salesInfo ul li {
		width: 50%;
	}
	
	
	
	article#profile {
		width: 100%;
	}
	form.standard div.actions {
		left: 0;
		bottom: 0;
		right: 0;
		padding: 10px;
		background: #333;
		position: static;
	}
	form.standard h2 {
		padding: 10px 20px;
		font-size: 20px;
	}
	form.standard label strong {
		font-size: 11px;
	}
	form.standard label .icon.size16x16 {
		display: none;
	}
	#profileName label {
		float: left;
		width: 30%;
		padding: 0 3% 0 0;
	}
	#profileName label input {
		width: 87%;
	}
	#profileField_changePassword {
		right: 0;
		top: 13px;
		font-size: 12px;
		padding: 3px 5px 3px;
	}
	form.standard .avatar strong {
		font-size: 14px;
	}
	#profileField_avatar {
		display: none;
	}
	
	article.list dl.settings .info:hover .right-actions {
  	display: none;
	}
	
	article#merchants,
	article#bankAccounts,
	article#devices,
	article#contacts,
	article#broadcast {
  	margin-top: 39px;
	}
	article.list dl.settings dd 
	article.list dl.settings dd .info {
		position: relative;
	}
	article.list dl.settings dd {
  	overflow: hidden;
	}
	article.list dl dd.opened div.controls {
  	left: 0;
	}
	article.list dl.settings dd div.controls {
		width: 165px;
		display: block;
		float: left;
		height: 42px;
		padding: 6px 0 0 0;
		background: #666;
		margin: 0 0 0 -175px;
		zoom: 1;
	}
	article#bankAccounts dl.settings dd div.controls,
	article#devices dl.settings dd div.controls {
  	width: 110px;
	}
	article.list dl.settings dd div.controls .button-black,
	article.list dl.settings dd div.controls .button-green {
	border: 1px solid #000;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,.3), 0 1px 0px 0px rgba(0,0,0,.5);
	   -moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,.3), 0 1px 0px 0px rgba(0,0,0,.5);
	     -o-box-shadow: inset 0 0 1px 1px rgba(255,255,255,.3), 0 1px 0px 0px rgba(0,0,0,.5);
	        box-shadow: inset 0 0 1px 1px rgba(255,255,255,.3), 0 1px 0px 0px rgba(0,0,0,.5);
	}
	article.list dl dd div.controls a.back {
		float: left;
		width: 32px;
		padding: 2px 9px;
		height: 34px;
	}
	article.list dl dd div.controls a.back .icon.back {
		background-position: -32px -314px;
	}
	article.list dl dd div.controls a.call {
		float: left;
		width: 32px;
		padding: 2px 9px;
		height: 34px;
		display: block;
	}
	article.list dl dd div.controls a.call em,
	article.list dl dd div.controls a.edit em {
		display: none;
	}
	article.list dl dd div.controls a.call .icon.call {
		background-position: -64px -314px;
	}
	article.list dl.settings dd span.name {
		float: none;
		width: auto;
		position: absolute;
		top: 3px;
		left: 55px;
		height: 20px;
		overflow: hidden;
		color: #44484e;
		font-size: 14px;
	}
	article#bankAccounts dl.settings dd span.name {
  	left: 103px;
	}
	article#bankAccounts dl.settings dd span.address {
  	left: 103px;
  	top: 22px;
  	position: absolute;
  	font-size: 10px;
	}
	article.list dl.settings dd span {
		padding: 0;
		border: none;
	}
	article#merchants dl dd span.phone {
		position: absolute;
		top: 30px;
		left: 68px;
		font-size: 10px;
		height: 10px;
		line-height: 10px;
		display: block;
	}
	article#merchants dl dd span.users {
		position: absolute;
		top: 30px;
		left: 175px;
		font-size: 10px;
		height: 10px;
		line-height: 10px;
		display: block;
	}
	article#merchants dl dd span.phone b {
		width: 10px;
		height: 10px;
		background-image: url(../img/sprite-icons.png);
		background-position: -83px -283px;
		position: absolute;
		bottom: 0;
		left: -13px;
	}
	article#merchants dl dd span.users b {
		width: 10px;
		height: 10px;
		background-image: url(../img/sprite-icons.png);
		background-position: -99px -283px;
		position: absolute;
		bottom: 0;
		left: -13px;
	}
	
	article#contacts dl dd label.size48x48 {
  	background: #666;
	}
	article#contacts dl dd span.name {
  	position: absolute;
  	top: 3px;
  	left: 55px;
	}
	article#contacts dl dd span.email {
  	position: absolute;
  	top: 20px;
  	left: 55px;
  	font-size: 12px;
	}
	
	article.list dl.settings dd div.controls a.edit,
	article.list dl.settings dd div.controls a.call {
		float: left;
		width: 32px;
		padding: 0px 9px;
		height: 34px;
		margin: 0 5px 0 0;
	}
	article.list dl.settings dd div.controls a.edit .icon.edit {
		width: 32px;
		height: 34px;
		background-position: -96px -314px;
		position: static;
		margin: 0;
	}
	article.list dl dd .controls .arrow-right {
		display: block;
		position: absolute;
		top: 17px;
		right: 8px;
		background-position: -64px -280px;
	}
	
	.mobile-only {
    display: inherit;
  }
  .desktop-only {
    display: none;
  }
  
  #devices dd .info {
    padding-left: 56px;
    width: auto;
  }
  #devices dd .info small {
    padding-top: 5px;
    line-height: 8px;
    color: #444;
    font-size: 10px;
  }
  #devices dd div.info .date {
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px 0;
    width: 48px;
    line-height: 12px;
    text-align: center;
    background: #666;
    color: #fff;
    display: block;
    height: 24px;
    text-shadow: #000 0px 1px 0;
  }
  
  #devices dd .info .serialNumber {
    width: 45%;
    padding-top: 5px;
    font-size: 12px;
  }
  
  #devices dd .info .activationCode {
    width: 25%;
    padding-top: 5px;
    font-size: 12px;
  }
  
  #devices dd .info .status {
    position: absolute;
  	top: 15px;
  	right: 35px;
  	border: 1px solid #ccc;
  	color: #333;
  	padding: 4px 6px;
  	width: auto;
  	height: 8px;
  	font-size: 12px;
  	line-height: 8px;
  	text-shadow: none;
  	   -moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	     -o-border-radius: 5px;
  	        border-radius: 5px;
  }
	#devices dd .info .status small {
  	display: none;
	}
}

@media only screen and (min-width: 768px) {
	
}

@media only screen and (min-width: 1140px) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}