﻿/*
	 Tabs
	 ref  http://css-tricks.com
*/

* 
{ margin: 0; padding: 0; }

body { font: 16px Arial, sans-serif; } 
#wrapper {
    width: 900px;
    margin: 0 auto;
	color: red;
}
html { overflow-y: scroll; }

a { text-decoration: none; }

a:focus { outline: 0; }
p { font-size: 16px; margin: 0 0 16px 0; }

#page-wrap { width: 920px; margin: 10px auto; }

k0 { font: 10px Arial; color: black; text-align: left; margin: 0 0 10px 0; }

k1 { font: 20px Serif; color: red; text-align: center; margin: 0 0 20px 0; }

k2 { font: 14px Verdana; color: black; text-align: left; font-weight: bold; margin: 0 0 10px 0; }

k3 { font: 14px Arial; color: #030658; text-align: left;  font-weight: bold;  font-style: italic; margin: 0 0 10px 0; }

k4 { font-size: 16px; font-style: Arial; color: #000080; text-align: left; font-weight: bold; margin: 0 0 16px 0; }

k5 { font: 11px Arial; color: #black; text-align: left;  font-weight: bold;  margin: 0 0 9px 0; }

k6 { font:  11px Arial; color: #black; text-align: left; margin: 0 0 9px 0; }
k7 { font:  11px Arial;  color: #black; text-align: left;  margin: 0 0 9px 0; }
k12 {  font: 18px Arial; color: #black; text-align: left; font-weight: bold; margin: 0 0 18px 0;  }
k9 { font: 12px Arial; color: grey; text-align: left; font-weight: normal; margin: 0 0 10px 0; }
k10 { font: 9px Arial; color: red; text-align: left; font-weight: normal; margin: 0 0 10px 0; }
h3 {	 font-family: Arial;	font-size: 20px; font-style: normal; font-variant: normal;	font-weight: 200; line-height: 30px; color: #800000;	}
h4 { font-family: Times New Roman; 	font-size: 30px; 	font-style: normal; font-variant: small-caps; font-weight: 500; line-height: 30px;	color: black; }

	

/*
<a type="button" class="btn btn-blue" href="http://playmapp.co.uk/south-west/devon/north-devon/fremington-outdoor-gym/">View more</a>
*/
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: normal;
  line-height: .9;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}


.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #000;
  background-color: #5bc0de;
  border-color: black;
  padding: 3px 6px;
  margin-bottom: 0;
  font-size: 8px;
  font-weight: normal;
  line-height: 1.42857143;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: black;
}
.btn-link:hover,
.btn-link:focus {
  color: sienna;
  text-decoration: bold;
  background-color: bisque;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}



.btn-blue {
  font-weight: normal;
  color: black; /* font color inside unfocussed button */
  border-radius: 10;
   border-color: black;
}
.btn-blue,
.btn-blue:active,
.btn-blue.active,
.btn-blue[disabled],
fieldset[disabled] .btn-blue {
  background-color: #dcdcdc; /* background color unfocussed */
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-blue,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
  border-color: #dcdcdc; /* border color unfocussed */
}
.btn-blue:hover,
.btn-blue:focus {
  color: white;/* font color focussed */
  text-decoration: normal;
  background-color: #a9a9a9; /* border color focussed */
}
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus {
  color: yellow;
  text-decoration: none;
}
#wrapper {
    width: 1050px;
    margin: 0 auto;
}
#header {
    width: 900px;
    margin: 0 auto;
}

.btn-header,
.btn-header:hover,
.btn-header:focus,
.btn-header:active {
	color: #000080;
	font: Arial ;
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
  border-color: transparent;
  text-align: left;
}
.btn-header:hover,
.btn-header:focus {
  color: black;
  font: Arial ;
  font-size: 16px;
  text-decoration: none;
  background-color: ivory;
  border-color: red;
}
.btn-header[disabled]:hover,
fieldset[disabled] .btn-header:hover,
.btn-header[disabled]:focus,
fieldset[disabled] .btn-header:focus {
  color: #777;
  text-decoration: none;
}



.btn-red {
  font-weight: normal;
  color: red; /* font color inside unfocussed button */
  border-radius: 10;
   border-color: black;
}
.btn-red,
.btn-red:active,
.btn-red.active,
.btn-red[disabled],
fieldset[disabled] .btn-red {
  background-color: #dcdcdc; /* background color unfocussed */
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-red,
.btn-red:hover,
.btn-red:focus,
.btn-red:active {
  border-color: #dcdcdc; /* border color unfocussed */
}
.btn-red:hover,
.btn-red:focus {
  color: black;/* font color focussed */
  text-decoration: bold;
  background-color: red; /*  color focussed */
}
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus {
  color: yellow;
  text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
/*Generic Utility */

.hide { position: absolute; top: -9999px; left: -9999px; }


/*Specific to ogx-mp */


#ogx-mp { background: #eee; padding: 5px; margin: 0 0 5px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }


#ogx-mp .nav { overflow: hidden; margin: 0 0 5px 0; }

#ogx-mp .nav li { width: 100px; float: left; margin: 0 70px 0 0; }

#ogx-mp .nav li.last { margin-right: 0; }

#ogx-mp .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }

#ogx-mp .nav li a:hover { background-color: #111; }


#ogx-mp ul { list-style: none; }

#ogx-mp ul li a { display: block; border-bottom: 1px solid #666; padding: 1px; color: #666; }

#ogx-mp ul li a:hover { background: #fe4902; color: white; }

#ogx-mp ul li:last-child a { border: none; }


#ogx-mp ul li.nav-one a.current, #ogx-mp ul.mp1 li a:hover { background-color: #0575f4; color: white; }

#ogx-mp ul li.nav-two a.current, #ogx-mp ul.mp2 li a:hover { background-color: #d30000; color: white; }

#ogx-mp ul li.nav-three a.current, #ogx-mp ul.actions li a:hover { background-color: #8d01b0; color: white; }

#ogx-mp ul li.nav-four a.current, #ogx-mp ul.comments li a:hover { background-color: #FE4902; color: white; }

#ogx-mp ul li.nav-five a.current, #ogx-mp ul.notes li a:hover { background-color: #0675f4; color: white; }

#ogx-mp ul li.nav-six a.current, #ogx-mp ul.contacts li a:hover { background-color: #a30000; color: white; }

#ogx-mp ul li.nav-seven a.current, #ogx-mp ul.dividends li a:hover { background-color: #4d01b0; color: white; }

#ogx-mp ul li.nav-eigth a.current, #ogx-mp ul.add li a:hover { background-color: #0675f4;  color: white; }

#ogx-mp ul li.nav-nine a.current, #ogx-mp ul.add li a:hover { background-color: #AE4902; color: white; }




/*
  Scroll bars inside mainpage table */
#table-wrapper-mp {position:relative; }
#table-scroll-mp {height:430px;  overflow:auto; margin-top:5px; }
#table-wrapper-mp table { width:100%; }
#table-wrapper-mp table thead th .text {  position:absolute;     top:-20px;  z-index:2;  height:20px;  width:35%;  border:1px solid red; }
/* 

/*Specific to ogx-mp-int */


#ogx_mp-int { background: #eee; padding: 5px; margin: 0 0 5px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }


#ogx_mp-int .nav { overflow: hidden; margin: 0 0 5px 0; }

#ogx_mp-int .nav li { width: 90px; float: left; margin: 0 10px 0 0; }

#ogx_mp-int .nav li.last { margin-right: 0; }

#ogx_mp-int .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }

#ogx_mp-int .nav li a:hover { background-color: #111; }


#ogx_mp-int ul { list-style: none; }

#ogx_mp-int ul li a { display: block; border-bottom: 1px solid #666; padding: 1px; color: #666; }

#ogx_mp-int ul li a:hover { background: #fe4902; color: white; }

#ogx_mp-int ul li:last-child a { border: none; }


#ogx_mp-int ul li.nav-one a.current, #ogx_mp-int ul.mp1 li a:hover { background-color: #0575f4; color: white; }

#ogx_mp-int ul li.nav-two a.current, #ogx_mp-int ul.mp2 li a:hover { background-color: #d30000; color: white; }

#ogx_mp-int ul li.nav-three a.current, #ogx_mp-int ul.actions li a:hover { background-color: #8d01b0; color: white; }

#ogx_mp-int ul li.nav-four a.current, #ogx_mp-int ul.comments li a:hover { background-color: #FE4902; color: white; }

#ogx_mp-int ul li.nav-five a.current, #ogx_mp-int ul.notes li a:hover { background-color: #0675f4; color: white; }

#ogx_mp-int ul li.nav-six a.current, #ogx_mp-int ul.contacts li a:hover { background-color: #a30000; color: white; }

#ogx_mp-int ul li.nav-seven a.current, #ogx_mp-int ul.dividends li a:hover { background-color: #4d01b0; color: white; }

#ogx_mp-int ul li.nav-eigth a.current, #ogx_mp-int ul.add li a:hover { background-color: #0675f4;  color: white; }

#ogx_mp-int ul li.nav-nine a.current, #ogx_mp-int ul.add li a:hover { background-color: #AE4902; color: white; }

/* COMMENTS */
#comment_table th {
	font-weight: bold;
	padding: 10px 0 20px 0;
}
#comment_table .th_column_1 {
	width: 150px;
}
#comment_table .th_column_2 {
	width: 200px;
}
#comment_table .th_column_3 {
	width: 600px;
}

#comment_table td {
	font-size: .9em;
	line-height: 1.25em;
	padding: 10px 0;
}
#comment_table .td_column_1 {
	text-align: center;
}
#comment_table .td_column_1 a {
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px;
}
#comment_table .td_column_4 {
	text-align: center;
}