/*The id Selector*/
/*
You can also define styles for HTML elements with the id selector. The ID selector is defined as a #.

The style rule below will match the element that has an ID attribute with a value of "green": align="left"

#green {color: green} 

*/
HTML, BODY {width:100%; height:100%}
BODY {font:75% 'Arial Narrow', Arial, Tahoma, Verdana, sans-serif; color:#fefefe; text-align:center; margin:0; padding:0; background:#000}


IMG {border:0;}

P {margin-bottom:0}

H1 {font-size:160%; margin-top:9px; margin-bottom:0;}
H2 {font-size:125%; margin-bottom:0;}
H3 {font-size:100%; margin-bottom:0;}

UL {list-style-type:none; margin-left:11px; padding-left:0}
LI {padding-left:8px; padding-bottom:8px; background:url(../images/bullet_ul.gif) 0 8px no-repeat}

HR {height:1px; font-size:1px; margin-top:6px; background:#666}

TABLE {border:0; border-collapse:collapse;}
TD {vertical-align:top; padding:0;}

FORM {margin:0; padding:0}
INPUT, TEXTAREA, SELECT {font:95% Arial, Tahoma, Verdana, sans-serif; color:#263846;}

A.more {font-style:italic; font-weight:bold}

.wrapper {width:100%}
.clear {height:1px; font-size:1px; clear:both;}
.sepLine {height:1px; font-size:1px; margin-top:6px; background:#666}

.gray {color:#b3b3b3}

.printVer {float:right; font-weight:bold; padding-top:17px; padding-right:3px}
.printVer A {padding-left:16px; background:url(../images/icon_printver.gif) 0 5px no-repeat}

.holder {width:800px;  height:100%; margin:0 auto;}
.border {min-height:100%; height:100%; text-align:left; margin:0 auto; border-left:1px solid #fff; border-right:1px solid #fff;}
html>body .border {height:auto}
#header {background:#545454}
#logo {padding:22px 20px 16px 41px}
#logo IMG {width:203px; height:60px}
.date {float:right; font-size:12px; color:#fff; text-align:right; padding:50px 17px 0 0;}
.homepageDate {padding-right:39px}
.date DIV {font-size:19px; font-weight:bold;}

.searchBlock {float:right; margin-top:7px; padding:0 15px 0 13px; border-left:1px solid #7c7c7c}
.searchBlock SELECT {width:151px; margin-left:1px; margin-bottom:7px;}
.searchBlock INPUT {width:151px; border:0px solid; margin-left:1px; padding:3px 0}
.searchBlockA {font-weight:bold; margin-left:28px; vertical-align:top}


#menu {min-height:21px; height:21px; font-size:12px; color:#7e97a8; list-style-type:none; margin:0; padding:0 0 0 5px; background:#3e647e url(../images/menu_bg.gif) 0 0 repeat-x}
html>body #menu {height:auto}
#menu LI {float:left; margin:0; padding:0; background:none}
#menu A {float:left; height:21px; color:#fff; padding:0 11px}
#menu A:hover {color:#fff; padding:0 11px; background:#5481a9 url(../images/menu_bg_hover.gif) 0 0 repeat-x}
#menu SPAN {display:block; padding-top:2px}
#menu .open, #menu .open:hover {color:#1c3b56; background:#7f9eb7 url(../images/menu_bg_open.gif) 0 0 repeat-x}
#homepageMenu {min-height:21px; height:21px; font-size:12px; color:#7e97a8; list-style-type:none; margin:0; padding:0 0 0 5px; background:#3e647e url(../images/menu_bg.gif) 0 0 repeat-x}
html>body #homepageMenu {height:auto}
#homepageMenu LI {float:left; margin:0; padding:2px 11px 0 11px; background:none}
/*
#subMenu .open, #subMenu .open:hover {color:#1c3b56; background:#7f9eb7 url(../images/menu_bg_open.gif) 0 0 repeat-x}
*/
#subMenu {min-height:21px; height:21px; font-size:12px; list-style-type:none; margin:0; padding:0 0 0 5px; background:#1f323f}
html>body #subMenu {height:auto}
#subMenu LI {float:left; margin:0; padding:2px 11px 0 11px; background:none}
#subMenu A {color:#d2d6d9;}
#subMenu A:hover {color:#99ccff;}	
#subMenu .open, #subMenu .open:hover { font-weight:bold; color:white;}
.noSubMenu {height:21px;}

.menuLev3 {font-weight:bold; padding-top:13px}
.menuLev3SPAN {font-size:17px; color:#666666; font-weight:normal; padding:0 4px 0 3px}

.menuLev31 {font-weight:bold; padding-top:13px;  }
.menuLev31 SPAN {font-size:17px; color:#666666; font-weight:normal; padding:0 4px 0 3px}

.menuLev32 {font-weight:bold; padding-top:13px; padding-bottom:32px; text-align:right;}
.menuLev32 SPAN {font-size:17px; color:#666666; font-weight:normal; padding:0 4px 0 3px;}



.homePage {min-height:380px; height:380px; border-bottom:1px solid #323232; background:url(../images/pic.jpg) left bottom no-repeat}
html>body .homePage {height:auto}
.homePage .content {padding:53px 22px 0 335px}
.homePage .txt {padding-right:63px}
.homePage .citys {padding-top:30px; font-size:120%;}
.homePage .citys DIV {float:left; font-size:110%; padding:13px 33px 0 0}
.homePage .citys .canada {padding-right:53px}
.homePage .citys H1 {font-size:100%; color:#fefefe; margin:0 0 18px 0}

#footer {margin:30px 0 10px 335px}
#footer .copy {float:left; padding-top:2px}
#footer .addMenu {float:right; padding-right:22px}
#footer .addMenu A {font-size:95%;}
#footer .addMenu SPAN {font-size:15px; color:#666666; padding:0 5px 0 4px}

#printfooter {margin:30px 0 10px 335px}
#printfooter .copy {float:left; padding-top:2px}
#printfooter .info {float:left; padding-top:2px}

.mainPage {padding:31px 2px 0 1px; border-bottom:1px solid #323232; background:url(../images/pic.jpg) left bottom no-repeat}
.mainPage TD {width:159px; color:#fff; background:url(../images/mainpage_bg.gif) left top repeat-y}
.mainPage TD.first {width:318px; padding-bottom:285px}
.mainPage TD.nosep {background:none}
.mainPage H1 {font-size:110%; margin:0}
.mainPage .when {color:#cccccc; font-style:italic; font-weight:bold}
.mainPage .indent {padding:1px 15px}
.mainPage P {margin-bottom:0}

.inPage {padding:0 17px}
.inPageDanceSport {padding:0 17px; padding-left: 0;}

.formDecoration TD {padding-bottom:2px}
.formDecoration .label {text-align:right; padding:6px 6px 0 0}
.formDecoration .labelLeft {text-align:left; padding:6px 6px 0 0}
.formDecoration .req {padding-top:0}
.formDecoration .reqSPAN {color:#ff0000; font-size:19px}
.formDecoration .field {padding-right:0; padding-left:0; margin-top:5px}
.formDecoration DIV {float:left;}
.formDecoration DIV.clear {float:none}
.formDecoration .checkboxes input {vertical-align:middle; margin-left:16px}
.formDecoration .checkboxes {vertical-align:middle;}
.formDecoration .checkboxes {padding-top:5px}
.formDecoration .checkboxes .section {font-size:105%; font-weight:bold}
.formDecoration .comment {color:#959595; padding-bottom:3px; text-align:left}
.button INPUT {height:20px; margin:15px 0 8px 0}
.formDecoration .reqField {color:#959595; text-align:right; padding:3px 8px 0 0}
.formDecoration .reqField SPAN {color:#ff0000; font-size:19px}
.formDecoration .txtFields TD {padding-top:9px; padding-bottom:4px;}
.formDecoration .txtFields-0 TD {padding-top:0;}
.formDecoration .calendar {padding-top:4px}
.formDecoration .calendar SELECT {vertical-align:middle}
.formDecoration .calendar INPUT {vertical-align:middle; color:Gray;}
.formDecoration .calendar IMG {width:18px; height:17px; vertical-align:middle; margin:0 2px 0 1px}

.afterAdd {text-align:center; padding-top:48px}
.afterAdd .button {padding-top:13px}
.afterAdd .button INPUT {margin:16px 0 0 0}

.addInstructor {padding-left:92px}
.addInstructor .field {margin-top:3px; margin-bottom:15px}
.addInstructor .button {padding-top:6px}
.addInstructor .button INPUT {margin-top:0}

.rightBlock {float:right; width:260px; padding-top:8px}
.rightBlock .button {margin:15px 0 0 0;}

.rightBlock2 {float:right; width:313px;}
.rightBlock2 .indent {padding-left:15px}
.rightBlock2 .menuLev3 {padding:5px 0 29px 0}
.rightBlock2 .menuLev31 {padding:5px 0 29px 0; text-align:right}
.rightBlock2 P {margin-top:7px}
.rightBlock2 IMG {float:right; margin-left:10px}
.rightBlock2 .logo {margin-top:10px}

.rightBlockPrint {float:right; width:280px;}
.rightBlockPrint .indent {padding-left:25px}
.rightBlockPrint .menuLev3 {padding:5px 0 29px 0}
.rightBlockPrint .menuLev31 {padding:5px 0 29px 0; text-align:right}
.rightBlockPrint P {margin-top:7px}
.rightBlockPrint IMG {float:right; margin-left:10px}
.rightBlockPrint .logo {margin-top:10px}

.studioProfile H2 {margin:6px 0 0 0; font-size:125%}
.studioProfile .instructorBlock {float:left; width:286px; padding:12px 0 13px 0;}
.studioProfile .instructorBlock DIV {padding-right:20px}
.studioProfile .instructorBlock IMG {float:left; margin:4px 11px 0 0}

.back {margin-top:5px}

.searchStudioBlock {padding-top:1px}
.searchStudioBlock DIV {float:left; padding-right:9px}
.searchStudioBlock .field {width:130px; padding-right:0; padding-left:0; margin-top:1px}
.searchStudioBlock SELECT {margin-top:2px}
.searchStudioBlock .button INPUT {width:72px; height:20px; margin:18px 0 0 0}
.searchStudioBlock .txt {font-weight:bold; padding-top:4px}

.pageNav {width:100%; margin-top:7px}
.pageNav .left {white-space:nowrap;}
.pageNav .center {width:100%; font-size:120%; text-align:center}
/*.pageNav A, .pageNav SPAN {font-weight:bold}*/
.pageNav .right {font-size:120%; text-align:right; white-space:nowrap;}

.pageNavA {font-weight:bold}
.pageNavGray {color:#b3b3b3; font-weight:bold}

.tblDecoration {width:100%; margin-top:11px}
.tblDecoration TH {color:#9c9c9c; font-weight:normal; text-align:left; padding:2px 10px 2px 9px; background:#383838}
.tblDecoration TH A {color:#9c9c9c; text-decoration:underline}
.tblDecoration TH IMG {width:15px; height:13px; vertical-align:middle}
.tblDecoration TD {vertical-align:middle; padding:11px 10px 11px 8px; border-bottom:1px solid #666}
.tblDecoration .name {font-size:125%; font-weight:bold;}
.tblDecoration IMG {margin-left:4px}

/*DataGrid Partners*/
.tblDecorationDataGrid {width:100%; margin-top:11px}
.tblDecorationTH { line-height:120%; color:#9c9c9c; font-weight:normal; text-align:left; padding:2px 10px 2px 9px; background:#383838; }
.tblDecorationTH A { color:#9c9c9c; text-decoration:underline}
.tblDecorationTHIMG {width:15px; height:13px; vertical-align:middle}
.tblDecorationTD {vertical-align:middle; padding:11px 10px 11px 8px; border-bottom:1px solid #666}
.tblDecorationName {font-size:125%; font-weight:bold; border-bottom:1px solid #666; vertical-align:middle; padding:11px 10px 11px 8px;}
.tblDecorationIMG {margin-left:24px; vertical-align:middle; padding:11px 10px 11px 8px; border-bottom:1px solid #666}
/*******************/

.agreement {text-align:center; padding-top:22px}
.agreement TEXTAREA {width:580px; padding:8px 0 0 10px}
.agreement .button INPUT {margin:30px 0 0 0}

.help {margin-top:14px}
.help INPUT {vertical-align:middle}

.schedule {margin-top:0}
.schedule .section {padding-top:10px; float:none}
.schedule .section INPUT {margin-left:0}
.schedule .indent {padding-left:22px}
.schedule .checkboxes {padding:2px 10px 8px 0px;}
.schedule .icon {text-align:right; vertical-align:bottom; padding:6px 4px 6px 8px}
.schedule .icon IMG {width:17px; height:17px}
.scheduleItem {border-bottom:1px solid #666; vertical-align:middle; padding:11px 10px 11px 8px;}

.clubSchedule {margin-top:6px}
.clubSchedule TD {padding:0 13px 2px 0}

.moreIndent {padding:29px 210px 0 191px}

.feedBack .label {text-align:left}
.toNewsArchive {margin-top:28px}

.danceSport .pic {float:left; }
.danceSport H2 {font-size:110%; margin-top:10px}
.danceSport .txt {float:right; padding:51px 80px 0 110px} /*.danceSport .txt {float:right; padding:31px 80px 0 110px}*/
.danceSport TABLE {width:100%; margin-top:12px}
.danceSport TD {width:33%; padding:0px 20px 30px 0px}
/*.danceSport TD {width:33%; padding :0 33px}*/
.danceSport TD.sep {border-left:1px solid #666}
.danceSport TD.first {padding-left:0}

#dlNews TD {width:129px;}
.danceSport TABLE TABLE {margin-top:0}
.danceSport TD TD {width:100%; padding:0}

.danceSportTD {width:33%; padding:0 33px}
.danceSportTDsep {border-left:1px solid #666}





/*Calendar*/
	.DCCalendarcpYearNavigation,
	.DCCalendarcpMonthNavigation
	{
			background-color:Black;
			text-align:center;
			vertical-align:middle;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
	}

	.DCCalendarcpDayColumnHeader
	{
			font-family:arial;
			font-size:8pt;
			color:White;
	}	
	.DCCalendarcpYearNavigation,
	.DCCalendarcpMonthNavigation,
	.DCCalendarcpCurrentMonthDate,
	.DCCalendarcpCurrentMonthDateDisabled,
	.DCCalendarcpOtherMonthDate,
	.DCCalendarcpOtherMonthDateDisabled,
	.DCCalendarcpCurrentDate,
	.DCCalendarcpCurrentDateDisabled,
	.DCCalendarcpTodayText,
	.DCCalendarcpTodayTextDisabled,
	.DCCalendarcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.DCCalendarcpDayColumnHeader /* days of week- S,M,T,...*/
	{
		text-align:right;
	}
	.DCCalendarcpCurrentMonthDate,
	.DCCalendarcpOtherMonthDate,
	.DCCalendarcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.DCCalendarcpCurrentMonthDateDisabled,
	.DCCalendarcpOtherMonthDateDisabled,
	.DCCalendarcpCurrentDateDisabled
			{
			color:Gray;
			text-align:right;
			font-weight:normal;
			/*text-decoration:line-through;*/
			}
	.DCCalendarcpCurrentMonthDate
			{
			color:White;
			font-weight:bold;
			}
	.DCCalendarcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.DCCalendarcpOtherMonthDate
			{
			color:#808080;
			}
	TD.DCCalendarcpCurrentDate
			{
			color:#FFFFFF;
			background-color: White;
			border-width:1;
			border:solid thin silver;
			}
	
	TD.DCCalendarcpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.DCCalendarcpTodayText
	{
			border:solid thin Black;
			border-width:1 0 0 0;
			}
	TD.DCCalendarcpTodayTextDisabled
			{
			border:solid thin Black;
			border-width:1 0 0 0;
			}
	A.DCCalendarcpTodayText,
	SPAN.DCCalendarcpTodayTextDisabled
			{
			height:20px;
			}
	A.DCCalendarcpTodayText
			{
			font-weight:bold;
			background-color:Black;
			}
	SPAN.DCCalendarcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.DCCalendarcpBorder
	{
		border:solid thin silver;
	}


.HideControl
{
	display:none;
}
			
A {text-decoration:none}
A:link {color:#6699cc}
A:visited {color:#6699cc}
A:hover {color:#99ccff}			
/*
A:visited {color:#336699}
*/

.DecimalFormElement
{
	text-align:right;
}