﻿.clear{clear:both;}
/*
a { text-decoration: none; color: #0D58A5; }
a:hover { text-decoration: underline; }

a img { border: none; }*/

a { color: #31B4BB; }
.red { color: red; }
.show { display:block;}
.hide { display:none; }


#Challenge { width: 930px; padding:0; margin:0;  margin-top: 5px; }

/* Top Zone For Challenge Day */
#Challenge #ChallengeDayHeader{width:930px;border:1px solid #EBEBEB;height:176px;background:url(../images/headerbg.jpg) repeat-x; overflow:hidden; margin-bottom:10px;}
#Challenge #ChallengeDayHeader img.Mother{float:left;}
#Challenge #ChallengeDayHeader div.ContentZone{float:left;margin-left:46px;}
#Challenge #ChallengeDayHeader div.Welcome{padding-top:25px;padding-bottom:15px;color:#43BBB9;font-weight:bold;font-size:22px;line-height:28px;}
#Challenge #ChallengeDayHeader div.SubmitResult{width:188px;height:38px;overflow:hidden;background-image:url(../images/day_submit_results.jpg);background-repeat:no-repeat;}
#Challenge #ChallengeDayHeader div.SubmitResult div.Link{padding-top:8px;text-align:center;}
#Challenge #ChallengeDayHeader div.SubmitResult div.Link a{font-size:18px;color:White;text-decoration:none;}
#Challenge #ChallengeDayHeader div.SeeBelow{padding-top:9px;color:#FA9B47;font-size:18px;}

/* Body */
#Challenge .LeftZone { width: 240px; overflow:hidden;  float: left; }
#Challenge .RightZone { width: 680px; float: right;}
#Challenge .RightZone .Content { width: 680px; }
#Challenge .LeftZone .ImageOne { height: 80px; width:220px;  font-size:14px; font-weight:bold; color:#fff; text-align:center; padding:7px;  background:url(../images/leftmenu_global1.jpg) no-repeat;}
#Challenge .LeftZone .ImageTwo { height: 110px; background-image: url(../images/leftmenu_image2.jpg); background-repeat: no-repeat; text-align: left; }
#Challenge .LeftZone .ImageTwo .Content { color: #0188B7; font-size: 20px; line-height: 23px; width: 220px; padding-top: 14px; margin-left: 0px; text-align: center; }
#Challenge .LeftZone .ImageTwo .Content a { color:#595959; text-decoration:none;}
#Challenge .LeftZone .ImageTwo .Content a:hover { color:#31B4BB; text-decoration:underline;}
#Challenge .LeftZone .ImageThree { height: 215px; background-image: url(../images/leftmenu_image3_content.jpg); background-repeat: no-repeat; }
#Challenge .LeftZone .ImageThree .Content { padding-top: 158px; padding-left: 20px; }
#Challenge .LeftZone .ImageThree .Content a { font-weight:bold;color: White; line-height: 24px; font-size: 17px; text-decoration: none; }
#Challenge .LeftZone .ImageFour { height: 215px; background-image: url(../images/leftmenu_number.jpg); background-repeat: no-repeat; }
#Challenge .LeftZone .ImageFour .Content { color: White; font-size: 18px; line-height: 20px; width: 220px; padding-top: 14px; margin-left: 0px; text-align: center; }
#Challenge .LeftZone .ImageFour .Content .Num { font-size: 46px; line-height:48px; font-weight: bold; }
#Challenge .RightZone .Titles { width: 680px;  font-size: 15px;}
#Challenge .RightZone .Titles h3 { margin-top: 2px; color: #31B4BB; display: inline; }
#Challenge .RightZone .Titles h3 a { margin-top: 2px; font-size: 18px; color: #31B4BB; }
#Challenge .RightZone .SmallTitle { font-weight: bold; font-size: 18px; padding-top:10px; }

#Challenge .ReportLeft_title { background:url(../images/l_title.gif) no-repeat; height:34px; color:#fff; line-height:30px; padding-left:20px; font-size:14px; font-weight:bold;}
#Challenge .ReportLeft_body { background:url(../images/l_center.gif) repeat-y; height:25px;  line-height:20px; padding-left:20px;font-weight:bold;}
#Challenge .ReportLeft_foot { background:url(../images/l_foot.gif) no-repeat; height:10px; margin-bottom:10px;}
#Challenge .ReportLeft_body a { color:#595959; text-decoration:none;}
#Challenge .ReportLeft_body  a:hover { color:#31B4BB;}

#Challenge .RightZone .Title { font-size:18px; color: #31B4BB; font-weight:bold; line-height:150%;}
#Challenge .RightZone .Title a { font-size:18px; color: #31B4BB; font-weight:bold;}
#Challenge .RightZone .Content { margin-top:15px; width:680px;}
#Challenge .RightZone .Content .Content_top { width:680px;}


#Challenge .RightZone .Content .Content_top ul { margin:0; padding:0; width:680px; float:left;}
#Challenge .RightZone .Content .Content_top li { float:left; margin-right:20px; list-style:none;}
#Challenge .RightZone .Content .Content_bottom { margin-top:10px;}
#Challenge .RightZone .Content  #notes {text-align:center; font-style:italic; color:#31B4BB;font-weight:bold; clear:both;}
#Challenge .RightZone .Content .Content_bottom .List_Left  { float:left; width:334px; }
#Challenge .RightZone .Content .Content_bottom .List_Left .L_Top { padding-left:15px; background:url(../images/b_title.gif) no-repeat; height:39px; font-size:15px; font-weight:bold; color: #fff; line-height:39px;}
#Challenge .RightZone .Content .Content_bottom .List_Left .L_Center { padding-left:15px; background:url(../images/b_center.gif) repeat-y; height:39px;}
#Challenge .RightZone .Content .Content_bottom .List_Left .L_Center span{ background:url(../images/b_list.gif) no-repeat;}
#Challenge .RightZone .Content .Content_bottom .List_Left .L_Center a { margin-left:30px; color: #31B4BB; font-size:15px; font-weight:bold; height:39px; line-height:39px; }
#Challenge .RightZone .Content .Content_bottom .List_Left .L_Title {  background:url(../images/b_center.gif) repeat-y; padding-left:15px;}
#Challenge .RightZone .Content .Content_bottom .List_Left .L_Title a {  height:39px; line-height:39px;  font-size:15px; font-weight:bold;}
#Challenge .RightZone .Content .Content_bottom .List_Left .L_Foot { background:url(../images/b_foot.gif) no-repeat; height:10px;}

#Challenge .RightZone .Content .Head  {font-size:18px; font-weight:bold;}
#Challenge .RightZone .Content .Link {height :20px;}
#Challenge .RightZone .Content .Link a { margin-left:200px; color: #31B4BB; font-size:14px; font-weight:bold;}
#Challenge .RightZone .Content .Onlylittle { font-weight:bold;}
#Challenge .RightZone .Content input {width:300px;}
#Challenge .RightZone .Content .radio  input{width:50px;}
#Challenge .RightZone .Content .gap { height:10px;}
#Challenge .RightZone .Content .button { background-color:#1CADAE; color:#fff; width:60px; height:25px; border:0; line-height:25px; cursor:pointer;}

#Challenge .RightZone  .Content #listhead th{background-color:#31B4BB; color:#fff; font-weight:bold; font-size:12px;  height:25px; text-align:left; padding-left:10px; border-bottom:1px solid #fff;}
#Challenge .RightZone  .Content #listheadTwo th{background-color:#97E3E2; color:#fff; font-weight:bold; font-size:12px;  height:25px; text-align:left; padding-left:10px; border-top:1px solid #fff;}
#Challenge .RightZone  .Content #listhead th .empty{ float:right; padding-right:10px; color:#000; background-color:#fff; padding-left:10px; height:25px; line-height:25px; font-weight:bold; font-style:italic;}

#Challenge .RightZone  .Content #listhead1 th{background-color:#31B4BB; color:#fff; font-weight:bold; font-size:12px;  height:25px; text-align:left; padding-left:10px; border-bottom:1px solid #fff;}
#Challenge .RightZone  .Content #listheadTwo1 th{background-color:#97E3E2; color:#fff; font-weight:bold; font-size:12px;  height:25px; text-align:left; padding-left:10px; border-top:1px solid #fff;}
#Challenge .RightZone  .Content #listhead1 th .empty{ float:right; padding-right:10px; color:#000; background-color:#fff; padding-left:10px; height:25px; line-height:25px; font-weight:bold; font-style:italic;}

#Challenge .RightZone  .Content #listhead2 th{background-color:#31B4BB; color:#fff; font-weight:bold; font-size:12px;  height:25px; text-align:left; padding-left:10px; border-bottom:1px solid #fff;}
#Challenge .RightZone  .Content #listheadTwo2 th{background-color:#97E3E2; color:#fff; font-weight:bold; font-size:12px;  height:25px; text-align:left; padding-left:10px; border-top:1px solid #fff;}
#Challenge .RightZone  .Content #listhead2 th .empty{ float:right; padding-right:10px; color:#000; background-color:#fff; padding-left:10px; height:25px; line-height:25px; font-weight:bold; font-style:italic;}
#Challenge .RightZone  .Content .pagebar{ height:25px;}

#Challenge .RightZone  .Content .body td{font-size:12px;  height:18px;  padding-left:10px; color:#7D8BAB; font-weight:bold; }
#Challenge .RightZone  .Content .List td{font-size:12px; padding-left:10px;}
#Challenge .RightZone  .Content td b { color:#1CADAE;}
#Challenge .RightZone  .Content  td .view-site { width:490px; background:url(../images/view_site.jpg) no-repeat; height:396px;}
#Challenge .RightZone  .Content  td .view-site .Title  { font-size:16px; color: #31B4BB; font-weight:bold; text-align:center; line-height:20px;  padding-top:20px;}
#Challenge .RightZone  .Content  td .view-site .body {background:url(../images/icon.gif) no-repeat 150px 5px; margin-top:20px;padding-left:165px;}
#Challenge .RightZone  .Content  td .view-site .body span { color:#1CADAE;}
#Challenge .RightZone  .Content  td .view-site .body .Scroll {width:140px; height:115px; overflow-y:auto;}


/*Next1*/
#Challenge .RightZone .Content .NextOne { width: 680px; }
#Challenge .Content .Navigation { width: 680px; }
#Challenge .Content .Navigation ul { padding: 0px; margin: 0px; list-style: none; }
#Challenge .Content .Navigation li { float: left; height:30px; text-align: center; margin-left: 1px; width: 166px; line-height:28px; cursor:pointer;}
#Challenge .Content .NextOne .List { font-size: 14px; line-height: 25px; }
#Challenge .Content .NextOne .List .Top { font-weight: bold; }
#Challenge .Content .NextOne .List li { color: #0189B3; }
#Challenge .Content .NextOne .List li .FontStyle { color: Black; }
#Challenge .Content .BtnStyle {height: 30px; width:100px; margin-left: 250px; background:#1DAFAF; color:White; text-align:center; line-height:28px;cursor:pointer;}
#Challenge .Content .BtnStyle1 {height: 30px; width:150px; margin-left: 230px; background:#1DAFAF; color:White; text-align:center; line-height:28px;cursor:pointer; }
#Challenge .Content  .LinkButton {display:block;padding:4px 6px 4px 6px;background:#1BAFAF;color:White;font-weight:bold;text-decoration:none; text-align:center;}

/*Next2*/
#Challenge .Content .NextTwo .List { font-size: 14px;  line-height: 25px; }
#Challenge .Content .NextTwo .List a { color: #33A0C1; }
/*Next3*/
#Challenge .Content .NextThree .List { font-size: 14px; line-height: 25px; }
#Challenge .Content .NextThree .List a { color: #33A0C1; }

/*Next3*/
#Challenge .Content .NextFour .List { font-size: 14px;  line-height: 25px; }
#Challenge .Content .NextFour .List .FontStyle { font-weight: bold; }
#Challenge .Before { background-color: #00B39E; color: White; }
#Challenge .After { background-color: #ECECEC; color: #828282; }

#Challenge #pagerBar { height:13px; margin-right:50px;}
#Challenge #pagerBar .list div{float:left; margin-right:3px; line-height:18px;}
#Challenge #pagerBar div{ height:13px; line-height:13px;}
#Challenge #pagerBar .records{float:left;}
#Challenge #pagerBar .state { float:left;}
#Challenge #pagerBar .list { float:right;}
#Challenge #pagerBar .icon { float:left; margin:0 3px;}
#Challenge #pagerBar .number { float:left; margin:0 3px;}
#Challenge #pagerBar a,#pagerBar a:visited{ color: #000; font-size:12px; text-decoration:none;}
#Challenge #pagerBar a:hover { text-decoration:underline;}
#Challenge #pagerBar .number .page_current {background-color:#1CADAE;color:#ffffff;padding-left:2px;padding-right:2px;}
#Challenge .pro_detail_pageNext { background-color:#1CADAE}
#Challenge .pro_detail_pageGoto input{margin-left:5px;margin-right:5px;width:30px;height:13px;border:1px #d1d1d1 solid;text-align:center;color:#4e4e4e;font-size:12px;}

/* ============= Start Start AJAX Modal Popup =======================*/
#Challenge .modalBackground {background-color:Gray;filter:alpha(opacity=70);opacity:0.1;}
#Challenge .modalPopup {background-color:White;border-width:1px;border-style:solid;border-color:#1CADAE;width:445px;height:auto;}
#Challenge .Pop_Panel{width:445px;}
#Challenge .Pop_Header{ background:url(../images/close.png) no-repeat 420px; background-color:#1CADAE;height:20px;color:White;font-weight:bold;font-size:14px;padding:5px;text-align:left;}
#Challenge .Pop_Header .close {float:right; width:20px;width:20px; cursor:pointer;}
#Challenge .Pop_Content{text-align:left;padding:15px;line-height:150%;}
#Challenge .Pop_Bottom{background:#EEEEEE;border-top:1px solid #C3C3C3;height:25px;}
#Challenge .Pop_Cancel{margin-right:15px;margin-top:5px;font-weight:bold;text-align:center;}
/* ----------------- End Start AJAX Modal Popup ------------------------- */



