.visualize { top: 10px; }


h2 { font-size: 18px; color: #222; font-weight: bold; padding-bottom: .25em; margin-bottom: 1em; border-bottom: 1px dotted #CCC; }
h3 { font-size: 14px; color: #444; font-weight: bold; padding-bottom: .5em; margin-bottom: 1.35em; border-bottom: 1px dotted #CCC; }




/* -------------------------------------------------------------- 
   Tickets
-------------------------------------------------------------- */
.ticket {
	padding: 3px 4px;
	text-align: right;
	color: #fff;
	font-size: 10px;
	display: inline;
	white-space: nowrap;
	width: 60px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.ticket.open { background-color: #F90; }
.ticket.closed { background-color: #999; }
.ticket.responded { background-color: #222; }


.btn-pink,
.btn-pink:visited { background-color: #FF0066; border-color: #DA0C59; }
.btn-pink:hover { background-color: #DA0C59; }

.btn-blue,
.btn-blue:visited { background-color: #066ECD; border-color: #0561B4; }
.btn-blue:hover { background-color: #0561B4; }

.btn-red,
.btn-red:visited { background-color: #E40001; border-color: #CC0000; }
.btn-red:hover { background-color: #CC0000; }

.btn-green,
.btn-green:visited { background-color: #77B32F; border-color: #689C29; }
.btn-green:hover { background-color: #689C29; }

.btn-black:hover { background-color: #000; }
.btn-purple:hover { background-color: #6A0D66; }
.btn-navy:hover { background-color: #00172F; }
.btn-maroon:hover { background-color: #530000; }
.btn-yellow:hover { background-color: #D9AD01; }
.btn-teal:hover { background-color: #2E8794; }
.btn-orange:hover{ background-color: #D58000; color: #FFF; }
.btn-grey:hover{ background-color: #888; color: #FFF; }

.ticket.c1 { background-color:#F90 ; }
.ticket.c2 { background-color:#002142 ; }
.ticket.c3 { background-color: #39A7B6; }
.ticket.c4 { background-color:  #111; }
.ticket.c5 { background-color: #77B32F; }
.ticket.c6 { background-color: #E40001; }
.ticket.c7 { background-color: #cccccc; }
.ticket.c8 { background-color: #FF0066; }
.ticket.c9 { background-color: #6A0D66; }


.ticket.orange { background-color:#F90 ; }
.ticket.navy { background-color:#002142 ; }
.ticket.skyblue { background-color:#39A7B6; }
.ticket.cyan  { background-color:#00ffff; }
.ticket.blue  { background-color:#0000ff; }
.ticket.black { background-color:#111; }
.ticket.green { background-color:#77B32F; }
.ticket.red { background-color:#E40001; }
.ticket.pink { background-color:#FF0066; }
.ticket.grey { background-color:#708090; }
.ticket.magenta { background-color:#ff00ff; }
.ticket.coral { background-color:#ff7f50; }
.ticket.brown { background-color:#a52a2a; }
.ticket.white { background-color:#ffffff;color:#555555;border:solid 1px #aaaaaa;}

.ticket2, .ticket3 {
	padding-left: 0.1em;
	padding-top:0.1em;
	padding-right: 0.1em;
	padding-bottom:0.1em;
	margin:0px;
	text-align: right;
	color: #fff;
	font-size: 10px;
	display: inline;
	white-space: nowrap;
	width: 60px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


.ticket2.orange { background-color:#F90 ; }
.ticket2.navy { background-color:#002142 ; }
.ticket2.skyblue { background-color:#39A7B6; }
.ticket2.cyan  { background-color:#00ffff; }
.ticket2.blue  { background-color:#0000ff; }
.ticket2.black { background-color:#111; }
.ticket2.green { background-color:#77B32F; }
.ticket2.red { background-color:#E40001; }
.ticket2.pink { background-color:#FF0066; }
.ticket2.grey { background-color:#708090; }
.ticket2.magenta { background-color:#ff00ff; }
.ticket2.coral { background-color:#ff7f50; }
.ticket2.brown { background-color:#a52a2a; }
.ticket2.white { background-color:#ffffff;color:#555555;border:solid 1px #aaaaaa;}


.ticket3.orange { background-color:#ffffff;color:#F90 ; border:solid 1px #F90;}
.ticket3.navy    { background-color:#ffffff;color:#002142 ;border:solid 1px #002142;} 
.ticket3.skyblue { background-color:#ffffff;color:#39A7B6; border:solid 1px #39A7B6;}
.ticket3.cyan  { background-color:#ffffff;color:#00ffff; border:solid 1px #00ffff;}
.ticket3.blue  { background-color:#ffffff;color:#0000ff; border:solid 1px #0000ff;}
.ticket3.black { background-color:#ffffff;color:#111; border:solid 1px #111;}
.ticket3.green { background-color:#ffffff;color:#77B32F; border:solid 1px #77B32F;}
.ticket3.red { background-color:#ffffff;color:#E40001; border:solid 1px #E40001;}
.ticket3.pink { background-color:#ffffff;color:#FF0066; border:solid 1px #FF0066;}
.ticket3.grey { background-color:#ffffff;color:#708090; border:solid 1px #708090;}
.ticket3.magenta { background-color:#ffffff;color:#ff00ff; border:solid 1px #ff00ff;}
.ticket3.coral { background-color:#ffffff;color:#ff7f50; border:solid 1px #ff7f50;}
.ticket3.brown { background-color:#ffffff;color:#a52a2a; border:solid 1px #a52a2a;}
.ticket3.white { background-color:#ffffff;color:#555555;border:solid 1px #555555;}


/* -------------------------------------------------------------- 
   Dashboard Tables
-------------------------------------------------------------- */
.support_table .full { width: 70%; font-size: 11px; }
.support_table .who { width: 30%; text-align: right; font-size: 10px; color: #999; }

.info_table .value { width: 25%; font-size: 18px; font-weight: bold; color: #222; }

.inbox_table .avatar { width: 60px; }
.inbox_table .full { width: 80%; font-size: 11px; }
.inbox_table .who { width: 20%;  text-align: right; font-size: 10px; color: #999; }

img.avatar_img
{
	width: 54px; 
	padding: 2px;
	border: 1px solid #CCC; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 

}

#welcome { margin-top: 1em; }
	#welcome table { margin-top: 2.5em; }

	
	


/* -------------------------------------------------------------- 
   Reports Page
-------------------------------------------------------------- */	
#big_stats 
{ 
	/* background: #f3f3f3;  */
	width: 100%; 
	padding: 0; 
	float: left; 
	margin-bottom: 1em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 	
}

	*+html #big_stats { padding-bottom: 2em; }

.stat
{
	width: 29%;
	height: 90px;
	padding: 0 2%;
	float: left;
	position: relative;
	border-left: 1px dotted #CCC;
}

	*+html .stat { height: 100px; }

.stat:first-child { border: none; }

.stat h4
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	margin-bottom: 1.5em;
}

.stat .value
{
	font-size: 56px;
	font-weight: bold;
	color: #222;
	line-height: 1em;
}

.stat .view_all
{
	font-size: 11px;
	position: absolute;
	right: 20px;
	bottom: 12px;
}

.report_chart { margin-top: 2em; }
.reports_table .value { width: 100px; text-align: right; }
	.reports_table .value span { background: #F90; font-size: 11px; font-weight: bold; color: #FFF; width: 40px; text-align: center;  padding: 3px 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
	
.reports_table td { padding: 5px; }