@CHARSET "UTF-8";
#roaming_tariffs_dropdown_to_destination{
	width: 530px;
}

#uts_roaming_container div.btn_s{
	position: absolute;
	top: 39px;
	left: 497px;
}

#uts_roaming_container{
	width: 100%;
}

#uts_roaming_search_box{
	background: url("/sites/all/modules/custom/roamingtariffs/css/search_bg.jpg") no-repeat scroll 0 0 transparent;
	border-radius: 3px;
	/* background-color: #f2f6fa; */
	padding: 37px 0 0 24px;
	position: relative;
	width: 571px;
	height: 139px;
	margin-left:170px;
	

	
}
#uts_roaming_search_box_header{
	 color: white;
	 position:absolute;
	 top: 9px;
	 left: 26px;
	 font-size: 15px;
	 font-weight: bold;
}

.popular_destination_box{
	width:185px;
	border-radius: 11px;
	border: 1px solid #C6D9ED;
	float: left;
	margin:5px 3px;
	
	height: 134px;
		cursor: pointer;
}

/* unvisited link */

#divContent .popular_destination_box a:link, 
#divContent .popular_destination_box a:visited,
#divContent .popular_destination_box a:hover, 
#divContent .popular_destination_box a:active {
    text-decoration: none;
}

.popular_destination_box_header{
	border-radius: 10px 10px 0 0;
	height: 134px;
}

.popular_destination_box_logo{
	/*height:60px;*/
}

.popular_destination_box_content{
	padding: 10px 5px;
	position: relative;

}
td.popular_destination_box_table_header
{
font-size: 10px;
color: #0054A5;
font-weight: bold;
}

#uts_popular_destinations_container div.popular_destination_box table td, 
#uts_popular_destinations_container div.popular_destination_box table th{
	border: 0px; border-collapse: collapse;
	font-size: 10px;
	padding: 0px;
}

#uts_popular_destinations_container table tr td.popular_destination_box_table_value{
	border-bottom: 1px solid #C6D9ED;
}

#uts_popular_destinations_container a span.collection_item_extraText{
	background: none repeat scroll 0 0 #0054A5;
    bottom: 9px;
    color: #FFFFFF;
    left: 97px;
    line-height: 20px;
    padding-left: 4px;
    padding-right: 20px;
    position: absolute;
    display:block;
    
}

#uts_popular_destinations_container a:hover span.collection_item_extraText {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #D0D0D0;
    border-top: 1px solid #D0D0D0;
    color: #0054A5;
}
#uts_popular_destinations_container span.collection_item_extraText span.helper2 {
    background: url("/sites/all/themes/uts_theme/assets/buttons/more_right.png") no-repeat scroll 0 0 transparent;
    right: -13px;
    width: 13px;
    height: 20px;
    position: absolute;
    top: 0;
    display: block;
    line-height: 8px;
    z-index: 20;
}

#uts_popular_destinations_container a:hover span.collection_item_extraText span.helper1 {
    background: url("/sites/all/themes/uts_theme/assets/buttons/more_left_active.png") no-repeat scroll 0 0 transparent;
    height: 22px;
    left: -6px;
    top: -1px;
    width: 6px;
}

#uts_popular_destinations_container a:hover span.collection_item_extraText span.helper2 {
    background: url("/sites/all/themes/uts_theme/assets/buttons/more_right_active.png") no-repeat scroll 0 0 transparent;
    height: 22px;
    right: -14px;
    top: -1px;
    width: 14px;
    height: 20px;
    position: absolute;
}

#uts_popular_destinations_container span.collection_item_extraText span.helper1{	
background: url("/sites/all/themes/uts_theme/assets/buttons/more_left.png") no-repeat scroll 0 0 transparent;
    left: -5px;
    width: 5px;
    height: 20px;
    position: absolute;
    top: 0;
    display: block;
    line-height: 8px;
    z-index: 20;
}

#voice_roaming_container{
	width:100%;
	/* border-radius: 3px;
	border: 1px solid grey;
	padding:15px; */
}

#divContent #voice_roaming_container table th{
	text-align: center;
	border: 0px; border-collapse: collapse;
	font-weight:bold;
}

#divContent #voice_roaming_container table th.subHeader{
	font-weight:normal;
	font-weight: bold;
	color:black;
	vertical-align: top;
}

#divContent #voice_roaming_container .left_corner,
#divContent #data_roaming_container .left_corner{
	background: url("/sites/all/themes/uts_theme/assets/tbl_data/tableTitleLeft.png") no-repeat #0052a7;
	background-position: left;
}
#divContent #voice_roaming_container .right_corner,
#divContent #data_roaming_container .right_corner{
	background: url("/sites/all/themes/uts_theme/assets/tbl_data/tableTitleRight.png") no-repeat #0052a7;
	background-position: right;
}
#divContent #voice_roaming_container table th.subHeaderMakingCalls
{
background-color: #B8C8E2;
width: 60px;
}

#divContent #voice_roaming_container #roaming_to_home{
	width: 50px;
}

#divContent #voice_roaming_container #roaming_to_another_country{
	width: 50px;
}

#divContent #voice_roaming_container table th.subHeaderReceivingCalls
{
background-color: #D5E0F2;
width: 75px;
}

#divContent #voice_roaming_container table th.subHeaderSendingSMS
{
background-color: #ECF0F9;
width: 60px;
}

#divContent #voice_roaming_container table th.mikuenta_table_titles,
#divContent #data_roaming_container table th.mikuenta_table_titles
{
	background-color: #0052a7;
	color: #fff;
	height: 25px; 
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}
#divContent #voice_roaming_container #roaming_making_calls{
	text-align: center;
}

#divContent #voice_roaming_container table td{
	border: 0px; border-collapse: collapse;
	padding-left: 10px;
	}
	
#divContent #voice_roaming_container table td.splitter,#divContent #data_roaming_container table td.splitter
{
	border-left: 1px solid #EBEBEB;
	padding-left: 10px;
}

#voice_roaming_container table tr:nth-child(3) td, #data_roaming_container table tr:nth-child(2) td
{
	padding-top: 10px;
}
#voice_roaming_container table td:first-child, #data_roaming_container table td:first-child{
	font-weight:bold;
	padding-left: 10px;
}

#roaming_operator{
	width:80px;
}
#roaming_within_visiting_country{
	width:90px;
}
#roaming_to_home{
	width:75px;
}
#roaming_to_another_country{
	width:90px;
}
#data_roaming_container{
	/* border-radius: 3px;
	border: 1px solid grey; */
	width: 50%;
	/* padding: 15px; */
	margin-left: 30%;
}

#divContent #data_roaming_container table th{
	border: 0px; border-collapse: collapse;
	font-weight:bold;
}
#divContent #data_roaming_container table td{
	border: 0px; border-collapse: collapse;
	padding-left: 10px;
	}
	
#divContent #data_roaming_container #operator_header{
	 width: 125px;
}

#divContent #data_roaming_container #data_header{
	
}
	
#uts_popular_destinations_container{
	height:350px;
}

#popular_destination_roaming_notes{
	clear: both;
	padding-top: 30px;
}

#uts_roaming_search_box a {
    color: #0054A5;
}
#uts_roaming_search_box a:HOVER {
   text-decoration: underline;
}

#uts_popular_destinations_container h1, #uts_roaming_rates_container h1{
	margin-top: 5px;
	font-size: 16px;
	font-weight: bold;
}

#uts_roaming_table_wrapper_customer{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DCE8F8;
}

#divContent #voice_roaming_container table th + th,#divContent #data_roaming_container table th + th {
	text-align: left;
	padding-left: 10px;
}

#roaming_tariffs_dropdown_to_destination{
	height:40px;
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
}

/* liScroll styles */

.tickercontainer {
  background: none repeat scroll 0 0 #fff;
  border-bottom: 1px solid #dce8f8;
  height: 30px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 99%;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 750px;
list-style-type: none;
margin: 0;
padding: 0;

}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0 30px 0;
padding: 0;
background: #fff;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
