* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
body {
	background-color: #FFFFFF;
	min-width:750px;
	text-align:center;
	color: #444444;
	line-height: 16px;

}
h1 {
	font-size: 16px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom:5px;
}
h2 {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	line-height: 15px;
}
a, a:active, a:visited {
	text-decoration: none;
	color: #0066ff;
}
a:hover {
	text-decoration: underline;
	color: #0066ff;
}
a.under{
	text-decoration: underline;
}



/*see on tabel, mille taustavärv jääb kõigi muude tabelite lahtrite vahelt piirjoontena paistma*/
table.peatabel{
	background-color: #E6E6E6;
	border: 1px solid #DFDFDF;
	width: 100%;
	margin-bottom: 1px;
	margin-left: 1px;
	overflow: hidden;
	float: left;
	margin-top:opx;
}

.red, .red a {color:#FF0000;}
.boldAndRed {
	font-weight: bold;
  color: #FF0000;
}

a.tase, a.tase:active, a.tase:visited {
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 3px 10px;
	/*width: 120px;*/
	text-align: center;
	color: #FFFFFF;
	background: #0B7DFA no-repeat right top;
	border-right: 1px solid #0B7DFA;
	font-size: 10px;
}
a.taseok, a.taseok:active, a.taseok:visited {
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 3px 10px;
	/*width: 120px;*/
	text-align: center;
	color: #FFFFFF;
	background: #BABABA no-repeat right top;
	font-size: 10px;
}
a.tase:hover, a.taseok:hover {
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 3px 10px;
	/*width: 120px;*/
	color: #FFFFFF;
	background: #999999 no-repeat right top;
	font-size: 10px;
}



/*kolmastase on roamingipartneri alammenüü kuvamiseks*/
a.kolmastase, a.kolmastase:active, a.kolmastase:visited {
	display: block;
	padding-top: 0px;
	padding-bottom: 3px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	line-height: 12px;
	color: #0066FF;
}
a.kolmastaseok, a.kolmastaseok:visited, a.kolmastaseok:active {
	display: block;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #000000;
	font-size: 10px;
	line-height: 12px;
}
a.kolmastase:hover, a.kolmastaseok:hover {
	display: block;
	text-decoration: underline;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #0066FF;
	font-size: 10px;
	line-height: 12px;
}


/*kogu sisu selles kastis*/
#content {
	text-align: left;
	width: 1300px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
}
/*kasutajanimi ja lahku link*/
#kasutaja{
	float: right;
	top: 68px;
	font-variant: small-caps;
	padding: 15px;
	margin-top: -40px;
	*margin-top: -52px;
	width: 400px;
	background-position: bottom;
}
/*headeri hall kast*/
#hallkastvalgega {
	width: 730;
	height: 60px;
	padding: 5px 10px;
	overflow: hidden;
	background-color: #BABABA;
	color: #FFFFFF;
	font-weight: lighter;
	font-size: 14px;
	margin-top:opx;
}
/*
#menuyks on tööde menüü taust
    * Roaming
    * IREG
    * TADIG
*/
#menuyks {
	width: 100%;
	background-color: #0B7DFA;
	/*margin-left: 2px;
	margin-bottom: 4px;		kasp*/
	overflow:hidden;
}
#menuyksvasak {
	width: 100%;
	float: left;
	margin-left: 0px;
	overflow:hidden;
}
#menuyksvasak ul {
	margin:0;
	padding: 0;
	list-style:none;
}
#menuyksvasak li {
	float:left;
	margin:-1px;
	padding:0;
	border-top: none;
	border-bottom: none;
}
#menuyksparem {
	width: 200px;
	float: right;
	margin-right: -2px;
}
#menuyksparem ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
#frontcontentkaks {
	width: 100%;
	padding: 5px 0px 10px 0px;
	float:left;
	margin-left: 8px;
}
#frontcontentkaksinside {
	width: 100%;
	padding-top: 5px;
	float:right;
	overflow: hidden;
}

#frontcontent {
	background-image: url(bakk_front_hall.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#insidecontent {
	background-image: url(bakk_menu_dot.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 5px;
}
div.footer {
	text-align: center;
	margin: 30px;
	color: #E2E2E2;
}

.triipsuur {
	height: 3px;
	background-repeat: no-repeat;
}
.headermenyynimi {
	width: 150px;
	float:left;
	font-family: Verdana, Arial, sans-serif;
	font-weight: lighter;
	font-size: 24px;
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 28px;
}
.pealkiri  {
	width: 100%;
	height: 15px;
	padding: 5px;
	overflow: hidden;
	background-color: #ffffff;
	float: left;
	font-weight: bolder;
	font-size: 14px;
	margin-bottom: 1px;
	margin-left: -1px;
}
.valgelink{
	color: #FFFFFF;
}
a.valgelink{
	color: #FFFFFF;
}
a.valgelink:hover{
	color: #FFFFFF;
}
a.valgelink:visited{
	color: #FFFFFF;
}
a.valgelink:active{
	color: #FFFFFF;
}
.headerotsing {
	float: right;
	text-align: right;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 4px;
}
.puhastustuli {
	clear: both;
}
.sinine {
	color: #0B7DFA;
}
.tugev {
	font-weight: bold;
}
table.tabel td {
	border-bottom: 1px solid #7B7B7B;
}
.hall {
	color: #818080;
}
.v2ike {
	font-size: 10px;
}
.seitsepikslit {
	margin-bottom: 5px;
}
.keskel {
	vertical-align: middle;
}
.samm {
	margin-top: 7px;
}
.sammkaks {
	margin-top: 2px;
}

.viisylevalt {
	padding-top: 5px;
}
.headertriip {
	color: #666666;
}
*.pisike *{
	font-size: 10px!important;
	line-height:13px;
}
.pisike {
	font-size: 10px!important;
	line-height:13px;
}
*.pisike a {
	color: #000000;
}
.reavahe {
	line-height:13px;
}
.kaksteist {
	font-size: 12px!important;
}

/*maailma ajavööndid (valitud viis) avanevad selle järgi*/
#kellad {

	text-align: left;
	float: right;
	background-color:#EBEBEB;
	position: absolute;
	top:50px;
	right: 70px;
	width:700px;
	border:1px solid #cccccc;}

/*ikooni asukoha täpsustamine*/
#kellake{
margin-bottom:-4px;
}
div.errors {
    background:red;
    color:white;
    padding: 2px;
}

div.warningMessages {
	background: #fcf400;
	color:black;
	padding: 2px;
}

div.infoMessages {
	background: green;
	color:white;
	padding: 2px;
}

div.errors ul, div.warningMessages ul, div.infoMessages ul {
    padding: 2px;
    margin: 4px 6px 4px 22px;
}

div.warningMessages ul, div.infoMessages ul {
	list-style-type: none;
	margin: 4px 6px 4px 5px;
}


div.messages {
    background:#00C000;
    color:white;
    padding: 2px;
}

div.messages ul {
    padding: 2px;
    margin: 4px 6px 4px 22px;
}

div.exception_messages {
    padding: 2px;
}

div.exception_messages ul {
    padding: 2px;
    margin: 4px 6px 4px 22px;
}


img.btn_calendar {
    cursor: hand;
}

form {
    padding: 0px;
    margin: 0px;
}

xmp {
  border: 1px solid #CCCCCC;
  background-color: #F8F8F8;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 4px 4px 4px 4px;
  font-family: Courier New, fixed;
}

table.jobs {
	width: 100%;
	border: 0px;
	padding: 0px;
	border-spacing: 3px;
}
table.jobs td {
	padding: 0px;
	vertical-align: middle;
	background-color: #F1F3F8;
}

table.jobs td.footer {
	background-color: #EBEBEB;
}

table.jobs tr {
	background-color: #F1F3F8;
}

table.jobs tr.heading {
	bordercolor: #999999;
	background-color: #0B7DFA;
	color: white;
}

.nowrap {
	white-space: nowrap
}

div.panekinni{

width:70px;
position:absolute;

height:15px;
cursor:pointer;
	float: right;
	text-align:right;
	top:0;
	right:5px;
	/*background-image: url(img/16/Exit_h.png);*/
	background-repeat: no-repeat;
	background-position: right top;

}

.red, .red a {
	color: #FF0000;
}

#logo {
	background-image:url(../images/YouRoamLogo.gif);
	background-position:right top;
	background-repeat:no-repeat;
	float:right;
	height:100px;
	margin-right:-10px;
	margin-top:-70px;
	*margin-top:-75px;/*ie7 jaoks*/
	width:259px;
	z-index:999;
}

.addressField {
	width: 240px;
}

span.sim2task{
	background:#D3D3D3;
	margin: 5px 0 5px 5px ;
	padding:5px;
	display:inline-block}

table.sim2task{
	width:100%;
}
table.sim2task tr{
	background:#CCC;
}
table.sim2task tr td{
	padding:3px;
}

div.tabs
	{
		position:relative;
		z-index:50
		}

div.tabs span {

	position:relative;

	border:1px solid gray;

	border-bottom:none;

	padding:3px 10px;

	margin:8px 5px -1px 0px;

	display:inline-block;

	}



div.tabs span.active

	{

		background-color:#BABABA;

	}

div.tabs span.active a

	{

		color:#fff;

		font-weight:bold;

	}

div.tabs span a:hover

	{

		text-decoration:none;

	}

	/*end of tabs*/

.flr{ float:right}

.fll{ float:left}





span.sim2task{

background:#D3D3D3;

margin: 5px 0 5px 5px ;

padding:5px;

display:inline-block}



table.sim2task{

	width:100%;

	}

table.sim2task tr{

	background:#CCC;

	}

table.sim2task tr td{

	padding:3px;

	}

pre {
	overflow: hidden; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	width: 710px;
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
span.grayBoxObject {
	background:#D3D3D3;
	margin: 5px 0 5px 5px ;
	padding:5px;
	display:inline-block
}
table.grayBoxObject {
	width:100%;
}
table.grayBoxObject t {
	background:#CCC;
}
table.grayBoxObject tr td {
	padding:3px;
}
div.ok {
    background:#B1D192;
    color:white;
    padding: 2px;
	cursor:pointer;
}

div.ok ul {
    padding: 2px;
    margin: 4px 6px 4px 22px;
}
.robiga{display:inline-block; margin-top:-15px; margin-left:5px;}
.white{ color:#FFF; text-decoration:none}

.hall {
	color: #818080;
	background-color: #E6E6E6;
}

.tabBar {
	background-color: rgb(186, 186, 186);
	height: 20px;
	padding: 5px;
	border: 1px solid rgb(153, 153, 153);
	border-bottom:none;
	*height: 35px;
    font-weight: bold;
    color: #FFFFFF
}
.bottomBar {
	border-bottom:1px solid;
	border-top:none;
}

#tab-currentRates.active, #tabContent-CurrentRates .tabBar {
	background-color:#3C3!important;
}
#tab-futureRates.active, #tabContent-futureRates .tabBar  {
	background-color:orange!important;}
.valge {
	color: #FFFFFF;
}
.h50 {
	height:50px;
}
.importRates {
	padding-left:20px
}
.w200 {
	width:200px;
}
.pl50 {
	padding-left:50px
}
.editable {
	display:none;
}
.notification {
    display: none;
    left: 0px;
    position: fixed;
    cursor: pointer;
    width: 100%;
    color: white;
    font-weight: bold;
    text-align: center;
    border-top: 2px solid #FFF;
    z-index:9999;
}
#topError {
	background: red;
}
#topInfo {
	background: green;
}
#topWarning {
	background: #FFD000;
	color: black;
}
#topError {
	background: red;
}
.stateNew {
	color:#00D600;
}
.stateOld {
	color:red;
	text-decoration: line-through;
}
button.minimal {
	background: #e3e3e3;
	border: 1px solid #bbb;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #333;
	padding: 5px 10px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
}
button.minimal:hover {
	background: #d9d9d9;
	-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
	box-shadow: inset 0 0 1px 1px #eaeaea;
	color: #222;
	cursor: pointer;
}
button.selected {
	background: #BFCEEF;
	-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
	box-shadow: inset 0 0 1px 1px #e3e3e3;
	color: #000;
}
div.warnings {
	background-color:yellow;
    padding: 0px;
}

div.warnings ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
select.uniformWidth {
	width: 136px;
}
.ie10 select.uniformWidth {
	width: 131px;
}
.chrome select.uniformWidth {
	width: 140px;
	margin-right: 7px;
}
.upload-drop-zone {
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
}

/* skin.css Style*/
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}
a.inactive {
	color: black;
	text-decoration: none;
}

.blue {
    color: #0B7DFA;
}

.boxBorder {
    border: 1px solid black;
}

.center {
    text-align: center;
}

.diffStateNew {
    color: limegreen;
}

.diffStateNewOutline {
    outline: 1px solid limegreen;
}

.diffStateOld {
    color: red;
    text-decoration: line-through;
}
tr.diffStateOldCheckbox > td, tr.diffStateOldCheckbox > th, .diffStateOldCell {
	background-color: #ffe2e2;
}

tr.diffStateNewCheckbox > td, tr.diffStateNewCheckbox > th, .diffStateNewCell {
	background-color: #dfffe9;
}

.diffStateOldOutline {
    outline: 1px solid red;
}

.errorMessage {
    border: 3px solid red;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
		color: white;
		background-color: red;
}

.fontSizedMaxWidth {
    max-width: 1em;
}

.fullWidth {
    width: 100%
}

.halfWidth {
    width: 50%;
}

.hidden {
    display: none;
}

.largeHeading {
    font-size: 20px;
    font-weight: bold;
    margin: 10px;
    text-align: center;
}

.left {
    text-align: left;
}

.mediumHeading {
    font-size: 15px;
    font-weight: bold;
    margin: 6px;
    text-align: center;
}

.outerTableBorder {
    border: 5px solid grey;
}

.right {
    text-align: right;
}

.simCardRowDeactivated {
    color: #bcbcbc;
}

.spacer {
    height: 5px;
}

.tableBackgroundColor {
    background-color: #F1F3F8;
}

.tableHighlightedColor {
    background-color: #9AA5B7;
}

.tableDisabledColor {
	background-color: #cccccc;
	color: white;
}

.tdWrapText {
    word-wrap: break-word;
}

.width15Percent {
    width: 15%;
}
.width30Percent {
	width: 30%;
}
.peatabel.tabbed {
	border:1px solid #999;
	padding:5px;
	margin-left: 0px !important;
}

.big {
	font-size: 12pt;
}

.width50Percent {
	width: 50%;
}

.bulkUpdateCommentHeader {
	font-weight: bold;
	color: #0B7DFA;
	display: inline-block;
	width: 50px;
}

.bulkUpdateCommentSection {
	display: inline-block;
	width:100%
}

.black {
	color:black;
}

.dropdown {
	position: relative;
	display: inline-block;
	color: #0066ff;
	cursor: pointer;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 0px;
	z-index: 1;
	left: -75px;
}

.dropdown-content > div.dropdown-item {
	color: #0066ff;
	cursor: pointer;
	padding: 4px 4px;
}

.dropdown-content > div.dropdown-item:hover {
	background-color: #F1F3F8;
}

.dropdown:hover .dropdown-content {
	display: block;
}
.width30Percent {
	width: 30%;
}
.secondaryCountries {
	float: right;
	webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	padding-left: 5px;
	border-left: 1px dotted black;
}

table.testers {
	width:100%;
}
table.testers tr:nth-child(odd) {
	background: #F1F3F8;
}
table.testers tr td {
	padding:3px;
}

table.testers tr td a {
	color: #0066ff !important;
}

span.testerChanged {
	color: green;
}

input.wholeLength {
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}

table.mobileum-result {
	width: 100%;
	border: 1px solid #DFDFDF;
	background-color: #E6E6E6;
}

table.mobileum-result td, table.mobileum-result th {
	background-color: #F1F3F8;
}

table.mobileum-result tr:nth-child(even) > td {
	background-color: #e9f0fc;
}

table.mobileum-result td.newValue {
	color: green;
}
.operatorGroupRemove {
	float: right;
	color: red;
	font-weight: 300;
	padding-left: 5px;
	cursor: pointer;
}

.green {
	color: green;
}
table.operatorGroupsTable {
	width:100%;
}
table.operatorGroupsTable tr {
	background: #F1F3F8;
}
table.operatorGroupsTable tr td {
	padding:3px;
}

table.operatorGroupsTable tr td a {
	color: #0066ff !important;
}

.selectGroupsContent {
	border:1px solid #999;
	padding:5px;
	height:300px;
	overflow:auto;
}

#selectedGroups, #selectedGroupsInModal {
	float: left !important;
	border: none;
}

#selectedGroupsInModal {
	column-count: 3;
}


#groupFilter, #selectedGroupsInModal {
	margin-bottom: 10px;
}

#selectedGroups {
	margin-top: 10px;
	column-count: 1;
}

.selectGroupsFrontpage {
	width: 185px;
	display: flex;
}

.selectGroupsFrontpage > span {
	padding-right: 5px;
}
.operatorGroupRemoved {
	color: darkgrey;
}
.selectedGroupsColumn > #selectedGroups {
	margin-top: 5px;
	column-count: 1;
	float: none !important;
}

.selectedGroupsColumn > #selectedGroups > .operatorGroup {
	text-align: left;
}
.frontpageOperatorGroupSelect {
	padding-left: 5px;
	text-align: left;
}
.invisibleTable {
	border-spacing: 0px;
}