div.ui-datepicker{
 font-size:12px;
}

.ui-autocomplete-loading {
  background: white url("http://localtimes.info/images/ui-anim_basic_16x16.gif") right center no-repeat;
 }

.ui-widget-content {font-size:0.5em}
#city { width: 25em; }

.datepickerdiv {font-size:12px;line-height:18px; text-align:justify; font-family:verdana;margin:0px 0px 10px 0px;text-indent:20px;}

.city {margin:2px 0px;}


/*************************************************************************************
*************************************************************************************
**************************************************************************************
* TIME_CONVERTER
*************************************************************************************
*************************************************************************************
*************************************************************************************/

#time_converter
{
	-moz-box-shadow: 0px 0px 5px #b4b4b4;
	-webkit-box-shadow: 0px 0px 5px #b4b4b4;
	box-shadow: 0px 0px 5px #b4b4b4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 100%;
	text-align:center;
	align:center;
	margin:0px;
	padding:0px;
	overflow:hidden;
	border:1px solid #ccc;
}

#time_converter .tc_header
{
	width:100%;
	height:40px;
	background: url(/images/breadcrumb_bg.gif) repeat-x;
	/*background-color:#e1e1e1;*/
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom:1px solid #b4b4b4;
}
#time_converter .tc_header .tc_header_event
{
	display:none;
}
#time_converter .tc_header .tc_header_event div.time_interval
{
	width:210px;
	float:left;
	line-height:40px;
	font-size:12px;
	font-weight:bold;
	padding-left:70px;
}
#time_converter .tc_header .tc_header_event div.time_interval .range
{
	background: url("/images_difference/range.png") no-repeat top left;
}
#time_converter .tc_header .tc_header_event div.time_interval .range_left
{
	background-position: 0 0; width: 40px; height: 20px;float:left;margin-top:11px;
}
#time_converter .tc_header .tc_header_event div.time_interval .range_right
{
	background-position: 0 -40px; width: 40px; height: 20px;float:left;margin-top:11px;
}
#time_converter .tc_header .tc_header_event div.time_interval .time_interval_text
{
	font-size:12px;
	font-weight:bold;
	color:#3d3d3d;
	float:left;
	width:80px;
}

#time_converter .tc_header .tc_header_event div.event_links
{
	float:right;
	width: 720px;
	text-align: right;
}
#time_converter .tc_header .tc_header_event div.event_links a
{
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;

	background-color: #ffb74b;	
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbdc82), to(#ffb74b));
	background: -webkit-linear-gradient(top, #fbdc82, #ffb74b);
	background: -moz-linear-gradient(top, #fbdc82, #ffb74b);
	background: -ms-linear-gradient(top, #fbdc82, #ffb74b);
	background: -o-linear-gradient(top, #fbdc82, #ffb74b);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	margin-right: 10px;
	margin-top: 8px;
	padding:5px 10px;
	border:1px solid #d79627;
}
#time_converter .tc_header .tc_header_normal div.tc_ciblingdates
{
	width:700px;
	float:right;
}
#time_converter .tc_header .tc_header_normal .sort_cities
{
	width:35px;
	float:left;
	padding:12px 5px;
}
a.icon_sort
{
	display:inline-block;
	margin-top:5px;
	margin-right:5px;
}
.icon_sort{background: url(/images_difference/icon_sort.png) no-repeat top left;}
.sort_down{ background-position: 0 0; width: 12px; height: 5px; } 
.sort_up{ background-position: 0 -25px; width: 12px; height: 5px; } 
#time_converter .tc_header .tc_header_normal div.search_city
{
	width:230px;
	float:left;
}
#time_converter .tc_header .tc_header_normal div.search_city .city
{
	width:217px;
	padding:5px 5px;
	margin-top:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #FFF;
	box-shadow:inset 1px 1px 0px rgb(206, 206, 206);
	background-color:#fff;
}
ul.siblingdates
{
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
	width:100%;
	padding-top:5px;
}
ul.siblingdates li
{
	list-style:none;
	float:left;
	line-height:36px;
	font-size:10px;
	padding:0px 10px;
}
ul.siblingdates li img.ui-datepicker-trigger
{
	padding-top:9px;
}
ul.siblingdates a
{
	font-size:10px;
	color:#333;
}
ul.siblingdates li.today
{
	padding:0px 10px;
	background-color:#FFF;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
}
ul.siblingdates li.today a
{
	color:red;
	font-size:10px;
	font-weight:bold;
}
ul.siblingdates li.weekday a
{
	font-weight:bold;
	color:green;
	
}

/************************************************************************************
*************************************************************************************
********************  TC_GRID  ******************************************************
*************************************************************************************
*************************************************************************************
************************************************************************************/

#time_converter .tc_grid_container
{
	width:100%;
	display:inline-block;
	clear:both;
	position:relative;
}
#time_converter .tc_grid
{
	display:inline-block;
	position:relative;
	font-size:12px;
	padding:0px;
	margin:0px;
	align:center;
	text-align:center;
	width:170px;
}
#time_converter .tc_grid .tc_grid_row
{
	position:relative;
	display:block;
	border:0px;
	/*border-bottom:1px solid #e1e1e1;*/
	margin:0px; 
	padding:0px; 
}
#time_converter .tc_grid .tc_grid_row:nth-child(even), #event_grid .tc_grid .tc_grid_row:nth-child(even)
{
	background-color:#f9f9f9;
}

#time_converter .tc_grid .tc_grid_row .tc_grid_row_left
{
	/*width:280px*/;
	/*width:100% ;*/
	/*display:inline-block;*/
	float:left;
	text-align:left;
	position:relative;
	margin:0px; 
	margin-bottom:5px; 
	padding:0px; 
	/*cursor:move;*/
	/*height:100%;*/ 
}
#time_converter .tc_grid .tc_grid_row .tc_grid_row_left .tc_offset_info
{
	width:45px;
	vertical-align:middle;
	font-size:9px;
	font-weight:normal;
	/*float:left;*/
	padding-top:0px;
	cursor:default;
	padding-left:5px;
	padding-right:5px;
	color:#7d7d7d;
	margin:0px;
}
#time_converter .tc_grid .tc_grid_row .tc_grid_row_left .tc_loc_info
{
	width:90px;
	float:left;
	/*background: #ffc0a0;*/
	font-family:Arial;
	/*margin-top:7px;*/
}
#time_converter .tc_grid .tc_grid_row .tc_grid_row_left .tc_loc_info a
{
	text-align: left;
	/*font-weight: normal;
	font-family: "Oswald";*/
}
#time_converter .tc_grid .tc_grid_row .tc_grid_row_left a.city_name
{
	font-size:12px;
	font-weight:bold;
	display:inline-block;
	line-height:20px;
}
#time_converter .tc_grid .tc_grid_row .tc_grid_row_left span.country_name
{
	font-size:12px;
	color:#3d3d3d;
	display:block;
}

#time_converter .tc_grid .tc_grid_row .tc_grid_row_left .tc_loc_info span.time_code
{
	padding-left:5px;
	font-size:9px;
	font-weight:bold;
	color:#7d7d7d;
}
#time_converter .tc_grid .tc_grid_row .tc_grid_row_left .tc_time_info
{
	width:80px;
	height:100%;
	float:right;
	text-align:right;
	font-family:Arial;
	/*margin-top:3px;*/
}
.tc_time_info .tc_time
{
	line-height:20px;
	letter-spacing:0px;
	font-size:12px;
	font-weight: bold;
	color: #3d3d3d;
}
.tc_time_info .tc_date
{
	font-size:10px;
	color: #7d7d7d;
	/*padding-top:5px;*/
}
.tc_city_event_time
{
	display:none;
	position:absolute;
	float:right;
	top:0;
 	right:0;
	margin-top:12px;
	padding-left: 10px;
	background-color: #FFF;
}
.tc_city_event_time .tc_event_from
{
	float:left;
}
.tc_city_event_time .tc_event_from span.event_from_time
{
	display:block;
	font-size:11px;
	font-weight:bold;
	
}
.tc_city_event_time .tc_event_from span.event_from_date
{
	display:block;
	font-size:10px;
}
.tc_city_event_time .separator
{
	float:left;
	padding: 0px 5px;
	font-size: 24px;
}
.tc_city_event_time .tc_event_to
{
	margin-right:10px;
	float:right;
	text-align:left;
}
.tc_city_event_time .tc_event_to span.event_to_time
{
	display:block;
	font-size:11px;
	font-weight:bold;
}
.tc_city_event_time .tc_event_to span.event_to_date
{
	display:block;
	font-size:10px;
}
#time_converter .tc_grid .tc_grid_row .tc_grid_row_right
{
	width:720px;
	/*display:inline-block;*/
	float:right;
	position:relative;
}

/*************************************************************************************
*************************************************************************************/

.tc_grid_container .tc_glass
{
	position:absolute;
	top:0;
	right:0;
	left:280px;
	height:0;
	z-index:1;
	background-color:transparent;
	opacity:1;
}
#time_converter .tc_grid_container .tc_glass.tc_glass_disable
{
	background-color:#FFF;
	opacity:0.3;
}
.tc_glass .tc_glass_pointer
{
	display:none;
	position:relative;
	width:30px;
	height:100%;
	opacity: 0.5;
	background-color: #000;
	border-radius:2px;

}
.tc_glass .tc_slider
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
}
.tc_glass .tc_current_time
{
	position:absolute;
	border:1px solid #000;
	width:29px;
	height:100%;
	top:0;
	/*background-color: #000;
	opacity:0.5;*/
}
.tc_glass .tc_current_time span
{
	position:absolute;
	left:5px;
	font-size:9px;
	color:#000;
	top:-2px;
}

span.delete_row
{
	position:absolute;
	top:10px;
	left:-18px;
	color:#000;
	font-size:10px;
	/*display:none;*/
	cursor:pointer;	
}
a.makehome
{
	position:absolute;
	top:25px;
	left:-20px;
	/*display:none;*/
	cursor:pointer;	
}
ul.tc_timeline
{
	padding:0;
	margin:0;
	list-style:none;
	display:inline-block;
	margin-top:9px;
}
ul.tc_timeline li
{
	width:29px;
	height:35px;
	float:left;
	margin-left:1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-moz-box-shadow:2px 2px 2px #b4b4b4;
   -webkit-box-shadow:2px 2px 2px #b4b4b4;
   box-shadow:2px 2px 2px #b4b4b4;
   
   box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
ul.tc_timeline li span
{
	font-size:10px;
	font-weight:bold;
	color:#3d3d3d;
	padding-top:5px;
	display:block;	
}

ul.tc_timeline li div.ap
{
	font-size:9px;
	display:block;
	font-weight:normal;
}
ul.tc_timeline li.night
{
	background-color:#FFCCCC;
	/*border:1px solid #d68a8a;*/
}
ul.tc_timeline li.dawn
{
	background-color:#FFFFCC;
	/*border:1px solid #bdbd3e;*/
}
ul.tc_timeline li.day
{
	background-color:#CCFFCC;
	/*border:1px solid #6ac56a*/;
}
ul.tc_timeline li.green
{
	background-color:green;
}




/*************************************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************
* EVENT_GRID 
*************************************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************/
#event_grid
{
	width:300px;
	-moz-box-shadow: 0px 0px 5px #b4b4b4;
	-webkit-box-shadow: 0px 0px 5px #b4b4b4;
	box-shadow: 0px 0px 5px #b4b4b4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:10px;
	padding:5px;
	/*background:black;*/
}

#event_grid .tc_header
{
	display:block;
	padding:10px;
	background: url(/images/breadcrumb_bg.gif) repeat-x;
	background-color:#e1e1e1;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom:1px solid #a4a4a4;
	/*background:#f0a;*/
}
#event_grid .tc_header .tc_event_title_view
{
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
#event_grid .tc_header .tc_event_title_edit
{
	width:100%;
	text-align:left;
	display:none;
}
#event_grid .tc_header .tc_event_title_edit input[type=text]
{
	padding:4px 5px;
	width:828px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #FFF;
	box-shadow:inset 1px 1px 0px rgb(206, 206, 206);
	background-color:#fff;
}
#event_grid .tc_header .tc_event_title_edit input[type=button]
{
	width:68px;
	padding:5px 0px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	margin-left:5px;
}
#event_grid .tc_header .tc_event_title_edit input[type=button].cancel_title
{
	background-color:#f16e6e;
	border:1px solid #cc3434;
}
#event_grid .tc_header .tc_event_title_edit input[type=button].preview_title
{
	background-color:#9cd75e;
	border:1px solid #83c23f;
}
#event_grid .tc_header .tc_event_title_view span.title_edit
{
	float:right;
}
#event_grid .tc_header .tc_event_title_view span.title_edit a
{
	font-size:11px;
}

/******************************************************************************/
/********************   TC GRID   *********************************************/
/******************************************************************************/

#event_grid .tc_grid_container
{
	float:left;
	position:relative;
	background:blue;
}
#event_grid .tc_grid
{
	width:100%;
	display:inline-block;
	position:relative;
	font-size:12px;
	/*background:violet;*/
	margin:0px;
	padding:0px;
}
#event_grid .tc_grid .tc_grid_row
{
	/*position:relative;*/
	height:38px;
	/*display:block;*/
	border:0px;
	border-bottom:1px solid #e1e1e1;
	margin:1px 2px;
	padding:1px;
	overflow:hidden;
	/*background:green;*/
}


/******************************************************************************/
/******************* COUNTDOWN ************************************************/
/******************************************************************************/

#event_grid .te_description
{
	width:100%;
	/*float:right;*/
	position:relative;
	height:100%;
	/*background-color:black;*/
}

#event_grid .te_description .countdown
{
	/*display:inline-block;*/
	/*width:190px;*/
	/*margin:5px 2px;*/
	margin:0px;
	margin-top:5px;
	padding:0px 6px;
	padding-top:2px;
	font-size:11px;
	border-radius:5px;
	/*border:2px solid #dfdfdf;*/
	border:0;
	/*background:cyan;*/
	font-family:Verdana;
	font-weight:bold;
}
#event_grid .te_description .countdown.finished
{
	background-color:#FFB0B0;
}
#event_grid .te_description .countdown.startin
{
	background-color:#FFFFCC;
}
#event_grid .te_description .countdown.inprogress
{
	background-color:#CCFFCC;
}
#event_grid .te_description .countdown .until_since
{
	margin:5px 0px;
	padding:0px;
	width:100%;
}


/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
#event_grid .tc_glass
{
	left:415px;
	width:360px;
}

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
.eventslider
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background-color:green;
	opacity:0.5;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

/******************************************************************************/
/******************************************************************************/
/***************** EVENT GRID TC GRID ROW *************************************/
/******************************************************************************/
/******************************************************************************/
#event_grid .tc_grid .tc_grid_row .te_offset_box
{
	width:55px;
	text-align:left;
	position:relative;
	cursor:default;
	vertical-align:middle;
	font-size:11px;
	padding-top:0px;
	cursor:default;
	padding-left:5px;
	padding-right:5px;
	color:#7d7d7d;
	/*background:white;*/
}
#event_grid .tc_grid .tc_grid_row .te_location_box
{
	width:115px;
	/*height:40px;*/
	/*display:inline-block;*/
	float:left;
	overflow:hidden;
	text-align:left;
	/*position:relative;*/
	margin: 1px;
	padding: 1px;
	padding-top: 0px;
	margin-top: 0px;
	/*background:red;*/
}

#event_grid .tc_grid .tc_grid_row .te_event_time_box
{
	/*width:171px;*/
	/*display:inline-block;*/
	/*float:right;*/
	text-align:right ;
	overflow:hidden;
	float:right;
	/*background:orange;*/
	/*display:inline-block;*/
	margin: 1px;
	margin-top: 0px;
	padding:0px;
	padding-top: 4px;
	/*margin-top: 12px;*/
}

#event_grid .tc_grid .tc_grid_row .te_location_box span.country_name
{
	font-size:10px;
	color:#3d3d3d;
	display:block;
}
#event_grid .tc_grid .tc_grid_row .te_location_box span.time_code
{
	padding-left:5px;
	font-size:10px;
	font-weight:bold;
	color:#999;
}
#event_grid .tc_grid .tc_grid_row .te_location_box a.city_name 
{
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	line-height: 22px;
}

.te_event_time_box .tc_event_from
{
	float:left;
text-align:left;
/*background:cyan;*/
}
.te_event_time_box .tc_event_from span.event_from_time
{
	display:block;
	font-size:11px;
	font-weight:bold;
	
}
.te_event_time_box .tc_event_from span.event_from_date
{
	display:block;
	font-size:10px;
}
.te_event_time_box .separator
{
	float:left;
	padding: 0px 5px;
	font-size: 24px;
}
.te_event_time_box .tc_event_to
{
	margin-right:3px;
	float:left;
	text-align:left;
	/*background:gold;*/
}
.te_event_time_box .tc_event_to span.event_to_time
{
	display:block;
	font-size:11px;
	font-weight:bold;
}
.te_event_time_box .tc_event_to span.event_to_date
{
	display:block;
	font-size:10px;
}


/******************************************************************************/
/******************************************************************************/
/*****************   HOURS ROWS ***********************************************/
/******************************************************************************/
/******************************************************************************/


#event_grid .tc_grid .tc_grid_row .te_event_hours_info
{
	width:360px;
	/*display:inline-block;*/
	float:right;
	position:relative;
}


/*************************************************************************************/
/*************************************************************************************/
/*******************************   COUNTDOWN  ***************************************/
/*************************************************************************************/
/*************************************************************************************/

/* jQuery Countdown styles 1.6.2. */
.hasCountdown {
	/*border: 1px solid #ccc;*/
    display:inline-block;
	/*background-color: gold;*/
	/*display:inline-block;*/
	width:98%;
	padding:3px 0px;
	margin:2px 0px;
	margin-top:3px;
	border-radius:5px;
	border:3px solid #dfdfdf;

}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	color: #888;
}
.countdown_row {
	/*clear: both;*/
	width: 98%;
	padding: 0px 2px;
	float:left;
	text-align: center;
	/*background:blue;*/
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 20.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	font-size: 10px;
	width:100%;
	float:left;
	text-align: center;
	/*background:violet;*/
}
.countdown_amount {
	font-size: 12px;
	/*background:red;*/
}
.countdown_descr {
	display: block;
	width: 100%;
	/*background:green;*/
}
.sep {
	display: block;
	float: left;
	font-size: 75%;
	font-weight:bold;
	width:5%;
	/*background: yellow;	*/
}


/*************************************************************************************
*
* SLIDER
*
*************************************************************************************/

.slider
{
	position:relative;
	width:100%;
	height:100%;
	background-color:transparent;
}
.slider_range
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background-color:green;
	opacity:0.5;
}
.handle_left
{
	position:absolute;
	left:30%;
	top:0;
}
.handle_right
{
	position:absolute;
	left:50%;
	top:0;
}
.handle_left, .handle_right
{
	width:2px;
	background-color:#000;
	height:100%;
	cursor:col-resize;
}