/***** Headings *****/
body {
	margin:0px;
	padding:0px;
	font:12px Arial, Helvetica, sans-serif; color:#000;
}
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
/***** Common Formatting *****/
 
p, ul, ol, li {	
margin:0px;
padding:0px;
list-style:none;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Forms *****/

a {
	text-decoration:none;
	outline:none !important;
}
.clear {
	clear:both;
} 
.noborder {
	border:none !important;
}
.float-right {
	float:right;
}
.float-left {
	float:left;
}
/* my css */

h3 { font:bold 16px/16px Arial, Helvetica, sans-serif; color:#666}
.body {
	background:url(images/unite_pattern.gif) repeat;
	position:relative;
	padding:15px 15px 15px 0px;
}
.page {
	width:999px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.wrapper {
	width:967px;
	margin:0 auto;
	position:relative;
	overflow:hidden;	
}
.header {
	background:url(images/header.gif) no-repeat center bottom;
	height:90px;
}
.logo {
	margin-top:14px;
	background:url(images/logo.png) no-repeat;
	height:76px;
	width:247px;
	margin-left:2px;
}

.progressbar {
	margin-top:10px;
	margin-left:6px;
    width: 245px;
    background: url(images/progressbar.png) no-repeat 0 -40px;
	color:#666;
	font:bold 11px/15px Tahoma, Geneva, sans-serif;
	position:relative;
}
.progressbar p {
	padding-top:2px;
	text-align:right;
	position:absolute;
	left:39%;
}
.progressbar-completed {
    height: 20px;
    margin-left: -1px;
    background: url(images/progressbar.png) no-repeat 1px 0;
}
.progressbar-completed div {
    float: right;
    width: 50%;
    height: 20px;
    margin-right: -1px;
    background: url(images/progressbar.png) no-repeat 100% 0;
    display: inline; /* IE 6 double float bug */
}

.header .float-right {
	width:250px;
	position:relative;
	right:12px;
	top:5px;
}
.bodyConent {
	clear:both;
	padding:0px 10px 5px;
	background-color:#FFF;
	border-bottom:1px solid #dcdbdb;
	border-right:1px solid #dcdbdb;
	border-left:1px solid #dcdbdb;
	overflow:hidden;
}

.slider {
	overflow:hidden;
}
.slider .float-right { width:226px; background-color:#e0f7ff;}
.slider .graybox{ 	background-color:#f1f1f1; padding:8px; width:278px;}
#googleMap {
	border:3px solid #FFF;
}
.slider h1{ font:bold 18px/18px Arial, Helvetica, sans-serif; color:#666666;}
.slider h1 span {color:#ff0000;}
.slider p { font:normal 11px/17px Tahoma, Geneva, sans-serif; padding-bottom:15px; color:#666666;}
.customize_box {background-color:#f9f9f9; border:1px solid #e5e5e5; padding:5px; margin-left:5px; width:400px; min-height:252px; }
.customize_box .float-right { float:right;}
#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:8px solid #e5e5e5;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	}

#tabs a {
	float:left;
	background:url("images/tabs-left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("images/tabs-right.gif") no-repeat right top;
	padding:4px 15px 2px 6px;
	margin-right:2px;
	color:#666666;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

#tabs .current a span {
	color:#0096ce;
}
#tabs .deactive a span {
}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#fff;
	}

#tabs a:hover {
	background-position:0% -22px;
	}

#tabs a:hover span {
	background-position:100% -22px;
	}

/* users comments listing */
.displayUsers .float-left {
	width:461px;
}
.displayUsers .float-right { width:226px; background-color:#e0f7ff;}
.displayUsers {}
.userListing {}
.userListing li {
	clear:both;
	font:normal 11px Tahoma, Geneva, sans-serif;
	border-bottom:1px dotted #c3c3c3;
	padding:10px 0;
}
.userListing li img { float:left; margin-right:7px; border:3px solid #FFF}
.userListing li p { display:block ; padding-bottom:10px; color:#666666;}
.userListing li p a { color:#F00 }
.userListing li p a:hover { text-decoration:underline }
.userListing li div {
	padding:2px 0 2px 4px;
	background-color:#eceff5;
	width:395px;
	color:#666666;
	margin-left:62px;
}
.userListing li div span { color:#333}
.tweet { padding:0 7px}
.tweetListing { margin:7px 0} 
.tweetListing li { border-bottom:1px dotted #76dbff;padding:10px 0; overflow:hidden}
.tweetListing li img{ float:left; margin-right:5px; border:3px solid #b1eaff;}
.tweetListing li p {  font:normal 13px Tahoma, Geneva, sans-serif; color:#166a88;}

.appTop { overflow:hidden}
.appTop .float-left { /*width:209px;*/ }
.appTop .float-right { /*width:490px;*/ font:normal 12px/20px Tahoma, Geneva, sans-serif; color:#666}

.appTop .appImg {}
/*#help { clear:both; overflow:hidden; border:1px solid #f5abab; background-color:#ffe4e4; font:normal 11px Arial, Helvetica, sans-serif; color:#666; padding:10px; margin-top:10px;}
#help h1 { font:normal 11px Arial, Helvetica, sans-serif; color:#333;}*/

/*#help { clear:both; overflow:hidden; border:5px double #f5abab; background-color:#ffc4c4; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#333; margin-top:10px;}
#help h1 { font:bold 13px Arial, Helvetica, sans-serif; color:#964040;}
#help .border-help {padding:10px; border:1px solid #fff;}*/

#help { clear:both; overflow:hidden;background-color:#ffcbcb; border:1px solid #ff6362; font:bold 11px/18px Arial, Helvetica, sans-serif; color:#333; margin-top:10px;}
#help h1 { font:bold 13px Arial, Helvetica, sans-serif; color:#964040; margin-bottom:5px;}
#help .border-help {padding:10px; border:1px solid #fff;}


.appImg p { float:left; }
.appImg img { float:left; margin:0 10px 10px 0; }
.appTag {}
.appTag .float-left {
	width:245px;
}
.appTag .float-right {
	width:438px;
}
.step1 { background-color:#f9f9f9; border:1px solid #e5e5e5; padding:5px;}
.step1 h1 { font:normal 18px/18px  Arial, Helvetica, sans-serif; color:#666; padding-bottom:2px;}
.step1 p {font:normal 11px  Arial, Helvetica, sans-serif; color:#666}
.step1 .imgContainger { border:3px solid #e5e5e5; width:141px; margin:12px auto;}

.step2 {}
.step2 h1 { font:normal 18px/18px  Arial, Helvetica, sans-serif; color:#666; padding-bottom:2px;}
.step2 textarea { border:10px solid #eceff5; margin:10px 0}
.step2 {}


/*My CSS*/
.loading {
	position:absolute;
	width:760px;
	height:100%;
	z-index:1;
	left: 0px;
	top: 0px;
	background-image:url(images/transparent.png);
}
.loadingx {
	color:#000;
	font-size:13px;
	z-index:1;
	position:absolute;
	top:160px;
	left:305px;
}

/* customize box */
.content { width:400px; padding:0 20px 0 10px;}
.content textarea { width:325px; margin-left:5px; height:66px;}
h2{ font:bold 15px/15px Arial, Helvetica, sans-serif; color:#666666; line-height:20px;}


.submit_btn {
	background-image:url(/worldaids2/images/submit_btn.jpg);
	background-repeat:no-repeat;
	width:50px;
	height:24px;
	display:block;
	cursor:pointer;
	border:none;
}