/*
orange #FFB131
blue: #141F51
*/

    ::-webkit-scrollbar
    {
      width: 5px;  /* for vertical scrollbars */
      height: 5px; /* for horizontal scrollbars */
	  border-radius:5px;
    }
    
    ::-webkit-scrollbar-track
    {
      background: rgba(0, 0, 0, 0.1);
    }
    
    ::-webkit-scrollbar-thumb
    {
      background: rgba(0, 0, 0, 0.5);
    }

body {
	/*background-color:#F4F2F2;*/
}
p,div,span,td,th,h1,h2,body,input,select
{
	color:#141F51;
	font-size: 14px;
	font-family: Muli,arial;
	-webkit-overflow-scrolling: touch;

}
.tablet {
	position:fixed;top:126px;bottom:0px;right:0px;left:0px;overflow:auto;margin:0px;padding:20px
}
.tablet_mobile {

}

th {
	padding-left: 2px;
	padding-right: 5px;
	text-align: left;
	font-size: 10pt;
	vertical-align: text-top;
}

h1 {
	font-size: 18px;
	color: #141F51;
	font-weight: bold;
	display: block;
}

h2 {
	font-weight: 900;
	text-shadow: 0 -1px whitesmoke;
	font-size: 16px;
	color: #141F51;
	border-radius: 5px 5px 5px 5px;
	margin: 0px;
}

h3 {
	margin: 0px;
}

a, a:hover, a:active {
	color: #141F51;
}

h4 {
	margin: 0px;
	letter-spacing: 2px;
}

input, select, textarea {
	border: 1px #ccc solid;
	border-radius: 5px;
	padding: 3px;
	background-color: whitesmoke;
}

input {
	border: 1px solid bottom;
}

	input.value::-ms-clear {
		display: none;
	}

button {
	/*border:1px solid gray;
	padding-top:2px;
	padding-bottom:2px;*/
	/*-webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/
}


.searchresult {
	cursor:pointer;
	border-radius:5px;
	padding:2px 5px;
}
.searchresult:hover {
	background-color:gainsboro;
}
.requestrow {cursor:pointer;border-bottom:1px solid gainsboro;}
.requestrow:hover {background-color:gainsboro}
.mainbody {margin:20px}

.listblock {
	border:1px solid #B2B6C3;border-radius:5px;display:inline-block;padding:10px;width:180px;height:180px;font-size:12px;margin-bottom:20px;color:gray;vertical-align:top
}
.largeorange {
	color: #FFB131;
	
}
.largeblue {
	color: #141F51;
	font-size: 16px;
	font-weight: bold
}
.progressbar {
	text-align: center;
	border: 1px solid gainsboro;
	border-radius: 5px;
	width: 150px;
	height: 23px;
	margin-top:2px;
	font-size: 16px;
	font-weight: bold
}
.menutip {
	background-color:#A1CDED;
	border: 1px solid navy;
	box-shadow:0px 0px  0px;
	border-radius:4px;
	border:1px solid #a5cbee;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:15px;
	text-decoration:none;
	margin-top:5px;
}

.menubutton,.anchorbutton {
	display: inline-block;
	color: white;
	text-decoration: none;
	margin-right: 20px;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}
.menubutton:hover,.anchorbutton {
	background-color: #488ECE;
	color: #ffffff;
}
.menutitle {
	color:white;
	text-transform:uppercase;
	margin-bottom:10px;
	margin-top:10px;
}
.submenulink {
	color:white;
	text-decoration:none;
	margin-left:20px;
	display:block;
	height:22px;
	padding: 5px 20px;
	width:260px
}
.submenulink:hover {
	background-color: #488ECE;
	color:white;
	background-image: url('images/forward_arrow.png');
	background-position: center right 5px;
	background-repeat: no-repeat;
}

/*.grid,.htab {border:0px}
.grid td,.htab td {border:0px;border-bottom:1px solid gainsboro;padding:5px}*/

.htab tr:hover {background-color:yellow}
.name,h3 {
	font-weight: bold;
	font-size: 14px
}
.exercisedescription * {color:gray;font-size:12px}
.namelarge {
	font-weight: bold;
	font-size: 16px;
	color: #141F51;
	text-decoration:none;
}
.managecycle {
	text-align:center;margin-top:10px
}
.managecycle:hover {
	color:#FFB131;cursor:pointer;
}
.addbutton, .addnew,.addbuttonsmall,.deletebutton {
	background-image:url('images/plus.png');
	background-repeat: no-repeat;
	border: 0px;
	background-color: transparent;
	padding: 0px;
	height: 26px;
	color: #141F51;
	padding-left: 30px;
	font-size: 16px;
	padding-right:30px;
	border:none;outline:none;cursor:pointer;
}
.deletebutton {background-image:url('images/delete.png');}
.listblock:hover {
	border-color:#FFB131;
}
.addbuttonsmall {font-size:14px}

.editbutton {
	background-repeat: no-repeat;
	cursor:pointer;
	background-image:url('images/edit.png');
	background-position: center right 5px;
	display:inline-block;
	padding-right:30px;
}

.addnew {
	background-image: url('images/plus.png');
}



table {
	border-collapse: collapse
}
.delete {
width:16px;
height:16px;
background-image:url('images/delete.png');
display:inline-block;
background-repeat:no-repeat;
}


#debugdiv
{display:block}

.mainheader
{
	display:none;
	font-family: Verdana;
    letter-spacing: 7px;
	background-color:gainsboro;
	font-weight:bold;
	font-size:10pt;
	padding:4px;
	padding-bottom:5px;
	padding-left:20px;
	margin-bottom:20px;
}

button {
	background-color:#488ECE;
	border:0px;
	padding: 12px 25px;
	color:white;
	font-weight:normal;
	font-size:13px;
}
.smallbutton {
	padding:3px 8px;
}
input[type=text], input:not(type),select {
	/*border: 0px;
	border-bottom: 1px solid #B2B6C3;*/
}
#timermaindiv_bak {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #141F51 5%, #0061a7 100%);
	background-color:#141F51;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
#timermaindiv {
	background-color:gray;
	color:white;
	padding:6px 24px;
}
p {margin:0px}







/*Radio buttons*/
.container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top:3px;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border:2px solid #FFB131;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FFB131;
}