html {
	height: 100%;
}

/**
Huy added color: #3F3F3F;
*/
BODY {
	/*margin-top: 3px;*/
	margin: 0;
	height: 100%;
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #3F3F3F;
	min-width: 800px;
}

form {
	padding: 0;
	margin: 0;
	height: 100%;
}

TABLE {
	/*text-align: justify;*/
	border-collapse: separate;
	border-color: #E0E0E0;
	table-layout: auto;
}

TABLE.listTable {
	border-collapse: collapse;
	border: 2px solid;
	border-color: #E0E0E0;
}

TABLE.inputTable {
	/* border-collapse: collapse; */
	border: none;
	border-color: #E0E0E0;
	width: 100%
}
/* HUNGDT added this for SPDISP-1493 */
TABLE.inputTableBorder {
	border: 1px solid;
	border-color: #E0E0E0;
}

DIV.inputFormHolder {
	float: left;
	border: 1px solid;
	border-color: #E0E0E0;
	width: 80%
}

TABLE.separateBorder {
	border-collapse: separate;
	border: 1px solid #E0E0E0;
}

TABLE.menu {
	border-collapse: collapse;
	background-color: #FFFFFF;
	border: 0px;
}

/*
Huy updated 1px solid #000000 to border: none
*/
TABLE.outline {
	border: none;
	width: 100%;
	/*height: 100%;*/
}

TABLE.toolTip1 {
	position: absolute;
	visibility: hidden;
	background-color: #F0F0F0;
	border: 1px solid #000000;
}

TABLE.toolTip2 {
	position: absolute;
	bottom: 100px;
	visibility: hidden;
	background-color: #F0F0F0;
	border: 1px solid #000000;
}

TABLE.dropDown {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	visibility: hidden;
	background-color: #F0F0F0;
	border: 1px solid #000000;
	overflow: auto;
	height: 300px;
}

DIV.dropDown {
	position: absolute;
	visibility: visible;
	overflow: auto;
	height: 300px;
}

input {
	font-family: Verdana, Arial, sans-serif;
	border: 1px solid #C0B0B0 !important;
}

input[type='checkbox'], input[type='radio'] {
	border: none !important;
	font-family: Arial, Helvetica;
}

input[type='submit'][disabled='disabled'], input[type='button'][disabled='disabled'],
	input[type='button'][disabled]:active, button[disabled='disabled'],
	button[disabled] {
	color: gray !important;
}

input.noborder {
	border: none !important;
	font-family: Arial, Helvetica;
}

input.showBorder {
	border: 1px solid #C0B0B0;
	font-family: monospace;
}

select {
	font-family: Verdana, Arial, sans-serif !important;
	border: 1px solid #C0B0B0 !important;
	font-size: 12px;
}

textarea {
	font-family: Verdana, Arial, sans-serif;
	border: 1px solid #C0B0B0;
	font-size: 12px;
}

img {
	border: 0px;
}

/*
Huy modified color from #000000 to #3F3F3F
*/
TD {
	COLOR: #3F3F3F;
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-variant: normal;
}

TD.padded {
	padding-left: .1cm;
	padding-right: .1cm;
	vertical-align: bottom;
}

TD.pending {
	padding-left: .1cm;
	padding-right: .1cm;
	background-color: #FFFF99;
}

TD.label {
	font-size: 12px;
	font-weight: bold;
	padding-left: .1cm;
}

TD.menu {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	border: 2px;
}

TD.menu a {
	color: #FFFFFF !important;
	text-decoration: none !important;
}

TD.highlight {
	color: white;
	background-color: red;
	font-size: 11px;
	font-weight: bold;
	border-color: red;
	text-align: center;
}

TD.highlight a {
	color: #FFFFFF !important;
	text-decoration: none !important;
}

TD.warning {
	color: #FF0000;
	border-width: thin;
	border-style: dashed;
	border-color: #E0E0E0;
	background-image: url('../images/warn1.jpg');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: .1cm 0cm .1cm .9cm;
}

TD.error {
	color: #FF0000;
	border-width: thin;
	border-style: dashed;
	border-color: #E0E0E0;
	padding: .1cm 0cm .1cm .3cm;
}

TD.error li {
	margin-left: 10px;
}
/*
Huy modified color from #000000 to #3F3F3F
*/
TD.instruction {
	color: #3F3F3F;
	border-width: thin;
	border-style: solid;
	border-color: #E0E0E0;
	padding: .3cm .3cm .3cm .3cm;
}

TD.instruction li {
	margin-left: 10px;
	text-align: left;
}
/*
Huy modified color from #000000 to #3F3F3F
*/
TD.instruction.sections {
	color: #3F3F3F;
	border-width: 1px;
	border-style: solid;
	border-color: #E0E0E0;
	padding: .3cm .3cm .3cm .3cm;
}

/*
Huy added font-family: Calibri; font-size: 14px; color: #3F3F3F;
*/
TD.pageHeader {
	font-family: Calibri;
	font-size: 14px;
	color: #3F3F3F;
	font-weight: bolder;
	padding: .1cm .2cm .1cm .2cm;
}

TD.thinBorder {
	border-width: 1px;
	border-style: solid;
	border-color: #E0E0E0;
	padding-left: .1cm;
	padding-right: .1cm;
}

TD.sectionBorder {
	border-width: 1px;
	border-style: solid;
	border-color: #E0E0E0;
}

TD.pageNum {
	font-size: 12px;
	vertical-align: text-bottom;
}

TD.numbers {
	text-align: center;
	padding-left: .1cm;
	padding-right: .1cm;
}

TR.subMenu {
	background-color: #FF0000;
	text-align: center;
}

/*
Huy modified font-family: verdana to font-family: Calibri, font-size from 11 to 12px, 
background from black to #6D6E71 with gradient
*/
TD.headers {
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	background: -moz-linear-gradient(top, #6D6E71, #939598);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6D6E71),
		to(#939598));
	background: #6D6E71; *
	background: #6D6E71;
}

TD.headers a {
	
}

/*
Huy modified color from #000000 to #3F3F3F, font-family: verdana to font-family: Calibri
*/
TD.sectionHeaders {
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background: #6D6E71;
	background: -moz-linear-gradient(top, #6D6E71, #939598);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6D6E71),
		to(#939598));
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}

TD.filler {
	font-size: .4em;
}

/*
Huy modified color from #000000 to #3F3F3F
*/
TD.footer {
	background-color: #FFFFFF;
	COLOR: #3F3F3F;
	FONT-SIZE: 12px;
	text-align: center;
}

/*
Huy added 
*/
TD div.bullet {
	float: left;
	padding-top: 1px;
	padding-right: 5px;
	padding-left: 2px;
}

.hide {
	display: none;
}

.show {
	display: run-in;
}

.visibleFont {
	color: black;
	display: inline;
}

.invisibleFont {
	color: white;
	display: none;
	visibility: hidden;
}

.mandatory {
	color: red;
	font-size: 10pt;
	font-family: Arial, Helvetica;
}

.center {
	text-align: center;
}

.helpStyle {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #808080;
	LINE-HEIGHT: 15px;
	FONT-FAMILY: Arial, Helvetica;
}

.page-header {
	COLOR: #FF0000;
	FONT-FAMILY: Arial, Helvetica;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
}

.page-conf {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
}

.hideLayer {
	DISPLAY: none
}

.showLayer {
	DISPLAY: block
}

.formbutton {
	font-family: Arial, Helvetica;
	FONT-WEIGHT: bold;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF !important;
	cursor: hand;
	text-decoration: none !important;
	margin: 5px auto;
	padding: 2px 10px 2px 10px;
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* Background color and gradients */
	background: -moz-linear-gradient(top, #EE1D24, #F37152);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EE1D24),
		to(#F37152));
	background: #EE1D24; *
	background: #EE1D24;
	/* Borders */
	/*border: 1px solid #848484;*/
	-moz-box-shadow: inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow: inset 0px 0px 1px #edf9ff;
	box-shadow: inset 0px 0px 1px #edf9ff;
}

table.sample {
	border-collapse: collapse;
	background-color: white;
	border: 1px #CCCCCC solid;
}

.normaltext {
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000000;
}

.normaltextHide {
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000000;
	border: 0px
}

.normaltextOptions {
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000000;
}

.insidetableborder {
	border: 1px solid #CCCCCC;
}

.selectfontFree {
	color: #000000;
	font-family: Arial, Helvetica;
	font-size: 12px;
}

.textFieldBorder {
	border: 0px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000000;
}

.newborder {
	border: 0px solid white;
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000000;
}

.newFormbutton {
	border: 0px solid #FFFFFF;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	FONT-WEIGHT: bold;
	font-size: 0pt;
	color: #FFFFFF;
	background-color: #FFFFFF;
}

.outertable {
	border-left: thin solid #000000;
	border-right: thin solid #000000;
	border-bottom: thin solid #000000;
	border-top: thin solid #000000;
}

/*
Huy updated font-family: verdana, sans-serif; to font-family: Calibri;
*/
.welcomeText {
	font-family: Calibri;
	font-weight: bold;
	font-size: 12px;
	color: #3F3F3F;
}

.welcomeText A:link {
	font-family: Calibri;
}

.welcomeText A:link {
	COLOR: #3F3F3F;
	TEXT-DECORATION: none;
}

.welcomeText A:visited {
	COLOR: #3F3F3F;
	TEXT-DECORATION: none;
}

.welcomeText A:hover {
	COLOR: #FF0000;
	TEXT-DECORATION: none;
}

.welcomeText A:active {
	COLOR: #3F3F3F;
	TEXT-DECORATION: none;
}

A {
	font-family: Arial, Helvetica;
	font-size: 12px;
}

A:link {
	COLOR: #3F3F3F;
	TEXT-DECORATION: underline;
}

A:visited {
	COLOR: #3F3F3F;
	TEXT-DECORATION: underline;
}

A:hover {
	COLOR: #FF0000;
	TEXT-DECORATION: blink;
}

A:active {
	COLOR: #3F3F3F;
	TEXT-DECORATION: underline;
}

A.headers:link {
	COLOR: #FFFFFF;
	TEXT-DECORATION: underline;
}

A.headers:visited {
	COLOR: #FF0000;
	TEXT-DECORATION: underline;
}

A.headers:hover {
	COLOR: #FF0000;
	TEXT-DECORATION: blink;
}

A.headers:active {
	COLOR: #FFFFFF;
	TEXT-DECORATION: underline;
}

.Menu A:link {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}

.Menu A:visited {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}

.Menu A:hover {
	COLOR: #D0D0D0;
	TEXT-DECORATION: none;
}

.Menu A:active {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}

a.banner:link {
	color: #6D6E71;
	font-family: "Calibri", "arial", "sans-serif";
	font-size: 16px;
}

a.banner:visited {
	color: #6D6E71;
	font-family: "Calibri", "arial", "sans-serif";
	font-size: 16px;
}

a.banner:hover {
	color: #EE1D24;
	font-family: "Calibri", "arial", "sans-serif";
	font-size: 16px;
}

a.banner:active {
	color: #6D6E71;
	font-family: "Calibri", "arial", "sans-serif";
	font-size: 16px;
}

.footer A:link {
	COLOR: #3F3F3F;
	TEXT-DECORATION: none;
}

.footer A:visited {
	COLOR: #3F3F3F;
	TEXT-DECORATION: none;
}

.footer A:hover {
	COLOR: #FF0000;
	TEXT-DECORATION: none;
}

.footer A:active {
	COLOR: #3F3F3F;
	TEXT-DECORATION: none;
}

/*Adding some Code for scrollable table*/
div.scrollTableContainer {
	height: 140px;
	overflow: auto;
	position: relative;
	border: 1px;
	bordercolor: black;
}

/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */
div.scrollTableContainer thead tr {
	position: relative;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {
	padding-right: 20px;
}

div.scrollTableContainer thead tr {
	/* Causes the pixel header row to stay fixed in IE*/
	top: expression(offsetParent.scrollTop);
	/* This fixes a strange bug in IE where the header row would "shift" 1px to
	   the right after the table was scrolled down.  It would not shift back
       after scrolling all the way, which made my first solution based on
       offSetParent.scrollTop == 0 not an effective solution*/
	left: expression(typeof(myvar)==             'undefined'?             
		0+  
		        "px"+(      
		    myvar=     
		     'true'):             -1+           "px");
}

BUTTON {
	outline: none;
}

button::-moz-focus-inner {
	outline: none;
}

*:FOCUS {
	outline: none;
}

/*
Huy modified font-family: verdana to font-family: Calibri, font-size from 11 to 12px, 
*/
.headers {
	font-family: Calibri;
	font-size: 13px !important;
	font-weight: bold;
}

div.upload {
	padding: 20px;
	border: 1px solid #E5E5E5;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}

.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}

.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

.cancel {
	float: right;
}

.csvtable {
	border: 1px solid #E5E5E5;
	width: 100px;
}

TABLE.comtable {
	width: 100%;
	border: none;
	padding: 5px;
}

SELECT.leftright {
	height: 250px;
	width: 300px;
	vertical-align: top;
}

.alert {
	color: red;
}

a.navleft:LINK {
	text-decoration: none !important;
}

a.navleft:ACTIVE {
	text-decoration: none !important;
}

.table_alert_detail {
	border-collapse: collapse;
	border: 1px solid #E0E0E0;
	width: 100%;
	margin-top: 10px;
}

.table_alert_detail td {
	border: 1px solid #E0E0E0;
}

.memberaddr {
	cursor: pointer;
}

.alert_compose {
	width: 100%;
}

.alert_leftmenu {
	padding-top: 10px !important;
	padding-left: 5px !important;
}

.alert_menuheader {
	width: 100%;
	color: #000000;
	background-color: #9FCBEF;
	text-align: center;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}

.noborder {
	border: none !important;
}

.alertpane {
	height: 100% !important;
}

#calendar {
	width: 98%;
	padding-top: 10px;
}

.opencall {
	z-index: 10000;
	background-color: #3366CC;
	margin: 5px;
	color: white;
	cursor: pointer;
}

#openCalls {
	text-align: left;
	overflow: auto;
	height: 50px;
	width: 200px;
	border: 1px solid #C0B0B0 !important;
}
/*
.callcanceled a, .callcanceled a .fc-event-time {
	background-color: #FF0000 !important;
}

.callcompleted a, .callcompleted a .fc-event-time {
	background-color: #666600 !important;
}

.callclaimed a, .callclaimed a .fc-event-time {
	background-color: #FF00FF !important;
}

.callaccept a {
	background-color: #3366CC !important;
}
*/
.callcanceled {
	background-color: #FF0000 !important;
}

.callcompleted {
	background-color: #666600 !important;
}

.callclaimed {
	background-color: #FF00FF !important;
}

.callaccept {
	background-color: #3366CC !important;
}

.callstatus {
	padding: 5px;
}

#jqContextMenu ul li {
	font-family: Arial, Helvetica;
	font-size: 12px !important;
	vertical-align: middle;
}

table.callltble {
	width: 100%;
}

table.callltble, table.callltble td, table.callltble th {
	border: 1px solid #E0E0E0;
	border-collapse: collapse;
	padding: 3px;
}

table.callltble th {
	font-size: 12px;
}

#jqContextMenu {
	overflow: auto !important;
	height: 180px;
	width: 320px;
	/*background-color: #ffffff;*/
}

#callcontextmenu {
	width: 300px !important;
}

.body {
	height: 300px;
	overflow: auto;
	width: 300px;
}

.roundbutton, .roundbutton span {
	background: url('../images/secondary.png') no-repeat;
	height: 23px;
	line-height: 23px;
	padding: 3px 0 7px 0;
}

.roundbutton, a.roundbutton:link, a.roundbutton:visited {
	color: #333;
	font-size: 11px;
	padding-left: 14px;
	text-decoration: none !important;
}
/* ie 6 hack */
* html div#frame .roundbutton {
	color: #333;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}
/* ie 7 hack */
*:first-child+html .roundbutton {
	color: #333;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}

.roundbutton span {
	background-position: right -326px;
	padding-right: 14px;
}

a.grey-button {
	background-position: left -219px;
	padding-top: 3px;
}

a.grey-button span {
	background-position: right -545px;
	padding-top: 3px;
}

a.grey-button:hover {
	background-position: left -246px;
}

a.grey-button:hover span {
	background-position: right -572px;
}

a.grey-button:active, .grey-active-button {
	background-position: left -273px;
}

a.grey-button:active span, .grey-active-button span {
	background-position: right -599px;
}

/*
.roundbutton, .roundbutton span {
	background: url('../images/secondary.png') no-repeat;
	height: 23px;
	line-height: 23px;
	padding: 3px 0 7px 8px;
}

a.roundbutton {
	background-position: left -219px;
	padding-top: 3px;
}

a.roundbutton:link, a.roundbutton:visited {
	color: #333;
	font-size: 11px;
	text-decoration: none !important;
}

a.roundbutton span {
	background-position: right -545px;
	padding-top: 3px;
	padding-right: 14px;
}

a.roundbutton:hover {
	background-position: left -246px;
	cursor: pointer;
}
a.roundbutton:hover span {
	background-position: right -572px;
}
a.roundbutton:active {
	background-position: left -273px;
}
a.roundbutton:active span {
	background-position: right -599px;
}
*/
.navleft {
	vertical-align: top;
	padding-left: 3px;
}

div.layout_content {
	min-height: 100%;
	height: auto !important; /*Cause footer to stick to bottom in IE 6*/
	height: 100%;
	margin: 0 auto -24px; /*Allow for footer height*/
	vertical-align: bottom;
	width: 100%;
}

div.layout_header {
	
}

div.layout_footer {
	width: 100%;
	padding-top: 10px;
}

/* Network Coverage */
.bar_divider {
	width: 100%;
	background-color: #D5DDF3;
	height: 20px;
	z-index: 4;
	position: relative;
}

.collapsebtn {
	background: url("../images/gicons.png") no-repeat scroll -61px -4px
		transparent;
	width: 24px;
	height: 20px;
	float: right;
	cursor: pointer;
}

.expandbtn {
	background: url("../images/gicons.png") no-repeat scroll -61px -30px
		transparent;
	width: 24px;
	height: 20px;
	float: right;
	cursor: pointer;
}

/* Exception Dialog*/
select.group_search {
	font-family: Arial, Helvetica;
	font-size: 12px;
}

/* div gradient */
.gradient_red {
	background: #FF0000; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000',
		endColorstr='#FFFFFF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FF0000),
		to(#FFFFFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FF0000, #FFFFFF);
	/* for firefox 3.6+ */
}

.gradient_blue {
	background: #0000FF; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF',
		endColorstr='#FFFFFF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0000FF),
		to(#FFFFFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #0000FF, #FFFFFF);
	/* for firefox 3.6+ */
}

.call_allc {
	cursor: pointer;
	text-decoration: none !important;
}

.call_allc_selected {
	font-weight: bold;
	text-decoration: underline !important;
}

/*HUNGDT div gradient green for svcr compliance */
.gradient_green {
	background: #9ACD32; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ACD32',
		endColorstr='#FFFFFF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#9ACD32),
		to(#FFFFFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #9ACD32, #FFFFFF);
	/* for firefox 3.6+ */
}

.uploadify-button {
	background-color: transparent;
	border: none;
	padding: 0;
}

.uploadify:hover .uploadify-button {
	background-color: transparent;
}

label.error {
	color: red;
	font-style: italic
}

div.multiselect {
	overflow: auto;
	height: 200px;
	vertical-align: top;
	width: 300px;
	text-align: left;
	border: 1px solid #E0E0E0;
}

div.multiselect label {
	display: block;
}