/* 
	----------------------------------------------------------------------------------------------
	To add comments, add your nick as the header, and description below your nick
	----------------------------------------------------------------------------------------------
*/


body {
	/* 
		[mango]
		defines the style of the whole page
	*/
	background-color: White;
        background: url(http://www.oocities.com/honeywood66/backgrounds/backgr8.gif);
	color: Purple;
	font-family: "Copperplate Gothic Light";
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: larger;
}

fieldset {
	border-color: #ffffff;
	padding: 3px 5px 5px 5px;
	margin: 0 0 5px 0;
/*	background-color: #dddddd; */
}

legend {
	color: black;
}

h1 {
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 6px;
}

h4 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 4px;
}

.label {
	font-weight: bold;
}

span.req {
	color: #cc0000;
	font-size: 20px;
}

span.error {
	color: #cc0000;
	font-size: 10px;
	font-weight: normal;
}

textarea.error {
	background-color: #ffffaa;
}

input.error {
	background-color: #ffffaa;
}

a:link, a:visited {
	/* 
		[mango]
		default hyperlink
	*/

/*	color: #ECF3FB; [mango] */
	text-decoration: none;
}

.centerpad {
	text-align: center;
	padding: 20px 10px 20px 10px;
}

.read { color: #999999 }
.read a { color: #666666 }
.read a:visited { color: #666666 }

.mult { background-color: #ddeeff }

.multread { color: #999999; }
.multread { background-color: #ddeeff }
.multread a { color: #666666 }
.multread a:visited { color: #666666 }

a:hover {
	/* 
		[mango]
		hyperlink when the mouse is over it
	*/

	text-decoration: none; /* [mango] - changed underline to none */
}

form {
	margin: 0;
}

textarea {
	font-family: sans-serif;
	font-size: 13px;
}

.tablediv1 tr {
	background-color: #eeeeee;
	font-size: 11px;
}
.tablediv1 tr:hover {
	background-color: #dddddd;
}
.bg0 {
	background-color: #ffffff;
}
tr.blank {
	background-color: #ffffff;
}
tr.blank:hover {
	background-color: #ffffff;
}
.tablediv1 th {
	background-color: #E6E6FA;
	color: Purple;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
/*.tablediv1 th a, .tablediv1 th a:visited { color: white; }*/

.caldiv1 {
	background-color: Fuchsia;
}
.caldiv1 td { font-size: 10px; }
.caldate { font-size: 13px; font-weight: bold;}
.cald { float:right; text-align: center; background-color: #ffffff; padding: 0px 4px 0px 4px; margin: -3px -3px 3px 3px; border: 1px solid #666666; }
.calevent {
	margin: 0px 0px 8px 0px;
}
.caldiv1 td:hover {
	background-color: #E6E6FA;
}
.caldiv1 th {
	background-color: #E6E6FA;
	color: Purple;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited {
	color: Purple;
}

.flathead {
	background:url(http://images.multiply.com/multiply/table/table_blutop_02.gif)
	margin: 0px 1px 0px 1px;
	text-align: center;
	font-size: 10px;
	color: Fuchsia;
	padding: 5px 0px 4px 0px;
}

table.sideboxtitle {
	font-size: 14px;
	font-weight: bold;
	color: #9400D3;
	margin: 4px;
	background: #D8BFD8 url(http://images.multiply.com/multiply/sidebox/topbg.gif);
}
.infoboxtitle {
	font-size: 14px;
	font-weight: bold;
	color: #9400D3;
	margin: 4px;
	background: url(http://images.multiply.com/multiply/sidebox/topbg.gif);
}
.tip {
	border: 1px solid #8899aa;
	padding: 5px;
	background-color: #DDA0DD;
	color: Purple;
	width: 12em;
	align: right;
	z-index: 100;
}
td#headerright {
	background: url(http://images.multiply.com/multiply/layout/mult_nav_02.png)
}
div#footer {
	margin: 45px 0 10px 0;
	border: 1px solid #dddddd;
	background-color: #F2DBF3;
	color: Purple;
	padding: 2px;
	text-align: center;
	font-size: 10px;
}

.legend {
	border: 1px solid #dddddd;
	background-color: #F2DBF3;
	color: Purple;
	padding: 2px;
	font-size: 10px;
}

.pageshadow {
	height: 9px;
	font-size: 6px;
	background: url(http://images.multiply.com/multiply/layout/mult_nav_roll_14.png)
}

td.leftnav {
	width: 10%;
}
.leftnav a, .leftnav a:visited {
	/* 
		[mango]
		for the navigation text on the right
	*/
	
	color: #FFFFFF; /* [mango] - changed white to #FFFFFF*/
}
table { font-size: 12px; }
td#content-start {
	padding: 5px 10px 10px 10px;
}
div#content-start-div {
	padding: 5px 10px 10px 10px;
}
pre {
	margin: 2px;
}
a.optsel {
	color: #999999;
	font-weight: bold;
}
.leftnav ul {
	margin: 0px;
	padding-left: 15px;
}
ul.compact {
	margin: 0px;
	padding-left: 15px;
}
.title {
	font-size: 40px;
}
.tab {
	font-size: 10px;
	font-weight: normal;
	background-color: #999999;
}
.tabsel {
	font-size: 10px;
	font-weight: normal;
	background-color: #cccccc;
	background: url(http://images.multiply.com/multiply/sidebox/bckgrnd.png);
}
.tabdiv {
	border: 1px solid #999999;
/*	background-color: #999999; */
/*	text-align: left; */
}
.tabhead {
	background-color: #999999;
}
.sep {
	padding: 0px;
	background-color: #cccccc;
}
.tabtable th {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
}
.tabbody {
	background-color: #cccccc;
	background: url(http://images.multiply.com/multiply/sidebox/bckgrnd.png);
	padding: 5px;
}
.fieldgrouplabel {
	/*border: 1px solid #999999;*/
	background: url(http://images.multiply.com/multiply/sidebox/body-r.gif) no-repeat top left;
}
.ms {
	border: 1px solid #cc0000;
}
.leftnavtop {
	width: 161px;
	height: 9px;
	background: url(http://images.multiply.com/multiply/layout/mult_nav_03.png)
}
.leftnavmiddle {
	position: relative;
	padding: 0px 15px 0px 15px;
	background: url(http://images.multiply.com/multiply/layout/mult_nav_15.png)
}
.leftnavbottom {
	width: 161px;
	height: 22px;
	background: url(http://images.multiply.com/multiply/layout/mult_nav_17.png)
}

.contentbox {
	border: 1px solid #666666; /*	border-top: none; */
	background-color: #DDA0DD;
	padding: 10px;
	font-size: 12px;
	margin: 0 0 12px 0;
}
.contentboxsub {
	font-weight: bold;
	font-size: 12px;
/*	border: 1px solid #666666; */
	background-color: white;
	padding: 1px;
/*	text-align: center; */
/*	background: url(http://images.multiply.com/multiply/layout/mult_nav_02.png); */
/*	color: #336699; */
}

.itemboxsub {
	/* 
		[mango]
		the box which contains your journal/post.. the title part
	*/
	background-color: #DDA0DD;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #666666; /*	color: white; */
}
.itemsubsub {
	font-size: 10px;
	font-weight: normal;
}
.itemstamp {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}
.itembox {
	/* 
		[mango]
		the box which contains your journal/post.. the contents part
	*/
	border: 1px solid #666666;
	border-top: none;
	background-color: #F3DDF3;
	padding: 10px;
	margin: 0px;
	position: relative;
	z-index: 0;
}

.itemboxalbum {
	border: 1px solid #666666;
	border-top: none;
	background-color: white;
	padding: 10px;
	text-align: center;
}
.litemactions {
	font-weight: bold;
	float: left;
	text-align: left;
}
.ritemactions {
	font-weight: bold;
	text-align: right;
}
.itemnext {
	border-left: 1px solid #666666;
	border-top: none;
	background-color: #cccccc;
	padding: 10px;
}
.userlogo {
	background-color: white;
	width: 100px;
	padding: 5px;
	border: 1px solid #666666;
	font-size: 10px;
	text-align: center;
}
.userlogo a, .userlogo a:visited {
	color: #8B008B;
}
.userlogoside {
	background-color: white;
	float: left;
	width: 200px;
	height: 100px;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #666666;
	font-size: 10px;
}
.userlogoside a, .userlogo a:visited { color: #8B008B; }
.contactbox {
	float: left;
	padding: 5px;
	border: 1px solid #666666;
	margin-right: 5px;
	margin-bottom: 10px;
	font-size: 10px;
	text-align: center;
}
.replyboxauthor {
	background-color: white;
	width: 100px;
	float: left;
	padding: 5px;
	border: 1px solid #666666;
	margin-right: 5px;
	font-size: 10px;
	text-align: center;
}
.replyboxstamp {
	float: right;
	text-align: right;
	padding: 0px 0px 5px 10px;
	font-size: 10px;
	font-weight: bold;
}
.replybox {
	/* 
		[mango]
		the box which contains someone's reply (including your own) to a journal/post
	*/
	border: 1px solid #666666;
	background-color: #F3DDF3;
	padding: 5px;
}
.quotet {
	margin: 5px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #FFC0CB;
}
.quotet div div {
	background-color: #FFC0CB;
}
.quotet div div div div {
	background-color: #FFC0CB;
}

.dummy {width:100%;}
table.m { border-collapse: collapse; border-spacing: 0; }
.m td, .m th { padding: 0; }
a.voptsel, a:visited.voptsel {
	color: black;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	padding: 0 5px 0 5px;
}
div.vopt {
	background-color: white;
	margin-bottom: 8px;
	color: #999999;
}
.voptlabel {
	color: black;
	font-weight: bold;
	padding-right: 10px;
}


a.mopt, a:visited.mopt {
	display: block;
	font-size: 11px;
	margin-bottom: 1px;
	padding: 2px;
	border: 1px solid #a7a7a7;
/*	width: 127px; */
}
a.moptsel, a:visited.moptsel {
	display: block;
	color: black;
	background-color: #eeeeee;
	border: 1px solid #666666;
	font-size: 11px;
	padding: 2px;
	margin-bottom: 1px;
}
a:hover.moptsel {
	text-decoration: none;
}
a:hover.mopt {
	text-decoration: none;
	background-color: #bbbbbb;
	border: 1px solid #666666;
}

a.mgopt, a:visited.mgopt {
	display: block;
	font-size: 11px;
	padding: 1px 1px 1px 26px;
	border: 1px solid #a7a7a7;
/*	width: 104px; */
}
a.mgoptsel, a:visited.mgoptsel {
	display: block;
	color: black;
	background-color: #eeeeee;
	border: 1px solid #666666;
	font-size: 11px;
	padding: 1px 1px 1px 26px;
}
a:hover.mgoptsel {
	text-decoration: none;
}
a:hover.mgopt {
	text-decoration: none;
	background-color: #bbbbbb;
	border: 1px solid #666666;
}

a:active.mopt, a:focus.mopt, a:active.mgopt, a:focus.mgopt {
	color: black;
}

.replyphoto {
	border: 1px solid #666666;
	background-color: white;
	padding: 5px;
}
div#ownedheader {
	height: 18px;
	padding: 3px;
	padding-left: 10px;
	background: url(http://images.multiply.com/multiply/layout/bar.png);
}


a.gnopt, a:visited.gnopt {
	/* 
		[mango]
		for the very most top links e.g. Welcome, Setup, etc
	*/
	display: block;
	padding: 1px 0 0 0;
	float: left;
	margin: 0 5px 0 5px;
	height: 21px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF; /* [mango] - changed white to #FFFFFF */
}

a.gnoptsel, a:visited.gnoptsel {
	/* 
		[mango]
		for the very most top links e.g. Welcome, Setup, etc
	*/
	display: block;
	margin-top: -1px;
	float: left;
	width: 84px;
	padding: 4px 0 6px 0;
	text-align: center;
	background: url(http://images.multiply.com/multiply/nav/tsel-84.gif);
	font-size: 11px;
	font-weight: bold;
	color: #000000; /* [mango] - changed black to #000000 */
	height: 26px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 17px;
}
.repcite {
	padding: 10px;
	background-color: #aaa;
	border: 1px solid #666;
}
.quotemediv {
	margin: 5px -11px 5px -11px;
	padding: 10px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #e6e4e4;
}
textarea.ta {
	width: 100%;
}
div#ownedfooter {
	margin: 45px 172px 10px 10px;
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	color: #999999;
	padding: 2px;
	text-align: center;
	font-size: 10px;
	width: auto;
	bottom: 0;
}
body {
	/* 
		[mango]
		changes the background picture/texture
	*/
	background: url(http://web.singnet.com.sg/~mango79/multiply/back.owned.rightrail.png) repeat-y top right;
}

.album {
	float: left;
	text-align: center;
	font-size: 10px;
}
.photoimg {
	border: 1px solid #666666;
}
.frame-black, .frame-blu, .frame-pink, .frame-mahogany, .frame-museum, .frame-shadow, .frame-button, .frame-shadow2, .frame-walnut, .frame-yellow, .frame-greenbump, .frame-none {
	margin: 5px;
	float: left;
	text-align: center;
}
.framebod-black, .framebod-blu, .framebod-pink, .framebod-mahogany, .framebod-museum, .framebod-shadow2, .framebod-walnut, .framebod-yellow, .framebod-greenbump {
	padding: 5px;
	background-color: #ffffff;
}
.framebod-black:hover, .framebod-blu:hover, .framebod-pink:hover, .framebod-mahogany:hover, .framebod-museum:hover, .framebod-shadow:hover, .framebod-button:hover, .framebod-shadow2:hover, .framebod-walnut:hover, .framebod-yellow:hover, .framebod-greenbump:hover {
	background-color: #ffff99;
}
.framecap-black, .framecap-blu, .framecap-pink, .framecap-mahogany, .framecap-museum, .framecap-shadow, .framecap-button, .framecap-shadow2, .framecap-walnut, .framecap-yellow, .framecap-greenbump, .framecap-none {
	font-size: 10px;
}
.frame-pushpin {
	margin: 0px;
	float: left;
	background-color: #555555;
}
.framebod-pushpin:hover {
	background-color: #ffff99;
}
.framebod-pushpin {
	padding: 0px;
	background-color: #ffffff;
}
.framecap-pushpin {
	font-size: 10px;
	color: black;
}
.leftnavtop {
	width: 159px;
	height: 20px;
	background: url(http://images.multiply.com/multiply/layout/rr_top.png) no-repeat bottom left;
}
.leftnavmiddle {
	position: relative;
	background: url(http://images.multiply.com/multiply/layout/rr_middle.png);
}
.leftnavbottom {
	width: 159px;
	height: 21px;
	background: url(http://images.multiply.com/multiply/layout/rr_bottom.png);
	margin: 0 0 8px 0;
}
a.topt, a:visited.topt {
	/* 
		[mango]
		for the links at the top e.g. Home, Profile, Posts
	*/
	line-height: 2em;
	display: block;
	float: left;
	width: 70px;
	height: 23px;
	text-align: center;
	background: url(http://images.multiply.com/multiply/subnav/t-topt.gif);
	font-size: 11px;
	color: #FFFFFF;	/* [mango] - changed white to #FFFFFF*/
}

.sn {
	padding-left: 10px;
	height: 23px;
	background: url(http://images.multiply.com/multiply/subnav/tback.gif) repeat-x;
	background-position: bottom;
}
.snp {
	/* 
		[mango]
	*/
	/*	height: 8px; [mango] */
	margin: 0;
	padding: 2px 0 6px 10px;
	background-color: #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.sns {
	width: 1px;
	height: 23px;
}

a.toptsel, a:visited.toptsel {
	display: block;
	float: left;
	width: 70px;
	padding-top: 6px;
	text-align: center;
	background: url(http://images.multiply.com/multiply/subnav/tsel.gif);
	font-size: 11px;
	color: #25359f;
	font-weight: normal;
	height: 23px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 17px;
}
a.gnoptsel, a:visited.gnoptsel {
	margin: -2px 0 0 0;
	width: 84px;
	background: url(http://images.multiply.com/multiply/nav/tselo-84.gif);
}

/* 
	----------------------------------------------------------------------------------------------
	Adding our own styles for Modify group
	----------------------------------------------------------------------------------------------
*/
.modify_sectionHeader
{
	background-color: #FFE2BD;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
}

.modify_sectionContents
{
	background-color: #FFF2E0;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	border : 1px solid #000000;
}

.modify_code
{
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	/*background-color: #FFFFFF;*/
	padding: 5px 5px 5px 5px;
}

Table.modify_TableWithThinBorderTheme01 {
	background-color : #000000;
	width : 100%;
}

TD.modify_TableWithThinBorderTheme01 {
	vertical-align : top;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 5px;
	padding-top : 5px;
	background-color: #FFF2E0;
}

TD.modify_TableWithThinBorderTheme01_Header {
	background-color: #FFE2BD;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 5px;
	padding-top : 5px;
}

Table.modify_TableWithThinBorderTheme02 {
	background-color : #000000;
	width : 100%;
}

TD.modify_TableWithThinBorderTheme02 {
	vertical-align : top;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 5px;
	padding-top : 5px;
	background-color: #ECF3FB;
}

TD.modify_TableWithThinBorderTheme02_Header {
	background-color: #ECF3FB;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 5px;
	padding-top : 5px;
}