/*-----------------------------------------------------------------------------------*/
/*	CSS Reset
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

::-moz-selection { background:rgba(124,196,255,0.7); }
::selection      { background:rgba(124,196,255,0.7); }

html, body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:12px;
	width:100%;
	height:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	background: #001e4d;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}

/*-----------------------------------------------------------------------------------*/
/* Login
/*-----------------------------------------------------------------------------------*/

#pageLogin {
    background: #001e4d;
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
	opacity:1;
	-webkit-animation:initLoginWindow 0.5s 12s linear forwards;
	-moz-animation:initLoginWindow 0.5s 12s linear forwards;
}

#headlogin {
	background:transparent;
	width:100%;
	height:21px;
	position:fixed;
	z-index:1000;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

#headlogin nav#menu-dx-login {
	position:absolute;
	right:10px;
	top:0;
}

#headlogin nav#menu-dx-login ul { 
	margin:0; 
	padding:0;
}

#headlogin nav#menu-dx-login ul li {
	float:left;
	height:21px;
	line-height:25px;
	position:relative;
}

#headlogin nav#menu-dx-login ul li.time { 
	font-size:14px; 
	color:#fff;
	padding:0 10px;
}

#headlogin nav#menu-dx-login ul li.time #DateAbbr {
	padding-right:5px;
}

#headlogin nav#menu-dx-login ul li.wireless {
	background:url(../img/wireless-icon-login.png) 10px 2px no-repeat;
	width:22px;
	height:18px;
	top:3px;
	padding:0 5px;
}

#pageLogin .medicop-logo {
	position:absolute;
	width:477px;
	height:179px;
	left:50%;
	top:50%;
	margin-left:-238px;
	margin-top:-240px;
	background:url(../img/medicop-mono.png) center no-repeat;
	-webkit-animation:initAppleLoginWindow 0.5s 13.5s linear forwards;
	-moz-animation:initAppleLoginWindow 0.5s 13.5s linear forwards;
}


#pageLogin #avatar {
	position:absolute;
	width:98px;
	height:98px;
	left:50%;
	top:50%;
	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: -moz-linear-gradient(#fdfdfd, #c9c9c9);
	background: -webkit-linear-gradient(#fdfdfd, #c9c9c9);
	border:1px solid #434448;
	position:absolute;
}

.ava-css img {
    display: block;
    border-radius: 100%;
	position:relative;
	width:91px;
	height:91px;
	left:-1px;
	top:-1px;
}

.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%);
}


input[type=password]::-moz-selection { background:rgba(124,196,255,0.7); }
input[type=password]::selection      { background:rgba(124,196,255,0.7); }
input[type=password],
input[type=text]{
	width:154px;
	height:24px;
	line-height: 24px; 
	box-shadow:none;
	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;
	margin:5px;
}

input[type=text]{
    width:175px;
	padding:2px 5px 2px 5px;
}

input[type=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;
}

input[type=password]::-webkit-input-placeholder  {
	font-size:12px;
	color:#6d6d6d;
	letter-spacing:0;
}

input[type=text]:focus,
input[type=password]:focus{
    box-shadow:0 0 2px 3px #4189c3;
}

input[type=password]:-moz-placeholder {
	font-size:12px; 
	color:#6d6d6d;
	letter-spacing:0;  
}

#pageLogin .user-avatar #switch {
	position:absolute;
	left:50%;
	top:100%;
	margin-left:-90px;
	margin-top:20px;
}

#pageLogin .user-avatar #switch .submit{
	position:absolute;
	top:48px;
	right:8px;
	background:url(../img/submit.png) no-repeat;
	width:24px;
	height:24px;
	text-indent:-9999px;
	border:none;
	padding:0;
}

#pageLogin .user-avatar #switch .submit:active {
	background-position:0 -24px;
}