BODY
{
  margin: 0px 0px;
  font-size: 8pt;
}

.AL 
{
        cursor: pointer; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}



A.AL 
{
	CURSOR: pointer; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

A.MAL 
{
	CURSOR: pointer; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-decoration: none;
}

A.TM 
{
	CURSOR: pointer; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

A.LM 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #757575;
	text-decoration: none;
	font-weight: bold;
}

#int_list
{
  margin: 0px 10px;
  overflow: auto;
}

TABLE.Records TR.appdisabled
{
  background-color: #efefef;
  cursor: default;
}

TABLE.Records .activeRow
{
  background-color: #f6f5c6;
  cursor: pointer;
}

TABLE.Records
{
  font-size: 12px;
  font-family: Arial;
  color: #525252;
  background-color: #cfcfcf;
}

TABLE.Records TR
{
  background-color: #ffffff;
}

TABLE.Records TH, TABLE.Records TH A
{
  background-color: #184581;
  text-align: center;
  color: white;
  text-shadow: #024B8D 2px 2px 0px;
  font-weight: bold;
  padding: 4px;
  cursor: pointer;
}

TABLE.Records TH.Filter A
{
  color: red;
}

TABLE.Records TD
{
  text-align: center;
  vertical-align:middle;
  padding: 4px;
}

#list_status {
  margin: 10px 10px;
  font-size: 12px;
  font-family: Arial;
  color: #024B8D;
}

#list_status p {
  display: block;
  margin: 5px 25px 5px 5px;
  float: left;
  color: rgb(119,119,119);
}
#list_status ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
}
#list_status li {
	display: block;
	float: left;
	height: 16px;
}

#list_status li a, #list_status li strong {
	display: block;
	text-decoration: none;
	height: 14px;
	padding: 2px 7px 0px 7px;
	margin: 2px 5px 0px 5px;
}

#list_status li a {
	border: 1px solid #ccc;
	background: #fff;
	color: #024B8D;
}

#list_status li strong, #list_status li a:hover {
	border: 1px solid #024B8D;
	background: #024B8D;
	color: #fff;
}

#filterPanel INPUT[type=text] 
{
  font-size: 12px;
  font-family: Arial;
  color: #024B8D;
  border: 1px solid #acabab;
}

#filterPanel .right
{
  float: right;
  margin-right: 10px;
}

#moreBox
{
  position: absolute;
  width: 200px;
  font-size: 12px;
  font-family: Arial;
  color: #525252;
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border: 1px solid #63748C;
  padding: 4px 4px;
  background: rgb(235,241,246);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjFmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FiZDNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg5YzNlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWViZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1)));
  background: -webkit-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
  background: -o-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
  background: -ms-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
  background: linear-gradient(to bottom,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 );
}

DIV.xbox
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  padding: 4 4 4 4;

  position: absolute;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block;overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#dbe4ff; border-left:1px solid #63748C; border-right:1px solid #63748C;}
.xb1 {margin:0 5px; background:#63748C;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xbutton {cursor: pointer; float: right; margin-right: 5px}
.xbox {
   -webkit-box-shadow: 3px 3px 10px 0 black;
  -moz-box-shadow: 3px 3px 10px 0 grey;
  box-shadow: 3px 3px 10px 0 black;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -khtml-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px; 
  /* ie fix */
  /*-pie-lazy-init: true;
  behavior: url(/styles/PIE.htc); */
}
.xboxcontent {display:block; background:#dbe4ff; border:0 solid #63748C; border-width:0 1px; padding: 0px 2px 1px;}
.xheader {padding: 4px; margin: 0 0 0px 0; }
.xtitle { padding: 2px 0 2px 8px; color: white; background: #5ab0e1 url(/images/xbox/xtitle.png) repeat-x 0px -5px; border:0 solid #63748C; border-width:0 1px;}
.xclient {padding: 8px; border:0 solid #c1d1ff; border-width:0 1px; background: #D4DFFF;}
.xclientedge {padding: 4px;}

#quotaPanel { background: transparent; border: 1px; }
#quotapanel TABLE {font-size: 8pt;}
#quotaPanel TD {background: white; text-align: center; font-weight: normal;}
#quotaPanel TH {background: #EBECEE; text-align: center;}

#historyPanel { background: transparent; border: 1px; }
#historypanel TABLE {font-size: 8pt;}
#historyPanel TD {background: white; text-align: center; font-weight: normal;}
#historyPanel TH {background: #EBECEE; text-align: center;}
#historyPanel INPUT, #historyPanel BUTTON {font-family: Verdana; font-size: 8pt; }

#semiPanel { background: transparent; border: 1px;  }
#semiPanel TD {background: white; text-align: left; font-weight: normal; cursor: pointer;}
#semiPanel TH {background: #EBECEE; text-align: left;}
#semiPanel IMG { vertical-align: middle; text-align: right; margin-top: 0px; padding-right: 4px; }
#semiPanel .TQ {padding: 5px 0 0 18px; font-weight: normal; color: black; width:95%; float:left; }
#semiopen .status {width:90%; padding: 5px; margin: 6px 0 0px 14px; display: none;}
#semiPanel .noans {color: red; margin: -10px 0px 6px 0px;}
#semiopen .save {display: none; margin: 6px 0px 0px 18px; font-size:8pt; font-family: Verdana, Arial, Helvetica, sans-serif;}
#semiPanel .go {float:right; margin: 8px 4px 0px 0px;cursor: pointer; }
#semiPanel[navi="false"] .go {display: none;}
.SEMIRESP {float:left; width: 425px; padding: 5px; margin: 4px 0 10px 0; border:1 solid #acabab; background-color: white; cursor: pointer; font-weight: normal;}
#semiPanel[navi="false"] .SEMIRESP {width: 445px;}
.RESP {height: 30px; }
#semiPanel .IICON {width: 20px; height: 16px, float:left; }
.RESP IMG {padding-top: 8px; float: right; cursor: pointer; }
#semiPanel .semiInput { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; outline:none; padding:0px; border: none; width: 425px; height: 13px; margin: 0px;}

#semiPanel .semiProjects {
  padding: 4px 14px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}
#semiPanel .semiProjects .next {
  position: absolute;
  top: 0px;
  left: 380px;
}
#semiPanel .semiProjects .prev {
  position: absolute;
  top: 0px;
  left: 14px;
}
#semiPanel .semiProjects .curr {
  text-align: center;
  padding: 4px 4px;
  font-weight: bold;
}


#docPanel P {cursor: pointer; }

#debugPanel { background: transparent; font-family: Verdana; font-size: 8pt; }
#debugPanel IMG { vertical-align: middle; text-align: right; }
.IICON {width: 20px; height: 16px}
.SQ {padding: 5px 0 10px 0; color: #acabab; font-weight: normal; }
.TQ {padding: 5px 0 0 18px; font-weight: normal; color: black;}
.RQ {padding: 5px 0 0 20px; font-weight: normal;font-weight: bold;}
.AQ {padding: 0px 18px 0 0; }

#appPanel {font-family: Verdana; font-size: 9pt; }
#appPanel FORM {margin: 0px 0px 0px 0px;}
#appPanel TABLE {font-size: 9pt; width: 100%; margin-bottom: 20px;font-family: Verdana; }
#appPanel TD {background:#dbe4ff; text-align: center; }
#appPanel TD.desc {text-align: right; }
#appPanel TD.edit {text-align: left; }
#appPanel TH, #appPanel .header {background: #EBECEE; text-align: center; font-weight: bold; border-radius: 6px; padding: 4px;}
#appPanel .header {padding: 2px 2px; margin-bottom: 4px; }
#appPanel INPUT.Date{ width: 100px;}
#appPanel INPUT.Time { width: 60px;}
#appPanel INPUT, TEXTAREA, #appPanel BUTTON {font-family: Verdana; font-size: 9pt; }
#appPanel .edit INPUT, .edit TEXTAREA {width: 400px; border-radius: 6px; padding: 5px 5px 5px 5px; margin: 1px 1px 1px 1px; border: 1px solid #b9b9b9;}
#appPanel .edit INPUT:text {border: 1px solid #b5c3d0; backgound-color: white;}
#appPanel .edit INPUT.disabled {color:#888888;}
#appPanel .edit INPUT.String {width: 400px;  padding-right: 17px; }
#appPanel .edit INPUT.String[dict='Y'] { padding-right: 17px; margin-right: -17px; background-image: url("/images/icons/interview/bullet_arrow_down.png");  background-repeat: no-repeat; background-position: right; }
#appPanel .edit INPUT.PhoneNumber { padding-right: 17px; margin-right: -17px; background-image: url("/images/icons/interview/telephone.png");  background-repeat: no-repeat; background-position: right; }
#appPanel .edit INPUT.Time { width: 77px; padding-right: 17px; margin-right: -17px; background-image: url("/images/icons/interview/calendar.png");  background-repeat: no-repeat; background-position: right; }
#appPanel .edit INPUT.Date { width: 117px; padding-right: 17px; margin-right: -17px; background-image: url("/images/icons/interview/clock.png");  background-repeat: no-repeat; background-position: right; }
#appPanel .edit INPUT.EmailAddress { padding-right: 17px; margin-right: -17px; background-image: url("/images/icons/interview/email.png");  background-repeat: no-repeat; background-position: right; }
#appPanel .edit INPUT.Integer {width: 100px;}
#appPanel .edit INPUT.Timestamp {}
#appPanel .edit TEXTAREA.Comment {width: 400px;  padding-right: 17px; resize: none;}
#appPanel .buttons {margin-bottom: 35px;}
#appPanel .buttons INPUT {float: right; }
#appPanel .buttons LABEL INPUT {float: none; }
#appPanel .buttons LABEL {float: left;}
#appPanel .buttons span {margin-top: 8px; border: 1px solid red;}
#appPanel .status {text-align: right; color: red; margin-bottom: 5px}
#appPanel #appcont, #datcont, #endcont, #physiciancont, div[name='workplacecont'] {width: 700px;}
#appPanel .intstatus {color: green; }
#appPanel .endstatus {color: red; }
#passPanel .buttons {margin-bottom: 35px; margin-top: 15px;}
#passPanel .buttons INPUT {float: right; margin-left: 10px;}
#phonecont .callstatus, #phonecont .prevstatus, #phonecont .phones, #endcont .endbtns {text-align: center; background:#dbe4ff;padding: 2px 2px; margin: 2px 0px;}
#phonecont, #endcont {margin-bottom: 10px;}
#phonecont .phones {text-align: left;}
#phonecont p {font-family: Verdana; font-size: 9pt; display: inline;cursor: pointer;}
#phonecont .phones .master {color: red; font-weight: bold;}
#cont INPUT.master {color: red; font-weight: bold;}
#phonecont i {display: block;margin-top: 10px}
#endcont i {display: block;text-align: left;margin-top: 10px}
#phonecont .callstatus {font-weight: bold; padding: 4px 4px; color: red;}

#show_history {float: right; padding: 3px 3px;}

#joinPanel { background: transparent; border: 1px; }
#joinPanel TABLE {font-size: 8pt; width: 492px;}
#joinPanel TD {cursor: pointer; font-weight: normal;}
#joinPanel .header {margin-bottom: 20px; font-style: italic;}
#joinPanel .endbtns {margin-top: 20px; text-align: right}
#joinPanel .error {float: right; color: red;}
#joinPanel .desc {display: block;}
#joinPanel .type {float: right;}

#random .interrupt {cursor: pointer;}