/*Lets try to clear some css styles that theme can override and add some helpers*/
*{padding:0px; margin:0px; background-color:transparent;}

html {
  height: 100%;
}

ul, ol, dl {margin: 0}
li {margin-left: 0; line-height: 0;}

a:active, a:focus, input[type="image"] {
outline: 0;
}


img {
border: 0px none transparent;
}

/*Helpers*/
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}
.inline {display:inline;}

#container{
	width: 100%;
	overflow-x: auto;
 overflow-y: visible;
}


/*IE Fixes*/
* html #main-bg {
	height: 1%;
	width: auto;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}

#mpphotocontainer
{
padding: 2px;
width : 150px;
height : 100%;
overflow: hidden;
}

#albumcontainer
{
border: 1px solid #ACACAC;
padding: 3px;
height: 116px;	
width: 510px;
margin:0 auto;
overflow:hidden;
}

div.title h1 {
font: bold 20px Trebuchet MS, tahoma;
 }

.mdisplay_header
{
	padding: 10px;
	border: solid 1px #ACACAC;
	background-color: #EBEBEB;
	padding: 0px 10px 0px 10px;
	margin-bottom: 4px;
	width: 100%;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}
.mdisplay_header
{
    width: 414px;
    height: 26px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 392px;
    height: 24px;
}
html>body.mdisplay_header
{
	width: 392px;
	height: 24px;
}

.mdisplay_footer
{
	padding: 10px;
	border: solid 1px #ACACAC;
	background-color: #EBEBEB;
	padding: 0px 10px 0px 10px;
	width: 392px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}
.mdisplay_footer
{
    width: 414px;
    height: 26px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 392px;
    height: 24px;
}
html>body.mdisplay_footer
{
	width: 392px;
	height: 24px;
}

.mdisplay_description
{
	padding: 10px;
	border: solid 1px #ACACAC;
	background-color: inherit;
	margin-right: 4px;
	margin-bottom: 4px;
	width: 295px;
	height: 70px;
	overflow: hidden;
}
.mdisplay_description
{
    width: 317px;
    height: 122px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 295px;
    height: 70px;
}
html>body.mdisplay_description
{
	width: 295px;
	height: 70px;
}

.mdisplay_info
{
	padding: 10px;
	border: solid 1px #ACACAC;
	background-color: inherit;
	margin-bottom: 4px;
	width: 71px;
	height: 70px;

	overflow: hidden;

}
.mdisplay_info
{
    width: 93px;
    height: 122px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 71px;
    height: 70px;

}
html>body.mdisplay_info
{
	width: 71px;
	height: 70px;
}


.mdisplay_photo
{
	overflow: hidden;
}

.mdisplay_photobox
{
	width: 150px;
	height : 100%;
	overflow: hidden;
	border-style: Solid;
	border-color: #ACACAC;
	border-width: 1px 0px 1px 1px; 
}


div.mpoptions {
		float: right;
		border-right: 1px solid #d4d4d4; }

		 div.mpoptions ul {
			list-style: none; }

			 div.mpoptions ul li {
				float: left;
				border: 1px solid #d4d4d4;
				border-width: 1px 0px 0px 1px; }

				 div.mpoptions ul li span {
					padding: 0px 10px;
					display: block;
					float: left;
					font: 11px/25px arial, verdana, sans-serif;
					color: #444444;
					background: #F8F8F8; }

				 div.mpoptions ul li a {
					padding: 0px 8px;
					display: block;
					float: left;
					font: 11px/28px arial, verdana, sans-serif;
					color: #444444;
					background: #F8F8F8 repeat-x 0px 100%;
					text-decoration: none; }

					 div.mpoptions ul li a.active {
						color : #FF0000;
						background: #ffffff; }

					 div.mpoptions ul li a:hover {
						color : #FF0000;
						background: #ffffff; 
					}

    div#rotator {
	position:relative;
	height:60px;
	margin-right: 15px;
	margin-bottom: 10px;

}
	div#rotator ul li {
	float:right;
	position:absolute;
	list-style: none;
}
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 2px;
	background: #inherit;
}
  div#rotator ul li.show {
	z-index:1
}

 div.actions {
	padding-left: 1px;
	width: 120px;
	float: right; }

	 div.actions ul.actions {
		list-style: none; }

		 div.actions ul.actions li {
			width: 120px;
			float: left;
			display: block;
			font: 11px/20px arial, verdana, sans-serif;
			color: #565656;
			border-bottom: 1px solid #D8DFEA; }
			 div.actions ul.actions li a {
				padding-left: 4px;
				width: 110px;
				display: block;
				font: 11px/20px arial, verdana, sans-serif;
				color: #565656;
				text-decoration: none; }

				 div.actions ul.actions li a:hover {
					color: #D52525; }

div.suboptions_wrap {
margin: 10px 0px 5px 0px;

}

	 div.suboptions {
		float: left;
		height: 25px;
}

		 div.suboptions ul {
				float: left;
			list-style: none; }

			 div.suboptions ul li {
				float: left;
				border: 1px solid #d4d4d4;
				border-width: 1px 1px 0px 0px; }

				 div.suboptions ul li span {
					float: left;
					padding: 0px 10px;
					display: block;
					font: 11px/24px arial, verdana, sans-serif;
					color: #444444;
					background: #F8F8F8; }

				 div.suboptions ul li a {
					float: left;
					padding: 0px 8px;
					display: block;
					font: 11px/24px arial, verdana, sans-serif;
					color: #444444;
					background: #F8F8F8 repeat-x 0px 100%;
					text-decoration: none; }

					 div.suboptions ul li a.active {
						color : #FF0000;
						background: #ffffff; }

					 div.suboptions ul li a:hover {
						color : #FF0000;
						background: #ffffff; }