@font-face
{
	font-family: Century;
	src: url('includes/fonts/GOTHICB.TTF'); /* IE9 */
	
	src:
		url('includes/fonts/century_gothic_bold__2_.ttf'),
		url('includes/fonts/century_gothic_bold__2_.eot')
		;
}

body{
	margin:0;	
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}
#header{
	background:#f2f2f2;
	border:1px solid transparent;
	border-bottom:1px solid #DDD;
	margin-top:-1px;
	padding: 10px;
	padding-bottom: 15px;
	box-shadow:inset 0 -20px 50px rgba(0,0,0,0.1),
				inset 0 -2px 5px rgba(0,0,0,0.3);
				
				
	width:100%;
	position:fixed;
	z-index:10;
	
	
	
}

body > div.wrapper:nth-child(2){
	position:relative;
	opacity:0;
	/*padding-top:200px;*/
}

.wrapper{
	width:940px;
	margin:0 auto;
}
#header h1{
	font-family:Century Gothic;
	font-weight:900;
	color:#222;
	text-shadow:1px 1px 0 #FFF;
	font-size:40px;
	margin-top:30px;
}

.daterange{
	/*
	background:#e5e5e5;
	border:1px solid #d1d1d1;
	*/
	/*padding:10px;*/
	padding:0 10px;
	display:table;
	margin-top:29px;
	margin-right:29px;	
	
	font-weight:normal;
	font-size:20px;
	color:#666;
}

.red, .red a{
	color:#F00;	
}
.gray, a.gray{
	color:#333;	
}
a.gray:hover{
	color:#F00;	
}


span.green{
	color:#54B523;
}
span.blue{
	color:#0078d6;	
}

.tab1 td{
	vertical-align:top;
}
.tab1 tr td:first-child{
	
	text-align:right;
	padding-right:5px;
	font-weight:bolder;
}

.block1{
	border-radius:5px;
	background:#f2f2f2;
	border:1px solid #DDD;
}
.block1 .bottom{
	background:#e6e6e6;
	border-top:1px solid #DDD;
	padding:5px;
}

.block1.butt1{
	display:block;
	margin:0;
}


.padding{
	padding:10px;	
}
.padding2{
	padding:0 20px;	
}
.padding2.vert{
	padding:20px;	
}
/******************************************************************/

.left{
	float:left;	
}
.right{
	float:right;
}
.clear{
	clear:both;	
}

hr{
	border:0;
	border-bottom:1px dashed #DDD;
	border-top:1px dashed #999;
	margin:20px 0;	
}
.tab2{
	width:100%;
	border-spacing:0;
	font-size:12px;
}
.tab2.alt tr.head1 td,
.tab2.alt tr.head2 td,
.tab2.alt tr.head3 td{
	
	vertical-align:middle;	
}
.tab2.alt tr td{
	vertical-align:top;
	/*
	border-left:1px solid #CCC;	
	border-bottom:1px solid #CCC;
	*/
	
}
.tab2.alt tr td:first-child{
	border-left:0;	
}
.tab2.alt tr:last-child td{
	border-bottom:0;	
}
.tab2 td{
	padding:0 5px;
	height:40px;
}
.tab2 .head1{
	background:#e6e6e6;	
}
	.tab2 .head1 td:first-child{
		/*border-top-left-radius:5px;*/
	}
	.tab2 .head1 td:last-child{
		/*border-top-right-radius:5px;	*/
	}
	.tab2 .head2 td:first-child{
		border-bottom-left-radius:5px;	
	}
	.tab2 .head2 td:last-child{
		border-bottom-right-radius:5px;	
	}
	
	
.tab2 tr.head1,
.tab2 tr.head2{
	font-weight:bolder;	
}
.tab2 .head2{
	background:#cfcfcf;
}

.tab2 tr.head2 td{
	font-size:14px;
}

.tab2 .head3{
	background:#f2f2f2;	
}
.tab2 tr.head3 td{
	border-top:1px solid #DDD;
}

.tab3 tr td:first-child{
	text-align:right;	
}

h1.line{
	border-bottom:4px solid #333;
}
h1,h2,h3{
	margin:0;
}
.century{
	font-family:Century;
}
h2.century a,
h4.century,
h4.century a{
	/*font-weight:900;*/
	font-size:16px;
}
.padding2 h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;	
}
.padding2 h2{
	font-size:20px;	
}
.padding2 h3{
	font-size:16px;	
}
.padding3{
	padding:30px;	
}
.padding3.side{
	padding:0 30px;	
}

.bar1{
	height:20px;
	background:	#54B523;
	
}
.butt1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#666;
	color:#FFF;
	font-size:14px;
	letter-spacing:1px;
	display:table;
	padding:5px 10px;
	cursor:pointer;
	margin-left:5px;
	text-transform:uppercase;
}
	.butt1.head{
		background:#333;
		border-radius:3px;
		margin:0;
		display:block;
		position:relative;
		z-index:1000;
		box-shadow:0 0 3px #000;
	}
	.butt1.mini{
		font-size:10px;	
		padding:2px 5px;
	}

	.butt1.green,
	.link.green{
		background:#54B523;
	}
	.butt1.red{
		background:#CB2402;	
	}
	.butt1.blue{
		background:#0078d6;	
	}
	.butt1:hover{
		background:#333;	
	}
	
	
	tr.butt1{
		display: table-row;
		text-align: center;
	}
		.tab2 tr.butt1 td{
			padding:5px;
			height:0;
		}

	
span{
	padding:2px 5px;
}
span.field{
	color:#0078d6;
	cursor:pointer;
	border:1px solid transparent;
	display:block;
	width:100px;
	font-weight:bolder;
}
span.field.alt1{
	display:inline-table;
	width:auto;
}
span.field:hover{
	/*
	background:#333;
	color:#FFF;	
	*/
	
	border:1px dashed #333;
	border:1px dashed #999;
	/*border-radius:3px;*/
}
span.changed{
	color:#63a826;
	/*border-bottom:1px dashed #54B523;*/
}


input[type="text"],
textarea,
.textbox{
	border:1px solid #999;
	width:100px;
	display:table;
	text-align:right;
	font-size:12px;
	padding:2px 5px;
	
	
	box-shadow:
				inset 0 0 4px rgba(0,0,0,0.8);
	background:#E5E5E5;
	
	display:inline-table;
}

#tags.textbox.ui-autocomplete-input,
#tags2{
	width:318px;
	text-align:left;
	font-size:12px;	
	padding:6px;
	margin:0;
	margin-left:3px;
	color:#666;
}


textarea{
	text-align:left;
	display:table;
	width:98%;
	margin:auto;
	height:100px;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	margin-bottom:5px;
	border:3px solid #0078d6;
}
input:focus{
	outline: none;
}




input[type="text"].alt1{
	width:auto;
	min-width:20px;
	display:inline-table;
	text-align:left;
}


a{
	text-decoration:none;	
	color:#1867a4;
}
	a:hover{
		color:#333;
	}

#report_list tr td{
	padding:0px 10px;
}
#report_list tr td .tab2{
	margin-bottom:10px;
	margin-top:10px;
}


#report_list tr td .tab2 tr td{
	padding:5px;
	padding-left:10px;
	height:auto;
}
#report_list tr td .tab2 tr{
	background:rgba(0,0,0,0.1);
}
#report_list tr td .tab2 tr:nth-child(2n+1){
	background:rgba(0,0,0,0.05);
}

#report_list tr td .tab2 tr:hover{
	background:rgba(0,0,0,0.07);
}
#report_list tr td .tab2 tr:nth-child(2n+1):hover{
	background:rgba(0,0,0,0.02);
}


#report_list tr td .tab2 tr td h4{
	margin:0;	
}
#report_list tr:nth-child(2n+2){
	background:rgba(0,0,0,0.09);	
}
#report_list tr.head1 > td{
	/*border:1px solid rgba(0,0,0,0.1);	*/
}
#report_list tr.sep1,
#report_list tr.sep1 td{
	height:10px;
	padding:0;
	background:none;
	border:0;
}
	
/*
#report_list .tab2 td:first-child{
	border-left:2px solid #666;
}
#report_list.sent .tab2 td:first-child{
	border-left:3px solid #54B523;
}
*/

#confirm,
#delete{
	margin-bottom:20px;	
}
#topnav img{
	height:20px;	
}



#control, #topnav{
	position: fixed;
    z-index: 100; 
    bottom: 0; 
    left: 0;
    width: 100%;
	
}

#topnav{
	top:0;
	height:40px;
}

	#control .padding2,
	#topnav .padding2{
		padding:0;	
	}
	#control .block1,
	#topnav .block1{
		margin:auto;
		text-align:center;
		padding:10px;
		border:1px solid #999;
		border-bottom:0;
		border-radius:5px 5px 0 0;
		background:#222;
		
		box-shadow:
					0 0px 10px rgba(0,0,0, 0.5),
					inset 0 2px 0 rgba(255,255,255,0.1),
					inset 0 -20px 30px rgba(0,0,0,0.3)
					;
	}
	
	
	#topnav .block1{
		background:#FFF;
		border-radius:0 0 5px 5px;	
		border:1px solid rgba(0,0,0,0.2);
		border-top:0;
		box-shadow:
					0 3px 3px rgba(0,0,0, 0.3),
					inset 0 -1px 0 rgba(255,255,255,0.5),
					inset 0 -5px 0 rgba(0,0,0,0.1)
					;
	}
	#topnav .block1 img{
		cursor:pointer;
		margin-right:60px;
	}
	#topnav .block1 img:last-child{
		margin-right:0;
	}
	#control .butt1{
		display:inline-block;
		border-radius:2px;
		box-shadow:
					0 0px 10px rgba(0,0,0, 0.5),
					inset 0 1px 0 2px rgba(255,255,255,0.1),
					inset 0 -20px 30px rgba(0,0,0,0.3)
					;
					
		text-shadow:1px 1px 3px #000;
	}
	#control .butt1:hover{
		background:#FFF;
		color:#333;
		text-shadow:none;
		/*box-shadow:inset 0 0 0px 2px rgba(255,255,255,0.5);*/
	}
	
#tab_queries tr.head3:hover{
	background:#FFF;	
}
#tab_queries tr.selected{
	background:#FFF;
	
	background:#CB2402;
	color:#FFF;
}
	#tab_queries tr.selected span{
		color:#FFF;
	}
	#tab_queries tr.selected .bar1{
		background:#FFF;
	}

.del_icon{
	background:#CB2402;
	border-radius:50px;
	color:#FFF;
	font-weight:bolder;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	padding:0;
	line-height:12px;
	padding:0 7px;
	display:table;
	text-align:center;
	border:1px solid #FFF;
	cursor:pointer;
}
	.del_icon:hover{
		background:#333;
	}

div.link{
	font-size:10px;
	background:#333;
	font-size:#FFF;
	border-radius:10px;
	display:table;
	margin:auto;	
	padding:2px 20px;
}
	div.link:hover{
		background:#666;
	}
	div.link a{
		letter-spacing:1px;
		color:#FFF;	
	}
	div.link:hover a{
	}	



.report_row td:first-child{
	border-left:4px solid rgba(0,0,0,0.2);
}
.report_row.sent td:first-child{
	border-left:4px solid rgba(53,167,0,0.5);
}


.report_row{
	/*display:table-cell;*/
	margin-bottom:1px;
}
#dateSelect{
	padding:4px 10px;
	margin:0;
}
#bookmark{
	
}

.textbox1{
	width:97%;
	border:0;
	box-shadow:none;
	background:#FFF;
	font-size:14px;
	padding:10px;
	border:1px solid rgba(0,0,0,0.2);
	height:200px;
	display:inherit;
}

@media print 
{
    .noPrint,
	#bookmark{
		display:none;
    }
	#control,
	#topnav{
		display:none;
	}
	#header{
		top:0;
		position:relative;
		margin:0;
		padding:0;
		box-shadow:none;
		border:0;
	}
	body > div.wrapper:nth-child(2){
		margin-top:-113px;
		padding:0;
		top:0;
	}
}




th{
	text-align:left;
	width:400px;	
}