/*
 ______                     __          __   __            ______ ______        
|   __ \.-----.----.-----. |__|.-----. |  |_|  |--.-----. |    __|      |.-----.
|   __ <|  _  |   _|     | |  ||     | |   _|     |  -__| |__    |  --  ||__ --|
|______/|_____|__| |__|__| |__||__|__| |____|__|__|_____| |______|______||_____| 

 --=== Australia's most dynamic social website for people Born in the 50s ===--
					
                         www.borninthefifties.com.au
                      (c) Copyright 2010 Make My Decade
*/

html {
	height:100%;
}
body {
	height:100%;
	margin:0;
	padding:0;
	color:#000;
	background-image: url('/images/background.png');
	background-repeat: repeat-y;
	background-position: left top;
	background-color:#fff;
	font: 11pt Arial;
}

form { margin:0; padding:0; }
input { vertical-align:middle; }
img { border-style:none; }

a:link,
a:visited,
a:active {
	color:#a00;
	text-decoration:none;
}
a:hover {
	color:#a00;
	text-decoration:underline;
}
:focus, a {
	outline: medium none !important;
}

img.bookmark {
	height:16px;
	width:16px;
}
div.formErrorWindow {
	text-align:center;
	display:none;
}
div.formErrorBox {
	background-image: url('/images/error.png');
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-color:#ffe1e1;
	border:3px solid #b00;
	clear:both;
	font-size:10pt;
	text-align:left;
	padding:10px 10px 10px 90px;
	max-width:570px;
	min-height:90px;
	margin:30px auto 0 auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#commentsSubmitFormThankYou {
	background-image: url('/images/success.png');
	background-repeat: no-repeat;
	background-position: left 50%;
	background-color:#dfffe2;
	border:3px solid #00cb0e;
	clear:both;
	font-size:12pt;
	text-align:left;
	padding:10px 10px 10px 100px;
	max-width:560px;
	min-height:70px;
	margin:30px auto 0 auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

span.AdminButtons {
	float:right; 
	margin-left:10px;
	margin-bottom:10px;
	padding:6px;
	background-color:#eee;
	border: 1px solid #bbb;
	color:#111;
}
span.AdminButtons img {
	vertical-align:bottom;
	width:32px; height:32px;
}

span.submitCommentMaxLines {
	font:9pt Arial;
	color:#000;
	float: right;
}

img.pageNavWait {
	height:16px;
	width:16px;
	position:absolute; 
	top:58px; 
	left:193px;
	display:none;
}


/*===---------------------------------------------------------------------------------------------------------------------------
| DEE Engine CSS
=====-------------------------------------------------------------------------------------------------------------------------*/
.DebugFrameWindow {
	position:absolute;
	top:0px;
	right:0px;
	width:20px;
	height:500px;
	background-color:transparent;
}
.DebugFrame {
	text-align: left;
	margin-left: auto;
	white-space: normal;
	margin-right: auto;
	color: #cccccc;
	height:500px;
	background-color: #ffffff;
	overflow:scroll;
	padding: 5px 5px 15px 5px;
	background-color:transparent;
	background-image: url("/zsImg/deedebugbg.png");
	background-repeat: repeat;
}
.DebugFrame a, .DebugFrame a:link, .DebugFrame a:visited, .DebugFrame a:active {
	text-decoration:none;
	color: #ccf;
}
.DebugFrame a:hover {
	text-decoration:underline;
	color: #ccf;
}
.sitemapIcon {
	width:16px;
	height:16px;
	border:0;
	position:relative;
	top:2px;
}
.sitemapItem {
	list-style:square outside url("/zsImg/bullet_purple.png");
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}
.sitemapSubItem {
	list-style:square outside url("/zsImg/bullet_blue.png");
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:20px;
}
/*===---------------------------------------------------------------------------------------------------------------------------
|  Main Table Layout Setup
=====-------------------------------------------------------------------------------------------------------------------------*/
table.MainTable {
	height:100%;
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.MainTable td.ContentLeft {
	vertical-align:top;
	width:245px;
}
table.MainTable td.ContentMiddle {
	vertical-align:top;
}
table.MainTable td.ContentRight {
	background-image: url('/images/sidebar.jpg');
	background-repeat: repeat-y;
	background-position: left top;
	background-color:#404040;
	text-align:center;
	vertical-align:top;
	padding-top:13px;
	width:202px;
}
table.MainTable td.ContentRight img {
	vertical-align:bottom;
}

table.MainTable td.Footer {
	color:#444;
	text-align:center;
	font-size:8pt;
	height:65px;
	vertical-align:bottom;
	padding-bottom:20px;
}

#Hidden {
	display:hidden;
}
/*===---------------------------------------------------------------------------------------------------------------------------
|  CSS Menubar
=====-------------------------------------------------------------------------------------------------------------------------*/
div.Menubar {
	background-image: url('/images/menu_bg.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: transparent;
	padding-bottom:30px;
}
#Menubar {
	padding:0; 
	margin:0;
	list-style-type: none; 
	width:200px;
	position:relative; 
	z-index:500;
}
#Menubar ul {
	padding:0; 
	margin:0; 
	list-style-type: none; 
	width:200px;
}
#Menubar li { 
	padding:0;
	margin:0;
	position:relative; 
}
#Menubar a {
	display:block;
	font: bold 12pt Arial;
	color:#fff; 
	text-decoration:none; 
	padding:2px 0 2px 20px;
	text-shadow: 1px 2px 2px #000;
}
#Menubar a:visited {
	color:#fff; 
}
#Menubar a:hover {
	background-image: url('/images/nav_hover.png');
	background-repeat: repeat-x;
	background-position: left 50%;
	color:#ffb949;
}
#Menubar a:active {
	color:#eecd1b;
}
#Menubar li:hover > a {
	background-image: url('/images/nav_hover.png');
	background-repeat: no-repeat;
	background-position: left 50%;
	color:#ffb949;
}
#Menubar li ul {
	display: none;
} 
#Menubar li:hover > ul {
	display:block; 
	position:absolute; 
	top:0; 
	left:200px;
}
#Menubar ul.Child {
	border:2px solid #f5af00;
	background-color:#3f3f3f;
	background-image: url('/images/menubg.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	padding: 3px 0;
}
#Menubar ul.Child a {
	padding:2px 8px 2px 12px;
}
#Menubar ul.Child a:active {
	text-shadow: 0 1px 1px #000;
}

/*===---------------------------------------------------------------------------------------------------------------------------
|  Details Styles
=====-------------------------------------------------------------------------------------------------------------------------*/
ul.Details {
	border: 3px solid #b00;
	border-bottom:2px solid #b00;
	margin:2px 0 10px 0;
	padding:0;
	list-style-type:none;
}
ul.Details li {
	padding:10px 20px;
	margin:0;
	border-bottom:1px solid #b00;
}
ul.Details li:hover {
	background-color:#b00;
	color:#fff;
	padding:10px 20px;
	margin:0;
	border-bottom:1px solid #b00;
}
ul.Details li:hover a {
	color:#fff;
	font-weight:bold;
}





a.openLink :link,
a.openLink:visited,
a.openLink:active {
/*	padding-right: 18px;
	background:transparent url('/images/iconWindowOpen.png') center right no-repeat;
*/	color:#a00;
	text-decoration:none;
}
a.openLink:hover {
/*	padding-right: 18px;
	background:transparent url('/images/iconWindowOpen.png') center right no-repeat;
*/	height:16px;
	width:16px;
	color:#a00;
	text-decoration:underline;
}

a.openLinkSml :link,
a.openLinkSml:visited,
a.openLinkSml:active {
/*	padding-right: 18px;
	background:transparent url('/images/iconWindowOpen.png') right 50% no-repeat;
*/	font-size:9pt;
	height:14px;
	width:14px;
	color:#a00;
	text-decoration:none;
}
a.openLinkSml:hover {
/*	padding-right: 18px;
	background:transparent url('/images/iconWindowOpen.png') right 50% no-repeat;
*/	font-size:9pt;
	height:14px;
	width:14px;
	color:#a00;
	text-decoration:underline;
}









/*===---------------------------------------------------------------------------------------------------------------------------
|  Content Containers
=====-------------------------------------------------------------------------------------------------------------------------*/
div.TextContent {
	text-align:justify;
	padding:0 75px 20px 75px;
}

div.ContentIndent {
	padding:0 20px;
	clear:both;
}

div.TextContent h1 {
	border-bottom:2px solid #ccc;
	color:#222;
	margin-top:0;
	padding-bottom:5px;
}
div.HeaderContent {
	text-align:justify;
	margin-bottom:50px;
}
div.Input {
	clear:both;
	border:3px solid #888;
	padding:10px;
	width:650px;
	margin:30px auto;
	background-color:#eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
div.Input .InputBoxError {
	background-image: url('/images/inputbox.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#fff;
	border:2px solid #b00;
	padding:1px 2px 1px 3px;
}
div.Input .InputBoxFocus {
	background-image: url('/images/inputbox.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#fff;
	border:1px solid #00cb0e;
	padding:2px 3px 2px 4px;
}
div.Input .InputBox {
	background-image: url('/images/inputbox.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#fff;
	border:1px solid #999;
	padding:2px 3px 2px 4px;
}
div.Input textarea {
	font: 11pt Arial;
	padding:4px;
	width:520px;
	height:130px;
	font-size:10pt;
	border:1px solid #999;
}





div.Input table.InputTable {
	width:100%;
	border-collapse:collapse;
}
div.Input table.InputTable th {
	text-align:right;
	padding:2px 8px 2px 0;
	vertical-align:top;
}
div.Input table.InputTable td {
	padding:2px 8px 2px 0;
	vertical-align:top;
}


table.AdminInputTable {
	width:100%;
	border-collapse:collapse;
}
table.AdminInputTable th {
	text-align:left;
	padding:3px 8px;
	font-size:11pt;
	border-bottom: 1px solid #888;
}
table.AdminInputTable tr.Footer th {
	text-align:left;
	padding:3px 8px;
	font-size:11pt;
	border-top: 1px solid #888;
	border-bottom: 0 solid #888;
}
table.AdminInputTable td {
	color:#000;
	font-size:9pt;
	padding:3px 8px;
}
table.AdminInputTable tr:hover td {
	background-color:#888;
	color:#fff;
}
table.AdminInputTable a {
	font-size:11pt;
}
table.AdminInputTable tr:hover a {
	color:#fff;
}


ul.ErrorMessages {
	margin-top:0;
	margin-bottom:0;
}
ul.ErrorMessages li {
	list-style-type:square;
	color:#2e0000;
}

/*===---------------------------------------------------------------------------------------------------------------------------
|  Content Containers Admin
=====-------------------------------------------------------------------------------------------------------------------------*/

div.Input2 {
	clear:both;
	margin-top:4px;	
/*	margin-bottom:50px;	*/
	border:3px solid #888;
	padding:10px;
/*	width:650px;		*/
/*	margin:40px auto;	*/
	background-color:#eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
div.Input2 .InputBox2 {
	background-image: url('/images/inputbox.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#fff;
	border:1px solid #999;
	padding:2px 3px 2px 4px;
}

div.Input2 .InputBoxFocus2 {
	background-image: url('/images/inputbox.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#fff;
	border:1px solid #00cb0e;
	padding:2px 3px 2px 4px;
}

/*===---------------------------------------------------------------------------------------------------------------------------
|  Comments 
=====-------------------------------------------------------------------------------------------------------------------------*/
div.Comments {
}
div.Comments h3 {
	font-weight:normal;
	font-size:16pt;
}
div.Comments table.CommentTable {
	width:100%;
	border-collapse:collapse;
	border:3px solid #b00;
	margin:2px 0 12px 0;
}
div.Comments table.CommentTable tr:hover th {
	background-image: url('/images/comment_th.png');
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#c00;
	color:#fff;
}
div.Comments table.CommentTable tr:hover td {
	background: url('/images/quote.png') right 50% no-repeat, url('/images/quote_l.png') left 50% no-repeat;
	background-color:#fff;
	color:#a00;
}
div.Comments table.CommentTable th {
	border: 1px solid #b00;
	background-color:#fff1f1;
	width:200px;
	height:100px;
	font-size:9pt;
	padding:10px;
	text-align:center;
	font-weight:normal;
}
div.Comments table.CommentTable td {
	border: 1px solid #b00;
	background-color:#fff;
	padding:8px 12px;
	vertical-align:top;
}
div.Comments table.CommentTable td b {
	font-size:8pt;
}

div.Center {
	text-align:center;
}

/*===---------------------------------------------------------------------------------------------------------------------------
|  Memory of the Month 
=====-------------------------------------------------------------------------------------------------------------------------*/
table.Memory {
	width:90%;
	margin:0 auto;
	border-collapse:collapse;
}
table.Memory th {
	width:100px;
	vertical-align:top;
	padding: 6px 0 6px 10px;
	text-align:left;
	background-color:#fff0b2;
	border: 1px solid #fbdc9f;
}
table.Memory td {
	padding:6px 6px 6px 10px;
	border: 1px solid #fbdc9f;
}

div.Memory {
	padding:25px 30px 45px 30px;
	background-image: url('/images/memories.jpg');
	background-repeat: repeat;
	background-position: left top;
	background-color:#fff0b2;
	border: 1px solid #fbdc9f;
	margin: 20px auto;
	width:85%;
}
div.Memory h2 {
	text-align:center;
	margin-top:0;
	color:#6b450e;
}