@font-face {
    font-family: 'DS-Digital';
    src: url('assets/fonts/DS-DIGIB.ttf') format('truetype'), url( 'assets/fonts/DS-DIGIB.eot?' ); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('assets/fonts/OpenSans-Bold.ttf') format('truetype'), url( 'assets/fonts/OpenSans-Bold.eot' );
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('assets/fonts/OpenSans-Regular.ttf') format('truetype'),  url( 'assets/fonts/OpenSans-Regular.eot' );
    font-weight: normal;
    font-style: normal;
}

body {
	background-color:#000000;
	padding:0;
	margin:0;
}

#csqPageHeader {
	background-color:#FFFFFF;
	width:100%;
	padding:0;
	margin:0;
}

#csqPageHeaderLeft {
	text-align:left;
	padding-left:10px;
	font-family: OpenSans-Regular, Tahoma, serif;
	font-size: 12px;
}

#csqPageHeaderRight {
	text-align:right;
	padding-right:10px;
	font-family: OpenSans-Bold, Tahoma, serif;
	font-size: 20px;
}

#holdPage {
	display:none;
}

#footer {
	font-family: 'OpenSans-Regular';
	src: url('assets/fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: lighter;
	font-style: normal;
	text-align:right;
	color:white;
	padding-right:20px;
}

.csqWrapper {
	/*background color is adjusted in the parameters.cfg file*/
	width:90%;
	margin:1em auto;
	border-radius: 10px;
	border-style:solid;
	border-width:2px;
	border-color:#888888;
}

/*used to display the name of the queue*/
.csqName {
	text-align:left;
	padding:3px 10px;
	font-family: OpenSans-Bold, Tahoma, serif;
	font-size: 18px;
	color: #FFFFFF;
}

/*used to display the name of the queue when in single queue mode*/
.csqNameSingle {
	text-align:center;
	padding:3px 10px;
	font-family: OpenSans-Bold, Tahoma, serif;
	font-size: 60px;
	color: #FFFFFF;
}


/*the boxes with the call center stats in them if you are displaying multiple queues*/
.csqContainer {
	width:100%;
	margin:0 auto;
	border-radius: 10px;
	background-color:#000000;
}

.csqColumnHeader {
	padding:5px 0 0 5px;
	text-align:left;
	font-family: OpenSans-Regular, Tahoma, serif;
	font-size: 12px;
	color: #FFFFFF;
}

.csqColumnData {
	padding:10px 0;
	text-align:center;
	font-family: DS-Digital, Tahoma, serif;
	font-size: 50px;
	color: #FFFFFF;
}

/*the boxes with the call center stats in them if you are displaying only one queue*/
.csqColumnHeaderSingle {
	padding:5px 0 0 5px;
	text-align:left;
	font-family: OpenSans-Regular, Tahoma, serif;
	font-size: 30px;
	color: #FFFFFF;
}

.csqColumnDataSingle {
	padding:10px 0;
	text-align:center;
	font-family: DS-Digital, Tahoma, serif;
	font-size: 100px;
	color: #FFFFFF;
}


/*css settings for the agent status page (only if you are using the unsupported uccxhruser*/
.agentColumnHeader {
	padding:5px 0 0 5px;
	text-align:center;
	font-family: OpenSans-Regular, Tahoma, serif;
	font-size: 30px;
	color: #FFFFFF;
}