@import "library/default.css";
body {text-align:center;font-family:Verdana;}
.Page_Header_C, .Page_Body_C, .Page_Footer_C {width:945px;margin:0 auto;text-align:left;}



.Page_Header {background:#8fd8f8 url(../image/background/Page_Header.gif) repeat-x left top;}
.Page_Header_C {}
.Page_Header_B {background:url(../image/background/Page_Header_C.gif) repeat-x left bottom;}
.Page_Body {background:#aae5fe url(../image/background/Page_Body.gif) repeat-x left top;}
.Page_Footer {font-family:Verdana,Tahoma,Arial,Helvetica;padding:44px 0 15px 0;background:#ffffff;font-family:Verdana,Tahoma,Arial,Helvetica;}


.Logo_Walk4Water {float:left;margin:55px 0 0 0;}
.Page_Header .Logo_WaterAid {float:right;margin:30px 0 0 0;padding:0 3px 0 0;}

/*NavH_Main*/
.NavH_Main {float:right;clear:right;padding:52px 19px 0 0;}
.NavH_Main table {list-style:none;font-size:1em;line-height:1em;float:left;padding:0;}
.NavH_Main td a {background:url(../image/background/Nav_H_C.gif) repeat-x left top;margin:0 1px 0 0;white-space:nowrap;display:block;text-decoration:none;}
.NavH_Main td a span {display:block;text-decoration:none;background:url(../image/background/Nav_H_L.gif) no-repeat left top;display:block;}
.NavH_Main td a span span {display:block;height:32px;background:url(../image/background/Nav_H_R.gif) no-repeat right top;}
.NavH_Main td a span span span {height:auto;font-size:1.3em;color:#00579f;padding:10px 15px 0 15px;font-weight:700;background-image:none;background-color:transparent;}

.NavH_Main .AS_Hover a, .NavH_Main .AS_Active a {background-image:url(../image/background/Nav_H_C_Active.gif);}
.NavH_Main .AS_Hover a span, .NavH_Main .AS_Active a span {background-image:url(../image/background/Nav_H_L_Active.gif);}
.NavH_Main .AS_Hover a span span, .NavH_Main .AS_Active a span span {background-image:url(../image/background/Nav_H_R_Active.gif);}

.NavH_Main .AS_Hover_Off .DropDown {display:none;}
.NavH_Main .AS_Hover .DropDown {display:block;}
.NavH_Main td {background:url(../image/background/Nav_H_C.gif) repeat-x left top;margin:0 1px 0 0;white-space:nowrap;}


#Page .NavH_Main table table td a {background:#ebebeb;margin:0;}
#Page .NavH_Main table table td a span {background:transparent;}
#Page .NavH_Main table table td span span {height:auto;background:transparent;}
#Page .NavH_Main table table td span span span {height:auto;font-size:1.1em;color:#00579f;padding:5px 10px;font-weight:100;background:none;}
#Page .NavH_Main table table td.AS_Hover span span span {color:#660000;}


/*Page_Footer_Links*/
.Page_Footer_Links {float:left;padding:0 40px 0 17px;}
.Page_Footer_Links ul {padding:0;list-style:none;font-size:0.9em;}
.Page_Footer a {text-decoration:none;color:#047BB2;}
.Page_Footer a:hover {color:#E88D23;}
.Page_Footer_Copy {float:left;font-size:0.9em;color:#777777;}
.Page_Footer .Logo_WaterAid {float:right;padding:0 23px 0 0;}
.Page_Footer_Copy a {text-decoration:underline;}

.Page_Footer_Links ul li {background:url(../image/bullet/arrow-black.gif) no-repeat left 0.3em;padding:0 0 0 7px;}


.Page_Body h1, .Page_Body h2, .Page_Body h3, .Page_Body h4, .Page_Body h5 {color:#00569f;}

.Page_Body h1 {font-size:3em;padding:5px 0 22px 0;}
.Page_Body h2 {font-size:1.8em;padding:0 0 5px 0;border-bottom:1px solid #ffffff;margin:15px 0 5px 0;}
.Page_Body h3 {font-size:1.4em;padding:0 0 5px 0;border-bottom:1px solid #ffffff;margin:15px 0 5px 0;}
.Panel_10000Steps {padding:26px 0 0 0;}
.Panel_10000Steps p {font-size:1.4em;color:#5c5c5c;padding:0 0 22px 0;}

.Panel_10000Steps_L {width:450px;float:left;}
.Panel_10000Steps_R {float:right;width:485px;height:347px;}

a.Btn_Img:hover img {opacity:0.8;filter:alpha(opacity=80)}






.LeaderBoard_Head_L, .LeaderBoard_Head_C, .LeaderBoard_Head_R {color:#ffffff;}
.Panel_LeaderBoard {color:#5c5c5c;padding:0 0 20px 0;background:url(../image/background/Panel_LeaderBoard.gif) no-repeat 742px 92px;}



.LeaderBoard_Head_L, .LeaderBoard_Odd_L, .LeaderBoard_Even_L {clear:left;text-indent:10px;}
.LeaderBoard_Head_R, .LeaderBoard_Odd_R, .LeaderBoard_Even_R {clear:right;}

.PerformanceTable_Head_L, .PerformanceTable_Head_R,
.LeaderBoard_Head_L, .LeaderBoard_Head_C, .LeaderBoard_Head_R, 
.LeaderBoard_Odd_L, .LeaderBoard_Odd_C, .LeaderBoard_Odd_R , 
.LeaderBoard_Even_L, .LeaderBoard_Even_C, .LeaderBoard_Even_R {float:left;padding:8px 0 6px 0;}

.LeaderBoard_Head_L {background:url(../image/background/leader-board/Head_L.gif) no-repeat left top;width:234px;}
.LeaderBoard_Head_C {background:url(../image/background/leader-board/Head_C.gif) repeat-x left top;width:241px;}
.LeaderBoard_Head_R {background:url(../image/background/leader-board/Head_R.gif) no-repeat right top;width:225px;}
.LeaderBoard_Odd_L {background:url(../image/background/leader-board/Odd_L.gif) no-repeat left bottom;width:234px;}
.LeaderBoard_Odd_C {background:url(../image/background/leader-board/Odd_C.gif) repeat-x left bottom;width:241px;}
.LeaderBoard_Odd_R {background:url(../image/background/leader-board/Odd_R.gif) no-repeat right bottom;width:225px;}
.LeaderBoard_Even_L {background:url(../image/background/leader-board/Even_L.gif) no-repeat left bottom;width:234px;}
.LeaderBoard_Even_C {background:url(../image/background/leader-board/Even_C.gif) repeat-x left bottom;width:241px;}
.LeaderBoard_Even_R {background:url(../image/background/leader-board/Even_R.gif) no-repeat right bottom;width:225px;}

#Bottom_L.LeaderBoard_Odd_L {background-image:url(../image/background/leader-board/Odd_L_B.gif);}
#Bottom_C.LeaderBoard_Odd_C {background-image:url(../image/background/leader-board/Odd_C_B.gif);}
#Bottom_R.LeaderBoard_Odd_R {background-image:url(../image/background/leader-board/Odd_R_B.gif);}
#Bottom_L.LeaderBoard_Even_L {background-image:url(../image/background/leader-board/Even_L_B.gif);}
#Bottom_C.LeaderBoard_Even_C {background-image:url(../image/background/leader-board/Even_C_B.gif);}
#Bottom_R.LeaderBoard_Even_R {background-image:url(../image/background/leader-board/Even_R_B.gif);}


.LeaderBoard {font-size:1.2em;font-weight:700;width:700px;}

.Panel_LeaderBoard h2 {margin:0 0 10px 0;}

.LeaderBoard_Button {width:693px;clear:both;height:36px;}
.LeaderBoard_Button a {float:left;padding:10px 35px;font-size:1.2em;margin:0 0 0 4px;background:#cef1fe;text-decoration:none;font-weight:700;color:#00adef;}
.LeaderBoard_Button a:hover {background:#ffffff;}
.LeaderBoard_Button .Active {background:#ffffff;cursor:default;}
.Panel_Tips {padding:0 0 40px 0;}
.Panel_Tips h4 {font-size:1.2em;color:#f54a0e;padding:0 0 5px 0;}
.Panel_Tips h2 {margin:0 0 15px 0;}
.Panel_Tips p {font-size:1.2em;color:#5c5c5c;}
.Panel_Tips .ViewPort {width:938px;overflow:hidden;}
.Panel_Tips .Items {width:964px;}
.Panel_Tips .Item {width:215px;height:140px;overflow:hidden;float:left;margin:0 26px 0 0;}
.Panel_Tips .Items > .Item {background:url(../image/background/tips.png) no-repeat left top;}
* html .Panel_Tips .Items .Item {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='asset/image/background/tips.png', sizingMethod='crop');}


.Content_Left {width:700px;}

.Page_Internal {padding:40px 0 20px 0;}
.Page_Internal h1 {color:#5c5c5c;border-bottom:1px solid #ffffff;padding:0 0 3px 0;margin:0 0 10px 0;}

.Page_Internal p {font-size:1.2em;color:#5c5c5c;}

.Panel_LeaderBoard h3 span {font-weight:100;}

.LeaderBoard_Result {clear:both;padding:10px 0 10px 0;}
.LeaderBoard_Result .LeaderBoard_Even_L, .LeaderBoard_Result .LeaderBoard_Even_C, .LeaderBoard_Result .LeaderBoard_Even_R
{
    background: transparent;

}
.LeaderBoard_Result {background:url(../image/background/leader-board/LeaderBoard_Result_B2.gif) no-repeat left bottom;font-weight:100;font-style:oblique;
        border-bottom: #90DCFE 3px solid;
    border-left: #90DCFE 3px solid;
    border-right: #90DCFE 3px solid;
    width: 470px;
    }
.LeaderBoard_Result .LeaderBoard_Even_L {display:block;}
.LeaderBoard_Result_Position {padding:0 0 2px 10px;zoom:1;}

.Panel_PerformanceTable .LeaderBoard {width:466px}
.Panel_PerformanceTable .PerformanceTable_Head_L {background:url(../image/background/PerformanceTable_Head_L.gif) no-repeat left top;}
.Panel_PerformanceTable .PerformanceTable_Head_R {background:url(../image/background/PerformanceTable_Head_R.gif) no-repeat right top;}

.PerformanceTable_Head_R,
.Panel_PerformanceTable .LeaderBoard_Odd_R, 
.Panel_PerformanceTable .LeaderBoard_Even_R {width:105px;clear:right;float:right;}

.PerformanceTable_Head_L,
.Panel_PerformanceTable .LeaderBoard_Odd_L,
.Panel_PerformanceTable .LeaderBoard_Even_L {clear:left;width:361px;text-indent:10px;font-weight:100;}



td input {float:left;}


.LeaderBoard_Devider {clear:both;overflow:hidden;height:2px;}
.LeaderBoard_Devider div {overflow:hidden;height:2px;padding:0;border:0px;font-size:0px;}

.Img_R {float:right;margin:0 0 0 10px;}

.Content_Register {width:480px;}

.Form_Register {width:100%;}
.Form_Register td span {font-size:1.2em;}
.Form_Register input, .MemberDetails input {border:solid 1px #7f9db9;padding:2px 0;text-indent:5px;}
.Form_Register .Col_1, .MemberDetails .Col_1 {width:162px;}
.Form_Register label, .MemberDetails label {font-size:1.2em;font-weight:700;color:#5c5c5c;}
.Form_Register td, .MemberDetails td {padding:0 0 12px 0;}
.Form_Register td td, .MemberDetails td td {padding:0 0 0 0;}
.Form_Register .Form_Input {width:160px;}
.Form_Register select {width:70px;}
.Form_Register .Form_Input_2 {width:300px;}
.Form_Register .Form_Input_3 {width:68px;}
.Form_Register .Form_Postcode {width:145px;}
.Form_Register .Label_Postcode {display:block;width:85px;text-align:center;}

.Form_Register .Date td {width:59px;}
.Form_Register .Date td input {width:42px;}

.Note {color:#3a3939;font-size:1.1em;font-weight:100;font-style:oblique;}

.MemberDetails {background:#cff1fe;padding:10px 10px 0 10px;}
.MemberDetails table {width:460px;display:block;}
.MemberDetails #Form_MemberDetails_2 {display:block;}
.MemberDetails input.Input_FirstName {width:135px;float:left;margin:0 28px 0 0;}
.MemberDetails input.Input_SecondName {width:135px;float:left;}
.MemberDetails input.Input_Email {width:300px;margin:0px;float:left;}

.MemberDetails input {color:#6c6b6b;font-size:1.1em;font-family:Arial;text-indent:5px;font-style:italic;}
.MemberDetails .Col_1 {width:152px;}


.Form_CheckBox {margin:30px 0 0 0;}
.Form_CheckBox input {width:14px;height:14px;padding:0;margin:0 5px 0 0;float:left;}
.Form_CheckBox td {color:#000000;font-size:1.1em;padding:0 0 17px 0;}
.Form_CheckBox td span {color:#4f4e4e;display:block;}

.Form_Steps {}
.Form_Steps a, .Form_Steps span {float:left;padding:4px 15px;margin:0 16px 0 0;background:#7dd2f9;text-decoration:none;font-size:1.2em;font-weight:700;color:#5c5c5c;}
.Form_Steps span, .Form_Steps a:hover {background:#cff1fe;}

.ProgressCalendar_Padding {padding:20px;background:#90dcfe;}
.ProgressCalendar table {width:60%;text-align:center;}
.ProgressCalendar h4 {font-size:1.4em;padding:0 0 10px 0;}

.ProgressCalendar table td a {font-size:1.2em;padding:10px 0;width:35px;background:#7fe0fe;border:solid 1px #AAE5FE;text-decoration:none;display:block;color:#333333;}
.ProgressCalendar table td a:hover {background:#666666;color:#cccccc;}
.ProgressCalendar table td a.Off, .ProgressCalendar table td a.Off:hover {background:#999999;color:#cccccc;cursor:default;}
.ProgressCalendar table th {font-size:1.2em;padding:10px 0;background:#4ebcfb;border:solid 1px #AAE5FE;}

.Form_UpdateProgress {padding:10px 0;}
.Form_UpdateProgress label {font-size:1.2em;padding:0 0 5px 0;display:block;}
.Form_UpdateProgress input.Form_Input {width:300px;border:solid 1px #7f9db9;padding:5px 0;text-indent:5px;float:left;}
.Form_UpdateProgress input.Btn_Update {font-size:1em;padding:3px;font-weight:700;margin:0 0 0 5px;float:left;}


#LeaderBoard_Individual {display:block;}
.LeaderBoard_Port {display:none;}