/*styles.css:		   MODERN BROWSER (v5+) SCREEN

    ------------
    Job:               MWDA Image Gallery
	
    Produced by:       RD @ Mando Group
	
    Start date:        20/05/2008
    ------------*/
	
* {margin:0;padding:0;border:none;font-size:1em;}
body{
	font: 0.7em/1.5em Arial, Verdana, Helvetica, sans-serif;;
	background-color: #ffffff;
	color: #3c3c3c;
	}
#wrap{
	width: 85em;
	margin: auto;
	text-align:left;
	background: #fff;
	}
a {
	text-decoration: none;
	}
h1 {
	font-size: 2em;
	color:#8DCE27;
	margin: 1em 0;
	}
h2 {
	font-size: 1.8em;
	margin: 1em 0;
	}
h3 {
	font-size: 1.5em;
	font-weight:bold;
	}
ul {list-style-type:none;}	
div.header { 
	background-color:#8DCE27; 
	float:left;	
	width:100%;	
	height:102px;
	}	
p.logo {
	float:left;
	}	
div.headertext { 
	float:left;
	height:95px; 
	width:540px; 
	background: #8DCE27 url("/_common/img/header-text.gif") no-repeat; 
	}
.x {display:none;}

div.nav {
	clear:left;
	background-color:#303030;
	height:2.8em;
	width:100%;
	position:relative;
	}
div.nav2 {
	padding-bottom: 1em;
	}
div.nav ul {
	float:left;
	background-color:#303030;
	padding: 0.5em 0 0.5em 0;
	margin-left:18em;
	}
div.nav ul li {
	display:inline;
	list-style-type:none;
	font-weight:bold;
	padding-right:1em;
	}	
div.nav ul li a {color:#fff;}	
div.nav ul li a:hover {color:#f7b23b;}
div.nav ul.right {position:absolute; top:0; right:0;}
div.nav ul.right li {border-right:1px solid #fff; padding-left:0.6em;}
div.nav ul.right li.last {border-right:none;}

div#content {
	clear:left;
	float:left;
	padding: 1em;
	width:83em;
	}
div#content p{
	margin: 0.5em 0 0.5em 0;
	font-size:1.1em;
	}	
div#error {
	border:1px solid #d01119; 
	background: #fff url("/_common/img/error-bg.gif") bottom left repeat-x;
	min-height:4em;
}	
div#error ul {
	padding:1.5em;
	color:#d01119;
}
div#error ul li a {
	color:#d01119; 
	font-weight:bold; 
	text-decoration:underline;
}
div#loginPanel {
	border:1px solid #bcbaad; 
	width:30em; 
	padding:0.2em; 
	margin-top:1em;
}
div#Register {
	border:1px solid #bcbaad; 
	width:50em; 
	padding:0.2em; 
	margin-top:1em;
}	

div#loginPanel form.form, div#Register form.form { 
	background: #fff url("/_common/img/form-bg.gif") repeat-x; 
	padding:1em 1em 0.5em 1em;
	}
div#loginPanel p, div#Register p {margin-bottom:0;}	
ul.formlist{
	margin-top:0.5em;
	}
p.login	{border-top:1px solid #bcbaad;padding-top:1em;	}
ul.formlist li  {
    padding:0.3em 0 0.3em 0;
	list-style-type:none;
    }
.sendsubmit	{
	float:right;
	clear:both;
	margin-right:5em;
	}
div#Register .sendsubmit	{
	float:right;
	clear:both;
	margin-right:18em;
	}
.buttimage {float:left;clear:both;margin-bottom:0.5em;}
input.textfield, textarea, select{
	background:#fff;
	border:1px solid #bcbaad;
	color:#7b7b7b;
	font-family:Arial, Helvetica, sans-serif;
	width:16em;
	padding:2px;
	font-size:.9em;
	}
label em, form.calculator fieldset span em{
	position:absolute;
	color:#42aa95;
	right:0;
	font-weight:bold;
	font-size:2em;
	font-style:normal;
	margin:-.2em .2em 0 0;
	}
span.required {
	color:#42aa95;
	font-weight:bold;
	font-size:2em;
	}	
p.pass a, div#content p a {color:#42aa95; text-decoration:underline;}	
p.pass a:hover, div#content p a:hover {text-decoration:none;}	
label {
	font-weight:bold;
	width: 8em;
	float:left;
	position:relative;
	}	
div#Register label {
	width: 15em;
	}	
	
	
	
ul#tree li {
	background-color:#8dce27;
	margin-bottom:2px; 
	padding: 0;
	/*padding-left:2.5em;*/
}
ul#tree li span {
	display: block;
	float: left;
	width: 18px;
	border-right: 2px solid #fff;
	margin-right: 10px;
}	
ul#tree li.closed  {
	background: #8dce27 url("/_common/img/nav-plus.gif") 0 0 no-repeat; 
}
ul#tree li.opened  {
	background: #8dce27 url("/_common/img/nav-neg.gif") 0 0 no-repeat; 
}
ul#tree ul {border-top:2px solid #fff; margin-top:0; /*margin-left:-1.8em;*/}
ul#tree ul span {
	margin-right: 20px;
	background-color: #8dce27;
}
ul#tree li.parent span {
	background: none;
}
ul#tree ul ul span {
	margin-right: 30px;
}
/*ul#tree li ul{border-top:2px solid #fff; margin-top:0; margin-left:-2.5em;}
ul#tree li ul li{padding-left:3em;}
ul#tree li ul li ul {border-top:2px solid #fff; margin-top:0; margin-left:-3em;}
ul#tree li ul li ul li {padding-left:3em;}*/
ul#tree li a {color:#fff;}


div.leftcolumn {
	width:16.3em;
	float:left;
	}
div#rightcolumn {
	float:left;
	width:64em;
	margin-left:1em;
	}
.breadcrumb {
	width:100%;
	overflow:hidden;
	margin:0em 0 1em;
	font-size:1em;
	}
.breadcrumb strong {
	color:#6a6a65;
	float:left;
	}
.breadcrumb ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	padding-left:0;
}
.breadcrumb ul li {
	float:left;
	color:#6a6a65;
	margin-left:6px;
	padding-left:0;
	background:none;
}
.breadcrumb li span {color:#6a6a65;}
.breadcrumb a {color:#42aa95;}

div.paging span{
	font-weight: bold;
	}
ul.paging {
	clear:left;
	margin:1em 0;
	}
ul.paging li {
	display:inline;
	font-size:.9em;
	list-style:none;
	padding-right:.6em;
	margin-right:.2em;
	}
ul.paging li.all {
	border-right:0;
	border-bottom:1px solid #0096C5;
	}
ul.paging li.here {
	font-weight:bold;
	}
ul.paging a	{
	background:none;
	color:#3b3b3b;
	border: 1px solid silver;
	padding: .4em;
	}
ul.paging a:hover {
	color:#0054a3;
	}
ul.paging li.none {border-right:none;}	

div.images ul {
	margin: 0;
	padding: 0;
	/*background: yellow;*/
	width: 100%;
	overflow: hidden;
}

div.images ul li {
	/*background: red;*/
	margin: 0;
	padding: 0;
	margin-right: 1em;
	width: 15.4em;
	float:left;
	margin-bottom: 1em;
}

div.images ul li .wrap{
	/*background: blue;*/
	text-align: center;
}

div.images ul li .wrap .imageLink{
	display: block;
	/*background: black;*/
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	height: 11em;
	text-align: center;
	vertical-align: center;
}

div.images img, div.imagesdetail img {
	
	/* All images must be: */
	/* Landscape = no wider than 170px */
	/* Portrait = no longer than 132px */
	
	border: solid 1px #bcbaad;
	margin: 0;
	}
div.images ul img, div.imagesdetail ul img	{
	padding:0;
	}	
div.images ul, div.imagesdetail ul 	{
	margin-top:2em;
	}	
div.images ul li p, div.imagesdetail ul li p {
	line-height: 2em;
	}
div.images img.button{
	border: none;
	margin: .3em 0;
	}
div.imagesdetail ul li {
	padding: 0 8em 0em 0;
	display: block;
	float:left;
	margin-bottom:1em;
	}	
div.images ul li img, div.imagesdetail ul li img {
	border:1px solid #bcbaad;
	}	
div.images li a, div.imagesdetail li a {
	border:none;
	}
div.images li p, div.imagesdetail li p {
	float: none;
	margin-bottom: 10px;
	}	
div.imagesdetail span.title {font-size:2em; font-weight:bold;}	

div.images ul li ul li, div.imagesdetail ul li ul li { list-style:none; float:none; margin-bottom:0.2em; background-color:}	
div.images ul li ul li a {color:#42aa95;}
div.images ul li ul li img, div.imagesdetail ul li ul li a img {border:none;}	
div.images ul li ul  {margin-top:0;}

div.imagesdetail ul li ul li {padding-right:0;}	
div.imagesdetail, div.images {
	float:left;
	width:66em;
	border-top:1px solid #bcbaad;
	}
div.images{border-top: none;}
div.detail {
	float:left; 
	width:66em;
	margin-bottom:1em;
}
div.detail p {
	width:30em; 
	float:left;
	}
div.detail p img {
	border:1px solid #bcbaad;
	}	
div.detaillist {
	float:left; 
	width:30em;
	}
div.detaillist dt {
	float:left; 
	clear:left; 
	width:10em; 
	font-weight:bold;
	}
div.detaillist dd {
	margin-left:11em;
	margin-bottom:0.5em;
	}
div.footer {
	background-color:#8dce27;
	color:#ffffff;
	font-size:1em;
	margin-top:1em;
	padding: 0 6.6em 0 0;
	height:3em;
	clear:both;
	}
div.footer a
	{
	color:#42aa95;
	}
div.footer a:hover
	{
	color:#ffffff;
	}
div.footer ul {
	list-style-type:none;
	float:left; 
	margin:1em 0;
	margin-left:1em;
	}		
div.footer ul li {
	color:#2b3630;
	margin-right:1em;
	float:left;
	}	
/**************************************************************

	Tree
	v 1.0

**************************************************************/

#tree, #tree ul {
	list-style: none;
	margin: 0;
}

#tree ul {
	margin-top: 10px;
}

#tree li {
	padding-left: 20px;
}

.hideMe {
	display: none;
}

/*.opened {
	background: url("/_common/img/opened.png") no-repeat;
}

.closed {
	background: url("/_common/img/closed.png") no-repeat;
}

.opened span, .closed span {
	cursor: pointer;
}*/
/**************************************************************

	Lightbox
	v 1.3

**************************************************************/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url("/_common/img/loading.gif") no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}


.photos {
	padding: 3px;
	border: 1px solid #fff;
}

a:hover .photos {
	border: 1px solid #999;
}

.lightboxDesc a {
	color: #999999;
	text-decoration: none;
}

.lightboxDesc a:hover {
	color: #000000;
	text-decoration: none;
}

/***************************

	styles for hidden next & previous buttons

***************************/
/*
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	height: 32px;
	outline: none;
}

#lbPrevLink {
	left: 0;
	
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

/***************************

	styles for next & previous buttons as part of footer

***************************/

#lbPrevLink, #lbNextLink {
	display: block;
	width: 63px;
	height: 32px;
	outline: none;
}

#lbPrevLink {
	float: left;
	background: transparent url("/_common/img/prevlabel.gif") no-repeat left;
	
}

#lbPrevLink:hover {
	background: transparent url("/_common/img/prevlabel.gif") no-repeat left;
}

#lbNextLink {
	float: right;
	background: transparent url("/_common/img/nextlabel.gif") no-repeat right;
}

#lbNextLink:hover {
	background: transparent url("/_common/img/nextlabel.gif") no-repeat right;
}

#lbControls {
	display: block;
	height: 32px;
}


/**********************************/


#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	clear: both;
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url("/_common/img/closelabel.gif") no-repeat center;
	margin: 0px 0px 0px 0px;
	/*border: 1px solid #000;*/
}

#lbCaption, #lbNumber, #lbDescription {
	margin-right: 71px;
	/*border: 1px solid #000;*/
}

#lbCaption {
	font-weight: bold;
}


.lightboxDesc {
	display: none;
}

/*************************************************************/


/*************************************************************/
.cf:after, .wrap-content:after{content:".";display:block;height:0;clear:both;visibility:hidden;}