/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

* {
    cursor: default;
}

html,
body {
    overflow: hidden;
	margin: 0;
	padding: 0;
}

body {
    background: #222;
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: .8em;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

input[type='button'], input[type='submit'] {
	display: inline-block;
	padding: 2px 10px;
	font-size: .95em;
	border-radius: 4px;
	border:1px solid #9a9a9a;
	text-decoration: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-weight:normal;
	color: #000;
	outline: none;
	text-shadow: 0 1px 0 rgba(255,255,255,0.09);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #EBEBEB),color-stop(0.5, #ECECEC),color-stop(0.5, #F3F3F3),color-stop(1, #FFFFFF));
	background-image:-moz-linear-gradient( center bottom, #EBEBEB 0%, #ECECEC 50%, #F3F3F3 50%, #FFFFFF 100%);
	box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 1px 0 rgba(0,0,0,0.09);	
}

input[type='button']:active, input[type='submit']:active {
	box-shadow:inset 0 16px 0 rgba(0,115,215,0.3), inset 0 1px 0 rgba(255,255,255,1), 0 1px 0 rgba(0,0,0,0.09);
	background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0, #D3F7FD), color-stop(0.5, #87C5FB), color-stop(0.5, #A1D1F9), color-stop(1, #D4E9FC));
	background-image:-moz-linear-gradient( center bottom, #D3F7FD 0%, #87C5FB 50%, #A1D1F9 50%, #D4E9FC 100% );
	border-top-color:#5a5caf;
	border-bottom-color:#52536f;
	border-left-color:#56578f;
	border-right-color:#56578f;
}

#wrapper *::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}
#wrapper *::-webkit-scrollbar-track {
    background: rgb(224, 224, 224);
    border-left: solid 1px rgb(200, 200, 200);
}
#wrapper *::-webkit-scrollbar-thumb {
    background: rgb(168, 168, 168);
    background: #999;
    min-height: 30px;
}

/* `Misc
----------------------------------------------------------------------------------------------------*/
.take-picture {
	position: absolute;
}
.abs {
    position: absolute !important;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

.align_center {
    text-align: center;
}

.align_right {
    text-align: right;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.ui-resizable-se {
    background: url(../images/gui/window_corner.gif) no-repeat right bottom;
    font-size: 0;
    overflow: hidden;
    width: 15px;
    height: 15px;
    right: 0;
    bottom: 0;
}

div.ui-resizable-handle {
    display: none !important;
    visibility: hidden !important;
}

/* `Icons
----------------------------------------------------------------------------------------------------*/

.icon {
    background: url(../images/gui/trans_white.png) no-repeat -99999px -99999px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-background-clip: padding-box;
    color: #fff;
    line-height: 1.3;
    padding: 6px 1px 6px;
    text-align: center;
    text-shadow: #000 0 1px 2px;
    width: 80px;
}

.icon.active {
    background: url(../images/gui/trans_black.png);
}

.icon img {
    background: url(../images/gui/trans_black.png) no-repeat -99999px -99999px;
    display: block;
    margin: 0 auto 5px;
    width: 48px;
    height: 48px;
}

.icon:hover
.icon.ui-draggable-dragging {
    background-position: 0 0;
    background-repeat: repeat;
    border: 1px solid #fff;
    padding: 5px 0 5px;
}

.icon.ui-draggable-dragging  {
    z-index: 20;
}

.icon.disabled {
	opacity: .5;
}

.remove-product img {
	cursor: pointer;
}

/* `Windows
----------------------------------------------------------------------------------------------------*/
div.gray { 
	background: #ccc; 
}

div.error, tr.error { 
	background-color: rgb(205, 92, 92) !important;
    background-color: rgba(205, 92, 92, 1) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.window {
    background: #fef;
    color: #000;
    display: block;
    width: 700px;
	min-width: 700px;
    height: 500px;
	min-height: 500px;
	top: 26px;
    z-index: 2;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(133,121,133,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(133,121,133,1);
	box-shadow: 0px 0px 5px 0px rgba(133,121,133,1);
}

.window.window_stack,
.window.ui-draggable-dragging {
    z-index: 10;
}

.window.ui-draggable-dragging {
    opacity: 0.5;
}

.window.ui-draggable-dragging .window_content,
.window.ui-draggable-dragging .window_bottom {
    display: none;
}

.window_full.ui-draggable-dragging {
    opacity: 1;
}

.window_full.ui-draggable-dragging .window_content,
.window_full.ui-draggable-dragging .window_bottom {
    display: block;
}

.window_full {
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    width: 100%;
    height: 100%;
}

.window_full .ui-resizable-se {
    display: none;
}

.window_top {
    background: -webkit-linear-gradient(rgba(233, 233, 233, 1.0), rgba(178, 178, 178, 1.0) 25px, #fef, #fef 50px);
	background: -moz-linear-gradient(rgba(233, 233, 233, 1.0), rgba(178, 178, 178, 1.0) 25px, #fef, #fef 50px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 1px 1px rgba(0,0,0,0.26), 0 0 0 1px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    line-height: 25px;
    padding: 0 10px;
    text-shadow: #000 0 1px 1px;
    height: 25px;
}

.window_top img {
    float: left;
    margin: 6px 5px 0 0;
}

.window_bottom {
	background: -webkit-linear-gradient(rgba(233, 233, 233, 1.0), rgba(178, 178, 178, 1.0) 15px, #fef, #fef 60px);
	background: -moz-linear-gradient(rgba(233, 233, 233, 1.0), rgba(178, 178, 178, 1.0) 15px, #fef, #fef 60px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px 1px rgba(0,0,0,0.2), 0 0 0 1px rgba(0, 0, 0, 0.3);
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    text-shadow: #fff 0 1px 1px;
    height: 20px;
    left: 1px;
    right: 1px;
    bottom: 1px;
}

.window_inner {
    padding: 1px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.window_content {
    line-height: 1.5;
    overflow-y: auto;
	overflow-x: hidden;
    top: 27px;
    left: 0px;
    right: 0px;
    bottom: 23px;
}

.window_aside {
    float: left;
    font-size: 11px;
    width: 300px;
	border-right: 1px solid #999;
}

.window_main {
	border-left: 1px solid #999;
    margin-left: 300px;
    min-height: 100%;
}

.window_full .window_top,
.window_full .window_bottom {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
}

.window_full .window_inner {
    bottom: -1px;
}

.delivery {
	background: #fef;
}

h1.titleInside {
    position:relative;
    z-index:2;
	color:#3c3c3c;
	font-size:13px;
	line-height:25px;
	text-decoration:none;
	text-shadow: 0 1px 1px #e7e7e7;
	text-align:center;
	cursor: pointer;
}

nav.control-window {
	position:absolute;
	left:5px;
	top:5px;
	z-index:10;
	height:19px;
}
nav.control-window a {
    display: inline-block;
    margin: 2px 0px 3px 1px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    box-shadow: 0px 1px 0px rgba(255,255,255,.5);
    text-indent: -9999px;
    position: relative;
}
nav.control-window a:before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 100%;
    box-shadow:inset 0 1px 4px rgba(0, 0, 0, .8);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}
nav.control-window a:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    border-radius: 100%;
    background: -webkit-linear-gradient(white, rgba(255, 255, 255, .9) 2%, white, rgba(255, 255, 255, .4) 16%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, .74), rgba(255, 255, 255, .7) 122%, rgba(255, 255, 255, .7));
	background: -moz-linear-gradient(white, rgba(255, 255, 255, .9) 2%, white, rgba(255, 255, 255, .4) 16%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, .74), rgba(255, 255, 255, .7) 122%, rgba(255, 255, 255, .7));
    box-shadow: inset 0px -3px -5px 3px rgba(255, 255, 255, 0.2), inset 0px 2px -5px 3px rgba(255, 255, 255, 0.2);
}
nav.control-window a.close {
    background: #FD4E4E;
}
nav.control-window:hover a.close {
	background: #FD4E4E url(../images/buttons-hover.png) 1px 1px no-repeat;
}
nav.control-window a.close:active {
    background: #c72f2b url(../images/buttons-hover.png) 1px 1px no-repeat;
}
nav.control-window a.minimize {
    background: #F3BB55;
}
nav.control-window:hover a.minimize {
    background: #F3BB55 url(../images/buttons-hover.png) -9px 1px no-repeat;
}
nav.control-window a.minimize:active {
    background: #c7862c url(../images/buttons-hover.png) -9px 1px no-repeat;
}
nav.control-window a.maximize {
    background: #96D16F;
}
nav.control-window:hover a.maximize {
    background: #96D16F url(../images/buttons-hover.png) -19px 1px no-repeat;
}
nav.control-window a.maximize:active {
    background: #4a8e33 url(../images/buttons-hover.png) -19px 1px no-repeat;
}
nav.control-window a.deactivate {
    background: #b5b5b5;
}

.right-align {
	text-align: right;
}

.sale-ticket {
    text-align: left;
    background-color: white;
    padding: 15px;
    font-size: 1.3em;
    display: inline-block;
    overflow: hidden;
	
}

.sale-ticket .emph {
    font-size: 1.5em;
    margin: 5px;
}

.sale-ticket table {
    width: 100%;
    border: 0;
    table-layout: fixed;
}

/* `Table >> Data
----------------------------------------------------------------------------------------------------*/

table.data {
    width: 100%;
    white-space: nowrap;
}

table.data th,
table.data td {
    padding: 5px 10px;
    vertical-align: middle;
}

table.data th {
    background: #fff url(../images/gui/bar_top.png) repeat-x left bottom;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    font-weight: 500;
    text-shadow: #fff 0 1px 1px;
    white-space: nowrap;
}

table.data th:first-child {
    border-left: 0;
}

table.data img {
    display: block;
}

table.data tbody tr:nth-child(even) {
    background: #def;
}

table.data tbody tr.active td {
    background: #06c url(../images/gui/bar_top_link.png) repeat-x;
    color: #fff;
}

th.shrink {
    width: 1%;
}

div.table {
	display: table;
	width: 100%;
}

div.heading {
	display: table-row;
	text-align: center;
	padding: 5px 10px;
	vertical-align: middle;
	background: #fff url(../images/gui/bar_top.png) repeat-x left bottom;
	text-shadow: #fff 0 1px 1px;
	white-space: nowrap;
}

div.row {
	display: table-row;
}

div.cell {
	display: table-cell;
	padding: 5px 10px;
	vertical-align: middle;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	text-align: left;
}

.cell:first-child {
	border-left: 0;
}

.row:nth-child(even) {
	background: #fff;
}

.row:nth-child(odd) {
	background: #def;
}

.remove-product, .remove-all-products {
	cursor: pointer;
}
/* `Bar >> Top
----------------------------------------------------------------------------------------------------*/
#head {
	background: #e9e9e9;
	background: -moz-linear-gradient(top,  #e9e9e9 0%, #bbbabb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#bbbabb));
	width:100%;
	min-width: 900px;
	height:25px;
	z-index:1000;
	-moz-animation:none;
	-webkit-animation:none;
	border-bottom:1px solid #444444;
	box-shadow:0px 0px 10px #141414;

}
#head nav#menu-dx{
	float:right;
	margin-right:10px;
	line-height:25px;
}
#head nav#menu-dx ul {
	margin:0;
	padding:0;
}
#head nav#menu-dx ul li {
	float:left;
	position:relative;
	height:25px;
}

#head nav#menu-dx ul li.username a {
	font-weight:bold;
}

#head nav#menu-dx ul li a {
	display:block;
	color:#000;
	font-size:13px;
	text-decoration:none;
	text-shadow: 0 1px 1px #dbdbdb;
	padding:0 5px;
	font-weight:400;
}
#head nav#menu{
	position:absolute;
	left:10px;
	top:0;
	line-height:25px;
	min-width: 500px;
}
#head nav#menu ul {
	margin:0;
	padding:0;
}
#head nav#menu ul li {
	float:left;
	position:relative;
	height:25px;
}
#head nav#menu ul li a {
	display:block;
	color:#000;
	font-size:13px;
	text-decoration:none;
	text-shadow: 0 1px 1px #dbdbdb;
	padding:0 10px;
	font-weight:400;
	cursor: pointer;
}

#head nav#menu ul li.here a {
	font-weight:bold;
}
#head nav#menu ul li:hover {
	background: #7793f5;
	background: -moz-linear-gradient(top,  #7793f5 0%, #406df2 50%, #275af1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7793f5), color-stop(50%,#406df2), color-stop(100%,#275af1));
	border-bottom:1px solid #1746d7;
}
#head nav#menu ul li:hover a {
	color:#fff;
	text-shadow:none;
}
#head nav#menu ul li ul.sublist {
	float: left;
    left: 0;
	top:26px;
	list-style:none;
    margin: 0;
    padding: 0;
    position: absolute;
	background:rgba(255,255,255,0.99);
	box-shadow:0 6px 12px rgba(0,0,0,0.7);
	border-radius:0 0 5px 5px;
	visibility: hidden;
	z-index: 1000;
}
#head nav#menu ul li ul.sublist li {
    clear: both;
    padding: 0;
	margin:0;
	/*padding:0 0 0 22px;*/
	width:200px;
	font-size:13px;
	line-height:20px;
	cursor: pointer;
}
#head nav#menu ul li:hover ul.sublist {
	visibility:visible;
}
#head nav#menu ul li ul.sublist li a {
	color:#000;
	text-indent:0;
    width: 200px;
	background-image:none;
	padding:0 0 0 22px;
	font-weight:normal;
	display:block;
}
#head nav#menu ul li ul.sublist li:hover a {
	color:#fff;
}
#head nav#menu ul li ul.sublist li:first-child {
	margin:5px 0 0 0;
}
#head nav#menu ul li ul.sublist li:last-child {
	margin:0 0 5px 0;
}
#head nav#menu ul li ul.sublist li.divider {
	border-top:1px solid #e2e2e2;
	height:1px;
	background:none;
	margin:5px 0 4px 0;
}
#head nav#menu ul li ul.sublist li.divider:hover {
	border-top:1px solid #e2e2e2;
}
#head nav#menu ul li ul.sublist li:hover {
	border:none;
}
#head nav#menu ul li ul.sublist li.disable {
	color:#969696;
}
#head nav#menu ul li ul.sublist li.disable:hover {
	background:none;
}
#head nav#menu ul li ul.sublist li span.arrow {
	display:inline-block;
	width:0;
	height:0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; 
    border-left:9px solid rgba(0,0,0,0.5);
	text-indent:-9999px;
	float:right;
	margin-top: -14px;
	margin-right: 14px;
}
#head nav#menu ul li ul.sublist li:hover span.arrow {
	border-left-color:#fff;
}
#head nav#menu ul li ul.sublist li.disable span.arrow, #head nav#menu ul li ul.sublist li.disable:hover span.arrow {
	border-left-color:rgba(0,0,0,0.35);
}
#head nav#menu ul li ul.sublist li ul.sublist-menu {
	float: left;
    left: 100%;
	top:-5px;
	list-style:none;
    margin: 0;
    padding: 0;
    position: absolute;
	background:rgba(255,255,255,0.95);
	box-shadow:4px 9px 12px rgba(0,0,0,0.7);
	border-radius:0 5px 5px 5px;
	visibility:hidden;
	color:#000;
}
#head nav#menu ul li ul.sublist li ul.sublist-menu li {
    clear: both;
    padding: 0;
	margin:0;
	width:200px;
	font-size:13px;
	line-height:20px;
}
#head nav#menu ul li ul.sublist li ul.sublist-menu li  a{
	color: #333;
}
#head nav#menu ul li ul.sublist li ul.sublist-menu li  a:hover{
	color: white;
}
#head nav#menu ul li ul.sublist li:hover ul.sublist-menu {
	visibility:visible;
}
#head nav#menu ul li ul.sublist li ul.sublist-menu li:hover {
	color:#fff;
}
#head nav#menu ul li ul.sublist li ul.sublist-menu li:first-child {
	margin:5px 0 0 0;
}
#head nav#menu ul li ul.sublist li ul.sublist-menu li:last-child {
	margin:0 0 5px 0;
}
#head nav#menu ul li ul.sublist li ul.sublist-menu li.divider {
	border-top:1px solid #e2e2e2;
	height:1px;
	background:none;
	margin:5px 0 4px 0;
}
#head nav#menu ul li ul.sublist li ul.sublist-menu li.divider:hover {
	border-top:1px solid #e2e2e2;
}
#head nav#menu ul li ul.sublist li ul.sublist-menu li:hover {
	border:none;
}
#head nav#menu ul li ul.sublist li ul.sublist-menu li.disable {
	color:#969696;
}
#head nav#menu ul li ul.sublist li ul.sublist-menu li.disable:hover {
	background:none;
}

/* `Wrapper + Wallpaper + Desktop
----------------------------------------------------------------------------------------------------*/

#wallpaper {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
	min-width: 900px;
}

#desktop, #pageLogin {
    overflow: hidden;
	min-width: 900px;
    top: 0px;
    left: 0;
    right: 0;
    bottom: -40px;
}

#wrapper {
    top: 0;
    left: 0;
    right: 0;
    bottom: 40px;
}

menu {
    color: red;
}

navigation {
    background-color: #333 /* darkgrey */;
}

/* `Clock
----------------------------------------------------------------------------------------------------*/
#clock {
	position: absolute;
	width:370px;
	height: 100%;
	padding:20px;
	top: 26px;
	right: 0px;
	/*background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
}

#clock .display {
	text-align:center;
	padding: 40px 20px 20px;
	border-radius:6px;
	position:relative;
	height: 54px;
}

#clock.light {
	/*background-color:#f3f3f3;
	color:#272e38;*/
}

#clock.light:after {
	box-shadow:0 4px 10px rgba(0,0,0,0.15);
}

#clock.light .digits div span {
	background-color:#272e38;
	border-color:#272e38;	
}

#clock.light .digits div.dots:before,
#clock.light .digits div.dots:after {
	background-color:#272e38;
}

#clock.light .alarm {
	background:url('../images/alarm_light.jpg');
}

#clock.light .display {
	/*background-color:#dddddd;
	box-shadow:0 1px 1px rgba(0,0,0,0.08) inset, 0 1px 1px #fafafa;*/
}

#clock.dark {
	/*background-color:#272e38;*/
	color:white;
}

#clock.dark:after {
	box-shadow:0 4px 10px rgba(0,0,0,0.3);
}

#clock.dark .digits div span {
	background-color:#cacaca;
	border-color:#cacaca;	
}

#clock.dark .alarm {
	background:url('../images/alarm_dark.jpg');
}

#clock.dark .display {
	/*background-color:#0f1620;
	box-shadow:0 1px 1px rgba(0,0,0,0.08) inset, 0 1px 1px #2d3642;*/
}

#clock.dark .digits div.dots:before,
#clock.dark .digits div.dots:after {
	background-color:#cacaca;
}

#clock .digits div {
	text-align:left;
	position:relative;
	width: 28px;
	height:50px;
	display:inline-block;
	margin:0 4px;
}

#clock .digits div span {
	opacity:0;
	position:absolute;

	-webkit-transition:0.25s;
	-moz-transition:0.25s;
	transition:0.25s;
}

#clock .digits div span:before,
#clock .digits div span:after {
	content:'';
	position:absolute;
	width:0;
	height:0;
	border:5px solid transparent;
}

#clock .digits .d1{			height:5px;width:16px;top:0;left:6px;}
#clock .digits .d1:before{	border-width:0 5px 5px 0;border-right-color:inherit;left:-5px;}
#clock .digits .d1:after{	border-width:0 0 5px 5px;border-left-color:inherit;right:-5px;}

#clock .digits .d2{			height:5px;width:16px;top:24px;left:6px;}
#clock .digits .d2:before{	border-width:3px 4px 2px;border-right-color:inherit;left:-8px;}
#clock .digits .d2:after{	border-width:3px 4px 2px;border-left-color:inherit;right:-8px;}

#clock .digits .d3{			height:5px;width:16px;top:48px;left:6px;}
#clock .digits .d3:before{	border-width:5px 5px 0 0;border-right-color:inherit;left:-5px;}
#clock .digits .d3:after{	border-width:5px 0 0 5px;border-left-color:inherit;right:-5px;}

#clock .digits .d4{			width:5px;height:14px;top:7px;left:0;}
#clock .digits .d4:before{	border-width:0 5px 5px 0;border-bottom-color:inherit;top:-5px;}
#clock .digits .d4:after{	border-width:0 0 5px 5px;border-left-color:inherit;bottom:-5px;}

#clock .digits .d5{			width:5px;height:14px;top:7px;right:0;}
#clock .digits .d5:before{	border-width:0 0 5px 5px;border-bottom-color:inherit;top:-5px;}
#clock .digits .d5:after{	border-width:5px 0 0 5px;border-top-color:inherit;bottom:-5px;}

#clock .digits .d6{			width:5px;height:14px;top:32px;left:0;}
#clock .digits .d6:before{	border-width:0 5px 5px 0;border-bottom-color:inherit;top:-5px;}
#clock .digits .d6:after{	border-width:0 0 5px 5px;border-left-color:inherit;bottom:-5px;}

#clock .digits .d7{			width:5px;height:14px;top:32px;right:0;}
#clock .digits .d7:before{	border-width:0 0 5px 5px;border-bottom-color:inherit;top:-5px;}
#clock .digits .d7:after{	border-width:5px 0 0 5px;border-top-color:inherit;bottom:-5px;}


/* 1 */

#clock .digits div.one .d5,
#clock .digits div.one .d7{
	opacity:1;
}

/* 2 */

#clock .digits div.two .d1,
#clock .digits div.two .d5,
#clock .digits div.two .d2,
#clock .digits div.two .d6,
#clock .digits div.two .d3{
	opacity:1;
}

/* 3 */

#clock .digits div.three .d1,
#clock .digits div.three .d5,
#clock .digits div.three .d2,
#clock .digits div.three .d7,
#clock .digits div.three .d3{
	opacity:1;
}

/* 4 */

#clock .digits div.four .d5,
#clock .digits div.four .d2,
#clock .digits div.four .d4,
#clock .digits div.four .d7{
	opacity:1;
}

/* 5 */

#clock .digits div.five .d1,
#clock .digits div.five .d2,
#clock .digits div.five .d4,
#clock .digits div.five .d3,
#clock .digits div.five .d7{
	opacity:1;
}

/* 6 */

#clock .digits div.six .d1,
#clock .digits div.six .d2,
#clock .digits div.six .d4,
#clock .digits div.six .d3,
#clock .digits div.six .d6,
#clock .digits div.six .d7{
	opacity:1;
}


/* 7 */

#clock .digits div.seven .d1,
#clock .digits div.seven .d5,
#clock .digits div.seven .d7{
	opacity:1;
}

/* 8 */

#clock .digits div.eight .d1,
#clock .digits div.eight .d2,
#clock .digits div.eight .d3,
#clock .digits div.eight .d4,
#clock .digits div.eight .d5,
#clock .digits div.eight .d6,
#clock .digits div.eight .d7{
	opacity:1;
}

/* 9 */

#clock .digits div.nine .d1,
#clock .digits div.nine .d2,
#clock .digits div.nine .d3,
#clock .digits div.nine .d4,
#clock .digits div.nine .d5,
#clock .digits div.nine .d7{
	opacity:1;
}

/* 0 */

#clock .digits div.zero .d1,
#clock .digits div.zero .d3,
#clock .digits div.zero .d4,
#clock .digits div.zero .d5,
#clock .digits div.zero .d6,
#clock .digits div.zero .d7{
	opacity:1;
}


/* The dots */

#clock .digits div.dots{
	width:5px;
}

#clock .digits div.dots:before,
#clock .digits div.dots:after{
	width:5px;
	height:5px;
	content:'';
	position:absolute;
	left:0;
	top:14px;
}

#clock .digits div.dots:after{
	top:34px;
}

#clock .alarm{
	width:16px;
	height:16px;
	bottom:20px;
	background:url('../images/alarm_light.jpg');
	position:absolute;
	opacity:0.2;
}

#clock .alarm.active{
	opacity:1;
}

#clock .user{
	width: 100%;
	left: 0px;
	text-align: center;
	font-size: 2em;
	text-transform: uppercase;
	color:#cacaca;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #cacaca;
}

#clock .info{
	width: 90%;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 5px;
	margin: 10px 0;
}

#clock .info.success{
	background-color: rgb(60, 179, 113);
    background-color: rgba(60, 179, 113, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	box-shadow: inset 0px 0px 6px -3px #000000;
	-webkit-box-shadow: inset 0px 0px 6px -3px #000000;
	-moz-box-shadow: inset 0px 0px 6px -3px #000000;
	-o-box-shadow: inset 0px 0px 6px -3px #000000;
}

#clock .info.error{
	background-color: rgb(205, 92, 92);
    background-color: rgba(205, 92, 92, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	box-shadow: inset 0px 0px 6px -3px #000000;
	-webkit-box-shadow: inset 0px 0px 6px -3px #000000;
	-moz-box-shadow: inset 0px 0px 6px -3px #000000;
	-o-box-shadow: inset 0px 0px 6px -3px #000000;
}

#clock .info.normal{
	background-color: rgb(211, 211, 211);
    background-color: rgba(211, 211, 211, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	box-shadow: inset 0px 0px 6px -3px #000000;
	-webkit-box-shadow: inset 0px 0px 6px -3px #000000;
	-moz-box-shadow: inset 0px 0px 6px -3px #000000;
	-o-box-shadow: inset 0px 0px 6px -3px #000000;
}

#clock .info.warning{
	background-color: rgb(218, 165, 32);
    background-color: rgba(218, 165, 32, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	box-shadow: inset 0px 0px 6px -3px #000000;
	-webkit-box-shadow: inset 0px 0px 6px -3px #000000;
	-moz-box-shadow: inset 0px 0px 6px -3px #000000;
	-o-box-shadow: inset 0px 0px 6px -3px #000000;
}

#clock .weekdays{
	font-size: 12px;
	position: absolute;
	width: 100%;
	top: 10px;
	left: 0px;
	text-align: center;
}

#clock .weekdays span{
	opacity:0.5;
	padding:0 5px;
}

#clock .weekdays span.active{
	opacity:1;
}

#clock .ampm{
	position:absolute;
	bottom:20px;
	right:20px;
	font-size:12px;
}

.autocomplete-suggestions { 
	border: 1px solid #999; 
	background: #fff; 
	overflow: auto; 
	text-transform: uppercase
}

.autocomplete-suggestion, .autocomplete-no-suggestion { 
	padding: 5px; 
	white-space: nowrap; 
	overflow: hidden; 
	font-size: 1.3em;
}

.autocomplete-selected { 
	background: #F0F0F0; 
}

.autocomplete-suggestions strong { 
	font-weight: normal; 
	color: #3399FF; 
}

.autocomplete-group { 
	padding: 2px 5px; 
}

.autocomplete-group strong { 
	display: block; 
	border-bottom: 1px solid #000; 
}

/* `Login
----------------------------------------------------------------------------------------------------*/
input.password {
    width: 154px;
	height: 30px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0);
    padding: 2px 26px 2px 5px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
input.password:focus{
	box-shadow: 0 0 2px 3px #4189c3;
}
input.password .valid {
	box-shadow:none;
	color:#6d6d6d;
	border-top:1px solid #343434;
	border-left:1px solid #343434;
	border-right:1px solid #515151;
	border-bottom:1px solid #515151;
}
#pageLogin .user-avatar #switch .charge {
	position: absolute;
    top: 3px;
    right: 2px;
    background: url(../images/loadinfologin.gif) no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    border: none;
    padding: 0
}
#pageLogin .user-avatar .logName {
    position: absolute;
    top: 100%;
    margin: 10px 0 0 -40px;
    width: 184px;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
#pageLogin .user-avatar #switch {
    position: absolute;
    top: 100%;
    margin-left: -25px;
    margin-top: 45px;
}
#pageLogin .user-avatar #switch .submit {
    position: absolute;
    top: 3px;
    right: 2px;
    background: url(../images/submit.png) no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    border: none;
    padding: 0;
}
#pageLogin  #avatar {
	position:absolute;
	width:98px;
	height:98px;
	left:50%;
	top:40%;
	margin-left:-49px;
	margin-top:-49px;
}
.ava-css {
	height:90px;
    width:90px;
	left: 50%;
	top: 50%;
    margin-left: -49px;
    margin-top: -49px;
    display: block;
    border-radius: 100%;
    padding: 4px;
    background: #eee;
	border:1px solid #434448;
	position:absolute;
}
.ava-css img {
    display: block;
    border-radius: 100%;
	position:relative;
	width:80px;
	height:80px;
	left:4px;
	top:6px;
}
.ava-css:before, .ava-css:after {
    width: 90px;
    height: 90px;
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 5;
    pointer-events: none;
    border-radius: 100%;
}
.ava-css:before {
	border:1px solid #434448;
}
.ava-css:after {
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,.0), rgba(255,255,255,0.33) 50%, rgba(255,255,255,.0) 50%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,.0), rgba(255,255,255,0.33) 50%, rgba(255,255,255,.0) 50%);
}