@charset "utf-8";
/* CSS Document */

/*****css clean reset*****/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*<Foutline: 0;*/
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	outline:none;	
 }

ol, ul {
	list-style: none;
}

fieldset,img {
	border:0;
}  

ol,ul { 
	list-style:none;
} 

abbr,acronym { 
	border:0; 
}

a {outline:none;text-decoration:none;} 
a:link {color: #0053a5;}
a:visited {color: #0053a5;}
a:active {color: #0053a5;}
a:hover {color: #0053a5;}
	
h1,h2,h3,h4,h5,h6{ 
	font-size:100%; 
	font-weight:normal;
	line-height:1;
	font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif;
	font-weight:bolder;  
	color:#840404;
	margin-bottom:20px} 
	
/*****css clean reset*****/

.clear{clear:both;}
.hidden{display:none}
.alert{color:#FF0000}


body {
	font-family:Tahoma,Helvetica,Arial,Verdana,sans-serif;
	color:#5D5D5F;
	font-size:0.8125em;
	line-height:1.5em;
	background:url(../images/layout/backgrounds/bkg.jpg) repeat-x #860500
	}
	

h1{font-family:Tahoma,Helvetica,Arial,Verdana,sans-serif; font-size:22px; font-weight:100}

/** html div * { zoom:1; }
*+html div * { zoom:1; }*/
a, a:link { color:#0000CC;}
a:active {}
a:visited { color:#0000CC;}
a:hover {}
a img { border:none; }
ul { margin:0 20px; list-style:square;}
/*p { padding:12px 0; color:#3C3C3C; line-height:1.4em; font-size:.875em; }*/
span.highlight { background-color:#fffc01;}
form { padding:0; margin:0; } /* for SOME reason...IE6/7 renders padding on forms. Crazy M$ */
label { cursor:pointer; }
code { display:block; padding:10px; margin:0; border:3px double #FFF; color:#FFF; background-color:#000;}
div#main_container {
margin:0 auto;
width:949px;
}

div#menu_container {
padding:0 56px;
margin:42px 0 0 0;
float:left;
}
div#menu_container ul {
display:block;
position:relative;
list-style:none;
padding:0;
margin:0;
}
div#menu_container ul li {
float:left;
height:54px;
}
div#menu_container ul li a {
display:block;
height:54px;
line-height:54px;
font-weight:bold;
color:#1C1C1C;
font-size:12px;
text-decoration:none;
text-align:center;
text-indent:-3000px;
background-image:url(../images/layout/backgrounds/menu.jpg);
background-repeat:no-repeat;
}
div#menu_container ul li.active a, 
div#menu_container ul li a:hover {
color:#FFF;
background-color:#1C1C1C;
}

div#menu_container ul li#home {
width:75px;
}
div#menu_container ul li#home a {
background-position:0px -54px;
}
div#menu_container ul li#home.active a,
div#menu_container ul li#home a:hover {
background-position:0px 0px;
}

div#menu_container ul li#take-action {
width:131px;
}
div#menu_container ul li#take-action a {
background-position:-75px -54px;
}
div#menu_container ul li#take-action.active a,
div#menu_container ul li#take-action a:hover {
background-position:-75px 0px;
}

div#menu_container ul li#contribute {
width:130px;
}
div#menu_container ul li#contribute a {
background-position:-206px -54px;
}
div#menu_container ul li#contribute.active a,
div#menu_container ul li#contribute a:hover {
background-position:-206px 0px;
}

div#body_container {
background-color:#FFF;
}

div#body_container div#body_wrap {
/*padding:40px 0;
margin:0;*/
}

div#body_container div.callout { 
height:344px;
background-color:#000;
text-align:center;
}

div#body_container div#content {
padding:50px 46px;
margin:0;

}

body.takeaction div#body_container div#content {
padding-top:0px;
}

div#body_container div#content div.left_column {
padding:0;
margin:0;
float:left;
width:500px;
}

div#body_container div#content div.left_column p{
margin-bottom:10px;
}

div#body_container div#content div.right_column {
padding:0;
margin:0;
float:right;
width:248px;

}

div#stay_informed {
display:block;
position:relative;
height:101px;
width:203px;
padding:20px;
margin:0;
background-image:url("../images/layout/backgrounds/stay_informed_background.gif");
background-position:left top;
background-repeat:no-repeat;
}
div#stay_informed h2 {
font-size:14px;
font-weight:bold;
color:#3C3C3C;
padding:0;
margin:0;
text-indent:-3000px;
}
div#stay_informed p {
font-size:11px;
padding:0;
margin:8px 0;
text-indent:-3000px;
}
div#stay_informed input.email {
display:block;
position:absolute;
bottom:49px;
right:30px;
width:173px;
border:none;
padding:0px 5px 3px 5px;
*padding:0px 5px 0px 5px;
font-size:12px;
color:#3C3C3C;
*border:1px solid #fff;
}
* html div#stay_informed input.email {
bottom:49px;
height:13px;
*border::#fff;
}

div#stay_informed input:focus{
border:none !important;
*border::#fff;
}

div#stay_informed .submit_button {
display:block;
position:absolute;
bottom:14px;
right:14px;
padding:0;
margin:0;
height:31px;
line-height:32px;
width:85px;
font-size:11px;
color:#FFF;
text-indent:-3000px;
text-align:center;
text-decoration:none;
}

div#footer_container {
padding:7px 0 21px;
margin:17px 0 0 0;
text-align:center;
font-size:14px; color:#FFFFFF;

}

#donateFormSubmit{margin:20px 0 0 0;}
.trust{
	background:url(../images/loock.jpg)#FEFCFC center bottom no-repeat;
}
.number{ float:right; margin:-2px 0 0 0;}
div#footer_container a {

color:#fff;
padding:3px;
text-decoration:none;
}
div#footer_container a:hover  {
text-decoration:underline;
}


h1#take-action {
display:block;
position:relative;
font-size:24px;
padding:0;
margin:0;
text-indent:-3000px;
background-image:url(../images/layout/backgrounds/take_action_h1.gif);
background-repeat:no-repeat;
background-position:left top;
}

span.required {
color:#F00;
margin-left:-10px;
margin-right:2px;
*margin-left:0px;
*margin-right:0px;
font-weight:bold;
}
* html span.required {
margin-left:0px;
}

fieldset { 
border:none;
margin:0 0 20px 0;
}
fieldset h1 {
font-size:24px;
}
div.inputSection {
margin:0 0 15px 0;
}
div.inputSection.sameLine {
float:left;
width:150px;
margin-right:30px;
}
div.inputSection.newLine {
clear:left;
}
div.inputSection label {
float:left;
padding:0;
margin:4px 0 3px 0;
font-size:12px;
width:100px;
*width:110px;
}
input.inputTextbox { 
padding:4px;
border:1px solid #D9D9D9;
/*width:230px;*/
/*height:23px;*/
/*float:left;*/
}

input.inputTextbox:hover {
border:1px solid #BBB;
}
input.inputTextbox:focus {
border:1px solid #666;
}
input.inputTextbox.tinyTextbox {
width:30px;
}

div.inputSection.radio {
width:65px;
}    
div.inputSection.radio label {
display:block;
position:absolute;
top:0px;
left:20px;
}
*+html div.inputSection.radio label {
top:3px;
}
* html div.inputSection.radio label {
top:3px;
}

p.note { 
font-size:11px;
font-style:italic;
}
p.note a {
color:#3b3b3b;
text-decoration:underline;
}
p.note a:hover {
color:#1b1b1b;
}


select.inputSelect {
border:1px solid #D9D9D9;
padding:3px;
}
select.inputSelect option {
padding:0 10px 0 0;
}

div.inputSection.expiryLine {
width:180px;
}

div.credit-card-types {
display:block;
position:relative;
padding:0 18px;
margin:15px 0;
}
div.credit-card-types label {
font-size:14px;
}

h1#contact, h1#amount, h1#credit {
display:block;
position:relative;
padding:0;
margin:0 0 15px 0;
height:30px;
text-indent:-3000px;
background-image:url("../images/layout/backgrounds/donate_headlines.gif");
background-position:-40px -20px;
background-repeat:no-repeat;
}
h1#amount {
background-position:-40px -85px;
}
h1#credit {
background-position:-40px -147px;
}

.submit_button { 
display:block;
position:relative;
padding:0;
margin:0;
cursor:pointer;
height:31px;
line-height:32px;
width:85px;
text-indent:-3000px;
border:none;
background-image:url(../images/TTO_action2_47.png);
background-repeat:no-repeat;
}


/* -- | Global Helper Classes | -- */
.floatL { float:left;}
.floatR { float:right;}
.floarN { float:none;}
.clearL { clear:left;}
.clearR { clear:right;}
.clearB { clear:both;*margin:0; *padding:0;}

/* Added by Ivanp */

#menu{background:url(../images/layout/backgrounds/bkg_header.jpg) no-repeat right; height:96px;}
#logo{float:right; margin:10px 40px 0 0;}
#topContent{background:url(../images/layout/backgrounds/topCurve.jpg) no-repeat; padding:17px 0 0 0}
#spacerTC{height:37px; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#fefcfc}
#connect{margin:30px 0 0 7px}
#connect div#title{margin-bottom:24px}
#connect img{margin-right:4px; margin-bottom:0px}
.radioSection{float:left; padding:5px 18px 0 18px;}
.inputRadio{float:left; }
.inputCreditCard{float:left; margin-right:45px}
div.credit-card-types input{margin-right:11px}
div.credit-card-types img{margin-right:18px}
#boxLeft{float: left; width: 350px; margin-left: 30px;}
#boxLeft input{width:230px;}
#boxRight{float: right; width: 417px; margin-left: 0px;}
#inputCC{margin:30px 0px 15px 0}
.inputCreditCard div.Slabel{width:135px; float:left}
#donateFormSubmit label{ cursor:text;}
.button-row{}
.btnSubmitTk{margin-top:10px}
#boxJoinMove{width:303px;}
#boxJoinMove div#top{background:url(../images/boxTopJoin.jpg); height:6px}
#boxJoinMove div#main{background:url(../images/boxMainJoin.jpg);padding:16px 30px}
#boxJoinMove div#butt{background:url(../images/boxBottonJoin.jpg); height:6px}
#boxJoinMove img#title{margin-bottom:20px;}
#boxJoinMove div#control{text-align:right;}

/* Modal */
#modal{width:504px; height:278px; background:url(../images/bkgmodal.jpg)}
#close{float:right; width:31px; height:31px; margin:10px 17px 8px 0; clear:both;}
#infoTakeThemOn{float:left; margin-left:31px}
#titleM{margin-bottom:31px}
#contM{margin-left:6px}
#controlM{clear:both; margin:29px 0 0 8px;}
#boxEmail{background:url(../images/bkginput.jpg); width:303px; height:21px; padding:7px 5px 3px 5px; float:left; margin:5px 17px 0 0}
#boxEmail input{width:303px; background:none; border:none; color:#636467; font-size:12px}
#btnSignUpM{float:left}
/* / Modal */

/* Shadow Box */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%; display:none;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png);}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
/* /Shadow Box */

#donateErrors{margin-bottom:40px;}
#connectSteps{ padding:0px 0 0 0}
#step1, #step2, #step3, #step4, #step5{float:left}

.boxStep{width:266px;}
.boxStep div.top{background:url(../images/boxDtop.jpg); height:6px}
.boxStep div.main{background:url(../images/boxDMain.jpg); padding:17px 15px 15px 25px}
.boxStep div.butt{background:url(../images/boxDbutt.jpg); height:6px}
.boxStep div.main img.title{float:left; margin:12px 0 15px 0}
.boxStep div.main img.num{float:right}
.boxStep div.main div.inputSign{float:left; background:url(../images/bkginput2.jpg);}
.boxStep div.main div.inputSign input{background:transparent; border:0px; padding:5px; width:200px; height:16px}
.boxStep div.main input.btnSigntt{float:right; margin:12px 8px 0 0}
.boxStep div.main img.avatar{float:left; clear:both}
.boxStep div.main input.btnShare{float:right; margin:38px 13px 0 0}

.boxStep4{width:553px;}
.boxStep4 div.top{background:url(../images/boxD2top.jpg); height:6px}
.boxStep4 div.main{background:url(../images/boxD2Main.jpg); padding:17px 15px 15px 25px}
.boxStep4 div.butt{background:url(../images/boxD2butt.jpg); height:6px}
.boxStep4 div.main img.title{float:left; margin:19px 0 15px 0}
.boxStep4 div.main img.num{float:right}

#step2{margin-left:23px;}
#step4{margin:20px 0 0 2px;}
#step5{margin:19px 0 0 22px;}

#tellfriends{clear:both; width:360px; margin:0 auto}
.cell{margin:10px 0}
.cell div.cellLabel{float:left; width:150px; margin-top:5px;}
.cell div.cellInput{float:left;}
.cell div.cellInput input{width:200px; height:20px}
.btnSend{margin:10px 0 0 226px}
#imageBadge{ height:233px; padding-left:8px;}
#copyScript{width:208px; float:left; margin:14px 0 10px 27px; line-height:15px;}
#copyScript p{font-size:11px;}
#copyScript input.inpScript{padding:7px; border:1px solid #000; margin-top:10px; width:192px; font-size:11px;}