/*
	-- -- -- -- -- -- --
	Share section specific styles - Covers Blogs, inShort Learning
	-- -- -- -- -- -- --
*/

DIV.shareContent {padding:0 0 15px 30px;}
	DIV.shareContent IMG.floatLeft {margin:0 15px 25px 0;}

/* blogz0rz!!1 */
DIV.blogPost {padding-bottom:35px; clear:both;}
	.blogPost H2 {padding-bottom:2px; font-size:1.25em;  /* 20/16 */}
	.blogPost H2 A {color:#e36315;}
	#ctl00_main .blogPost SPAN.publishInfo {background:url(/_images/css/blogPost-span-bg.png) repeat-x 0 bottom; display:block; padding: 1px 6px 12px 0; margin:3px 0 5px; font-size: .68em; /* 10/16 */ line-height:1.4em;}
	.blogPost A.commentCounter {font-size:.68em; /* 10/16 */ background:url(/_images/css/blog-icons.png) no-repeat left bottom; padding:3px 3px 3px 20px; display:block; clear:both;}
	/* Comments */
	.blogPost UL#commentList {margin:0; padding:5px 0 0 0; clear:both;}
		.blogPost UL#commentList LI {background: none; margin:0 0 10px 0; padding:0; width:384px; margin-left:110px; position:relative;}
			.blogPost UL#commentList LI SPAN {background:none; /*background-color:#e1e7a4;*/ padding:0; color:#666; margin:0; text-align:right; position:absolute; width:115px; left:-120px; top:8px; font-size:.8em; font-weight:bold;}
				.blogPost UL#commentList LI SPAN SPAN {position:static; font-size:.70em; width:auto; font-weight:normal; color:#A0A0A0;}
			.blogPost UL#commentList LI BLOCKQUOTE {padding:10px; font-size:.9em; background-color:#edf1c8;  /* 11/14 */ border:1px solid #e1e7a4 /*#abaaaa*/; line-height:1.5em;}
	.blogPost SPAN#tagList {background:none; /*font-size:1.1em;  12/10 */ display:block; padding: 4px 0 40px 20px; background:url(/_images/css/blog-icons.png) no-repeat left 3px;}
	.blogPost SPAN#tagList.videoTags {padding:10px 0 15px 20px; margin-left:8px; background-position:left 12px;}
	.blogPost H3#commentHeader {background:url(/_images/css/blog-icons.png) no-repeat right -141px; padding-right:20px; margin-bottom:5px; float:right;/*text-align:right;*/}

SPAN#categoryCount {background-color:#d0d2d5; border:1px solid #a1a6ac;float:right;padding: 4px;}

/* Comment Form */
DIV#comments {background-color:#d0d2d5; border:1px solid #a1a6ac; padding:15px 20px; margin-top:1px; color:#fff;}
	#comments LABEL {float:left; width:120px; text-align:right; padding:5px 10px 0 0; font-weight:bold; color:#666;}
	#comments INPUT,
	#comments TEXTAREA {float:left; width:275px; height:130px; color:#666;font-size:1em;}
	#comments INPUT#ctl00_mainContent_btnSubmit {float:none; margin-left:130px; width:auto; padding:0; color:#333;}
	#comments INPUT {width:275px; height:25px; font-size:1em; padding:3px 0 0 0; color:#666;}
	#comments DIV.formRow {clear:both; /*background-color:#fff;*/ padding: 5px 10px;}
	#comments H4 {padding-bottom:10px; color:#666;}
	#comments SPAN {padding-left:130px; color:#d4382e !important;}
	
#ctl00_mainContent_postComment H3 {color:#999;}

A#ceoblog {display:block; width:210px; height:57px; background:url(/_images/css/ui.png) no-repeat -106px -1px; margin-bottom:10px;}

UL#socialLinks {padding:5px 10px 15px; float:left;}
	#socialLinks LI {float:left; margin-right:4px; padding:0;}
	#socialLinks A {width:28px; height:27px; background:url(/_images/css/ui.png) no-repeat 0 0; display:block; padding:0;}
		#socialLinks A#tehBlogFeeds {background-position:-227px -62px;}
		#socialLinks A#tehTwitters {background-position:-258px -62px;}
		#socialLinks A#tehFacebooks {background-position:-288px -62px;}
		
/* Twitter */
DIV#twitter_div * {padding:0;}
	#twitter_div H5 {clear:both; font-size:1em; text-transform:none; color:#3b73b9; padding-bottom:5px;}
	
	UL#twitter_update_list LI {padding-bottom:8px;}
		UL#twitter_update_list LI SPAN {display:block; word-wrap: break-word;}
	/*UL#twitter_update_list LI A {word-wrap: break-word;}*/
		
/* inShort player */
DIV#inshortWrapper {background:url(/_images/css/inshortWrapper-bg.png) no-repeat left top; width:498px; height:290px; position:relative; margin:0 auto;}
A#inshortPlayer {display:block; width:480px; height:270px; border:1px solid #E0E0E0; position:absolute; left:8px; top:9px; cursor:pointer;} /* Set Video Dimensions here */



/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.controls {
	position:relative;
	height:50px;
	margin:45px auto 0;
	/* black background with a gradient */
	background:#f4f4f4 url(/_images/css/video-controls/controls-bg.png) no-repeat 250px 5px;
	width:492px;
}

/* play/pause button */
div.controls a.play, div.controls a.pause { 
	position:absolute;
	width: 44px;
	height: 37px;
	display:block;
	text-indent:-9999em;
	background:url(/_images/css/ui.png) no-repeat -105px -64px;
	cursor:pointer; 
	top:6px;
	left:10px;
}

div.controls a.play:hover {
	background-position:-105px -103px;	
}

/* pause state */
div.controls a.pause { 
	background-position:-105px -143px;
}

div.controls a.pause:hover {
	background-position:-105px -182px;	
}

/* the timeline (or "scrubber")  */
div.controls div.track {  
	left:4px;
	top:-45px;
	position:absolute;
	cursor:pointer;
	width:492px;
	height:40px;	
}

/* the draggable playhead */
div.controls div.playhead {
	position:absolute;
	cursor:pointer; 
	background:url(/_images/css/video-controls/playback-head.png) no-repeat left 0;	
	width:15px;
	height:22px;
	top:9px;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.controls div.progress, div.controls div.buffer {	
	position:absolute;
	background-color:#4ff;
	width:0px;
	height:40px;
}

div.controls div.buffer {
	background:url(/_images/css/video-controls/track-bg.png) repeat-x left 17px;
}

div.controls div.progress {background:url(/_images/css/video-controls/progress.png) repeat-x left 17px;}

/* time display */
div.controls div.time {
	position:absolute;		
	width:90px;
	left:295px;
	top:15px;
	text-align:center;
	color:#666; 
	background-color:#CCC;
}

/* total duration in time display */
div.controls div.time strong {
	font-weight:normal;
	color:#999;
	font-size:.83em;
}

#ctl00_main div.controls div.time span {font-size:.83em;}

/* mute / unmute buttons */
div.controls a.mute, div.controls a.unmute {
	position:absolute;
	left:260px;
	top:15px;
	width:24px;
	height:22px;
	text-align:center;
	padding:0px 0;
	cursor:pointer;
	text-indent:-9999em;
	background:url(/_images/css/ui.png) no-repeat -160px -64px;
}

div.controls a.mute:hover {
	background-position:-160px -88px;	
}

/* unmute state */
div.controls a.unmute {
	background-position:-191px -64px;	
}

div.controls a.unmute:hover {
	background-position:-191px -88px;	
}

/* Share Form */


#ctl00_mainContent_pnlShare {display:none;width:300px;}

.highslide-move {float: right;padding:2px;}
.highslide-close {float: right;padding:2px;}

DIV#ctl00_mainContent_pnlShare { border:1px solid #a1a6ac; padding:15px 20px; margin-top:1px; }
	#ctl00_mainContent_pnlShare LABEL {width:120px; text-align:right; padding:5px 10px 0 0; font-weight:bold; color:#666;}
	#ctl00_mainContent_pnlShare INPUT,
	#ctl00_mainContent_pnlShare TEXTAREA {width:275px; height:130px; color:#666;font-size:1em;}
	#ctl00_mainContent_pnlShare INPUT#ctl00_mainContent_btnSend {float:none; width:auto; padding:0; color:#333;}
	#ctl00_mainContent_pnlShare INPUT {width:275px; height:25px; font-size:1em; padding:3px 0 0 0; color:#666;}
	#ctl00_mainContent_pnlShare DIV.formRow {clear:both; padding: 5px 10px;}
	#ctl00_mainContent_pnlShare H4 {padding-bottom:10px; color:#666;}
	#ctl00_mainContent_pnlShare SPAN {color:#d4382e !important;}