/******************************************/
/*** START reset rules ***/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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;
	outline: 0;
	font-size: 100%;
	/* vertical-align: baseline;
	background: transparent; */
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6, th {/*cozi style*/
	font-size:100%;
	font-weight:normal;
}
ol, ul, li {
	list-style: none; 
	list-style-image:none; 
	list-style-position:outside; 
	list-style-type:none;
}
input, textarea, select, option {
	font-family:inherit;
	font-weight:inherit;
	font-size:100%;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a {
	color:#03F;/*cozi style*/
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*** END reset rules ***/
/******************************************//***********************************************/
/*** START base Cozi styles (override reset styles) ***/
html { font-size:13px; font-family:Tahoma, Geneva, sans-serif; }
body{ background:#c4daef url(../images/Page_Background.jpg) repeat-y; }
body,p { font-size:13px; line-height:18px; color:#707173; }
h1 { font-size:22px; line-height:26px; color:#f58e2a; }
h2 { font-size:16px; line-height:20px; color:#5c5d5f; }
h1, h2 { padding-bottom:18px }
a { color:#3474B4; text-decoration:none; }
/*** END base Cozi styles (override reset styles) ***/
/***********************************************/

/******************************************/
/* Content links */
#content a,
#content a:visited { font-size:12px; line-height:16px; color:#3474B4; border-bottom:1px dotted #3474B4; }/* same as default style */
#content a:focus,
#content a:hover { color:#f58e2a; border-bottom:1px solid #f58e2a; }
#content a:active { color:#ff6934; border-bottom:1px solid #ff6934; outline:1px dotted #aaa; }
#content a:focus { outline:1px dotted #aaa; }
#content h2 a,
#content h2 a:visited { font-size:16px; line-height:20px; }
#content h2 a:hover,
#content h2 a:focus { border-bottom:1px solid #f58e2a; }
/******************************************/

/******************************************/
/*** START Global Classes ***/
.cozi-orange { color:#f58e2a }
.no-l-style { border-bottom:0 !important }
/*** END Global Classes ***/
/******************************************/

/******************************************/
/*** containers and #content rules ***/
/*** that dont belong with specific pages or sections ***/
#container { position:relative; width:998px; height:100%; text-align:left }
#content { padding:12px 0 0 22px; position:relative;}
#content p { padding-left:30px; padding-bottom:18px; }
#footer { float:left; width:960px; height:100px; clear:both; padding-top:6px; text-align:center }
/******************************************/

/******************************************/
/*** START sprite classes ***/
.sprt { float:left; cursor:pointer; overflow:hidden; text-indent:-1000px; border-bottom:0 !important; }
.sprt.btn { margin-left:-4px; }
.btn-align { float:left; line-height:32px; vertical-align:middle; margin-left:5px; }
.btn-align.lg { line-height:44px }
/*117x44*/
.signup-lg-orange { float:left; width:151px; height:44px; background:url(../images/Sign_Up_Button.png) no-repeat scroll 0 -128px; border-bottom:0 !important; }
.signup-lg-orange:hover,
.signup-lg-orange:focus { background-position:0 -85px; }
.signup-lg-orange:active { background-position:0 -42px; }
/* Image-quote list styles (Why use Cozi) */
.quoted-item { background:url(../images/numbersquotes.png) no-repeat scroll 0 -363px; }
/******************************************/
/*** START Signup pae styles ***/

/*** Info signups - Cobrand and Landing pages ***/
/* mostly page structural elements */
#container { width:972px; margin:20px auto; }
#hdr { position:relative; margin-bottom:-42px; z-index:101; margin-left:0px; }
#bottom-corners { float:left; width:972px; height:46px; position:relative; z-index:99; background:url(../images/cobrand_bgs_elements.png) no-repeat scroll 0 -445px; }
#cozi-logo-link { position:absolute; left:808px; top:23px; width:120px; height:110px; z-index:199; }
#brands-container { float:left; margin:20px 10px; }
/* rave reviews on right */
#promo-rect { position:absolute; top:106px; right:-100px; width:244px; height:496px; padding:256px 25px 20px; background:url(../images/vacation_promomodule.png) no-repeat; }
#promo-rect h3 { color: #F58E2A; font-size: 14px; font-weight: 700; line-height: 17px; margin-bottom: 5px; text-align: center; }
#promo-rect .promo-text { margin: 0px 0 0 20px; width: 80%; text-align: center; }
#promo-rect .quoted-item { padding:10px 0 20px 10px; }
#promo-rect .quoted-item .quote-from { display:block; font-weight:bold; text-align:right; }
.info-signup #promo-rect p {
	padding: 0;
}
#body-bg-mask { display:none; } /* body bg white fade. dont show in ie6 */
body > #body-bg-mask { display:block; position:absolute; top:0; z-index:-1; width:100%; height:100%; background:url(../images/Page_Background_Mask.png) repeat-x; }

/******************************************/
/* info signup page 1 specific */
.info-signup-1 { float:left; width:951px; margin:0; padding:0; background:url(../images/cobrand_signup_window_bg.png) repeat-y; z-index:1; }
#content.info-signup-1 { width:911px; padding:40px 0 0 60px; } /* ie6 */
.headline {
	float:left;
	background:transparent url(../images/Signup_Background.png) no-repeat scroll 0 0;
	height:145px;
	margin-left:25px;
	padding-left:15px;
	width:628px; 
	overflow:hidden;
	display:inline;
}
.headline h1 { font-size:29px; font-weight:bold; line-height:44px; margin:auto; }
.headline h2 { margin:10px 10px 0 0; }
.headline h2 .signup-lg-orange { margin:0 4px 0 10px; }
.headline .takes-30s { width:600px; text-align:center; }
.headline .takes-30s,
.headline .takes-30s a { font-size:11px !important; line-height:30px !important; }
#links-container { float:left; width:660px; margin-bottom:20px; }
#cobrand-links { text-align:center; margin:10px 0 15px; }

/*** START HoverPanel styles ***/
#seeinaction { position:absolute; left:335px; top:115px; width:245px; height:140px; z-index:20; }
#instruct { position:absolute; bottom:231px; width:540px; color:#648eb3; font-weight:bold; text-align:center; }
/* main div area */
#hover-panel-container { float:left; width:675px; padding-bottom:20px; background: url(../images/Buttons_Background_Base.png) no-repeat scroll center bottom; }
#hover-panel { float:left; position:relative; width:536px; height:620px; padding:0 50px; margin:0 20px; background: url(../images/Buttons_Background.png) no-repeat scroll center bottom; }
#tabs { position:absolute; bottom:20px; width:550px; margin:auto; }

/* button bgs */
#tabs a { float:left; width:266px; height:46px; margin:0 5px 5px 0; background:url(../images/Feature_Buttons.png) no-repeat scroll 0 -135px; }
#tabs a.on,
#tabs a:hover,
#tabs a:focus { background-position:0 -90px; }
#tabs a:active { background-position:0 -45px; }

/* info image containers & text */
#tabs a div { position:absolute; left:-60px; top:-365px; display:none; width:655px; height:315px; }
#tabs a div,
#tabs a span,
#tabs a h1,
#tabs a h2 { cursor:default; }
#tabs a.on div,
#tabs a:hover div,
#tabs a:focus div { display:block; }

#tabs a h1 { font-size:18px; line-height:23px; font-weight:bold; padding:10px 0 5px 0; }
#tabs a h2 { color:#707173; font-size:13px; line-height:18px; }
#tabs a h1,
#tabs a h2 { width:478px; margin:0 auto; text-align:center; }

/* button icons & text*/
#tabs a span.tab-icon { float:left; width:246px; margin:10px 0 0 10px; height:27px; background-image:url(../images/Feature_Buttons_Icons_Text.png); background-repeat:no-repeat; cursor:pointer; }
#hp-calendar span.tab-icon { background-position:0 -10px; }
#hp-calendar.on > span.tab-icon, #hp-calendar:hover > span.tab-icon, #hp-calendar:focus > span.tab-icon { background-position:0 -55px }
#hp-lists span.tab-icon { background-position:-266px -10px; }
#hp-lists.on > span.tab-icon, #hp-lists:hover > span.tab-icon, #hp-lists:focus > span.tab-icon { background-position:-266px -55px }
#hp-to-do span.tab-icon { background-position:-532px -10px; }
#hp-to-do.on > span.tab-icon, #hp-to-do:hover > span.tab-icon, #hp-to-do:focus > span.tab-icon { background-position:-532px -55px }
#hp-messages span.tab-icon { background-position:-798px -10px; }
#hp-messages.on > span.tab-icon, #hp-messages:hover > span.tab-icon, #hp-messages:focus > span.tab-icon { background-position:-798px -55px }
#hp-mobile span.tab-icon { background-position:-1064px -10px; }
#hp-mobile.on > span.tab-icon, #hp-mobile:hover > span.tab-icon, #hp-mobile:focus > span.tab-icon { background-position:-1064px -55px }
#hp-journal span.tab-icon { background-position:-1330px -10px; }
#hp-journal.on > span.tab-icon, #hp-journal:hover > span.tab-icon, #hp-journal:focus > span.tab-icon { background-position:-1330px -55px }
#hp-screensaver span.tab-icon { background-position:-1596px -10px; }
#hp-screensaver.on > span.tab-icon, #hp-screensaver:hover > span.tab-icon, #hp-screensaver:focus > span.tab-icon { background-position:-1596px -55px }
#hp-outlook span.tab-icon { background-position:-1862px -10px; }
#hp-outlook.on > span.tab-icon, #hp-outlook:hover > span.tab-icon, #hp-outlook:focus > span.tab-icon { background-position:-1862px -55px }

/* panels */
#tabs a span.img { float:right; width:637px; height:231px; background-image:url(../images/hoverpanel_images.jpg); background-repeat:no-repeat; cursor:auto }
#tabs #hp-calendar span.img		{ background-position:-628px 0 }
#tabs #hp-lists span.img		{ background-position:-1256px 0 }
#tabs #hp-to-do span.img		{ background-position:-1884px 0 }
#tabs #hp-messages span.img		{ background-position:-2512px 0 }
#tabs #hp-mobile span.img		{ background-position:-3140px 0 }
#tabs #hp-journal span.img		{ background-position:-3768px 0 }
#tabs #hp-screensaver span.img	{ background-position:-4396px 0 }
#tabs #hp-outlook span.img		{ background-position:-5024px 0 }
/*END HoverPanel styles */
/******************************************/