html {
	cursor:url("cursors/left_ptr.cur"),default;
}

@charset "iso-8859-1";

*{ margin: 0px; padding: 0px; }*

body {
	cursor:url("cursors/left_ptr.cur"),default;
	background:#616161 url('/images/background.png') repeat-x center top fixed;
	color: #dcdcdc;
	font-family: calibri, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	overflow-x: hidden;
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: 1;
}
p {
	font-size:0.9em;
	line-height: 1.2em;
	color:#222;
	text-shadow: #FFF 1px 1px 0px;
}
a {
	text-decoration:none;
	color:#e90000;
	-webkit-transition:1s;
}
a:hover {
	color:#666;
	cursor:url("cursors/pointing_hand.cur"),pointer;
}

#wrapper  {
	width:650px;
	margin-top:8%;
	margin-left:auto;
	margin-right:auto;
	background: #dbdbdb url('/images/inner-background.png') repeat-x;
	background-position: 0px 140px;
	border:1px solid #000;
 	box-shadow:0 0 8px #222;
	-moz-box-shadow: 0 0 8px #222;
	-webkit-box-shadow: 0 0 8px #222;
}
#main {
	background:#000 url('/images/logo.png') no-repeat;
	height:140px;
}
#main:hover {
  -webkit-animation-name: diagonal-slide;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: 10;
}
h1 {
	color:#555;
	font-size:1.2em;
	font-weight:bold;
	text-shadow: #FFF 1px 1px 0px;
	margin-top:25px;
}
#container
{
	height:auto;
	margin:0 1px 0 1px;
}
#contain
{
	text-align:center;
	width:639px;
    height:auto;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:30px;
}
p {
	color:#2f2f2f;
	padding-bottom:10px;
}
#footer {
	clear:both;
	height:1px;
}
#footer-end {
	background: transparent url('/images/footer-shadow.png') no-repeat;
	width:650px;
	margin-left:auto;
	margin-right:auto;
	height:22px;
}
hr {
	height: 3px;
	border: 1px solid #fff;
	background:transparent url('/images/hr.png') repeat-x;
	width: 600px;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 20px;
}
.button {
	font-family: calibri, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.7em;
	background:url("/images/button.png");
	background-position:0px 0px;
	text-shadow:#000 0 1px 0;
	border:1px solid #000;
 	box-shadow:0 0 6px #222;
	-moz-box-shadow: 0 0 6px #222;
	-webkit-box-shadow: 0 0 6px #222;
	width:152px;
	height:33px;
	line-height:29px;
	color:#DDD;
	overflow:hidden;
	border-radius:7px;
	-khtml-border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.button:hover {
 	box-shadow:0 0 8px #e90000;
	-moz-box-shadow: 0 0 8px #e90000;
	-webkit-box-shadow: 0 0 8px #e90000;
	background:url("/images/button.png");
	background-position:0px -39px;
	cursor:url("cursors/pointing_hand.cur"),pointer;
	color:#e90000;
	-webkit-animation-name: glow;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
}
#clip {
	float:left;
	margin-top:-15px;
	margin-left:-170px;
}

#orb {
	float:left;
	-webkit-transition:2s;
	-webkit-transition-property: -webkit-transform;
	-webkit-transform: scale(1);
	border:none;
	position: relative;
	left: 0px;
}

#orb:hover {
	-webkit-transform-origin:center center;
	-webkit-transform: scale(0.2);
	cursor:url("cursors/help.cur"),help;
}

#tt{
	position: absolute;
	left: -300px;
	padding: 5px 10px 6px 10px;
 	background:#fff7a2;
	visibility: hidden;
	max-width:176px;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
 	box-shadow: 2px 2px 3px #333;
	-moz-box-shadow: 2px 2px 3px #333;
	-webkit-box-shadow: 2px 2px 3px #333;
	font-weight:bold;
	font-size:10px;
	line-height:12px;
	color:#333;
	text-shadow:#FFF 0 1px 0;
	-moz-opacity:.90; 
	-webkit-opacity:.90;
	-khtml-opacity:.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
	IE:filter:progidXImageTransform.Microsoft.Alpha(opacity=90);
	filter:alpha(opacity=90);
	opacity:.90;
}

/* Overlay */

#DashBoard {
	z-index:1000;
	background:url(/images/overlay.png);
	overflow:none;
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#DashBoardContent {
    margin-left:auto;
    margin-right:auto;
    margin-top:8%;
    padding:10px 25px 0px 0px;
	width:65%;
	height:auto;
	background:#dbdbdb url("/images/inner-background.png") repeat-x;
	border:solid 4px #EEE;
	color:#000;
	overflow:hidden;
	font-size:0.9em;
	line-height:1.2em;
	-webkit-animation-name: dialogglow;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	border-radius:7px;
	-khtml-border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-moz-opacity:.90;
	-webkit-opacity:.90;
	-khtml-opacity:.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
	IE:filter:progidXImageTransform.Microsoft.Alpha(opacity=90);
	filter:alpha(opacity=90);
	opacity:.90;
	-webkit-animation-name: zoomSmall;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}
#DashBoardEmptyContent {
    margin-left:auto;
    margin-right:auto;
	margin-top:20%;
	font-size:10px;
	line-height:14px;
	color:#000;
	overflow-x:none;
	overflow-y:none;
}
.DashBoardClose {
	margin-left:10px;
	margin-top:0px;
	float:left;
}
.DashBoardClose:hover {
	background:url(/images/close_over.png) left center no-repeat;
	cursor:url("cursors/pointing_hand.cur"),pointer;
}

/* CSS3 animations */

@-webkit-keyframes bounce {
	from {
		top: -2px;
	}
	to {
		top: 2px;
	}
}

@-webkit-keyframes glow {
	from {
	 	box-shadow:0 0 6px #222;
		-moz-box-shadow: 0 0 6px #222;
		-webkit-box-shadow: 0 0 6px #222;
		color:#DDD;
	}
	to {
	 	box-shadow:0 0 8px #e90000;
		-moz-box-shadow: 0 0 8px #e90000;
		-webkit-box-shadow: 0 0 8px #e90000;
		color:#e90000;
	}
}

@-webkit-keyframes dialogglow {
	from {
	 	box-shadow:0 0 30px #000;
		-moz-box-shadow: 0 0 30px #000;
		-webkit-box-shadow: 0 0 30px #000;
	}
	to {
	 	box-shadow:0 0 30px #e90000;
		-moz-box-shadow: 0 0 30px #e90000;
		-webkit-box-shadow: 0 0 30px #e90000;
	}
}

@-webkit-keyframes spinX {
	from {
		-webkit-transform: rotateX(0);
	}
	to {
		-webkit-transform: rotateX(360deg);
	}
}

@-webkit-keyframes spinY {
	from {
		-webkit-transform: rotateY(0);
	}
	to {
		-webkit-transform: rotateY(360deg);
	}
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0.1);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(5);
    opacity: 0.75;
  }
  to { 
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes zoomSmall {
  from {
    -webkit-transform: scale(0.1);
    opacity: 0;
  }
  to { 
    -webkit-transform: scale(1);
    opacity: 0.9;
  }
}