body 
{
   font-family: Verdana;
   font-size:12px;
   background-color:#fff;
}

h1 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
}

input:focus, textarea:focus{
    border:1px solid #008fdb
}

fieldset div{
                float:left;
}

.hint {
   	display: none;
    position: absolute;
    left: 600px;
    width: 200px;
    margin-top: -10px;
    border: 1px solid black;
    padding: 10px 12px;
    font-family:Verdana;
    font-size:10px;
    background-color:#008fdb;
	color: #fff;
}

form {
 margin: 0;
  padding: 10px;
  font-size: 100%;
  max-width: 100%;
  background-color:#fff;
  }

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}


.input, select, textarea {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 100%;
    color: #000000;
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}

.focused
{
    /*background-color:#efefef;
*/
    border:1px solid #008fdb;
}

input:focus, select:focus, textarea:focus {
    background: #fff; 
    border:1px solid #008fdb; 
    box-shadow: 0 0 3px #008fdb; 
}

*:focus {outline: none;}

.textarea {
  overflow: auto;
}




form div.formrow {
  clear: left;
  display: block;
  margin: 1px 0 0 0;
/*  padding: 1px 3px;
    */
    padding:5px; 
    border-bottom:0px;
    position:relative;
}
 
label {
    width:150px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}
input {
    height:20px; 
    padding:5px 8px;
    border-radius: 0px;
}
select {
    height:30px; 
    padding:5px 8px;
    border-radius: 0px;

}
textarea {padding:8px; width:300px;}
button {margin-left:156px;}
/*radiobuttons*/
input[type=radio] + label {
    width:150px;
    border-radius:0px;
    padding:10px;
    box-shadow: 0 0 15px gray; 
}
 
input[type=radio]:checked + label {
    color: white;
    background-color:#008fdb;
    box-shadow: 0 0 15px #008fdb; 
}
fieldset[data-role="controlgroup"] input[type=radio]{
    display:none;
}
input[type=radio]{
    margin-left:20px;
    height:20px;
    width:20px;
    box-shadow: 0 0 10px gray; 
}
input[type=radio]:checked{
    margin-left:20px;
    height:20px;
    width:20px;
    box-shadow: 0 0 15px blue; 
}

input[type=checkbox]{
    width:15px;
    height:15px;
}

/*checkboxes*/
input[type=checkbox][data-role=flipswitch] {
    width:200px;
}
input[type=range] {
    width:200px;
    height:30px;
}

input[type=checkbox][data-role=flipswitch]:checked + label:after {
    background-color: #008FDB;
    content: attr(data-on-text);
    color:white;
}
input[type=checkbox][data-role=flipswitch] + label:after {
    background-color:#fff;
    height:20px;
    width:100px;
    min-width:100px;
    padding:10px;
    border: 1px solid #008FDB;
    content: attr(data-off-text);
    border-radius:10px;
}

input[type=checkbox][data-role=flipswitch]  {
    display:none;
}

fieldset{
    padding:5px;
}

fieldset input,fieldset label {
    padding: 0px;
    margin: 0px;
    text-align:left;
}
form div fieldset {
  clear: none;
  margin: 0 0 0 0px;
  padding: 10px 10px 10px 0px;
  border: 0px solid black;
  border-radius:10px;
  min-height:30px;
}
form div>label {
  display: block;
  float: left;
  width: 100%;
  padding: 3px 10px 3px 0px;
  margin: 0 0 5px 0;
  text-align: left;
}


/*radio button labels*/
.rdlabel {
  display:inline;
  float:none;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}
.invalid
{
    background: url('https://news.ensto.com/images/invalid.png') no-repeat 99% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535;
}
.valid
{
    background: #fff url('https://news.ensto.com/images/valid.png') no-repeat 99% center;
    padding-right:20px;
}
.ui-btn {
    font-size: 16px;
    margin: .5em 0;
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border:0px;
    border-radius:0px;
    background-color: #008FDB;
    color:white;
    text-decoration:none;

}
.ui-btn:hover{
    opacity:0.8;
}
.ui-btn-inline {
    display: inline-block;
    vertical-align: middle;
}
.ui-icon-arrow-l
{
    padding-left:30px;
    background: #008FDB center;
}
.ui-icon-arrow-r
{
    padding-right:30px;
    background: #008FDB center;
}
.ui-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
}

/*
ui-btn-inline ui-shadow ui-corner-all ui-icon-arrow-r ui-btn-icon-left
*/