html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* start clearfix, use to fix CSS issues */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*end clearfix */

/* general selectors */
.disp_block {display:block !important;}
.flt_lft {float:left;}
.disp_none {display:none;}
.clearleft {clear:left;}
.clearboth {clear:both;}
.no_border  {border: none !important;}
.no_decoration {text-decoration:none !important;}
.no_decoration:hover {text-decoration:none !important;}
#flexcroll {display:block !important;}
.img_rep {display:block;text-indent:-999em;overflow:hidden !important}
/* general selectors */

/* main visual formatting */
body {margin:auto;text-align:center;font-family:Helvetica, Arial, sans-serif;background:#0b7884 url('/img/bg_test.jpg') top center no-repeat;position:relative;z-index:2;}
* {margin: 0;padding: 0;text-align:left;}
a,img {border:none;}
a {cursor:pointer;color:#000;text-decoration:underline}
a:hover {cursor:pointer;color:#fff;text-decoration:none;}
h2 {color:#f79239;font-weight: normal;margin-left: 24px;margin-top: 26px;height:40px;font-size:23px;}
h3 {color:#f79239;font-weight: lighter;font-size:16px;padding: 0 0 16px 30px;}	
h4 {color:#f79239;font-weight: lighter;font-size:18px;padding: 0 0 16px 0;}
h5 {background:url(/img/wfl_icon.jpg) no-repeat;font-size:17px;padding-left:16px;font-style:italic;font-weight:500;margin-top:15px;}
/* main visual formatting */


.aStyle2 {color:#0b7884;display:inline;margin-left:5px;}
.aStyle2:hover {color:#000;}
#wrapper_main {
	margin: 0 auto;
	width: 1005px;
	display:block;
	position:relative;
}
#nav_head_cont {
	width:1000px;
	margin:auto;
	background:url(/img/navhead_bg2.gif) repeat-x;
	
	overflow:hidden;
	height:120px;
}

/*header nav */
#wfl_id {background:url(/img/wfl_logo.gif) no-repeat;width:215px;height:84px !important;overflow:hidden;float:left;display:inline;}
#wfl_id a {width:215px;height:84px;display:block;}

html>body #wfl_id {background:url(/img/wfl_logo.png) no-repeat;float:left;width:192px;height:84px;}
#wfl_tag_main {margin:0;padding:20px 0 0 0;float:left;width:515px;background:url(/img/nav_sep2.gif) no-repeat right top;font-size:40px;text-align:center;color:#fff;height:64px;}


#wfl_new_project {width:160px;height:64px;padding-top:15px;text-align:center;float:left;display:inline;background:url(/img/nav_sep2.gif) no-repeat right top;overflow:hidden}
html>body #wfl_new_project {width:180px;height:64px;padding-top:15px;text-align:center;float:left;display:inline;background:url(/img/nav_sep2.gif) no-repeat right top;overflow:hidden}
#wfl_new_project div {width:180px;float:left;position:absolute;margin:auto;text-align:center;}

#new_proj_hdr {display:block;color:#012828;font-size:15px;margin:auto;text-align:center}
#new_proj_body {display:block;color:#fff;font-size:11px;margin:auto;text-align:center}
#new_proj_learnmore {display:block;text-indent:-999em;background:url(/img/learnmore.png);width:83px;height:23px;margin:3px auto;}

#donate_header {width:90px;height:54px;text-align:center;padding-top:30px;font-size:20px; color: #fff;float:left;display:inline;}
html>body #donate_header {width:110px;height:54px;text-align:center;padding-top:30px;font-size:20px; color: #fff;float:left;display:inline;}
#donate_header:hover {text-decoration:none;color:#0b7884;float:left;display:inline;}
.donate_mid{background:#fff url('/img/donate_mid.jpg') top center no-repeat !important;}
/*header nav */

/* header tabbed navigation */
#nav_head_cont a {text-decoration:none}
#nav_tabs {clear:left;margin:0 0 0 -3px;padding:0;width:1005px;list-style:none; height:35px;background:url(/img/nav.png) repeat-x;}
#nav_tabs li {float:left;color:#fff;padding:8px 13px;background:url(/img/nav_sep.jpg) no-repeat right top;height:25px;}
#nav_tabs a{color:#fff;text-decoration:none}
#nav_tabs a:hover {color:#85d3dc}
.bg_no {background:none !important;}
/* header tabbed navigation */

/* index content boxes */
#intro_msg {background:url(/img/intro_bg.jpg) top center;float:left;width:554px;height:182px;padding:0 20px;font-size:13px;}
#intro_msg h3 {background:url(/img/missionstatement.gif) no-repeat;margin:auto;width:530px;height:30px;margin-top:30px;text-indent:-999em;display:block;}
#intro_msg a {margin: 7px auto;display:block;width:141px;height:22px;background:url(/img/learnmore_intro.gif) 0 0;overflow:hidden;text-indent:-999em;}
#intro_msg a:hover {margin: 7px auto;display:block;width:141px;height:22px;background:url(/img/learnmore_intro.gif) 0 22px;overflow:hidden;text-indent:-999em;}
#difference {float:left;margin-left:10px;background:url(/img/difference.jpg) 0 0;width:196px;height:182px;text-indent:-999em;}
#difference:hover {float:left;margin-left:10px;background:url(/img/difference.jpg)0 -192px;width:196px;height:182px;text-indent:-999em;}


#didyouknow {margin-left:10px;background:url(/img/didyouknow_bg.jpg);width:190px;height:182px;float:left;}
#didyouknow h4 {margin:30px auto 2px;text-align:center;background:url(/img/didyouknow.jpg) no-repeat;width:89px;height:14px;text-indent:-999em;overflow:hidden;}
#didyouknow p {width:170px;text-align:center;margin:auto;color:#0b7884;margin-bottom:10px;}
#didyouknow a {margin: 7px auto;display:block;width:101px;height:22px;background:url(/img/getinvolved.jpg) 0 0;overflow:hidden;text-indent:-999em;}
#didyouknow a:hover {margin: 7px auto;display:block;width:101px;height:22px;background:url(/img/getinvolved.jpg) 0 22px;overflow:hidden;text-indent:-999em;}
/* index content boxes */

/* large header images including copy*/
#hdr_about {background:url(/img/hdr_about.jpg) top center no-repeat;display:block;width:1002px;height:376px;margin-top:5px ;margin-bottom:5px;padding:0;font-size:11.7px;}
#hdr_contact {background:url(/img/hdr_contact.jpg) top center no-repeat;display:block;width:1002px;height:376px;margin-top:5px ;margin-bottom:5px;padding:0;font-size:11.7px;}
#hdr_donate {background:url(/img/hdr_donate.jpg) top center no-repeat;display:block;width:1002px;height:376px;margin-top:5px ;margin-bottom:5px;padding:0;font-size:11.7px;}
#hdr_resources {background:url(/img/hdr_resources.jpg) top center no-repeat;display:block;width:1002px;height:376px;margin-top:5px ;margin-bottom:5px;padding:0;font-size:11.7px;}
#hdr_getinvolved {background:url(/img/hdr_getinvolved.jpg) top center no-repeat;display:block;width:1002px;height:376px;margin-top:5px ;margin-bottom:5px;padding:0;font-size:11.7px;}
#hdr_training {background:url(/img/training.jpg) top center no-repeat;display:block;width:1002px;height:376px;margin-top:5px ;margin-bottom:5px;padding:0;font-size:11.7px;}


#hdr_donationReceived {background:url(/img/donationProcessedHeader.jpg) top center no-repeat;display:block;width:1002px;height:376px;margin-top:10px ;padding:0;font-size:11.7px;}
/* large header images including copy*/

/* scrollable information box styles and formatting*/
#info_projects_link {float:left;background:url(/img/wfl_folder_img.jpg);height:213px;width:198px;text-indent:-999em;margin:20px 0 0 3px;cursor:pointer}
#info_container {background:url(/img/info_container_bg.jpg) no-repeat; float:left; width:804px;height:212px;margin-top:5px;}
#info_container_inner_contentwrapper a {text-decoration:none;}
#info_container h5 {margin-left:50px;float:left;width:250px;margin-top:12px}
#info_container_inner {width:750px;height:140px;padding:10px 20px;overflow:hidden;margin-top:20px;}
#info_container_inner ul {list-style:outside;margin:0 20px;}
#info_container_inner li,#info_container_inner p {font-size:14px;margin-top:6px;}
#info_container_inner li a {color:#000;text-decoration:none}
#info_container_inner li a:hover {color:#000;text-decoration:none}
#info_container_inner ol {list-style:outside decimal;margin:0 20px;}

#our_approach,#our_priorites,#why_safe_water,#staff,#seminars_btn,#wfl_about {float:left;display:block;margin:10px 3px 10px 3px;color:#000;width:115px;background:url(/img/btns_about.jpg) 0 0;color:#fff;height:17px;padding-top:5px;text-align:center;font-size:13px;text-decoration:none;}
#our_approach:hover,#our_priorites:hover,#why_safe_water:hover,#staff:hover,#seminars_btn:hover, #wfl_about:hover {float:left;display:block;margin:10px 3px 10px 3px;color:#000;width:115px;background:url(/img/btns_about.jpg) 0 22px;color:#fff;height:17px;padding-top:5px;text-align:center;font-size:13px;text-decoration:none;}
#priorities, #safe_water,#staff_cont,#approach {display:none;}
.aBold {margin-top:5px;font-weight:bold;color:#0B7884;display:block;text-decoration:none !important}
.aBold:hover {margin-top:5px;font-weight:bold;color:#0B7884;display:block;text-decoration:underline !important}
#seminars {}
#seminars ul{margin:15px 0 0 0;display:block;width:250px;}
#seminars li{display:block;height:20px;border-bottom:1px dashed #08525B;clear:both;list-style:none;}
#seminars li span {width:350px;display:inline;float:left;}
#seminars li a {color:#0b7884;float:left;margin-right:50px;}

#seminarForms {font-size:12px;margin-top:15px;margin-left:20px;}
.seminarCont{margin-top:15px !important}

/* scrollable information box styles and formatting*/

.staff_mugs {width:117px;height:140px;display:block;color:#000;text-align:center;float:left;margin:0 3px;}
.staff_mugs img {margin-bottom:3px;}
.staff_mugs small {font-size:10px;}
.staff_mugs:hover {display:block;color:#000;text-decoration:none;color:#0b7884;}
#see_all_staff {background:url(/img/btn_backtostaff.jpg) 0 0 no-repeat;text-indent:-999em;display:block;overflow:hidden;height:18px;width:101px;}
#see_all_staff:hover {background:url(/img/btn_backtostaff.jpg) 0 -18px no-repeat;text-indent:-999em;display:block;overflow:hidden;height:18px;width:101px;}
#bios_cont {padding-top:10px;}
#bios_cont div img {float:left;}
#bios_cont div p {float:left;width:600px;margin-left:25px;}
#projects_overview {width:965px;margin-top:40px;background-color:#fff;padding:55px 0 0 35px;border-top:1px solid #fff;border-bottom:3px solid #fff;}
#projects_overview small {font-size: 11pt;}
#projects_photos {background:url(/img/projects_photos.jpg);width:295px;height:316px;margin:-20px 0 0 699px;float:left;position:absolute;}
#projects_overview div {width:217px;height:227px;float:left;margin:0 0 15px 5px;background-color:#fff;background:url(/img/project_folders.png) no-repeat;font-size:13.3px;line-height:1.1em;}
#projects_overview p {width:175px;height:100px;margin-left:20px;}
.sm_title {font-size:.8em;display:block;}
#projects_overview a {display:block;text-align:left;color:#00565D;margin:-16px 0 40px 20px;font-size:18px;height:19px;}
.view_project_link {margin:8px 0 0 65px !important;width:75px;height:35px !important;position:absolute;display:block;float:left;margin-top:-75px;text-indent:-999em;overflow:hidden;}
#projects_overview h4 {display:block;margin:-40px 0 35px 170px;}

/* ---------------------------------------individual projects */
#projects_cont {background:url(/img/bg_projects.jpg) left top no-repeat;width:1000px;height:603px;padding-top:20px;margin:-1px 0 0 3px}
#project_back {margin-left:20px;width:105px;float:left;color:#000;font-size:14px;z-index:2;position:relative;display:block;font-size:12px;}

#project_hdr {width:495px;float:left;margin-left:0px;text-align:center;color:#000;font-size:27px;position:relative;z-index:2;}

.link_active{text-decoration:none}
#project_page_hdr {width:300px;float:left;margin-left:0px;text-align:center;color:#000;font-size:27px;position:relative;z-index:2;}
#active_projects {float:left;display:inline;margin-left:20px;margin-top:5px;margin-right:20px;}
#active_projects:hover,#completed_projects:hover{color:#000}
#completed_projects {float:left;display:inline;margin-top:5px;}
#activeProjCont,#completedProjCont{}
#completedProjCont{display:none}

#project_hdr small {font-size:.6em;position:relative;top:-.3em;font-weight:bold;}
#project_sketches {clear:left;margin-bottom:0;float:left;width:220px;height:530px;text-indent:-999em;overflow:hidden;position:relative;z-index:1;display:block;}
#project_notes {float:left;width:391px;height:470px;background:url(/img/project_notes.gif);padding-top:60px;font-size:13px;}
html>body #project_notes {float:left;width:391px;height:470px;background:url(/img/project_notes.png);padding-top:60px;font-size:13px;}
#project_notes a:hover{color:#000;}
#project_notes p {width:280px;margin-left:35px;line-height:1.12em;margin-bottom:1.11em;}
#project_specs {float:left;width:385px;height:570px;margin-top:-63px;}

.swpProjPage {margin-left:20px;display:inline;position:relative;}
.swpProjPage {color:#000;}
.swpProjPage:hover {color:#000;}

/* sketches classes to apply to subhead */
.sketches_water_tank {background:url(/img/sketch_fanning.jpg) top center;margin-top:-45px;}
.sketches_filtration {background:url(/img/sketches_filtration.jpg) top center;margin-top:-45px;}
/* sketches classes to apply to subhead */

.slideshow_btn {background:url(/img/viewslideshow.jpg)0 0;width:95px;margin:-40px 0 0 293px;height:38px;display:block;position:absolute;float:left;}
.slideshow_btn:hover {background:url(/img/viewslideshow.jpg)0 -38px;width:95px;margin:-40px 0 0 293px;height:38px;display:block;position:absolute;float:left;}
/* polaroid pictures img replacement */
.photos_cont {width:381px;height:289px;text-indent:-999em;overflow:hidden;display:block;}
.photos_tabuaeran {background:url(/img/photos_tabuaeran.jpg);}
.photos_india {background:url(/img/photos_india.jpg);}
.photos_brazil {background:url(/img/photos_brazil.jpg);}
.photos_china {background:url(/img/photos_china.jpg);}
.photos_kosovo {background:url(/img/photos_kosovo.jpg);}
.photos_bali {background:url(/img/photos_bali.jpg);}
.photos_pakistan {background:url(/img/photos_pakistan.jpg);}
.photos_rwanda {background:url(/img/photos_rwanda.jpg);}
/* polaroid pictures img replacement */

/* maps */
.maps {width:375px;height:170px;text-indent:-999em;display:block;float:left;background-repeat:no-repeat;}

.map_rwanda {background:url(/img/map_rwanda.jpg) ;}
.map_fanning {background:url(/img/map_fanning.jpg) ;}
.map_india {background:url(/img/map_india.jpg) ;}
.map_brazil {background:url(/img/map_brazil.jpg) ;}
.map_china {background:url(/img/map_china.jpg) ;}
.map_kosovo {background:url(/img/map_kosovo.jpg) ;}
.map_amazon {background:url(/img/map_amazon.jpg) ;}
.map_tabuaeran {background:url(/img/map_tabuaeran.jpg) ;}
.map_bali {background:url(/img/map_bali.jpg) ;}
.map_pakistan {background:url(/img/map_pakistan.jpg) ;}
/* maps */

/* project report */
.project_report {float:left;margin-left:48px;background:url(/img/project_report.jpg) no-repeat;list-style:none;width:331px;height:58px;display:block;padding-top:55px;font-size:13px;}
.project_report li {margin-left:53px;line-height:1.10em;}
.passport_stamp {background:url(/img/passport_stamp.jpg);width:67px;height:39px;clear:left;float:left;}

.donate_now {position:absolute;margin-top:202px;right:500px;display:block;float:left;background:url(/img/donate_now.jpg) 0 0;
width:100px;height:70px;text-indent:-999em;margin-left:0px;overflow:hidden;}
.donate_now:hover {position:absolute;margin-top:202px;right:500px;display:block;float:left;background:url(/img/donate_now.jpg) 0 -70px;
width:100px;height:70px;text-indent:-999em;margin-left:0px;overflow:hidden;}

.proj_complete {position:absolute;margin-top:202px;right:500px;display:block;float:left;background:url(/img/btn_project_complete.jpg) 0 0;
width:100px;height:70px;text-indent:-999em;margin-left:0px;overflow:hidden;}

.view_project_link_complete {float:left;margin-left:25px !important;position:relative}
.proj_complete_2 {float:left;position:relative;width:73px !important;height:38px !important;display:block;float:left;background:url(/img/proj_complete_trans.png) 0 0;
width:100px;height:70px;text-indent:-999em;margin-left:0px;overflow:hidden;}


/* project report */
/* ---------------------------------------individual projects */


#hp_anim{height:413px;overflow:hidden;margin-top:-1px}

/* info container styles */
#info_cont {background: url('/img/info_bg_mid.jpg') repeat-y center;text-align: left;width:1000px;margin-top:0px;min-height:81px;clear:both;}
#info_header {background: url('/img/info_bg_hdr.png') no-repeat bottom center;width:1000px;height:21px;float:left;margin-top:5px;}
#info_footer {background: url('/img/info_bg_ftr.png') no-repeat bottom center;border: none;width:1000px;height:21px;clear:left;position:relative;float:left;margin-top:0}
#info_cont ul {margin-left:20px;color:#000;}
#info_cont a, li {font-size:12px;line-height:1.3em;}
#info_cont li b {font-size:15px;}
#info_cont a {color:#000;text-decoration:underline}
#info_cont a:hover {color:#000;text-decoration:none;margin-top:3px;}
/* info container styles */




/* donation page */

/* media and projects page */
#media_cont {background:url(/img/bg_projects.jpg) left top no-repeat;width:1000px;height:603px;padding-top:20px;margin:-1px 0 0 3px}
#media_hdr {width:495px;float:left;margin-left:0px;text-align:center;color:#000;font-size:27px;position:relative;z-index:2;}
#media_hdr small {font-size:.6em;position:relative;top:-.3em;font-weight:bold;}

.sketchBox {width:1000px;margin-top:35px;padding:20px 0 0 0px;background:url(/img/bg_folder_mid.jpg);}
.sketchBox {width:1000px;margin-top:35px;padding:20px 0 0 0px;background:url(/img/bg_folder_mid.jpg);}
.sketchBox div {border:dashed 1px #888;width:234px;height:230px;float:left;padding-top:15px;margin:0 0 15px 10px;font-size:13.3px;line-height:1.0em;text-align:center}
.sketchBox img {display:block;position:relative;z-index:1;width:200px;height:155px;margin:0 auto 10px}
.sketchBox a {display:inline;text-align:left;color:#00565D;margin-left:10px;font-size:12px;color:#000;width:auto;}
.sketchBox h4 {display:block;position:relative;text-align:center;margin-bottom:-20px;z-index:3;line-height:1.1em;}
.sketchBox p {width:175px;height:auto;margin-left:20px;}
.sm_title {font-size:.8em;display:block;}

.sketchBoxNarrow div {border:dashed 1px #888;width:210px !important;height:360px !important;float:left;padding-top:15px;margin:0 0 15px 15px;}
.sketchBoxNarrow p {padding-top:15px;line-height:1.1em;}
.view_project_link {background:url(/img/btn_viewproject.jpg) no-repeat 0 0;width:77px !important;height:44px !important;display:block !important;}
.view_project_link:hover {background:url(/img/btn_viewproject.jpg) no-repeat 0 -45px;width:77px !important;height:44px !important;display:block !important;}

#vids li {display:block;clear:both}
#vids li span{width:185px;display:block;float:left;}
#vids li a{width:20px;display:block;float:left;text-decoration:none !important;margin-right:20px;}
#vids li a:hover{width:20px;display:block;float:left;text-decoration:none !important;color:#0A5660;margin-top:0 !important}

/* media and projects page */






/* direct payment form */
#donationOptions {margin:auto;width:300px;text-align:center}
#frmDirectPayment {
	margin-left:150px;
	width:300px;
	display:inline;
	float:left;
	border:1px dashed #888888;
	padding:20px 30px;
	background:#fff;
	box-shadow: 9px 18px 5px #CCCCCC;-moz-box-shadow: 9px 18px 5px #CCCCCC;-webkit-box-shadow: 9px 18px 5px #CCCCCC;
	border:1px solid #e0e0e0;
	-moz-border-radius:7px 7px 7px 7px;
	margin-bottom:30px;
}
#frmDirectPayment h3 {
	width:260px;
	margin:auto;
	padding:0 !important;
	text-align:center;
}
#frmDirectPayment hr {
	margin:20px auto;
	color:#e0e0e0;
}
#frmDirectPayment input,#frmDirectPayment select {
	margin:10px 0 0 10px;
}
#frmExpressCheckout {
	margin-left:50px;
	float:left;
	width:260px;
	display:inline;
	border:1px dashed #888888;
	padding:20px 30px;
	background:#fff;
	border:1px solid #e0e0e0;
	-moz-border-radius:7px 7px 7px 7px;
	box-shadow: 9px 18px 5px #CCCCCC;-moz-box-shadow: 9px 18px 5px #CCCCCC;-webkit-box-shadow: 9px 18px 5px #CCCCCC;
}
#frmExpressCheckout h3 {
	width:200px;
	margin:auto;
	padding:0 !important;
	text-align:center;
}
#frmExpressCheckout input,#frmExpressCheckout select {
	margin:10px;
}
#paypalExpressBtn {
	margin-left:75px;
}
#donationOptions {
	background: url('/img/donationOptions.jpg');
	text-indent:-999em;
	width:214px;
	height:43px;
}
h3.btnDirectPayment {
	margin-top:15px !important;
	display:block;
	background:url("/img/directPayment.jpg") 0 0;
	height:22px;
	width:101px !important;
	cursor:pointer;
	text-indent:-999em;
	overflow:hidden;
}
#btnDirectPayment:hover {
	margin-top:15px !important;
	display:block;
	background:url("/img/directPayment.jpg") 0 -22px;
	height:22px;
	width:101px !important;
	cursor:pointer;
	text-indent:-999em;
	overflow:hidden;
}
#frmExpressCheckout input, #frmExpressCheckout select, #frmDirectPayment input, #frmDirectPayment select {
	border: solid 1px #666;
}
#frmResult {
	padding-top: 10px;
	font-size: 9pt;
	color: #FF0000;
	text-align: center;
}
.smEmStyle {font-size:12px}
#DonateOptions {margin:auto;width:250px !important}
#DonateOptions input {border:none !important}

/* direct payment form */

/**************************************************************

	MultiBox
	v1.3

**************************************************************/
.MultiBoxContainer, .multiBoxIframe, .MultiBoxContent,.MultiBoxContentContainer, .MultiBoxMediaObject{
	border: 0px solid #000;
	background-color: #0B7884 !important;
	
}


.MultiBoxContainer {
	position: absolute;
	border: 0px solid #000;
	background-color: #0B7884;
	display: none;
	z-index: 12;
	top:40px !important;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(../img/loading.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	background-color: #0B7884;
	height: 100% !important;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -8px;
	right: -8px;
	background: url(close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	top:0px !important;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	/*height: auto;*/
	height:35px;
	position: relative;
	background-color: #0B7884000;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(left.gif) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(right.gif) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(rightDisabled.gif) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(leftDisabled.gif) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}



/*************************************************************/

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbar {
width: 10px;
background: #757f1e url(scrollbar.png) -10px 0px repeat-y;
/* do not forget to put colors for backgrounds for before image(s) can load , this is more important for
the scrollbar itself than the scrollbase, as user can live without an image on the base but cannot see
any scrollbar when images cannot load. */
}
.vscrollerbarbeg {
/* begging of scrubber button */
/* height of this element is normally auto set to fit the scrollbase, to cover the base... */
height: 29px !important;
/* ...unless we force the size using an !important decleration */
/* forcing would not be required if Webkit-Safari did not have a background-repeat bug*/
/* this may be fixed by the time Safari 3.0 is released. */
width: 10px;
background: url(scrollbar.png) -20px -29px no-repeat;
}
.vscrollerbarend {
/* end of scrubber button */
/* height of this element should be set */
height: 29px;
width: 10px;
background: url(scrollbar.png) -20px 0px no-repeat;
}

.vscrollerbase {
width: 10px;
background: #D4F6F2 url(scrollbar.png) 0px -10px repeat-y;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {
height: 16px; background-color: white;
}
.hscrollerbar {
height: 16px; background-color: black;
}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 36px;
height: 16px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #37917A;
}


/* Scroll Bar Master Styling Ends Here */