/***************************Page Defaults **************************/
/* DATATEX
  #e9f3fb very light blue
  #cde2f3 light blue - used for odd lines and background for calendar/search slider/aqm reviews
  #9ec0de light blue
  #8f02fe purple
  #5891c0 blue
*/

 @media print {
   body {
     font               : 12px arial condensed;
	 letter-spacing     : 2px;
     margin-top         : 0px;
     margin-left        : 0px;
     margin-right       : 0px;
  }
  @page { margin: 0;}
}

 @media screen {
  body {
    background          : url('../../images/datatex/banner1.png') top left no-repeat,url('../../images/datatex/banner2.png') top right no-repeat, url('../../images/datatex/tbar.png') top center repeat-x;
    font                : 12px arial condensed;
    letter-spacing      : 2px;
    margin-top          : 0px;
    margin-left         : 0px;
    margin-right        : 0px;
	padding             : none;
  }
}

/*a {
  text-decoration     	: none;
  cursor				: pointer;
  color               	: #5891c0;
  font-weight         	: bold;
}

a.fill-div {
    display         : block;
    height          : 100%;
    width           : 100%;
    text-decoration : none;
}*/

.hyperbutton  {
  width               	: 100%;
  height              	: 100%;
  display             	: inline-block;
}    

:focus {outline  : none;}

.activetheme {
 font-size				: 1.5em;
 text-align           	: center;
 font-weight          	: bold;
 color                  : green;
}

input {
  color					: black;
  font-weight         	: bold;
  font-family           : arial condensed;
  background-color    	: #eee9e9;
  border              	: 1px inset #cde2f3;
  //background-color    	: #cde2f3;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    //transition: background-color 5000s ease-in-out 0s;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	font-family           : arial condensed;
}

input:focus     {}
th a           	{color               : #FFFFFF;}
table          	{border-spacing      : 0px 0px;}
table,th,td,tr 	{border-collapse     : collapse;}
radio          	{font-weight         : .5em;}
.odd		{background-color    : #cde2f3;}
#setuser        {font-weight         : bold;}

.gentable {
  width               	: 99%;
  margin-left         	: auto;
  margin-right        	: auto;
 }

@media screen {
  .menutable
  {
    margin-top	      	: 1em;
    margin-bottom     	: 1em;
    font-weight       	: bold;
    margin-left       	: auto;
    margin-right      	: auto;
    height             	: 65px;
  }

  .menutable td
  {
    //padding-left       	: 1.1em;   
    //padding-right      	: 1.1em;   
    //padding-right      	: 1.1em;   
    color              	: white;
    background-color   	: #8f02fe;
    //height             	: 60px;
    font-size          	: 17px;
    font-family        	: Futura, 'Trebuchet MS', Arial, sans-serif;
  }

  .menutable  td:hover   {background-color : #5891c0; color : white;}
  .menutable  td a:hover {color : white;}
  .menutable a           {color : black;}
  .menubackground        {padding-left : 45px; height:70px}
}

.hyperdiv       {height : 100%;}

.hyperdiv a  {
 width                	: 100%;
 height               	: 100%;
 display              	: block;
 padding-top         	: 14px;
 padding-left       	: 1.1em;   
 padding-right      	: 1.1em; 
}

.projectheading  {
  width               	: 100%;
  height              	: 111px;
}

.projectheading td {
  text-align          	: center;
  font-weight         	: bold;
  font-size           	: 1.2em;
  font-style          	: italic;
  color               	: black;
  vertical-align      	: bottom;
  padding             	: 5px 5px 5px 5px;
}

.fillbackground {background : url('../../images/datatex/tbar.png') top left repeat-x;}  

@media print {
 .menubackground {display        : none;}
 .menutable      {display        : none;}
 .projectheading {display        : none;}
}

/*div.left            		 {float	          : left;}
div.right           		 {float	          : right;  margin-right : 1em;}
.aligncenter       		 {text-align      : center;}
.alignleft          		 {text-align      : left;}
.alignright         		 {text-align      : right;}
.alignverticaltop    	 {vertical-align  : text-top;}
.alignverticalmiddle {vertical-align  : middle;}
.alignverticalbottom {vertical-align  : bottom;}
.submitimagebutton  	 {border          : none;}*/

button {
  border              	: none;
  padding             	: 0px 0px 0px 0px;
  background-color    	: white;
  transform: scale(0.8);
}

#dashboardbutton {
  color               : #5891c0;
  font                : 12px arial condensed;
  letter-spacing      : 2px;
  font-weight         : bold;
  
}

.searchbuttons {
  border              	: none;
  padding				: 0px 0px 0px 0px;
  background-color    	: white;
}

.tabbutton{
  border              	: 2px outset buttonface;
}

.tabbutton2{
  border              	: none;
  padding             	: 0px 0px 0px 0px;
  background-color    	: #cde2f3;
}

/**** Footer ****/
.footerbackground {
  width               	: 100%;
  height              	: 64px;
  background          	: url('../../images/datatex/b_banner1.png') top left no-repeat, url('../../images/datatex/b_banner2.png') top right no-repeat, url('../../images/datatex/bbar.png') top center repeat-x;
 }

.footerstart{width : 318px;}

.footerline	{
  text-align	        : center; 
  color                 : white;
  font-size             : 12pt;
}
 
.footerweb {
  width               	: 318px;
  vertical-align      	: bottom;
  text-align          	: right; 
}

.footerweb:hover	{background : url('../../images/datatex/b_banner2_over.png') top right no-repeat;} 
td.host				{color      : white;}
@media print		{.footerbackground {display : none;}}
/**** End Footer ****/

.right			{text-align : right;}
.left			{text-align : left;}
.center			{text-align : center;}
.centerheading	{text-align : center; font-weight	: bold;}

.selectedcriteria {
 width                	: 99%;
 margin-left          	: auto;
 margin-right         	: auto;
}

/**** Errors ****/
/*.errormsg {
 width                	: 60%;
 color                	: red;
 border               	: 2px solid red;
 margin-left          	: auto;
 margin-right         	: auto;
}*/
/**** End Errors ****/

/**** Player ********/
#blanket {
  background-color    	: #111;
  opacity             	: 0.65;
  filter              	: alpha(opacity=65);
  position            	: absolute;
  z-index				: 1001;
  top					: 0px;
  left					: 0px;
  width					: 100%;
}

#commentwindow {
  position            	: absolute;
  background-color    	: #eeeebb;	/* for non-CSS3 browsers */
  filter              	: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5891c0', endColorstr='white'); /* for IE */
  background          	: -webkit-gradient(linear, left top, left bottom, from(#5891c0), to(white)); /* for webkit browsers */
  background          	: -moz-linear-gradient(top,  #5891c0,  white); /* for firefox 3.6+ */ 
  width               	: 300px;
  height              	: 260px;
  z-index             	: 9002;
  border              	: 1px solid black;
  -moz-border-radius  	: 20px;
  -webkit-border-radius	: 20px;
  -khtml-border-radius	: 20px;
  border-radius       	: 20px;
}

#commenttitle {
  height              	: 20px;
  width               	: 300px;
  font-weight         	: bold;
  color					: white;
  margin				: 10px 0;
}

#comment {
  margin              	: 10px;
  width               	: 90%;
  background          	: ivory;
}

#alreadyacommentwarning {
  position            	: absolute;
  background-color    	: #eeeebb;	/* for non-CSS3 browsers */
  filter				: progid:DXImageTransform.Microsoft.gradient(startColorstr='slategrey', endColorstr='white'); /* for IE */
  background			: -webkit-gradient(linear, left top, left bottom, from(slategrey), to(white)); /* for webkit browsers */
  background          	: -moz-linear-gradient(top,  slategrey,  white); /* for firefox 3.6+ */ 
  width               	: 300px;
  height              	: 100px;
  z-index             	: 9002;
  border              	: 1px solid black;
  -moz-border-radius   	: 20px;
  -webkit-border-radius	: 20px;
  -khtml-border-radius 	: 20px;
  border-radius        	: 20px;
}

.player {
  width               	: 99%;
  border              	: 1px solid black; 
 -moz-border-radius   	: 20px;
 -webkit-border-radius	: 20px;
  border-radius       	: 20px;
  text-align          	: left;
}

.playtable {
  width               	: 100%;
 -moz-border-radius   	: 20px;
 -webkit-border-radius	: 20px;
  border-radius       	: 20px;
}
 
 .playheading {
  font-size           	: 1.2em;
  color               	: black;
  font-weight			: bold;
  text-align			: center;
}
/**** end Player ******/

 /**** searchtable ****/
 @media screen {
.waveform {
  width               	: 100%;
  border              	: 1px solid black; 
 -moz-border-radius   	: 20px;
 -webkit-border-radius	: 20px;
 -khtml-border-radius 	: 20px;
  border-radius       	: 20px;
}
}

/*@media print {
  .searchtable caption              			{Display : none;}
  .searchtable tr.columnheadings 		{display : none;}
  .searchtable tr.columnheadings th 	{display : none;}
  .searchtable tr.total             		{display : none;}
  .searchtable tr.NOTHING	   		{display : none;}
  .searchtable tr.odd		   		{display : none;}
  //#player							{display : none;}
  .searchtable						{border : none;}
  .searchtable td 					{border : none;}
  .player							{border : none;}
  .timesearching					{display : none;}
  .closebutton						{display : none;}
  #chatemaildiv						{display : None;}
  .innerrecbuttons					{display : None;}
}

@media screen {
.searchtable {
  border              	: collapse;
  width               	: 100%;
 -moz-border-radius   	: 20px;
 -webkit-border-radius	: 20px;
 -khtml-border-radius 	: 20px;
  border-radius       	: 20px;
}

.searchtable caption {
  font-size           	: 1.5em;
  color               	: #8f02fe;
  font-weight         	: bold;
}

.searchtable td {
  border              	: 1px solid black;
  //height                : 30px;
}

.searchtable tr.columnheadings {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border-bottom       	: 1px solid black;
 -moz-border-radius   	: 20px;
 -webkit-border-radius	: 20px;
  border-radius       	: 20px;
}

.searchtable tr.columnheadings th {
  border              	: 1px solid black;
  padding             	: 5px;
}

.searchtable tr.total {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border              	: 2px solid black;
}

.searchtable td.alignright {
  text-align          	: right;
}
}*/
/**** End searchtable ****/

/**** htmlgentable ****/
/*.htmlgentable {
  border              	: collapse;
  width               	: 99%;
  margin              	: 0.2em;
  border              	: 1px solid black;
}

.htmlgentable td {
  border              	: 1px solid black;
}
.htmlgentable caption {
  font-size           	: 1.5em;
  color               	: black;
  font-weight         	: bold;
}

.htmlgentable tr.columnheadings {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border-bottom       	: 1px solid black;
}

.htmlgentable tr.columnheadings th {
  border              	: 1px solid black;
  padding             	: 5px;
}

.htmlgentable tr.total {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border              	: 1px solid black;
}*/
/**** end htmlgentable ****/

/**** Htmltable ****/
.htmltable {
  border              	: collapse;
  width               	: 99%;
  margin              	: 0.2em;
  border				: 1px solid black;
}

.htmltable td {
  border             	: 1px solid black;
}
.htmltable caption {
  font-size           	: 1.5em;
  color               	: black;
  font-weight         	: bold;
}

.htmltable tr.columnheadings {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border-bottom       	: 1px solid black;
}

.htmltable tr.columnheadings th {
  border              	: 1px solid black;
  padding             	: 5px;
}

.htmltable tr.total {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border              	: 1px solid black;
}

.htmltable th.th_3 {width : 115px;}
.htmltable th.th_4 {width : 10px;}
.htmltable th.th_6 {width : 10px;}

.inputbackground {background-color : #e2dbf5;}
/**** end HTMLtable ****/

/**** Htmltable2****/
/*.htmltable2 {
  border              	: collapse;
  width					: 75%;
  margin              	: 0.2em;
  border              	: 1px solid black;
  margin-left         	: auto;
  margin-right        	: auto;
}

.htmltable2 td {
  border              	: 1px solid black;
}
.htmltable2 caption {
  font-size           	: 1.5em;
  color					: black;
  font-weight			: bold;
}

.htmltable2 tr.columnheadings {
  background-color    	: #5891c0;
  color               	: white;
  font-weight			: bold;
  border-bottom			: 1px solid black;
}

.htmltable2 tr.columnheadings th {
  border              	: 1px solid black;
  padding             	: 5px;
}

.htmltable2 tr.total {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border              	: 1px solid black;
}*/
/**** end HTMLtable2 ****/

/**** translatetable****/
.translatetable {
  border              	: collapse;
  width					: 100%;
  margin              	: 0.2em;
  border              	: 1px solid black;
  margin-left         	: auto;
  margin-right        	: auto;
}

.translatetable td {
  border              	: 1px solid black;
}
.translatetable caption {
  font-size           	: 1.5em;
  color					: black;
  font-weight			: bold;
}

.translatetable tr.columnheadings {
  background-color    	: #5891c0;
  color               	: white;
  font-weight			: bold;
  border-bottom			: 1px solid black;
}

.translatetable tr.columnheadings th {
  border              	: 1px solid black;
  padding             	: 5px;
}

.translatetable tr.total {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border              	: 1px solid black;
}
/**** end translatetable ****/
/**** Htmlsearch ****/
.htmlsearch {
  border              	: collapse;
  width					: 99%;
  margin				: 0.2em;
  border				: 1px solid black;
}

.htmlsearch td {
  border              	: 1px solid black;
}
.htmlsearch caption {
  font-size           	: 1.5em;
  color					: black;
  font-weight			: bold;
}

.htmlsearch tr.columnheadings {
  background-color		: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border-bottom       	: 1px solid black;
}

.htmlsearch tr.columnheadings th {
  border              	: 1px solid black;
  padding             	: 5px;
}

.htmlsearch tr.total {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border              	: 1px solid black;
}

.inputbackground {background-color : #e2dbf5;}

.htmlsearch th.th_0 {width : 15%;}
.htmlsearch th.th_3 {width : 10%;}
.htmlsearch th.th_4 {width : 10%;}
.htmlsearch th.th_5 {width : 20%;}
.htmlsearch th.th_6 {width : 10%;}
.htmlsearch th.th_7 {width : 5%;}
.htmlsearch th.th_8 {width : 5%;}
.htmlsearch th.th_9 {width : 5%;}
/**** end HTMLsearch ****/

/**** recordingtables ****/
.recordingtables {
  border              	: collapse;
  width               	: 100%;
  border              	: 1px solid black;
}

.recordingtables td {
  border              	: 1px solid black;
}

.recordingtables caption {
  font-size           	: 1.3em;
  background-color    	: #5891c0;
  color               	: white;
  text-align          	: center;
  font-weight         	: bold;
  padding             	: 5px 5px 5px 5px;
}

.recordingtables tr.columnheadings {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border-bottom       	: 1px solid black;
}

.recordingtables tr.columnheadings th {
  border              	: 1px solid black;
  padding             	: 5px;
}

.recordingtables tr.total {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border              	: 1px solid black;
}

.infoheading {width : 20%;}

.moreinfoheading {
  font-size           	: 1.3em;
  background-color    	: #5891c0;
  color               	: white;
  text-align          	: center;
  font-weight         	: bold;
  padding             	: 5px 5px 5px 5px;
}

#mailmsg {
  color               	: black;
  font-weight         	: bold;
  font-size				: 1.3em;
}

.extrainfo td.nolines {border : none;}
/**** end recording table ***/

/**** Supervisortable ****/
/*.supervisordiv {
  border              	: 1px solid black; 
  -moz-border-radius  	: 20px;
  -webkit-border-radius	: 20px;
  -khtml-border-radius	: 20px;
  border-radius       	: 20px;
}
.supervisortable {
  border              	: collapse;
  width               	: 100%;
  border              	: 2px solid black;
}

.supervisortable td {
  border              	: 1px solid black;
}

.supervisortable caption {
  font-size           	: 1em;
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border              	: 1px solid black;
  padding             	: 5px 5px 5px 5px;

}

.supervisortable tr.columnheadings {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border-bottom       	: 1px solid black;
}

.supervisortable tr.columnheadings th {
  border              	: 1px solid black;
  padding             	: 5px;
}

.supervisortable tr.total {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border              	: 1px solid black;
}*/

/*.bold {
  font-weight         	: bold;
  font-size           	: 1.1em;
  color               	: black;
}(/

/**** Stat Page Table ****/
.statspagetable {
  border              	: collapse;
  width               	: 99%;
  margin-left         	: auto;
  margin-right        	: auto;
  border              	: 1px solid black;
}

/*#hideusers			{display : none;}
#hideext			{display : none;}
#hideselected		{display : none;}
#hidenotes			{display : none;} 
#hideoldnotes		{display : none; text-align : left;} 
#hidemoreinfo		{display : none; text-align : left;}
#hideaudittrail		{display : none;}
#hidescreenshots        {display : none;}
#hideemail			{display : none;} 
#hideaqm			{display : none;} 
#hidejibe 			{display : none;}
#hidetranscript		{display : none; height:300px; overflow-y:scroll} */
 
/****AQM****/
#hidecategory		{ display : none;} 
#hidequestion 		{ display : none;} 
#hideanswers		{ display : none;} 
#hideinstructions	{ display : none;} 
#hideguidelines		{ display : none;} 
#hidetraining		{ display : none;} 
#hidescript 	    		{ display : none;} 
.hideqscript 	   	 { display : none;}
#hideqscript        	{ background-color : white; width : 900px;} 
.hideqinstruction   	{ display : none;}
#hideqinstruction   	{ background-color : white; width : 900px;} 
.hideqguideline     	{ display : none;}
#hideqguideline     	{ background-color : white; width : 900px;} 
#qscript            		{ color   : #e9a969;}
#errorcategory		{ display : block;} 
#errorquestion		{ display : block;}  
#errorinstructions	{ display : block;} 
#errorguidelines	{ display : block;} 
#errortraining		{ display : block;} 
#errorscript 		{ display : block;}
.hideerrormsg             { display : none;}
#hidegencomments	{ display : none;}
.hideemailaccessinfo {display : none;}
.hidetranscriptflag   {display : none;}
/****Reports****/
#notshowtypes       	{ display : none;}
#notshowsupers		{ display : none;}
#notshowtemplates	{ display : none;}  

/**** End Stats Page Table ****/

/**** Statistics Table ****/
.statisticstable {
  border              	: collapse;
  width               	: 99%;
  margin-left         	: auto;
  margin-right        	: auto;
  border              	: 1px solid black;
}

.statisticstable td {
  border              	: 1px solid black;
  text-align          	: right;
}
.Statisticstable caption {
  font-size           	: 1.5em;
  color               	: black;
  font-weight         	: bold;
}

.statisticstable tr.columnheadings {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border-bottom       	: 1px solid black;
}

.statisticstable tr.columnheadings th {
  border              	: 1px solid black;
  padding             	: 5px;
}

td.statsdescription {text-align : left;}
/**** End Statistics Table ****/

/**** Statrep Table ****/
.statreptable {
  border              	: collapse;
  width               	: 99%;
  margin-left         	: auto;
  margin-right        	: auto;
  border              	: 1px solid black;
}

.statreptable td {
  border              	: 1px solid #black;
}
.Statreotable caption {
  font-size           	: 1.5em;
  color               	: black;
  font-weight         	: bold;
}

.statreptable tr.columnheadings {
  background-color    	: #5891c0;
  color               	: black;
  font-weight         	: bold;
  border-bottom       	: 1px solid #black;
}

.statreptable tr.columnheadings th {
  border              	: 1px solid #black;
  padding             	: 5px;
}
/**** End statrep Table ****/

/**** Stats Detail Table ****/
.statsdetailtable {
  border              	: collapse;
  width               	: 99%;
  margin-left         	: auto;
  margin-right        	: auto;
  border              	: 1px solid black;
}
.statsdetailtable td {
  border              	: 1px solid black;
  text-align          	: right;
}
.statsdetailtable caption {
  font-size           	: 1.5em;
  color               	: black;
  font-weight         	: bold;
}
.statsdetailtable tr.columnheadings {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border-bottom       	: 1px solid black;
}
.statsdetailtable tr.columnheadings th {
  border              	: 1px solid black;
}

.statsdetailtable tr.statstotal {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border-bottom       	: 1px solid black;
}

.statsdetailtable td.statsdetdesc {
 text-align           	: left;
}
/**** End statistics table ****/

/**** Statistics Graph Table ****/
.statsgraphs {
  width               	: 99%;
  margin-left         	: auto;
  margin-right        	: auto;
}
.statsgraphs td.statspiegraphs {
  border              	: 2px solid #5891c0;
  width               	: 33%;
  text-align          	: center;
}
/**** End Statistics Graph Table ****/

.pageheading {
  //width               	: 100%;
  margin              	: 0.2em;
  width               	: 99%;
  color               	: #5891c0;
  font                  : 25pt Century Gothic;
  letter-spacing        : 0.01px;
  height                : 42px;
}

.pageblackheading {
  width               	: 100%;
  margin              	: 0.2em;
  width               	: 99%;
  color               	: black;
  font                  : 25pt Century Gothic;
  letter-spacing        : 0.01px;
}

.pageheading td {text-align : center;}

.pagesubheading {
  width               	: 100%;
  margin              	: 0.2em;
  width               	: 99%;
  font-weight         	: bold;
  color               	: #5891c0;
  font                  : 18.5pt Century Gothic;
  letter-spacing        : 0.01px;
}

.pagesubheading td {text-align : center;}

.pagesubsubheading {
  width               	: 100%;
  margin              	: 0.2em;
  width               	: 99%;
  font-weight         	: bold;
  color               	: #5891c0;
  font                  : 9pt Century Gothic;
  letter-spacing        : 0.01pt;
}

.pagesubsubheading td {text-align : center;}

div.graphtitle {
    font-size         	: 1.5em;
    color             	: black;
	text-align        	: center;
	font-weight			: bold;
}

.pagenotes {
  width               	: 100%;
  margin              	: 0.2em;
  width               	: 99%;
  color               	: #5891c0;
  font-weight         	: bold;
  font-size           	: 1.1em;
}

.pagenotes td {text-align	: left;}

.reportdates {
  margin              	: 0.2em;
  color               	: black;
  font-weight         	: bold;
  text-align          	: center;
}

.updatedatetime {
  border-left         	: 2px solid white;
  border-top          	: 2px solid white;
}
/**** End Page Heading ****/

/**** Graphs ****/
/*#superstatusgraph
{
  font                	: 14pt arial,sans-serif;
  width               	: 90%;
  height              	: 500px;
  margin-left         	: auto;    
  margin-right        	: auto;
  font-weight			: bold;
  color					: black;
  background-color      : #8f02fe;
}

#superstatusgraph  .jqplot-series-shadowCanvas {
  background-color      : #5891c0;
}

.recordinggraph
{
  font                	: 10pt arial,sans-serif;
  width               	: 1110px;
  height              	: 175px;
  margin-left         	: auto;    
  margin-right        	: auto;
  font-weight         	: bold;
  color               	: white;
  background-color      : black;
}

#playgraph  .jqplot-series-shadowCanvas{
  background-color      : #5891c0;
}

.notooltip 					{display : none;}
.showtooltip 				{background-color : #7997ab; color : white;}
.showlinetooltip 			{color : red;}
.jqplot-highlighter-tooltip 	{strokeStyle : red; fillstyle : red;}
    
.jqplot-cursor-tooltip {
    color				: red;
    font-size			: 0.8em;
    white-space			: nowrap;
    background			: rgba(208,208,208,0.5);
    padding				: 1px;
    z-index				: 10000;
}*/

/**** End Graphs ****/

/*** Recording Search ****/
@media screen{
.searchmain {	
  width               	: 100%;
  border              	: 2px solid black;
  margin-left         	: auto;
  margin-right        	: auto;
}
}

#searchvalue 	{background-color : white;}
#hours 			{background-color	: white;}
#min 			{background-color : white;}
#sec 			{background-color : white;}
.inbold 		{color : black; font-weight : bold;}
.bottomlines	{width : 99%;}
#sm3_1 			{text-align : left; padding	: 0px 5px 0px 5px; vertical-align : text-top;}
#sm2_1 			{text-align	: center; padding : 0px 5% 5px 6.5%;}

/*** tab slide out ***/
/*.searching {
  text-align          	: left;
  width               	: 400px;
  height              	: 675px;
  background          	: #cde2f3;
  border              	: 1px solid black;
  z-index             	: 1002;
  padding             	: 15px;
  -moz-border-radius	: 10px;
  -webkit-border-radius	: 10px;
  -khtml-border-radius 	: 10px;
  border-radius        	: 10px;
} */

.searchresults {
  background-color    	: #cde2f3;
  border              	: solid 1px black; 
  color               	: black;
  font-size           	: 1.2em;
  font_weight			: bold;
}

.searchdetail  {width : 100%;}

/* searchdetail */
.showselection {
  border              	: 1px solid black;
  padding             	: 1px;
  background-color    	: white;
}
.showselections_hidden 	{display : none;}
.searchselect			{color : black; font-size	: 1.2em;}

/* searchselect */
#startDate 	{background-color : #cde2f3; border : solid 1px black;}
#endDate 	{background-color : #cde2f3; border : solid 1px black;}

#st1 {font-weight : bold;}
#st3 {font-weight : bold;}
#st5 {font-weight : bold;}

.linkactive				{color : #5891c0; font-weight : bold;}
.highlightlinkactive 	{color : #c3b9df; font-weight : bold;}
.linknotactive 			{color : #575757;}
.hidebetweendates		{visibility : hidden;}

/**** Reporttable ****/
.reporttable {
  width               	: 65%;
  margin-left         	: auto;
  margin-right        	: auto;
  border			  	: 2px solid black;
}

.bodytext-heading 	{color : black; font-weight : bold;}
.bodytext_hidden 	{display : none;}
/**** End Reporttable ****/

/**** Summary Report table ****/
.summaryreport {
  width               	: 75%;
  margin-left			: auto;
  margin-right        	: auto;
  border			  	: 1px solid black;
}
/**** End Reporttable ****/

/**** Table Select Box *****/
.tableselectbox 	{width : 100%;}
td.firstcol  		{width : 30%; text-align : left;}
td.col30  		{width : 30%; text-align : left;}
#lbext 			{border : 1px solid black; width : 300px;}
#lbusers  		{border : 1px solid black; width : 300px;}
/**** End Table Select Box ****/

/**** Recordings Table ****/
.recordingstable  {
  width               	: 99%;
  margin-left         	: auto;
  margin-right        	: auto;
}
.recordingstable td {
  vertical-align      	: text-top;
}
/*** End Recordings Table ***/

@media only screen 	{.successfull {color : green; font-weight : bold;}}
@media only print 	{.successfull {display : none;}}

/**** TimeOut ****/
#timeoutduration {
  border              	: 1px solid black;
  background-color    	: white;
  width               	: 60px;
  padding             	: 2px 2px 2px 2px;
  display             	: inline;
}

#timeout {width : 50px;}
/**** End TimeOut ****/

.pagesearch {
  border              	: 1px solid black;
  width               	: 89%;
  margin-left         	: auto;
  margin-right        	: auto;
}

.pagesearch  td {
  padding             	: 5px 5px 5px 5px;
  vertical-align      	: bottom;
}

audio {
  background-color    	: #5891c0;
  width               	: 800px;
 -webkit-box-shadow   	: 5px 10px 15px black;
 -moz-box-shadow      	: 5px 10px 15px black;
  box-shadow          	: 5px 10px 15px black;
}

.infoaudio 		{width : 100%; text-align	: center;}
.audiodisplay	{display : none;}  
 /***************** Comments ****************/
.comments {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  text-align          	: center;
 }

 /****************** calendar *************/
.datetable {
  width                 : 100%;
}
.calendartemp_hidden	{display : none} 
.calShowpointer 			{cursor	: pointer;} 

.calendarsel {
   background-color    	: black;
   color                : white;
  -moz-border-radius	: 20px;
  -webkit-border-radius	: 20px;
  -khtml-border-radius 	: 20px;
  border-radius        	: 20px;
}

td.calendartoday {
  border            	: 3px solid red;
  display				: inline-block;
  background-color    	: white;
  color                 : black;
  -moz-border-radius	: 20px;
  -webkit-border-radius	: 20px;
  -khtml-border-radius 	: 20px;
  border-radius        	: 20px;
  vertical-align        : middle;
  line-height           : 18px;
} 

.calendarGeneric { 
  font                	: normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               	: black;
  background-color    	: #cde2f3; 
} 
 
DIV.datepicker { 
  background-color    	: #cde2f3;
  border              	: 1px solid black;
} 
 
TABLE.datepickermonth { 
  background-color    	: #5891c0; 
  text-align          	: center; 
  vertical-align      	: middle; 
  border              	: 1px solid black; 
  margin-top			: 2px; 
  margin-bottom			: 3px; 
} 
 
TABLE.datepickermonth2 { 
  background-color    	: #5891c0;   
  text-align          	: center; 
  vertical-align      	: middle; 
  border              	: 1px solid black; 
  margin-top          	: 2px; 
  margin-bottom       	: 3px; 
} 
 
TD.datepickermonth { 
  font                	: bold 9pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               	: white; 
} 
 
TD.datepickermonth2 { 
  font                	: bold 9pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               	: white; 
} 
 
TABLE.datepickerweek { 
  background-color    	: #cde2f3; 
  vertical-align      	: middle; 
  border-bottom       	: 1px solid black; 
} 
 
TD.datepickerweek { 
  font                	: normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               	: black;
  width               	: 29px; 
  text-align          	: center;	 
} 
 
TABLE.datepickerdays {	 
  vertical-align      	: middle; 
  cursor              	: pointer; 
  text-align          	: center;	 
} 
 
TD.datepickerdays { 
  font                	: normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  //color               	: black;
  text-align          	: center; 
  width               	: 29px; 
  height              	: 20px;
} 
 
TD.datepickerhover { 
  font                	: normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               	: black; 
  text-align          	: center;	 
  width					: 29px;
  height              	: 20px; 
  background-color    	: #5891c0;
  -moz-border-radius	: 20px;
  -webkit-border-radius	: 20px;
  -khtml-border-radius 	: 20px;
  border-radius        	: 20px;
} 

TABLE.datepickerfooter { 
  text-align          	: center; 
  vertical-align      	: middle; 
  border-top          	: 1px solid black;
} 
 
TABLE.topborder{ 
  border-top          	: 1px solid black; 
} 
 
A:link.datepicker { 
  font                	: normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               	: black;
  background-color    	: transparent; 
  text-decoration     	: underline; 
} 
 
A:visited.datepicker { 
  font                	: normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               	: black;
  background-color    	: transparent; 
  text-decoration     	: underline; 
} 
 
A:hover.datepicker { 
  font					: normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color					: black;
  background-color		: transparent;
  text-decoration		: none; 
} 
 
.calendartime { 
  font                	: normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               	: black;
  text-align          	: center; 
  width               	: 29px; 
  height              	: 20px; 
  background-color    	: white; 
} 

#yearSelectDiv {
  display               : none;
  position              : absolute;
  width                 : 141px;
  z-index               : 100;
  height                : 28px;
  top                   : 100px;
  left                  : 100px;
}
 
.yearselect { 
  font                	: normal 9pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               	: white;
  text-align          	: left; 
  background-color    	: black;
  height                : 28px;
} 

#predatetype {
  background-color    	: #cde2f3;
  color               	: black;
}
/*************** End Calendar *****************/ 

.black_overlay{
  background-color    	: #111;
  opacity             	: 0.65;
  filter              	: alpha(opacity=65);
  display             	: none;
  position				: absolute;
  top					: 0%;
  left                	: 0%;
  width					: 100%;
  height				: 1700px;
  z-index				: 2001;
  padding				: 16px;
}

#loading {
	display           	: none;
	position          	: absolute;
	top               	: 40%;
	left              	: 40%;
	padding           	: 16px;
    width             	: 333px;
	height            	: 86px;
	z-index           	: 2002;
	overflow          	: auto;
    background-image	: url(/images/datatex/dtx_amt_loading_screen.png);
    background-repeat 	: no-repeat
}

.cancelsearch {
   position           	: relative;
   z-index            	: 3003;
   background-color   	: transparent;
}

#imgscreenshot {width : 50%; height : auto;}

/**** new category ****/
#categorywindow {
  position            	: absolute;
  background-color    	: #eeeebb;	/* for non-CSS3 browsers */
  filter              	: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5891c0', endColorstr='white'); /* for IE */
  background          	: -webkit-gradient(linear, left top, left bottom, from(#5891c0), to(white)); /* for webkit browsers */
  background          	: -moz-linear-gradient(top,  #5891c0,  white); /* for firefox 3.6+ */ 
  width               	: 300px;
  height              	: 110px;
  z-index             	: 9002;
  border              	: 1px solid black;
  -moz-border-radius   	: 20px;
  -webkit-border-radius	: 20px;
  -khtml-border-radius 	: 20px;
  border-radius        	: 20px;
}

#categorytitle {
  height				: 20px;
  width               	: 300px;
  font-weight         	: bold;
  color               	: white;
  margin              	: 10px 10px;
}

#newcategory {
  margin              	: 10px;
  width               	: 90%;
  background          	: ivory;
}
/**** end new category ****/

.dashboard  {
  width               	: 30%;
  margin-left         	: auto;
  margin-right        	: auto;  
}

/****** Dashboard menu **********/ 
.dashboardmenu  {
  width               	: 60%;
  margin-left         	: auto;
  margin-right        	: auto;
  border              	: 1px solid black;  
}

.dashboardmenu td{
  padding             	: 6px 6px 6px 6px;
}
/****** end Dashboard menu *******/

/****** Dashboard table **********/ 
.dashboardtable  {
  width               	: 30%;
  margin-left         	: auto;
  margin-right        	: auto;
  border              	: 1px solid black;  
}

.dashboardtable td{
  padding             	: 6px 6px 6px 12px;
}
/********** End Dashboard table **********/

/**** dashboardtable2****/
.dashboardtable2 {
  border              	: collapse;
  width               	: 30%;
  border              	: 1px solid black;
  margin-left			: auto;
  margin-right        	: auto;
}

.dashboardtable2 td {
  border              	: 1px solid black;
  padding             	: 4px 4px 4px 12px;

}
.dashboardtable2 caption {
  font-size           	: 1.5em;
  color               	: black;
  font-weight         	: bold;
}

.dashboardtable2 tr.columnheadings {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border-bottom       	: 1px solid black;
}

.dashboardtable2 tr.columnheadings th {
  border              	: 1px solid black;
  padding             	: 5px;
}

.dashboardtable2 tr.total {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border              	: 1px solid black;
}

/**** end dashboardtable2 ****/

/*.inred 			{color : red;}*/
.removebutton 	{width : 16px;}
.jibeonclick 	{color : #7093db; font-weight : bold;}
.jiberecs 		{float : left;}

/**** progress bar when loading a recording ****/
#progressbar {
  top                  	: 26%;
  width					: 98%;
  height               	: 20px;
  border               	: 1px solid black;
  overflow             	: hidden;
  position				: absolute;
  z-index              	: 9003;
  display              	: none;
  left                 	: 1%;
  -moz-border-radius   	: 20px;
  -webkit-border-radius	: 20px;
  filter               	: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3b9df', endColorstr='white'); /* for IE */
  background           	: -webkit-gradient(linear, left top, left bottom, from(#c3b9df), to(white)); /* for webkit browsers */
  background           	: -moz-linear-gradient(top,  #c3b9df,  white); /* for firefox 3.6+ */   
}

#progressslider{
  width					: 37%;
  height             	: 20px;
  border-right       	: 1px solid black;
  filter             	: progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='white'); /* for IE */
  background         	: -webkit-gradient(linear, left top, left bottom, from(red), to(white)); /* for webkit browsers */
  background         	: -moz-linear-gradient(top,  red,  white); /* for firefox 3.6+ */ 
  position           	: absolute;
  z-index            	: 9004;
  display            	: none;
  -moz-border-radius  	: 20px;
  -webkit-border-radius	: 20px;
}

#progressmsg {
  color             	: #000000;
  font-size         	: 20px;
  font-style        	: italic;
  font-weight       	: bold;
  left              	: 25px;
  position          	: absolute;
  z-index				: 9005;
}
/**** end progress bar when loading a recording ****/

.loadrecording 		{border : none;}
.loadrecording td 	{border : none;}
/*.inred 			{color : red;}*/
.removebutton 	{width : 16px;}
.jibeonclick 	{color : #7093db; font-weight : bold;}
.jiberecs 		{float : left;}

/***** column sizes *****/
/*td.size3  	{width : 3%;  vertical-align : text-top;}
td.size5  	{width : 5%;  vertical-align : text-top;}
td.size7  	{width : 7%;  vertical-align : text-top;}
td.size8	{width : 8%;  vertical-align : text-top;}
td.width8 	{width : 8%;}
td.size10 	{width : 10%; vertical-align : text-top;}
td.size12 	{width : 12%;}
td.size13 	{width : 13%;}
td.size15 	{width : 15%;}
td.size20	{width : 20%; vertical-align : text-top;}
td.size25	{width : 25%;}
td.size30 	{width : 30%;}
td.size35 	{width : 35%;}
td.size40 	{width : 40%;}
td.size45 	{width : 45%;}
td.size47 	{width : 47%;}
td.size50 	{width : 50%;}*/
/***** end column sizes *****/

.selectfortagaqmtable {
  width               	: 60%;
  margin-left         	: auto;
  margin-right        	: auto;
}
/****** end group table *******/

#grpchild2 {
  height              	: 400px;
  width               	: 400px;
  overflow            	: scroll;
  border              	: 1px solid black;
  background-color    	: #e1dcef;
  list-style-type     	: none;
}

#grpnotchild2 {
  height              	: 400px;
  width               	: 400px;
  overflow            	: scroll;
  border              	: 1px solid black;
  background-color    	: #cde2f3; 
  list-style-type     	: none;
}

/********** diagram **********/

/*#diagramContainer {
  padding				: 5px;
  width                	: 99%;
  height				: 99%;
  border               	: 1px solid gray;
  background-color     	: #cde2f3;
  //scale                 : 0.75;
}

#fordiagram {
  width					: 99%;
  margin				: 0 auto;
}*/

/*.maindiv {
  background-color     	: #8f02fe;
  color                	: white;
  font-weight          	: bold
  -moz-border-radius   	: 20px;
  -webkit-border-radius	: 20px;
}

.mainitem {
  width                	: 20%;
}

.itemdiv {
  position             	: relative;
  background-color     	: #5891c0;
  -moz-border-radius   	: 20px;
  -webkit-border-radius	: 20px;
}

.itemdivselect {
  position             	: relative;
  background-color     	: red;
  -moz-border-radius   	: 20px;
  -webkit-border-radius	: 20px;
}

.detailitem             	{text-align : left; width : 15%;}*/
/*#showsuperdiagram			{display: inline;}
//.groupname					{color : white; font-weight : bold; text-align : center; font-size : 1.2em;}
//.smallgroupname                  {color:white; font-size : 1em;}
.leveldiagramtable			{width : 99%;}
.leveldiagramtable  td  	{padding : 5px 5px 5px 5px;}
.usersdiagramtable      	{width : 99%;}
.usersdiagramtable  td  	{padding : 1px 1px 1px 1px;}
.supersdiagramtable     	{width : 99%;}
.supersdiagramtable  td 	{padding : 1px 1px 1px 1px; text-align : left;}
/***** end diagram *****/
*/
#querybusy 		{display 	: none;}
.showtemplates	{display : none;}

/****** accesstable **********/ 
.accesstable  {
  width               	: 50%;
  margin-left         	: auto;
  margin-right        	: auto;
  border              	: 1px solid black;  
}

.accesstable td{
  padding             	: 10px 10px 10px 10px;
}
/***** end supertable *****/ 

/****** general table with border full width **********/ 
/*.genbordertable  {
  width               	: 99%;
  margin-left         	: auto;
  margin-right        	: auto;
  border              	: 1px solid black;  
}

.genbordertable td{
  padding             	: 3px 3px 3px 3px;
}
/****** end general table with border full width *******/

/****** general table with border 50% width **********/ 
/*.genborder50table  {
  width               	: 50%;
  margin-left         	: auto;
  margin-right        	: auto;
  border              	: 1px solid black;  
}

.genborder50table td{
  padding             	: 3px 3px 3px 3px;
}
/****** end general table with border 50% width **********/

/****** general table with no border 50% width **********/ 
/*.gennoborder50table  {
  width               	: 50%;
  margin-left         	: auto;
  margin-right        	: auto;
  border              	: none;  
}

.gennoborder50table td{
  padding             	: 3px 3px 3px 3px;
  border                : none;
}
/****** end general table with no border 50% width **********/

/****** general table with no border 75% width **********/ 
/*.gennoborder75table  {
  width               	: 75%;
  margin-left         	: auto;
  margin-right        	: auto;
  border                : none;
}

.gennoborder75table td{
  padding             	: 3px 3px 3px 3px;
  border                : none;
}
/****** end general table with no border 75% width **********/

/****** general table with no border 75% width no padding **********/ 
/*.gennoborder75nopadding  {
  width               	: 75%;
  margin-left         	: auto;
  margin-right        	: auto;
  border                : none;
}

/****** general table with border 75% width **********/ 
/*.genborder75table  {
  width               	: 75%;
  margin-left         	: auto;
  margin-right        	: auto;
  border              	: 2px solid silver;  
}

.genborder75table td{
  padding             	: 3px 3px 3px 3px;
}*/
/****** end general table with border 75% width *******/

td.superadmin {
  padding             	: 10px 10px 10px 10px;
}

.selectsize {width : 200px;}

/* highlight results */
.ui-autocomplete span.hl_results {
  background-color    	: #ffff66;
  z-index             	: 9000;
}
 
/* loading - the AJAX indicator */
.ui-autocomplete-loading {
  background          	: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat;
  z-index				: 9000;
}
 
/* scroll results */
.ui-autocomplete {
  max-height          	: 250px;
  overflow-y          	: auto;
  /* prevent horizontal scrollbar */
  overflow-x          	: hidden;
  /* add padding for vertical scrollbar */
  padding-right       	: 5px;
  z-index				: 9000;
}

.ui-autocomplete li {
  font-size           	: 16px;
  z-index             	: 9000;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
  height              	: 250px;
  z-index             	: 9000;
}

#chatoremailscript {
  width               	: 1110px;
  height				: 100px; 
  padding             	: 5px 5px 5px 5px;
  border              	: 2px solid black;
 -moz-border-radius   	: 20px;
 -webkit-border-radius	: 20px;
  border-radius       	: 20px;  
}

/*.notediv {
  width               	: 98%;
  border              	: 1px solid black;
  padding             	: 5px 5px 5px 5px;
  display             	: inline-block;
 -moz-border-radius   	: 20px;
 -webkit-border-radius	: 20px;
  border-radius       	: 20px;
}*/

#lookupbusy, #lookupuserbusy, #lookupextbusy {
  text-align          	: center;
  color               	: red;
}

.busy {
  text-align          	: center;
  color               	: red;
  font-weight         	: bold;
  font-size           	: 1.3em;
}

.supervisortable td.busycall{
 padding                : none;
 text-align             : center;
}

.col10 { width : 10%;}
.col15 { width : 15%;}
.col20 { width : 20%;}
.col25 { width : 25%;}
.col30 { width : 30%;}
.col35 { width : 35%;}

.chatemailstyle {
  padding-left        	: 30px;
  width               	: 95%;
  text-align          	: initial; 
}

/*.subjectdiv {
  width               	: 98%;
  border				: 1px solid black; 
  padding             	: 5px 5px 5px 5px;
  display             	: inline-block;
 -moz-border-radius   	: 20px;
 -webkit-border-radius	: 20px;
  border-radius       	: 20px;
}*/

#chatoremailtextarea {
  width               	: 95%;
  height              	: 200px;
  padding             	: 5px 5px 5px 5px;
  -moz-border-radius   	: 20px;
  -webkit-border-radius	: 20px;
  border-radius       	: 20px; 
  margin-left         	: 10px;
  margin-right        	: 10px;
}

.chatemaildiv {
  margin-left			: 30px;
  margin-right			: 10px;
  width               	: 95%;
  padding             	: 5px 5px 5px 5px;
  text-align          	: initial;
  border              	: 1px solid black; 
  -moz-border-radius	: 20px;
  -webkit-border-radius	: 20px;
  border-radius       	: 20px;   
}

#chatclient {
  border              	: 1px solid grey;
  margin-left         	: 100px;
  width               	: 80%;
  padding             	: 5px 5px 5px 5px;
  background-color    	: #cde2f3;
  -moz-border-radius	: 20px;
  -webkit-border-radius	: 20px;
  border-radius       	: 20px; 
}

#chatagent {
  border				: 1px solid grey;
  width               	: 80%;
  padding             	: 5px 5px 5px 5px;
  background-color    	: #c3b9df; 
  -moz-border-radius	: 20px;
  -webkit-border-radius	: 20px;
  border-radius       	: 20px; 
}

#listofattachments {
  margin-left         	: 30px;
  padding-left        	: 10px;
  text-align          	: left;
  width               	: 95%;
  border              	: 1px solid black;
  -moz-border-radius   	: 20px;
  -webkit-border-radius	: 20px;
  border-radius       	: 20px; 
}

.hidemore 				{display : none;}
@media screen {
.lastusedrec 			{background-color : #8f02fe; color : white; font-weight : bold}
.lastusedrecimportant 	{background-color : #f80705; color : white;}
.lastusedrec .linkactive {color : #9ec0de;}
.lastusedrecimportant .linkactive {color : #cde2f3;}

.importantcall {
 color                	: white;
 text-weight          	: bold;
 background-color     	: #5891c0;
}
.importantcall .linkactive {color : #8f02fe;}
}

@media print {
.lastusedrec 			{display : none;}
.lastusedrecimportant 	{display : none;}
.lastusedrec     			{display : none;}
.importantcall 			{display : none;}
}

td.maingroups {
  width               	: 33%;
  padding-left        	: 6px;
}

/**** new theme ****/
#themewindow {
  position             	: absolute;
  background-color     	: #eeeebb;	/* for non-CSS3 browsers */
  filter               	: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5891c0', endColorstr='white'); /* for IE */
  background           	: -webkit-gradient(linear, left top, left bottom, from(#5891c0), to(white)); /* for webkit browsers */
  background           	: -moz-linear-gradient(top,  #5891c0,  white); /* for firefox 3.6+ */ 
  width                	: 300px;
  height               	: 110px;
  z-index              	: 9002;
  border               	: 1px solid black;
  -moz-border-radius   	: 20px;
  -webkit-border-radius	: 20px;
  -khtml-border-radius 	: 20px;
  border-radius        	: 20px;
}

#themetitle {
  height              	: 20px;
  width               	: 300px;
  font-weight         	: bold;
  color               	: white;
  margin              	: 10px 10px;
}

#newtheme {
  margin              	: 10px;
  width               	: 90%;
  background          	: ivory;
}
/**** end new theme ****/

.highlightlinkactive {color : white; font-weight	: bold;}
#hidesupsloggedin		{ display : none;}
#hideadminsloggedin		{ display : none;}
#poweredby 				{display : inline-block;}
#yourtimeout 			{font-weight : bold;}

.dashboardmsg {
   font-size t        	: 1.2em;
   font-weight        	: bold;
   font-color         	: red;
 }

@media print {
.outerrecbuttons     		: {display : none;}
.innerrecbuttons     		: {display : none;}
.recbuttons		     		: {display : none;}
}

@media screen {
.outerrecbuttons {
  position            	: relative;
  float               	: right;
  right               	: 50%;
}
 
.innerrecbuttons {
  position            	: relative;
  float               	: right;
  right               	: -50%;
}  
 
.recbuttons {
  float               	:left;
  margin				: 0 0.5em 0.5em 0;
}
}
.nothemes	{display : none;}

#listofthemes {
  border              	: 1px solid #d4cfcf;
  float               	: left;
} 

/********** For Drag/Drop **********/
#grpnotchild, #grpchild{
  width               	: 300px;
  height              	: 400px;
  //height            	: 50px;
  color               	: #ddd;
  list-style          	: none;
  overflow				: scroll;
  z-index             	: 1;
  cursor                : pointer;
}

.cursormove                  {cursor : move;}
#grpchild 				{background-color : #444;}
#grpnotchild 			{background-color : #222;}
.ui-state-highlight 	{background-color : red;}
.ui-state-highlightnew	{background-color : blue;}

/********** End Drag/Drop **********/ 

/*@media only print 	{.showbutton {display : none;}}*/
.divdisplay 		{display : inline-block;}

.noaccess {
  font-size              : 2em;
  font-weight            : bold;
  color                  : red;
}

/**** audittable ****/
/*.audittable {
  border              	: collapse;
  width               	: 99%;
  margin              	: 0.2em;
  border              	: 1px solid black;
}

.audittable td {
  border              	: 1px solid black;
  vertical-align      	: text-top;
}

.audittable caption {
  font-size           	: 1.5em;
  color               	: black;
  font-weight         	: bold;
}

.audittable tr.columnheadings {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border-bottom       	: 1px solid black;
}

.audittable tr.columnheadings th {
  border              	: 1px solid black;
  padding             	: 5px;
}

.audittable tr.total {
  background-color    	: #5891c0;
  color               	: white;
  font-weight         	: bold;
  border              	: 1px solid black;
}

.audittable th.th_0 {width : 200px;}
.audittable th.th_1 {width : 115px;}*/

/**** end audittable ****/

.divfloatright {float : right;}
.divfloatleft {float : left;} 

#processing{color : red; font-weight : bold; font-size : 1.5em; text-align : center;} 

#errorfromjquery {color : red; font-weight:bold;}

.sublastlineleft { 
  background-color : #d4cfcf; 
  font-weight      : bold;
  text-align       : left;
}

.sublastlineright { 
  background-color : #d4cfcf; 
  font-weight      : bold;
  text-align       : right;
}

.sublastwhiteleft { 
  font-weight      : bold;
  text-align       : left;
}

.sublastwhiteright { 
  font-weight      : bold;
  text-align       : right;
}

.sublastredleft { 
  color            : red; 
  font-weight      : bold;
  text-align       : left;
}

.sublastredright { 
  color            : red; 
  font-weight      : bold;
  text-align       : right;
}

.answerdiv {
  width               	: 50%;
  border              	: 1px solid black;
  padding             	: 5px 5px 5px 5px;
  display             	: inline-block;
 -moz-border-radius   	: 20px;
 -webkit-border-radius	: 20px;
  border-radius       	: 20px;
  background-color      : #d4cfcf;
}

.whitebackground {background-color : white;}
.selecttemplatesize {width : 250px;}
.note {
  color            : #5891c0;
  font-weight      : bold;
  font-size        : 1.2em;
}

/****** general table without border full width **********/ 
/*.gennobordertable  {
  width               	: 99%;
  margin-left         	: auto;
  margin-right        	: auto;
  border              	: none;  
}

.gennobordertable td{
  padding             	: 3px 3px 3px 3px;
  border                : none;
}*/
/****** end general table with border full width *******/

.searchfield {
  background-color     : white;
  border               : 1px solid grey;
  width                : 200px;
}

.italic {font-style : italic;}
#searchheading {height: 40px}
#sm1 { height: 75px}  
.hideFTP {display : none;}
.showFTP {color   : #5891c0; cursor	: pointer;}

/**** htmlctitable ****/
.htmlctitable {
  border              : collapse;
  width               : 100%;
  margin              : 0.2em;
  border              : 1px solid #black;
}

.htmlctitable td {
  border              : 1px solid black;
}
.htmlctitable caption {
  font-size           : 1.5em;
  color               : black;
  font-weight         : bold;
}

.htmlctitable tr.columnheadings {
  background-color    : #5891c0;
  color               : black;
  font-weight         : bold;
  border-bottom       : 1px solid black;
}

.htmlctitable tr.columnheadings th {
  border              : 1px solid black;
  padding             : 5px;
}

.htmlctitable tr.total {
  background-color    : #5891c0;
  color               : black;
  font-weight         : bold;
  border              : 2px solid black;
}

.htmlctitable th.th_0,.htmlctitable th.th_1 {
  background-color    : #8f02fe;
}

.htmlctitable th.th_11 {
  width               : 5%;
}
  
.htmlctitable th.th_12 {
  width               : 5%;
}

/**** end htmlctitable ****/

/*.showmsg {
  font-weight           : bold;
  color                 : green;
  font-size             : 1.2em;
}*/

/**** Status ****/
.statustable {
  width            : 99%;
  margin-left      : auto;
  margin-right     : auto;
  border-collapse  : collapse;
  border-spacing   : 0;
}

.statustable td {
  width            : 33%;
  padding          : 0;
  margin           : 0;
}

.statusheading {
  background-color : #d4cfcf;
  font-weight      : bold;
  font-size        : 1.2em;
  text-align       : center;
}

.status0 {
  color            : black;
  font-weight      : bold;
  font-size        : 1.2em;
}

.status1 {
  color            : green;
  font-weight      : bold;
  font-size        : 1.2em;
}

.status2 {
  color            : orange;
  font-weight      : bold;
  font-size        : 1.2em;
}

.status3 {
  color            : red;
  font-weight      : bold;
  font-size        : 1.2em;
}

/*.borderline {
  //border           : 2px solid #d4cfcf;
  border           : 2px solid black;
}

.noborderline {
  border           : 2px solid white;
}*/

.nolines  {
  border           : none;
}
/**** Status ****/

.refreshaudits { color : red;   cursor : pointer;}

td.size5middle		{width : 5%;  vertical-align : middle;}
td.size5top  			{width : 5%;  vertical-align : text-top;}
td.size5topright		{width : 5%;  vertical-align : text-top; text-align:right;}
td.size7top  			{width : 7%;  vertical-align : text-top;}
td.size8top  			{width : 8%;  vertical-align : text-top;}
td.size8topright		{width : 8%;  vertical-align : text-top; text-align:right;}
td.size10bottomleft	{width : 10%;  vertical-align : bottom; text-align:left;}
td.size10right		{width : 10%;  text-align:right;}
td.size15left			{width : 15%;  text-align:left;}
td.size35topleft		{width : 35%;  vertical-align : text-top; text-align:left;}

/**** popup window for search fields ****/
#searchfieldswindow {
  position             	: absolute;
  //background-color    	: silver;	/* for non-CSS3 browsers */
  //filter               	: progid:DXImageTransform.Microsoft.gradient(startColorstr=silver, endColorstr='white'); /* for IE */
  //background           	: -webkit-gradient(linear, left top, left bottom, from(silver), to(white)); /* for webkit browsers */
  //background           	: -moz-linear-gradient(top,  silver,  white); /* for firefox 3.6+ */ 
  background-color    	: #eeeebb;	/* for non-CSS3 browsers */
  filter               	: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4cfcf', endColorstr='white'); /* for IE */
  background           	: -webkit-gradient(linear, left top, left bottom, from(#d4cfcf), to(white)); /* for webkit browsers */
  background           	: -moz-linear-gradient(top,  #d4cfcf,  white); /* for firefox 3.6+ */ 
  width                	: 350px;
  height               	: 275px;
  z-index              	: 9002;
  border               	: 1px solid black;
  -moz-border-radius   	: 20px;
  -webkit-border-radius	: 20px;
  -khtml-border-radius 	: 20px;
  border-radius        	: 20px;
}

#tabblanket {
  background-color    	: #111;
  opacity             	: 0.65;
  filter              	: alpha(opacity=65);
  position            	: absolute;
  z-index				: 1003;
  top					: 0px;
  left					: 0px;
  width					: 100%;
}

.marker {
  background-color : yellow;
}

@media print {
 .adminmenu {
   display         : none;
 }
}

@media screen {
 .adminline {
   display         : none;
 }
}

/**** new transcriptcategory ****/
#categorytranscriptwindow {
  position            	: absolute;
  background-color    	: #eeeebb;	/* for non-CSS3 browsers */
  filter              	: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f02fe', endColorstr='white'); /* for IE */
  background          	: -webkit-gradient(linear, left top, left bottom, from(#8f02fe), to(white)); /* for webkit browsers */
  background          	: -moz-linear-gradient(top,  #8f02fe,  white); /* for firefox 3.6+ */ 
  width               	: 300px;
  height              	: 130px;
  z-index             	: 9002;
  border              	: 1px solid black;
  -moz-border-radius   	: 20px;
  -webkit-border-radius	: 20px;
  -khtml-border-radius 	: 20px;
  border-radius        	: 20px;
}

#categorytranscripttitle {
  height				: 20px;
  width               	: 300px;
  font-weight         	: bold;
  color               	: white;
  margin              	: 10px 10px;
}

#newtranscriptcategory {
  margin              	: 10px;
  width               	: 90%;
  background          	: ivory;
}
/**** end new category ****/

.dropboxword {
  border             : 1px solid black;
  width              : 300px;
  height             : 25px;
 }
 
.queryline {
  border              : 1px dashed lightgrey;
}
 
.transcriptuserline {
  background-color   : #5891c0;
  color              : white;
 }
 
 .transcripttemplateline {
  background-color   : lightgrey;
  color              : black;
 }
 
 .transcriptplay:hover {
  background-color : grey;
  color            : white;
}

/**********************NEWS *****************************/

.newsheading  {
  width           : 95%;
  font            : 25pt Century Gothic;
  letter-spacing  : 0.01px;  
  margin-left     : auto;
  margin-right    : auto;    
  text-align      : center;
}

.newsblock  {
  background-color : white;
  width            : 95%;
  border-left      : 20px solid lightgray;
  border-right     : 20px solid lightgray;
  border-top       : 20px solid lightgray;
  border-bottom    : 0px solid lightgray;  
  padding          : 10px;
  margin-left      : auto;
  margin-right     : auto;  
}

.newssubject  {
    border-bottom   : 1px solid black;         
                width            : 100%; 
                margin-bottom   : 10px;
}

.newssubjectfont {
                font-weight     : bold;
    font            : 14pt Arial;                                 
}              

.newsdatefont {
                font-weight    : bold;
    font           : 8pt Arial;                                    
}

.newssystem {
    float         : right;
}

.newsbody {
                margin-left   : 20px;
                margin-right  : 20px;
                font-family   : Helvetica Neue,Helvetica,Arial,sans-serif; 
                font-size     : 12pt;
}              

.newsbottom {
  width           : 95%;
  border-left     : 20px solid lightgray;
  border-right    : 20px solid lightgray;
  border-top      : 20px solid lightgray;
  margin-left     : auto;
  margin-right    : auto;  
  padding-left    : 10px;  
  padding-right   : 10px;    
}

/**********************NEWS *****************************/

/**********************custom context menu **************/
#context-menu {
  position          : relative;
  z-index           : 10000;
  width             : 250px;
  border-radius     : 10px;
  border            : 1px solid black;
  background-color  : white;
  transform         : scale(0);
  transform-origin  : top left;
}

#context-menu.bodytext_hidden {
  display:none;
}

#context-menu.active {
  transform         : scale(1);
  transition        : transform 300ms ease-in-out;
}
#context-menu .item {
  font-weight       : bold;
  padding           : 8px 10px;
  font-size         : 15px;
}
#context-menu .item:hover {
  background        : ligtgrey;
}

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}

/********** for tag/transcript column in playist **********/
.divcol1 {
  float 			: left;
  text-align        : left;
  width             : 20px;
}
.divcol2 {
  float 			: left;
  text-align        : left;
  width             : 70px;
}

.notificationwithimg {
 color                	: red;
 border               	: 2px solid red;
 padding                : 5px;  
 font-size              : 1.2em; 
}

.notificationwithoutimg {
 color                	: black;
 border               	: 2px solid black;
 padding                : 5px;  
 font-size              : 1.2em; 
}

.alignverticaltopleft {
 vertical-align         : text-top;
 text-align             : left;
}

.loggedout {
  text-align            : center;
  background-color      : red;
  font-weight           : bold;
  border                : 2px solid black;
}