tor-webwml.git

1) @charset "UTF-8";
2) /* Layout */
3) 
4) /* UNIVERSAL ------------*/
5) 
6) body {
7) 	background: #fff;
8) }
9) 
10) #wrap {
11) 	width: 960px;
12) 	margin: 0 auto;
13) }
14) 
15) .left { float: left; }
16) .right { float: right; }
17) .twenty { width: 20%; }
18) .thirty { width: 30%; }
19) .forty { width: 40%; }
20) .fifty { width: 50%; }
21) .sixty { width: 60%; }
22) .hundred { width: 100%; }
23) 
24) .nopad { padding: 0; }
25) .toppad { padding-top: 10px; }
26) .toptwenty { margin-top: 20px; }
27) .topforty { margin-top: 40px; }
28) 
29) 
30) /* HEADER ------------*/
31) 
32) #header {
33) 	width: 960px;
34) 	height: 97px;
35) 	margin-bottom: 23px;
36) 	position: relative;
37) }
38) 
39)   h1#logo {
40)     margin: 0;
41)     float: left;
42)   }
43) 
44) 	h1#logo a,
45) 	h1#logo a:visited {

46) 		background: url(../images/tor-logo.jpg) left top no-repeat;

47) 		text-indent: -9999px;
48) 		overflow: hidden;

49) 		width: 150px;

50) 		height: 97px;
51) 		display: block;
52) 	}
53) 	
54) 	#nav {
55) 	  float: right;
56) 	}
57) 		
58) 		#nav ul {
59) 			height: 50px;
60) 			float: right;
61) 			margin-bottom: 0;
62) 		}
63) 	
64) 			#nav ul li {
65) 				float: left;
66) 				display: inline;
67) 				width: auto;
68) 			}
69) 			
70) 	#calltoaction {
71) 		height: 30px;
72) 		float: right;
73) 		margin-top: 10px;

74) 		margin-right: 5px;
75) 		text-align: center;

76) 	}
77) 	
78)     #calltoaction ul {
79)       padding: 0;

80)       margin: 0px;

81)       height: 30px;
82)       list-style: none;
83)       float: right;
84)     }

85)     	     

86)       #calltoaction ul li {
87)         list-style: none;
88)         display: inline;

89)         float: none;
90)         width: 100px;
91)         margin-left: 0px;

92)       }
93)       
94)       #calltoaction ul li a:link,

95)       #calltoaction ul li a:visited {

96)         background: url(../images/cta-buttons.jpg) top center no-repeat #885ca4;

97)         padding: 8px 8px 0px;

98)         color: #FFFFFF;

99)         font-weight: bold;
100)         text-decoration: none;

101)         font-size: 1.067em;
102)         line-height: 1.067em;

103)         height: 22px;

104)         width: 84px;

105)         float: left;

106)         text-shadow: 0px -1px 2px #111111, 0px 1px 2px #666666;

107)       }

108) 
109)       #calltoaction ul li:first-child a:link,
110)       #calltoaction ul li:first-child a:visited {

111)         background: url(../images/cta-buttons.jpg) top left no-repeat #885ca4;
112) 		  -webkit-border-top-left-radius: 7px;

113) 		  -webkit-border-bottom-left-radius: 7px;
114) 		  -moz-border-radius-topleft: 7px;
115) 		  -moz-border-radius-bottomleft: 7px;
116) 		  border-top-left-radius: 7px;
117) 		  border-bottom-left-radius: 7px;
118)         padding-left: 7px;
119)         width: 85px;
120)         }
121) 
122)       #calltoaction ul li:last-child a:link,
123)       #calltoaction ul li:last-child a:visited {

124)         background: url(../images/cta-buttons.jpg) top right no-repeat #885ca4;

125) 		  -webkit-border-top-right-radius: 7px;
126) 		  -webkit-border-bottom-right-radius: 7px;
127) 		  -moz-border-radius-topright: 7px;
128) 		  -moz-border-radius-bottomright: 7px;
129) 		  border-top-right-radius: 7px;
130) 		  border-bottom-right-radius: 7px;
131)         padding-right: 9px;
132)         width: 83px;
133)         color: #FFFFFF;
134)        }

135)       

136)       #calltoaction ul li:hover a {
137)         background: url(../images/cta-buttons.jpg) bottom center no-repeat #ff9800;
138)         font-weight: bold;
139)         text-shadow: 1px 1px 4px #111111;
140)         }
141)       
142)       #calltoaction ul li:hover:first-child a {
143)         background: url(../images/cta-buttons.jpg) bottom left no-repeat #ff9800;
144)         -webkit-border-top-left-radius: 7px;
145) 		  -webkit-border-bottom-left-radius: 7px;
146) 		  -moz-border-radius-topleft: 7px;
147) 		  -moz-border-radius-bottomleft: 7px;
148) 		  border-top-left-radius: 7px;
149) 		  border-bottom-left-radius: 7px;
150)         }
151) 
152)       #calltoaction ul li:hover:last-child a {
153)         background: url(../images/cta-buttons.jpg) bottom right no-repeat #ff9800;
154) 		  -webkit-border-top-right-radius: 7px;
155) 		  -webkit-border-bottom-right-radius: 7px;
156) 		  -moz-border-radius-topright: 7px;
157) 		  -moz-border-radius-bottomright: 7px;
158) 		  border-top-right-radius: 7px;
159) 		  border-bottom-right-radius: 7px;
160)         }

161) 
162) 
163) /* BANNER ------------*/
164) 
165) 		#banner {
166) 			background: url(../images/bg-banner.jpg) left top no-repeat;
167) 			height: 200px;
168) 			width: 600px;
169) 			padding: 23px 15px;
170) 			margin-bottom: 15px;
171) 		}
172) 		
173) 		#download a:link,
174) 		#download a:visited {
175) 			margin: -17px 0 0;

176)             background: url(../images/button-download.png) left top no-repeat;

177) 			width: 257px;
178) 			height: 79px;
179) 			float: left;
180) 			padding: 35px 0 0 80px;
181) 			text-decoration: none;
182) 		}
183) 		
184) 		#download a .download-tor {
185) 			background: url(../images/button-download-arrow.png) right center no-repeat;
186) 			font-family: "Arial Narrow", Arial, sans-serif;
187) 			color: #fff;
188) 			font-size: 2.167em;
189) 			letter-spacing: 1px;
190) 			padding-right: 25px;
191) 		}
192) 		#download a .version {
193) 			color: #bda5cc;
194) 			font-size: 1.167em;
195) 			line-height: 1.167em;
196) 		}
197) 		#download a .info {
198) 			color: #bda5cc;
199) 			font-size: 0.833em;
200) 			line-height: 0.833em;
201) 		}
202) 		
203) 		#download a:hover {
204) 			background-position: 0 -114px;
205) 		}
206) 		#download a:hover .version,
207) 		#download a:hover .info { color: #f1c6a1; }
208) 		
209) 			#banner ul {
210) 				background: #387520 url(../images/banner-gradient.jpg) left top repeat-x;
211) 				border: 1px solid #366b32;
212) 				width: 180px;
213) 				float: right;
214) 				margin: 0 15px 0 0;
215) 				padding: 10px 10px 10px 30px;
216) 			}
217) 		
218) 			#banner ul li {
219) 				list-style: url(../images/white-bullet.png) outside;
220) 				padding: 5px 0;
221) 			}
222) 
223) /* CONTENT ------------*/
224) 
225) #content {
226) 	width: 960px;
227) }
228) 

229) 	#content img { max-width: 550px; } 

230) 
231) 	#breadcrumbs { padding: 0 0 10px 5px; }
232) 
233) 	#home #maincol {
234) 		float: left;
235) 		width: 620px;
236) 		margin-right: 20px;
237) 	}
238) 	
239) 	#maincol {
240) 		float: right;
241) 		width: 710px;
242) 		margin-bottom: 20px;
243) 	}
244) 	
245) 	#maincol-left {
246) 		float: left;
247) 		width: 710px;
248) 		margin-bottom: 20px;
249) 	}
250) 			
251) 		.subcol {
252) 			width: 280px;
253) 			float: left;
254) 			margin: 0 0 25px;
255) 		}
256) 		
257) 			#content .first {
258) 				margin-right: 20px;
259) 			}
260) 
261) /* SIDEBAR ------------*/
262) 		
263) #home #sidecol {
264) 	float: right;
265) 	width: 300px;
266) }
267) 	
268) #sidecol {
269) 	float: left;
270) 	width: 230px;
271) 	margin-right: 20px;
272) }
273) 	
274) #sidecol-right {
275) 	float: right;
276) 	width: 230px;
277) 	margin-left: 20px;
278) }
279) 	
280) 	#torusers { margin: 0 0 27px; }
281) 		.user {
282) 			margin: 0 0 12px;
283) 			height: auto;
284) 		}
285) 		.user img, .project-icon {
286) 			border: 1px solid #cac8a7;
287) 			float: left;
288) 			margin: 3px 10px 0 0;
289) 		}
290) 		.user p { margin: 0; }
291) 	
292) /* IMGSHADOW ------------*/
293) 
294) .img-shadow {
295) 	float:left;
296) 	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
297) 	background: url(../images/shadow.gif) no-repeat bottom right;
298) 	margin: 10px 0 10px 10px !important;
299) 	margin: 10px 0 10px 5px;
300) }
301) 
302) 	.img-shadow .infoblock,
303) 	.img-shadow .important-infoblock,
304) 	.img-shadow .custom-infoblock,
305) 	.img-shadow #sidenav,
306) 	.img-shadow .sidenav-sub {
307) 		display: block;
308) 		position: relative;
309) 		margin: -6px 6px 6px -6px;
310) 		background-color: #fff;
311) 		border: 1px solid #ddd;
312) 	}
313) 	.img-shadow .important-infoblock {
314) 		background-color: #f7f8f0;
315) 		border: 1px solid #eeefe8;
316) 	}
317) 	
318) 	.img-shadow .infoblock,
319) 	.img-shadow .important-infoblock {
320) 		padding: 15px;
321) 		width: 188px;
322) 	}
323) 	
324) 	.img-shadow .custom-infoblock {
325) 		padding: 15px;
326) 		height: 120px;
327) 		width: 426px;
328) 	}
329) 
330) 	.img-shadow .infoblock p,
331) 	.img-shadow .important-infoblock p,
332) 	.img-shadow .custom-infoblock p {
333) 		margin: 0;
334) 	}
335) 	
336) 	
337) /* SIDENAV ------------*/
338) 
339) /*Note: #sidenav-sub is used on the downloads page as a tertiary navigation*/
340) 
341) .img-shadow #sidenav,
342) .img-shadow .sidenav-sub {
343) 	padding: 10px 0 0;
344) 	width: 218px;
345) }
346) 		
347) 	#sidenav ul li,
348) 	.sidenav-sub ul li { border-bottom: 1px solid #ddd; }
349) 	
350) 	#sidenav ul li.dropdown a:link,
351) 	#sidenav ul li.dropdown a:visited { background: url(../images/sidenav-arrow.gif) left center no-repeat; }
352) 	#sidenav ul li.dropdown a.active { background: url(../images/sidenav-arrow-active.gif) left center no-repeat; }
353) 	
354) 	.sidenav-sub ul li.dropdown a:link,
355) 	.sidenav-sub ul li.dropdown a:visited { 
356) 		background: url(../images/sidenav-arrow.gif) left top no-repeat;
357) 		margin-top: 12px;
358) 	}
359) 	
360) 	#sidenav ul li a:link,
361) 	#sidenav ul li a:visited {
362) 		display: block;
363) 		height: auto;
364) 		padding: 8px 15px 8px 26px;
365) 	}
366) 	
367) 	#sidenav ul li ul li a:link,
368) 	#sidenav ul li ul li a:visited {
369) 		padding-left: 37px;
370) 	}
371) 	
372) 	.sidenav-sub ul li a:link,
373) 	.sidenav-sub ul li a:visited {
374) 		display: block;
375) 		padding: 0 15px 10px 26px;
376) 		line-height: 16px;
377) 	}
378) 	
379) 	#sidenav ul li.active {
380) 		background: url(../images/sidenav-active.png) left center no-repeat;
381) 		width: 230px;
382) 		border: 0;
383) 	}
384) 
385)   #sidenav ul li ul li ul li a:link,
386) 	#sidenav ul li ul li ul li a:visited {
387) 		padding-left: 48px;
388) 	}
389) 	
390) /* TABLE ------------*/
391) 
392) table { width: 100%; }
393) 
394) td { padding: 12px; }
395) 
396) table td img,
397) table tr img {
398) 	border: 1px solid #cac8a7;
399) 	float: left;
400) 	margin-right: 10px;
401) }
402) 
403) .icon {
404) 	float: left;
405) 	width: auto;
406) 	margin-right: 15px;
407) 	padding: 10px 0;
408) 	border: 0;
409) }
410) 
411) .calendar {
412) 	background: url(../images/icon-calendar.jpg) left top no-repeat;
413) 	float: left;
414) 	margin-right: 10px;
415) 	width: 45px;
416) 	height: 54px;
417) 	text-align: center;
418) 	padding: 4px 0;
419) }
420) .fauxhead {
421) 	background: url(../images/table-arrow.jpg) right top no-repeat;
422) 	width: 100%;
423) 	height: 11px;
424) }
425) 

426) #home-our-projects td {
427)   height: 92px;
428)   width: 296px;
429)   padding: 6px;
430)   }
431) 
432) .project {
433)   float: left;
434)   padding: 6px;
435)   border: 1px solid #CAC8A7;
436)   height: 76px;
437)   width: 284px;
438)   -webkit-border-radius: 10px;
439)   -moz-border-radius: 10px;
440)   border-radius: 10px;
441)   }  
442) 
443) .project img {
444)   border: none;
445)   margin-right: 6px;
446)   }
447) 

448) .beige { background: #f5f5df; }

449) .gray { background: #e0e0e0; }

450) 
451) .meta {
452) 	float: right;
453) 	width: auto;
454) }
455) 
456) /* DL TABLE ------------*/
457) 
458) td.intro { padding: 0 0 10px; }
459) 
460) .windows,
461) .mac,
462) .linux,

463) .android {
464) 	padding: 5px 0 5px 30px;
465) 	}

466) 
467) .windows { background: url(../images/icon-windows.gif) left center no-repeat; }
468) .mac { background: url(../images/icon-mac.gif) left center no-repeat; }
469) .linux { background: url(../images/icon-linux.gif) left center no-repeat; }
470) .android { background: url(../images/icon-android.gif) left center no-repeat; }
471) 
472) 
473) /* MISC ------------*/
474) 
475) .title {
476) 	background: url(../images/table-title-arrow.jpg) right top no-repeat;
477) 	padding: 10px 25px 0 10px;
478) 	height: 33px;
479) 	float: left;
480) }
481) 
482) 	.title a:link,
483) 	.title a:visited {
484) 		background: url(../images/table-title.jpg) left top no-repeat;
485) 		height: 33px;
486) 		display: block;
487) 	}	
488) 
489) .paypal {
490) 	float: left;
491) 	width: auto;
492) 	min-height: 159px;
493) 	max-width: 365px;
494) }
495) 	.paypal span { padding-right: 20px; }
496) 
497) .warning {

498)     background: #F4F2C7;
499)     border: 2px dashed #bfbd8c;
500)     padding: 25px 25px;
501)     margin-top: 4px;
502) 	}
503) 
504) 	.warning h2 {

505)  	  background: url("../images/warning2.jpg") no-repeat scroll left top transparent;

506) 		padding-left: 40px;
507) 		}
508) 	
509) 	.warning p {
510) 		padding-left: 20px;
511) 		}

512) 	
513) .focus {
514) 	background: #f4f2c7;
515) 	border: 1px solid #ebd4a9;
516) 	padding: 10px 15px;
517) }
518) 
519) 	.focus .icon {
520) 		float: left;
521) 		width: auto;
522) 		margin-right: 10px;
523) 	}
524) 	
525) .featured-project { width: 313px; }

526) 

527) /* FORM ------------*/
528) 
529) input, select {
530) 	margin: 0 3px 10px 0;
531) }
532) 
533) input.textfield {
534) 	padding: 0 10px;
535) 	vertical-align: top;
536) }
537) 
538) .donate-btn {

539)     background: left top no-repeat; 

540) 	height: 26px;
541) 	width: 92px;
542) 	text-indent: -9999px;
543) 	overflow: hidden;
544) 	border: 0;
545) 	vertical-align: top;
546) 	margin-top: 5px;
547) }
548) 	.donate-btn:hover {
549) 		background-position: 0 -26px;
550) 		cursor: pointer;
551) 	}
552) 
553) .signup {
554) 	background: #96c35a;
555) 	border-top: 1px solid #6ab334;
556) 	border-left: 1px solid #6ab334;
557) 	border-bottom: 1px solid #5a952b;
558) 	border-right: 1px solid #5a952b;
559) 	height: 31px;
560) 	padding: 0 5px;
561) 	vertical-align: top;
562) 	color: #222c14;
563) 	font-weight: bold;
564) 	font-size: 1em;
565) 	line-height: 1em;
566) }
567) 	.signup:hover { background: #6ab334; }
568) 
569) select#lang {
570) 	float: left;
571) 	width: 160px;
572) 	margin-right: 3px;
573) }
574) .go {
575) 	background: #96c35a;
576) 	border-top: 1px solid #6ab334;
577) 	border-left: 1px solid #6ab334;
578) 	border-bottom: 1px solid #5a952b;
579) 	border-right: 1px solid #5a952b;
580) 	padding: 0 5px;
581) 	vertical-align: top;
582) 	color: #222c14;
583) 	font-weight: bold;
584) 	font-size: 1em;
585) 	line-height: 1em;
586) 	height: 18px;
587) }
588) 	.go:hover { background: #6ab334; }
589) 
590) 	
591) /* FOOTER ------------*/
592) 
593) #footer {

594) 	/* width: 960px; original */
595) 	width: 1024px;

596) 	height: 200px;
597) 	border-top: 1px solid #ddd;
598) 	padding: 20px 0;
599) 	margin: 20px 0 0;
600) }
601) 
602) 	.onion {
603) 		float: left;

604) 		/* width: 78px; original */
605) 		width: 88px;

606) 		padding-right: 20px;
607) 		height: 100%;
608) 	}
609) 
610) 	#footer .about {
611) 		width: 180px;
612) 		padding-right: 30px;
613) 		border-right: 1px solid #ddd;
614) 		float: left;
615) 	}
616) 	
617) 	#footer .newsletter {
618) 		padding: 0 0 15px 30px;
619) 		width: auto;
620) 		margin-left: 308px;
621) 	}
622) 	
623) 		#footer input.textfield {
624) 			width: 220px;
625) 			height: 26px;
626) 		}
627) 		
628) 		#footer input {
629) 			margin: 0;
630) 		}
631) 	
632) 	#footer .col {
633) 		float: left;
634) 		width: 100px;
635) 		margin-left: 20px;
636) 	}
637) 	
638) 		#footer .first { margin-left: 30px; }
639) 		#footer .wider { width: 201px; }

640) 
641) 
642) /* DONATION ADDITIONS ----------- */
643) 
644) small {
645) 	margin: 0px auto 0px auto;
646) 	text-align: center;
647) 	font-size: 10px;
648) 	font-style: italic;
649) 	}
650) 
651) .hlist {
652) 	text-align: center;
653) 	display: block;
654) 	width: 100%;
655) 	padding: 0px 0px;
656) 	list-style: none;
657) 	margin: 0px 0px 18px 0px;
658) 	}
659) 
660) 	.hlist li {
661) 		display: inline-block;
662) 		border-right: 1px solid #444444;
663) 		margin-left: -4px;
664) 		}
665) 	
666) 	.hlist li.last {
667) 		border-right: 0px solid #444444;
668) 		}
669) 
670) 	.hlist a {
671) 		display: block;
672) 		top: 0px;
673) 		right: 0px;
674) 		bottom: 0px;
675) 		left: 0px;
676) 		text-decoration: none;
677) 		font-weight: bold;
678) 		padding: 0px 8px;
679) 		}
680)  
681) .dbox {
682) 	float: none;
683) 	text-align: center;
684) 	color: #222222;
685) 	border: 2px solid #cbcbaf;

686) 	background-color: #ffffed;

687) 	padding: 20px 20px;
688) 	width: 163px;
689) 	margin: 0px 0px 0px 10px;

690) 	-webkit-border-radius: 5px;
691) 	-moz-border-radius: 5px;
692) 	border-radius: 5px;

693) 	}
694) 
695) 	.dbox p {
696) 		display: block;
697) 		padding: 0px 0px 0px 0px;
698) 		margin: 0px 0px 0px 0px;
699) 		}
700) 
701) 	.dbox h2 {
702) 		background: url() top left transparent;
703) 		color: #23300E;
704) 		padding:0px 0px 15px 0px;
705) 		}
706) 
707) 	.dbox input ,
708) 	.dbox select {
709) 	   background-color: #fefff7;
710) 	   color: #23300E;
711) 	   border:2px solid #CCCFB8;
712) 	   -webkit-border-radius: 5px;
713) 	   -moz-border-radius: 5px;
714) 	   border-radius: 5px;
715) 	   padding: 0px 0px 0px 5px;
716) 	   margin: 0px 0px 10px 0px;
717) 	   }
718) 
719) 		.dbox input:focus ,
720) 		.dbox select:focus {

721) 		  -moz-box-shadow: 0px 0px 4px #cbcbaf;
722) 		  -webkit-box-shadow: 0px 0px 4px #cbcbaf;
723)  		  box-shadow: 0px 0px 4px #cbcbaf;
724)  		  border:2px solid #cbcbaf;	
725) 		  background-color: #FFFFFF;
726) 		  }

727) 

728) 		.dbox input.radio {

729) 		  border: 0px solid;
730) 		  background: #ffffed;
731) 		  padding: 0px 0px;
732) 		  }

733) 

734) 	.dbox select.cur {
735) 		margin-right: 5px;
736) 		text-align: left;
737) 		}
738) 
739) 	.dbox input.amount {
740) 		width: 100px;
741) 		margin-right: 0px;
742) 		text-align: left;
743) 		}
744) 	
745) 	.dbox select#t3 {
746) 		width: 100%;
747) 		margin-bottom: 20px;
748) 		padding: 0px 0px;
749) 		}
750) 
751) 	.dbox input.donate-btn {
752) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;
753) 		height: 26px;
754) 		width: 122px;
755) 		margin-top: 0px;
756) 		display: block;

757) 		background-color: transparent;
758) 		color: transparent;
759) 		border:0px solid transparent;
760) 		-webkit-border-radius: 5px;
761) 		-moz-border-radius: 5px;
762) 		border-radius: 5px;
763) 		margin: 10px auto 10px auto;
764) 		padding: 0px 0px 0px 0px;

765) 		}
766) 
767) 	.dbox span {
768) 		float: left;
769) 		padding-right: 0px;
770) 		}
771) 	
772) 	.dbox div label {
773) 		padding: 0px 10px 0px 0px;
774) 		}
775) 
776) 	.dbox h6#ppinfo{
777) 		width: 100%;
778) 		text-align: center;
779) 		margin: -15px auto 0px auto;
780) 		}
781) 	
782) 	.dbox small,
783) 	.dbox.donate #ppinfo {
784) 		margin: 0px auto 0px auto;
785) 		text-align: center;
786) 		font-size: 10px;
787) 		font-style: italic;
788) 		}
789) 
790) .dbox.dl {
791) 	margin: -50px 0px 20px 20px;
792) 	float: right;
793)   	}
794) 			
795) .dbox.donate {
796) 	float: none;
797) 	padding: 30px 30px;
798) 	width: 626px;
799) 	min-height: 0px;
800) 	max-width: none;
801) 	text-align: left;
802) 	}
803) 
804) 	.dbox.donate input ,
805) 	.dbox.donate select {
806) 		padding-bottom: 0px;
807) 		margin-bottom: 0px;
808) 		}
809) 	
810) 	.dbox.donate .drow {
811) 		margin: 0px 0px 0px 20px;
812) 		}
813) 	
814) 	.dbox.donate .drow div {
815) 		padding: 0px 0 0 0px;
816) 		width: auto;
817) 		display: block;
818) 		}
819) 
820) 	.dbox.donate h3 {
821) 		padding-left: 0px;
822) 		color: #23300E;
823) 		margin: 0 0 10px 0;
824) 		}
825) 
826) 	.dbox.donate h4 {
827) 		padding-left: 20px;
828) 		}
829) 
830) 	.dbox.donate p {
831) 		padding: 5px 20px 15px 40px;
832) 		}
833) 	
834) 	.dbox.donate span {
835) 		float: left;
836) 		padding-right: 0px;
837) 		}
838) 	
839) 	.dbox.donate div label {
840) 		padding: 0px 10px 0px 0px;
841) 		}
842) 
843) 	.dbox.donate .type {
844) 		padding-left: 20px;
845) 		}
846) 
847) 	.dbox.donate select#t3 {
848) 		width: auto;
849) 		margin-bottom: 0px;
850) 		}
851) 
852) 	.dbox.donate ul.amounts {
853) 		width: auto;
854) 		}
855) 
856) 	.dbox.donate ul.amounts li {
857) 		display: inline-block;
858) 		margin-left: 20px;
859) 		}
860) 
861) 	.dbox.donate ul.amounts li label {
862) 		padding: 0px 0px 0px 5px;
863) 		}
864) 		
865) 	.dbox.donate input.donate-btn {
866) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;
867) 		height: 26px;
868) 		width: 115px;
869) 		margin-top: -3px;
870) 		display: inline-block;

871) 		background-color: transparent;
872) 		color: transparent;
873) 		border:0px solid transparent;

874) 		}
875) 
876) .dbox.dsmall {
877) 	position: relative;
878) 	display: inline-block;
879) 	width: 170px;
880) 	height: 140px;
881) 	text-align: center;
882) 	margin: 0px 10px;
883) 	vertical-align: top;
884) 	}
885) 
886) 	.dbox.dsmall input.donate-btn {
887) 		background: url() left top no-repeat transparent;
888) 		width: auto;
889) 		height: auto;
890) 		margin-top: 0px;
891) 		display: block;

892) 		background-color: transparent;
893) 		color: transparent;
894) 		border:0px solid transparent;

895) 		}

896) 	

897) 	.dbox.dsmall div label {
898) 		padding: 0px 0px 0px 0px;
899) 		}
900) 
901) 	.dbox.dsmall small {
902) 		display: block;
903) 		position: absolute;
904) 		width: 172px;
905) 		float: none;
906) 		bottom: 20px;
907) 		margin: 0px auto;
908) 		}
909) 	
910) 	.givv p {
911) 		text-align: justify;
912) 		margin-top: 10px;
913) 		font-size: 11px;
914) 		line-height: 13px;
915) 		}

916) /*
917) ** Markup free clearing
918) ** Details: http://www.positioniseverything.net/easyclearing.html
919) */
920) .clearfix:after {
921)   content: ".";
922)   display: block;
923)   height: 0;
924)   clear: both;
925)   visibility: hidden;
926) }
927) 
928) .clearfix {
929)   display: inline-block;
930) }
931) 
932) /* Hides from IE-mac \*/
933) * html .clearfix {
934)   height: 1%;
935) }
936) .clearfix {
937)   display: block;
938) }