* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFFFFF;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 13px;
	color: #000000;
	line-height: 16px;
	text-align: justify;
}

img, img a, a.img hover {
	border: 0px none;
	text-decoration: none;
}

a, img a:hover, h1 a:hover {
	color: #3a6cdd;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Arial, Verdana;
	font-size: 24px;
	font-weight: normal;
	color: #679aff;
	line-height: 28px;
	text-align: left;
}

ul {
	margin: 20px 40px 10px 40px;
}

ul li {
	list-style-image: url('../img/pinkheart.gif');
	padding-left: 0 !important;
	padding-left: 8px;
}

ol li {
	list-style: upper-roman outside;
}

input, select, textarea {
	font-family: Trebuchet MS, Verdana, Arial;
	border: 1px #D1D1D1 solid;
	background: #FFFFFF;
	color: #3a6cdd;
	font-size: 11px;
	padding: 2px;
	margin: 1px;
}

.radio, .checkbox {
	border: 0px none;
	background: none;
}


#container {
	background-color: #678bdc;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}


/* Header */


#header {
	background-image: url('../img/header/bg.gif');
	height: 52px;
	width: 100%
}

#header a {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000000;
}

#header #logo {
	padding-left: 10px;
}

#header #icon {
	padding-right: 10px;
	text-align: right;
}

#header #icon img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 5px;
}


/* Main Content */


#mainContainer {
	height: auto;
}

#leftCol {
	width: 200px;
	text-align: center;
	vertical-align: top;
}

#rightCol {
	width: 200px;
	text-align: center;
	vertical-align: top;
	padding-top: 30px;
}

#progress {
	background: url('../img/icons/progress.gif') no-repeat;
	margin-left: 24px !important;
	margin-left: 0;
	width: 150px;
	height: 120px
}

#progressText {
	padding-top: 43px;
	padding-left: 68px !important;
	padding-left: 42px;
	width: 55px;
	text-align: center;
	font-size: 24px;
	color: #FFFFFF;
}

#mainContent {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	border: none;
}

.slideContent{
	height: 480px;
	background: #FFFFFF;
}



/* Register Template */


#register {
	width: 600px;
	height: 480px;
	background-image: url('../img/bg/register.gif');
	margin-left: auto;
	margin-right: auto;
}

#register #text {
	padding-top: 165px;
	padding-left: 40px;
}

#register #form {
	font-size: 11px;
}


/* Welcome Template */


#welcome {
	width: 600px;
	height: 480px;
	background-image: url('../img/bg/welcome.gif');
	margin-left: auto;
	margin-right: auto;
}

#welcome #text {
	padding: 50px;
}


/* Text Template 1 */


#text1 {
	width: 600px;
	height: 480px;
	background-image: url('../img/bg/text.gif');
	margin-left: auto;
	margin-right: auto;
}

#text1 h1 {
	padding-top: 80px;
	padding-left: 215px;
	width: 270px;
	height: 70px;
}

#text1 #text {
	padding: 60px 10px 10px 180px;
}


/* Text Template 2 */


#text2 {
	width: 600px;
	height: 480px;
	background-image: url('../img/bg/text2.gif');
	margin-left: auto;
	margin-right: auto;
}

#text2 h1 {
	padding-top: 15px;
	padding-left: 30px;
	width: 270px;
	height: 70px;
}

#text2 #text {
	padding: 10px 100px 30px 80px;
}


/* Text Template 3 */


#text3 {
	width: 600px;
	height: 480px;
	background-image: url('../img/bg/text3.gif');
	margin-left: auto;
	margin-right: auto;
}

#text3 h1 {
	padding-top: 20px;
	padding-left: 80px;
	width: 460px;
	height: 70px;
}

#text3 #text {
	padding: 30px 50px 30px 210px;
}


/* Couple Activity Template */


#activity {
	width: 600px;
	background: url('../img/bg/activity.gif') no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#activity h1 {
	padding-top: 20px;
	padding-left: 70px;
	width: 450px;
	height: 70px;
	font-weight: bold;
}

#activity #text {
	padding: 10px 60px 30px 30px;
}

#activity .quiz {
	padding-left: 50px;
	overflow: auto;
	width: 240px;
	height: 300px;
	text-align: left;
}

/* Couple Activity Template 2 */


#activity2 {
	width: 600px;
	height: 480px;
	background: url('../img/bg/activity2.gif') no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#activity2 h1 {
	padding-top: 20px;
	padding-left: 70px;
	width: 450px;
	height: 70px;
	font-weight: bold;
}

#activity2 #text {
	padding: 10px 60px 30px 30px;
}

#activity2 .quiz {
	padding: 0 50px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 480px;
	height: 130px;
	text-align: left;
}


/* Couple Activity Template 3 */


#activity3 {
	width: 600px;
	height: 480px;
	background: url('../img/bg/activity3.gif') no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#activity3 h1 {
	padding-top: 20px;
	padding-left: 70px;
	width: 450px;
	height: 70px;
	font-weight: bold;
}

#activity3 #text {
	padding-right: 10px;
	padding-bottom: 10px;
	margin-top: 20px !important;
	margin-left: 60px;
	width: 480px;
	height: 340px;
	overflow: auto;
}


/* Couple Activity Template 4 */


#activity4 {
	width: 600px;
	height: 480px;
	background: url('../img/bg/activity4.gif') no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#activity4 h1 {
	padding-top: 20px;
	padding-left: 70px;
	width: 450px;
	height: 70px;
	font-weight: bold;
}

#activity4 #text {
	padding: 20px 60px 30px 120px;
}

#activity4 .quiz {
	padding-left: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 400px;
	height: 300px;
	text-align: left;
}

/* Wheel of Marriage Template */


#wheel {
	width: 600px;
	height: 480px;
	background-image: url('../img/bg/wheel.gif');
	margin-left: auto;
	margin-right: auto;
}

#wheel h1 {
	padding-top: 25px;
	padding-left: 30px;
	width: 540px;
	height: 30px;
	font-weight: bold;
}

#wheel #text {
	padding-top: 0;
	padding-left: 30px;
	width: 540px;
}

#wheel #quiz {
	padding-top: 30px;
	padding-left: 10px;
}


/* Friends Forever Template */


#friends {
	width: 600px;
	height: 480px;
	background: url('../img/bg/friends.gif') no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#friends h1 {
	padding-top: 10px;
	padding-left: 20px;
	width: 450px;
	font-weight: bold;
}

#friends #text {
	padding: 20px;
	width: 250px;
}

#friends #quiz {
	margin-top: -100px;
	margin-left: 280px;
}


/* Game Template */


#game {
	width: 600px;
	height: 480px;
	background: url('../img/bg/game.gif') no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#game h1 {
	padding-top: 15px;
	text-align: center;
	width: 600px;
	font-weight: bold;
}

#game #text {
	padding-top: 90px;
	padding-left: 20px;
}

#game #quiz {
	margin-top: 20px;
	padding-left: 80px;
	overflow: auto;
	width: 500px;
	height: 300px;
}


/* Game Results Template */


#gameResults {
	width: 600px;
	height: 480px;
	background: url('../img/bg/gameResults.gif') no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#gameResults h1 {
	padding-top: 10px;
	padding-left: 20px;
	width: 450px;
	font-weight: bold;
}

#gameResults #text {
	padding-top: 40px;
	padding-left: 20px;
	width: 550px;
	text-align: center;
}

#gameResults .groom {
	color: #2d73ff;
	font-family: Arial, Verdana;
	font-size: 24px;
	font-weight: normal;
	line-height: 28px;
}

#gameResults .bride {
	color: #FF2E7A;
	font-family: Arial, Verdana;
	font-size: 24px;
	font-weight: normal;
	line-height: 28px;
}


/* Survey Template */


#survey {
	width: 600px;
	height: 480px;
	background-image: url('../img/bg/survey.gif');
	margin-left: auto;
	margin-right: auto;
}

#survey h1 {
	padding-top: 40px;
	padding-left: 60px;
}

#survey #text {
	margin-top: 10px;
	margin-left: 60px;
	padding-right: 10px;
	width: 340px;
	height: 280px;
	overflow: auto;
}

#survey #form {
	font-size: 11px;
}


/* Results Template */


#results {
	width: 600px;
	height: 480px;
	background-image: url('../img/bg/results.gif');
	margin-left: auto;
	margin-right: auto;
}

#results h1 {
	padding-top: 10px;
	padding-left: 10px;
}

#results h2 {
	font-family: Arial, Verdana;
	font-size: 24px;
	font-weight: normal;
	color: #679aff;
	text-align: center;
}

#results #text {
	margin-left: 235px;
	padding-right: 10px;
	width: 335px;
	height: 405px;
	overflow: auto;
}

#results table {
	padding-top: 25px;
	margin-top: 0 !important;
	margin-top: 25px;
	margin-left: 75px;
}

#results_wheel {
	background: url('../img/bg/results_wheel.gif') no-repeat;
	height: 275px;
}


/* Logout Template */


#logout {
	width: 600px;
	height: 480px;
	background-image: url('../img/bg/logout.gif');
	margin-left: auto;
	margin-right: auto;
}

#logout h1 {
	font-size: 20px;
}

#logout #text {
	padding: 170px 30px 150px 260px;
}


/* Chapter Navigation Bar */


#navbar {
	background-image: url('../img/navbar/bg.gif');
	width: 100%;
	height: 87px;
}

#navbar #chapters {
	font-family: Century Gothic, Arial;
	font-size: 28px;
}

#navbar #chapters td {
	text-align: center;
	width: 80px;
}
#navbar #chapters a {
	color: #000000;
}

#navbar #chapters a:hover {
	color: #3a6cdd;
	text-decoration: none;
}

#navbar #chapters .completed a, #navbar #chapters .completed a:hover {
	color: #9f9f9f;
}

/*
#navbar #current {
	background: url('../img/navbar/heart.gif') no-repeat center;
	height: 58px;
}
*/

#navbar #current {
	background: url('../img/navbar/heart2.gif') no-repeat center;
	height: 44px;
}

#navbar #current a:hover {
	color: #FFFFFF;
}

#navbar #date {
	background: url('../img/navbar/date.gif') no-repeat center;
	font-size: 12px;
}

#navbar .text {
	font-size: 12px;
	font-family: Trebuchet MS, Verdana, Arial;
}

#navbar #login {
       padding: 5px !important;
       padding: 5px 5px 0 5px;
       font-size: 11px;
}


/* Help Template */


#help {
	background: url('../img/bg/help.gif') no-repeat fixed;
	margin: 15px;
}


/* Jotter Book Template */


#jotter {
	background: url('../img/jotter/bg.gif') no-repeat fixed;
}

#jotter h2 {
	margin-top: 150px;
	margin-left: 25px;
	font-size: 90px;
	color: #d4eafe;
}

#jotter h3 {
	font-family: Arial, Verdana;
	font-size: 24px;
	font-weight: normal;
	color: #679aff;
	text-align: center;
}

#jotter #nav {
	font-family: Arial, Trebuchet MS, Verdana;
	font-size: 10px;
	color: #9f9f9f;
	text-align: center;
	margin-left: 297px;
	margin-top: 3px;
	width: 180px;
	height: 20px;
}

#jotter #text {
	margin-top: 5px;
	margin-left: 25px;
	padding-right: 10px;
	width: 445px;
	height: 390px;
	overflow: auto;
}

#jotter_activity {
	background: url('../img/jotter/activity.gif') no-repeat;
	width: 420px;
}

#jotter .groom {
	color: #2d73ff;
}

#jotter .bride {
	color: #FF2E7A;
}

#jotter #wheelTable {
	padding-top: 25px;
	margin-top: 0 !important;
	margin-top: 25px;
	margin-left: 75px !important;
	margin-left: 0;
}

#jotter_wheel {
	background: url('../img/bg/results_wheel.gif') no-repeat;
	width: 330px;
	height: 275px;
}


/* Footer */


#footer {
	background-image: url('../img/footer/bg.gif');
	width: 100%;
	height: 77px;
	font-family: Arial, Verdana;
	font-size: 11px;
	border-bottom: 1px solid #000000; padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:0
}

#footer img {
	width: 55px;
	height: 55px;
	vertical-align: middle;
	margin-top: 0 !important;
	margin-top: 10px;
}

#footer #copyright {
	text-align: right;
}


/* Fading Tooltips */
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#9fbeda;border:2px double #fff;text-align:left;padding:5px;min-height:1em; }
body div#toolTip p { margin:0;padding:0;color:#2d458e;font:11px/12px verdana,arial,sans-serif;font-weight:bold; }
body div#toolTip p em { display:block;margin-top:3px;color:#2d458e;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#2d458e; }

/* (uzyn)*/
#flashMessage{ color: #FF0000; background: #FFFFFF; padding: 0 3px; font-size: 0.95em;}
.error_message{ color: #FF0000; background: #FFFFFF; padding: 0 0 0 20px; font-size: 0.95em; }
#preview { text-align: center; color: #FFFF00; background: black;}
#username{ color: #999999; font-size: 0.8em;}
#overDiv {background: #CCCCFF; padding: 5px; border: #000 1px solid; }
.disabled { background: #999; }
#navbar .unavailable{ color: #9f9f9f; }
.gameMarkings { font-size: 0.9em; color: #666666; padding-left: 20px;}
#welcomePreference{ padding: 30px; }


#results_wheel_pt2 {
	background: url('/img/bg/results_wheel_pt2.gif') no-repeat;
	height: 275px;
	position: relative;
}

#heartA1 { position: absolute; left: 156px; top: 35px; }
#heartA2 { position: absolute; left: 156px; top: 53px; }
#heartA3 { position: absolute; left: 156px; top: 71px; }
#heartA4 { position: absolute; left: 156px; top: 89px; }
#heartA5 { position: absolute; left: 156px; top: 107px; }

#heartB1 { position: absolute; left: 237px; top: 77px; }
#heartB2 { position: absolute; left: 221px; top: 88px; }
#heartB3 { position: absolute; left: 205px; top: 98px; }
#heartB4 { position: absolute; left: 189px; top: 109px; }
#heartB5 { position: absolute; left: 173px; top: 117px; }

#heartC1 { position: absolute; left: 237px; top: 175px; }
#heartC2 { position: absolute; left: 221px; top: 166px; }
#heartC3 { position: absolute; left: 205px; top: 157px; }
#heartC4 { position: absolute; left: 189px; top: 147px; }
#heartC5 { position: relative; left: 173px; top: 138px; }

#heartD1 { position: absolute; left: 156px; top: 219px; }
#heartD2 { position: absolute; left: 156px; top: 201px; }
#heartD3 { position: absolute; left: 156px; top: 183px; }
#heartD4 { position: absolute; left: 156px; top: 165px; }
#heartD5 { position: absolute; left: 156px; top: 147px; }

#heartE1 { position: absolute; left: 76px; top: 175px; }
#heartE2 { position: absolute; left: 92px; top: 166px; }
#heartE3 { position: absolute; left: 108px; top: 157px; }
#heartE4 { position: absolute; left: 124px; top: 147px; }
#heartE5 { position: absolute; left: 140px; top: 138px; }

#heartF1 { position: absolute; left: 76px; top: 77px; }
#heartF2 { position: absolute; left: 92px; top: 88px; }
#heartF3 { position: absolute; left: 108px; top: 98px; }
#heartF4 { position: absolute; left: 124px; top: 109px; }
#heartF5 { position: absolute; left: 140px; top: 117px; }