@import url('/js/jquery/jquery-ui/jquery-ui-1.12.1/jquery-ui.css');
/*jquery-UI overrides by MyTelelfora*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #ffaec9; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }

.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #b51a78; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #b51a78 ; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbd850; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	margin: 0 auto;
	color:#666666;
}
img
{
	border: 0;
}

/**********************************************
General links
**********************************************/
a, a:active
{
	font-size:12px;
	color:#2f528a;
	text-decoration: underline;
}
a:hover
{
	font-size:12px;
	color:#2f528a;
	text-decoration: underline;
}
a:visited
{
	font-size:12px;
	color:#2f528a;
	text-decoration: underline;
}
#overDiv iframe
{
	position: absolute;
    z-index: -1;
    filter: mask();
    display:block;
    border: 0;
    border: none;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 800px;
    height: 9999px;
    overflow: hidden;
}
/**********************************************
Container
**********************************************/
.main-container
{
	width:970px;
	margin:0 auto;
	padding-top:10px;	
}
/**********************************************
Page top
**********************************************/
.page-top-left
{
	float:left;	
}
.page-top-right
{
	float:right;
	font-size:10px;
	height:20px;
}
.page-top-right img 
{
	float:left;
}
.page-top-right span 
{
	padding-left:10px;
	float:left;
}
.page-top-right input 
{
	float:left;
}
/**********************************************
 Headings
**********************************************/
.orange-big-heading-i
{
	font-size: 28px;	
	color:#6DB400;
	font-style: italic;
}
.orange-big-heading
{
	font-size: 28px;	
	color:#6DB400;
}
.orange-sub-heading
{
	font-size: 20px;	
	color:#6DB400;
}
.orange-text
{
	font-size:15px;
	color: #6DB400;
}
.gray-sub-heading
{
	font-size: 20px;	
	color:#666666;
}

/**********************************************
 text regions
**********************************************/
.bold-text-12
{
	font-size:12px;
	font-weight:bold;
}
.bold-text-13
{
	font-weight:bold;
	font-size: 13px;	
}


/**********************************************
 data table styles
**********************************************/
.data-table
{
	width: 100%;	
}
.data-table td
{
	font-size: 11px;
	padding: 5px 5px 5px 5px;	
}
.data-table-header-row
{

	min-height: 30px;
	background-color: #FDE6F6;
	font-weight:bold;
	text-align: center;
}
.data-table-total-row
{
	min-height: 30px;
	background-color: #ffffff;
	font-weight:bold;
	
}
.data-table-background
{
	background-color: #cccccc;	
}
.data-table-footer-row {
    min-height: 20px;
    background-color: #feadc8;
}

/**********************************************
 Top navigation
**********************************************/
.top-nav-icons 
{
		margin-left:0px; 
		margin-top:0px;
		padding-top:15px;
		padding-bottom:5px; 
		margin-bottom: 20px; 
		width:110px; 
		float: left; 
		text-align:center;
		height:43px;
		border-right:solid #ccc 1px;
}
a.top-nav-links 
{
	text-decoration:none;
	width:100%;
}
a:active.top-nav-links 
{
	text-decoration:none;
	width:100%;
}
a:visited.top-nav-links 
{
	text-decoration:none;
	width:100%;
}
a:hover.top-nav-links 
{
	text-decoration:none;
	width:100%;
}
.icon-tech 
{
	border-right:0px;
}
.icon-end 
{
	border-right:0px;
}
.top-nav-text 
{
	color: #6DB400;  
	font-weight:bold;
}
.top-nav-container
{
	float:left;
	text-align:center;
	
}

/***********************************************
 Tool container
***********************************************/
.tools-container
{
	float:left
}


/***********************************************
 mid page region
***********************************************/
.mid-page-container
{
	width:100%;
	float:left;
	background-color:#FDE6F6;
}
.mid-page-container-no-nav
{
	width:100%;
	float:left;
	background-color:white;
}

/**********************************************
 Left navigation
**********************************************/
.left-nav-popup-marker
{
	background-color: #ffffff; 
	margin-top: -8px; 
	width: 10px; 
	float: left; 
	height: 37px; 
	margin-left: -10px
}
.left-nav-close-button
{
	float: right;
	margin-top:-20px;
	margin-right:10px;
}
.left-nav-popup-marker
{
	background-color: #ffffff; 
	margin-top: -8px; 
	width: 10px; 
	float: left; 
	height: 37px; 
	margin-left: -10px
}
.left-nav-container
{
	padding-top: 20px;
	width:160px;
	float:left;	
}
.left-nav-buttons 
{
	float:left;
	z-index:2000; 
	width:145px;
	height:45px;
	/*padding-top:17px;
	padding-bottom:17px; */
	padding-left:20px; 
	color:#B51A78; 
	font-size:13px; 
	font-weight:bold;
	list-style:none;
	display:block;
	background-repeat:no-repeat;
	
}
a.left-nav-links 
{
	
	float:left;
	padding:15px 0px 0px 0px;
	border: solid 0px #cccccc;
	/*height:90%;
	width:145px;*/
	text-decoration:none; 
	color:#B51A78;
}
.left-nav-items-container
{
	display:none;
}
/**********************************************
 left nav popup menu.
**********************************************/
.left-nav-items-box-top
{
	background-image:url('/images/left-menu-content-top.png');
	background-repeat:no-repeat;
	height:12px;
	width:805px;
	float:left;
}
.left-nav-items-box-mid
{
	
	padding:20px 0px 20px 10px;
	min-height:200px;
	background-image:url('/images/left-menu-content-middle.png');
	background-repeat:repeat-y;
	width:792px;
	float:left;
} 
.left-nav-items-box-mid a
{
	color:#666666;
	text-decoration:none;
	
}
.left-nav-items-box-mid a:visited
{
	color:#666666;
	text-decoration:none;
}
.left-nav-items-box-bottom
{
	float:left;	
	background-image:url('/images/left-menu-content-bottom.png');
	background-repeat:no-repeat;
	height:13px;
	width:805px;
}
.menu-column
{
	min-height:180px;
	height:100%;
	width:23%;
	padding: 0px 5px 0px 5px;
	float:left;
	border-right:solid 1px #cccccc;
}
.menu-column-end
{
	min-height:180px;
	height:100%;
	width:23%;
	padding: 0px 5px 0px 5px;
	float:left;
}
.menu-header
{
	color:#6DB400;
	font-weight:bold;
}
.menu-sub-header
{
	background-color:RGB(255,243,227);
	color:#6DB400;
	font-weight:bold
}
/**********************************************
 left nav popup menu.
**********************************************/
.menu-shaded-header 
{
	background-color:RGB(255,243,227);
	color:#666666;
	font-weight:normal
}





/***********************************************
 Quick reference container
***********************************************/
.quick-ref-container
{
	margin-left:160px; 
	margin-top:28px; 
	width:100px; 
	float:left;	
}

/**********************************************
 Content region
**********************************************/
.content-region-container
{
	width:780px;
	float:left;
	padding-top:5px;
	
}
.content-region-container-no-nav
{
	width:950px;
	float:left;
	padding-top:5px;
	padding-left:10px;
}
.content-box-top
{
	float:left;
	height:11px;
	background-image:url('../images/content-window-top.jpg'); 
	background-repeat:no-repeat; 
	width:800px;
}
.content-box-top-no-nav
{
	float:left;
	height:11px;
	background-image:url('../images/content-window-top-no-nav.png'); 
	background-repeat:no-repeat; 
	width:950px;
}
.content-box-middle
{
	
	padding: 5px 5px 5px 5px;
	float:left;
	background-image:url('../images/content-window-middle.jpg'); 
	background-repeat:repeat-y; 
	width:780px;
	min-height: 400px;
	padding: 5px 10px 10px 10px;	
}
.content-box-middle-no-nav
{
	float:left;
	background-color:White;
	background-image:url('../images/content-window-middle-no-nav.png');
	background-repeat:repeat-y;
	width:930px;
	min-height: 400px;
	padding: 5px 10px 10px 10px;	
}
.content-box-bottom
{
	float:left;
	height:12px;
	background-image:url('../images/content-window-bottom.jpg'); 
	background-repeat:no-repeat;
	width:800px;
}
.content-box-bottom-no-nav
{
	float:left;
	height:12px;
	background-image:url('../images/content-window-bottom-no-nav.png'); 
	background-repeat:no-repeat;
	width:950px;
}
/**********************************************
 orange button left
**********************************************/
.orange-button-left
{
	float:left;
	width:6px;
	height:23px;
	background-image:url('../images/orange-button-left.jpg'); 
	background-repeat:no-repeat;
}
.orange-button-middle
{
	margin-top:1px;
	color:#ffffff;
	padding-top:5px;
	font-weight: bold;
	float:left;
	height:17px;
	background-color: #6DB400;	
}
.orange-button-right
{
	float:left;
	width:7px;
	height:23px;
	background-image:url('../images/orange-button-right.jpg'); 
	background-repeat:no-repeat;
}

/***********************************************
 General styles
***********************************************/
.success
{
	width: 98%;
	padding: 5px 5px 5px 5px;
	background-color: #efefef;
	/*border: solid 1px #cccccc;*/
	color: #6DB400;	
	font-weight: bold;
}
.error
{
	color:Red;	
}
.small
{
	font-size: 10px;	
}
/***********************************************
 General form styles
***********************************************/
.form-heading
{
	width:95%;
	margin:0 auto;
	/*font-size: 15px;	*/
	/*color:#ffffff;*/
	/*	font-style: italic;*/
	/*padding: 5px 10px 5px 10px;*/
	/*background-color:#6181ab;#FDE6F6;*/
	/*height:25px;*/
}
.form-container
{
	padding: 10px 10px 10px 10px;
	width:95%;
	margin:0 auto;
	/*background-color:#efefef;*/
	/*background-color:#fde3c7;*/
	/*background-color:#FDE6F6;*/
}
.form-field-name
{
	
	float:left;
	width:45%;
	padding:5px 5px 5px 5px;
	text-align:right;
	font-weight:bold;
}
.form-field
{
	float:left;
	width:45%;
	padding:5px 5px 5px 5px;
	text-align:left;
}
.form-cells
{
	float:left;
	
	padding-left:5px;	
	font-weight:bold;
}
.gray-form-container
{
	border: solid 1px #cccccc;
	background-color: #efefef;	
	padding: 10px 5px 10px 5px;
	width:95%;
	margin:0 auto;
}

/**********************************************
 Login box
**********************************************/
#login-box
{
	display: none; 	
}

.login-box-middle 
{
	padding:5px 10px 5px 10px;
	width:251px;
	background-color:#FDE6F6;
	font-size:11px; 
	color:#FFFFFF; 
}
.login-box-middle a
{
	color:#FFFFFF; 
}
.login-box-top
{
	background-image:url('../images/login-window-top.gif');
	height:4px;
	width:271px;
	background-repeat:no-repeat;
}
.login-box-bottom
{
	background-image:url('../images/login-window-bottom.gif');
	height:5px;
	width:271px;
	background-repeat:no-repeat;
}
.dropshadow
{
	float:left;
	
	background: url('../images/shadowAlpha.png') no-repeat bottom right !important;
	background: url('../images/shadow.gif') no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	padding: 0px;
}
.innerbox
{
	float:left;
	position:relative;
	bottom:6px;
	right: 6px;
/*	border: 1px solid #cccccc;*/
	background-color: #ffffff;
	padding:0px;
	margin: 0px 0px 0px 0px;
}
.innerbox
{
	
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p
{		
	margin: 3px;
}
/**********************************************
 Footer navigation
**********************************************/
.footer-links
{
	width:100%;
	text-align: center; 
	margin-top: 60px;
}
.footer-links a
{
	font-size:11px; 
	color: #888; 
	text-decoration:none; 
}
.footer-links a:hover 
{
	text-decoration:underline; 
}
.copyright 
{
	width:100%;
	text-align: center; 
	font-size:11px; 
	color: #888; 
	text-decoration:none; 
	float:left;
	padding: 10px 10px 10px 10px;
}
/**********************************************
 Overlib container style
**********************************************/
.overlib-container
{
	z-index: 1000000; 
	display: none;
	/*visibility: hidden; */
	position: absolute;
}

#ChangeTelefloraIDDialog
{
	display:none;	
}
#EditShopTelefloraIDDialog
{
	display:none;	
}
#SearchCustomerByEmailDialog
{
	display:none;
}
/**********************************************
 Jquery simple dialog styles
**********************************************/
#confirm {
	display:none;
}
/* Overlay */
#confirm-overlay {
	background-color:#eee; 
	cursor:wait;
}
/* Container */
#confirm-container {height:140px; width:420px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; background:#fff; border:2px solid #336699;}
#confirm-container .header {height:30px; width:100%; background:url(/images/header.gif) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; margin:0; padding:12px 4px 12px 8px; font-size:1em;}
#confirm-container .buttons {width:160px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(/images/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ccc;}
#confirm-container a.modal-close:hover {color:#eee;}


/**********************************************
 News rotation
**********************************************/
.news-container
{
	/*border: solid 2px #efefef;*/
	width: 770px;
}
.news_style
{
	display:none;
}
.news_show
{
	background-color: white;
	color:black;
	width:750px;
	/*height:300px;*/
	/*font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;*/
	overflow: auto;	
}
.news_border
{
	background-color: white;
	width: 750px;
	/*height:300px;*/
	font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	/*border: 1px solid gray;*/
	padding: 5px 5px 5px 5px;
	overflow: auto;	
}
.news_mark
{
	background-color:white ;
	font: normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	/*border: 0px solid gray;*/
	width:361px;
	height:35px;
	color:black;
	text-align:center;
}
.news_title
{
	font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	/*border: 0px solid gray;*/
	padding: 5px 0px 9px 5px;
	color:black;
}
.news_show img
{
	margin-left: 5px;
	margin-right: 5px;
}

.buttondiv
{
	position: absolute;
	/*float: left;*/
	/*top: 169px;*/
	padding: 5px 5px 5px 5px;
	background-color:white ;
	text-align: left;
	/*border: 1px solid gray;*/
	/*border-top-color: white;*/
	border-top:none;
	height:20px;
}


/*
 *  File:         demo_table_jui.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */


/*
 * jQuery UI specific styling
 */

.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
}

.ui-buttonset .ui-button {
	margin-right: -0.1em !important;
}

.paging_full_numbers {
	width: 350px !important;
}

.ui-toolbar {
	padding: 5px;
}

.dataTables_paginate {
	width: auto;
}

.dataTables_info {
	padding-top: 3px;
}

table.display thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	* cursor: hand;
}


/*
 * Sort arrow icon positioning
 */
table.display thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
	padding-right: 20px;
}

table.display thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Everything below this line is the same as demo_table.css. This file is
 * required for 'cleanliness' of the markup
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	_height: 302px;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 50%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('/images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('/images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('/images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('/images/forward_enabled.jpg');
}

/****TABS***/
.tabBox .tabs {
    margin: 0;
    padding: 0 0;
    overflow: hidden;
    margin-bottom: -1px;
    height: 45px;
}

.tabBox .tabs li {
    float: left;
    list-style: none;
    margin: 0;
    padding: .25em .01em 0;
    height: 45px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #FFF;
}

.tabBox .tabs li.selected {
    z-index: 3;
}

.tabBox .tabs a {

    float: left;
    height: 45px;
    -webkit-border-radius: 4px 4px 0 0; 
    -moz-border-radius: 4px 4px 0 0; 
    border-radius: 4px 4px 0 0;
    background: #EEE;
    border: 1px solid #CCC;
    border-bottom: 0;
    padding: 2px 10px;    
    text-decoration: none;
    text-align:center;
    color:#68a900;
}

.tabBox .tabs .selected a {
    background: #FFF;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;   
    color:gray;
}

.tabBox .content {
    clear: left;
    position: relative;
    z-index: 2;
    padding: 0 1em;
    border: 1px solid #CCC;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;
}
/***********/

/****GRID*****/
.noShow{
    display: none;
}
/*p  C1B2B9*/
/*h1 000000*/
/*font 858584*/
.FCLabel{
    margin: 0;
    padding: 2px 0 5px 0;
}
.FCInfo{
    margin: 0;
    padding:0 0 20px 0;
    color: #282726;
}

.FCdivInfo
{
    padding-top: 20px;
    padding-bottom: 10px;
    color: #282726;
}

.FCChkBx{
    vertical-align:middle;
}

.FCHeader{
    padding:0 0 0 0;
    margin:0;
}

.FCHeaderRow{
    margin:0;
    padding:0;
    border-spacing:0 0; 
    border-bottom: 2px solid #DDDDDD;
}

.FCRow{
    padding:0;
    height:35px;
    border-spacing:0 0; 
    background-color: #F9F9F9;    
}

.FCAltRow{
    margin:0;
    padding:0;
    height:35px;
    border-spacing:0 0; 
    background-color: white;
    
}

.FCField{
    margin:0;
    padding:0;
    border-spacing:0 0; 
    border-bottom: 1px solid #9B9B9B;
}

.FCAltField{
    margin:0;
    padding:0;
    border-spacing:0 0; 
    border-bottom: 1px solid #9B9B9B;
}

/****PAGER****/
.page_enabled, .page_disabled, .page_enabled:hover, .page_disabled:hover
{
    display: inline-block;
    height: 30px;
    min-width: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none !important;
    border: 1px solid #ccc;
    text-decoration: none !important;
    font-weight: normal !important;
}
.page_enabled, .page_enabled:hover
{
    background-color: #eee;
    color: #000;
    cursor:pointer;
}
.page_disabled, .page_disabled:hover
{
    background-color: #6C6C6C;
    color: #fff !important;
    cursor:not-allowed;
}/*************/
/*************/

.fcSearchButton {
   border: 1px solid #2f610d;
   background: #477700;
   background: -webkit-gradient(linear, left top, left bottom, from(#68a900), to(#477700));
   background: -webkit-linear-gradient(top, #68a900, #477700);
   background: -moz-linear-gradient(top, #68a900, #477700);
   background: -o-linear-gradient(top, #68a900, #477700);
   background-image: -ms-linear-gradient(top, #68a900 0, #477700 100%);
   padding: 5px 12px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0 0, inset rgba(255,255,255,0.4) 0 0 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0 0, inset rgba(255,255,255,0.4) 0 0 0;
   box-shadow: rgba(255,255,255,0.4) 0 0 0, inset rgba(255,255,255,0.4) 0 0 0;
   text-shadow: #437900 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: baseline;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
    user-select: none;
   }
.fcSearchButton:hover {
   border: 1px solid #2f610d;
   text-shadow: #437900 0 1px 0;
   background: #68a900;
   background: -webkit-gradient(linear, left top, left bottom, from(#477700), to(#68a900));
   background: -webkit-linear-gradient(top, #477700, #68a900);
   background: -moz-linear-gradient(top, #477700, #68a900);
   background: -o-linear-gradient(top, #477700, #68a900);
   background-image: -ms-linear-gradient(top, #477700 0, #68a900 100%);
   color: #ffffff;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: baseline;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
    user-select: none;
   }
.fcSearchButton:active {
   text-shadow: #000000 0 1px 0;
   border: 1px solid #2f610d;
   background: #477700;
   background: -webkit-gradient(linear, left top, left bottom, from(#68a900), to(#68a900));
   background: -webkit-linear-gradient(top, #68a900, #477700);
   background: -moz-linear-gradient(top, #68a900, #477700);
   background: -o-linear-gradient(top, #68a900, #477700);
   background-image: -ms-linear-gradient(top, #68a900 0, #477700 100%);
   color: #fff;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: baseline;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
    user-select: none;
   }
.fcSearchButton:visited{
   text-shadow: #437900 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
    user-select: none;
}

.fcCancelButton {
   border: 1px solid #6b6b6b;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
   background: -webkit-linear-gradient(top, #ffffff, #ffffff);
   background: -moz-linear-gradient(top, #ffffff, #ffffff);
   background: -ms-linear-gradient(top, #ffffff, #ffffff);
   background: -o-linear-gradient(top, #ffffff, #ffffff);
   background-image: -ms-linear-gradient(top, #ffffff 0, #ffffff 100%);
   padding: 5px 12px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #757575 0 1px 0;
   color: #6b6b6b;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: baseline;
   }
.fcCancelButton:hover {
   border: 1px solid #000000;
   text-shadow: #757575 0 1px 0;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
   background: -webkit-linear-gradient(top, #ffffff, #ffffff);
   background: -moz-linear-gradient(top, #ffffff, #ffffff);
   background: -ms-linear-gradient(top, #ffffff, #ffffff);
   background: -o-linear-gradient(top, #ffffff, #ffffff);
   background-image: -ms-linear-gradient(top, #ffffff 0, #ffffff 100%);
   color: #6b6b6b;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: baseline;
   }
.fcCancelButton:active {
   text-shadow: #757575 0 1px 0;
   border: 1px solid #6b6b6b;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
   background: -webkit-linear-gradient(top, #ffffff, #ffffff);
   background: -moz-linear-gradient(top, #ffffff, #ffffff);
   background: -ms-linear-gradient(top, #ffffff, #ffffff);
   background: -o-linear-gradient(top, #ffffff, #ffffff);
   background-image: -ms-linear-gradient(top, #ffffff 0, #ffffff 100%);
   color: #6b6b6b;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: baseline;
   }
.fcCancelButton:visited{
   text-shadow: #757575 0 1px 0;
   color: #6b6b6b;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
}

.FCSearchBox
{
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    height:24px;
    border: solid 1px #ccc;
    color:#404040;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
}

table.display tfoot th {
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	font-weight: normal;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('/images/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: url('/images/sort_desc.jpg') no-repeat center right;
}

.sorting {
	background: url('/images/sort_both.jpg') no-repeat center right;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}




table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #E2E4FF;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}





.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #477700;
	color: white;
}