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


.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: #000;
        font: bold 10px Helvetica, sans-serif, Tahoma, Verdana, Geneva, Arial;
        text-transform: uppercase;
        background:#f2f2f2  no-repeat scroll right center;
        display:block;
        line-height:18px;
        border:0px solid #000000;
        width:auto;
        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:18px;
        border:0px solid #D3D3D3;
        width:auto;
        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; 
	position:absolute; 
	top:1px; 
	width:auto; 
	min-width:150px; 
	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: #D6110B;
	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 lightgrey 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;
}


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


/* the hidden searching group, contact interface  */
#divSearchInterface {
	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 Verdana, Sans-serif; 
}

/* tag item - individual  */
.TagFieldItem a { 
	position:absolute; 
	right:8px; 
	top:2px; 
	color:#666; 
	font:bold 12px Verdana, Sans-serif; 
	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 Verdana, Sans-serif; 
}

/* tag item - group */
.TagFieldItemGroup a { 
	position:absolute; 
	right:8px; 
	top:2px; 
	color:#666; 
	font:bold 12px Verdana, Sans-serif; 
	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)*****************/

@font-face {
	font-family: 'Century Gothic';
	src: url('../styles/font/century-gothic.eot');
	src: url('../styles/font/century-gothic.ttf') format('truetype');
}

.ddsmoothmenu {
    font : 14px 'Century Gothic', Helvetica, Verdana, Geneva, Tahoma, Arial, sans-serif;
    text-align:left;
	width : 100%;
}

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

.ddsmoothmenu > ul {
	/*margin-left: 100px;*/
}

/*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: #D6110B; *//*background of menu items (default state)*/
    color: black;
    padding: 6px 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: black;
}

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

.ddsmoothmenu ul li a:hover {
   /* background: #BFBFBF;*/ /*background of menu items during onmouseover (hover state)*/   
    background: #95342d; /*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: 14px 'Century Gothic',Helvetica, Verdana, Geneva, Tahoma, Arial, sans-serif;;
    width: 160px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid gray;
    background: #FFF;
}

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

.ddshadow { /*shadow for NON CSS3 capable browsers*/
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: silver;
}

.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;
}