html,body 
{ 
	margin:0;
	padding:0;
	height:100%;
	background:#FFFFFF;
}

#pageBody
{
	background: #F5F5F5;
}

iframe 
{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:none;
}

#hmheadbox 
{                   
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 52px;
}

#hmnavbox 
{
  	position: absolute;
  	left: 0px;
  	width: 250px;
  	min-width: 50px;
  	top: 51px;
  	bottom: 0px;
	border: 1px solid #9B9B9B;
}

#hmcontentbox 
{
	position: absolute;
  	top: 51px;
  	right: 0px;
  	bottom: 0px;
  	left: 255px;
	border: 1px solid #9B9B9B;
	background: #F5F5F5;	
}

.mgh-topic-header
{
	position: relative;
	line-height: 40px;
	height: 40px;
	background: #EFEFEF;
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 71%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(71%,#EFEFEF), color-stop(100%,#E0E0E0));
	background: -webkit-linear-gradient(top, #FFF 0%,#EFEFEF 71%,#E0E0E0 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 71%,#e0e0e0 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 71%,#e0e0e0 100%);
	background: linear-gradient(to bottom, #FFF 0%,#EFEFEF 71%,#E0E0E0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
	border-bottom: 1px solid #9B9B9B;
	-webkit-box-shadow: 0px 1px 0px #FFF;
	box-shadow: 0px 1px 0px #FFF;
	text-align: right;
	padding-left: 8px;
}

.mgh-topic-header > .title
{
	margin-right: 200px;
}

.mgh-topic-header > .navigation
{
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	padding: 0 15px;
}

.mgh-title-header {
	position: relative;
	background-image: url(top-title-header.png);
	background-repeat: repeat-x;
	height: 52px;
	top: 0;
}

.mgh-title-header > .title-content
{
    position: absolute;
    height: 34px;
	line-height: 34px;
    top: 50%;
    left: 5px;
    margin-top: -17px;
    padding-left: 4px;
}

.mgh-title-header > .title-content > .title
{
	display: inline-block;
	position: relative;
	font-size: 22px;
	color: #FFF;
}


.mgh-title-header > .logo
{
	display: inline-block;
	background-image: url(../images/title-logo.png);
	background-repeat: no-repeat;
	width: 80px;
	height: 28px;
	line-height: inherit;
	vertical-align: bottom;
	position: relative;
	left: 5px;	
}

.mgh-topic-text-wrapper {
    position: relative;
    padding: 20px;
    background: #ffffff;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
	border: 1px solid #9B9B9B;
}

.mgh-topic-text-wrapper:after {
    position: absolute;
    content: "";
    top: -2px;
    right: -2px;
    width: 0px;
    height: 0px;
    border: 15px solid transparent;
    border-left: 15px solid #EEE;
    border-bottom: 15px solid #EEE;
    -webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.29);
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.29);
    z-index: 2;
}

.mgh-topic-text-wrapper:before {
    position: absolute;
    content: "";
    top: -5px;
    right: -5px;
    width: 34px;
    height: 34px;
    background-color: #f5f5f5;
    z-index: 1;
}