#leftColumnTitles {
/*	background-color:red;*/
	left:0px;
	top:0px;
	margin-top:100px;
	width:160px;
/*	height:660px;*/
}

.leftColumnItemNoMouseover {
	width:160px;
/*	height:30px;*/
	float:left;
	clear:left;	
}

.leftColumnItem {

	width:160px;
/*	height:30px;*/
	float:left;
	clear:left;
}

#topBar {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:90px;
	background-image:url("newboc/top-tile.gif");
	background-repeat: repeat-x;
}


#topLogo {
	position:absolute;
	left:0px;
	top:0px;
	

}



#topEmailButton {
	position:absolute;
	left:239px;
	top:0px;
	

}

.fadingButton:hover {
	opacity:0.75;

}


#topFacebookButton {
	position:absolute;
	left:426px;
	top:0px;
	

}


#shareButtonHolder1 {
	position:absolute;
	left:331px;
	width:700px;
	height:90px;


	

}

#shareButtonHolder2 {
	position:absolute;
	left:331px;
	

	width:700px;
	height:90px;
	display:none;
}

#shareButtonHolder3 {
	position:absolute;
	left:331px;
	width:700px;
	height:90px;
	
	display:none;
}



#goBackButton2 {
	cursor:pointer;
	cursor:hand;
	background-image:url("newboc/button-edit.gif");
	width:80px;
	height:58px;
	position:absolute;
	top:0px;
	left:20px;
	z-index:92;
}


#emailButton2 {
	cursor:pointer;
	cursor:hand;
	background-image:url("newboc/button-email.gif");
	position:absolute;
	top:0px;
	left:565px;
	width:129px;
	height:58px;
	z-index:92;
}


#fromFieldInput {
	font-size:14px;
	font-weight:normal;
	color:white;	
}

#reFieldInput {
	font-size:14px;
	font-weight:normal;
	color:white;
}
#toFieldInput {
	font-size:14px;
	font-weight:normal;
	color:white;
}

#toFieldInput:hover {

	color:black;

}

#toFieldInput:active {

	color:black;

}

#toField {
	position:absolute;
	left:100px;
	width:200px;

	top:15px;
}

#fromField {
	position:absolute;
	left:320px;
	width:230px;

	top:15px;
}

#reField {
	position:absolute;
	left:100px;
	width:440px;

	top:35px;
}



#fromFieldInput:hover {

	color:black;

}

#fromFieldInput:active {

	color:black;

}

#reFieldInput:hover {

	color:black;

}

#reFieldInput:active {

	color:black;

}



#topInstructions {
	position:absolute;
	left:0px;
}

#topEditButton {
	position:absolute;
	left:430px;
	
}

#topSendButton {
	position:absolute;
	left:530px;
}

#mainContent {
	position:absolute;
	top:0px;
	left:50%;
	width:950px;
	margin-left:-470px;
}

#formArea {
	position:absolute;
	left:162px;
	top:60px;
height:830px;
width:800px;
	clip: rect(-15px 1000px 830px -1500px);
overflow:hidden;
}

#twistPicsAdImage {
	position:absolute;
	left:960px;
	top:100px;
	width:184px;
	height:521px;
	
}

.footerImage {
	position:relative;
	margin-left:auto;
	margin-right:auto;
}


#footer {
	position:absolute;

	z-index:100;

	text-align:center;
	width:1000px;
	height:91px;
	left:50%;
	margin-top:600px;
	margin-left:-630px;

	color:#999999;

	font-size:7pt;
	letter-spacing:2px;
	line-height:15px;
	font-family:"Georgia", "Times";


}

#footer a:link {color: #999999; text-decoration: underline; }
#footer a:active {color: #999999; text-decoration: underline; }
#footer a:visited {color: #999999; text-decoration: underline; }
#footer a:hover {color: #999999; text-decoration: none; }


/*.........*/


a {
	border-style:none;
}

img {
	border-style:none;
}
#receipt {
	cursor:pointer;
	cursor:hand;
	position:absolute;
	left:309px;
	top:158px;
	z-index:98;
	display:none;

}

.cmNew {
	background-image:url("images/checkmarkv_offover.png");

}

body {
	background-color:#212121;
	border-style:none;
}

#hintArea2 {
	position:absolute;
	left:91px;
	top:58px;
	width:800px;
	height:23px;

	z-index:91;
}

#hintComposeImage {
	position:absolute;
	left:497px;
	top:58px;
	width:281px;
	height:31px;
	z-index:91;
}

.hintArea {
	position:absolute;
	left:17px;
	top:63px;
	width:728px;
	height:23px;
	color:#999999;
	font-style:italic;
	font-size:10pt;
	z-index:91;
}

#ribbonArea {
	position:absolute;
	left:91px;
	top:0px;
	width:800px;
	height:86px;

clip: rect(0px 800px 86px 0px);
overflow:hidden;
	z-index:91;
}

#shareButtonHolderOuter {
	position:absolute;
	left:900px;
	top:18px;
	width:68px;
	height:26px;	
	background-color:white;
}

#shareButtonHolder {

	position:absolute;
	left:4px;
	top:4px;
	width:56px;
	height:18px;	

}

#ribbonAreaInner {
	position:absolute;
	left:0px;
	top:0px;

	height:58px;
}

#ribbonPage2 {
	display:block;
}


#nameArea {
	position:absolute;
	font-family:"Verdana";
	font-weight:bold;
	font-size:9.5px;
	letter-spacing:1px;
	left:315px;
	top:7px;
	height:58px;
	width:85px;
	text-align:right;
}

#senderName {
	margin-top:10px;
}

#recipientName {
	margin-top:5px;
}

#nameInputArea {
	position:absolute;
	left:400px;
	top:7px;
	height:58px;
	width:180px;

}

#senderNameInput {
	position:absolute;
	color:white;
	font-weight:normal;
	width:170px;
	left:2px;
	top:3px;
}

#senderNameInput:hover {
	color:black;
}
#recipientNameInput {
	position:absolute;
	color:white;
	font-weight:normal;
	width:170px;
	left:2px;
	top:20px;
}
#recipientNameInput:hover {
	color:black;
}

#ribbonPagePrint {

	
	display:none;
	position:absolute;
}
#ribbonPageEmail {

	display:none;
	position:absolute;
}

#ribbonPageEmailDone {

	display:none;
	position:absolute;
}
#instructions {
	font-family:"Georgia", "Times";
	font-size:13px;
	position:absolute;
	left:0px;
	top:0px;
	width:320px;
	height:58px;

	z-index:91;
}

#instructions1 {
	color:black;
	font-weight:bold;
}

#instructions2 {
	color:white;
	font-style:italic;
}

#instructions3 {
	color:white;
	font-style:italic;
	font-weight:bold;
}


#summary {
	font-family:"Georgia", "Times";
	font-size:13px;
	position:absolute;
	left:970px;
	top:7px;
	width:400px;
	height:58px;

	z-index:92;
}

#summary1 {
	color:black;
	font-weight:bold;
}

#summary2 {
	color:white;
	font-style:italic;
}

#summary3 {
	color:white;
	font-style:italic;
	font-weight:bold;
}


#printInstructions {
	font-family:"Georgia", "Times";
	font-size:13px;
	position:absolute;
	left:940px;
	top:7px;
	width:455px;
	height:54px;
	background-image:url("images/site/instprint.png");
	z-index:92;
}

#emailButtonP {
	cursor:pointer;
	cursor:hand;
	background-image:url("images/site/button-email.jpg");
	position:absolute;
	top:0px;
	left:1400px;
	width:133px;
	height:58px;
	z-index:92;
}


#buttonSuccess {
	cursor:pointer;
	cursor:hand;
	position:absolute;
	top:0px;
	left:0px;
}

#buttonSendagain {
	cursor:pointer;
	cursor:hand;
	position:absolute;
	top:0px;
	left:356px;
}

#buttonNewform {
	cursor:pointer;
	cursor:hand;
	position:absolute;
	top:0px;
	left:501px;
}

#buttonArchive {
	cursor:pointer;
	cursor:hand;
	position:absolute;
	top:0px;
	left:648px;
	display:none;
}

#sendNewButton {
	cursor:pointer;
	cursor:hand;
	background-image:url("images/site/button-newform.jpg");
	position:absolute;
	top:0px;
	left:1370px;
	width:147px;
	height:58px;
	z-index:92;
}


#printButton {
	cursor:pointer;
	cursor:hand;
	opacity:.5;
	background-image:url("images/site/button-print.jpg");
	position:absolute;
	top:0px;
	left:650px;
	width:123px;
	height:58px;
	z-index:92;	
}


#viewMoreButton {
	cursor:pointer;
	cursor:hand;
	background-image:url("images/site/button-viewotherforms.jpg");
	position:absolute;
	top:0px;
	left:425px;
	width:187px;
	height:58px;
	z-index:92;	
}

#emailButton {
	cursor:pointer;
	cursor:hand;
	background-image:url("images/site/button-email.jpg");
	position:absolute;
	top:0px;
	left:625px;
	width:133px;
	height:58px;
	z-index:92;	
}


#feedbackButton {
	cursor:pointer;
	cursor:hand;
	background-image:url("images/site/button-email.jpg");
	position:absolute;
	top:0px;
	left:600px;
	width:133px;
	height:58px;
	z-index:92;	
}

#previewAndSendButton {
	cursor:pointer;
	cursor:hand;
	background-image:url("images/site/button_preview.jpg");
	position:absolute;
	top:0px;
	left:600px;
	width:185px;
	height:58px;
	z-index:92;
}

#sendButton {
	cursor:pointer;
	cursor:hand;
	background-image:url("images/site/button-send.jpg");
	position:absolute;
	top:0px;
	left:1400px;
	width:182px;
	height:58px;
	z-index:92;
}

#goBackButton {
	cursor:pointer;
	cursor:hand;
	background-image:url("images/site/button_edit.jpg");
	width:148px;
	height:58px;
	position:absolute;
	top:0px;
	left:800px;
	z-index:92;
}


#feedbackFinishedLabel {
	background-image:url("images/site/instructions-feedbackform3.jpg");
	width:467px;
	height:57px;
	position:absolute;
	top:0px;
	left:800px;
	z-index:92;
}




#editForm {
	position:absolute;
	left:100px;
	top:100px;
}

#formAreaRemorse {
	position:absolute;
	left:147px;
	top:100px;
height:875px;
width:600px;
	clip: rect(-15px 1000px 875px -1500px);
overflow:hidden;
}
formAreaContest {
	position:absolute;
	left:147px;
	top:100px;
height:875px;
width:600px;
	clip: rect(-15px 1000px 875px -1500px);
overflow:hidden;
}
#formAreaContest {
	position:absolute;
	left:147px;
	top:100px;
height:875px;
width:600px;
	clip: rect(-15px 1000px 875px -1500px);
overflow:hidden;
}
#formAreaLost {

	position:absolute;
	left:147px;
	top:100px;
height:875px;
width:600px;
	clip: rect(-15px 1000px 875px -1500px);
overflow:hidden;
}

#formAreaMistake {

	position:absolute;
	left:100px;
	top:100px;
height:927px;
width:713px;
	clip: rect(-15px 1000px 927px -1500px);
overflow:hidden;
}

#linkArea {
	position:absolute;
	left:47px;
	top:730px;
	width:800px;
	text-align:center;
	font-style:italic;
	color:#999999;
}





#bg {
	position:absolute;
	left:0px;
	top:0px;
	z-index:30;
}

#bgPreviewBG {
	position:absolute;
	left:-15px;
	top:-15px;
	z-index:94;
display:none;
	opacity:15;
	width:829px;
	height:630px;
	background-color:#202020;
	opacity:0;
}

#bgPreviewBG2 {
	position:absolute;
	left:-15px;
	top:-15px;
	z-index:97;
display:none;

	width:829px;
	height:630px;
	background-color:#202020;
	opacity:0;
}

#bgPreview {
	position:absolute;
	left:1100px;
	top:0px;
	z-index:96;
	display:none;
}

#formlayout {
	position:absolute;
	left:15px;
	top:15px;
	z-index:50;
}
.textBG {
	font-size:14pt;
	font-family: Courier;
	font-weight:bold;
	border: 0pt none;
	width:135px;

}

#ribbonArea input {

	color:white;
}

#ribbonArea .activeInput {
	color:black;
}

#ribbonArea input:hover {
	color:black;
}

textarea {
	font-size:16px;
	font-family: Courier;
	font-weight:bold;
	border: 0pt none;
	width:135px;
	margin-left:-2px;
	margin-top:0px;
	line-height:26px;
	border:2px solid transparent;
background: transparent;
	opacity:1;
}

textarea:hover {
	font-size:16px;
	font-family: Courier;
	font-weight:bold;
	border: 0pt none;
	width:135px;
	border:2px solid grey;
	margin-top:0px;
	margin-left:-2px;
background: #eeeeee;	
	opacity:1;
	color:black;
}

input {
	font-size:16px;
	font-family: Courier;
	font-weight:bold;
	border: 0pt none;
	width:135px;
	margin-left:-2px;
	margin-top:0px;
	border:2px solid transparent;
background: transparent;
	opacity:1;
}

input:hover {
	font-size:16px;
	font-family: Courier;
	font-weight:bold;
	border: 0pt none;
	width:135px;
	border:2px solid grey;
	margin-top:0px;
	margin-left:-2px;
background: #eeeeee;	
	opacity:1;
	color:black;
}



.normalInput {
	border: 0pt none;
	background: white;
}

.activeInput {
	border: 2px solid #b7000e;
	margin-left:-2px;
	margin-top:0px;
	opacity:1;
	background: white;
	color:black;
}

.activeInput:hover {
	margin-top:0px;
		border: 2px solid #b7000e;
		background: white;
		margin-left:-2px;
	color:black;		
}

#formStuff {
	position:absolute;
	left:0px;
	top:-20px;
}


#recipient {
	position:absolute;
	left:179px;
	top:157px;
	z-index:92;
	width:178px;
}

#sender {
	position:absolute;
	left:245px;
	top:185px;
	z-index:92;
	width:203px;

}

#regard {
	position:absolute;
	left:226px;
	top:215px;
	z-index:92;
	width:115px;
}

#event {
	position:absolute;
	left:289px;
	top:271px;
	z-index:92;
	width:160px;
}

#eventAdjective {
	position:absolute;
	left:128px;
	top:301px;
	z-index:92;
	width:112px;
}

#eventAdjective2 {
	position:absolute;
	left:81px;
	top:330px;
	z-index:92;
	width:92px;
}

#prepare {
	position:absolute;
	left:270px;
	top:330px;
	z-index:92;
	width:134px;
}

#related {
	position:absolute;
	left:45px;
	top:388px;
	z-index:92;
	width:150px;
}

#feeling {
	position:absolute;
	left:352px;
	top:388px;
	z-index:92;
	width:82px;
}

#relationship {
	position:absolute;
	left:83px;
	top:417px;
	z-index:92;
	width:155px;
}

#fn {
	position:absolute;
	left:255px;
	top:417px;
	z-index:92;
	width:135px;
}

#mrsmsImage {
	position:absolute;
	top:175px;
	left:110px;
	height:8px;
	z-index:90;
	width:63px;
	display:none;
}

#mrmrsImage {
	position:absolute;
	top:177px;
	left:80px;
	height:8px;
	z-index:90;	
	width:66px;
	display:none;
}

#mrImage {
	position:absolute;
	top:177px;
	left:80px;
	height:8px;
	z-index:90;	
	width:30px;
	display:none;
}
#msImage {
	position:absolute;
	top:177px;
	left:150px;
	height:8px;
	z-index:90;	
	width:30px;
	display:none;
}

#notes1 {
	position:absolute;
	left:45px;
	top:486px;
	z-index:92;
	width:412px;
}

#notes2 {
	position:absolute;
	left:45px;
	top:514px;
	z-index:92;
	width:412px;
	
}

#notes3 {
	position:absolute;
	left:45px;
	top:542px;
	z-index:92;
	width:412px;
}

#namer {
	position:absolute;
	left:492px;
	top:487px;
	z-index:92;
	width:262px;
}

#names {
	position:absolute;
	left:492px;
	top:515px;
	z-index:92;
	width:262px;
	
}

#occasion {
	position:absolute;
	left:492px;
	top:543px;
	z-index:92;
	width:262px;
}

#otherCheckText {
	position:absolute;
	left:505px;
	top:430px;
	z-index:92;
	width:112px;
}

.radioContainer {
	position:absolute;
	width:25px;
	height:25px;
	z-index:92;
overflow:hidden;
}

.radioInner {
	width:75px;
	height:25px;
	position:absolute;
	left:0px;

}

.radioInner:hover {
	position:absolute;
	left:-25px;
}

.radioInnerOn {
	left:-50px;
}


.radioInnerOn:hover {
	left:-50px;
}

.radio {
	position:absolute;
	width:25px;
	height:25px;
	background-image:url("images/radionew2.png");

}

.radio:hover {

	background-position:25px 0px;
}

.radioon {
	background-position:50px 0px;


}

#radio1 {
	position:absolute;
	top:260px;
	left:628px;
	z-index:92;
}

#radio2 {
	position:absolute;
	top:281px;
	left:628px;
	z-index:92;
}

#radio3 {
	position:absolute;
	top:301px;
	left:628px;
	z-index:92;
}



.checkMarkOver {
	position:absolute;
	width:22px;
	height:20px;

}

.checkMark {
	position:absolute;
	width:22px;
	height:20px;
}

.checkMark:hover {

	background-image:url("images/checkmarkv_offover.png");
}


.checkMarkOn {
	position:absolute;
	width:22px;
	height:20px;
	background-image:url("images/checkmarkv_on.png");
}

.checkMarkOn:hover {

	background-image:url("images/checkmarkv_onover.png");
}



.xMark {
	position:absolute;
	width:22px;
	height:20px;

}

.xMark:hover {

	background-image:url("images/checkmarkx_offover.png");
}


.xMarkOn {
	position:absolute;
	width:22px;
	height:20px;
	background-image:url("images/checkmarkx_on.png");
}

.xMarkOn:hover {

	background-image:url("images/checkmarkx_onover.png");
}


#qCheck {
	position:absolute;
	top:146px;
	left:479px;
	z-index:92;

}

#eCheck {
	position:absolute;
	top:166px;
	left:479px;
	z-index:92;
}

#wCheck {
	position:absolute;
	top:186px;
	left:479px;
	z-index:92;
}

#aCheck {
	position:absolute;
	top:207px;
	left:479px;
	z-index:92;
}

#dCheck {
	position:absolute;
	top:227px;
	left:479px;
	z-index:92;
}

#biCheck {
	position:absolute;
	top:247px;
	left:479px;
	z-index:92;
}

#baCheck {
	position:absolute;
	top:268px;
	left:479px;
	z-index:92;
}

#fCheck {
	position:absolute;
	top:288px;
	left:479px;
	z-index:92;
}

#nCheck {
	position:absolute;
	top:308px;
	left:479px;
	z-index:92;
}

#gCheck {
	position:absolute;
	top:329px;
	left:479px;
	z-index:92;
}

#acceCheck {
	position:absolute;
	top:349px;
	left:479px;
	z-index:92;
}

#accoCheck {
	position:absolute;
	top:369px;
	left:479px;
	z-index:82;
}

#cCheck {
	position:absolute;
	top:390px;
	left:479px;
	z-index:92;
}

#quitCheck {
	position:absolute;
	top:410px;
	left:479px;
	z-index:92;
}


#otherCheck {
	position:absolute;
	top:431px;
	left:479px;
	z-index:92;
}

#muCheck {
	position:absolute;
	top:147px;
	left:624px;
	z-index:92;
}

#conCheck {
	position:absolute;
	top:169px;
	left:624px;
	z-index:92;
}

#pdCheck {
	position:absolute;
	top:193px;
	left:624px;
	z-index:92;
}

#pduCheck {
	position:absolute;
	top:218px;
	left:624px;
	z-index:92;
}


#regardCheck {
	position:absolute;
	top:355px;
	left:624px;
	z-index:92;
}

#loveCheck {
	position:absolute;
	top:379px;
	left:624px;
	z-index:92;
}

#giftsCheck {
	position:absolute;
	top:403px;
	left:624px;
	z-index:92;
}

#cashCheck {
	position:absolute;
	top:428px;
	left:624px;
	z-index:92;
}


.inputBG {
	position:absolute;
	z-index:92;
	height:20px;
	background-color:black;
	display:none;
}

.checkContainer { 
	position:absolute;
	z-index:92;
	width:22px;
	height:20px;
	clip: rect(0px 20px 22px 0px);
}

.checkInner {
	width:66px;
	height:20px;
	position:absolute;
	left:0px;

}

.checkInner:hover {
	position:absolute;
	left:-22px;
}

.checkInnerOn {
	left:-44px;
}


.checkInnerOn:hover {
	left:-22px;
}

.voteButtons {
	position:absolute;
	left:800px;
	width:75px;
	height:89px;
}

#diggButton {
	position:absolute;
	z-index:100;
	top:0px;
	left:900px;
}

#archiveArea {
	display:none;
	position:absolute;
	z-index:100;
	top:740px;
	left:1200px;
	width:700px;
	color:#999999;
	font-style:italic;
	font-size:10pt;
	text-align:center;
}

#stampArea {
	position:absolute;
	z-index:100;
	top:740px;
	left:430px;
	color:#999999;
	font-style:italic;
	font-size:10pt;

}

#lostArrow {
	position:absolute;
	z-index:100;
	top:800px;
	left:275px;
}
#stampSelect {
	position:absolute;
	left:120px;
	top:-2px;


}

#stampPreview {
	position:absolute;
	left:450px;
	top:1px;
	width:239px;
	height:133px;
	z-index:31;
}



.footerImage {
	position:relative;
	margin-left:auto;
	margin-right:auto;
}


#footer {
	position:absolute;

	z-index:100;

	text-align:center;
	width:1000px;
	height:91px;
	left:50%;
	margin-top:850px;
	margin-left:-530px;

	color:#999999;

	font-size:7pt;
	letter-spacing:2px;
	line-height:15px;
	font-family:"Georgia", "Times";


}

#footer a:link {color: #999999; text-decoration: underline; }
#footer a:active {color: #999999; text-decoration: underline; }
#footer a:visited {color: #999999; text-decoration: underline; }
#footer a:hover {color: #999999; text-decoration: none; }