﻿body {
  padding: 0px;
  margin: 0px;
  /*background-color: #dfdfdf;*/
  background-color:#fff;
  font-family: Helvetica, Arial;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
}

img {
  border:solid 0px;
}

a {
  color: #5683B4;
  text-decoration:none;
  cursor:pointer;
}

h2 {
  *margin-top:10px;
  *margin-bottom:10px;
  
  *font-size:18px; /* targets only ie6 */
}

a:hover {
  text-decoration:underline;
}

.divView {
  margin: 0px auto;
  padding: 0px;
  background-color: #fff;
  width: 982px;
  border-color: #ddd;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  overflow:hidden;
}
.divContent {
  clear:both;

 /* padding: 15px 0px;*/
  /*border: solid 1px #aaa;*/
  /*height: 500px;*/
  
  
	margin-left:20px;
	margin-right:20px;
}
.divFooter {
  border-top:1px solid #DDDDDD; 
  clear: both;
  overflow: auto;
  margin: 0px auto;
  padding: 8px 25px;
  font-size: 9px;
  background-color: #cdcdcd;
  _height:12px; /* targets ie 6 */
}
.divFooter a {
  /*color: #898989;*/
  color: #5683B4;
  text-decoration: none;
  display: inline-block;
}
.divFooter a:hover {
  text-decoration: underline;
}
.divFooter .divLeft {
  color: #898989;
}
.divFooter .divRight {
  color: #5683b4;
}



.divLeft {
  float: left;
}
.divRight {
  float: right;
}




/*# Top Section +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/

.top {   /* default */
	/*border: solid 1px blue;*/
	width:auto; 
	height:189px;
	/*background-image:url('images/layout/bg_kids.jpg');*/
	background-image:url('images/headers/main.jpg');
	background-repeat:no-repeat;
	background-color: #efeeee;
	padding-right:30px;
}

.philosophy .top {
  background-image:url('images/headers/philosophy.jpg');
}

.meet-our-teachers .top {
  background-image:url('images/headers/meet.jpg');
}

.contact-us .top {
  background-image:url('images/headers/contact.jpg');
}

.register .top {
  background-image:url('images/headers/register.jpg');
}

.courses .top {
  background-image:url('images/headers/tap.jpg');
}

.what-to-wear .top {
  background-image:url('images/headers/wear.jpg');
}

/**** Sub Theming (Headers)- Courses ****/

.subtheme1 .top {
  background-image:url('images/headers/ballet.jpg');
} 

.subtheme2 .top {
  background-image:url('images/headers/fjhop.jpg');
} 

.subtheme3 .top {
  background-image:url('images/headers/tap.jpg');
} 

.subtheme4 .top {
  background-image:url('images/headers/adult.jpg');
} 

/****************************** Header Theming: END *****************************************/




.top .banner {

}

.top .banner .home_btn {
  float:left;
  background-image:url('images/layout/home_btn.png');
	background-repeat:no-repeat;
	height:19px;
  width:25px;
	_height:19px; /* targets ie 6 fixes .png resize problem*/
	_width:25px;
	margin-top:4px;
	margin-left:7px;
	border:solid 0px;
}

.top .banner .home_btn a {
  display:inline-block;
  border:solid 0px;
  height:24px;
  width:25px;
  position:relative;
  top:-2px;
  left:-1px;
  outline:0;
  
  /*padding-top:5px;
  padding-left:30px;*/
  
  /*padding-top:20px;
  padding-left:1px;*/
 
}

.top .banner .home_btn_text {
  border:solid 0px;
 
    /**home text **/
  font-variant:small-caps;
  font-weight:bold;
  font-size:10px;
  width:25px;
  float:left;
  position:relative;
  top:21px;
  _top:25px;
  left:-25px;
}

.divLogin {
  float:right;
	position:relative;
	top:8px;
	font-size:10px;
	font-weight:bold;
	height:18px;
}

.divLogin .input_150 {
	font-size:9px;
	width:100px;
}

.divMember {
  float:right;
	position:relative;
	top:8px;
	font-size:10px;
	font-weight:bold;
	color:#888;
}

/*
.top .banner .login{
	float:right;
	position:relative;
	top:8px;
	font-size:10px;
	font-weight:bold;
}


.login input {
	width:115px;
	height:12px;
	font-size:9px;
}

.login .loginBtn {
	color: #928f8d;
	display:inline-block;
  text-align :center;
  width:48px;
  font-weight:normal;
}
*/
.top .banner_header {
	/*margin-left:449px;*/
	height:136px;
	position:relative;
	top:29px;
  
}

.top .banner_header .container {
  /*display:none;
	background-image:url('images/layout/banner_header.png');
	background-repeat:no-repeat;
	background-position:0 0px;*/
	height:93px;
	width:486px;
	left:460px;
	*left:422px;
  position:relative;
  top:17px;
	border:solid 0px red;
}

.top .banner_header .container a{
  width:100%;
  height:100%;
  display:block;
  position:relative;
  border:solid 0px;
}


.top .menu {
	/*text-align:right;*/
	/*position:relative;*/
	/*top:11px;
	*top:9px;*/
	border:solid 0px;
	z-index:150;
}

.top .menu .container {
	border:solid 0px #F90;
	display:inline-block;
  position:relative;
  top:29px;
	/**top:29px;*/ /* targets ie 7 and below */
	/*margin-left:430px;*/
	float:right;
	z-index:150;
}

/*# Top Section: END +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/



/*# Middle Section Theming +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/
.middleDefault {
  margin-top:0px;
	/*background-image:url('images/bg/main.jpg');*/
	background-image:url('images/bg/timetable.jpg');
	background-repeat:no-repeat;
	width:100%; 
	height:auto;
  display:inline-block;
}

.login .middleDefault {
  background-image:url('images/bg/home.jpg') !important;
}

.become-a-member .middleDefault {
  background-image:url('images/bg/register.jpg') !important;
}

.contact-us .middleDefault {
  background-image: url('images/bg/home.jpg') !important;
}

.home .middleDefault {
	background-image: url('images/bg/home.jpg') !important;
}
.philosophy .middleDefault {
	background-image: url('images/bg/philos.jpg') !important;
}
.register .middleDefault {
	background-image: url('images/bg/register.jpg') !important;
}

.classes .middleDefault {
	background-image: url('images/bg/timetable.jpg') !important;
}

.classinfo .middleDefault {
  background-image: url('images/bg/gallery.jpg') !important;
}

.story .middleDefault {
  background-image: url('images/bg/story.jpg') !important;
}

.what-to-wear .middleDefault {
  background-image: url('images/bg/wear.jpg') !important;
}

.photo-albums .middleDefault, .photo-album .middleDefault {
  background-image: url('images/bg/gallery.jpg') !important;
}

/*.courses .middleDefault {
  background-image: url('images/bg/classes.jpg') !important;
}*/

.meet-our-teachers .middleDefault {
  background-image: url('images/bg/home.jpg') !important;
}

/*.news .middleDefault {
  background-image: url('images/bg/dancetile.jpg') !important;
  background-repeat:repeat;
}*/

/**** Sub Theming (Middle)- Courses ****/

.subtheme1 .middleDefault {
  background-image:url('images/bg/ballet.jpg');
} 

.subtheme2 .middleDefault {
  background-image:url('images/bg/register.jpg');
} 

.subtheme3 .middleDefault {
  background-image:url('images/bg/tap.jpg');
} 

.subtheme4 .middleDefault {
  background-image:url('images/bg/adult.jpg');
} 


/*# Middle Section Theming : END +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/


/*# left, right Column Adjustmentments +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/

.left_column{
	float:left;
	width:410px;
	min-height:100%;
	height:100%;
	padding-bottom:20px;
	/* margin-left:20px;
	_margin-left:10px; */ /*targets ie 6*/
	position:relative;

}

.right_column{
	float:right;
	width:516px;

	/*padding-right:20px;*/
	position:relative;
}

.left_column_wider .left_column{
	width:550px;
}

.right_column_wider .right_column{

  width:370px;
}

.left_column_photos .left_column{
  /*width:720px;*/
  width:210px;
}

.right_column_photos .right_column{
  /*width:200px;*/
  width:715px;
}

.left_column_timetable .left_column{
  width:325px;

}

.right_column_timetable .right_column{
  width:595px;
}

.left_column_310{
  float:left;
	width:310px;
	min-height:100%;
	height:100%;
	padding-bottom:20px;
	margin-left:20px;
	_margin-left:10px; /*targets ie 6*/
	position:relative;
}

.right_column_610{
	float:right;
	/*width:526px;*/
	width:610px;
	padding-right:20px;
	position:relative;
}

/*# left, right Column Adjustmentments : END +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/


/*# Search  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/
.search{
	font-size:12px;
	font-weight:bold;
	height:40px;
	width:400px;
	position:relative;
	top:10px;
	margin-left:20px;
	margin-bottom:10px;
	color:#575656;
	visibility:hidden;
}
/*# Search : END +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/



.sitenavi {
  padding: 0px;
  margin: 0px;
  float: left;
  /*border: solid 1px;*/
}
.sitenavi li.dropper {
  float: left;
  list-style: none;
  height: 20px;
  cursor: pointer;
  margin-left: 1px;
  background-color: #eee;
  width: 100px;
}
.sitenavi li.dropper a {
  display: block;
  padding: 0px;
  margin: 0px;
  height: 20px;
  font-weight: bold;
  font-size: 11px;
}
.sitenavi li.dropper:hover {
  background-color: #aaa;
}
.sitenavi li.dropper ul {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  position: absolute;
  visibility: hidden;
  width: 132px;
  border-right: solid 1px #005acc;
  border-left: solid 1px #005acc;
  border-bottom: solid 1px #005acc;
}
.sitenavi li.dropper ul li {
  float: none;
  display: inline;
}
.sitenavi li.dropper ul li a {
  padding: 8px 3px 3px 5px;
  margin: 0px;
  height: 17px;
  text-decoration: none;
  cursor: pointer;
  color: #9dc1f0;
  border-bottom: solid 1px none;
  background-color: #00225f;
  font-weight: bold;
}
.sitenavi li.dropper ul li a:hover {
  color: #ffffff;
  background-color: #666;
}

/*# Navi Customed Style  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/

.sitenavi {
  border-left:solid 1px #b4b7b9;
}


.sitenavi li.dropper {
  text-align: center;
  border-right:solid 1px #b4b7b9;
  margin-left: 0px;
  padding-top:4px;
  background-color:Transparent;
}

.sitenavi li.dropper:hover {
  background-color: #759dce;
  position:relative;
}

.sitenavi li.dropper a {
  color:#000000;
  text-decoration:none;
  _padding-top:4px;
  _margin-top:-4px;
}

.sitenavi li.dropper a:hover {
  _background-color: #759dce;
  color:#FFFFFF;
}

.sitenavi li.dropper ul {
  text-align: left;
  margin-left:-1px;
  *margin-left:-51px; /* target ie 7 and below */
  border-bottom: none;
  border-right: none;
  border-left: none;
}

.sitenavi li.dropper .dropper-wider ul {
  width:160px;
}

.sitenavi li.dropper ul li a {
  background-color:#759dce;
  color: #FFF;
  border-bottom:solid 1px #5d89c3;
  font-weight:normal;
  height:auto;
  padding:6px 6px 6px 15px;
}

.sitenavi li.dropper ul li a:hover {
  color: #000000;
  background-color: #FFFFFF;
}


/*# Navi Customed Style : END  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/


/*# Default style for all pages  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/
.clear {
  clear:both;
  position:relative;
}

.header {
  float:left;
}


.header .transparentBG {
  background-color: black;
  filter:alpha(opacity=80); 
  -moz-opacity: 0.70;
	left: 0px;
  opacity: 0.80;
  top: 0px;
  z-index: 99;
  min-width:10px;
}

.header .transparentBG-white {
  background-color: white;
  filter:alpha(opacity=80); 
  -moz-opacity: 0.70;
	left: 0px;
  opacity: 0.80;
  top: 0px;
  z-index: 99;
  min-width:10px;
}

.header .transparentBG .contents {
  background-color:transparent;
  position: relative;
	z-index: 101;
	color:#FFF;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:2px;
}

.header .transparentBG-white .contents {
  background-color:transparent;
  position: relative;
	z-index: 101;
	color:#000;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:2px;
}

.header .transparentBG .contents h1, .header .transparentBG-white .contents h1 {
  font-size:22px;
  font-weight:normal;
  margin:0;
}

.header-blue{
  margin-top:10px;
  
	background-color: #698cb8;
	color:#FFFFFF;
	padding:2px 10px;
	
	/*width:322px;*/
	float:left;
	
}

.header-blue h2 {
  font-size:16px;
	font-weight:bold;
	margin:0;
}

.header-blue h2 .date {
  background-color: #698cb8;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
}

.main_content {
  
  /*position:relative;
  top:10px;*/
  margin-top:10px;
  position: relative;
  width: 100%;

}

.main_content .transparentBG {
  background-image:url('images/layout/75-black-bg.png');
	background-repeat: repeat;
	height:100%;
	

}

.main_content .transparentBG-white {
  background-image:url('images/layout/75-white-bg.png');
	background-repeat: repeat;
	height:100%;
}

.main_content .transparentBG .contents {
  background-color:transparent;
  position: relative;
  height:100%;
	color:#FFFFFF;
	font-size:12px;
	line-height: 18px;
		
	margin:0;
	
	padding-top:1px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:1px;
	
	*padding-top:15px;
	*padding-bottom:15px;
	/**padding-bottom:8px;	*/
	/*display:inline-block;*/
}

#sb-wrapper .main_content{
  *width:97%;
  position: static;
}

#sb-wrapper .transparentBG { 
   position: static;
}

#sb-wrapper .transparentBG .contents {
  position: static;
}

.BG {
   position: static;
   background-color:black;
   margin:auto;
}


.main_content .transparentBG-white .contents {
  background-color:transparent;
  position: relative;
  height:100%;
	color:#000000;
	font-size:12px;
	line-height: 18px;
	
	margin:0;
	
	padding-top:1px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:1px;
	
	*padding-top:15px;
	*padding-bottom:15px;
	/**padding-bottom:8px;	*/
	/*display:inline-block;*/
}

.main_content .transparentBG .contents p{
  /*margin:0;
  margin-top:8px;*/
  border:solid 0px;

}

.classes_filter .main_content .transparentBG .contents {
  padding-top:0px;
  padding-bottom:0px;
}

.blackBox {
  margin-top:10px;
  background-image:url('images/layout/75-black-bg.png');
	background-repeat: repeat;
	height:100%;
	/*width:100%;*/
}

.blackBox .contents {
  color:#ffffff;
  position: relative;
  height:100%;
  padding:10px;
}

.whiteBox {
  margin-top:10px;
  background-image:url('images/layout/75-white-bg.png');
	background-repeat: repeat;
	height:100%;
	/*width:100%;*/
}

.whiteBox .contents {
  color:#000;
  position: relative;
  height:100%;
  padding:10px;
}

.photos-details .whiteBox {
  float:left; 
  width:100%;
}

/*
.main_content .transparentBG {
  background-color: black;
  filter:alpha(opacity=80); 
  -moz-opacity: 0.70;
  opacity: 0.80;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 99;
  position: relative;

}

.main_content .transparentBG .contents {

  background-color:transparent;
  position: relative;
  height:100%;
	color:#FFFFFF;
	font-size:12px;
	
	line-height: 17px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	
	z-index: 101;
}
*/

.button-in-bg-right {
  background-image:url('images/layout/small-button-over-bg.gif');
	background-repeat: repeat-x;
	height:16px;
	/*width:160px;*/
	width:auto;
	cursor:pointer;
	text-align:center;
	/*position:relative;
	top:25px;*/
	margin-top:10px;
	/*margin-left:349px;*/
	float:right;
	padding-top:0px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:0px;
	
	color:#fff;
	font-size:11px;
	font-weight:bold;
}


.button-left {
  background-image:url('images/layout/small-button-over-bg.gif');
	background-repeat: repeat-x;
	height:16px;
	/*width:160px;*/
	width:auto;
	cursor:pointer;
	text-align:center;
	/*position:relative;
	top:25px;*/
	margin-top:10px;
	/*margin-left:349px;*/
	float:left;
	padding-top:0px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:0px;
	
	color:#fff;
	font-size:11px;
	font-weight:bold;
}


.button-right{

	background-image:url('images/layout/small-button-over-bg.gif');
	background-repeat: repeat-x;
	height:16px;
	/*width:160px;*/
	width:auto;
	cursor:pointer;
	text-align:center;
	/*position:relative;
	top:25px;*/
	margin-top:10px;
	/*margin-left:349px;*/
	float:right;
	padding-top:0px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:0px;
	
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

.button-right:hover, .button-left:hover, .button-in-bg-right:hover {
	background:url('images/layout/small-button-over-bg.gif') repeat-x scroll 0px -16px;
	text-decoration:none;
	display:inline-block;
	font-size:11px;
	font-weight:bold;
}

.button-right span, .button-left span, .button-in-bg-right span {
	display:inline-block;
	font-size:11px;
	font-weight:bold;
	color: #FFFFFF;
	/*padding-top:1px;*/
}

.button-right a, .button-left a, .button-in-bg a {
  color: #FFFFFF;
  text-decoration:none;
}

.button-right a:hover, .button-left a:hover, .button-in-bg a:hover {
  text-decoration:none;
}

.image-container-left {

}

.image-container-right {
  /*position:relative;
  top:25px;*/
  margin-top:25px;
}

.image-container-left img, .image-container-right img {
  /*border:solid 4px #333333;*/
  background-image:url('images/layout/75-black-bg.png');
	background-repeat: repeat;
	/*height:100%;*/
	padding: 5px;
}

.noBg {
  background:none;
  padding:0px;
  /*height:100%;*/
  position:relative;
  top:157px;
}

.nextSession {
  color:Red;
}

.filter { /* targets Safari */
  /*display:inline-block;*/
  /*float:left;
  margin-left:28px;
  margin-top:11px;
  width:786px;*/
  padding-top:10px;
  padding-bottom:10px;
  *padding-top:5px;
  *padding-bottom:5px;
   
   line-height:25px;

}

.filter { /* Safari will not pick up */
  /*display:inline-block;#
  margin-bottom:12px;#*/
}

html>/**/body .filter, x:-moz-any-link, x:default { /*targets firefox only*/
  /*margin-bottom:12px;*/
}


/*# Default style for all pages : END  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/

/*# Fixed width Headers (so that it renders opacity in ie6)  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/
/*# Fixed width Headers : END  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/




/*# Home +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/

.bigButtons {
	height:	71px;
	width: 360px;
	/*background-color: #6588b5;*/
	background-color: Transparent;
	margin-bottom:26px;
	/*border-right: solid 2px transparent;
	border-bottom: solid 2px transparent;*/
	border-bottom:2px solid #CCCCCC;
  border-right:2px solid #EEEEEE;
	_border-right: none; /* target ie6 */
	_border-bottom: none;
	text-decoration:none;
}

.bigButtons:hover {
	border-right: solid 2px #c4c5c7;
	border-bottom: solid 2px #666;
	text-decoration:none;
}

.bigButtons span {
	display:inline-block;
	margin-left:210px;
	margin-top:15px;
	/*color:#FFFFFF;*/
	font-size:19px;
	font-weight:normal;
	/*width:200px;*/
	width:125px;
	text-align:right;
}

/******** Sub Theming Tiles/Buttons **********/

.bigButtons .classes1 {
  /*display:inline-block;*/
	background-image:url('images/layout/ballet_tile.gif');
	background-repeat:no-repeat;
	/*background-color: #698cb8;*/
	background-color:#FFF;
	height:	71px;
	width: 360px;
}

.bigButtons .classes2 {
  /*display:inline-block;*/
	background-image:url('images/layout/hiphop_tile.gif');
	background-repeat:no-repeat;
	/*background-color: #698cb8;*/
	background-color:#FFF;
	height:	71px;
	width: 360px;
}

.bigButtons .classes3 {
  	/*display:inline-block;*/
	background-image:url('images/layout/tap_tile.gif');
	background-repeat:no-repeat;
	/*background-color: #698cb8;*/
	background-color:#FFF;
	height:	71px;
	width: 360px;
}

.bigButtons .classes4 {
	/*display:inline-block;*/
	background-image:url('images/layout/adult_tile.gif');
	background-repeat:no-repeat;
	/*background-color: #698cb8;*/
	background-color:#FFF;
	height:	71px;
	width: 360px;
}

/******** Sub Theming Tiles/Buttons : End **********/

.bigButtons .adultClasses {
	/*display:inline-block;*/
	background-image:url('images/layout/adult_tile.gif');
	background-repeat:no-repeat;
	/*background-color: #698cb8;*/
	background-color:#FFF;
	height:	71px;
	width: 360px;
}

.bigButtons .balletClasses {
	/*display:inline-block;*/
	background-image:url('images/layout/ballet_tile.gif');
	background-repeat:no-repeat;
	/*background-color: #698cb8;*/
	background-color:#FFF;
	height:	71px;
	width: 360px;
}


.bigButtons .hipHopClasses {
	/*display:inline-block;*/
	background-image:url('images/layout/hiphop_tile.gif');
	background-repeat:no-repeat;
	/*background-color: #698cb8;*/
	background-color:#FFF;
	height:	71px;
	width: 360px;
}


.bigButtons .tapClasses {
	/*display:inline-block;*/
	background-image:url('images/layout/tap_tile.gif');
	background-repeat:no-repeat;
	/*background-color: #698cb8;*/
	background-color:#FFF;
	height:	71px;
	width: 360px;
}

.bigButtons .meetTheTeachers {
	/*display:inline-block;*/
	background-image:url('images/layout/teachers_tile.gif');
	background-repeat:no-repeat;
	/*background-color: #698cb8;*/
	background-color:#FFF;
	height:	71px;
	width: 360px;
}


.registerButton {
	background-image:url('images/layout/big-button-over-bg.gif');
	background-repeat: repeat-x;
	height:27px;
	width:310px;
	cursor:pointer;
	text-align:center;
}

.registerButton a:hover{
  text-decoration:none;
  cursor:pointer;
}

.registerButton:hover {
	background:url('images/layout/big-button-over-bg.gif') repeat-x scroll 0px -27px;
}

.registerButton span {
	font-size: 22px;
	color:#FFFFFF;
	display:inline-block;
	margin-left:10px;
}

.timetable {
	margin-top:20px;
	_margin-top:40px;
	*width:100%;
}

/*
.timetable .header{
	background-color: #698cb8;
	color:#FFFFFF;
	padding:2px 10px;
	font-size:16px;
	font-weight:bold;
	width:322px;
}

.timetable .header .date{
	background-color: #698cb8;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
}
*/
.fixedExpandableDiv {
  overflow: auto; 
  height: 145px; 
  display:block;
  /*border-bottom: solid 4px #000; */
  *padding-left:4px;
}

.timetable .table {
  /*height:100%; */  /* ie browsers need to detect width or height to render opacity */
	padding:4px 4px 6px 4px;	
	*padding-left:0px;
	background-color: #000000;
  filter:alpha(opacity=85); 
  -moz-opacity: 0.75;
	left: 0px;
  opacity: 0.85;
  z-index: 99;
	font-size:10px; 
  margin-top:10px;
	
	/*
	background-image:url('images/layout/85-black-bg.png');
	background-repeat: repeat;
	height:100%;
	padding:4px 4px 6px 4px;	
  */

}

.timetable .table .tbl {/* actual table tag */
	/*background-color: #FFFFFF;*/
	font-size:10px;
	border-collapse: collapse;
	width:490px;
}

.timetable .table .tbl tr.heading{
	color:#FFFFFF;
	background-color: Transparent;
    /*height: 100%;*/
	font-size:14px;
	font-weight:bold;
	
}

.timetable .table .tbl tr.heading td{
  border:solid 0px;
}

.timetable .table .tbl tr{
	background-color: #FFFFFF;
}

.timetable .table .tbl td {
	width:25%;
	border: solid 1px black;
	padding-top:8px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:8px;
}




/*# Home : END +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/


/*# Meet Our Teachers +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/
.teachers-thumb {

}

.teachers-thumb .item:hover {

}


.teachers-details {
  height:100%; /* important! for ie transparency to work as well as JQuery fadeIn effect*/
  position:relative;
  display:none;
  width:100%;
  clear:none;
  *margin-top:-25px;
}

.teachers-details table {
  padding-bottom:10px; 
}

.teachers-details table tr td{
  /*width:25%;*/
  padding:0;
  padding-right:20px;
  vertical-align:top;
}

.teachers-profile-left {
 
}

.teachers-profile-right {

}

.teachers-profile-left .item {
  float:left;
  /*overflow:hidden;*/
  position:relative;
  margin-right:40px;
  margin-bottom:10px;
  /*border: solid 1px #444444;*/
  border-bottom:1px solid #666666;
  border-right:1px solid #999;/

}

.alternate {
  margin-right:0px;
}

.alternate .item {

  margin-left:0px;
  margin-right:0;
}

.teachers-profile-left .item:hover {
  /*
  border-right: solid 1px #c4c5c7;
	border-bottom: solid 1px #333333;
	*/
	/*border: solid 1px #c4c5c7;*/
	text-decoration:none;
  /*border-bottom:1px solid #888;
  border-right:1px solid #fff;*/
  cursor:pointer;
}

.teachers-profile-left .item .image{
  *width:141px; 
  *height:126px; /* targets ie 7, 8*/
  _margin-bottom:-3px; /* targets ie6 extra padding */
}

.teachers-profile-left .item .image img {
  /*height:110px;*/
}

.teachers-profile-left .item .txt{
  background-image:url('images/layout/75-black-bg.png');
	background-repeat: repeat;
	color:#ffffff;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	*width:163px;
}


.teachers-profile-left .entry{
  clear:both;
  padding-bottom:10px;
}

.teachers-profile-left .entry .left{
  float:left;
  border-right: solid 2px transparent;
	border-bottom: solid 2px transparent;
	_border-right: none;
	_border-bottom: none;
}

.teachers-profile-left .entry .right{
  float:left;
  margin-left:40px;
   border-right: solid 2px transparent;
	border-bottom: solid 2px transparent;
	_border-right: none;
	_border-bottom: none;
}

.teachers-profile-left .entry .left:hover, .teachers-profile-left .entry .right:hover {
	border-right: solid 2px #c4c5c7;
	border-bottom: solid 2px #333333;
	text-decoration:none;
}

.teachers-profile-left .entry .image{
  
}

.teachers-profile-left .entry .txt{
  background-image:url('images/layout/75-black-bg.png');
	background-repeat: repeat;
	color:#ffffff;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	_width:162px;
}

.teachers-profile-left a:hover {
  cursor:pointer;
  text-decoration:none;
  border:solid 0px;
}

.chelsea-thumb a{
  cursor:pointer;
  text-decoration:none;
}

.melissa-detail {
  height:100%;
  position:relative;
}

.chelsea-detail, .robyn-detail, .carolina-detail, .amelia-detail, .jessica-detail, .lisa-detail, .natasha-detail, .bethany-detail {
  height:100%;
  position:relative;
  display:none;
}

.teachers-profile-right .left {
  float:left;
  width:200px;
  padding-top:10px;
  padding-bottom:10px;
  
}

.teachers-profile-right .right {
  float:left;
  padding-left:10px;
  width:280px;
}

.teachers-profile-right table h2{
  margin-top:0px;
}

/*# Meet Our Teachers : END +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/




/*# What to Wear, Locations +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/

.what-to-wear-thumb, 
.location-thumb  {

}

.what-to-wear-thumb .item:hover, 
.location-thumb .item:hover {

}


.what-to-wear-details,  
.location-details{
  height:100%; /* important! for ie transparency to work as well as JQuery fadeIn effect*/
  position:relative;
  display:none;
}

.what-to-wear-details table, 
.location-details table  {
  padding-bottom:10px; 
}

.what-to-wear-details table tr td, 
.location-details table tr td{
  /*width:25%;*/
  padding:0;
  padding-right:20px;
}

.what-to-wear-left,  
.location-left{
 
}

.what-to-wear-right,  
.location-right{

}

.what-to-wear-left .item, 
.location-left .item  {
  float:left;
  /*overflow:hidden;*/
  position:relative;
  margin-right:40px;
  margin-bottom:10px;
  /*border: solid 1px #444444;*/
  border-bottom:1px solid #666666;
  border-right:1px solid #444444;
}

.alternate {
  margin-right:0px;
}

.alternate .item {

  margin-left:0px;
  margin-right:0;
}

.what-to-wear-left .item:hover,
.location-left .item:hover {
  /*
  border-right: solid 1px #c4c5c7;
	border-bottom: solid 1px #333333;
	*/
	/*border: solid 1px #c4c5c7;*/
	text-decoration:none;
  border-bottom:1px solid #fff;
  border-right:1px solid #ccc;
}

.what-to-wear-left .item .image,
.location-left .item .image {
  *width:141px; 
  *height:126px; /* targets ie 7, 8*/
  _margin-bottom:-3px; /* targets ie6 extra padding */
}

.what-to-wear-left .item .image img,
.location-left .item .image img {
  /*height:110px;*/
}

.what-to-wear-left .item .txt,
.location-left .item .txt {
  background-image:url('images/layout/75-black-bg.png');
	background-repeat: repeat;
	color:#ffffff;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	width:163px;
}


.what-to-wear-left .entry,
.location-left .entry {
  clear:both;
  padding-bottom:10px;
}

.what-to-wear-left .entry .left,
.location-left .entry .left {
  float:left;
  border-right: solid 2px transparent;
	border-bottom: solid 2px transparent;
	_border-right: none;
	_border-bottom: none;
}

.what-to-wear-left .entry .right,
.location-left .entry .right {
  float:left;
  margin-left:40px;
   border-right: solid 2px transparent;
	border-bottom: solid 2px transparent;
	_border-right: none;
	_border-bottom: none;
}

.what-to-wear-left .entry .left:hover, .what-to-wear-left .entry .right:hover,
.location-left .entry .left:hover, .location-left .entry .right:hover  {
	border-right: solid 2px #c4c5c7;
	border-bottom: solid 2px #333333;
	text-decoration:none;
}

.what-to-wear-left .entry .image, 
.location-left .entry .image {
  
}

.what-to-wear-left .entry .txt,
.location-left .entry .txt {
  background-image:url('images/layout/75-black-bg.png');
	background-repeat: repeat;
	color:#ffffff;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	_width:162px;
}

.what-to-wear-left a:hover,
.location-left a:hover {
  cursor:pointer;
  text-decoration:none;
  border:solid 0px;
}

.what-to-wear-right .left,
.location-right .left {
  float:left;
  width:200px;
  padding-top:10px;
  padding-bottom:10px;
  
}

.what-to-wear-right .right,
.location-right .right {
  float:left;
  padding-left:10px;
  width:280px;
}


/*# What to Wear, Locations : END +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/



/*# Photos  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/
.gallery-photo-albums {
  border:solid 0px red;
  float:left;
  padding-top:18px;
  padding-left:30px;
  padding-right:30px;
  /*width:152px;*/
  
}

.gallery-photo-albums .divAlbumThumbBg {
  border:solid 0px;
  height:120px;
  width:155px;
  background-image:url('images/layout/folder.gif');
  background-repeat:no-repeat;
  display:inline-block;

}

.gallery-photo-albums .divAlbumThumb {
  /*border-right:1px solid #999999;
  border-bottom:2px solid #555555;*/
  height:70px;
  width:110px;
  overflow:hidden;
  text-align:center;
 /* margin-top:20px;*/
  margin-left:auto;
  margin-right:auto;
  border:solid 4px #FFF;
  border-bottom:12px solid;
}

.gallery-photo-albums .border{
  height:79px;
  overflow:hidden;
  width:120px;
  text-align:center;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  border-bottom:2px solid #444444;
  border-right:1px solid #999999;
}

.gallery-photo-albums .divAlbumThumb a{

}

.gallery-photo-albums .divAlbumDetail {
  /*padding-left:12px;
  padding-right:12px;*/
}

.gallery-photo-albums .divAlbumDetail .details{
  margin-bottom:5px;
  color: #5683B4;
  font-size:12px;
  font-weight:bold;
  text-align:left;
}

.gallery-photo-albums .divAlbumDetail .date{
  text-align:right;
  font-size:9px;
}

/******* gallery -photos ********/
.album-details {

}


.gallery-photos {
  border:solid 0px red;
  float:left;
  /*padding:13px;*/
  padding:8px;
  *width:150px;
}

.gallery-photos .divAlbumThumb{
  background-color:#000;
  /*border-right:1px solid Transparent;
  border-bottom:2px solid Transparent;*/
  height:80px;
  overflow:hidden;
  width:110px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  
  border:solid 4px #FFF;
  border-bottom:12px solid;
}

.gallery-photos .border{
  border-bottom:2px solid #444444;
  border-right:1px solid #999999;
  *width:119px;
  *height:96px;
}


.gallery-photos .divAlbumThumb:hover{
  /*border-right:1px solid #999999;
  border-bottom:2px solid #555555;*/
}

/*# Photos : END +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/





/*# Tables  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/

/*************  default style **************************/


.blackWhiteTable {
	/*	position:relative;
  top:25px;*/
  padding-top:10px;
  /*_margin-top:20px;*/ /* target ie 6 - double margin*/
  *width:100%;
  
}

#sb-wrapper .blackWhiteTable {
  *width:97%;
}

/*
.blackWhiteTable .header{
	background-color: #698cb8;
	color:#FFFFFF;
	padding:2px 10px;
	font-size:16px;
	font-weight:bold;

}

.blackWhiteTable .header .date{
	background-color: #698cb8;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
}
*/



.blackWhiteTable .table {
  height:100%;   /*ie browsers need to detect width or height to render opacity */
	padding:4px 4px 4px 4px;	
	background-color: #000000;
  filter:alpha(opacity=85); 
  -moz-opacity: 0.75;
	left: 0px;
  opacity: 0.85;
  z-index: 99;
	font-size:10px; 
	
	/*
	background-image:url('images/layout/75-black-bg.png');
	background-repeat: repeat;
	width:100%;
	
	padding:4px 4px 6px 4px;	
	z-index:1;
  height:100%;
  */
}

.blackWhiteTable .table .tbl {  /* actual table tag */
	/*background-color: #FFFFFF;*/
	font-size:10px;
	border-collapse: collapse;
	width:100%;
}

.blackWhiteTable .table .tbl tr.heading{
	color:#FFFFFF;
	background-color: Transparent;
    /*height: 100%;*/
	font-size:14px;
	font-weight:bold;
}

.blackWhiteTable .table .tbl tr.heading td{
  border:solid 0px;
}

.blackWhiteTable .table .tbl tr{
	background-color: #FFFFFF;
	
}

.blackWhiteTable .table .tbl td {
	/*width:5%;*/
	border: solid 1px black;
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
}



/*************  default style end **************************/

/***************  custom style  (specific to class names) **************************/


.blackWhiteTable .table .tbl td.narrow {
  width:1%;
}

.blackWhiteTable .table .tbl td.medium {
  width:17%;
}

.blackWhiteTable .table .tbl td.wide {
  width:40%;
}

.blackWhiteTable .table .tbl td.percent-10 {  width:10%; }
.blackWhiteTable .table .tbl td.percent-15 {  width:15%; }
.blackWhiteTable .table .tbl td.percent-32 {  width:32%; }

.gridview {
  border:none;
}


/****** Specific to Enrolment/Application Form *************/
.headerstyle th {
  border-style: solid;
  border-color: inherit;
  border-width: 0px;
  background: ;
  color:#ffffff;
  border-collapse: collapse;
  text-align:left;
  
  font-size:14px;
  font-weight:bold;
  padding:4px;
}

.rowstyle td  {
  background:#ffffff;
  height:25px;
  border:solid 1px #000;
  padding:4px;
}

.alternatingrowstyle td {
  background:#ffffff;
  height:25px;
  border:solid 1px #000;
  padding:4px;
}

.del {
  text-align:center;
}

.icon-delete { margin-left:auto;margin-right:auto; display: block; width: 16px; height: 16px; border-style: none; background: transparent url('/App_Themes/webadmin/icons/icons.gif') no-repeat 0px -192px; }


.fee {
  color:#ffffff;
  float:right;
  
  font-size:12px;
  font-weight:bold;
  padding-top:5px;
 /* line-height:20px;*/
}

.feetotal {
  color:#ffffff;
  float:right;
  
  font-size:13px;
  font-weight:bold;
  padding-top:5px;
  /*line-height:20px;*/
}



.total {
  font-size:15px;
  /*width:210px;*/
}

.fee-discount {
  color:green;
}

.enrol-msg {
  border:solid 0px;
  display:inline-block;
  width:100%;
}

/****** Specific to Enrolment Form: END *************/




/***************  custom style   **************************/

/*# Tables : END +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/






































/*# Form +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/
.form {
  clear: both;
  float: left;
  padding: 0px;
  margin: 10px 0px 0px 0px;
  width: 100%;
}
.form .entry {
  clear: both;
  float: left;
  overflow: auto;
  width: 100%;
  padding: 0px;
  margin: 8px 0px 0px 0px;
}
.form .entry .caption {
  float: left;
  width: 165px;
  font-size: 11px;
  background-color: #efefef;
  padding: 7px 0px 7px 12px;
  margin: 0px;
  border-left: solid 3px #82caed;
}
.form .entry .required {
  font-weight: bold;
}
.form .entry .input {
  float: left;
  padding: 0px 0px 0px 5px;
}
.form .entry .input-info {
  float: left;
  padding: 7px 0px 0px 5px;
}
.form .entry .inputfull {
  float: left;
  width: 600px;
  padding: 0px 0px 0px 5px;
}
.form .entry .validator {
  float: left;
  padding: 0px;
  margin: 4px 0px 0px 5px;
}
.form .entry .small {
  clear: both;
  float: inherit;
  padding: 0px;
  margin: 4px 0px 0px 187px;
  /* Special Style*/
  font-size: smaller;
}
.form .entryflow {
  clear: both;
  float: left;
  overflow: auto;
  width: 100%;
  padding: 0px;
  margin: 8px 0px 0px 0px;
  border-left: solid 3px #9dc1f0;
}
.form .entryflow .caption {
  clear: both;
  float: none;
  font-size: 11px;
  background-color: #efefef;
  padding: 7px 0px 7px 12px;
  margin: 0px;
}
.form .entryflow .input {
  clear: both;
  float: none;
  padding: 0px 0px 0px 12px;
}
.form .entryflow .validator {
  float: left;
  padding: 0px;
  margin: 4px 0px 0px 5px;
}
.form .entryflow .small {
  clear: both;
  float: inherit;
  padding: 0px;
  margin: 4px 0px 0px 12px;
  /* Special Style*/
  font-size: smaller;
}
.form .section {
  clear: both;
  float: inherit;
  padding: 0px;
  margin: 20px 0px 0px 187px;
  /* Special Style*/
  font-size: larger;
  font-weight: bold;
}
.form .options {
  clear: both;
  float: inherit;
  padding: 0px;
  margin: 10px 0px 10px 185px;
  /* Special Style*/
  font-size: 11px;
}
.form .submit {
  clear: both;
  float: inherit;
  padding: 0px;
  margin: 10px 0px 10px 185px;
}
.form .spliter10 {
  clear: both;
  float: none;
  height: 10px;
  border: none;
}

.input { font-family: Tahoma; }
.input_30 { font-family: Tahoma; width: 30px; }
.input_50 { font-family: Tahoma; width: 50px; }
.input_60 { font-family: Tahoma; width: 60px; }
.input_70 { font-family: Tahoma; width: 70px; }
.input_80 { font-family: Tahoma; width: 80px; }
.input_90 { font-family: Tahoma; width: 90px; }
.input_95 { font-family: Tahoma; width: 95px; }
.input_100 { font-family: Tahoma; width: 100px; }
.input_120 { font-family: Tahoma; width: 120px; }
.input_150 { font-family: Tahoma; width: 150px; }
.input_170 { font-family: Tahoma; width: 170px; }
.input_200 { font-family: Tahoma; width: 200px; }
.input_220 { font-family: Tahoma; width: 220px; }
.input_230 { font-family: Tahoma; width: 230px; }
.input_250 { font-family: Tahoma; width: 250px; }
.input_300 { font-family: Tahoma; width: 300px; }
.input_350 { font-family: Tahoma; width: 350px; }
.input_400 { font-family: Tahoma; width: 400px; }
.input_450 { font-family: Tahoma; width: 450px; }
.input_500 { font-family: Tahoma; width: 500px; }

.input11 { font-family: Tahoma; font-size: 11px; }
.input11_30 { font-family: Tahoma; font-size: 11px; width: 30px; }
.input11_50 { font-family: Tahoma; font-size: 11px; width: 50px; }
.input11_60 { font-family: Tahoma; font-size: 11px; width: 60px; }
.input11_70 { font-family: Tahoma; font-size: 11px; width: 70px; }
.input11_80 { font-family: Tahoma; font-size: 11px; width: 80px; }
.input11_90 { font-family: Tahoma; font-size: 11px; width: 90px; }
.input11_95 { font-family: Tahoma; font-size: 11px; width: 95px; }
.input11_100 { font-family: Tahoma; font-size: 11px; width: 100px; }
.input11_120 { font-family: Tahoma; font-size: 11px; width: 120px; }
.input11_150 { font-family: Tahoma; font-size: 11px; width: 150px; }
.input11_170 { font-family: Tahoma; font-size: 11px; width: 170px; }
.input11_200 { font-family: Tahoma; font-size: 11px; width: 200px; }
.input11_250 { font-family: Tahoma; font-size: 11px; width: 250px; }
.input11_300 { font-family: Tahoma; font-size: 11px; width: 300px; }
.input11_350 { font-family: Tahoma; font-size: 11px; width: 350px; }
.input11_400 { font-family: Tahoma; font-size: 11px; width: 400px; }
.input11_450 { font-family: Tahoma; font-size: 11px; width: 450px; }
.input11_500 { font-family: Tahoma; font-size: 11px; width: 500px; }

.input12 { font-family: Tahoma; font-size: 12px; }
.input12_30 { font-family: Tahoma; font-size: 12px; width: 30px; }
.input12_50 { font-family: Tahoma; font-size: 12px; width: 50px; }
.input12_60 { font-family: Tahoma; font-size: 12px; width: 60px; }
.input12_70 { font-family: Tahoma; font-size: 12px; width: 70px; }
.input12_80 { font-family: Tahoma; font-size: 12px; width: 80px; }
.input12_90 { font-family: Tahoma; font-size: 12px; width: 90px; }
.input12_95 { font-family: Tahoma; font-size: 12px; width: 95px; }
.input12_100 { font-family: Tahoma; font-size: 12px; width: 100px; }
.input12_120 { font-family: Tahoma; font-size: 12px; width: 120px; }
.input12_150 { font-family: Tahoma; font-size: 12px; width: 150px; }
.input12_170 { font-family: Tahoma; font-size: 12px; width: 170px; }
.input12_200 { font-family: Tahoma; font-size: 12px; width: 200px; }
.input12_250 { font-family: Tahoma; font-size: 12px; width: 250px; }
.input12_300 { font-family: Tahoma; font-size: 12px; width: 300px; }
.input12_350 { font-family: Tahoma; font-size: 12px; width: 350px; }
.input12_400 { font-family: Tahoma; font-size: 12px; width: 400px; }
.input12_450 { font-family: Tahoma; font-size: 12px; width: 450px; }
.input12_500 { font-family: Tahoma; font-size: 12px; width: 500px; }

.input-text {
  padding: 4px 2px 2px 4px;
  border-top-style: none;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #aaa;
  border-left-style: none;
  background: #fff url('images/layout/input-text-bg.png') no-repeat;
}

.btnNormal {
  width: 92px;
  height: 24px;
  cursor: pointer;
  background: url('images/layout/normal-button.gif') repeat-x 0px 0px;
  border: none;
  
  font-family: Tahoma;
  font-weight: bold;
  font-size: 11px;
  font-variant: small-caps;
  color: #fff;
}
.btnNormal:hover {
  background: url('images/layout/normal-button.gif') repeat-x 0px -24px;
}
.btnNormalSmall {
  width: 40px;
  height: 18px;
  cursor: pointer;
  background: url('images/layout/normal-button-small.gif') repeat-x 0px 0px;
  border: none;
  
  font-family: Tahoma;
  font-weight: bold;
  font-size: 9px;
  color: #fff;
}
.btnNormalSmall:hover {
  background: url('images/layout/normal-button-small.gif') repeat-x 0px -18px;
}
.btnNormalLong {
  width: 150px;
  height: 24px;
  cursor: pointer;
  background: url('images/layout/normal-button-long.gif') repeat-x 0px 0px;
  border: none;
  
  font-family: Tahoma;
  font-weight: bold;
  font-size: 11px;
  font-variant: small-caps;
  color: #fff;
}
.btnNormalLong:hover {
  background: url('images/layout/normal-button-long.gif') repeat-x 0px -24px;
}
.btnCancel {
  width: 92px;
  height: 24px;
  cursor: pointer;
  background: url('images/layout/cancel-button.gif') repeat-x 0px 0px;
  border: none;
  
  font-family: Tahoma;
  font-weight: bold;
  font-size: 11px;
  font-variant: small-caps;
  color: #fff;
}
.btnCancel:hover {
  background: url('images/layout/cancel-button.gif') repeat-x 0px -24px;
}


.validationsummary {
  font-size: 11px;
	background-color: #ffcccc;
	color: #ff6633;
  border: 1px dotted #cc0000;
  margin: 10px 0px 0px 0px;
}
.validationsummary ul {
  padding: 5px 20px 5px 25px;
  margin: 0px;
}

.inlinemessage_info {
  display: block;
  font-size: inherit;
  color: #ffffff;
  background-color: #1a75d0;
  border: 1px dotted #006699;
  padding: 5px 10px 5px 10px;
  margin: 10px 0px 10px 0px;
}
.inlinemessage_warn {
  display: block;
  font-size: inherit;
  color: #333333;
  background-color: #ffffcc;
  border: 1px dotted #cc6600;
  padding: 5px 10px 5px 10px;
  margin: 10px 0px 10px 0px;
  *padding-left:0px;
  
}
.inlinemessage_error {
  display: block;
  font-size: inherit;
  color: #333333;
  background-color: #ffcccc;
  border: 1px dotted #cc0000;
  padding: 5px 10px 5px 10px;
  margin: 10px 0px 10px 0px;
}



/*# Form : END +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/


/*# Custom Style Form - overwriting the above style +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/
.form {
  float:none;
  width:auto;
}
 
 /*** blue box ***/
/*.form .entry .caption { 
  background-color:#759DCE;
  color:#FFFFFF;
  border-left: solid 3px #5D89C3;
}*/

 /*** transparent ***/
.form .entry .caption { 
  background-color:Transparent;
  color:#FFFFFF;
  border-left: none;
  padding: 5px 0px 5px 12px;
  width:135px;
}
 
 .form .entry .small {
  margin:4px 0 0 152px;
 }
 
 /*** black white box ***/
/*.form .entry .caption { 
  background-color:#222222;
  color:#FFFFFF;
  border-left: solid 3px #ffffff;
}*/

.float-left {
  float:left;
  position:relative;
}

.float-right {
  float:right;
  position:relative;
}


.btnNormal {
  background-image:url('images/layout/big-button-over-bg.gif');
	background-repeat: repeat-x;
	height:27px;
	width:92px;
	cursor:pointer;
	text-align:center;  
	font-family: Verdana, Helvetica, Arial;
  font-size:11px;
  padding-bottom:4px;
  _padding-bottom:0px;
}

.btnNormalShort {
  background-image:url('images/layout/big-button-over-bg.gif');
	background-repeat: repeat-x;
	height:27px;
	width:40px;
	cursor:pointer;
	text-align:center;  
	font-family: Verdana, Helvetica, Arial;
  font-size:11px;
  padding-bottom:4px;
  _padding-bottom:0px;
}

.btnNormalLong {
  background-image:url('images/layout/big-button-over-bg.gif');
	background-repeat: repeat-x;
	height:27px;
	width:150px;
	cursor:pointer;
	text-align:center;  
	font-family: Verdana, Helvetica, Arial;
  font-size:11px;
  padding-bottom:4px;
  _padding-bottom:0px;
}

.btnNormal:hover, .btnNormalShort:hover, .btnNormalLong:hover {
  background:url('images/layout/big-button-over-bg.gif') repeat-x scroll 0px -27px;
}
.btnCancel {
  background-image:url('images/layout/cancel-button-over-bg.gif');
	background-repeat: repeat-x;
	height:27px;
	width:150px;
	cursor:pointer;
	text-align:center;  
	font-family: Verdana, Helvetica, Arial;
  font-size:11px;
  padding-bottom:4px;
  _padding-bottom:0px;
}
.btnCancel:hover {
  background:url('images/layout/cancel-button-over-bg.gif') repeat-x scroll 0px -27px;
}

.registerButton span {
	font-size: 22px;
	color:#FFFFFF;
	display:inline-block;
	margin-left:10px;
}


.form .entry {
  margin:2px 0 0;
  padding:0;
  float:none;
}

.validationsummary {
  background-color:Transparent;
  background-image:url('images/layout/75-black-bg.png');
	background-repeat:repeat;
	width:100%;
}

.form .submit { 
  float:right;
  *margin:0;
  /*margin:0;
  padding:0;*/
}


/* Specific to Master Page top */
.top .btnNormal {
  background:none;
  width:50px;
  color:#888;
  height:18px;
}

.top .btnNormal:hover {
  border: solid 0px #FFFFFF;
  margin:0;
  height:18px;
}
/* Specific to Master Page top: END */

/* Specific to Register page */

.register .form .submit {
  /*margin:10px 0 10px 400px;*/
  float:right;
}


/* Specific to Register page: END */


/* Specific to Login page */
.login .form .entry {
  margin:0px 0 0;
  clear:none;
  float:left;
  width:auto;
  margin-right:10px;
}

.login .form .options {
  margin:10px 0 10px 0px;
  color:#444;
}

.login .form .entry .caption {
  width:100px;
  background:none;
  color:#000000;
  border-left:none;
  float:none;
  padding:10px 0 1px 0px;
  font-weight:bold;
}

.login .form .entry .input {
  padding:0 0 0 0px;
}

.login .form .entry .small {
  margin:10px 0 10px 347px;
}

.login .form .submit {
  float:none;
  margin:10px 0 10px 237px;
}

.login .button-right {
  left:-186px;
  position:relative;
}

/* Specific to Login page: END */


/* Specific to Contact Us page */

.contact-us .form .entry {
  margin:0px 0 0;
}
.contact-us .form .entry .caption {
  width:100px;
  background:none;
  color:#000000;
  border-left:none;
  float:none;
  padding:10px 0 1px 0px;
}

.contact-us .form .entry .input {
  padding:0 0 0 0px;
}

.contact-us .form .entry .small {
  margin:10px 0 10px 374px;
}

.contact-us .form .submit {
  /*margin:10px 0 10px 357px;*/
}

.contact-details *{
 /*border:solid 1px;*/
}

.contact-details {
  position:relative;
  top:-55px;
  *top:-65px;
  width:250px;
}

.contact-details .entry{
  width:100%;
  display:inline-block;
  letter-spacing:2px;
  margin-bottom:10px;
}

.contact-details .entry .left {
  width:75px;
  float:left;
  margin-right:20px;
  font-weight:bold;
  font-size:16px;
}

.contact-details .entry .left span{
  float:right;
  
}

.contact-details .entry .right {
  float:left;
  line-height:18px;
}

/* Specific to Contact Us page: END*/

/* Specific to Dependents page*/

.dependents .form .entry .caption {
  width:77px;
}

.dependents .form .entry .small {
  margin:4px 0 0 88px;
}

.dependents .form .submit {
  margin:0;
}

.dependents .form .submit .btnCancel {
  width:100px;
}
/* Specific to Dependents page: END*/

/* Specific to Change Password page*/

.changepassword .form .submit {
  float:none;
  margin:0 0 10px 152px;
}

/* Specific to Change Password page: END*/


/****** Specific to Forgot Password Form*************/

.forgotpassword  .form .entry .caption {
  padding:5px 0 5px 0;
  width:85px;
}

/****** Specific to Forgot Passwor Form: END *************/


/* Specific to Change Enrolment-Application page*/

.payment-table {
  border:solid 0px;
  border-collapse: collapse;
  position:relative;
  _margin-bottom:10px;
}

.payment-table tr td {
  border:solid 0px red;
  padding:0;
  margin:0; 
  position:relative;
  padding-top:5px;
  padding-bottom:5px;
}

.payment-table tr td input{
  position:relative;
  float:left;
}

.payment-table tr td div{
   position:relative;
   float:left;
   /*width:320px;*/
   margin-left:10px;
   _margin-bottom:-10px;
}

.cheque {
   border:solid 1px;
}

.cash {
   border:solid 1px;
}

.internettransfer {
   border:solid 1px;
}

.payment-method .form .entry .caption {
  width:88px;
}

.payment-method .form .entry .input {
  width:88%;
}

.payment-method .form .entry .small  {
  margin:4px 0 0 486px;
}

.payment-method i {
  color:Red;
  font-style:normal;
  font-size:11px;
}

.discounts-advertisement ul{
  padding:5px;
}

/* Specific to Change Enrolment-Application page: END*/


/****** Specific to Unsubscription eNews Form *************/

.unsubscription-enews 
.form .entry .caption 
{
    padding:7px 0 7px 40px;
    width:78px
}

.unsubscription-enews
.form .entry .input-info {
    padding:6px 0 0 5px;
    font-weight:bold; 
}

.unsubscription-enews
.btnCancel {
  width:135px;
}
/****** Specific to Unsubscription eNews Form: End *************/

/*# Custom Style Form: END  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #*/



.icon-edit1 { float: left; display: block; width: 16px; height: 16px; border-style: none; background: transparent url('/App_Themes/webadmin/icons/icons.gif') no-repeat 0px -208px; }


