@import "TemplateCarousel.css";

body {width: 100%;}

/*-------------- HeaderControl Style --------------*/
.HeaderControlStyle{text-align: left; display: table; vertical-align: top; margin-top: 8px;}
.HeaderControl {
   vertical-align:text-top;
   text-align:left;
   min-height:55px;
   width:100%;
}
.HeaderControlStyle{text-align: left; display: table; vertical-align: top;}

.HeaderControlTitle, .HeaderControlTitle a:link, .HeaderControlTitle a:visited, .HeaderControlTitle a:active
{
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	font-family: Georgia, "Times New Roman" , Times, serif;
}
.HeaderControlTitle a:hover
{
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	font-family: Georgia, "Times New Roman" , Times, serif;
}

.HeaderControlDate
{
	font-size: 100%;
	font-weight: normal;
	color: #999999;
	vertical-align: top;
	padding: 0;
	margin: 0;
	width: 100%;
}

.HeaderControlInfo
{
	font-size: 100%;
	font-weight: normal;
	color: #999999;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.HeaderControlLinks
{
	font-size: 100%;
	font-weight: normal;
	color: #999999;	
	padding: 8px 0 0 0;
	margin: 0;
	text-align: left;
	width: 100%;
}

.HeaderControlLinks .ShareThisPopupLink,
.HeaderControlLinks .SubscribeLink,
.HeaderControlLinks .RetweetLink,
.HeaderControlLinks .PopUpLinkButton,
.HeaderControlLinks .Download
{
	padding: 2px 0 2px 20px;
}

.HeaderControlLinks .ShareThisPopupLink
{
	background: url(images/sharethis.png) no-repeat left center;
}

.HeaderControlLinks .SubscribeLink
{
	background: url(images/subscribe.png) no-repeat left center;
}

.HeaderControlLinks .RetweetLink
{
	background: url(images/retweet.png) no-repeat left center;
}

.HeaderControlLinks .PopUpLinkButton
{
	background: url(images/recommend.png) no-repeat left center;
}

.HeaderControlLinks .Download
{
	background: url(images/downloadsmall.png) no-repeat left center;
}

.author-photo {
	float:left;
	border-style:solid;
	border: #e6e6e6 2px solid;
	padding:2px;
}

/*-------------- Top Menu Style --------------*/
.rootVoicesContainter { background-color: #EDEDED; }

.rootVoices
{
	background-color: #EDEDED;
	padding: 5px;
	padding-bottom: 0;
}

.rootVoices td.rootVoice {
  vertical-align:middle;  
  text-shadow:#fff 1px 1px 1px;  
  color: #666;
  font-size:11px;
  line-height:18px;
  font-weight: bold;
  padding:6px;
  cursor: pointer;
}

.rootVoices td.rootVoice .bullet {
	font-weight: normal;
}

.rootVoices td.rootVoice.selected{
  background: #666666 url("../images/bgnd_sel_4.png");
  padding:6px;
  color:#ffffff;
  font-weight: bold;
  cursor: pointer;
  font-size:11px;
  text-shadow:#7D7D7D 1px 1px 1px;
  /*
    -moz-box-shadow:#999 2px 2px 10px;
    -webkit-box-shadow:#999 2px 2px 10px;
  */
  -moz-border-radius:8px 8px 0 0px;
  -webkit-border-top-right-radius:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-bottom-right-radius:0px;
  -webkit-border-bottom-left-radius:0px;

}
.rootVoices td.rootVoice.disabled.selected{
  background:#999!important;
  color:#666;
  text-shadow:#ddd 1px 1px 1px;
}

.rootVoices.vertical {
  width:140px;
}
.rootVoices.vertical td.rootVoice{
  -moz-border-radius:8px 0px 0 8px;
  -webkit-border-top-right-radius:0px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-bottom-right-radius:0px;
  -webkit-border-bottom-left-radius:8px;
}

.mbmenu { display:none; }

.menuContainer{
/*overflow:hidden;*/
  position:absolute;
  background-color:#E6E6E6;
  border-top:5px solid #666666;
  padding:0;
  -moz-box-shadow:#999 2px 2px 10px;
  -webkit-box-shadow:#999 2px 2px 10px;
  box-shadow:#999 2px 2px 10px;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-top-right-radius:0px;
  -webkit-border-top-left-radius:0px;
  -webkit-border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
}
.menuContainer.submenuContainer{
  border-top:none!important;
}

.menuContainer.disabled{
  border-top:5px solid #999;
  background-color:gray;
}
.menuContainer .line{
  background-color:transparent;
  width:100%;
}
.menuContainer .line.title {
  background-color:#666666;
  font-size:11px;
/*border-bottom:1px solid #666666;*/
}
.menuContainer.disabled .line.title {
  background-color:#999;
}
.menuContainer .line.title a{
  font-size:11px;
  color:#ccc;
}
.menuContainer.disabled .line.title a{
  font-size:11px;
  color:#666;
  text-shadow:#999 1px 1px 1px;
}
.menuContainer td a{
  text-decoration:none;
  color:#f3f3f3;
  text-shadow:#ccc 1px 1px 1px;
}
.menuContainer td.voice{
  font-size:11px;
  padding:7px;
}
.menuContainer td.voice a, .menuContainer td.voice a:hover{
  font-size:11px;
  text-decoration: none;
  color: #000;
}
.menuContainer .separator{
  background-color:#999;
  height:1px;
  padding:0;
  margin:0;
}
.menuContainer td.img{
  text-align:center;
  font-size:11px;
  color: #c3c3c3;
  background-color:transparent;
  width:24px;
  padding:5px;
}
.menuContainer td.img img{
  width:20px;
}
.menuContainer .textBox{
  padding: 10px;
  font-size:11px;
  color: #c3c3c3;
}
.menuContainer .textBox a, .menuContainer .textBox a:hover{
  color: #000;
  font-size:11px;
  text-decoration: none;
}
.menuContainer .selected td{
  background-color:#f3f3f3;
  background-image:url("../images/bgnd_sel_2.jpg")
}
.menuContainer .selected td a{
  color:#000;
  text-shadow:#fff 2px 2px 1px;
  display:block;
}
.menuContainer .disabled td, .menuContainer .disabled td a {
  color:#555;
  text-shadow:#ccc 1px 1px 1px;
}
.menuContainer .subMenuOpener{
  background-image:url("../images/menuArrow_w.gif");
  background-repeat:no-repeat;
  background-position:right;
}
.menuContainer .selected .subMenuOpener{
  background-image:url("../images/menuArrow.gif");
  background-repeat:no-repeat;
  background-position:right;
}

/*-------------- Panes Style --------------*/
.MediaMenuWrapper {
	padding: 10px 0 10px 0;
	color: #999;
}
.MediaMenuWrapper td { padding: 0 4px; color: #2E3D47; }

.ContentWrapper {
	padding: 5px 0 5px 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	display: block;
	width: 100%;
}

.ContentLeftPane
{
	float: left;
	width: 80px;
	margin: 0;
}
.ContentRightPane
{
	text-align: left;
	margin-left: 80px;
	margin: 0;	
}

.ContentBodyFull {
	margin: 0;
	padding: 0;
	text-align: left;	
	display: block;
}
.ContentBodyFullLeft
{
	margin-right: 210px;
}

.ContentBodyFull {
	margin: 0;
}

.ContentBodyFull p {
	margin-top: 0;
}

.RightContentBodyRight 
{
	float: right;
	width: 120px;
}

.ContentBodyScroll 
{
	overflow-y: auto;
	max-height: 600px;
	min-height: 300px;
}

.ContentWrapper { width: 100%; margin: 0; padding: 8px 0; }

.TabWrapper { margin:8px 0;}
.Tab { min-height: 300px; }

/*-------------- Avatar --------------*/
.AvatarContainer {
	text-align: center;
	margin-right: 8px;
}

/*-------------- Ranking Style --------------*/
.RankingContainer {
	float: left;
	width: 65px;
	height: 65px;
}

/*-------------- Rating Style --------------*/
.RatingContainer
{
	vertical-align: middle;
	display:inline;
	padding: 0;
	margin: auto auto;	
}

.RatingContainer div div
{
	padding: 0;
	margin-top/**/:/**/-2px;
}

.RatingContainerBlock
{
	height: 30px;
}

#divMediaRatingContainer
{
	padding: 2px 4px 4px 4px;
	background-color: #eee;
}

/*-------------- Thumbnail Style --------------*/
.ThumbnailContainer 
{
	float: left;
	margin-right: 8px;
}



div.MapMarkerInfoWindow {}
div.MapMarkerInfoWindow HR { color: #999999; }
div.MapMarkerInfoWindow SMALL { color: #999999; }
div.MapMarkerInfoWindow .MapMarkerInfoWindowNearTextbox {
	width: 175px; margin-right: 5px;
}
div.MapMarkerInfoWindow .MapMarkerInfoWindowNearButton {
	width: 60px;
}
div.MapMarkerInfoWindow a { font-size: 90%; }


/*-------------- Content Style --------------*/
.Bar {
  border: #e6e6e6 1px solid;
  padding:5px;
}
.BarInside {
  border: #FFFFFF 2px solid;
  background-color: #e6e6e6;
  padding:5px;
}

div.hr {
	margin: 4px 0 4px 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	background: #CCCCCC;
}
div.hrclass {
	margin: 4px 0 4px 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	background: #e6e6e6;
}


hr { color: #cccccc; border-style: dotted; }

.SubHeadTitle {
	font-size:120%;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}

.SubHeadTitleRight {
	font-size:120%;
	font-weight:bold;
	text-align: right;
	vertical-align:middle;
	float: right;
	width: 190px;
	margin: 0;
}

.SubHeadTitleLeft {
	font-size:120%;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;	
	margin-right: 200px;
	margin: 0;
}

.iconimage {
	vertical-align:middle;
	text-align:left;
	display:inline-block;
}


/* Media Styles */
.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height: 14px;
	width: 14px;
}

.album-frame .top-x--- {
	background-repeat: repeat-x;
	background-image: url(images/borders/album-tstretch.gif);
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-repeat: repeat-x;
	background-image: url(images/borders/album-tstretch.gif);
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-repeat: repeat-x;
	background-image: url(images/borders/album-tstretch.gif);
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx---- {
	background-repeat: repeat-y;
	background-image: url(images/borders/album-lstretch.gif);
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-repeat: repeat-y;
	background-image: url(images/borders/album-rstretch.gif);
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx---- {
	background-repeat: repeat-y;
	background-image: url(images/borders/album-lstretch.gif);
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-repeat: repeat-y;
	background-image: url(images/borders/album-rstretch.gif);
	height: auto;
	width: 14px;
}

.album-frame .mbtx---- {
	background-repeat: repeat-y;
	background-image: url(images/borders/album-lstretch.gif);
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-repeat: repeat-y;
	background-image: url(images/borders/album-rstretch.gif);
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x--- {
	background-repeat: repeat-x;
	background-image: url(images/borders/album-bstretch.gif);
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-repeat: repeat-x;
	background-image: url(images/borders/album-bstretch.gif);
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-repeat: repeat-x;
	background-image: url(images/borders/album-bstretch.gif);
	text-align: left;
	height: 14px;
	width: auto;
}

.MediaLinks { padding: 8px 0; }

.MediaLinks a
{
	padding: 4px 8px 4px 24px;
	vertical-align: middle;
}

.MediaLinks a.EditMedia
{
	background: url(images/EditMedia.png) no-repeat left center;
}

.MediaLinks a.DeleteMedia
{
	background: url(images/DeleteMedia.png) no-repeat left center;
}

.MediaLinks a.MakeEnclosure
{
	background: url(images/DeleteMedia.png) no-repeat left center;
}

.MediaLinks a.MakeEnclosure
{
	background: url(images/articleenclosure.png) no-repeat left center;
}

.MediaLinks a.ChangeThumbnail
{
	background: url(images/changetumbnail.png) no-repeat left center;
}

.MediaLinks a.ViewFullScaleLightbox
{
	background: url(images/fullscale.png) no-repeat left center;
}

.BackToArticle, .BackToArticle:link, .BackToArticle:visited, .BackToArticle:active, .BackToArticle:hover
{
	padding: 4px 4px 4px 24px;
	vertical-align: middle;
	font-weight:bolder;
	background: url(images/prearrow.png) no-repeat left center;
	font-size:11px;
}

.NewFolderLink, .NewFolderLink:link, .NewFolderLink:visited, .NewFolderLink:active, .NewFolderLink:hover
{
	padding: 4px 4px 4px 24px;
	vertical-align: middle;
	font-weight:bolder;
	background: url(images/CreateFolder.png) no-repeat left center;
	font-size:11px;
}

.UploadMedia 
{
	padding: 4px 4px 4px 24px;
	vertical-align: middle;
	background: url(images/AddMedia.png) no-repeat left center;
	font-size:11px;
}

.EditMedia 
{
	padding: 4px 4px 4px 24px;
	vertical-align: middle;
	background: url(images/EditMedia.png) no-repeat left center;
	font-size:11px;
}

.OrganizeMedia 
{
	padding: 4px 4px 4px 24px;
	vertical-align: middle;
	background: url(images/OrganizeMedia.png) no-repeat left center;
	font-size:11px;
}

.Permalink, .Permalink:link, .Permalink:hover, .Permalink:visited, .Permalink:active
{
	color: #000000;
}

.EditMediaWrapper { padding: 8px; background-color: #ededed; }

.EditMediaWrapperAlt
{
	padding: 8px;	
}

.CaptionTextbox 
{
	width: 90%;
	height: 50px;
}

.EditMediaWrapper .ThumbSection, .EditMediaWrapperAlt .ThumbSection
{
	border: solid 1px #ccc;
	padding: 4px;
}

.InformationalText { font-weight: normal; color:#000; }

/**Folder**/
.FolderCover {}
.FolderInfo { padding-top: 4px; }

.EULAContainer {width: 100%; height: 100%;}
.EULAHeader {
 font-weight: 700;
}

.EULAContent {
 width: 98%;
 color: #30332d;
 height: 250px;
}

.EULAFooter .Button, .EULAFooter .ClosePopupButton {
 border: outset 2px #30332d;
}

.WhoView, .WhoReviewed { display: inline; margin: 0 5px 5px 0; }