/*****************************************************************************\
* Project     : WebAttendance, Version 100									  *
* File        : Global.css                                                    *
* Author      : Tomas 'Slappy' SLAPKA                                         *
*-----------------------------------------------------------------------------*
* Copyright (c) 2009, CONTAL OK Ltd. All rights reserved.                     *
*-----------------------------------------------------------------------------*
* Purpose     : General CSS file for all pages                                *
\*****************************************************************************/

html, body 
{
	padding: 0px; 
	margin: 0px; 
}

body 
{
  text-align: center;
  font-family: tahoma; 
  font-size: 13px; 
  background: rgb(232, 232, 232);
}

label 
{ 
	font-family: tahoma; 
	font-weight: bold; 
	font-size: small; 
	color: rgb(68, 68, 68);
}

.AttendanceLogo 
{
	float: left; 
	width: 200px; 
	height: 66px; 
	background: url('../Graphics/web_attendance_logo.png') no-repeat;
	margin-left: 10px;
	margin-top: 10px;
}

.BannerPeople 
{
    height: 95px; 
    background: url('../Graphics/people.png');
    background-repeat: no-repeat;
    background-position:right;
}

.MainMenu 
{
	/*position: relative;*/
	padding-top: 45px;
	left: 80px;
	float: right;
	vertical-align: middle;
}

.MainMenuStripe 
{
	margin-left: 10px;
	margin-right: 10px;
}

.LanguageFlag 
{
	cursor: pointer;
}

.GeneralLabel 
{ 
  font-family: tahoma; 
  font-weight: bold; 
  font-size: small; 
}

.GeneralLabelVersion
{
	color: rgb(68, 68, 68);
	font-family: tahoma; 
	font-weight: bold; 
	font-size: xx-small; 
}

div 
{ 
  text-align: left; 
}

a 
{ 
  text-decoration: none; 
  color: rgb(68, 68, 68); 
  cursor: pointer; 
  font-weight:bold;
}

a:hover 
{
  color: orange;  
}

a:visited
{
  font-weight:bold;
}

.actualPage
{
	color:#65a3e3;
}

input[type="text"] 
{ 
	border: 1px solid rgb(230, 230, 230);
	background: url("/Graphics/input_text_bgr.png") repeat-x;
	color: rgb(68,68, 68);
	font-weight: normal; 
}

input[type="submit"] 
{ 
	background: url("/Graphics/button_bgr.png") repeat-x;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    color: rgb(68 ,68, 68);
    font-family: tahoma;
    font-weight: normal;
}

input[type="button"] 
{ 
	background: url("/Graphics/button_bgr.png") repeat-x;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    color: rgb(68 ,68, 68);
    font-family: tahoma;
    font-weight: normal;
}

ul
{
  list-style-type: none;
}

table tr 
{
  vertical-align: top;
}

.ConfirmDialogBackground 
{
    background-color:Gray;
    filter:alpha(opacity=80);
    opacity:0.8;
}

.ConfirmDialogPanel
{
    display:block; 
    background-color:White; 
    border-width:1px; 
    border-color:Black; 
    border-style:solid; 
    padding:10px;
    text-align:left;
}

.InnerPanelContent 
{
    overflow:hidden;
    padding: 10px; 
    background: rgb(248, 248, 248); 
}
 
.InnerPanelHeader
{             
	margin-top: -15px;
}

.InnerPanelHeaderText
{
    font-family: Tahoma;
    font-weight: bold;
    font-size: small;
    text-align:center;
}

.HelpIcon
{
    margin:3px;
    margin-top:5px;
    padding:2px;
}

.CloseIcon
{
    margin:1px;
    margin-right:1px;
    padding:2px;
    float: right;
}

#TopContent {
    text-align: right;
    background-color: #600;
    color: White;
    font-size: x-large;
    text-decoration: none;
    font-weight: bold;
    padding: 10px;
    height: 50px;
}

#TopContent a {
    text-decoration: underline;
    color: White;
}


#MainContent {
    text-align: left;
    padding: 10px;
}

#FooterContent {
    text-align: center;
    padding: 5px;
}

.DialogBox
{
	visibility:hidden;
}

.LoadingBar
{
	visibility:hidden;
}

.divNumericUpDown
{
	width:24px;
	height:24px;
}

.textNumericUpDown
{
	float:left;
	width:200px;
}

.hiddenTextBox
{
	width:2px;
	visibility:hidden;
}

.SelectedUser
{
    font-weight:bold;
}

.EditTransition
{

}



.lds-ellipsis {
    display: none;
    position: relative;
    margin-left:60px;
    width: 80px;
    height: 80px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 10px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #75051d;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}