/* ------------------------------------
---- Main stylesheet for all media ----
---- Original Author: George Young ----
----   Creation Date: 19/11/2007   ----
----    Webexpectations.com Ltd    ----
-------------------------------------*/


/* ---------------------
---- Default Styles ----
--------------------- */
body {
  margin:0;
  padding:0;
  text-align:center;
  font:normal 70% Arial,Helvetica,sans-serif;
  color:#788;
  background:#eee url('/_images/back-body.gif') repeat-x top;
}

/* - Link Styles - */
a {
  min-height:1%;
  text-decoration:none;
  color:#0ae;
  cursor:pointer;
}
a:hover {
  text-decoration:underline;
}
a * {
  cursor:pointer;
}

/* - Heading Styles - */
h1 {
  padding:3px 0 0 0;
  margin:0 0 0.5em 0;
  font-size:2.2em;
  letter-spacing:-2px;
  color:#ff6600;
}
h2 {
  margin:0 0 0.4em 0;
  font-size:1.4em;
  color:#ff6600;
}
h3 {
  margin:0 0 0.3em 0;
  font-size:1.1em;
}
h4,
h5,
h6 {
  margin:0;
  font-size:1em;
}

/* - Paragraph Styles - */
p {
  margin:0 0 1em 0;
  font-size:1.2em;
  line-height:1.3em;
}
em {
  font-style:normal;
  font-weight:normal;
}

/* - List Styles - */
ul {
  margin:0 0 1em 20px;
  padding:0;
}
ul.links {
  margin-left:0;
  margin-bottom:4px;
  list-style:none;
}
ul.links li {
  padding:0 0 0 15px;
  background:url('/_images/back-links.gif') no-repeat 5px 0.3em;
}

/* - Image Styles - */
img {
  border:0;
}

/* - Form Styles - */
form {
  margin:0;
  line-height:1.2em;
}
input,select,textarea {
  font:normal 1em Arial,Helvetica,sans-serif;
  border:1px solid #7f9db9;
}
input.text {
  border:1px solid #7f9db9;
}
input.button {
  width:auto;
  padding:1px 4px;
  overflow:visible;
}
div.row {
  clear:both;
  margin:2px 0;
}
div.row .label {
  float:left;
  width:40%;
  padding:3px 0 0 0;
}
div.row .error {
  color:#f00;
  margin:0 0 5px 0;
}

/* - Common Shared Styles - */
.floatleft {
  float:left;
}
.floatright {
  float:right;
}
.clearleft {
  clear:left;
}
.clearright {
  clear:right;
}
.clearboth {
  clear:both;
}
.textleft {
  text-align:left;
}
.textright {
  text-align:right;
}
.textcenter {
  text-align:center;
}

.highlighted
{
  background: #eee;
}

/* ------------------
---- Page Layout ----
------------------ */
div#holder {
  width:779px;
  margin:0 auto;
  text-align:left;
  background:#fff url('/_images/back-holder.gif') no-repeat top;
}

/* --------------------
---- Header Styles ----
-------------------- */
div#header {
  min-height:1%;
  margin:0 11px;
  padding:0 10px;
  border-top:1px solid #ddd;
}
* html div#header {
  height:1%;
}
div#header:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
a#logo img {
  float:left;
  margin: 7px 0 10px 0;
}
div#contactinfo {
  float:right;
  text-align:right;
  padding:15px 0;
  line-height:1.3em;
  font-size:1.1em;
  font-weight:bold;
}
ul#navbar {
  clear:both;
  min-height:1%;
  margin:0;
  padding:0;
  list-style:none;
  background:#f2f0f1 url('/_images/back-navbar.gif') repeat-x top;
  border:1px solid #eee;
  /*background:#9feef8 url('/_images/back-navbar.gif') repeat-x top; --- Blue style nav ---
  border:1px solid #80d7de;*/
}
* html ul#navbar {
  height:1%;
}
ul#navbar:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
ul#navbar li {
  position:relative;
  float:left;
  margin:7px 0 0 0;
  padding:0 12px 7px 13px;
  background:url('/_images/back-navbar-li.gif') no-repeat left;
}
ul#navbar li.first {
  padding-left:12px;
  background:none;
}
ul#navbar li a {
  float:left;
  padding:2px 0;
  font-size:1.1em;
  color:#777;
}
ul#navbar li.selected a {
  padding-bottom:0;
  border-bottom:2px solid #666;
}
ul#navbar li ul {
  display:none;
  position:absolute;
  left:0;
  top:1.3em;
  width:160px;
  margin:11px 0 0 0;
  padding:0 0 8px 0;
  list-style:none;
  background:#fff url('/_images/back-menu.gif') repeat-y -4px 0;
  border:1px solid #dfdfdf;
  /*border:1px solid #80d7de;*/
  border-top:0;
}
ul#navbar li:hover ul,
ul#navbar li.over ul {
  display:block;
}
ul#navbar li ul li,
ul#navbar li.first ul li,
ul#navbar li ul li.first {
  float:none;
  margin:0 6px 0 0;
  padding:0 0 1px 0;
  background:url('/_images/back-navmenu-li.gif') no-repeat 7px bottom;
}
ul#navbar li ul li.final {
  border-bottom:8px solid #fff;
}
ul#navbar li.selected ul li a,
ul#navbar li ul li a {
  display:block;
  float:none;
  padding:6px 6px 6px 12px;
  color:#0ae;
  border:0;
}
ul#navbar li ul li.selected a {
  padding-left:6px;
  color:#666;
  border-left:5px solid #666;
}

/* -----------------------
---- Main Area Styles ----
----------------------- */
div#main {
  min-height:600px;
  margin:0 21px;
  padding:6px 0;
  border-bottom:1px solid #ddd;
}
* html div#main {
  height:600px;
}
div#main:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#banner {
  margin:0 0 10px 0;
}
div#banner img {
  display:block;
}

/* - Homepage Styles - */
div#home {
  float:left;
  padding-bottom:8px;
  width:469px;
}
div#home p,
div#home ul {
  margin-bottom:0.6em;
}
div.promoSmall {
  float:right;
  width:243px;
 /* background:url('/_images/back-promo-small.gif') repeat-y left center; color:#fff;*/
  
}
div.promoSmall div.center {
  padding:0 11px;
}
div.promoSmall div.center p {
  margin:0 0 0.6em 0;
  font-size:12px;
}
div.promoSmall div.center p strong {
  font-weight:bold;
  font-size:14px;
}
div.promoSmall div.center h4 {
  color:#0022ba;
  font-size:16px;
  margin:0 0 4px 0;
  font-weight:bold;
}
div.promoSmall div.center p span {
  color:#000;
  font-size:14px;
  font-weight:bold;
}
div.promoSmall div.center ul {
  margin:0;
  padding:0;
}
div.promoSmall div.center ul li {
  margin:0;
  padding:0;
  list-style:none;
}
div.promoSmall div.top {
  background:url('/_images/top-promo-small.gif') no-repeat left top;
  height:12px;
}
div.promoSmall div.bottom {
  background:url('/_images/bottom-promo-small.gif') no-repeat left bottom;
  height:12px;
}



/* --------------------
---- CHRIS ANFANG ----
-------------------- */

td.promoSmall_top { 
  color: #fff;
  font-size:13px;
  font-weight: normal;
  padding-bottom: 0px;
  background:#70caed;
  text-align:center;
  text-transform: uppercase;
  background-image:url(/_images/location-selected-backgroun.jpg);
  background-repeat:repeat-x;
}

.promoSmalltop_title {
	position: relative;
	top: -5px;
}
td.promoSmall_content {
	background:#eee;
}

.promoSmall_picture {
	position: relative;
	left: -5px;
	top: -1px;
}

/* --------------------
---- CHRIS ENDE ----
-------------------- */


div#promo {
  float:right;
  width:243px;
}
div#promo img {
  display:block;
}
div.promo {
  float:right;
  width:243px;
}
div.promo img {
  display:block;
}
div.promoLarge {
  width:490px;
  float:left;
  margin:0 0 2px 0;
  background:url('/_images/back-promo-large.gif') repeat-y left center;
  color:#fff;
}
div.promoLarge div.center {
  min-height:60px;
  padding:0 14px;
  font-size:12px;
}
div.promoLarge div.center h4 {
  color:#0022ba;
  font-size:16px;
  margin:0 0 4px 0;
  font-weight:bold;
}
div.promoLarge div.center span {
  color:#000;
  font-size:14px;
  margin:4px 0;
  font-weight:bold;
}
div.promoLarge div.center ul {
  margin:0;
  padding:0;
}
div.promoLarge div.center ul li {
  margin:0;
  padding:0;
  list-style:none;
}
div.promoLarge div.top {
  background:url('/_images/top-promo-large.gif') no-repeat left top;
  height:12px;
}
div.promoLarge div.bottom {
  background:url('/_images/bottom-promo-large.gif') no-repeat left bottom;
  height:12px;
}
div#signposts {
  /*clear:both;*/
  float:left;
  clear:left;
  min-height:1%;
  width:486px;
}
div#signposts:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div.signpost {
  float:left;
  width:229px;
  margin:0 4px 10px 0;
  padding:60px 2px 2px 2px;
  color:#666;
  background-repeat:no-repeat;
  background-position:top;
  border:3px solid #eee;
  height: 127px;
}
div.join {
  background-image:url('/_images/back-join.jpg');
}
div.visit {
  background-image:url('/_images/back-visit.jpg');
}
div.signpost div {
  padding:5px 5px 1px 5px;
  background:url('/_images/back-signpost-div.png') repeat;
}
div.signpost div h2 {
  color:#666666;
}
div.signpost div p,
div.signpost div ul {
  margin-bottom:0.5em;
}
div.signpostschedule {
  float:right;
  clear:right;
  width:243px;
  margin:11px 0 0 0;
}

/* - Normal Styles - */
div#side {
  float:left;
  width:243px;
}
div#menu {
  margin:0 0 10px 0;
  background:#fcfcfc url('/_images/back-menu.gif') repeat-y left;
  border:1px solid #dfdfdf;
  /*border:1px solid #80d7de;*/
}
div#menu h2 {
  margin:0;
}
div#menu h2 a {
  display:block;
  color:#666;
  padding:10px 8px 10px 20px;
}
ul#navmenu {
  margin:0;
  padding:1px 0 12px 0;
  list-style:none;
  background:url('/_images/back-navmenu-li.gif') no-repeat 10px top;
}
ul#navmenu li {
  padding:0 0 1px 0;
  background:url('/_images/back-navmenu-li.gif') no-repeat 10px bottom;
}
ul#navmenu li a {
  display:block;
  padding:8px 8px 8px 20px;
  font-size:1.1em;
}
ul#navmenu li a.selected {
  padding-left:12px;
  color:#666;
  border-left:8px solid #666;
}
div#schedule div.day {
  margin:0 0 10px 0;
  background:#eee;
}
div#schedule div.day h2 {
  margin:0;
  padding:8px 10px;
  clear: both;
  color:#fff;
  background:#f60;
  background: #09ACEF;
  border-top: 1px solid #fff;
}
div#schedule div.day ul {
  margin:0;
  padding:0 0 5px 0;
  list-style:none;
}
div#schedule div.day ul li {
  padding:8px 10px 5px 10px;
  background:url('/_images/back-schedule-day-ul-li.gif') no-repeat bottom;
}
div#schedule div.day ul li h3 a.expand {
  display:block;
  padding:0 10px 0 0;
  background:url('/_images/back-expand.gif') no-repeat right;
}
div#schedule div.day ul li p {
  margin-bottom:0.5em;
}

div#schedule div#LocationTabs
{
	padding-bottom: 5px;
	background:white url('/_images/schedule-locations-header.jpg') repeat-x left bottom;
}
*+html div#schedule div#LocationTabs
{
	height: 1%;
}
div#schedule div#LocationTabs:after
{
	height:0;
	clear: both;
	content: ".";
	visibility: hidden;
	display: block;
}

div#schedule div.LocationTab
{
	float: left;
	text-align: center;
	width: 47%;
	padding: 8px 1px 8px 1px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background:#fcfcfc url('/_images/location-button-background.jpg') repeat-x left -4px;
}

div#schedule div.MahboulaTab
{

}
div#schedule div.SalmiyaTab
{
	float: right;
}

div#schedule div.LocationTab a
{
	text-transform: uppercase;
}

div#schedule div.currentTab
{
	background:#70caed url('/_images/location-selected-backgroun.jpg') repeat-x left -4px;
	border: none;
	padding: 8px 2px 9px 2px;
}

div#schedule div.currentTab a
{
	font-weight: bold;
	color: white;
}

div#content {
  float:right;
  width:469px;
}
div#content img.placeholder {
  float:right;
  display:block;
  margin:0 0 20px 20px;
}
div#content img {
  border:2px solid #dfdfdf;
}
div#content h1 {
  display:inline;
}
div#crumbs {
  margin:0 0 20px 0;
  font-size:0.9em;
}
div#crumbs span {
  font-size:1.3em;
}

/* --------------------
---- Footer Styles ----
-------------------- */
div#footer {
  min-height:1%;
  padding:8px 21px 49px 21px;
  text-align:right;
  font-size:0.9em;
  color:#999;
  background:#fff url('/_images/back-footer.gif') no-repeat bottom;
}
* html div#footer {
  height:1%;
}
div#footer:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#copyright {
  float:left;
}

/* --------------------
---- Schedule Styles ----
-------------------- */

div#schedule table {
  width:736px;
  border-collapse:collapse;
  font-weight:bold;
  clear: both;
}

div#schedule td, div#schedule th {
  text-align:left;
  padding:0.8em;
  vertical-align:top;
}

div#schedule th {
  background:#eeeced url('/_images/schedule-heading-background.jpg') repeat-x left top;
  color:#666;
  font-weight:bold;
  text-align:left;
  padding:0.8em;
  font-size: 1.1em;
}

div#schedule tr td {
  border-top:1px dotted #d9d9d9;
}
div#schedule tr.first-row td {
  border-top:1px solid #fff;
}
div#schedule tr.second-row td {
  border-top:1px solid #ffffff;
}

div#schedule td.scheduleLeft {
  vertical-align:middle;
}

div#schedule span.noBold {
  font-weight:normal;
}

div#location-table-holder {
  background:white url('/_images/schedule-locations-header.jpg') repeat-x left bottom;
  padding-bottom: 5px;
  margin-bottom: 1px;
  min-height: 1%;
}
* html div#location-table-holder {
  height: 1%;
}
div#location-table-holder:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#location-table-holder div.location-button {
  width: 175px;
  float: left;
  border: 1px solid #dbdbdb;
  border-bottom: none;
  text-align: center;
  margin-right: 3px;
  font-size: 1.2em;
  font-weight: bold;
  padding: 9px 0 8px 0;
  background:#fcfcfc url('/_images/location-button-background.jpg') repeat-x left top;
}
div#location-table-holder div.location-button a {
  color: #0ae;
}
div#location-table-holder div.location-button a:hover {
  text-decoration: none;
}
div#location-table-holder div.located {
  background:#70caed url('/_images/location-selected-backgroun.jpg') repeat-x left top;
  border: none;
  padding: 10px 0 8px 0;
  width: 177px;
}
div#location-table-holder div.located a {
  color: white;
}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility:visible !important;
margin:0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display:none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1,
.sIFR-hasFlash div#signposts h2,
.sIFR-hasFlash div#content h2 {
  letter-spacing:-2px;
  visibility:hidden;
}

/* Trainers page */
div#trainers {
  clear:both;
  padding:20px 0 0 0;
}
div#trainers div.box {
  border:1px solid #DFDFDF;
  margin:5px 0;
}
div#trainers div.box div.title {
  margin:0;
  padding:8px;
  background:#f2f0f1 url('/_images/back-navbar.gif') repeat-x top;
}
div#trainers div.box div.title h3, div#trainers div.box div.title p {
  margin:0;
  padding:0 0 0 15px;
}
div#trainers div.box div.title h3 {
  padding:0 0 0 15px;
  font:bold 1.25em "Bell Gothic Std Black",Arial,Helvetica,sans-serif;
  color:#00aaee;
  background: url('/_images/back-expand.gif')  no-repeat left 8px;
}
div#trainers div.box div.text {
  padding:10px 10px 5px 10px;
}
div#trainers div.box div.text img {
  float:left;
  margin:0 15px 0 0;
}
div#trainers div.box div.slider {
  border-top:1px solid #DFDFDF;
}


/*Class Description styles*/
div#class {
  border-top:1px dotted #d9d9d9;
  padding:10px 0 0 0;
  min-height:1%;
}
div#class div.left {
  float:left;
  width:320px;
}
div#class span.right {
  text-align:right;
  float: right;
}
div.activetabset {
  clear:both;
  padding-top:12px;
}
div.activetabset table {
  font-weight:normal;
}
div.activetabset table tr td span {
  font-weight:bold;
}
div.activetabset ul.tabs {
  margin:0;
  padding:0;
  display:block;
  height:52px;
}
div.activetabset ul.tabs li {
  list-style: none;
  margin:0;
  float:left;
  height:38px;
}
div.activetabset ul.tabs li h2 {
  width:143px;
  height:38px;
  margin-right:3px;
  border-top:1px solid;
  border-left:1px solid;
  border-right:1px solid;
  border-color:#DBDBDB;
  /*border-bottom: 1px solid #74CBEE;*/
  text-align: center;
  padding:12px 0 0 0;
  display:block;
  font-size:14px;
  font-weight:bold;
  color:#74CBEE;
  cursor:pointer;
}
div.activetabset ul.tabs li h2.last {
  margin:0px;
}
div.activetabset ul.tabs li.current h2 {
  background:#74CBEE url('/_images/back-tab.gif')  repeat-x left top;
  color:#fff;
  border:none;
  height:40px;
}
span.red {
  color:#C41130;
}
span.green {
  color:#ABCC66;
}
span.pink {
  color:#FF00FF;
}
span.orange {
  color:#f90;
}
span.blue {
  color:#3366ff;
}
span.lilac {
  color:#d599ff;
}
span.lightpink {
  color:#ffabcc;
}
span.darkgreen {
  color:#3a8000;
}

div.activetabset table.section {
  display:none;
}

div.activetabset table.current {
  display:block;
}

div.activetabset table {
  margin:0;
  padding:0;
  width:736px;
  clear: both;
  border-top:5px solid #74CBEE;
}
div.activetabset table tr td {
  border-top:1px dotted #d9d9d9;
  width:348px;
  padding:0.8em;
  text-align:left;
  vertical-align:top;
}
div.activetabset table tr td.noborder {
  border:0;
  width:40px;
}
div.activetabset table tr td.top {
  border:0;
}