.clearfix:after {
   content: " ";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.clearfix h3{
	font-size:12px;	
}
.clear{
	clear:both;	
}
.wrapper{
    margin: 0.3em 2em 2em 1.6em;
    min-height: 500px;
    width: 770px;
    z-index: 12;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;	
}
.header{
	margin-left:20px;
	margin-right:20px;	
}
.text-top{
	color:#D33225;	
}
.header h1{
	font-size:200%;
	font-weight:normal;
	border-bottom:1px solid #B1B1B1;
	padding-bottom:5px;
	margin-bottom:5px;	
}
.header small{
	font-size:12px;
	float:right;
	display:block;
	padding-top:13px;	
}
.header .author{
	color:#68809E;	
	font-size:12px;
}
.header.fullwidth-banner{
	margin:-66px 20px 30px;	
}
.header.fullwidth-banner h1, .header.fullwidth-banner .author{
	color:#fff;	
}
.content-part{
	margin:15px 20px;	
}
.img{
	border-color:#DDDDDD #DDDDDD #B1B1B1;
	border-style:solid;
	border-width:1px 1px 2px;
	background:#fff;
	padding:1em;	
}
.img-right{
	float:right;
	margin-left:15px;
	margin-top:5px;	
}
.img-left{
	float:left;
	margin-right:15px;
	margin-top:5px;	
}
.img-medium h6{
	font-size:11px;
	color:black;
	text-align:center;
	margin:10px auto;
	width:370px;
}
.video-caption{
	font-size:11px;
	color:black;
	text-align:center;
	margin:0px auto;	
}
.img-medium img{
	width:370px;	
}
.img-420 h6{
	font-size:11px;
	color:black;
	text-align:center;
	margin:10px auto;
	width:420px;	
}
.img-420 img{
	width:420px;	
}
.content-part p{
	font-size:12px;
	line-height:20px;
	margin-bottom:10px;	
}
.references{
	margin:20px 0;	
}
.references h2{
	font-size:120%;
	color:#000;
	margin-bottom:10px;	
}
.references ul{
	margin:0;
	list-style:none;	
}
.references ul li{
	margin-bottom:5px;
	line-height:16px!important;	
	font-size:12px;
}
.references ul li a{
	color:#68809e;	
}
.img-pair{
	padding:0;	
}
.img-pair .img-small img{
	width:310px;
	height:200px;	
}
.img-small img{
	width:310px;
}
.img-small h6{
	width:310px;	
}
.img-small h6, .img-big h6, .img-w175 h6{
	font-size:11px;
	color:black;
	text-align:center;
	margin:10px auto;	
}
.img-w175 h6{
	width:195px;	
}
.img-big img{
	width:450px;	
}
.img-big h6{
	width:450px;	
}
.img-gallery img{
	width:162px;
	height:110px;	
}
.img-w200 li{
	margin-right:15px!important;
	background:#fff!important;
	border:none!important;	
}
.img-w200 img{
	width:200px;	
	height:140px;
	border: 1px solid #ddd;
	border-bottom: 2px solid #b1b1b1;
	padding:5px;
}
/*.img-w200 h6{
	width:200px;
	font-size:11px;
	color:black;
	text-align:center;
	margin:10px auto;
}*/
.img-w175 img{
	width:175px;	
}
.img-w200 p{
	width:200px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:16px;	
}

.img-w300 li{
	margin-right:15px!important;
	background:#fff!important;
	border:none!important;	
}
.img-w300 img{
	width:315px;	
	height:140px;
	border: 1px solid #ddd;
	border-bottom: 2px solid #b1b1b1;
	padding:5px;
}
.img-w300 p{
	width:315px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:16px;	
}
.img-width200{
	width:225px;	
}
.img-width200 img{
	width:200px;	
}
.img-width200 h6{
	font-size:11px;
	color:black;
	text-align:center;
	margin:10px auto;
	width:222px;	
}
.img-w500 img {
	width:500px;
}
.img-w500 h6 {
	width:500px;
	color:black;
	text-align:center;
	margin:10px auto;
	font-size:11px;
	font-weight:bold;
}
.img-gallery img.w220{
	width:200px;	
	height:150px;
}
.gallery-title{
	font-size:110%!important;
	margin-bottom:10px;	
}
.img-gallery li{
	float: left;
	margin: 0 0.6em 1em 0;
	list-style:none;
	width:174px;
}
.img-gallery li .gray-bg{
	background: #EEEEEE;
	border-color: #DDDDDD #BBBBBB #AAAAAA #CCCCCC;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}
.img-vertical img{
	width:310px;
	height:500px;
}
.img-vertical h6{
	font-size:11px;
	color:black;
	text-align:center;
	margin:10px auto;
	width:310px;	
}
.img-full img{
	width:97%;
	max-width:100%;
	height:200px;	
}
.img-full h6{
	font-size:11px;
	color:black;
	text-align:center;
	margin:10px auto;	
}

.photo-credit{
	font-size: 9px;
	font-weight: normal;
	line-height:20px;
}
.img-pair h6.common-caption{
	font-size:11px;
	color:black;
	text-align:center;
	margin:10px auto;
	width:92%;
	line-height:16px;	
}
.content-part ul.wrap-left{
	float: left;
    margin: 5px 0 0 15px;
    padding: 0;
    width: 41%;	
}
.content-part ul.wrap-right{
	float: right;
    margin: 5px 15px 0 0;
    padding: 0;
    width: 41%;	
}
.content-part ul li{
	margin-bottom:5px;
	line-height:20px;
	font-size: 12px;
}
.content-part ol{
	margin-left:20px;
	margin-top:5px;	
}
.content-part div.clearfix ul{
	margin-left:15px;
	margin-top:5px;	
}
.content-part ol li{
	line-height:20px;
	margin-bottom:5px;
}
.download-text{
	font-size:13px;
	margin-bottom:10px;	
}
.mylist{
	width:49%;
	float:left;	
	margin-bottom:10px;
}
.mylist span{
	display:inline-block;
	width:238px;		
}

#player {
	display:inline-block;
	margin-bottom:-10px;
	text-align:center;
	width:150px;
	height:30px;
}

audio.player-medium {
	display:block;
	margin-top:-10px;
	text-align:center;
	width:200px;
	float:right;
	margin-right:70px;
}
.img-pair-3 img{
	height:auto !important;
}
.img-pair-3-height-equal img, .img-pair-3-height-equal table{
	height:146px!important;	
}
.img-pair-3-wrap h6, .img-gallery li h6, .img-gallery-middle + h6{
	font-size:11px;
	color:black;
	text-align:center;
	margin:0 auto 10px ;
}
.img-gallery-middle + h6{
	margin-right:20px;	
}
.img-gallery-middle.img-pair-3-height-equal img{
	height:132px!important;	
}
.img-gallery-middle.img-pair-3-height-equal-vertical img{
	height:192px!important;	
}
.img-gallery li h6{
	line-height:16px;	
}
/* table styles */
.table-half, .table-small, .table-medium, .table-full{
	width:400px;
	font-size:11px;
	background:#eaebeb;
	border:1px solid #d6d6d6;
	margin-bottom:10px;	
}
.table-caption{
	font-weight:bold;	
	/*background:#eaebeb;*/
	border-bottom:1px solid #9097a2;
	/*text-align:center;*/
}
.table-caption, .table-head, .table-half tr td, .table-full tr td, .table-full tr th{
	padding: 4px 6px;	
}
.table-half tr:nth-child(odd), .table-small tr:nth-child(odd), .table-medium tr:nth-child(odd), .table-full tr:nth-child(odd){
	background:#fafafa;		
}
.table-half tr:nth-child(even), .table-small tr:nth-child(even), .table-medium tr:nth-child(even), .table-full tr:nth-child(even){
	background:#eeeeff;		
}
.table-head{
	font-weight:bold;		
}
.table-small{
	width:228px;	
}
.table-medium{
	width:280px	
}
.table-full{
	width:100%;	
}
.table-full tr th{
	text-align:left;	
}
.table-small tr td, .table-medium tr td{
	padding:3px 2px;	
}
/* -------- table style ends here --------------- */

/* ------------- yellow box styles -------------- */
.yellow-box{
	background:#F6F2D5;
	padding:5px;
	font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
}
.yellow-box-475{
	width:475px;
	padding:10px;	
}
.yellow-box-right{
	float:right;
	margin-left:15px;	
}
.yellow-box-left{
	float:left;
	margin-right:15px;	
}
.yellow-box .header{
	margin:0 0 10px;	
}
.yellow-box h3{
	font-size:12px;	
}
.yellow-box.review-year{
	padding:10px;
	margin-top:5px;	
}
.yellow-box.review-year ul li{
	line-height:14px;	
}
.red-text{
	color:#FF0000;
	font-size:15px;
	font-weight:normal;
	margin-bottom:6px;	
}
.yellow-box-3 li{
	background:#f6f2d5;
	padding:10px;
	width:220px;	
}
.img-gallery-bottom.yellow-box-3 li{
	margin-right:20px!important;
	height:356px;	
}
.img-gallery-bottom.yellow-box-3 li.last{
	margin-right:0px!important;	
}

/* -------------- yeloow box style ends here ----------- */
.img-pair-3-w210 ul li{
	width:210px;
	margin-right:28px!important;	
}
.img-gallery{
	margin-left:0!important;	
}
.img-gallery-vertical{
	float:left;
	width:49%;	
}
.img-gallery-vertical-right{
	float:right;
	width:58%;	
}
.img-pair-2-2{
	width:60%;
	float:left;	
}
.img-pair-2-2 h6{
	font-size:11px;
	color:black;
	text-align:center;
	margin:0 auto 10px ;	
}
.img-gallery-bottom li{
	width:210px;
	margin-right:35px!important;	
}
.img-gallery-bottom li:last-child{
	margin-right:0!important;	
}
.img-gallery-bottom li a img{
	width:220px;	
}
.img-gallery.img-gallery-bottom h6{
	margin-top:10px;	
}
.img-gallery-middle{
	margin:10px auto;	
}
.gallery h2{
	font-size:120%;
	color:#000;
	margin-bottom:10px;	
}
.blockquote{
	margin-left:75px;
	margin-right:75px;
	font-style:italic;	
}
.references.feedback ul li{
	margin-bottom:10px;
}
.images-caption3-2{
	color: black;
    font-size: 11px;
    margin: 10px auto;
	text-align:center;
}
.img-gallery-yellow-box{
	background:#F6F2D5;
	margin-right: 15px;
	margin-top:5px;
    padding: 10px 10px 0 10px;
    width: 46%;	
}
.img-gallery-yellow-box h4{
	color: black;
    font-size: 11px;
    margin: 5px auto;
    text-align: center;	
}
.content-part .clearfix a{
	color:#00F;	
}
.content-part .clearfix .yellow-box a{
	font-size:10px;
}
.ad-right{
	background:#f6f2d5;
	padding:15px;
	-webkit-box-shadow:0 0 5px #888;
	-moz-box-shadow:0 0 5px #888;
	box-shadow:0 0 5px #888;	
}
.ad-right h3{
	margin-bottom:10px;	
	font-size:15px;
}
.ad-right .img-left{
	float:right;	
}
.ad-right p{
	font-size:11px;	
}
.img-pair-3-horizontal li{
	width:228px;
	
}
.img-pair-3-horizontal li img{
	width:225px;	
}
.video-box{
	background:#d4d4d4;
	padding:7px;
	border:1px solid #c9c9c9;	
}

@-moz-document url-prefix() {
    .img-full h6, .img-medium h6,  .img-big h6, .img-vertical h6, .img-small h6, .img-pair h6.common-caption, .img-420 h6, .img-w200 p, .img-w175 h6, .img-pair-3-wrap h6, .img-gallery li h6, .img-pair-w220 h6, .img-w500 h6
    {
        font-size:11.12px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .height-fix{height:568px!important;}
}

/* css for the feedback box */
.wrapper #box5 {
	margin-left:20px;
	margin-top:10px;
}

.wrapper #box5 #fb_c {
	margin: 1em 0em;
	width:715px;
}

.wrapper #box5 #fb_c small {
	margin-left:20px
}

.wrapper #box5 #fb_c p {
	clear:both;
	margin-left:15px;
	width:660px;
}

@media print
{    
    .no-print
    {
        display: none;
    }
	#page_shadow, #wrapper{
		margin:0 auto;
	}
}