/*=============================================== NORMALIZE ===========================================================*/

/* This is the INDEX CSS. */

@charset "utf-8";

body{font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0; height: 99%; background-color:#000; color:#FFF;}
html {height: 99%;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}

a:link {text-decoration:none; color:#FFF;}
a:visited {text-decoration:none; color:#FFF;}
a:hover {text-decoration:none; color:#FFF;}

/*=============================================== TAG ELEMENTS ===========================================================*/


input[type=text], input[type=password] {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	font-size:1.4em;
	color:#474242;
	line-height:2em;
	min-height:2em;

	text-align:center;

	margin-top:25px;
	margin-bottom:25px;
	
	
	cursor:pointer;
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top,  #e1e1e1 0%, #a4a4a4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#a4a4a4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1e1e1 0%,#a4a4a4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1e1e1 0%,#a4a4a4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1e1e1 0%,#a4a4a4 100%); /* IE10+ */
	background: linear-gradient(top,  #e1e1e1 0%,#a4a4a4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#a4a4a4',GradientType=0 ); /* IE6-9 */
	}
	

/*=================================================== CLEARFIX ===========================================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}.clearfix {display: inline-block;}  /* for IE/Mac */

/*=============================================== CUSTOM SELECTION ========================================================*/

::selection {
        background: #3F6; /* Safari */
		color:#000;
        }
		
::-moz-selection {
        background: #3F6; /* Firefox */
		color:#000;
}

/*=============================================== AJAX LOADING ===========================================================*/



#loading {
z-index:10;
position:absolute;
top:0;
bottom:0;
left:0;
width:100%;
background-color:#000;
opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
background-image:url(/iteam/tools/images/loading-custom.gif);
background-position:center;
background-repeat:no-repeat;
visibility:hidden;
}

.little_loading {
	width:16px;
	height:16px;
	background-image:url(../../images/loading-g.gif);
	background-repeat:no-repeat;}
	
.little_loading_gray {
	min-width:16px;
	height:16px;
	background-image:url(../../images/loading-gray.gif);
	background-position:left;
	background-repeat:no-repeat;}	


#container {width:900px;}


/*=============================================== LOGO ===========================================================*/
#iTeam_logo {
	height:150px;
	text-indent:-9999px;
	font-family:
	position:absolute;
	width:100%;
	text-align:center;
	top:10px;
	color:#0CFA00;
	font-size:3em;
	letter-spacing: .1em;
	background-image:url(../../images/png/logo-beta-small.png);
	background-position:center;
	background-repeat:no-repeat;
}




/*=============================================== BUTTONS BOXES ===========================================================*/
	
	
	.button_small{
		padding-left:10px;
		padding-right:10px;
		min-height:30px;
		min-width:50px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		display:inline-block;
		text-align:center;
		line-height:30px;
		margin-left:25px;
		margin-right:25px;
		font-size:1em;}
		
		
	.square_large{
		min-height:40px;
		min-width:50px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		display:inline-block;
		text-align:center;
		line-height:40px;
		margin:15px;
		padding:5px;
		font-size:1em;}

	.notifications{
		height:50px;
		width:90%;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		display:inline-block;
		text-align:left;
		text-indent:15px;
		line-height:50px;
		display:inline-block;
		margin-left:5%;
		margin-right:5%;
		margin-bottom:10px;
		font-size:1.4em;
		vertical-align:middle;}
	
	/* --- define all button colors --- */
	
	.blue{background: #0056d8; /* Old browsers */
	background: -moz-linear-gradient(top,  #0056d8 0%, #004571 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0056d8), color-stop(100%,#004571)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0056d8 0%,#004571 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0056d8 0%,#004571 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0056d8 0%,#004571 100%); /* IE10+ */
	background: linear-gradient(top,  #0056d8 0%,#004571 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0056d8', endColorstr='#004571',GradientType=0 ); /* IE6-9 */
	}.blue:hover{background: #0056d8; cursor:pointer;}
	
	.green{background: #28be00; /* Old browsers */
	background: -moz-linear-gradient(top, #28be00 0%, #2b6c00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28be00), color-stop(100%,#2b6c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #28be00 0%,#2b6c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #28be00 0%,#2b6c00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #28be00 0%,#2b6c00 100%); /* IE10+ */
	background: linear-gradient(top, #28be00 0%,#2b6c00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28be00', endColorstr='#2b6c00',GradientType=0 ); /* IE6-9 */
	}.green:hover{background: #28be00; cursor:pointer;}
	
	.orange{background: #cd8405; /* Old browsers */
	background: -moz-linear-gradient(top, #cd8405 0%, #954d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd8405), color-stop(100%,#954d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cd8405 0%,#954d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cd8405 0%,#954d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cd8405 0%,#954d00 100%); /* IE10+ */
	background: linear-gradient(top, #cd8405 0%,#954d00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd8405', endColorstr='#954d00',GradientType=0 ); /* IE6-9 */
	}.orange:hover{background: #cd8405; cursor:pointer;}
	
	.red{background: #870000; /* Old browsers */
	background: -moz-linear-gradient(top, #870000 1%, #4c0101 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#870000), color-stop(100%,#4c0101)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #870000 1%,#4c0101 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #870000 1%,#4c0101 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #870000 1%,#4c0101 100%); /* IE10+ */
	background: linear-gradient(top, #870000 1%,#4c0101 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#870000', endColorstr='#4c0101',GradientType=0 ); /* IE6-9 */
	}.red:hover{background: #870000; cursor:pointer;}
	
	white{background: #a4a4a4; /* Old browsers */
	background: -moz-linear-gradient(top,  #a4a4a4 0%, #e1e1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a4a4), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a4a4a4 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a4a4a4 0%,#e1e1e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a4a4a4 0%,#e1e1e1 100%); /* IE10+ */
	background: linear-gradient(top,  #a4a4a4 0%,#e1e1e1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
	}.white:hover{background: #a4a4a4; cursor:pointer;}
	
	
	/* --- page specific ---*/
	
	#buttons{margin-top:65px;}
	.box_420 {vertical-align:top; display:inline-block; width:420px;}
	#login{padding-left:15px;}
	#copyright{margin-top:50px; text-align:center; font-size:.7em; color:#777;}