@import url(reset.css);

body {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:62.5%;
	color:#2d2d2d;
}

a, a:link, a:visited {
	text-decoration:none;
	color:#098ad0;
}
a:hover, a:focus, a:active {
	text-decoration:underline;
}

#bar {
	height:36px;
	border:2px solid #d7eaf4;
	border-top:none;
	background:url(/img/sprites/packviewer.png) repeat-x left -36px;
	position:relative;
	
	z-index:5;
}

#bar_liner {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:0;

}

#bar #centerZone {
	height:100%;
	margin-right:468px;
	z-index:1;
}
#bar div div, #bar h1 {
	z-index:5;
	height:36px;
	position:relative;
}

#bar:after {
	content:".";display:block;height:0;clear:both;visibility:hidden;
}

#logo {
	width:109px;
	background:url(/img/sprites/packviewer.png) repeat-x left top;
	float:left;
	border-right:1px solid #d8e0e3;
}
#logo a {
	display:block;
	height:36px;
	width:91px;
	background:url(/img/sprites/packviewer.png) no-repeat left -72px;
	text-indent:-9999em;
	margin:0 auto;
}

#meta {
	padding:0 1.5em;
	padding-right:25px;
	float:left;
	height:36px;
	border-right:1px solid #d8e0e3;
	position:relative;
}

#meta h2 {
	font-size:1.4em;
	font-weight:bold;
	color:#098ad0;
	margin:0.3em 0;
}
.author_info {
	font-size:1.1em;
}
.author_info em {
	color:#d06022;
}
.author_info .separator {
	color:#b4c8d0;
	margin:0 0.5em;
}

#info {
	width:20px;
	height:22px;
	display:inline-block;
	background:url(/img/sprites/packviewer.png) no-repeat -172px -137px;
	text-indent:-9999em;
	position:absolute;
	right:3px;
	bottom:0;
	cursor:pointer;
}
#info:hover, #info:focus, #info:active, #info.selected {
	background:url(/img/sprites/packviewer.png) -172px -158px;
}

#more {
	line-height:36px;
	float:right;
}

.block_link {
	display:inline-block;
	height:29px;
	line-height:29px;
	background:url(/img/sprites/packviewer.png) no-repeat left -108px;
	font-size:1.1em;
	position:relative;
	padding:0 1em 0 0.5em;
	margin:0 0.5em 0 0;
	z-index:1;
}



.block_link .liner {
	position:absolute;
	display:block;
	right:0;
	top:0;
	width:6px;
	height:100%;
	background:url(/img/sprites/packviewer.png) no-repeat -194px -108px;
	
}

.block_link * {
	z-index:5;
	position:relative;
}
.block_link .liner {
	z-index:2;
}
.block_link .gleam {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	background:url(/img/sprites/packviewer.png) no-repeat left -384px;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   
}
.block_link .gleamliner {
	width:20px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	background:url(/img/sprites/packviewer.png) no-repeat right -384px;
}

.block_link.selected {
	background-position:left -190px
}
.block_link.selected .liner {
	background-position:-194px -190px;
}

.block_link .bullet {
	width:7px;
	height:100%;
	background:url(/img/sprites/packviewer.png) no-repeat -92px -72px;
	float:left;
	margin-right:0.5em;
}

.share .icons {
	width:58px;
	height:17px;
	display:inline-block;
	background:url(/img/sprites/packviewer.png) no-repeat left -173px;
	float:right;
	margin-top:6px;
	margin-left:0.5em;
}
.share.selected .icons {
	background-position: -58px -173px;
}

.share {
	padding:0 1em;
}



#nav {
	width:80px;
	border-left:1px solid #d8e0e3;
	height:36px;
	background:url(/img/sprites/packviewer.png) no-repeat right top;
	line-height:36px;
	float:right;
	padding-left:5px;
}

#position {
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	float:right;
	padding:0 0.5em;
	border-left:1px solid #d8e0e3;
	background:url(/img/sprites/packviewer.png) no-repeat right top;
}
#positionWrapper {
	width:59px;
	display:inline-block;
	line-height:36px;
	background:url(/img/sprites/packviewer.png) no-repeat -141px -72px;
	color:#fff;	
}
#positionWrapper .link {
	cursor:pointer;
}

.navButton {
	width:32px;
	height:32px;
	display:inline-block;
	text-indent:-999em;
	position:relative;
}
#prev {
	background:url(/img/sprites/packviewer.png) no-repeat left -137px;
}
#prev.enabled:hover, #prev.enabled:focus {
	background:url(/img/sprites/packviewer.png) no-repeat -32px -137px;
}

#next {
	background:url(/img/sprites/packviewer.png) no-repeat -64px -137px;
}

#next .flasher {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background:url(/img/sprites/packviewer.png) no-repeat 2px -220px;
	left:0;
	top:0;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
}

#next.enabled, #prev.enabled, #vote, .share {
	cursor:pointer;
}
#next.enabled:hover, #next.enabled:focus {
	background:url(/img/sprites/packviewer.png) no-repeat -96px -137px;
}

#vote {
	background:url(/img/sprites/packviewer.png) no-repeat -128px -138px;
	
}
#vote:hover, #vote:focus {
	background:url(/img/sprites/packviewer.png) no-repeat -99px -71px;
}



#content-area {
	overflow:hidden;
	position:relative;
	background:url(/img/med-logo.png) no-repeat center 30%;
	min-height:450px;
}

#content-loader {
	width:100%;
	height:60%;
	position:absolute;
	left:0;
	top:38px;
	text-align:center;
	font-size:4em;
	color:#aaa;
	line-height:500px;
	background:none;
	min-height:450px;

}

#content-slider {
	position:absolute;
	left:0;
	top:0;
}


.displayFrame {
	width:100%;
	position:absolute;
	left:0;
	top:0;
}

.waitingFrame {
	position:absolute;
	left:100%;
}
.prevFrame {
	position:absolute;
	left:-100%;
}
.packItemFrame {
	position:relative;
	z-index:1;
	visibility:hidden;
}

.content_frame_holder {
	position:relative;
	z-index:1;
}

.content_item {
	float:none;
	top:0;
	position:relative;
	z-index:1;
	margin:0;
}

#assetloaders, #btns {
	position:absolute;
	width:10px;
	height:1px;
	bottom:0;
	left:0;
	z-index:1;
	overflow:hidden;
}
#btns {
	left:30px;
}

#assetloaders .asetloader {
	width:10px;
	height:10px;
}


.shim {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:50;
}

.summary_shim.shim {
	height:100px;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	overflow:hidden;
	background:transparent;
	
	
}

.summary_wrap {
	width:100%;
	position:absolute;
	left:0;
	top:0;
	height:100px;
	z-index:50;
}

.summary {
	width:100%;
	position:absolute;
	left:0;
	top:0;
/*	background:#fff;  */
	background:rgba(215, 234, 244,0.9);
	height:100%;
	z-index:10;
	border-bottom:1px solid #999;
	
}

.summary .liner {
	padding:1em 3em;
	max-width:950px;
	margin:0 auto;
}

.summary h4 {
	font-size:1.8em;
	font-weight:bold;
	margin:0 0 0.5em 0;
}
.summary p {
	font-size:1.4em;
	line-height:1.5em;
}



#modalbg {
	width:100%;
	height:100%;
	background:#000;
	opacity:0.43;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=43)";
	position:absolute;
	left:0;
	top:0;
	z-index:51;
}

#modalshim {
	position:absolute;
	left:0;
	top:0;
	background:transparent;
	z-index:50;
	width:100%;
	height:100%;
}


.lightbox, .lightbox_shim {
	position:absolute;
	margin:auto;
	top:200px;
	width:400px;	
	z-index:100;
	left:50%;
	margin-left:-200px;
	padding:7px;
	background:rgb(166,213,238);
	background:rgba(166,213,238,0.36);
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;

}
.lightbox {
	display:none;
}

.lightbox.sharebox {
	width:510px;
}
.lightbox.logup {
	width:692px;
}

.lightbox.breakout {
	top:150px;
	display:block;
}

.lightbox.signin {
	min-height:400px;
}

.lightbox_liner {
	padding:2em 3em;
	border:1px solid #e8f6fc;
	background:#fff url(/img/lightbox-bg.png) repeat-x left bottom;

}

.lightbox.breakout h2 {
	font-size:1.8em;
	font-weight:bold;
	margin:1em auto;
}

.lightbox.breakout p {
	font-size:1.4em;
	line-height:1.5em;
	margin:1em auto;
}
.lightbox.breakout p .title {
	color:#D06022;
}

.votebox p {
	font-size:2.4em;
	color:#3d4d56;
	text-align:center;
	border-bottom:1px solid #dde2e4;
	padding-bottom:0.75em;

}

.summary_close {
	position:absolute;
	right:1em;
	top:0.5em;
	cursor:pointer;
}

.summary_close:hover, .summary_close:focus, .summary_close:active {
	text-decoration:underline;
}


/* vote buttons  */

#votebuttons {
	margin:2em auto 1em auto;
	width:175px;
}

#votebuttons .button {
	text-indent:-999em;
	border:none;
	width:77px;
	height:35px;
}

#votebuttons .yes {
	background:url(/img/sprites/packviewer.png) no-repeat -123px -219px;
}
#votebuttons .yes:hover {
	background-position:-123px -279px;
}

#votebuttons .no {
	background:url(/img/sprites/packviewer.png) no-repeat -45px -219px;
	margin-left:16px;
}

#votebuttons .no:hover {
	background-position: -45px -279px;
}

/* end votebuttons */

/* lightbox closebutton  */

.closeButton {
	border:none;
	width:16px;
	height:16px;
	text-indent:-9999em;
	position:absolute;
	right:10px;
	top:10px;
	background:url(/img/sprites/packviewer.png) no-repeat -132px -173px;
	cursor:pointer;
}
.closeButton:hover {
	background-position:-116px -173px;
}

/* end closebutton  */

/* vote thanks  */
.sharebox h2 {
	font-size:2.4em;
	color:#3d4d56;
	margin-bottom:0.5em;
}

.thanksForVoting p {
	font-size:1.8em;
	font-weight:bold;
	line-height:2em;
	margin-bottom:1em;
	padding-bottom:0.5em;
	border-bottom:1px solid #e2e4e5;
}

.thanksForVoting p span {
	font-weight:normal;
}

.thanksForVoting em {
	color:#D06022;
}

/* end vote thanks  */



/* Friend Chooser  */
.sharebox .scrollHolder {
	height:190px;
	overflow:auto;
	overflow-y:scroll;
	border-top:1px solid #e2e4e5;
	border-bottom:1px solid #e2e4e5;
	background:#fff;
}

.sharebox .lightbox_liner {
	padding:2em 15px;
}

.sharebox .selectFriends {
	margin-left:0;
	background:#fff;
}

#shareTitle {
	width:247px;
	height:30px;
	text-indent:-9999em;
	background:url(/img/sprites/packviewer-titles.png) no-repeat left top;
}

.votebox #shareTitle {
	margin-top:1.5em;
}

.sharebox .share_btn {
	border:0;
	width:115px;
	height:35px;
	text-indent:-9999em;
	background:url(/img/sprites/packviewer.png) no-repeat -85px -315px;
	margin:1em auto;
	display:block;
}
.sharebox .share_btn:hover {
	background-position: -85px -350px;
}

.sharebox #share_widgets {
	margin:2em auto;
}
.sharebox #share_widgets:after {
	content:".";display:block;height:0;clear:both;visibility:hidden;
}


.sharebox .widget {
	float:left;
	width:118px;
}

.sharebox .widget.addthis {
	text-align:right;
}

#share_widgets_parking {
	width:10px;
	height:1px;
	position:absolute;
	left:60px;
	bottom:0;
	font-size:1px;
	overflow:hidden;
}


.sharebox .nofriends {
	font-size:1.6em;
	margin:1em auto;
	text-align:center;
	border-bottom:none;
}

.medValidator {
	font-size:1.2em;
	background:#900 url(/img/validator-bg.png) repeat-x left top;
	color:#fff !important;
	font-weight:bold;
	padding:0.5em 1em;
	-moz-border-radius:0.3125em;
	-webkit-border-radius:0.3125em;
	border-radius:0.3125em;
	display:block;
	
}
/* end friend chooser  */

/* description bubble  */
.description_bubble {
	width:469px;
	min-height:40px;
	position:absolute;
	right:-84px;
	z-index:20;
	background:url(/img/sprites/description-bubble.png) no-repeat left top;
	top:36px;
}

.description_bubble_liner {
	padding:0.5em 1em 1.5em 1em;
	position:relative;
	top:15px;
	background:url(/img/sprites/description-bubble.png) left bottom;
	font-size:1.2em;
	color:#0a0e13;
	line-height:1.2em;
}

/* end description bubble  */

/* ToolTip for New Users  */

#bar .introToolTipContainer {
	position:absolute;
	right:11px;
	top:35px;
	display:none;
	z-index:20;
	padding-top:10px;
}

#bar .introToolTip {
	width:250px;
	color:#fff;
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.8);
	line-height:1.5em;
	position:relative;
	font-size:1.6em;
	padding:1.25em 1.5em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	height:auto;
}


.introToolTip .dismiss {
	position:absolute;
	font-weight:normal;
	right:10px;
	bottom:7px;
	font-size:0.75em;
	cursor:pointer;
	color:#fff;
	
}
.introToolTip .dismiss:hover {
	text-decoration:underline;
}

.introToolTip .pointer {
	position:absolute;
	right:4px;
	top:-10px;
	background:url(/img/tooltip-arrow.png) no-repeat left top;
	width:30px;
	height:10px;
	opacity:0.8;
	
}

/* End tooltip  */

/* ajax loader for lightboxes  */

#loader {
	display:none;
	padding:90px auto 40px auto;
	width:100%;
	height:100px;
	text-align:center;
	font-size:1.2em;
}
#loader img {
	margin-top:0;
	display:block;
	margin:0.5em auto;
}

/* end loader for lightboxes  */