html{
	height:100%;	
}
body{
margin: 0px;
padding: 0px;
/*background: #F4FAFC url(../images/background.png);*/
background: rgba(222,222,222,1);
background: -moz-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,222,222,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff', GradientType=0 );
width: 100%;
height:100%;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-repeat: no-repeat;
background-attachment: fixed;
}
/*Chrome v.32 render fix */
input{
	/*border: 1px #999 solid;*/
	line-height:12px;
}
#title{
margin: 0px;
margin-bottom: 29px;
padding: 20px;
width: 770px;
height: 41px;
text-align:center;
color:#900000;
font-size:20px;
}
#top img{
border: 0px;
width: 800px;
height: 41px;
}
#nav{
margin: 0px;
padding: 0px;
width: 770px;
height: 32px;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
border: 0px solid #000000;
/*background: url(../images/navbackground.png) no-repeat;*/
}
#nav ul{
list-style-type:none;
background-image: url(../images/navi_bg.png);
height: 32px;
width: 765px;
padding: 0;
margin: 0 0 10px 0px;
}
#nav li{
float:left;	
}
#nav a{
background-image: url(../images/navi_bg_divider.png);
background-repeat: no-repeat;
background-position: right;
display: block;
line-height: 32px;
padding-right: 10px;
padding-left: 5px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#nav a:hover{
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}
#content{
margin: 0px;
padding: 0px;
width: 770px;
background:#d9e0e7;
/*background: url(../images/contentbackground.png);*/
/*-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);*/
/*-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);*/
/*box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);*/
border: 1px solid #bec4ca;
float: none;
padding-bottom:10px;
min-height:550px;
}
#content .detailsubmit{
margin: 0px;
padding: 0px;
width: 770px;
text-align: center;
}
#content .messagebanner{
margin: 0px;
padding: 2px;
width: 761px;
text-align: center;
background-color:#ff0;
color:#06F;
height:20px;
}
#content .messagebanner-alert{
float:left;
color:#f00;
font-weight:bold;	
}
#content .messagebanner-red{
margin: 0px;
padding: 2px;
width: 761px;
text-align: center;
background-color:#f00;
color:#ff0;
height:25px;
font-weight:bold;
line-height:25px;
}
#content .messagebanner-controls{
margin: 0px;
padding: 2px;
width: 761px;
text-align: right;
color:#ff0;
height:25px;
font-weight:bold;
line-height:25px;
}
#content .messagebanner-controls .subcontrol{
margin: 0px;
padding: 2px;
width: 761px;
text-align: right;
color:#000;
font-weight:normal;
font-size:10px;
line-height:25px;
}
#content .messagebanner-refresh{
	float:right;
	display: inline-block;
    height: 100%;	
}
/*for detail*/
#detail .messagebanner{
margin: 0px;
padding: 2px;
width: 761px;
text-align: center;
background-color:#ff0;
color:#06F;
height:30px;
}
#detail .messagebanner-alert{
float:left;
color:#f00;
font-weight:bold;	
}
#detail .messagebanner-red{
margin: 0px;
padding: 2px;
width: 761px;
text-align: center;
background-color:#f00;
color:#ff0;
height:25px;
font-weight:bold;
line-height:25px;
}
#detail .messagebanner-controls{
margin: 0px;
padding: 2px;
width: 761px;
text-align: right;
color:#ff0;
height:25px;
font-weight:bold;
line-height:25px;
}
#detail .messagebanner-controls .subcontrol{
margin: 0px;
padding: 2px;
width: 761px;
text-align: right;
color:#000;
font-weight:normal;
font-size:10px;
line-height:25px;
}
#detail .messagebanner-refresh{
	float:right;
	display: inline-block;
    height: 100%;	
}
/*end for detail*/
#content .detailsubmit input.detailsubmitbutton{
	width: 130px;
	cursor: pointer;
	height:40px;
}
#content div#errormessage{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 400px;
text-align: center;
color: #800000;
font-weight: bold;
font-size: 14px;
}
#content div#pagemessage{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 2px;
height:auto;
width: 700px;
text-align: center;
color: #000000;
font-weight: bold;
font-size: 14px;
}
/*
#content a{
color: #000000;
font-size: 10px;
text-decoration: none;
font-weight: normal;
cursor: pointer;
}
#content a:hover{
color: #000000;
font-size: 10px;
text-decoration: underline;
font-weight: normal;
cursor: pointer;
}
*/
#content div#login{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 400px;
text-align: right;
}
#content div#login input{
width: 250px;
height: 20px;
font-size: 12px;
}
#content div#ccf{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 450px;
text-align: right;
}
#content div#ccf input.text{
width: 250px;
height: 20px;
font-size: 12px;
}
#content div#ccf input.receiveddate{
width: 156px;
height: 20px;
font-size: 12px;
}
#content div#ccf input.time{
width: 90px;
height: 20px;
font-size: 12px;
}
#content div#ccf select.select{
width: 250px;
height: 20px;
font-size: 12px;
}
#content div#ccf input.submit{
width: 400px;
height: 20px;
font-size: 12px;
}
#content div#ccf input.search{
width: 150px;
height: 20px;
font-size: 12px;
}
#content div#pagemessage table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
#content div#pagemessage table.tablesorter thead tr th, #content div#pagemessage table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
#content div#pagemessage table.tablesorter thead tr .header {
	background-image: url(/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
#content div#pagemessage table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
#content div#pagemessage table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
#content div#pagemessage table.tablesorter thead tr .headerSortUp {
	background-image: url(/images/asc.gif);
}
#content div#pagemessage table.tablesorter thead tr .headerSortDown {
	background-image: url(/images/desc.gif);
}
#content div#pagemessage table.tablesorter thead tr .headerSortDown, #content div#pagemessage table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
#content div#newresult{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 550px;
text-align: right;
}
#content div#newresult input.text{
width: 350px;
font-size: 12px;
}
#content div#newresult input.date{
width: 200px;
font-size: 12px;
}
#content div#newresult input.time{
width: 140px;
font-size: 12px;
}
#content div#newresult select.select{
width: 350px;
font-size: 12px;
}
#content div#newresult input.submit{
width: 200px;
font-size: 12px;
}
#content div#newresult input.search{
width: 150px;
font-size: 12px;
}
#content div#newresult textarea.textarea{
width: 350px;
height: 30px;
font-size: 12px;
}
#content div#newresult textarea.specimen{
width: 350px;
height: 150px;
font-size: 12px;
}
#content div#search{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 400px;
text-align: right;
}
#content div#search input.text{
width: 300px;
height: 20px;
font-size: 12px;
}
#content div#search input.time{
width: 90px;
height: 20px;
font-size: 12px;
}
#content div#search select.select{
width: 304px;
height: 20px;
font-size: 12px;
}
#content div#search input.datefieldinput{
width: 126px;
height: 20px;
font-size: 12px;
}	
#content div#search input.submit{
width: 400px;
height: 20px;
font-size: 12px;
}
#content div#search input.search{
width: 150px;
height: 20px;
font-size: 12px;
}
#content div#searchresults{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 750px;
text-align: left;
}
#content div#searchresults div.searchccftitle{
margin: 0px;
padding: 0px;
width: 15px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#searchresults div.searchdatetitle{
margin: 0px;
padding: 0px;
width: 75px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#searchresults div.searchsidtitle{
margin: 0px;
padding: 0px;
width: 100px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#searchresults div.searchnametitle{
margin: 0px;
padding: 0px;
width: 160px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#searchresults div.searchssntitle{
margin: 0px;
padding: 0px;
width: 100px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#searchresults div.searchclienttitle{
margin: 0px;
padding: 0px;
width: 150px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#searchresults div.searchtypetitle{
margin: 0px;
padding: 0px;
width: 50px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#searchresults div.searchstatustitle{
margin: 0px;
padding: 0px;
width: 100px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#searchresults div.oddline{
margin: 0px;
padding: 0px;
width: 750px;
line-height: 20px;
text-align: left;
background-color: #F5F5F5;
}
#content div#searchresults div.evenline{
margin: 0px;
padding: 0px;
width: 750px;
line-height: 20px;
text-align: left;
background-color: #E4E4E4;
}
#content div#searchresults div.searchccf{
margin: 0px;
padding: 0px;
width: 15px;
font-size: 9px;
text-align: left;
float: left;
}
#content div#searchresults div.searchdate{
margin: 0px;
padding: 0px;
width: 75px;
font-size: 9px;
float: left;
}
#content div#searchresults div.searchsid{
margin: 0px;
padding: 0px;
width: 100px;
font-size: 9px;
float: left;
}
#content div#searchresults div.searchname{
margin: 0px;
padding: 0px;
width: 160px;
font-size: 9px;
float: left;
}
#content div#searchresults div.searchssn{
margin: 0px;
padding: 0px;
width: 100px;
font-size: 9px;
float: left;
}
#content div#searchresults div.searchclient{
margin: 0px;
padding: 0px;
width: 150px;
font-size: 9px;
float: left;
}
#content div#searchresults div.searchtype{
margin: 0px;
padding: 0px;
width: 50px;
font-size: 9px;
float: left;
}
#content div#searchresults div.searchstatus{
margin: 0px;
padding: 0px;
width: 100px;
font-size: 9px;
float: left;
}
#content div#clientresults{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 750px;
text-align: left;
}
#content div#clientresults div.clienttitle{
margin: 0px;
padding: 0px;
width: 300px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#clientresults div.clientphonetitle{
margin: 0px;
padding: 0px;
width: 150px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#clientresults div.clientemailtitle{
margin: 0px;
padding: 0px;
width: 200px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#clientresults div.oddline{
margin: 0px;
padding: 0px;
width: 750px;
line-height: 18px;
text-align: left;
background-color: #FFFFCC;
display: inline-table;
}
#content div#clientresults div.oddline:hover{
background-color: #FFBFBF;
}
#content div#clientresults div#call-panel{
	width: 200px;
	float:right;
	display:inline-table;
}
#content div#clientresults div.evenline{
margin: 0px;
padding: 0px;
width: 750px;
line-height: 18px;
text-align: left;
background-color: #D6D6D6;
display: inline-table;
}
#content div#clientresults div.evenline:hover{
background-color: #FFBFBF;
}
#content div#clientresults div.selectedline{
margin: 0px;
padding: 0px;
width: 750px;
line-height: 17px;
text-align: left;
background-color: #0C3;
display: inline-table;
}
#content div#clientresults div.clientname a{
margin: 0px;
padding: 0px;
width: 300px;
font-size: 10px;
font-weight: bold;
float: left;
}
#content div#clientresults div.phonename{
margin: 0px;
padding: 0px;
width: 150px;
font-size: 10px;
float: left;
}
#content div#clienteresults div.clientemail a{
margin: 0px;
padding: 0px;
width: 200px;
font-size: 10px;
color: #0000FF;
font-weight: bold;
float: left;
}
#content div#invoiceresults{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 750px;
text-align: left;
}
#content div#invoiceresults div.invoiceclienttitle{
margin: 0px;
padding: 0px;
width: 200px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#invoiceresults div.clientfilenametitle{
margin: 0px;
padding: 0px;
width: 230px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#invoiceresults div.oddline{
margin: 0px;
padding: 0px;
width: 750px;
line-height: 18px;
text-align: left;
background-color: #FFFFCC;
display: inline-table;
}
#content div#invoiceresults div.oddline:hover{
background-color: #FFBFBF;
}
#content div#invoiceresults div#call-panel{
	width: 200px;
	float:right;
	display:inline-table;
}
#content div#invoiceresults div.evenline{
margin: 0px;
padding: 0px;
width: 750px;
line-height: 18px;
text-align: left;
background-color: #D6D6D6;
display: inline-table;
}
#content div#invoiceresults div.evenline:hover{
background-color: #FFBFBF;
}
#content div#invoiceresults div.selectedline{
margin: 0px;
padding: 0px;
width: 750px;
line-height: 17px;
text-align: left;
background-color: #0C3;
display: inline-table;
}
#content div#invoiceresults form input#userSubmit{
margin: 0px;
padding: 0px;
width: 110px;
height: 19px;
font-size: 8px;
float: left;
}
#content div#invoiceresults form input{
margin: 0px;
padding: 0 0 1 0px;
width: 70px;
height: 13px;
font-size: 12px;
float: left;
}
#content div#invoiceresults form button#redoSubmit{
margin: 0px;
padding: 0px;
width: 20px;
height: 20px;
border:none;
background: url(/images/archives.png) no-repeat;
float:left;
}
#content div#invoiceresults div#response.response{
margin: 0px;
padding: 0px;
width: 200px;
height: 13px;
font-size: 10px;
float: left;
color:#C00;
}
#content div#invoiceresults div.clientname a{
margin: 0px;
padding: 0px;
width: 200px;
font-size: 10px;
font-weight: bold;
float: left;
}
#content div#invoiceresults div.clientemail{
margin: 0px;
padding: 0px;
width: 200px;
font-size: 10px;
color: #0000FF;
font-weight: bold;
float: left;
}
#content div#invoiceresults div.filename{
margin: 0px;
padding: 0px;
width: 520px;
height: 20px;
font-size: 10px;
float: left;
}
#content div#invoiceresults div.pwform{
margin: 0px;
padding: 0px;
width: 200px;
font-size: 10px;
float: left;
display:none;
}
#content div#mroresults{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 750px;
text-align: left;
line-height:1;
}
#content div#mroresults a{
color: #000000 !important;
font-size: 10px;
text-decoration: none;
font-weight: normal;
cursor: pointer;
}
#content div#mroresults div.mroccftitle{
margin: 0px;
padding: 0px;
width: 15px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#mroresults div.mrolabtitle{
margin: 0px;
padding: 0px;
width: 15px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#mroresults div.mrodatetitle{
margin: 0px;
padding: 0px;
width: 75px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#mroresults div.mronametitle{
margin: 0px;
padding: 0px;
width: 225px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#mroresults div.mrophonetitle{
margin: 0px;
padding: 0px;
width: 95px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#mroresults div.mroclienttitle{
margin: 0px;
padding: 0px;
width: 230px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#mroresults div.mrotypetitle{
margin: 0px;
padding: 0px;
width: 50px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#mroresults div.mrostatustitle{
margin: 0px;
padding: 0px;
width: 100px;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#mroresults div.mroagetitle{
margin: 0px;
padding: 0px;
width: 20px;
text-align: center;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#mroresults div.oddline{
margin: 0px;
padding: 0px;
width: 750px;
line-height: 17px;
text-align: left;
background-color: #FFFFDF;
display: inline-table;
overflow:hidden;
}
#content div#mroresults div.oddline:hover{
background-color: #FF8282;
}
#content div#mroresults div#call-panel{
	width: 200px;
	float:right;
	display:inline-table;
}
#content div#mroresults div.evenline{
margin: 0px;
padding: 0px;
width: 750px;
line-height: 17px;
text-align: left;
background-color: #D6D6D6;
display: inline-table;
}
#content div#mroresults div.evenline:hover{
background-color: #FF8282;
}
#content div#mroresults div.selectedline{
margin: 0px;
padding: 0px;
width: 750px;
line-height: 17px;
text-align: left;
background-color: #0C3;
display: inline-table;
}
#content div#mroresults form{
margin: 0px;
padding: 0px;
width: 750px;
height: 45px;
display: inline;
}
#content div#mroresults div#call-panel form input.comments{
width: 550px;
font-size: 10px;
height: 12px;
}
#content div#mroresults form input.commentssubmit{
width: 80px;
font-size: 10px;
height: 19px;
cursor: pointer;
}
#content div#mroresults form input.mark{
width: 30px;
font-size: 10px;
height: 19px;
cursor: pointer;
}
#content div#mroresults div.blankspace{
width: 750px;
line-height: 10px;
}
#content div#mroresults div.mroccf{
margin: 0px;
padding: 0px;
width: 15px;
font-size: 10px;
text-align: left;
float: left;
}
#content div#mroresults div.mrolab{
margin: 0px;
padding: 0px;
width: 15px;
font-size: 10px;
text-align: left;
float: left;
}
#content div#mroresults div.mrodate{
margin: 0px;
padding: 0px;
width: 75px;
font-size: 10px;
float: left;
}
#content div#mroresults div.mroname{
margin: 0px;
padding: 0px;
width: 225px;
font-size: 10px;
font-weight: bold;
float: left;
}
#content div#mroresults div.mroresult{
margin: 0px;
padding: 0px;
width: 60px;
font-size: 10px;
color: #0000FF;
font-weight: bold;
float: left;
}
#content div#mroresults div.mrophone{
margin: 0px;
padding: 0px;
width: 206px;
font-size: 10px;
float: left;
}
#content div#mroresults div.mrocall{
margin: 0px;
padding: 0px;
width: 71px;
font-size: 9px;
float: left;
text-align:right;
}
#content div#mroresults div.mroicon{
margin-top: 4px;
padding: 0 0 0 8px;
width: 16px;
float: left;
}
#content div#mroresults div.panel {
	background: #754c24;
	width: 200px;
	display: none;
}
#content div#mroresults div.mroclient{
margin: 0px;
padding: 0px;
width: 230px;
font-size: 10px;
float: left;
}
#content div#mroresults div.mrotype{
margin: 0px;
padding: 0px;
width: 50px;
font-size: 10px;
float: left;
}
#content div#mroresults div.mrostatus{
margin: 0px;
padding: 0px;
width: 100px;
font-size: 10px;
float: left;
}
#content div#mroresults div.mroage{
margin: 0px;
padding: 0px;
width: 20px;
font-size: 10px;
float: left;
}
#content div#detail{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 750px;
text-align: left;
}
#content div#detail div.detailbanner{
clear: left;
margin: 0px;
padding: 0px;
width: 750px;
font-size: 14px;
line-height: 25px;
font-weight: bold;
background-color: #333333;
color: #FFFFFF;
text-align: left;
}
#content div#detail div.detailbanner-sm{
clear: left;
margin: 0px;
padding: 0px;
width: 750px;
line-height: 2px;
font-weight: bold;
background-color: #333333;
color: #FFFFFF;
text-align: left;
}
#content div#detail div.detailtitle{
margin: 0px;
padding: 0px;
width: 95px;
line-height: 20px;
text-align: right;
font-size: 10px;
font-weight: bold;
float: left;
}
input#CollectorPhoneVerified {
    margin: 0 0 0 0;
    position: relative;
    right: 6px;
    top: 2px;
}
#content div#detail div.detailresult{
margin: 0px;
margin-left: 5px;
padding: 0px;
width: 150px;
line-height: 20px;
text-align: left;
font-size: 9px;
float: left;
}
* html #content div#detail div.detailresult{
margin-left: 2px;
}
#content div#detail div.detailresult a{
font-size: 9px;
text-decoration: none;
}
#content div#detail div.detailresult a:hover{
font-size: 9px;
text-decoration: underline;
}
#content div#detail div.detailresult input.text{
width: 140px;
font-size: 10px;
line-height:12px;
}
#content div#detail div.detailresult select.select{
width: 140px;
font-size: 10px;
line-height:12px;
}
#content div#detail div.reviewdetailtitle{
clear: left;
margin: 0px;
margin-right: 5px;
padding: 0px;
width: 195px;
line-height: 20px;
text-align: right;
font-size: 10px;
font-weight: bold;
float: left;
}
#content div#detail div.reviewdetailresult{
margin: 0px;
padding: 0px;
width: 550px;
line-height: 20px;
text-align: left;
font-size: 9px;
float: left;
}
#content div#detail div.reviewdetailresult select{
width: 140px;
font-size: 10px;
}
#content div#detail div.reviewdetailresult div.reviewdetailresult1{
margin: 0px;
padding: 0px;
width: 130px;
line-height: 20px;
text-align: center;
font-size: 9px;
float: left;
}
#content div#detail div.reviewdetailresult .reviewdetailresult3 {
    float: left;
    text-align: left;
    font-size: 9px;
    line-height: 20px;
}
.reviewdetailresult3 input.text {
    font-size: 10px;
}
#content div#detail div.reviewdetailresult div.reviewdetailresult1 select{
width: 110px;
font-size: 10px;
}
#content div#detail div.reviewdetailresult div.reviewdetailresult2{
margin: 0px;
padding: 0px;
width: 100px;
line-height: 20px;
text-align: left;
font-size: 9px;
float: left;
}
#content div#detail div.worksheet{
clear: left;
margin: 0px;
padding: 0px;
width: 750px;
line-height: 20px;
text-align: left;
font-size: 10px;
font-weight: bold;
}
#content div#detail div.worksheet input.text{
width: 150px;
font-size: 10px;
}
#content div#detail div.worksheet select.selectlab{
width: 70px;
font-size: 10px;
}
#content div#detail div.worksheet input.comments{
width: 650px;
font-size: 10px;
}
#content div#detail div.worksheet textarea{
width: 700px;
height: 45px;
font-size: 10px;
}
#morecontent{
margin: 0px;
margin-left: 790px;
padding: 10px;
width: 460px;
position:absolute;
top: 10px;
background:#c3c8cd;
/*border-radius: 10px 10px 10px 10px;*/
/*-moz-border-radius: 10px 10px 10px 10px;*/
/*-webkit-border-radius: 10px 10px 10px 10px;*/
/*-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);*/
/*-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);*/
/*box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);*/
border: 1px solid #b7bcc0;
}
* html #morecontent{
margin-left: 10px;
}
#morecontent div.hr{
margin: 0px;
margin-bottom: 5px;
margin-top: 5px;
}
#morecontent .width500{
margin: 0px;
padding: 0px;
width: 440px;
text-align: center;
font-size: 9px;
font-weight: bold;
line-height:12px;
}
#morecontent .width700{
margin: 0px;
padding: 0px;
width: 700px;
text-align: left;
font-size: 9px;
line-height:12px;
}
#morecontent .width500 input.faxbutton{
width: 100px;
height: 40px;
text-align: center;
}
#morecontent .width500left{
margin: 0px;
padding: 0px;
width: 450px;
text-align: left;
font-size: 9px;
font-weight: bold;
}
#morecontent .width500left input{
width: 440px;
font-size: 10px;
}
#morecontent .width250{
margin: 0px;
padding: 0px;
width: 200px;
text-align: left;
font-size: 9px;
font-weight: bold;
float: left;
}
#morecontent .width245{
margin: 0px;
padding: 0px;
width: 190px;
text-align: left;
font-size: 9px;
font-weight: bold;
float: left;
}
#morecontent .width245 input{
width: 180px;
font-size: 10px;
}
#morecontent .width250 input{
width: 180px;
font-size: 10px;
}
#morecontent .width250 select{
width: 180px;
font-size: 10px;
}
#morecontent .width200{
margin: 0px;
padding: 0px;
width: 175px;
text-align: left;
font-size: 9px;
font-weight: bold;
float: left;
}
#morecontent .width200 input{
width: 155px;
font-size: 10px;
}
#morecontent .widthselect{
width: 165px;
font-size: 10px;
}
#morecontent .ccfselect{
	width:50px;
	font-size:10px;
}
#morecontent .width100{
margin: 0px;
padding: 0px;
width: 100px;
text-align: left;
font-size: 9px;
font-weight: bold;
float: left;
}
#morecontent .width100 input{
width: 90px;
font-size: 10px;
}
#morecontent .width50{
margin: 0px;
padding: 0px;
width: 40px;
font-size: 9px;
font-weight: bold;
float: left;
}
#morecontent .width50 input{
width: 20px;
font-size: 10px;
}
#morecontent .widthclear{
clear: left;
margin: 0px;
padding: 0px;
width: 440px;
text-align: center;
font-size: 9px;
font-weight: bold;
}
#morecontent .widthclear input{
width: 440px;
font-size: 10px;
}
#morecontent div#navspace{
margin: 0px;
padding: 0px;
width: 450px;
height: 56px;
line-height: 56px;
}
#morecontent div#mrocontent{
margin: 0px;
padding: 0px;
width: 440px;
font-size: 9px;
}
#morecontent div#mrocontent form{
margin: 0px;
padding: 0px;
width: 440px;
height: 34px;
display: inline;
}
#morecontent div#mrocontent form input.comments{
width: 350px;
font-size: 10px;
height: 12px;
}
#morecontent div#mrocontent form input.commentssubmit{
width: 80px;
font-size: 10px;
height: 19px;
cursor: pointer;
}
#morecontent div#mrocontent form input.mark{
width: 30px;
font-size: 8px;
height: 11px;
cursor: pointer;
}
#morecontent div#detailcontent{
margin: 0px;
padding: 0px;
width: 450px;
text-align: left;
font-size: 9px;
font-weight: bold;
}
#morecontent div#detailcontent form{
margin: 0px;
padding: 0px;
width: 450px;
height: 34px;
display: inline;
}
#morecontent div#detailcontent form input.comments{
width: 350px;
font-size: 10px;
}
#morecontent div#detailcontent form input.commentssubmit{
width: 80px;
font-size: 10px;
cursor: pointer;
}
#morecontent div#detailcontent form input.mark{
width: 30px;
font-size: 8px;
height: 11px;
cursor: pointer;
}
#content div#billing{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 700px;
/*text-align: center;*/
}
#content div#billing a{
text-decoration: none;
}
#content div#billing .clientname-link{
	font-size:14px;
	color:#333;
	line-height:20px;
	font-weight:bold;
}
#content div#billing a:hover{
text-decoration: underline;
}
#content div#billing .nametitle{
margin: 0px;
padding: 0px;
width: 400px;
text-align: center;
font-weight: bold;
float: left;
}
#content div#billing .moneytitle{
margin: 0px;
padding: 0px;
width: 100px;
text-align: center;
font-weight: bold;
float: left;
}
#content div#billing .name{
margin: 0px;
padding: 0px;
width: 400px;
text-align: right;
float: left;
}
#content div#billing .money{
margin: 0px;
padding: 0px;
width: 100px;
text-align: right;
float: left;
}
#content div#billing .columntitle{
margin: 0px;
margin-left: 10px;
margin-right: 10px;
padding: 0px;
width: 330px;
font-size: 11px;
font-weight: bold;
text-align: center;
float: left;
}
#content div#billing .columninfo{
margin: 0px;
margin-left: 10px;
margin-right: 10px;
padding: 0px;
width: 330px;
height: 240px;
font-size: 11px;
text-align: center;
float: left;
overflow: auto;
}
#content div#billing .columninfo a{
text-decoration: none;
color: #0000FF;
font-size: 11px;
}
#content div#billing .columninfo a:hover{
text-decoration: underline;
color: #0000FF;
font-size: 11px;
}
#cluetip-outer div#cluetip-inner div.call-panel form input.comments{
width: 340px;
font-size: 10px;	
}
#cluetip-outer div#cluetip-inner div.call-panel form input.commentsubmit{
width: 80px;
font-size: 10px;
cursor:pointer;
}
#cluetip-outer div#cluetip-inner div.call-panel form input.mark{
width: 30px;
font-size: 8px;
height: 15px;
cursor: pointer;	
}
#content div#releasedtoday{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 750px;
}
#content div#releasedtoday div.newreleases{
margin: 0px;
padding: 0px;
width: 275px;
line-height: 24px;
text-align: center;
float: left;
}
#content div#releasedtoday div.newreleases div.newpercentage{
margin: 0px;
padding: 0px;
width: 98px;
line-height: 24px;
font-size: 10px;
text-align: right;
float: left;
}
#content div#releasedtoday div.newreleases div.newaging{
margin: 0px;
padding: 0px;
width: 200px;
line-height: 24px;
font-size: 10px;
text-align: right;
float: left;
}
#content div#releasedtoday div.newreleases div.newgraph{
margin: 0px;
margin-top: 5px;
margin-bottom: 5px;
padding: 0px;
width: 102px;
height: 14px;
background-color: #666666;
text-align: right;
float: left;
}
#content div#releasedtoday div.newreleases div.newgraph div.newgraphcoloring{
margin: 1px;
padding: 0px;
width: 100px;
height: 12px;
background-color: #FFFFFF;
text-align: right;
}
#content div#releasedtoday div.newreleases div.newgraph div.newgraphcoloring img{
margin-top: 0px;
float: right;
}
#content div#releasedtoday div.newreleases div.newtextbox{
margin: 0px;
padding: 0px;
width: 75px;
line-height: 24px;
text-align: left;
float: left;
}
#content div#releasedtoday div.newreleases div.newtextbox input{
width: 50px;
height: 12px;
font-size: 10px;
text-align: center;
color: #000000;
}
#content div#releasedtoday div.releasetitle{
margin: 0px;
padding: 0px;
width: 200px;
line-height: 24px;
text-align: center;
font-size: 12px;
font-weight: bold;
float: left;
}
#content div#releasedtoday div.releasedatediv{
margin-left:auto;
margin-right:auto;
width: 325px;
line-height: 24px;
text-align: center;
font-size: 12px;
font-weight: bold;
}
#content div#releasedtoday div.oldreleases{
margin: 0px;
padding: 0px;
width: 275px;
line-height: 24px;
text-align: center;
float: left;
}
#content div#releasedtoday div.oldreleases div.oldtextbox{
margin: 0px;
padding: 0px;
width: 75px;
line-height: 24px;
text-align: right;
float: left;
}
#content div#releasedtoday div.oldreleases div.oldtextbox input{
width: 50px;
height: 12px;
font-size: 10px;
text-align: center;
color: #000000;
}
#content div#releasedtoday div.oldreleases div.oldgraph{
margin: 0px;
margin-top: 5px;
margin-bottom: 5px;
padding: 0px;
width: 102px;
height: 14px;
background-color: #666666;
text-align: left;
float: left;
}
#content div#releasedtoday div.oldreleases div.oldgraph div.oldgraphcoloring{
margin: 1px;
padding: 0px;
width: 100px;
height: 12px;
background-color: #FFFFFF;
text-align: left;
}
#content div#releasedtoday div.oldreleases div.oldgraph div.oldgraphcoloring img{
margin-top: 0px;
float: left;
}
#content div#releasedtoday div.oldreleases div.oldpercentage{
margin: 0px;
padding: 0px;
width: 98px;
line-height: 24px;
font-size: 10px;
text-align: left;
float: left;
}
#content div#releasedtoday div.oldreleases div.oldaging{
margin: 0px;
padding: 0px;
width: 200px;
line-height: 24px;
font-size: 10px;
text-align: left;
float:left;
}
#content div#releasedtoday hr{
clear: left;
}
#footer{
clear: left;
margin: 10px;
padding: 0px;
width: 770px;

}
#footer img{
border: 0px;
width: 770px;
height: 5px;
vertical-align:top;	
}
div.menu{
width: 200px;
padding-left: 300px;
font-size:12px;
}
#content div.menu a{
font-size:12px;
}
div.suggestions {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid black;
    position: absolute;   
    background-color: #FFFFFF;
    color: #000000;
    font-size: 9px;
}

div.suggestions div {
    cursor: default;
    padding: 0px 3px;
}

div.suggestions div.current {
    background-color: #000000;
    color: #FFFFFF;
}
* html a:hover{
visibility: visible;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}
.center{
text-align: center;
}
.highlight-text{
	background-color:#ff0;
	color:#06F;	
}
.highlight-red-text{
	background-color:#ff0;
	color:#f00;
	font-weight:bold;	
}
td.details-control{
	background:url('/img/icons/16/add.png') no-repeat center center;
	cursor:pointer;
}
tr.shown td.details-control{
	background:url('/img/icons/16/delete.png') no-repeat center center;
}
div.slider {
    display: none;
}
table.dataTable tbody td.no-padding {
    padding: 0;
}
.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 23px;
	right: 5px;
	display:none;
}
.back-to-bottom {
	cursor: pointer;
	position: fixed;
	bottom: 0;
	right: 5px;
	display:none;
}
.discussion-div{
	margin-left:75px;
	border:#cccccc solid 1px;
	width:625px;
}
.div-livecalls{
	position:fixed;
	top:5px;
	right:5px;
	opacity:0.8;
}
.div-livequeue{
	position:fixed;
	top:50%;
	right:5px;
	opacity:0.8;
}
.clickable-row{
	cursor:pointer;
}
#tbl-livecalls tr{
	cursor: pointer;
}
.callparkdonor{
	font-weight:bold;
}
.spinner {
  width: 60px;
}
.spinner input {
  text-align: right;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 6px 8px 6px 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0px;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}
/* Tab Content */
.user-tab-pane {
    background: #F5F5F5;
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    border-radius: 0px;
	padding:10px 0 25px 0;
}
.client-tab-pane {
    background: #F5F5F5;
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    border-radius: 0px;
	padding:15px 0 25px 0;
}
.client-alpha{
	font-size:12px !important;
	font-weight:bold;
}
.callsperintervalVal{
	font-size:24px;
	font-weight:bold;
	color:green;
	margin-left:30px;	
}
.pauselimitVal{
	font-size:24px;
	font-weight:bold;
	color:red;
}
.resumelimitVal{
	font-size:24px;
	font-weight:bold;
	color:green;
}
.datatableth-mroccf{
	padding: 5px 6px;
}
.datatabletd-phone{
	width:130px;
}
#tbl-mroreview tbody tr{
	cursor:pointer;
}
.table-hover tbody tr:hover td {
    background: #FF8282;
}
.msgUnread{
	font-weight:bold;
}
.right-side-iframe{
	top:50px;
	margin:0;
	margin-left:790px;
	width:700px;
	position:absolute;
	background:#c3c8cd;
	border:1px solid #b7bcc0;
	line-height:12px;
	font-size:12px;
}
.right-side-bottom-iframe{
	top:909px;
	margin:0;
	margin-left:790px;
	width:700px;
	position:absolute;
	background:#c3c8cd;
	border:1px solid #b7bcc0;
	line-height:12px;
	font-size:12px;
}
.dropdown-menu {
  min-width:260px !important;
}