/*
.desc { color:#6b6b6b;}
.desc a {color:#0092dd;}
*/

#ui-datepicker-div { display: none; }
.LineSplitter {

    background-color: #f2f2f2;
	border: 0px solid #000000;
	cursor: pointer;
	width: 100em;
    margin:0px;
    padding:0px;
    text-align:center;

}

/*
 * this is AC_List -----------------------------------------------------
 */
 
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#646464; text-decoration:none; outline:none;}
.dropdown a:hover { color:#fff000;} // use?
.dropdown dt a:hover { color:#fff000; border: 1px solid #000000;}

.dropdown dt a {background:#FDFDFD url('/images/icons/16x16/ico_desc.png') no-repeat scroll right center; display:block; padding-left:0px; padding-right:0px;
                border:1px solid #cccccc; width:115px}


/*
 * this is AC_List display list
 */
.dropdown dt a {
        color: #D61831;
        font: bold 10px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
        text-transform: uppercase;
        background:#f2f2f2  no-repeat scroll right center;
        display:block;
        line-height:33px;
        border:0px solid #000000;
        width:130px;
        text-align: center;
        -moz-box-shadow: 2px 2px 3px #ccc;
        -webkit-box-shadow: 2px 2px 3px #ccc;
        box-shadow: 2px 2px 3px #ccc;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
        padding-left:15px;
        padding-right:15px;
        margin-left:5px;
        margin-top:5px;
	
}     

.dropdown dt a:hover {
        color: #ffffff;
        font: bold 10px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
        text-transform: uppercase;
        background:#8f8f8f;  no-repeat scroll right center;
        display:block;
        line-height:33px;
        border:0px solid #D3D3D3;
        width:130px;
        text-align: center;
        padding-left:15px;
        padding-right:15px;
        margin-left:5px;
        margin-top:5px;

}
      
.dropdown dt a span {
	cursor:pointer; 
	display:block; 
	padding:1px;
}
/*
 * this is AC_List() drop down
 */
.dropdown dd ul { 
	color: #333333;
	font: normal 10px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	text-transform: uppercase;	
	background:#F4F4F4 none repeat scroll 0 0; 
	border:1px solid #D3D3D3; 
	display:none;
	left:0px; 
	padding:1px 0px; 
	margin-left:4px;
	position:absolute; 
	top:1px; 
	width:auto; 
	min-width:180px; 
	list-style:none;
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');

}

.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
/*
 * this is AC_List() drop down when hover
 */
.dropdown dd ul li a:hover 
{ 
	color: #D61831;
	background:#FFFFFF;
}

.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
.flagvisibility { display:none;}

/* -------------- end of dropdown -------------------------------------*/

    
/* onclick */
.TextOnFocus {
	color: #646464;
	font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 1px blue solid;
	background-color: lightblue;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 2px;
	width: 143px;
}

/* onblur */
.TextOnBlur {
	color: #646464;
	font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 1px lightgrey solid;
	background-color: #FFFFFF;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 2px;
	width: 143px;
}

/* onblur - value is not empty*/
.TextOnBlurNoBorder {
	color: #646464;
	font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 1px #CCCCCC dashed;
	background-color: #FFFFFF;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 2px;
	width: 143px;
}


/* onclick */
.SelectOnFocus {
	color: #646464;
	font: bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 1px blue solid;
	background-color: #f5f0de;
    padding-right: 0;
	background:url('/images/icons/16x16/ico_desc.png') no-repeat center right;
	padding-right: 3px;
	padding-left: 0px;
	margin-bottom: 2px;
	width: 143px;	
}

/* onblur */
.SelectOnBlur {
	color: #646464;
	font: bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 1px #FFFFFF solid;
	background-color: #FFFFFF;
    padding-right: 0;
	background:url('/images/icons/16x16/ico_blank.png') no-repeat center right;
	padding-right: 3px;
	padding-left: 0px;
	margin-bottom: 2px;
	width: 143px; 
}


.TagButton {
	font: normal 10px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	color: #000;
    background-color: #f2f2f2;
	border: 0px solid #000000;
	cursor: pointer;
    margin:1px;
    padding:2px;
    line-height:18px;
    text-align:center;
	-moz-box-shadow: 2px 2px 3px #ccc;
	-webkit-box-shadow: 2px 2px 3px #ccc;
	box-shadow: 2px 2px 3px #ccc;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}


.TagButton:hover {
	font: normal 10px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	color: #fff;
    background-color: #8f8f8f;
	border: 0px solid #000000;
	cursor: pointer;
    margin:1px;
    padding:2px;
    line-height:18px;
    text-align:center;
}

.tagbuttonlist {

	font: 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;	
	color: #000;
    background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
	cursor: pointer;
    margin:0px;
    padding:0px;
    line-height:18px;
    height:18px;
    text-align:center;
    display:inline;
}

/*
.CRMMenuButton {
        color: #FFFFFF;
        font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
        text-transform: uppercase;
    background-color: #808080;
        border: 1px solid #000000;
        cursor: pointer;
        height: 33px;
	width: 150px;
}

.CRMMenuButton:hover {
        color: #808080;
        font: normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
    background-color: #FFFFFF;
        border: 1px solid #000000;
        cursor: pointer;
        height: 33px;
	width: 150px;
}
*/

.CRMMenuButton {
        font: bold 10px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
        text-transform: uppercase;
        color: #000;
    background-color: #f2f2f2;
        border: 0px solid #000000;
        cursor: pointer;
    margin:3px;
    padding-top:1px;
    padding-bottom:1px;
    line-height:18px;
    text-align:center;
        -moz-box-shadow: 2px 2px 3px #ccc;
        -webkit-box-shadow: 2px 2px 3px #ccc;
        box-shadow: 2px 2px 3px #ccc;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
        width:150px; //20110627 waikheng
        overflow:visible; //20110627 waikheng
        padding-left:15px;//20110627 waikheng
        padding-right:15px;//20110627 waikheng
        margin-left:5px;
        margin-top:5px;
}


.CRMMenuButton:hover {
        font: bold 10px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
        text-transform: uppercase;
        color: #fff;
    background-color: #8f8f8f;
        border: 0px solid #000000;
        cursor: pointer;
    margin:3px;
    padding-top:1px;
    padding-bottom:1px;
    line-height:18px;
    text-align:center;
        width:150px; //20110627 waikheng
        overflow:visible; //20110627 waikheng
        padding-left:15px;//20110627 waikheng
        padding-right:15px;//20110627 waikheng
        margin-left:5px;
        margin-top:5px;
}




/*
 * start phonebook interface */
 */
/* to button */
#btnInterfaceTo {
	display:block;
	width:80px;
	height:20px;
	padding:2px;	
	position:relative;
	
}


/* the hidden searching group, contact interface  */
#divSearchInterface, #divSearchGroupInterface, #divSearchIndividualInterface {
	width:400px;
	display: none;
	margin:0px;
	padding:0px;
	border:1px solid #ddd;
	background-color:#eee;
	position:absolute;
}

/* the invisible field to enter value */
.TagFieldTo { 
	width:150px; 
	margin:0 0 2px 0; 
	padding:0 0 3px; 
	position:relative; 
	top:0; 
	float:left; 	
    border: 0px;
}

/* tag to field */

#TagFieldDIV {
	color: #646464;
	font: bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	border: 1px lightgrey solid;
	background-color: #FFFFFF;
	padding:3px 3px 0;
	margin:0 auto;
    margin-left: 0px;
	cursor:text;     
}

/* tag item - individual */
.TagFieldItem { 
	display:block; 
	width:auto; 
	margin:0 3px 3px 0; 
	padding:3px 20px 4px 8px; 
	position:relative; 
	float:left; 
	text-indent:0; 
	background-color:#eee; 
	border:1px solid #333;
	color:#333; 
	font:normal 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
}

/* tag item - individual  */
.TagFieldItem a { 
	position:absolute; 
	right:8px; 
	top:2px; 
	color:#666; 
	font:bold 12px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	text-decoration:none; 
}

/* tag item - individual  */
.TagFieldItem a:hover { 
	color:#ff0000;
}


/* the hidden searching group, contact interface  */
.divHiddenTable {
	width:200px;
	display: none;
	margin:0px;
	padding:0px;
	border:0px solid #ddd;
	background-color:#eee;
	position:absolute;
}

/********* tag to field for group *************************************/

/* tag item - group  */
.TagFieldItemGroup { 
	display:block; 
	width:auto; 
	margin:0 3px 3px 0; 
	padding:3px 20px 4px 8px; 
	position:relative; 
	float:left; 
	text-indent:0; 
	background-color:#eee; 
	border:1px solid #333;
	color:#333; 
	font:bold 11px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
}

/* tag item - group */
.TagFieldItemGroup a { 
	position:absolute; 
	right:8px; 
	top:2px; 
	color:#666; 
	font:bold 12px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
	text-decoration:none; 
}

/* tag item - group */
.TagFieldItem a:hover { 
	color:#ff0000;
}

.Tag {


	border:1px solid #ddd;
	background-color:#eee;

    width: auto;
    float: left;
    margin: 2px;
    padding: 2px;	
}

.TagFloatRight {
        border:1px solid #ddd;
        background-color:#eee;
    width: auto;
    float: right;
    margin: 2px;
    padding: 2px;

}

.Label1 {
	font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	border:1px solid #ddd;
	text-decoration: none;
	text-transform: uppercase;
	color: #646464;
	background-color: #FFFFFF;
	text-indent:5px;

}
/********** for group **************************************************/

/****************Smooth Navigational Menu (Horizontal)*****************/
.ddsmoothmenu {
    font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
    background: #D61831; /*background of menu bar (default state)*/
    width: 100%;
			border-bottom-left-radius: 8px; 
			border-bottom-right-radius: 8px; 
	   -moz-border-bottom-left-radius: 8px;
	   -moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px; 
	padding: 2px;
}

.ddsmoothmenu ul {
    z-index:100;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li {
    position: relative;
    display: inline;
    float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
    display: block;
    background: #D61831; /*background of menu items (default state)*/
    color: white;
    padding: 8px 10px;
    /*border-right: 1px solid #778;*/
    color: #2d2b2b;
    text-decoration: none;
}

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
    color: white;
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background: #808080; 
    color: white;
}

.ddsmoothmenu ul li a:hover {
    background: #808080; /*background of menu items during onmouseover (hover state)*/
    color: white;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
    display: list-item;
    float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
    top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
    font: bold 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
    width: 160px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px dotted gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu {
height: 1%;
} /*Holly Hack for IE7 and below*/


/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ 
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}

.toplevelshadow{
	margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */
	opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */
}

.ddcss3support .ddshadow.toplevelshadow {
	margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
	/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}

.ddcss3support .ddshadow {
	background-color: transparent;
	box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
	-moz-box-shadow: 5px 5px 5px #aaa;
	-webkit-box-shadow: 5px 5px 5px #aaa;
}