/* All styles and graphics Copyright 2009 Kurve Software. */

/* Import styles */
@import url('layout.css');
   
/* Global */

body { font-family: Arial, Verdana, sans-serif; font-size: 80%;	color: #000000; background: #d6d8d4;  }

a, a:link, a:visited{ text-decoration: none; color: #000000; }
a:hover, a:active, a:focus { text-decoration: underline; color: #000000;}

* { margin: 0; padding: 0; }

p { padding-bottom: 10px; font-size: 1em; line-height:1.3em; }

sup { font-size: 0.6em; }

img { border: 0; }

hr { color: #3a8ba1; background: #3a8ba1; border: 1px solid #3a8ba1; margin: 0 0 12px 0; }

hr.icard { clear:both; color: #d6d8d4; background: #d6d8d4; border: 1px solid #d6d8d4; margin: 20px 0 20px 0; }

.searchresult { border-bottom: 2px dashed #3a8ba1; padding: 10px; }

/* Fonts */
/*---------------------------------------------------*/

h1, h2, h3, h4 {
	font-family: Arial, Verdana, sans-serif;
}

h1 { color: #e67e17; font-size: 1.4em; font-weight: normal; margin: 0 0 10px 0; }
h2 { color: #e67e17; font-size: 1.2em; font-weight: normal; margin: 0 0 10px 0; }
h3 { color: #3a8ba1; font-size: 1.2em; font-weight: normal; margin: 0 0 10px 0; }
h2.ibook { font-size: 1.2em; color: #e67e17; margin: 10px 0 0 0; }
h2.search { font-size: 1.2em; color: #000000; margin: 0 0 5px 0; padding: 0; }
h3.small { font-size: 1.3em; margin: 15px 0 10px 0; }
h3.medium { font-size: 1.4em; color: #000000; margin: 25px 0 10px 0; }
h3.recipnum { color: #105f75; font-size: 1.1em; margin: 0 0 5px 15px; } 
h3.big { font-size: 2.0em; color: #000000; margin: 15px 0 15px 0; }
h3.steps { text-align: center; padding: 20px 0; margin: 0; font-size: 1.4em; line-height: 1.4em; }
#search_col h4 { font-size: 1.3em; }
.col1 h3 { font-weight: bold; }
.fullspan_3cols h3 { font-weight: bold; font-size: 1.4em; line-height: 0.9em; }
.info_box1 h2 { font-size: 1.2em; margin: 0 0 5px 0; color: #000000; }
.info_box1 h3 { font-size: 1.1em; margin: 10px 0 5px 0; color: #e67e17; }

p.templatehdr { margin: 5px 0 0 0; padding: 0; font-size: 1.2em; color: #e67e17; font-weight: bold;}
h2.templatehdr { padding: 8px 10px 10px 16px; margin: 0 0 15px 0; }


#logo h1 { width: 500px; height: 66px; margin: 0 0 0 31px; padding: 0; background: url(../images/logo.gif) no-repeat; }
#logo h1 span { display: none; }
#logo h1 a { width: 500px; height: 66px; display: block; margin: 0; padding: 0; background: url(../images/logo.gif)  no-repeat; }

#logo p span { display: none; }
#logo p a { width: 500px; height: 66px; display: block; margin: 0 0 0 31px; background: url(../images/logo.gif) no-repeat; }

.info_box h3 { margin: 0 0 10px 0; }
.info_box h4 { margin: 0 0 10px 0; }
h2.orange { font-size: 1.2em; font-weight: normal; }

/* Links */
/*---------------------------------------------------*/

#nav_panel a:link, #nav_panel a:visited, #nav_panel a:active { color: #000000; text-decoration: none; }
#nav_panel a:hover { text-decoration: underline; }

#userinfo_panel a:link, #userinfo_panel a:visited, #userinfo_panel a:active { color: #000000; text-decoration: none; }
#userinfo_panel a:hover { text-decoration: underline; }

#userinfo_panel ul li { color: #e67e17; }

#login_panel a:link, #login_panel a:visited, #login_panel a:active { color: #000000; text-decoration: none; }
#login_panel a:hover { text-decoration: underline; }

#content_container a:link, #content_container a:visited, #content_container a:active { color: #000000; text-decoration: none; font-weight: bold; }
#content_container a:hover { text-decoration: underline; }

#content_container .exp_button a:link, #content_container .exp_button a:visited, #content_container .exp_button a:active { color: #ffffff; text-decoration: none; font-weight: bold; }
#content_container .exp_button a:hover { color: #ffffff; text-decoration: underline; }

#content_container .exp_button_orange_sm a:link, #content_container .exp_button_orange_sm a:visited, #content_container .exp_button_orange_sm a:active, #content_container .exp_button_blue_sm a:link, #content_container .exp_button_blue_sm a:visited, #content_container .exp_button_blue_sm a:active, #content_container .exp_button_green_sm a:link, #content_container .exp_button_green_sm a:visited, #content_container .exp_button_green_sm a:active { color: #ffffff; text-decoration: none; font-weight: bold; }
#content_container .exp_button_orange_sm a:hover, #content_container .exp_button_blue_sm a:hover { text-decoration: underline; }

#content_container a.orange, #content_container a:link.orange, #content_container a:visited.orange { color: #e67e17; text-decoration: none; font-weight: bold; }
#content_container a:hover.orange { text-decoration: underline; }
#content_container a.orange1, #content_container a:link.orange1, #content_container a:visited.orange1 { color: #e67e17; text-decoration: none; font-weight: normal; }
#content_container a:hover.orange1 { text-decoration: underline; }

#content_container a.orangelink, #content_container a:link.orangelink, #content_container a:visited.orangelink { color: #e67e17; text-decoration: none; font-size: 1.0em; font-weight: normal; background: none; padding: 3px 0 0 0; }

#content_container a.blue, #content_container a:link.blue, #content_container a:visited.blue { color: #3a8ba1; text-decoration: none; font-weight: bold; background: url(../images/bluearrow.gif) right 3px no-repeat; padding: 0 20px 0 0; }
#content_container a:hover.blue { text-decoration: underline; }

#footer_panel a, #footer_panel a:link, #footer_panel a:visited { color: #fff; font-weight: normal; text-decoration: none; padding: 0; }
#footer_panel a:hover { text-decoration: underline; }

h1 a:link, h1 a:visited, h1 a { text-decoration: none; }
#content_container h2.access a:link, #content_container h2.access a:visited, #content_container h2.access a { text-decoration: underline; color: #e67e17; }

#msg_col a:link, #msg_col a:visited, #msg_col a:active { color: #e67e17; text-decoration: none; background: url(../images/arrow.gif) right 3px no-repeat; padding: 0 20px 0 0; }
#msg_col a:hover { text-decoration: underline; }

.homemsg_col a:link, .homemsg_col a:visited, .homemsg_col a:active { color: #e67e17; text-decoration: none; background: url(../images/arrow.gif) right 3px no-repeat; padding: 0 20px 0 0; }
.homemsg_col a:hover { text-decoration: underline; }

#msg_col a:link.long, #msg_col a:visited.long, #msg_col a:active.long { color: #3a8ba1; text-decoration: none; background: url(../images/bluearrow.gif) right 4px no-repeat; padding: 0 10px 0 0; display: block; }
#msg_col a:hover.long { text-decoration: underline; }

#content_container .msg_col a:link.long, #content_container .msg_col a:visited.long, #content_container .msg_col a:active.long { color: #3a8ba1; text-decoration: none; background: url(../images/bluearrow.gif) right 5px no-repeat; padding: 0 10px 0 0; margin-right: 10px; display: block; }
#content_container .msg_col a:hover.long { text-decoration: underline; }

.homemsg_col a:link.long, .homemsg_col a:visited.long, .homemsg_col a:active.long { color: #3a8ba1; text-decoration: none; background: url(../images/bluearrow.gif) right 4px no-repeat; padding: 0 10px 0 0; display: block; }
.homemsg_col a:hover.long { text-decoration: underline; }

#intro_col a:link.long, #intro_col a:visited.long, #intro_col a:active.long { color: #3a8ba1; text-decoration: none; background: url(../images/bluearrow.gif) right 4px no-repeat; padding: 0 10px 0 0; display: block; }
#intro_col a:hover.long { text-decoration: underline; }

#content_container .home_fullspan a:link, #content_container .home_fullspan a:visited, #content_container .home_fullspan a:active { text-decoration: none; color: #939491; padding: 0 20px 0 0; font-size: 0.8em; font-weight: normal; }
#content_container .home_fullspan a:hover { text-decoration: underline; }

#content_container .home_left_col h3 a:link, #content_container .home_left_col h3 a:visited, #content_container .home_left_col h3 a:active, #content_container .home_center_col h3 a:link, #content_container .home_center_col h3 a:visited, #content_container .home_center_col h3 a:active, #content_container .home_right_col h3 a:link, #content_container .home_right_col h3 a:visited, #content_container .home_right_col h3 a:active { display: block; color: #000000; text-decoration: none; background: url(../images/arrow.gif) right 4px no-repeat; padding: 0 20px 0 0; font-weight: bold; }
#content_container .home_left_col h3 a:hover, #content_container .home_center_col h3 a:hover, #content_container .home_right_col h3 a:hover { color: #e67e17; }

#content_container #homeleft_col h1 a:link, #content_container #homeleft_col h1 a:visited, #content_container #homeleft_col h1 a:active { color: #000000; text-decoration: none; background: url(../images/arrow.gif) right 5px no-repeat; padding: 0 20px 0 0; font-weight: bold; }
#content_container #homeleft_col h1 a:hover { color: #e67e17; }

#content_container a.noarrow { background: none; }


/* Lists */
/*---------------------------------------------------*/

#nav_panel ul { list-style: none; font-size: 0.9em; }
#nav_panel li { float: left; width: auto; height: auto;  padding: 0; margin: 0 0 1px 0; color: #000000; font-weight: bold; }

#userinfo_panel ul { float: right; list-style: none; padding: 0; margin: 12px 2px 0 0; }
#userinfo_panel li { display: inline; padding: 0 3px 0 7px; margin: 0; color: #000000; background: url(../images/sep.gif) 0 3px no-repeat; font-weight: bold; }
#userinfo_panel li.first { display: inline; padding: 0 3px 0 7px; margin: 0; color: #000000; background: none; }
#userinfo_panel li.orange { color: #e67e17; font-weight: bold; background: none; }

#content_container ul { list-style: none; padding: 0 0 5px 5px; margin: 1px 0 0 0; }
#content_container ul li { padding: 0 0 3px 24px; margin: 0 0 5px 0; color: #000000; background: url(../images/imgbullet.gif) 0 0 no-repeat; }
#content_container ul li ul li { padding: 0 0 3px 24px; margin: 0 0 5px 0; color: #000000; background: url(../images/imgbullet.gif) 0 0 no-repeat; }
#content_container ul.margin15 { margin: 10px 0 0 15px; }
#content_container ul.margin11 { margin: 10px 0 0 11px; }

#content_container ol { padding: 0 0 5px 25px; margin: 1px 0 0 0; }
#content_container ol li { padding: 0; margin: 0 0 5px 0; color: #000000; font-weight: bold; }

#content_container ul ul { list-style: none; padding: 5px 0 0 0; margin: 1px 0 0 0; }
#content_container ul ul li { padding: 0 0 0 24px; margin: 5px 0 5px 0; color: #000000; background: url(../images/imgbullet.gif) 0 3px no-repeat; }

#content_container .indexform ul { list-style: none; padding: 0 0 5px 23px; margin: 1px 0 0 0; }
#content_container .indexform li { padding: 0; margin: 0 0 10px 0; color: #000000; }

#footer_panel ul { list-style: none; margin: 0 0 4px 0; padding: 0 0 0 50px; font-size: 0.90em; }
#footer_panel li { display: inline; padding: 0 0 0 15px; color: #fff; }
#footer_panel li.first { display: inline; padding: 0; margin: 0 0 0 17px; background:none; }

#content_container .home_fullspan ul { list-style: none; padding: 0; margin: 0; }
#content_container .home_fullspan ul li { float: left; width: auto; max-width: 200px; min-width: 80px; display: inline; background: none; padding: 0 ; margin: 0 0 5px 0; color: #939491; }

/* Paras */
/*---------------------------------------------------*/

#footer_panel p { float: left; margin: 0; padding: 0 0 0 50px; color: #fff; font-size: 0.90em; }
#login_panel p { margin: 0; }
#login_panel p.option { margin: 0 0 4px 104px; padding: 0; font-size: 0.9em; font-weight: bold; color: #000000; }
#login p.option { margin: 0 0 4px 84px; padding: 0; font-size: 0.9em; font-weight: bold; color: #000000; }
p.error { float: left; color: #fe3399; font-weight: bold; font-size: 1.0em; padding: 10px; margin: 0 0 15px 13px; border: 1px solid #39899f; }
.signin_error { color: #e67e17; font-weight: bold; font-size: 1.0em; padding: 0 0 7px 85px; }
.search_error { color: #e67e17; font-weight: bold; font-size: 1.0em; padding: 0 0 4px 0; }
.msg_error { color: #FE5EB3; font-weight: bold; font-size:1.0em; padding: 5px 0 5px 116px; }

div.error { float: left; width: 537px; height: 51px; margin: 0 0 10px 0;}
div.ibookerror { float: left; width: 100%; height: auto; margin: 5px 0 0 15px; padding: 0; }
div.ibookerror1 { float: left; width: 100%; height: auto; margin: 5px 0 3px 5px; padding: 0; }
div.ibookerror p,div.ibookerror1 p { margin: 0; padding: 0; }
p.smlmargin { margin: 0 0 5px 0; padding: 0; }
#home_left_col p, #home_center_col p, #home_right_col p { font-size: 1.2em; }
p.margintop { margin: 60px 0 0 0; }


/* Main Navigation (all have rollover states) */
/*---------------------------------------------------*/

#home a {
	float: left;
	width: 76px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/home_b.gif) no-repeat 0px 0px;
}

#home a:hover {
	background-position: 0 -36px;
}

#home_on a {
	float: left;
	width: 76px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/home_b.gif) no-repeat 0 -36px;
}

#home_on span {
	float: left;
	width: 76px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/home_b.gif) no-repeat 0 -36px;
}

#icards a {
	float: left;
	width: 80px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/icards_b.gif) no-repeat 0px 0px;
}

#icards a:hover {
	background-position: 0 -36px;
}

#icards_on a {
	float: left;
	width: 80px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/icards_b.gif) no-repeat 0 -36px;
}

#icards_on span {
	float: left;
	width: 80px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/icards_b.gif) no-repeat 0 -36px;
}

#ibooks a {
	float: left;
	width: 82px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/ibooks_b.gif) no-repeat 0px 0px;
}

#ibooks a:hover {
	background-position: 0 -36px;
}

#ibooks_on a {
	float: left;
	width: 82px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/ibooks_b.gif) no-repeat 0 -36px;
}

#ibooks_on span {
	float: left;
	width: 82px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/ibooks_b.gif) no-repeat 0 -36px;
}

#heart a {
	float: left;
	width: 145px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/givingheart_b.gif) no-repeat 0px 0px;
}

#heart a:hover {
	background-position: 0 -36px;
}

#heart_on a {
	float: left;
	width: 145px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/givingheart_b.gif) no-repeat 0 -36px;
}

#heart_on span {
	float: left;
	width: 145px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/givingheart_b.gif) no-repeat 0 -36px;
}

#about a {
	float: left;
	width: 79px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/about_b.gif) no-repeat 0px 0px;
}

#about a:hover {
	background-position: 0 -36px;
}

#about_on a {
	float: left;
	width: 79px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/about_b.gif) no-repeat 0 -36px;
}

#about_on span {
	float: left;
	width: 79px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/about_b.gif) no-repeat 0 -36px;
}

#contact a {
	float: left;
	width: 88px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/contact_b.gif) no-repeat 0px 0px;
}

#contact a:hover {
	background-position: 0 -36px;
}

#contact_on a {
	float: left;
	width: 88px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/contact_b.gif) no-repeat 0 -36px;
}

#contact_on span {
	float: left;
	width: 88px;
	height: 36px;
	margin: 0;
	background: url(../images/nav/contact_b.gif) no-repeat 0 -36px;
}

/* Other buttons with rollover states */
/*---------------------------------------------------*/

#createicard a {
	float: left;
	width: 268px;
	height: 65px;
	margin: 0;
	background: url(../images/createicard_b.gif) no-repeat 0px 0px;
}

#createicard a:hover {
	background-position: 0 -65px;
}

#createicard1 a {
	float: left;
	width: 253px;
	height: 61px;
	margin: 0;
	background: url(../images/createicard_b.gif) no-repeat 0px 0px;
}

#createicard1 a:hover {
	background-position: 0 -61px;
}

#msg_buttons span { position: absolute; top: -3000px; left: -3000px; }

#msg-create a {
	float: left;
	clear:both;
	width: 203px;
	height: 40px;
	margin: 0 0 5px 0;
	background: url(../images/messagenew_b.gif) no-repeat 0px 0px;
}

#msg-create a:hover {
	background-position: 0 -40px;
}

#msg-single a {
	float: left;
	clear:both;
	width: 190px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../images/createsingle_b.gif) no-repeat 0px 0px;
}

#msg-single a:hover {
	background-position: 0 -35px;
}

#msg-group a {
	float: left;
	clear:both;
	width: 284px;
	height: 38px;
	margin: 0 0 5px 0;
	background: url(../images/creategroup_b.gif) no-repeat 0px 0px;
}

#msg-group a:hover {
	background-position: 0 -38px;
}

#msg-create-sm a {
	float: left;
	display: inline;
	width: 160px;
	height: 23px;
	margin: 0;
	background: url(../images/newmsg_sm_b.gif) no-repeat 0px 0px;
}

#msg-create-sm a:hover {
	background-position: 0 -23px;
}

#msg-waiting a {
	float: left;
	clear:both;
	width: 271px;
	height: 49px;
	margin: 0 0 2px 0;
	background: url(../images/messageswaiting_b.gif) no-repeat 0px 0px;
}

#msg-waiting a:hover {
	background-position: 0 -49px;
}

#msg-waiting-sm a {
	float: left;
	display: inline;
	width: 215px;
	height: 27px;
	margin: 0;
	background: url(../images/messageswaiting_sm_b.gif) no-repeat 0px 0px;
}

#msg-waiting-sm a:hover {
	background-position: 0 -27px;
}

#msg-inbox a {
	float: left;
	clear:both;
	width: 187px;
	height: 51px;
	margin: 0 0 3px 0;
	background: url(../images/messageinbox_b.gif) no-repeat 0px 0px;
}

#msg-inbox a:hover {
	background-position: 0 -51px;
}

#msg-inbox-sm a {
	float: left;
	display: inline;
	width: 135px;
	height: 24px;
	margin: 0;
	background: url(../images/messageinbox_sm_b.gif) no-repeat 0px 0px;
}

#msg-inbox-sm a:hover {
	background-position: 0 -24px;
}

#msg-outbox a {
	float: left;
	clear:both;
	width: 187px;
	height: 51px;
	margin: 0;
	background: url(../images/messageoutbox_b.gif) no-repeat 0px 0px;
}

#msg-outbox a:hover {
	background-position: 0 -51px;
}

#msg-igroup a {
	float: left;
	clear:both;
	width: 338px;
	height: 39px;
	margin: 0 0 6px 0;
	background: url(../images/igroup_b.gif) no-repeat 0px 0px;
}

#msg-igroup a:hover {
	background-position: 0 -39px;
}

#msg-outbox-sm a {
	float: left;
	width: 135px;
	height: 23px;
	margin: 0;
	background: url(../images/messageoutbox_sm_b.gif) no-repeat 0px 0px;
}

#msg-outbox-sm a:hover {
	background-position: 0 -23px;
}

.msg_button { float: left; width: auto; height: auto; margin: 0 20px 0 0; }
.msg_button span { position: absolute; top: -3000px; left: -3000px; }

#public_msg a {
	float: left;
	width: 168px;
	height: 34px;
	margin: 0;
	background: url(../images/public_msg_b.gif) no-repeat 0px 0px;
}

#public_msg a:hover {
	background-position: 0 -34px;
}

#private_msg a {
	float: left;
	width: 168px;
	height: 34px;
	margin: 0;
	background: url(../images/private_msg_b.gif) no-repeat 0px 0px;
}

#private_msg a:hover {
	background-position: 0 -34px;
}

#download_msg a {
	float: left;
	width: 177px;
	height: 34px;
	margin: 0;
	background: url(../images/download_msg_b.gif) no-repeat 0px 0px;
}

#download_msg a:hover {
	background-position: 0 -34px;
}

#signin_msg a {
	float: left;
	width: 125px;
	height: 34px;
	margin: 0;
	background: url(../images/signin_msg_b.gif) no-repeat 0px 0px;
}

#signin_msg a:hover {
	background-position: 0 -34px;
}

#create_home a {
	float: left;
	width: 302px;
	height: 34px;
	margin: 0;
	background: url(../images/create_home_b.gif) no-repeat 0px 0px;
}

#create_home a:hover {
	background-position: 0 -34px;
}

.exp_button {
    float:left;
    width:auto;
	height: 34px;
	margin: 5px 0;
	padding-right: 7px;
    background:url(../images/orangebutton_right.gif) no-repeat right top;
    line-height:normal;
    }
	
.exp_button a {
    display:block;
    background:url(../images/orangebutton_left.gif) no-repeat left top;
    padding: 8px 20px 0 10px;
	height: 34px;
	font-size: 1.1em;
	font-weight: normal;
    }

.exp_button a:hover, .exp_button_orange_sm a:hover, .exp_button_blue_sm a:hover { color: #fff; }

.exp_button_orange_sm {
    float:left;
    width:auto;
	height: 26px;
	margin: 5px 0;
	padding-right: 7px;
    background:url(../images/orangebutton_sm_right.gif) no-repeat right top;
    line-height:normal;
    }
	
.exp_button_orange_sm a {
    display:block;
    background:url(../images/orangebutton_sm_left.gif) no-repeat left top;
    padding: 5px 20px 0 10px;
	height: 26px;
	font-size: 1.1em;
	font-weight: normal;
    }
	
.msg_col .buttons .exp_button_orange_sm a {
    display:block;
    background:url(../images/orangebutton_sm_left.gif) no-repeat left top;
    padding: 5px 20px 0 10px;
	height: 26px;
	font-size: 1.1em;
	font-weight: normal;
    }
	
.exp_button_green_sm {
    float:left;
    width:auto;
	height: 26px;
	margin: 5px 0;
	padding-right: 7px;
    background:url(../images/greenbutton_sm_right.gif) no-repeat right top;
    line-height:normal;
    }
	
.exp_button_green_sm a {
    display:block;
    background:url(../images/greenbutton_sm_left.gif) no-repeat left top;
    padding: 5px 20px 0 10px;
	height: 26px;
	font-size: 1.1em;
	font-weight: normal;
    }
	
.exp_button_blue_sm {
    float:left;
    width:auto;
	height: 26px;
	margin: 5px 0;
	padding-right: 7px;
    background:url(../images/bluebutton_sm_right.gif) no-repeat right top;
    line-height:normal;
    }
	
.exp_button_blue_sm a {
    display:block;
    background:url(../images/bluebutton_sm_left.gif) no-repeat left top;
    padding: 5px 20px 0 10px;
	height: 26px;
	font-size: 1.1em;
	font-weight: normal;
    }
	
.msg_col .buttons .exp_button_blue_sm a {
    display:block;
    background:url(../images/bluebutton_sm_left.gif) no-repeat left top;
    padding: 5px 20px 0 10px;
	height: 26px;
	font-size: 1.1em;
	font-weight: normal;
    }


/* Forms */
/*---------------------------------------------------*/
#fullspan_col form#message { width: 100%; }

form#message { width: 570px; }
form.collect { float: right; display: inline; width: 325px; margin: 15px 25px 0 0; }

input, select {  font-size: 1.0em; color: #000000; font-family: Arial, Verdana, sans-serif; }
textarea { font-size: 1.0em; color: #000000; font-family: Arial, Verdana, sans-serif; }

select { margin: 2px 0 0 0; width: auto; min-width: 100px; border: 1px solid #3a8ba1; text-align: left; }
select.search { margin: 2px 0 0 0; width: 160px; min-width: 100px; border: 1px solid #3a8ba1; }
select.day { margin: 2px 0 0 0; width: 50px; min-width: 50px; }
select.day1 { margin: 2px 0 0 0; width: 45px; min-width: 45px; }
select.month { margin: 2px 0 0 0; width: 75px; min-width: 75px; }
select.month1 { margin: 2px 0 0 0; width: 70px; min-width: 70px; }
select.year { margin: 2px 0 0 0; width: 56px; min-width: 56px; }
select.year1 { margin: 2px 0 0 0; width: 55px; min-width: 55px; }
select.country { margin: 2px 0 0 0; width: 176px; min-width: 176px; }
select.message { float: left; margin: 2px 0 0 0; padding: 3px; width: 200px; min-width: 200px; border: 1px solid #3a8ba1; }
select.songopts { margin: 4px 0 0 0; width: 125px; min-width: 110px; border: 1px solid #3a8ba1; }
select.songopts1 { margin: 6px 0 0 0; width: 105px; min-width: 105px; border: 1px solid #3a8ba1; font-size: 0.7em }
select.songopts_auto { margin: 4px 0 0 0; width: auto; min-width: 125px; border: 1px solid #3a8ba1; }

div.message_opts { float: left; padding: 0 5px 0 0; }

input.radio { margin: 7px 5px 0 0; vertical-align: bottom; }
input.chkbx1 { margin: 0 5px 0 0; vertical-align: text-bottom; }
input.chkbx2 { margin: 0 5px 0 140px; vertical-align: text-bottom; }

.form_txtfldxmini{
	width: 20px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
	text-align: center;
}

.form_txtfldmini{
	width: 50px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldshort{
	width: 170px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldshort_float {
	float: left;
	width: 170px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #000000;
}

.form_txtfldshort1{
	width: 160px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldshort2{
	float: left;
	width: 70px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldshort3{
	width: 170px;
	margin: 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldshort4{
	width: 100px;
	margin: 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldshort5{
	width: 200px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldmedium {
	width: 173px;
	margin: 1px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldmedium1 {
	width: 215px;
	margin: 1px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldmedium2 {
	float:left;
	width: 195px;
	margin: 7px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldlong {
	width: 260px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldmulti {
	width: 413px;
	height: 220px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldmulti1 {
	width: 215px;
	height: 80px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldmulti2 {
	width: 170px;
	height: 80px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldmulti3 {
	width: 300px;
	height: 100px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
}

.form_txtfldsearch { 
	width: 160px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #3a8ba1;
	text-align: center;
}

label { color: #105f75; }

.form_labels, .form_labels_profile, .form_labels_signin, .form_labels_signin1, .form_labels_faves, .form_labels_common, .form_labels_actype, .form_labels_contacts, .form_labels_message, .form_labels_message1, .form_labels_message2, .form_labels_message3, .form_labels_message4, .form_labels_message5, .form_labels_events, .form_labels_events1, .form_labels_search, .form_labels_reg, .form_labels_contribs, .form_labels_recips, .remember_me, .remember_me1 {
	width: 100px;
	height: auto;
	padding: 0;
	margin: 5px 5px 0 0;
	float:left;
	color: #105f75;
	text-align: right;
	font-weight: bold;
	font-size: 1.1em;
}

.form_labels_message6 {
	float: left;
	width: 105px;
	height: auto;
	padding: 0;
	margin: 5px 5px 0 0;
	float:left;
	color: #105f75;
	text-align: left;
	font-weight: bold;
	font-size: 0.7em;
}

.form_labels_contribs { float: none; }

.form_labels { width: 160px; font-size: 1.0em; }
.form_labels_profile { width: 158px; font-size: 1.0em; margin: 0 10px 0 0; }
.form_labels_signin1 { width: 80px; font-size: 1.0em; }
.remember_me { width: 80px; font-size: 1.0em; font-size: 0.95em; margin: 0 0 0 84px; }
* html .remember_me { width: 88px; font-size: 1.0em; font-size: 0.95em; margin: 0 0 0 78px; }
.remember_me1 { width: 80px; font-size: 1.0em; font-size: 0.95em; margin: 0 0 0 98px; }
.form_labels_reg { width: 140px; font-size: 1.0em; }
.form_labels_faves  { width: 160px; font-size: 1.0em; }
.form_labels_common  { width: 100px; font-size: 1.0em; }
.form_labels_recips  { width: 75px; font-size: 1.0em; }
.form_labels_actype  { width: 115px; font-size: 1.0em; }
.form_labels_contacts  { width: 155px; font-size: 1.0em; }
.form_labels_message  { width: 115px; font-size: 1.0em; margin: 7px 5px 0 0; }
.form_labels_message1  { width: 95px; font-size: 1.0em; }
.form_labels_message2  { width: 195px; font-size: 1.0em; }
.form_labels_message3  { width: 125px; font-size: 1.0em; }
.form_labels_message4  { width: 139px; font-size: 1.0em; }
.form_labels_message5  { width: 115px; font-size: 1.0em; margin: 10px 5px 0 0; }
.form_labels_events { width: 135px; font-size: 1.0em; }
.form_labels_events1 { float: left; width: 200px; margin: 0; padding: 0; font-size: 1.0em; }
.form_labels_search { width: 150px; display: block; text-align: left; }
.form_labels_contribs { width: 250px; font-size: 1.0em; }

.form_chkbx { margin: 0 0 0 5px; padding: 0; }
.form_chkbx1 { margin: 0; padding: 0; }

.go_button { float: left; display: inline; margin: 2px 0 0 3px; }
.signin_button { margin: 2px 0 0 105px; }
.signin_button1 { margin: 5px 0 0 80px; }
.signin_button2 { margin: 0 0 8px 84px; }
.search_button { margin: 2px 0 0 0; }
.message_button { margin: 2px 0 0 150px; }
.common_button { margin: 6px 0 0 105px; }
.submit_button { margin: 6px 0 0 185px; }
.submit_button1 { margin: 6px 0 0 165px; }

.profile_button {
	padding: 5px 0 0 3px;
	vertical-align: bottom;
}

.common_button1 { margin: 6px 0 0 160px; }

fieldset {
	border: 2px dashed #d6d8d4;
	padding: 16px 7px 7px 7px;
	margin:  0 0 15px 0;
	background: #ffffff;
}

fieldset.signin, fieldset.signin1 {
	float: left;
	width: 275px;
	border: 2px dashed #d6d8d4;
	padding: 16px 0 7px 7px;
	margin:  0 0 15px 0;
}

fieldset.signin1 { margin: 0 0 0 15px; }

fieldset.note {
	border: none;
	background: #FCD9EC;
	padding: 7px;
	margin: 15px 0 5px 0;
	font-size: 0.95em;
}

fieldset.inset {
	border: 1px solid #39899f;
	padding: 10px;
	margin: 25px 15px 15px 15px;
}

#contribs {
	float: left;
	width: 250px;
	height: auto;
	max-height: 200px;
	border: 2px solid #d6d8d4;
	padding: 7px 12px;
	margin: 5px 15px 15px 15px;
	overflow-x: none;
	overflow-y: auto;
}

#contribs1 {
	float: left;
	width: 400px;
	border: 2px solid #d6d8d4;
	padding: 7px 12px;
	margin: 5px 15px 15px 15px;
}

#multirecips {
	float: left;
	width: 250px;
	height: auto;
	max-height: 200px;
	border: 1px solid #000000;
	padding: 7px 12px;
	margin: 0px 15px 5px 0px;
	overflow-x: none;
	overflow-y: auto;
}

#contribs3 {
	float: left;
	width: 265px;
	border: 1px solid #000000;
	padding: 7px 0 7px 12px;
	margin: 5px 15px 15px 175px;
}

legend {
	padding: 4px 6px;
	font-weight: bold;
	color: #e67e17;
}

fieldset p { padding: 5px 0; }
fieldset.donation { padding: 20px 0 20px 20px; }
label.donation_amount { float: left; margin: 2px 5px 0 0; color: #105f75; text-align: left; width: 50px; font-size: 1.0em; }
label.donation_amount1 { float: left; margin: 4px 5px 0 0; color: #105f75; text-align: left; width: 140px; font-size: 1.0em; }
label.donation_amount2 { float: left; margin: 2px 5px 0 0; color: #105f75; text-align: left; width: 272px; font-size: 1.0em; }
label.donation_amount3 { float: left; margin: 2px 5px 0 0; color: #105f75; text-align: left; width: 90px; font-size: 1.0em; }
input.radio_button { float: left; margin: 3px 5px 0 0; vertical-align: middle; }


/* Template gallery */
/*---------------------------------------------------*/

.template {
	float: left;
	width: 125px;
	height: 120px;
}

.template_home {
	float: left;
	display: inline;
	width: 125px;
	height: 100px;
	margin: 0 15px 0 0;
}

.template_disp {
	float: left;
	width: 125px;
	height: 90px;
}

.template_print {
	float: left;
	width: 125px;
	height: 135px;
}

.template_print1 {
	float: left;
	width: 125px;
	height: 100px;
}

.template_wireframe {
	float: left;
	width: 136px;
	height: auto;
}

.template_wireframe img { margin: 0 0 5px 0; }

.template a, .template_disp a {
	float: left;
	width: 125px;
	height: 73px;
	margin: 0 0 12px 0;
	padding: 4px 0 0 0;
	background: url(../images/template_frame.gif) 1px 0 no-repeat;
	cursor: pointer;
}
.template_home a {
	float: left;
	width: 125px;
	height: 77px;
	margin: 0 0 12px 0;
	padding: 4px 0 0 0;
	background: url(../images/template_home.gif) 1px 0 no-repeat;
	cursor: pointer;
}

.template_home img { padding: 4px 0 6px 5px; }

.template_print a, .template_print1 a {
	float: left;
	width: 125px;
	height: 86px;
	margin: 0 0 12px 0;
	padding: 4px 0 0 0;
	background: url(../images/print_template_frame.gif) 1px 0 no-repeat;
	cursor: pointer;
}

.template_print2 a {
	float: left;
	width: 116px;
	height: 82px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #d6d8d4;
	cursor: pointer;
}

.template a:hover, .template_disp a:hover, .template_home a:hover { background-position: 1px -77px; }
.template_print a:hover, .template_print1 a:hover { background-position: 1px -89px; }
.template_print2 a:hover { background-position: 1px -89px; border: 1px solid #000000; }

.template_on a { 
	float: left;
	width: 125px;
	height: 77px;
	margin: 0 0 12px 0;
	padding: 4px 0 0 0;
	background: url(../images/template_frame.gif) 1px -77px no-repeat;
	cursor: pointer;
}


/* Misc */
/*---------------------------------------------------*/


.hide {
	position: absolute;
	top: -3000px;
	left: -3000px;
}

.pages { font-size: 1.1em; }
.small { font-size: 0.95em; padding: 0 0 0 86px; margin: 1px 0 0 0; vertical-align: top; }
.small1 { font-size: 0.95em; }
.small2 { font-size: 0.95em; margin: 0 0 3px 0; padding: 0; color: #e67e17; }
.small3 { font-size: 0.95em; margin: 0 0 3px 184px; padding: 0; color: #e67e17; }
.decr { font-size: 0.9em; }
.decr1 { font-size: 1.1em; }
#fullspan_col .small3 a { color: #e67e17; text-decoration: underline; font-weight: normal; }
.small4 { font-size: 0.95em; margin: 5px 0 0 184px; padding: 0; color: #000000; }
.small5 { font-size: 0.95em; margin: 5px 0 0 145px; padding: 0; color: #000000; }
.small6 { font-size: 0.95em; margin: 0 0 7px 0; padding: 0; color: #e67e17; }
.search { margin: 0 0 3px 0; padding: 0; }
.clear { clear: both; }
.clear1 { clear: both; height: 1px; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear15 { clear: both; height: 15px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 38px; }
.bold { font-weight: bold; }
.orange { color: #e67e17; }
.blue { color: #3a8ba1; }
.black { color: #000000; }
.margin15 { margin: 0 0 0 15px; }
.margin10 { margin: 0 0 0 11px; }
.margin85 { margin: 0 0 15px 85px; }
.margin160 { margin: 0 0 15px 162px; }
.smalldate { font-weight:normal;font-size: 0.9em; }
.bold_center { text-align: center; font-weight: bold; }
.steps { color: #000000; font-size: 1.4em; margin: 30px 0; }
.big { font-size: 1.4em; font-weight: bold; }
.inset { display: block; padding: 0 0 0 16px; }
.play_button { margin: 10px 0 0 184px; }
.delete_button { margin: 10px 0 0 85px; }
#message .caption p { font-weight: normal; font-size: 0.9em; margin: 5px 0 0 0; }
.plus1 { font-size: 1.1em; }
.plus2 { font-size: 1.2em; }
.medium { font-size: 1.5em; font-weight: bold; }
.nopadding { margin: 0; padding: 0; }
.orange_center { color: #e67e17; text-align: center; width: 240px; font-size: 1.3em; margin: 0 0 0 25px; }
.small_center { text-align: center; width: 240px; font-size: 1.3em; margin: 10px 0 10px 25px; }
.float_left { float: left; }
.textalign_right { float: right; text-align: right; }
.width130 { float:left; width: 125px; text-align:right; margin: 0 5px 0 0; }
.width200 { float:left; margin: 0 15px 0 0; }
.disabled { color: #999999; }
.center { text-align: center; }
.sample { color: #c10404; padding: 0 0 10px 0; }

/* Tooltips (CSS-only) */

a.tip {
    position:relative; /*this is the key*/
    z-index:24;
	top: 4px;
	left: 2px;
    color:#000;
    text-decoration:none;  }

a.tip1 {
    position:relative;
    z-index:24;
	top: 8px;
	left: 2px;
    color:#000;
    text-decoration:none;  }
	
a.tip2 {
    position:relative; 
    z-index:24;
	top: 0px;
	left: 0px;
    color:#000;
    text-decoration:none;  }

a.tip:hover, a.tip1:hover, a.tip2:hover { z-index:25; background-color:#FFEAF5; }

a.tip span, a.tip1 span, a.tip2 span { display: none; }

a.tip:hover span, a.tip1:hover span, a.tip2:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em;
	left:2em;
	width:400px;
	padding: 5px;
    border:1px solid #666;
    background-color:#FFEAF5;
	color:#666;
	text-decoration: none;
	font-weight: normal;
}


/* SIFR */
/*---------------------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h1#title {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 35px;
}

/* Tables */

caption { display: none; }
th.row { padding: 6px 6px; font-weight: bold; background: url(../images/tablehdr.gif) 0 0 repeat-x; text-align: left; }
th.row1 { padding: 6px 6px; font-weight: bold; background: url(../images/tablehdr.gif) 0 0 repeat-x; text-align: right; }
th.row2 { padding: 6px 6px; font-weight: bold; background: url(../images/tablehdr.gif) 0 0 repeat-x; }
td.row { padding: 0 6px; font-weight: bold; background: url(../images/tablehdr.gif) 0 0 repeat-x; text-align: left; }
td.row1 { padding: 0 6px; font-weight: bold; background: url(../images/tablehdr.gif) 0 0 repeat-x; text-align: right; }
td.row2 { padding: 7px 3px 6px 6px; font-weight: bold; background: url(../images/totalhdr.gif) #cbf8fe 0 0 repeat-x; text-align: right; min-height: 26px; font-size: 1.2em; }
* html td.row2 { height: 26px; }
td.col1 { padding: 5px 0 0 3px; }
td.col2 { padding: 1px 0 0 5px; }
td.col3 { padding: 5px 3px 0 5px; }

/* Recaptcha */

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#cbf8fe !important;
}
 
#recaptcha_table {
   border-color: #cbf8fe !important;
}
 
#recaptcha_response_field {
   border-color: #cbf8fe !important;
   background-color:#cbf8fe !important;
}

/* FancyUpload v2.0 by Harald Kirschner (available under the MIT Licence) - www.digitarald.de
Many thanks to Harald for this fantastic piece of AJAX to perform file uploads */

#filestatus {
	padding: 10px 0 0 0;
	width:300px;
}

#filestatus .progress {
	background:	white url(../images/progress.gif) no-repeat;
	background-position:+50% 0;
	margin-right:0.5em;
}

#filestatus .progress-text {
	font-size:0.9em;
	font-weight:bold;
}

#filelist {
	list-style:none;
	width:252px;
	margin:0;
}

#filelist li.file { background:url(../images/file.png) no-repeat 4px 4px; }
#filelist li.file.file-uploading {
	background-image:url(../images/uploading.png);
	background-color:#ffe4f2;
}
#filelist li.file.file-success { background-image:url(../images/success.png); }
#filelist li.file.file-failed { background-image:url(../images/failed.png); }

#filelist li.file .file-name {
	font-size:0.9em;
	margin-left:20px;
	display:block;
	clear:left;
	line-height:20px;
	height:40px;
	font-weight:bold;
}
#filelist li.file .file-size {
	font-size:0.9em;
	float:right;
	margin-top:2px;
	margin-right:6px;
}
#filelist li.file .file-info {
	display:block;
	margin-left:20px;
	font-size:0.9em;
	font-weight:bold;
}
#filelist li.file .file-remove {
	clear:right;
	float:right;
	line-height:18px;
	margin-right: 6px;
	font-size:0.9em;
}