@charset "UTF-8";
/* CSS Document */
	
	/* CUSTOM FONT ICONS FROM ICOMOON */	
	/* usage: <span class="icon-Previous"></span> */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?18roq2');
  src:  url('fonts/icomoon.eot?18roq2#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?18roq2') format('truetype'),
    url('fonts/icomoon.woff?18roq2') format('woff'),
    url('fonts/icomoon.svg?18roq2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Previous:before {
  content: "\e900";
}
.icon-Next:before {
  content: "\e901";
}
.icon-Restart:before {
  content: "\e904";
}
.icon-Menu:before {
  content: "\e902";
}
.icon-Close:before {
  content: "\e903";
}
.icon-Previous, .icon-Next, .icon-Restart{
	color:#666;
	font-size:18px;
	vertical-align:-2px;
}
.icon-Previous {
	color:#666;
	margin-right:5px;
}
.icon-Next {
	color:#d5212b;
	margin-left:5px;
}
.icon-Restart {
	color:#666;
	margin-left:5px;
}


* :focus { outline: 0; }

html, body{
background-color:#edeeee;
background-image: url(../images/aha_cvml_bkd.png);
background-repeat: repeat-y;
padding:0px;
margin:0px;
font-family:Helvetica, Arial, Sans-serif;
}

a {
text-decoration:none;
}

a img{
border:none;
}

.mainFrame{
position: relative;
width:1100px;
padding:0px;
margin:0px;
margin-bottom:50px;
}

.headerFrame {
width:980px;
height:100px;
margin-top:10px;
}


.contentFrame {
width:980px;
height:845px;
background-color:#FFFFFF;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-moz-box-shadow:    6px 8px 10px 0px #aaa;
-webkit-box-shadow: 6px 8px 10px 0px #aaa;
box-shadow:         6px 8px 10px 0px #aaa;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#aaaaaa')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#aaaaaa');

border-top:6px solid #ed1c24;
}

.topic {
position:relative;
width:900px;
height:486px;
padding:40px;
padding-bottom:25px;
padding-top:30px;

}

.topicTitle {
position:relative;
margin-bottom:10px;
padding:0px;

}

.topicTitle h1{
display:inline-block;
font-weight:lighter;
font-size:30px;
color:#666;
margin:0px;

}

.topicTitleList{
position:absolute;
top:0;
right: 165px;
display:inline-block;
margin-top:8px;
}

.playerClose{
position:absolute;
top:0;
right:0;
display:inline-block;
float:right;
color:#888;
font-size:12px;
margin-top:4px;
margin-left:35px;
}

.playerClose a{
color:#888;
}

.playerClose img{
vertical-align:-7px;
}

.addThis{
position:absolute;
top:9px;
right:0;
display:inline-block;
margin-left:5px;
}

.topicInfo {
position:absolute;
top: 69px;
left: 40px;
height:417px;
width:136px;
border:1px solid #ccc;
padding:14px;
display:inline-block;

}

.topicInfoText {
height:417px;
width:136px;
overflow:auto;

}

.topicInfo p {
font-size:14px;
margin:0px;
color:#333333;
line-height:18px;
}

.topicMedia {
position:absolute;
top: 69px;
right:40px;
width:724px;
height:448px;
display:inline-block;
margin-left:7px;
overflow:hidden;
}

.mediaFrame {
width:722px;
height:448px;
padding:0;
margin:0;
position:relative;
overflow:hidden;
display:block;
}

.topicMedia iframe{
border: none;
overflow: hidden;
background-color:#fff;
background-image:none;
}

.topicStage {
position:absolute;
top: -2px;
width:720px;
height:405px;
border:1px solid #ccc;

}

.topicControls{
position:absolute;
padding:6px 20px 5px 20px;
bottom: 1px;
right: 0px;
width:680px;
height:17px;
border:1px solid #ccc;

}

.controlItem {
opacity: .6;
filter: alpha(opacity=60);
float: right;
display: inline-block;
margin-left:15px;
font-size:16px;

}

.controlItem:hover {
opacity: 1;
filter: alpha(opacity=100);

}

.controlItem a{
font-family:Arial, Helvetica, Sans-serif;
color:#000;
}

.controlItem img{
vertical-align:middle;

}

.prev-button,
.next-button {
opacity: .6;
filter: alpha(opacity=60);
cursor: pointer;
width: 130px;
height: 22px;
position: absolute;
right: 160px;
bottom:3px;
z-index: 2;
}

.next-button {
left: auto;
right: 20px;
z-index: 2;
border-left:1px dotted #000;
opacity: 1;
}

.prev-button:hover,
.next-button:hover  {
opacity: 1;
filter: alpha(opacity=100);
}

.prev-button img,
.next-button img {
vertical-align:-3px;
}

.prev-button p{
margin:2px 0 0 5px;
font-weight:bold;
color:#666666;
background-color:#fff;
}

.next-button p{
margin:2px 20px 0 20px;
text-align:right;
font-weight:bold;
color:#d5212b;
background-color:#fff;
}

.next-button:hover p{
color:#666666;
}

.prev-button a, 
.next-button a, 
.return-button a{
	color:inherit;
}

.controlText { 
height: 22px;
position: absolute;
right: 210px;
bottom:3px;
z-index: 2;
}

.controlText p{
margin:2px 0 0 5px;
font-weight:bold;
color:#666666;
background-color:#fff;
}

.moduleMenu {
position: absolute;
right:20px;
bottom:2px;
width:170px;
height: 22px;
z-index:100;
}

.controlMenuLink{
	display:block;
	position:absolute;
	bottom:5px;
	left:20px;
	color:#666666;
	z-index:100;
}
.controlMenuLink .icon{
	 margin-right:6px;
	 color:#d5212b;
	 font-size:22px;
	 vertical-align:-4px;
}
.controlMenuLink.right{
	left:auto;
	right:20px;
}
.controlMenu{
	position:absolute;
	left:0;
	bottom:30px;
	z-index:1000;
	box-sizing:border-box;
	max-width:380px;
	background-color:#f2f2f2;
	-moz-box-shadow:    6px 8px 10px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 6px 8px 10px 0px rgba(0,0,0,0.25);
	box-shadow:         6px 8px 10px 0px rgba(0,0,0,0.25);
	padding:5px 0;
	max-height:800px;
	overflow:scroll;
	display:none;
}
.controlMenu.right{
	left:auto;
	right:0;
	-moz-box-shadow:    -6px 8px 10px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: -6px 8px 10px 0px rgba(0,0,0,0.25);
	box-shadow:         -6px 8px 10px 0px rgba(0,0,0,0.25);
}
.controlMenu a{
	display:block;
	color:#4d5052;
	font-size:16px;
	padding: 5px 20px;
}
.controlMenu a.active{
	color:#ba141a;
	background-color:#e0e1e2;
}
.controlMenu a:hover{
	color:#ba141a;
}


video::-webkit-media-controls {
    opacity: 0;
    pointer-events: none;
    width: 5px;
	-webkit-appearance:none;
}
video{
	border:1px solid #ccc;
}
.videoLoader{
	position:absolute;
	width:720px;
	text-align:center;
	padding-top:190px;
	color:#fff;
}
.videoLoader i{
	opacity:0.9;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.5);
}


.divider {

}

.footer {
position:relative;
padding:40px;
padding-top:12px;

}

.popularTitle {

}

.popularTitle h1{
font-weight:lighter;
font-size:22px;
color:#666;
margin:0px;

}

.popularContent {
position:relative;
margin-top:8px;
height:120px;

}

.popularItem{
position:absolute;
top:0;
left:0;
width:164px;
height:120px;
display:inline-block;
margin-right:14px;
}

.popularItemR{
width:164px;
height:120px;
display:inline-block;
}

.popularItem p, .popularItemR p{
color:#0066FF;
font-size:14px;
margin-top:6px;
}

.popularItem img, .popularItemR img{
-moz-box-shadow:    4px 4px 6px 0px #aaa;
-webkit-box-shadow: 4px 4px 6px 0px #aaa;
box-shadow:         4px 4px 6px 0px #aaa;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#aaaaaa')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#aaaaaa');

}

.footContent {
position:relative;
padding:20px;
padding-bottom:0px;
border-top:1px solid #ccc;
margin-top:10px;
}

.footLeft {
position:absolute;
left:20px;
top:20px;
display:inline-block;
height:72px;
width:300px;
}

.footLeft2 {
position:absolute;
left:320px;
top:20px;
display:inline-block;
height:67px;
width:90px;
border-right:1px solid #ccc;
padding-right:10px;
padding-top:5px;
}

.footRight {
position:absolute;
top:20px;
right:20px;
display:inline-block;
height:72px;
width:400px;
padding-left:20px;

}

.footLeft h2, .footRight h2, .footContent h2{
margin-top:2px;
color:#8c0104;
font-weight:bold;
font-size:16px;
}

.footLeft p{
margin:0px;
color:#666666;
font-size:14px;
line-height:22px;
}

.footRight p, .footContent p{
margin:0px;
color: #666666;
font-size:11px;
line-height:18px;
}

.footLeft h2{
margin-bottom:5px;
}


.footLeft a, .footRight a{
color:#000;
}