/* CSS Document */
html, body {height: 100%;}
body{margin:0; padding:0;}
img{border:none; outline:none;}
a{outline:none; outline:0;}
#umg_page{width:1000px; min-height: 100%;margin:0 auto;}
.umg_spacer{clear:both; line-height:0;}
#umg_content_wrapper1{width:1000px; margin:0 auto; background:#EEE url(../img/content_bg_bottom.png) 0 bottom repeat-x; position:relative; /*min-height:100%;*/ height:auto;}
#umg_content_wrapper2{background:url(../img/content_bg_top.png) 0 top repeat-x; width:100%; padding-bottom:25px;}
#umg_header{width:100%; height:37px; background:url(../img/header_bg.jpg) repeat-x; overflow:hidden;}
ul#umg_main_menu{list-style:none; padding:0; float:right; height:20px; width:auto; margin:10px 35px 0 0;}
ul#umg_main_menu li{ width:82px; height:17px; background:url(../img/separator_main_menu.png) right top no-repeat; float:right; text-align:center; padding-top:3px; line-height:0;}
ul#umg_main_menu li.umg_first{background:none;}
ul#umg_main_menu li a{font:bold 11px Tahoma, Verdana, Geneva, Arial, "Arial black"; color:#FFFFFF; text-decoration:none; line-height:15px;}
ul#umg_main_menu li a:hover{text-decoration:none;}
#umg_top_menu {height: 31px; margin-top: 15px; margin-bottom:5px}
#umg_gNavDiv {height: 31px; width: 931px; text-align: left;}
#umg_gNavDiv .umg_tab_first {float: left; margin-left:25px}
#umg_gNavDiv .umg_tab {float: left;}
#umg_gNavDiv .umg_tabImg {float: left; margin-top: 10px;}
#umg_gNavDiv .umg_delimiter {float: left;height: 31px; margin-left:13px;margin-right:13px;}
#umg_gNavDiv #search_query {float: left;width:273px; margin-top: 3px;margin-left: 190px;}
#umg_gNavDiv .search_button {float: left;margin-top: 2px;margin-left: 5px;}
#umg_content{margin:0 35px 0 35px; overflow:hidden; padding-bottom:25px; width:930px;}
#umg_header_content{overflow:hidden; width:100%; background:url(../img/separator1.png) 0 100% repeat-x; padding-bottom:3px;}
#umg_logo{display:block; margin-left:10px; float:left; outline:none;}
#umg_logo_cs{display:block; margin-top:45px; float:left; outline:none;}
#umg_cnu{display:block; margin-left:-4px; float:left; outline:none;}
#umg_header_text{color:#658a3e; font:bold 12px Tahoma, Verdana, Geneva, Arial, Arial; float:right; margin:50px 20px 0 0; text-transform:uppercase;}
#umg_header_spacer{margin:27px 0 0 0;}
#umg_header_menu{color:#555555; font:normal 11px Verdana, Geneva, Arial, Arial; float:right; }
#umg_header_menu a {color:#DD6C2F;text-decoration:none;}
#umg_header_menu a:link, a:visited {color:#DD6C2F;text-decoration:none;}
#umg_title{overflow:hidden; background:url(../img/separator1.png) 0 bottom repeat-x; padding-bottom:3px;}
#umg_player{float:left; margin:30px 0 20px;}
#main_title{float:right; margin:40px 20px 20px 0;}
#umg_step {height:58px; width:100%; margin:0 0;}
#umg_step_img{float: left; padding:5px }
#umg_step_left h3{margin:0; padding:35px 0 0 10px; font:12px Tahoma, Verdana, Geneva, Arial; color:#727272; float:left;}
#umg_title_left{background:url(../img/title_left.png) 0 0 no-repeat; height:24px; width:100%; margin:10px 0; overflow:hidden}
#umg_title_right{background:url(../img/title_right.png) 100% 0 no-repeat; width:100%; height:24px;}
#umg_title_center{background:url(../img/title_center.png) repeat-x; height:24px; margin:0 8px;}
#umg_title_center h3{background:#000000; margin:0; padding:5px 5px 0 0; font:bolder 12px Tahoma, Verdana, Geneva, Arial; color:#FFFFFF; height:19px; float:left; text-transform:uppercase;}
#info_block{overflow:hidden; padding:25px 0 0 0;}
#umg_plan_free {float: left;margin-left:50px;margin-top:20px;}
#umg_plan_basic {float: left;margin-left:60px;margin-top:10px;}
#umg_plan_plus {float: left;margin-top:10px;}
#umg_plan_solo {float: left;margin-top:10px;}
#umg_info_b { float: left;}
#umg_info_swimFx { float: left; margin-left:35px}
#umg_info_chirunning { float: left; margin-left:55px;margin-top:-20px;}
#umg_info_goswim { float: left; margin-left:40px}
#main_info{text-align:left; width:270px; padding-left:25px; float:left;}
#main_info h3{color:#6c8f47; font:bold 24px Tahoma, Verdana, Geneva, Arial; margin:10px 0;}
#main_info p{color:#727272; font:normal 12px Tahoma, Verdana, Geneva, Arial; margin:10px 0;}
a.learn_more{color:#727272; font: bold 12px Tahoma, Verdana, Geneva, Arial; background:url(../img/learn_more.png) right 3px no-repeat; height:12px; padding:0 15px 0 1px;; text-decoration:none;}
a.learn_more:hover{text-decoration:underline;}
ul#second_info{float:right; list-style:none; padding:0px; overflow:hidden;width:440px;}
ul#second_info li{padding:20px 0; overflow:hidden; clear:both;}
ul#second_info li .second_info_text{width:330px; font:normal 12px Tahoma, Verdana, Geneva, Arial; color:#727272; float:left;}
ul#second_info li .second_info_text span{color:#61883a; font:bold 14px Tahoma, Verdana, Geneva, Arial;}
ul#second_info li .info_button{float:left;}
ul#second_info li .info_button a{display:block; background:url(../img/info_btn.png) no-repeat; width:92px; height:20px; padding:5px 0 0 10px; font:bold 11px Tahoma, Verdana, Geneva, Arial; color:#FFFFFF; text-decoration:none;}
ul#second_info li .info_button a:hover{text-decoration:none;}
.main_content{width:100%; background:url(../img/main_content1_bg.png) 0 100px repeat-y; overflow:hidden;}
.main_content_brand{width:100%;}
.congratulations_form{background-position:-235px 0;}
.login_form{background:url(../img/border_vertical.png) 275px 0 repeat-y;}
.wrapper1{float:left; }
.center_forms{float:left;margin-left:195px; background:url(../img/border_vertical.png) 273px 0 repeat-y;overflow:hidden;}
#editor{margin-top:25px;}
#left_part_info{width:120px; float:left; margin-right:15px;}
#account_view{width:120px; text-align:center; line-height:0;}
#account_view a{text-decoration:none; font:bold 11px Tahoma, Verdana, Geneva, Arial; line-height:15px; color:#285e11; text-transform:uppercase;}
#account_view a:hover{text-decoration:none;}
ul#user_description{margin:0; padding:0; width:120px; list-style:none; margin-top:10px;}
ul#user_description li{text-align:center; width:120px; background:url(../img/user_border.png) 15px 0 no-repeat; padding: 5px 0; font:bold 11px Tahoma, Verdana, Geneva, Arial; color:#727272;}
ul#user_description li span{font-weight:normal; color:#2b6412;}
#right_part_info{width:140px; float:right; overflow:hidden; text-align:center;}
ul#right_info{margin:0; padding:0; list-style:none;}
ul#right_info li{text-align:center; margin:0; padding:10px 0; background:url(../img/border_two.png) 0 0 repeat-x; font:normal 12px Tahoma, Verdana, Geneva, Arial; color:#727272;}
ul#right_info li span{color:#000000; font:bold 12px Tahoma, Verdana, Geneva, Arial; }
ul#right_info a{display:block; background:url(../img/info_btn.png) no-repeat; width:102px; height:20px; margin:5px auto 0 auto; text-align:center; font:bold 11px Tahoma, Verdana, Geneva, Arial; color:#FFFFFF; text-decoration:none; padding-top:5px;}
ul#right_info a:hover{text-decoration:none;}
.wal_up{ margin:0 0 30px 227px; float:left; text-align:center; width:475px;}
.wal_up h3{color:#6c8f47; font:bold 24px Tahoma, Verdana, Geneva, Arial; margin:10px 0;}
.wal_up h4{color:#6c8f47; font:normal 12px Tahoma, Verdana, Geneva, Arial; margin:10px 0;}
.wal_up p{color:#727272; font:normal 12px Tahoma, Verdana, Geneva, Arial; margin:10px 0;}
.wal_down{ margin:70px 0 0 275px; float:left; height:87px; }
/*form property*/
.wrapper2{}
.form_log_in{background:url(../img/form_logIN_bg.png) no-repeat; width:220px; height:134px; margin:10px 0 0 35px; float:left;}
.title_form_left{background:url(../img/left_btn.png) 0 0 no-repeat; padding-left:3px; margin:5px 8px;}
.title_form_right{background:url(../img/right_btn.png) right 0 no-repeat; padding-right:3px}
.title_form_right h3{font:bold 11px Tahoma, Verdana, Geneva, Arial; color:#fff; padding:4px 0 0 3px; margin:0; background:url(../img/central_btn.png) repeat-x; height:18px;}
form#umg_form_login{margin:0 0 0 18px; padding:0; width:195px; overflow:hidden;}
form#umg_form_main{display:block; float:left; overflow:hidden; margin:0;}
#already_user{margin:10px 0 0 35px; float:left;}
#need_help{margin:10px 0 0 35px; float:left;}
a.branding{font:normal 12px Tahoma, Verdana, Geneva, Arial; text-decoration:none; color:#6c8f47;}
a.branding:hover{text-decoration:none;}
.wrapper_btn{overflow:hiden; height:25px;}
.wrapper_btn_email{overflow:hiden; height:25px; width:205px}
p.congratulations{font:bold 12px Tahoma, Verdana, Geneva, Arial; color:#000000; line-height:20px; margin:0;}
p.congratulations span{color:#6c8f47; font:normal 12px Tahoma, Verdana, Geneva, Arial;}
.column_form_narrow{ width:207px; float:left; margin:0 14px;}
.column_form_narrow_email{ width:580px; float:left; margin:0 14px;}
.column_form_wide{ float:left; margin:0 15px 0 5px; width:275px}
span.radio_custom {cursor: pointer; margin-top:15px; *margin-top:10px; margin-left:10px; overflow:hidden; height:15px; background:url(../img/radio_castom.png) 0 0 no-repeat; padding-left:17px; float:left;}
input.umg_radio{float:left; margin:0; display:none;}
label.umg_radio{cursor: pointer; float:left; font:normal 12px Tahoma, Verdana, Geneva, Arial; color:#6c8f47; padding-top:2px;}
.month_birth{width:55px; float:left; margin-left:4px;}
.month_birth input{width:30px !important;}
.day_birth{width:55px; float:left; margin-left:4px;}
.day_birth input{width:30px !important;}
.year_birth{width:70px; float:left; margin-left:4px;}
.year_birth input{width:40px !important;}
.month{width:55px; float:left;}
.month input{width:20px !important;}
.year{width:70px; float:left; margin-left:5px;}
.year input{width:40px !important;}
.subscription{width:84px;}
.subscription input{width:45px !important; text-align:right !important}
.inline_subscription{width:105px; float:left; margin-left:10px; *margin-left:18px; margin-top:10px;}
.inline_subscription input{width:65px !important; text-align:right !important;}
.select_big{width:207px;}
.select_big input{width: 170px !important}
.select_big1{width:187px;}
.select_big input1{width: 150px !important}
.edit{background:url(../img/edit_center.png) 0 0 repeat-x; border:0; height:19px; border:none; font:normal 12px Tahoma, Verdana, Geneva, Arial; color:#6c8f47; padding:3px 5px 0 5px; background-color:none; float:left;}
.edit_left{background:url(../img/edit_left.png) 0 0 no-repeat; margin-top:5px; padding-left:3px; height:22px; line-height:0; overflow:hidden; }
.edit_right{background:url(../img/edit_right.png) right 0 no-repeat; padding-right:3px; float:left; line-height:0; height:22px;}
.edit_big{width:191px;}
.edit_big1{width:161px;}
.edit_big2{width:191px;}
.cardID{width:85px;}
.inline{float:left;}
.edit_login{width:171px;}
.input_login{margin-top:10px;}
a#cardID{ float:right; color:#6c8f47; font:bold 11px Tahoma, Verdana, Geneva, Arial; padding-top:9px; text-decoration:none;}
label.label{font:normal 12px Tahoma, Verdana, Geneva, Arial; color:#727272; text-align:left; margin-top:10px; display:block; clear:both;}
label.umg_first{margin-top:0px;}
label.inline_lebel{padding-top:4px; float:left;}
label.label span{color:#6c8f47;}
label.label_g{font:normal 10px Tahoma, Verdana, Geneva, Arial; color:gray; text-align:left; margin-top:1px; display:block; clear:both;}
.border_form_horizontal{background:url(../img/double_pointer_border.png) 0 0 repeat-x; height:3px; width:205px; margin:18px 0; overflow:hidden; line-height:0;}
p.total_subscription{font:normal 12px Tahoma, Verdana, Geneva, Arial; text-align:right; color:#727272; padding:0 5px 0 0; margin:0; }
p.total_subscription span{color:#6c8f47;}
.button_right{background:url(../img/right_btn.png) right 0 no-repeat; float:right; padding-right:3px; cursor: pointer;}
.button_left{background:url(../img/left_btn.png) left 0 no-repeat; padding-left:3px; float:left; overflow:hidden;}
.button_left span{cursor: pointer; background:url(../img/central_btn.png) 0 0 repeat-x; height:18px; font:bold 11px Tahoma, Verdana, Geneva, Arial; color:#FFFFFF; margin:0; padding:4px 10px 0 10px; display:block; float:left;}
.button_left input{display:none; margin:0; padding:0; *overflow:visible; *padding:0 8px; border:none; border:0; outline:none; outline:0;}
.indent_right{margin-left:10px;}
.indent_left{float:left;}
.indent_center{margin-right:13px;}
.login_btn{margin-top:7px;}
.create_btn{margin-top:7px; margin-right:65px;}
/*******************************************************************/
#umg_footer{position:relative; height:25px; width:1000px; margin:0 auto; background:#d1d1d1; color:#828080; font: normal 11px Tahoma, Verdana, Geneva, Arial, Arial; overflow:hidden; margin-top:-25px;}
#umg_copyright{margin:5px 0 0 15px; height:20px; float:left;}
#umg_chi_running{float:right; margin:5px 0 0 35px; overflow:hidden; margin-right:15px;}
#umg_chi_running a{color:#828080; font: normal 11px Tahoma, Verdana, Geneva, Arial, Arial; text-decoration:underline; height:16px; padding-left:10px; padding-right:10px;}
#umg_chi_running a:hover{text-decoration:none;}
#umg_powered_by{float:right; margin-top:5px; margin-right: 5px;}
#umg_powered_by a{ color:#828080; font: normal 11px Tahoma, Verdana, Geneva, Arial, Arial; text-decoration:underline; height:16px; }
#umg_powered_by a:hover{text-decoration:none;}
/************** validation**************/
.confirmBox { padding: 6px; margin-top: 6px; margin-bottom: 6px; text-align: center; color: #006; font:bold 11px Tahoma, Verdana, Geneva, Arial, "Arial black"; text-decoration:none; line-height:15px;}
.errorBox { padding: 6px; margin-top: 6px; margin-bottom: 6px; text-align: center; color: #C00; font:bold 11px Tahoma, Verdana, Geneva, Arial, "Arial black"; text-decoration:none; line-height:15px;}
/*willl be removed */
#videodkplay { width: 770px; border:1px solid #999999; float: left; margin-left:0px;margin-top:3px;}
#paypal_button_div {background-image: url("/frontend/images/myaccount/paypal_express_checkout.gif");width: 145px;height: 42px; margin-left: 65px; margin-top:30px; float: left;}