/* THE ROSE CSS */

/* TOC
	1) DEFAULTS
		1.1) Resets
		1.2) Baseline
		1.3) Tables
		1.4) Forms
		1.5) Links
		1.6) Special Classes
			1.6.1) CMS
	2) SITE SPECIFIC
		2.1) Elements
		2.2) Classes
		2.3) ID's
	3) Page Specific

	HACKS:
		IE6:
		* html #ie6 {

		IE7:
		*:first-child+html #ie7 {

		Safari2:
		body:last-child:not(:root:root) #safari2 {

		"Modern" browsers:
		html>body #modern {

		Safari 3:
		html*:first-of-type #safari3 {
		To target the body:
		html*#id_of_body:first-of-type {

		Safari 2/3:
		html* #safari2and3 {
		To target the body:
		html*#id_of_body {
		
*/

/* 1) DEFAULTS ---------------------------------------------------------- */
	/* 1.1) Resets ---------------------------------------------- */
html, body, div, 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 {
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
	}
h1, h2, h3, h4, h5, h6, p {
    margin:0;
    padding:0;
}

hr {
	width: 80%;
    border: 0;
    color: #ccccfc;
    background-color: #ccccfc;
    height: 1px;

}

input, textarea {
	font-family: inherit;
	}
	/* /Resets ------------------------------------------------- */

	/* 1.2) Baseline ------------------------------------------- */
html {
	overflow-y: scroll;
	}

body	{
	font-family: sans-serif;
	font-size: 100%;
	text-align: center;
	}
	/* /Baseline ----------------------------------------------- */

	/* 1.3) Tables --------------------------------------------- */
table	{ /* tables still need cellspacing=0 in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	/* /Tables ------------------------------------------------- */

	/* 1.4) Forms ---------------------------------------------- */
input[type='text'],
input[type='password'],
textarea,
select	{
	padding: 1px;
	}
	/* /Forms -------------------------------------------------- */

	/* 1.5) Links ---------------------------------------------- */
a {
	outline: none;
}

	/* /Links -------------------------------------------------- */
	/* 1.6) Special Classes ------------------------------------ */
.clear	{
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	visibility: hidden !important;
	}
	
.clear-left {
	clear: left;
}

.show {
	display: block;
	}	

.hide {
	display: none;
	}

.hidden {
	visibility: hidden;
	}

		/* 1.6.1) CMS ------------------------------------ */
.cms p	{
	margin: 0 0 1em 0;
	}
	
.cms h1 {
	font-size: 3em;
	margin: 0 0 .5em 0;
	}
	
.cms h2 {
	font-size: 2em;
	margin: 0 0 .5em 0;
	}

.cms h3 {
	font-size: 1.5em;
	margin: 0 0 .5em 0;
	}

.cms h4 {
	font-size: 1.2em;
	margin: 0 0 .5em 0;
	}

.cms h5 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	}

.cms h6 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	}

.cms ul,
.cms ol {
	margin: 0 0 1.5em 1.5em;
	}
	
.cms ul,
.cms ul li {
	list-style-type: disc;
	}

.cms ol,
.cms ol li {
	list-style-type: decimal;
	}

.cms dl {
	margin: 1.5em 0;
	}

.cms dl dt {
	font-weight: bold;
	}
		/* /CMS ------------------------------------------ */
		

/* /DEFAULTS ------------------------------------------------------------ */



/* 2) SITE SPECIFIC ----------------------------------------------------- */
	/* 2.1) Elements ------------------------------------------- */
body {
    font-family: Arial;
    color: #313131;
    background: #350a04;
}


p {
    font-size: 12px;
    color: #313131;
}

i {
    font-size: 11px;
    color: #313131;
}


a {
	font-size: 12px;
	color: #5f1f10;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
    color: #aaaaca;
}



	/* /Elements ----------------------------------------------- */

	/* 2.2) Classes -------------------------------------------- */

	/* /Classes ------------------------------------------------ */

	/* 2.3) ID's ----------------------------------------------- */


#page {
    display: block;
    width: 800px;
    margin: auto;
    padding: 0 10px;
    text-align: left;
    background: #fff;
}



		/* ----------------  FOOTER  --------------------- */
#footer  {
	display: block;
	width: 800px;
	padding: 20px;
	font-size: 12px;
	color: #6d6d6d;
	text-align: center;
}


        /*  -------------------------------------------------------------- /ID's  */

	/* /ID's --------------------------------------------------- */
/* /SITE SPECIFIC ------------------------------------------------------- */



/* 3) PAGE SPECIFIC ----------------------------------------------------- */
		
		/*  ID'S ----------------------------------------------- */

	/* home (index) -------------------- */
#r1 {
    display: block;
    width: 100%;
}

#top {
    display: block;
    width: 800px;
    height: 101px;
    position: relative;
}


                    /*  BANNER  */
#banner {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 3px;
    border-bottom: solid 1px #192f3c;
}




        /* ------------------------ R2 BLOCK ------------------------ */
#r2 {
    display: block;
    width: 100%;
    position: relative;
    margin: 20px 0;
}

#r2 p {
	line-height: 15px;
	padding: 11px 0 0 0;
}


#r2c1 {
    display: block;
    width: 420px;
    float: left;
    margin: 0;
    padding: 0;
}

#r2c1 h2 {
	font-family: Impact, Arial;
	font-size: 24px;
}

#pic1 {
	display: block;
	width: 418px;
	height: 146px;
	margin-top: 7px;
	background: #d8d8d8;
}

#pic1 img {
	padding: 5px;
}


		/* ------- video player (#r2c2) ------- */
#r2c2 {
    display: block;
    width: 360px;
    position: relative;
    float: right;
}

	/* vp-frame-top sets graphic frame around #vpwrap */
#vp-frame-top {
	display: block;
	width: 360px;
	height: 260px;
	position: relative;
	background: url(../images/frame_vp_top.png) 0 0 no-repeat;
}

	/* video player container */
#vp-wrap {
	display: block;
	width: 340px;
	height: 248px;
	position: absolute;
	top: 10px;
	left: 10px;
}

	/*  vp-capt: creates middle of video frame bg  and container for title & desc  */
#vp-capt {
	display: block;
	width: 100%;
	background: url(../images/frame_vp_mid.png) 0 0 repeat;
}

#vp-capt h3 {
	font-size: 18px;
	padding: 7px 11px;
	color: #1c303b;
}

#vp-capt p {
	padding: 0 11px 7px 11px;	
}

	/* vp-frame-bottom: completes the video and caption frame  */
#vp-frame-bottom {
	display: block;
	width: 100%;
	height: 22px;
	background: url(../images/frame_vp_bottom.png) 0 0 no-repeat;
}


        /* ------------------------  R3 BLOCK - DONATION FORM --------------------- */
#r3 {
    display: block;
    width: 100%;
    margin-top: 10px;
    position: relative;
}

#r3 form {
	font-size: 13px;
}

#r3 input,
#r3 textarea {
	padding: 3px 1px;
	margin-bottom: 7px;
	background: #dddddf;
	border: solid 1px #aaaaba;
}


#r3 select {
	margin-bottom: 9px;
	padding: 3px 1px;
	background: #dddddf;
	border: solid 1px #aaaaba;
}

#lifeline {
	display: block;
	width: 800px;
	height: 63px;
	background: url(../images/form_top.png) 0 0 no-repeat;
}

#lifeline h2 {
	padding: 14px 0 0 8px;
	font-family: Impact, "Franklin Gothic Medium Cond", Arial Narrow, Arial;
	font-size: 28px;
	font-weight: normal;
	color: #192f3c;
}

#form-frame {
	display: block;
	width: 794px;
	height: 732px;
	margin: auto;
	background: none;
}
			/* DONATION FORM AREA - r3c1 */
#r3c1 {
	display: block;
	width: 356px;
	float: left;
}



	/* position checkbox and text for "I can afford..." */
#cb-afford {
	display: block;
	width: 340px;
	height: 37px;
	position: relative;
	margin-bottom: 7px;
	font-size: 12px;
	border-bottom: dotted 1px #e2e2e2;
}

#cba-txt {
	display: block;
	width: 320px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 25px;
}

#r3c2 {
	display: block;
	width: 350px;
	margin: 15px 20px 0 0;
	background: none;
	float: right;
}

	/* id #radio-wrap for positioning credit card graphics and associated radio input btns  */
#radio-wrap {
	display: block;
	width: 100%;
	height: 50px;
}

		/*  bottom donate button  */
#btn-donatenow {
	margin: 15px 0;
}

#btn-donatenow input {
	padding: 0;
}

#formbottom {
	display: block;
	width: 100%;
	height: 44px;
	background: url(../images/formbottom.png) 0 0 no-repeat;
}



		/*  ------------------------------------------------------- /home(index) */


		/*  --------------------- PAGE - LIGHT BOX ----------------------------- */
#page-lb {
	display: block;
	width: 500px;
	height: 563px;
	position: relative;
	background: url(../images/bg_lb.png) top left no-repeat;
	text-align: left;
}

#lb-cwrap {
	display: block;
	width: 240px;
	height: 300px;
	position: absolute;
	top: 190px;
	right: 20px;
}

#blk-txt {
	display: block;
	width: 233px;
	font-family: Verdana;
	margin-bottom: 10px;
}

#blk-txt p {
	font-size: 12px;
	color: #101010;
	margin-bottom: 7px;
}

#blk-txt a {
	font-size: 12px;
	color: #7e0000;
	text-decoration: none;
}

#blk-txt a:hover {
	text-decoration: underline;
}

#lb-cwrap form {
	display: block;
	width: 233px;
	height: 100px;
}

#lb-cwrap input {
	width: 70%;
	margin-bottom: 3px;
	padding: 3px 0 3px 3px;
	background: #e3e3e3;
	border: solid 1px #e7e7e7;
	font-family: Georgia, Serif;
	color: #626262;
	
}

#btn-sub {
	display: block;
	width: 223px;
}

#btn-close {
	display: block;
	width: 70px;
	height: 18px;
	line-height: 18px;
	position: absolute;
	right: 30px;
	bottom: 30px;
	color: #881313;
	font-size: 12px;
}

#btn-close img {
	float: right;
}

		/* ------------------------ PAGE - THANK YOU - confirm.phtml (page-ty) ------------------------- */

#page-process {
    display: block;
    width: 800px;
    margin: auto;
    padding: 0 10px;
    font-size: 13px;
    background: #fff;
    color: #313131;
    text-align: left;
}

#page-ty {
    display: block;
    width: 800px;
    margin: auto;
    padding: 0 10px;
    font-size: 13px;
    background: #fff;
    color: #313131;
    text-align: left;
}

		/*  --------- R2 column 1 (#page-ty #r2c1) -------  */
#page-ty #r2c1 {
	display: block;
	width: 390px;
	margin-left: 5px;
	float: left;
}

#page-ty #r2c1 h2 {
	font-family: Impact, Arial;
	font-size: 24px;
	padding: 11px 0;
	font-weight: normal;
	color: #192f3c;
}

		/*  --------- R2 column 2 (#page-ty #r2c2) --------  */
#page-ty #r2c2 {
	display: block;
	width: 383px;
	position: relative;
	float: right;
}

#page-ty #r2c2 h3 {
	font-family: Impact, "Franklin Gothic Medium Cond", Arial Narrow, Arial;
	font-size: 24px;
	font-weight: normal;
	color: #192f3c;
	padding: 17px 0 0 11px;
}

		/* ---------------- form styles ------------- */
#form-frame-ty {
	display: block;
	width: 373px;
	position: relative;
	margin: auto;
}

#form-frame-ty form {
	padding: 20px 30px 10px 30px;
	font-size: 12px;
}
		/*  form-frame input, textarea - see classes for definition of non-required(.nr) input blk  */
#form-frame-ty input {
	display: block;
	width: 220px;
	margin-bottom: 9px;
	padding: 4px 0 4px 0;
	background: #eeeefe;
	border: solid 1px #aaaaca;
}

#form-frame-ty textarea {
	background: #eeeefe;
	border: solid 1px #aaaaca;
	font-family: Verdana;
	font-size: 11px;
}

		/* Send to a Friend title blk (form top )- see #page-ty h3 */
#title-staf {
	display: block;
	width: 373px;
	height: 50px;
	background: url(../images/form_top_ty.png) 0 0 no-repeat;
}

		/* form bottom */
#form-bot-ty {
	display: block;
	width: 373px;
	height: 50px;
	background: url(../images/form_bot_ty.png) 0 0 no-repeat;	
}


		/*  send to a friend button (btn-staf)  */
#btn-staf {
	display: block;
	width: 225px;
	height: 35px;
	margin-top: 17px;
}

#btn-staf input {
	padding: 0;
	background: none;
}

		/* -------------------------------------------------- /Thank you page */
		
		
		/*  DONATION PROGRAM - ULLRICH PAGE -----------------------------------------*/

                    /*  BANNER - ULLRICH */
#banner-ullrich {
    display: block;
    width: 100%;
    height: 200px;
    margin-bottom: 30px;
}

		/*  IMAGE CAROUSEL BLOCK */
		
#carousel {
	display: block;
	width: 100%;
	margin: 30px auto;
}

		/* --------------------------------------------------- /ULLRICH PAGE */
		
		
		/* PAGES ---------------------------------------------------------- */
		
#pages {
    display: block;
    width: 800px;
    margin: auto;
    text-align: left;
}

#pages #r2 h2 {
	font-family: Impact, Arial;
	font-size: 24px;
}

#pages #bottom {
	width: 80%;
	padding-top: 30px;
	border-bottom: solid 1px #ccccfc;
	margin: 0 auto 10px auto;
}
		/*  2 column R2 page  */
#pages #r2c1 {
	display: block;
	width: 570px;
	float: left;
}

#pages #r2c2 {
	display: block;
	width: 200px;
	float: right;
}

#pages-banner {
	display: block;
	width: 200px;
	height: 400px;
	border: solid 1px #1a2b3c;
}
		
		/* ------------------------------------------------------------ /PAGES */
	
		/*  -------------------------------------------------- /ID's */
		
		
		/*  Classes ----------------------------------------------- */
.error {
 	font-family: Verdana;
	font-size: 11px;
    color: red;
    display: inline;
}


		/*  ----- INDEX - link button in R2 columns -----  */			
.btn-donate {
	display: block;
	width: 135px;
	height: 25px;
	position: absolute;
	bottom: 20px;
	left: 20px;
}

.pic1 {
	float: left;
}

.pic2 {
	float: right;
}



		/*  ===================== INDEX - DONATE FORM CLASSES ======================== */

		

		/*  classes for Monthy Donation (md)  */

.md-wrap {
	display: block;
	width: 340px;
	height: 50px;
	position: relative;
}

.md-wrap-iwojima {
	display: block;
	width: 340px;
	height: 70px;
	position: relative;
}

.md-wrap-emiles {
	display: block;
	width: 340px;
	height: 70px;
	position: relative;
}

.md-amt {
	display: block;
	width: 150px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 25px;
	font-weight: bold;
}

.md-txt {
	display: block;
	width: 300px;
	height: 30px;
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 11px;
	color: #909090;
    }

.md-txt-a {
	font-size: 11px;
	color: #909090;
}

		/* classes for One Time Donation(otd) */
		
	/* horizontal line and seperation between Monthly Donation and One Time Donation areas */
.otd-hline {
	display: block;
	width: 340px;
	height: 20px;
	margin-bottom: 20px;
	border-bottom: dotted 1px #c4c4c4;
}
	/* checkbox for One Time Donation area */
.cb-otd {
	display: block;
	width: 300px;
	height: 30px;
	position: relative;
}
		/*  positioning for "Monthly Donation and "One Time Donation" checkbox text  */
.cb-otd-txt {
	display: block;
	width: 200px;
	position: absolute;
	top: 2px;
	left: 25px;
}
	/* wrap for One Time Donation blks */
.otd-wrap {
	display: block;
	width: 200px;
	height: 30px;
	margin-top: 9px;
	position: relative;
}
	/* One Time Donation amounts positioning */
.otd-amt {
	display: block;
	width: 150px;
	position: absolute;
	top: 0;
	left: 25px;
	font-weight: bold;
}

	/* Other Amount positioning */
.otheramt {
	display: block;
	width: 120px;
	position: absolute;
	top: -2px;
	left: 90px;
}

.oa-txt {
	display: block;
	width: 10px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 79px;
}

		
		/*  R3C2 SECTION: classes for Personal Data input - name, address, etc  */

.firstname {
	width: 210px;
}

.lastname {
	width: 210px;
}

.street {
	width: 98%;
}

.city {
	width: 210px;
}

.state {
	margin-right: 10px;
	width: 115px;
}

.zip {
	width: 120px;
}

.phone {
	width: 210px;
}

.email {
	width: 80%;
}

.selectcc {
	margin-bottom: 11px;
}

		/*  classes for Credit Card Data input  */
		

.cc {
	margin-bottom: 11px;
	float: left;
}


.ccnum {
	width: 50%;

	background: #cde1f1;
}

.expdate {
	display: block;
	width: 80%;
	margin-top: 10px;
}

.ccid {
	width: 50px;
	margin: 0 20px 0 0;
	background: #cde1f1;
}

.float {
	margin-right: 5px;
	line-height: 20px;
	float: left;
}
.month {
	width: 80px;
	margin-right: 10px;
	background: #cde1f1;
}
.year {
	width: 80px;
	margin-right: 10px;
	background: #cde1f1;
}

.redtxt {
	padding-top: 7px;
	font-size: 12px;
	color: #d73b24;
}


	/* -------------------------------------------------------------------------------------------  */
	
	
		/*  submit gift button  */
.submitgift {
	display: block;
	height: 40px;
	position: relative;
}

		/* classes for sort page */
.results {
	padding: 7px;
	color: #a0327a;
}

.sort {
	display: block;
	height: 40px;
	width: 90%;
	position: relative;
	border-top: solid 1px #ccf;
	border-bottom: solid 1px #ccf;
}

		/*  THANK YOU PAGE   */
	/* input not required (.nr) */
.nr {
	background: #e3e3e3;
}

		
		/*   ------------------------------------------------ /Classes */
		
/* message donnation style */
.cb-pmsg-preview{
	width:800px;
	margin-bottom:20px;
}
.pmsg-tl,
.pmsg-tr{
	height:77px;
	background:url(/images/donation-msg/donmsgtl.png) no-repeat;
}
.pmsg-tr{
	background:url(/images/donation-msg/donmsgtr.png) no-repeat right top;
	margin-left:60px;
}

.pmsg-tc{
	background:url(/images/donation-msg/donmsgh.png) repeat-x;
	height:77px;
	margin-right:60px;
	padding-top:20px;
	color:#FFF;
	text-align:center;
	font-family:Georgia, Arial,sans-serif;
}
.pmsg-tc h2{
	font-size:30px;
	position:relative;
	margin-top:-10px;
}
.pmsg-tc p{
	color:#FFF;
	font-size:23px;
}
.pmsg-content{
	margin-left:5px;
	margin-right:3px;
	border-left:7px solid #9E1F02;
	border-right:7px solid #9E1F02;
	font-family:Arial,sans-serif;
}
.pmsg-content-center{
	padding:10px;
}
.pmsg-content-center p{
	line-height:15px;
}
.pmsg-content-center p#msg-active{
	min-height:50px;	
}
.pmsg-content-footer a{
	border:1px solid #DADADA;
	padding:2px;
	float:right;
	background:#FFF;
	margin-right:20px;
	margin-top:20px;
	position:relative;
	z-index:10;
	font-family:Georgia, Arial, sans-serif;
	font-size:14px;
}
.pmsg-content-footer a span{
	background:#881313 url(/images/donation-msg/donmsgarrow.png) no-repeat 98% 50%;
	color:#FFF;
	padding:5px 20px 5px 10px;
	display:block;
	cursor:pointer;
	text-transform:uppercase;
}


.pmsg-bl,
.pmsg-br{
	height:45px;
	background:url(/images/donation-msg/donmsgtl.png) no-repeat;
}
.pmsg-bl{
	background:url(/images/donation-msg/donmsgbl.png) no-repeat;
	position:relative;
	margin-top:-25px;
}
.pmsg-br{
	background:url(/images/donation-msg/donmsgbr.png) no-repeat right top;
	margin-left:40px;
}
.pmsg-bc{
	height:33px;
	border-bottom:7px solid #9E1F02;
	margin-right:40px;
}

/* donation messages list page */
.cb-pmsg-messages .pmsg-tc h2{
	font-size:36px;
	margin-top:0px;
}
.cb-pmsg-messages .pmsg-content-center{
	padding:0px 10px;
}
.cb-pmsg-messages .pmsg-message {
	border-bottom:1px solid #DADADA;
	padding:10px 0px;
}
.cb-pmsg-messages .pmsg-message .pmsg-msg-left {
	float:left;
	width:20%;
}
.cb-pmsg-messages .pmsg-message .pmsg-msg-right {
	float:right;
	width:70%;
	font-size:12px;
	line-height:15px;
	padding-top:20px;
}
.cb-pmsg-messages .pmsg-message .pmsg-msg-details {
	color: #18315d;
	font-weight:bold;
	margin-bottom:10px;
}
.cb-pmsg-messages .pmsg-message .pmsg-msg-msg{
	color: #962523;
	font-weight:bold;
}

/* messages pagination */
.pmsg-pagin{
	text-align:center;
	color: #962523;
	font-size:12px;
	font-weight:bold;
	margin:10px 0px;
}
.pmsg-pagin span,
.pmsg-pagin a{
	color: #962523;
	margin:0px 10px;
}
.pmsg-pagin a:hover{
	color: #962523;
}
.pmsg-pagin .current{
	color:#18315d;
}