body{margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3d3d3d; background:#545454 url(../images/body-bg.jpg) repeat-x 0 0;}

body,h1,h2,h3,h4,h5,h6,ul,li,form{margin:0; padding:0;}
img{ border:0}

#container{width:100%; margin:0px;}
#page-holder{width:928px; margin:0 auto}

.content{}
/******** Header ********/
#header{ width:100%; float:left; background:url(../images/header-bg.jpg) no-repeat}
.inner-header{ width:100%; float:left;}
.grey-header{ width:100%; float:left; margin:0 0 0 1px;}
.logo{float:left; padding:27px 0 16px 15px}
.header-links{float:right; width:350px; margin:97px 22px 0 0} /*width:180px previous width*/
.header-links a{ font-size:14px; padding:0 5px;  text-decoration:none; color:#000; font-weight:bold}
.header-links a:hover{ font-size:14px; text-decoration:none; color:#d42a2a; font-weight:bold}
.header-links a.selected{ font-size:14px; text-decoration:none; color:#d42a2a; font-weight:bold}

/******** Tabs ********/
ul.tab{width:840px; float:left; list-style:none}
ul.tab li{list-style:none; float:left; width:114px; height:34px; display:block; margin:0 1px 0 0; text-align:center;}
ul.tab li a{ background:url(../images/menu.gif) no-repeat 0 0; display:block;  padding:10px 0 8px 0; color:#fff; text-decoration:none; font-size:14px}
ul.tab li a:hover{ background-position:0 -34px; color:#000;}
ul.tab li a.current{ background-position:0 -34px; color:#000;}

.search{float:right;}
.search .searchbg{ background:url(../images/input-bg.gif) no-repeat 0 0; margin:0 2px 0 0; float:left; height:22px; width:145px;}
.searchbg input{ border:0px; background:0px; width:110px; margin:0 0 0 25px; color:#fff}
.header-bottom{ width:100%; float:left; margin:14px 0 0 0;}


#middle{ width:100%; float:left; margin:0px 0 0}

.grey-box{ width:100%; float:left; margin:0px 0px 0px 1px; padding:0px;}
.greytop{background:url(../images/greybox-tmiddle.gif) repeat-x 0 0; width:auto; display:block}
.greytopleft{background:url(../images/greybox-tlleft.gif) no-repeat 0 0; width:auto; height:9px; display:block}
.greytopright{background:url(../images/greybox-tright.gif) no-repeat 100% 0; width:auto; height:9px; display:block;font-size:0px }
.grey-box .topright h1{font-size:18px; border-bottom:0px; color:#ffffff; padding:7px 0 0 10px}
.grey-box .bottom{background:url(../images/greybox-bmiddle.gif) repeat-x 0 0!important; width:auto; display:block; font-size:0px; line-height:0px; height:9px}
.grey-box .bottomleft{background:url(../images/greybox-bleft.gif) no-repeat 0 0; width:auto; height:9px; display:block; font-size:0px; line-height:0px; }
.grey-box .bottomright{background:url(../images/greybox-bright.gif) no-repeat 100% 0; width:auto; height:9px; display:block;font-size:0px; line-height:0px; }
.grey-box .container{padding:0px 2px 0px;  width:auto; border:0px; background:#a1a1a1}
.container .content{padding:20px 0px 0px 26px;}


.content:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html .content{height:1px} /* */

.banner{float:left; width:100%;}
.login-box {width:240px; float:left}
.login-box .top{background:url(../images/loginbox-tleft.gif) repeat-x 0 0; width:auto; display:block}
.login-box .topleft{background:url(../images/loginbox-tleft.gif) no-repeat 0 0; width:auto; height:7px; display:block}
.login-box .topright{background:url(../images/loginbox-tright.gif) no-repeat 100% 0; width:auto; height:7px; display:block;font-size:0px }
.login-box .topright h1{border-bottom:0px; font-size:18px; color:#ffffff; padding:7px 0 0 10px}
.login-box .bottom{background:url(../images/loginbox-tleft.gif) repeat-x 0 0!important; width:auto; display:block; font-size:0px; line-height:0px; height:9px}
.login-box .bottomleft{background:url(../images/loginbox-tleft.gif) no-repeat 0 0; width:auto; height:9px; display:block; font-size:0px; line-height:0px; }
.login-box .bottomright{background:url(../images/loginbox-bright.gif) no-repeat 100% 0; width:auto; height:9px; display:block;font-size:0px; line-height:0px; }
.login-box .container{padding:0px 2px 0px;  width:auto; border:0px; background:#393838}
.login-box .container .content{padding:20px 20px 28px 20px;}
.login-box h1{ border-bottom:0px; font-size:24px; color:#a29f9f; margin:0px; padding:3px 0 22px 0; font-weight:normal}
.login{width:210px; float:left}
.login label{width:70px; float:left; color:#3d3d3d; font-size:14px;}
.login .loginbox{ background:url(../images/logininput.gif) no-repeat 0 0; float:left; width:130px; height:22px; margin:0 0 12px 0}
.loginbox input{ border:0px; background:white; border: 1px solid #3d3d3d; color:#3d3d3d; width:130px; height:22px;}

.loginbtn{float:left; margin:0 0 0 70px}
.forgot{width:100%; margin:10px 0 0; float:left;  font-size:14px; color:#989393}
.forgot a{width:100%; margin:10px 0 0;  font-size:14px; color:#989393}

.middle-content{ float:left; margin:32px 0 0; width:855px;}
.headlines{width:250px; margin:0px 0 0; padding:0 18px 0 0; float:left; background:url(../images/dot.gif) repeat-y 100% 0; }

.headlines ul{list-style:none; padding:0px; margin:0px;}
.headlines ul li{ list-style:none; font-family:"Myriad Pro", Arial, Verdana; font-size:14px; padding:0 0 18px 0}

.video{ float:left; width:311px; background:url(../images/dot.gif) repeat-y 100% 0; padding:0 23px}
.poll{padding:0 0 0 35px; float:left; width:170px; }
.poll h3{font-size:24px; color:#333; font-size:14px; font-weight:normal; padding:0 0 20px 0; margin:0px}
.headlines ul{list-style:none; padding:0px; margin:0px;}

.radio-set{width:100%; float:left}
.radio-set input{margin:0 0 17px 0;}

#footer{width:100%; float:left; color:#a1a1a1; padding:0 0 0px 25px; line-height:36px;}



h1{font-size:24px; color:#fbfbfb; font-weight:normal; padding:0 0px 10px 0}
p{color:#fff; line-height:20px}
.form{width:450px; margin:15px 0  0 0px;}
.form label{width:150px; padding:4px 0 0; float:left}
.form input{width:250px; color:#000000; margin:0 0 10px 0; float:left; border:1px solid #ddf; height:20px;}
.form select{width:250px; color:#000000; margin:0 0 10px 0; float:left; border:1px solid #ddf; height:20px;}
.form input.chk{width:15px; color:#000000; margin:0 0 10px 0; float:left; border:0px; height:15px;}
.form textarea{width:250px; color:#000000; margin:0 0 10px 0; float:left; border:0px; height:100px;}
.form div{width:250px; color:#000000; margin:0 0 10px 151px; float:left; border:0px; height:20px;}

.formalt{width:300px; margin:15px 0  0 0px;}
.formalt label{width:100px; color:#ffffff; padding:4px 0 0; float:left}
.formalt input{width:150px; color:#000000; margin:0 0 10px 0; float:left; border:0px; height:20px;}
.formalt select{width:150px; color:#000000; margin:0 0 10px 0; float:left; border:0px; height:20px;}
.myprofile-page{width:500px; margin:0px 0 0 18px; padding:0 18px 0 0; float:left; }

.invite{width:425px; margin:0px 0 0 18px; padding:0 18px 0 0; float:left; background:url(../images/dot.gif) repeat-y 100% 0; }
.invitemail{padding:0 0 0 35px; float:left; width:325px; }
.myprofile{width:375px; margin:0px 0 0 18px; padding:0 18px 0 0; float:left; background:url(../images/dot.gif) repeat-y 100% 0; }
.myprofile ul{list-style:none; padding:0px; margin:0px;}
.myprofile ul li{ list-style:none; color:#fff; font-family:"Myriad Pro", Arial, Verdana; font-size:14px; padding:0 0 18px 0}
.payment{padding:0 0 0 35px; float:left; width:400px; }
.payment-page{padding:0 0 0 35px; float:left; width:700px; }
.textbox{width:250px; color:#000000; margin:0 0 10px 0; float:left; border:0px; height:20px;}
.select-box{width:250px; color:#000000; margin:0 0 10px 0; float:left; border:0px; height:20px;}
.error_msg{
	color:red;
	padding-right:10px;
}
.note{  
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
}
.errorMessage {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

.successMessage {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

.row_bg {
	BORDER-TOP: #6286AC 1px solid;
	BORDER-LEFT: #6286AC 1px solid;
	FONT-SIZE: 10pt;
	BORDER-BOTTOM: #6286AC 1px solid;
	COLOR: #3d3d3d;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #c2d2df;
	BORDER-RIGHT: #6286AC 1px solid;
}
.tdhead{width:100%; float:left; color:#a1a1a1; padding:0 0 0px 25px; line-height:36px;}

.table{width:775px; margin:18px 0 0 18px; padding:0 18px 0 0;}
.table div{margin:6px 0 0 0; height:auto; float:left; }
.table div.th{width:100px; font-family:"Myriad Pro", Arial, Verdana; font-size:14px; padding:0 0 18px 0; }
.table div div{text-align: center; font-family:"Myriad Pro", Arial, Verdana; font-size:14px; color:black; padding:0 0 18px 0; }

.rink{width:600px; margin:18px 0 0 60px; padding:0 18px 0 75px; float:left; }
.rink div{padding:0px; margin:0px; height:auto; float:left; }


.rinkdir{width:825px; margin-left: 180px; padding:0 18px 0 25px; float:left; }
.rinkdir ul{list-style:none; padding:0px; margin:0px;  border: solid 1px #DB3000;}
.rinkdir ul li{ list-style:none; font-family:"Myriad Pro", Arial, Verdana; font-size:14px; padding:18px 0 18px 18px;}

.rowClassEven {

}

.rowClassOdd {
	background-color: #a7c7eF;
}


#wrap h1{
	padding: 50px 0 0 0;		
}
.mail{
	width:350px;
	margin:auto;
}
#formail{
	width: 350px;
	margin: auto;
}
#formail label{
	display: block;
	margin: 10px 0;
}
#text{
	background: #f8f8f8;
}
#sendmail{
	margin-top: 20px;
	display: block;
}
#response{
	display: none;
	BORDER-TOP: #6286AC 1px solid;
	BORDER-LEFT: #6286AC 1px solid;
	FONT-SIZE: 10pt;
	BORDER-BOTTOM: #6286AC 1px solid;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #545454;
	BORDER-RIGHT: #6286AC 1px solid;
	width: 400px;
}