﻿/*@charset "utf-8";*/
/* CSS Document */




/* pull-down mainmenu css */
.mainmenu{
	float:none;
	width: 1000px;
	padding: 0;
	position:relative;
    display:inline-block;
    height: 60px;
    vertical-align:middle;
}
.mainmenu ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	color:#FFFFFF;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#80A0BE), to(#154777));
  background-image: -moz-linear-gradient(top, #80A0BE, #154777);
  background-image: -o-linear-gradient(top, #80A0BE, #154777);
	padding: 0;
	border: solid ;
	border-width: 0px 0;
	margin: 0 0 1em 0;
    height: 60px;
    border-left-style: solid;
    border-left-color: inherit;
    border-left-width: 0;
    border-right-style: solid;
    border-right-color: inherit;
    border-right-width: 0;
    border-top-style: solid;
    border-top-color: inherit;
    border-top-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    border-bottom-width: 0px;
}

.mainmenu a, .mainmenu a:visited {
	display: block;    font-family:Arial; font-size:17px; font-weight:normal; text-decoration:none;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1em 1em;
}
.mainmenu ul ul a{
	width:100%;
	height:100%;
}
.mainmenu ul a{
	width:1%;
}


.mainmenu li  {
	float: left;
	margin:0;
	padding:0;
}

.mainmenu ul li {float:left; position:relative;
    top: 0px;
    left: 0px;
    height: 57px;
}
.mainmenu ul li a {white-space:nowrap;
    height: 22px;
}
	
.mainmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:15em;	
	
	background: #154777;
	font-weight: normal;
	border-width: 0px;
	margin: 0;
}

.mainmenu li li {
	width:15em ;
}

.mainmenu li li a{
	width:13em ;
}

.mainmenu li ul  {
	margin: 0;
}
.mainmenu li ul ul {
	margin: -2.8em 0 0 13.5em;
}
.ul_ch, 
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
	left: auto;
}
.mainmenu li:hover>ul.ul_ch   
{
	left: auto;
}

.mainmenu li:hover{
	
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color:#FFFFFF;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a, 
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, 
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
	color:#FFFFFF;
	height:10px;
}
.mainmenu li li:hover, .mainmenu li li li:hover, 
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover 
{
	background: #FFFFFF;
	z-index:9999;
	
}
.mainmenu li li:hover a,.mainmenu li li li:hover a, 
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
	color: #FFFFFF; 
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
	color: #000080;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #C0C0C0;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #000080;
}


/* end of mainmenu css */



#PrimaryNav 
{
    position:absolute;
    right: 90px;
    height: 35px;
    overflow: hidden;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#80A0BE), to(#154777));
    background-image: -moz-linear-gradient(top, #80A0BE, #154777);
  background-image: -o-linear-gradient(top, #80A0BE, #154777);
    top:0px;
    left: 635px;
    margin-top:0px;
    width:540px;
}
#PrimaryNav ul { margin: 0;padding: 0;}
#PrimaryNav li {float: left;padding: 0 0 0 2px; list-style: none;
    height: 34px;
}
#PrimaryNav li.selectedXXX {position: relative;top: 2px; 
                            background-image:-webkit-gradient(linear, left top, left bottom, from(#80A0BE), to(#154777));
                            border-radius: 5px 5px 0 0;}
#PrimaryNav li.selected a { background: #ccc;color: #000; }
#PrimaryNav a { display:block;padding:8px 10px;color:white;font-size:12px; font-family:Arial;text-decoration:none;font-weight:bold;
                background-image:-webkit-gradient(linear, left top, left bottom, from(#80A0BE), to(#154777));
                 border-radius: 8px 8px 0 0;}
#PrimaryNav a:hover { color: #000;}


.button1 {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 3px 10px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   
   }
.button1:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button1:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
.txtcss
{
border:2px solid #a1a1a1;
padding:5px 5px; 
background:#ffffff;
border-radius:10px;
height:auto;
width:auto;
    margin-left: 53px;
}
.field_set{
    border-color:transparent;
}

.button{
	border-left: 1px solid #29447e;
    border-right: 1px solid #29447e;
    border-top: 1px solid #29447e;
    border-bottom: 1px solid #1a356e;
    background: #6da952 url('../images/btt-bg.png') no-repeat 0px -48px;
    box-shadow:0 1px 0 rgba(0, 0, 0, .1);
	cursor:pointer;
	display:-moz-inline-box;
	display:inline-block;
	font-size: 11px;
	font-weight:bold;
	line-height:normal !important;
	padding:2px 6px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	white-space:nowrap;
	color:#fff;
	height:30px;
}
.button:active{
	background:#4f6aa3;
	border-bottom-color:#999;
	height:30px;
}
.button .buttonText,.button input{
	background:none;
	border:0;
	color:#fff;
	cursor:pointer;
	display:-moz-inline-box;
	display:inline-block;
	font-family:'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	margin:0;
	outline:none;
	padding:1px 0 2px;
	white-space:nowrap;
	height:30px;
}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 28px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;

  float: right;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  
  color: #000;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 28px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li > a {
  color: #000;
  font-size: 12px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 6;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #919191;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li.active:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #db000b;
  margin-left: 10px;
}
#cssmenu > ul > li.active > a {
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background: #ececec;
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
}
#cssmenu > ul > li:hover > a {

}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
  float: right;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 150px;
  top: 39px;
  left: 10;
  right:3px;
}
#cssmenu .has-sub ul li {
  *margin-bottom: 1px;
}
#cssmenu .has-sub ul li a {
  background: #919191;
  border-bottom: 1px dotted #255A7F;
  filter: none;
  font-size: 14px;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
  float:inherit;
  position:relative;
  right:0px;
}
#cssmenu .has-sub ul li:hover a {
  background: #b1b0b0;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #919191;
  border-bottom: 1px dotted #b1b0b0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #b1b0b0;
}

.content
{
  margin: 20px 0px 0px 0px;
  background-color: #606a77;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EDEDED), color-stop(1, #A8A8A8));
  background-image: -webkit-radial-gradient(top, #EDEDED, #A8A8A8);
  background-image: -moz-radial-gradient(top, #EDEDED, #A8A8A8);
  background-image: -o-radial-gradient(top, #EDEDED, #A8A8A8);
  background-image: radial-gradient(#EDEDED, #A8A8A8);
  width:1000px;
  border-radius:10px;
  
}

.content1
{
    margin: 20px 0px 0px 0px;
  background-color: #606a77;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #082A55));
  background-image: -webkit-radial-gradient(top, #87B5EE, #082A55);
  background-image: -moz-radial-gradient(top, #87B5EE, #082A55);
  background-image: -o-radial-gradient(top, #87B5EE, #082A55);
  background-image: radial-gradient(#87B5EE, #082A55);
  width:1000px;
  border-radius:10px;
  -moz-box-shadow: inset 0 2px 0 #ffffff, inset 0 1px 0 #ffffff;
  -webkit-box-shadow: inset 0 2px 0 #ffffff, inset 0 1px 0 #ffffff;
  box-shadow: 0.5px 0.5px 3px 3px #ffffff;
  
  height:450px;
 
}

.container
{
    background-color:Gray;
}  

.txtcss
{
border:2px solid #a1a1a1;
padding:5px 5px; 
background:#ffffff;
border-radius:10px;
height:auto;

}


/*CSS for Tab Container*/

/*Header*/
.Tab .ajax__tab_header
{
    color: #4682b4;
    font-family:Calibri;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0px;
}

/*Body*/
.Tab .ajax__tab_body
{
    border:0px solid #b4cbdf;
    padding-top:0px;
    /*background-image:url("../images/breakfastbg.png");*/
    background-repeat:no-repeat;
}

/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab
{
    color: #ffffff;
    background:url("../images/tab_container/tab_active.gif") repeat-x;
    height:20px;
}
.Tab .ajax__tab_active .ajax__tab_inner
{
    color: #ffffff;
    background:url("../images/tab_container/tab_left_active.gif") no-repeat left;
    padding-left:10px;
}
.Tab .ajax__tab_active .ajax__tab_outer
{
    color: #ffffff;
    background:url("../images/tab_container/tab_right_active.gif") no-repeat right;
    padding-right:6px;
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab
{
    color: #000000;
    background:url("../images/tab_container/tab_hover.gif") repeat-x;
    height:20px;
}
.Tab .ajax__tab_hover .ajax__tab_inner
{
    color: #000000;
   background:url("../images/tab_container/tab_left_hover.gif") no-repeat left;
    padding-left:10px;
}
.Tab .ajax__tab_hover .ajax__tab_outer
{
    color: #000000;
    background:url("../images/tab_container/tab_right_hover.gif") no-repeat right;
    padding-right:6px;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab
{
    color: #666666;
    background:url("../images/tab_container/tab_Inactive.gif") repeat-x;
    height:20px;
}
.Tab .ajax__tab_inner
{
    color: #666666;
    background:url("../images/tab_container/tab_left_inactive.gif") no-repeat left;
    padding-left:10px;
}
.Tab .ajax__tab_outer
{
    color: #666666;
    background:url("../images/tab_container/tab_right_inactive.gif") no-repeat right;
    padding-right:6px;
    margin-right: 2px;
}
 
 .SliderHandle
{
    position: absolute;
    height: 22px;
    width: 20px;
}
.SliderRail
{
    position: relative;
    background: url('../../Images/slider_h_rail.gif') repeat-x;
    height: 22px;
    width: 125px;
}

/*CSS for Tab Container physical exercise*/

/*Header*/
.Tab1 .ajax__tab_header
{
    color: #4682b4;
    font-family:Calibri;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0px;
}

/*Body*/
.Tab1 .ajax__tab_body
{
    border:0px solid #b4cbdf;
    padding-top:0px;
    /*background-image:url("../images/breakfastbg.png");*/
    background-repeat:no-repeat;
}

/*Tab Active*/
.Tab1 .ajax__tab_active .ajax__tab_tab
{
    color: #ffffff;
    /*background:url("../images/tab_container/tab_active.gif") repeat-x;*/
    height:30px;
}
.Tab1 .ajax__tab_active .ajax__tab_inner
{
    color: #ffffff;
   /* background:url("../images/tab_container/tab_left_active.gif") no-repeat left;*/
    padding-left:10px;
}
.Tab1 .ajax__tab_active .ajax__tab_outer
{
    color: #ffffff;
   /* background:url("../images/tab_container/tab_right_active.gif") no-repeat right;*/
    padding-right:6px;
}
/*Tab Hover*/
.Tab1 .ajax__tab_hover .ajax__tab_tab
{
    color: #000000;
    /*background:url("../images/tab_container/tab_hover.gif") repeat-x;*/
    height:30px;
}
.Tab1 .ajax__tab_hover .ajax__tab_inner
{
    color: #000000;
   /*background:url("../images/tab_container/tab_left_hover.gif") no-repeat left;*/
    padding-left:10px;
}
.Tab1 .ajax__tab_hover .ajax__tab_outer
{
    color: #000000;
    /*background:url("../images/tab_container/tab_right_hover.gif") no-repeat right;*/
    padding-right:6px;
}
/*Tab Inactive*/
.Tab1 .ajax__tab_tab
{
    color: #666666;
    /*background:url("../images/tab_container/tab_Inactive.gif") repeat-x;*/
    height:30px;
}
.Tab1 .ajax__tab_inner
{
    color: #666666;
   /* background:url("../images/tab_container/tab_left_inactive.gif") no-repeat left;*/
    padding-left:10px;
}
.Tab1 .ajax__tab_outer
{
    color: #666666;
    /*background:url("../images/tab_container/tab_right_inactive.gif") no-repeat right;*/
    padding-right:6px;
    margin-right: 2px;
}
.imgradius
{
    border-radius:10px;
  -moz-box-shadow: inset 0 2px 0 #ffffff, inset 0 1px 0 #ffffff;
  -webkit-box-shadow: inset 0 2px 0 #ffffff, inset 0 1px 0 #ffffff;
  box-shadow: 0.5px 0.5px 3px 3px #ffffff; 
}