@charset "utf-8";article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-size:13px;line-height:1.231}body,button,input,select,textarea{font-family:sans-serif;color:#222}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}table button,table input{*overflow:auto}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}@media print{*{background:transparent!important;color:black!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
@charset "utf-8";img,object,embed,video{max-width:100%}.ie6 img{width:100%}.gridContainer{margin-left:auto;margin-right:auto;width:93.5606%;padding-left:.7196%;padding-right:.7196%}#header{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#top{clear:both;float:left;margin-left:0;width:100%;display:none;background:#fff}#mobile{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#leftcol{clear:both;float:left;margin-left:0;width:32.3076%;display:none}#maintop{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#maintop::before{background:background:#fff;content:"";display:block;height:10px;position:relative;top:-10px;width:100%}#ssplug{clear:both;float:left;margin-left:0;width:100%;display:none}#footer{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#mainbottom{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#splug{clear:none;float:left;margin-left:1.5384%;width:100%;display:none}#rightcol1{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#rightcontent{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#rightcol2{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#rightcol3{clear:none;float:left;margin-left:1.5384%;width:100%;display:block;background:#fff}#C2content{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#bottom{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}@media only screen and (min-width:481px){.gridContainer{width:94.4602%;padding-left:.2698%;padding-right:.2698%;background:#fff}#header{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#top{clear:both;float:left;margin-left:0;width:100%;display:none;background:#fff}#mobile{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#leftcol{clear:both;float:left;margin-left:0;width:18.2857%;display:none;background:#fff}#maintop{clear:both;float:left;margin-left:0;width:56%;display:block;background:#fff}#maintop::before{background:#fff;content:"";display:block;height:10px;position:relative;top:-10px;width:100%}#ssplug{clear:none;float:left;margin-left:.5714%;width:43.4285%;display:block;background:#fff}#footer{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#mainbottom{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#splug{clear:none;float:left;margin-left:.5714%;width:43.4285%;display:block;background:#fff}#splug::before{background:#fff;content:"";display:block;height:10px;position:relative;top:-10px;width:100%}#rightcol1{clear:none;float:left;margin-left:.5714%;width:43.4285%;display:block;background:#fff}#rightcontent{clear:none;float:left;margin-left:.5714%;width:43.4285%;display:block;background:#fff}#rightcol2{clear:none;float:left;margin-left:.5714%;width:43.4285%;display:block;background:#fff}#rightcol3{clear:none;float:left;margin-left:.5714%;width:43.4285%;display:block;background:#fff}#C2content{clear:both;float:left;margin-left:0;width:56%;display:block;background:#fff}#bottom{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}}@media only screen and (min-width:769px){.gridContainer{width:98.659%;max-width:1232px;padding-left:.1704%;padding-right:.1704%;margin:auto;background:#fff}#header{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#top{clear:both;float:left;margin-left:0;width:100%;display:none;background:#fff}#mobile{clear:both;float:left;margin-left:0;width:100%;display:none;background:#fff}#leftcol{clear:both;float:left;margin-left:0;width:16.3498%;display:block;background:#fff}#leftcol::before{background:#fff;content:"";display:block;height:10px;position:relative;top:-10px;width:100%}#maintop{clear:none;float:left;margin-left:.3802%;width:49.8098%;display:block;background:#fff}#maintop::before{background:#fff;content:"";display:block;height:10px;position:relative;top:-10px;width:100%}#ssplug{clear:none;float:left;margin-left:.3802%;width:33.0798%;display:block;background:#fff}#footer{clear:both;float:left;margin-left:0;width:100%;display:block;background:#fff}#mainbottom{clear:both;float:left;margin-left:16.73%;width:83.2699%;display:block;background:#fff}#splug{clear:none;float:left;margin-left:.3802%;width:33.0798%;display:block;background:#fff}#splug::before{background:#fff;content:"";display:block;height:10px;position:relative;top:-10px;width:100%}#rightcol1{clear:none;float:left;margin-left:.3802%;width:33.0798%;display:block;background:#fff}#rightcontent{clear:none;float:left;margin-left:.3802%;width:33.0798%;display:block;background:#fff}#rightcol2{clear:none;float:left;margin-left:.3802%;width:33.0798%;display:block;background:#fff}#rightcol3{clear:none;float:left;margin-left:.3802%;width:33.0798%;display:block;background:#fff}#C2content{clear:both;float:left;margin-left:16.73%;width:49.8098%;display:block;background:#fff}#bottom{clear:both;float:left;margin-left:16.73%;width:49.8098%;display:block;background:#fff}.slicknav_menu{display:none}}
body{
margin:0;
padding:0;
border:0;
/*background-image: url(http://www.short-hair-style.com/images/bg_pattern.png);/*shs_bg_side.gif */
/*background-repeat: repeat;*/
/*background: #fffbf4 url('http://www.short-hair-style.com/images/bg_pattern.png') repeat 0 0;*/
}

body, table, tr, td {
font-family: sans-serif;
color: #000;
font-size: 16px;
line-height: 1.428;
}

h1{
background-color: transparent;
color: #503723;	
}

h2,h3 {
background-color: transparent;
color: #FF9900;
clear: both;
}

h4 {
margin-top: 24px;
border-bottom: 1px solid #8f8fb3;
color: #666666;
clear: both;
}

/* -- General Link Styling -- */

a:link {
color:blue; 
text-decoration: underline;
}

a:visited {
color: purple;
text-decoration: underline;
}

a:hover {
	color: #0000FF;
	text-decoration: underline;
}

.footerbg{
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
background: #FFE4B5;
}

.topad{
float:left; 
margin-right:30px;
}

div#sticker {
margin-top: 10px;
background: #FFFFFF;
border: 1px double #FF9900;
max-width:300px;
}
.stick {
    position:fixed;
    top:0px;
}
/*-------------------- MOBILE NAV EXP -----------------------*/


.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    background:#4c4c4c;
    padding:5px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
/*-------------------- MOBILE NAV EXP -----------------------*/


/* ------ Section 4 - Left Column Navigation ------ */

.Navigation {
	width: 100%;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight : bold;
    text-align: center;
}

.Navigation > ul {
	list-style-type: none;
    padding: 0 0 8px 5px;
    margin: -6px 0 0 0;
}
.Navigation > ul > li {
	height: 40px;
	font-size: 13px;
	font-weight: 40;
	margin: 0 0 0 6px;
	margin-bottom:2px;
}
.Navigation > ul > li > a {
	background: #de7037; 
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	color: #000;
	display: block;
	height: 40px;
	line-height: 41px;
	margin: 0;

	/*text-transform: uppercase;*/
}
.Navigation a:link {
text-decoration: none;
}

.Navigation > ul > li:hover > a,
.Navigation > ul > li:active > a,
.Navigation > ul > li:focus > a,
.Navigation > ul > li.active:hover > a,
.Navigation > ul > li.active:active > a,
.Navigation > ul > li.active:focus > a,
.Navigation > ul > li.active > a {
	background: #503723; /*333 */
	color:#fff;
}

/* end of navigation */

.navback {
font-size: 110%;	
padding: 3px 0 3px 0px;
text-decoration:underline;	
}

.imgwrapper{
font-size: 9px;
color:#666666;
font-style:italic;
}

.imgwrapper img{
margin:0 6px 3px 0;
  padding:3px;
  border:1px solid #cca;
}

.imgstyle{
margin:0px 4px 0 0; 
border:1px solid #FF9900;
}

.imgstyletop{
margin:8px 35px 5px 0; 
border:1px solid #FF9900;
}

.notecredit{
font-size: 9px;
color:#666666;
font-style:italic;
}

.quotestyle {
  font: 14px/22px normal helvetica, sans-serif;
  font-style:italic;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
} 

.bredbox{
font-size:14px;	
margin-top:5px;
margin-bottom:5px;
padding: 5px 5px;
background: #F4F1F1;
border: 1px double #CCCCCC;
}


.innertuberight{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innerleft{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
/* BlogItem */

.blogItItem {
margin:18px 5px;
padding:0 12px;
border:1px solid #ccc;
background: #F3F3F3;
}
  
.blogItItem h3 {
background: #F3F3F3; height: 50px; padding: 0 22px; 
 border-bottom: 1px solid #e3e3e3; line-height: 50px;
}

.blogItItem .blogItThumbnail { 
box-shadow:4px 4px 4px #ccc;
border-radius:4px;
}
.blogItItem p {

}
/* Form */



/*text button */

.button > a {
background: #de7037; 
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	color: white;
	text-transform: uppercase;
	display: inline-block;
	font-size: 110%;
	text-decoration: none;
	padding: 3px;
	margin: 10px;
}

/* Side menu box */
.smenutable {
margin-top: 10px;
background: #FFFFFF;
	border: 1px double #FF9900;
	max-width:300px;
}

.smenuheader {
margin: 2px;
padding:5px 5px;
    background: #f5a156;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	font: 90% Verdana, Helvetica;
	color: #333333;
	font-weight : bold;
	height: 20px;
	line-height: 20px;
}

.smenuheader2 {
margin: 1px;
padding:5px 5px;
    background: #507E69;/*A0BAAE */
	border: 1px double #FF9900;
	font: 120% Verdana, Helvetica;
	color: #FFFFFF;
	font-weight : bold;
}

.smenubody{
margin: 5px; 
margin-top: 5px;
font: 90% Verdana, Helvetica;
line-height: 1.5em;
}

/* side content box*/
.sboxtable {
margin-top: 10px;
background: #FFFFFF;
	border: 1px double #FF9900;
}
.nsboxtable {
margin-top: 10px;
background: #FFFFFF;
border: 1px double #FF9900;
max-width:300px;
}

.sboxheader {
margin: 1px;
padding:5px 5px;
	color: #666666;
	font-weight : bold;
}

.sboxbody{
margin: 5px; 
margin-top: 5px;
/*font: 90% Verdana, Helvetica;*/
}

.sheader {
margin: 1px;
padding:5px 5px;
	color: #666666;
	font-weight : bold;
}
/* ad box no border */
.adboxtable {
margin-top: 5px;
background: #FFFFFF;
border: none;
}

div.cfloat {
  float: left;
  }
  
div.cfloat p {
   text-align: center;
   }


/* C2 style */
.c2beauty{

}

.c2beauty img{
margin:0 6px 3px 0;
padding:3px;
border:1px solid #cca;
}

/* SBI addon */

#addSiteTo {
width:90%;
font-size:85%;
text-align:center;
padding:1px 0;
border:1px solid #FF9900;
margin:10px auto;
}

#addSiteTo p {
padding:2px 2px 4px;
margin:0;
}

#addSiteTo img {
width:91px;
border:0;
padding:1px 0;
}

/* Photos */
.picturebox {
	background:#cccccc; 
	background-repeat: no-repeat;
	border: 1px solid #000000;
	padding:2px;
	width: 154px;
}
.framebox {
	border: 2px double #FFFFFF;
	height:200px;
	position:relative;
}
.capbox {
	padding:3px;
	width: 154px;
	font:90%/1.4em Georgia,Serif;
}
.navframe{
margin-top: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #8f8fb3;
border-top: 1px solid #8f8fb3;
color: #666666;
clear: both;	
}

.navframe img{
margin:3px 3px 0px 3px;
}

/*thumbnail for invitation */
.with_images .othervisitors p {
margin-left:56px;
}
.thumb_container {
float:left;
width:50px;
height:50px;
overflow:hidden;
margin-top:3px;
}
.with_images .othervisitors .submission_thumbnail {
width:100%;
}
.othervisitors {
clear: both;
}

/* thumbnail overflow */

ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin-right:5px;
		margin-top:5px;
		border:1px solid #999;	
		padding:2px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:96px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-10px;
		left:-5px;	
	}
	ul#thumbs p{
		float:left; 
		width:100px;
		height:35px; 
		clear:both;
	}
	

ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
ul#thumbs a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}

/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
/* clearing floats */

/* New elements for responsive issues */

/* Elastic video container for iframe */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: visible;
}

.video-container iframe, 
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 600px;
	max-width: 100%;
}

.WhatsNew {
border: 1px solid #ccc;
margin: 1em 0;
position: relative;
}

#PageWrapper .WhatsNew img {
border: 0;
}

/* -- Main Headline -- */

#PageWrapper .WhatsNew h2 {
margin: 0;
padding: 0.3em 24px 0.3em 4px;
_padding-right: 4px;
background: #ccc;
line-height: 1.2;
font-size: 125%;
text-align: center;
}

#PageWrapper .WhatsNew ol,
#PageWrapper .WhatsNew ul,
#PageWrapper .WhatsNew li {
margin: 0;
padding: 0;
list-style: none;
*zoom: 1;
}

#PageWrapper .WhatsNew ol {
margin: 0 10px;
overflow: hidden;
}

#PageWrapper .WhatsNew ol li {
display: block;
padding-bottom: 1px;
border-top: 1px solid #ccc;
margin-top: -1px;
}

/* -- Item Headlines -- */

#PageWrapper .WhatsNew h3 {
font-size: 125%;
line-height: 1.2;
margin-bottom: 0;
}

/* -- Date and Time -- */

.WhatsNew-time {
font-size: 75%;
color: #888;
margin-top: 0.5em;
}

/* -- Read More Text -- */

.WhatsNew-more {
text-align: right;
margin: 1em 0;
}

/* -- RSS Icon and Subscription Options -- */

.WhatsNew-subscribe {
position: absolute;
z-index: 2;
top: 0;
right: 0;
text-align: right;
_display: none;
}

.WhatsNew-icon {
padding: 4px 4px 2px;
}

#PageWrapper .WhatsNew-subscribe ul {
display: none;
padding: 2px 4px;
background: #ccc;
}

#PageWrapper .WhatsNew-subscribe ul li {
display: block;
background-image: none;
}

#PageWrapper .WhatsNew-subscribe:hover ul {
display: block;
}

#PageWrapper .WhatsNew-subscribe ul img {
display: block;
padding: 2px 0;
}

/* -- Main Headline in Mobile-- */

.mobile #PageWrapper .WhatsNew h2 {
padding-right: 4px;
}

/* -- RSS Icon and Subscription Options -- */

.mobile .WhatsNew-subscribe {
position: static;
}

.mobile .WhatsNew-icon {
display: none;
}

.mobile #PageWrapper .WhatsNew-subscribe ul {
display: block;
text-align: center;
}

.mobile #PageWrapper .WhatsNew-subscribe ul img {
display: inline-block;
}

/* -- Left Alignment -- */

.WhatsNewLeft {
float: left;
margin-right: 0.5em;
}

/* -- Right Alignment -- */

.WhatsNewRight {
float: right;
margin-left: 0.5em;
}

/* -- Centered -- */

.WhatsNewCenter {
margin-left: auto;
margin-right: auto;
}

/* Progress barr */
#progress {
 width: 150px;   
 border: 1px solid rgba(94,89,89,1.00);
 position: relative;
 padding: 1px;
}

#percent {
 position: absolute;   
 left: 50%;
}

#barverylow {
 height: 20px;
 background-color: lightblue;
 width: 10%;
}
#barlow {
 height: 20px;
 background-color: blue;
 width: 30%;
}
#barmed {
 height: 20px;
 background-color: palegreen;
 width: 50%;
}
#barhigh {
 height: 20px;
 background-color: green;
 width: 80%;
}
/*Style-for-magazine*/
.shsMag .shsIsTitleBlock { background: #f7f7f7; height: 77px; padding: 0 22px; 
 border-bottom: 1px solid #e3e3e3; line-height: 77px; }
.shsMag .shsIsTitleBlock > h3 { font-size: 1em; font-weight: normal; color: #333; float: left; text-transform: uppercase; }
.shsMag .shsIsTitleBlock > h3 > span { color: #fc764a; }
.shsMagbg {
	border: 1px solid #ffffff; background: #ffffff; padding: 1px;} 
/*solid #d8d8d8; background: #efefef;*/
.shsMag .shsIsNewsBlock { background: #f7f7f7; height: 50px; padding: 0 22px; 
 border-bottom: 1px solid #e3e3e3; line-height: 50px; }
.shsMag .shsIsNewsBlock > h3 { font-size: 16px; font-weight: normal; color: #333; float: left; text-transform: uppercase; }
.shsMag .shsIsNewsBlock > h3 > span { color: #fc764a; }

/* gkstyle */
.gkIsWrapper-gk_music { position:relative; width:100%; overflow:hidden; margin-bottom:10px; margin-top:5px; text-align:center;}
.gkIsWrapper-gk_music .gkIsImages { position: relative; height: 100%!important; overflow: visible!important; font-size:75%; display:inline-block;}
.gkIsWrapper-gk_music .gkIsSlides { overflow: hidden; position: absolute; top: 0; left: 0; visibility:hidden; padding: 25px 8px;}
.gkIsWrapper-gk_music .gkIsSlides:first-child { visibility:visible; position: relative; }
.gkIsWrapper-gk_music .gkIsSlide {
	position: relative;
	float:left;
	overflow: hidden;
	margin-bottom:5px;
}
.gkIsWrapper-gk_music .gkIsSlide > div {
	border: 1px solid #d8d8d8; background: #efefef url('images/slidebg.png') repeat-x left top; padding: 7px; margin: 0 6px; }
.gkIsWrapper-gk_music .gkIsSlide:hover > div { background: #222; border-color: #222; cursor: pointer; }
.gkIsWrapper-gk_music .gkIsSlide:hover > div a { color: #eee; text-shadow: 0 0 0 #000; }	
.gkIsWrapper-gk_music .gkIsSlide:hover > div span { color: #aaa; text-shadow: 0 0 0 #000; }
	
.gkIsWrapper-gk_music .gkIsSlide h3  { text-align: center; font-size: 13px; padding: 15px 0 10px 0; }
.gkIsWrapper-gk_music .gkIsSlide a {
	color: #0000FF;
	font-weight: normal;
	text-align: center;
	text-transform: capitalize;
	line-height: 13px;
	text-shadow: 0 1px 0 #fff;
}
.gkIsWrapper-gk_music .gkIsSlide span { text-align: center; display: block; font-size: 10px; color: #848484; line-height: 10px; text-shadow: 0 1px 0 #fff; padding: 0 0 10px 0; }
.gkIsWrapper-gk_music .gkIsSlide .gkIsImage + span { padding-top: 15px; }
.gkIsWrapper-gk_music .gkIsSlide .gkIsImage { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.gkIsWrapper-gk_music .gkIsSlide .gkIsImage:hover { opacity: 0.85; }
.gkIsWrapper-gk_music .gkIsSlide { -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; transition: transform 0.5s ease-in; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }
.gkIsWrapper-gk_music .gkIsSlide.gkIsHidden { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); transform: rotate(15deg); }

/*---- Back to top button */
.back-to-top {
    position: fixed;
    bottom: 8.2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 14px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}