body
{
	overflow:auto;
/*
	font: 11px/13px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Helvetica, sans-serif;
*/
}

a, a:link, a:visited , tab1 a:active{
	color: #0055ac;
	text-decoration: none;
}
a:hover , a:active {
	text-decoration: underline;
}

img.icon
{
	margin-bottom:-3px;
}

.coverSlide
{
	position:absolute;
	z-index:15990;
	border:solid 2px #81C5FF;
	cursor:move;
}
.boxSelector
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:15990;
	border:solid 1px #81C5FF;
	background:transparent url(http://localhost:9090/images/video/matte100.gif) repeat;
	cursor:move;
}
.coverHighlight
{
	position:absolute;
	z-index:300;
	cursor:move;
	display:none;

/*
	border:solid 1px #81C5FF;
	background:transparent url(http://localhost:9090/images/video/matte100.gif) repeat;

*/
	border:solid 1px #000000;
	background-color: #CB0CF0;
	filter:alpha(Opacity = 10);
	-moz-opacity:0.1;
	opacity:0.1;
}

.resizeImage
{
	position:absolute;
	left:100%;
	top:100%;
	margin-left:-15px;
	margin-top:-15px;
	cursor:nw-resize;
}

.boxEditBox
{
	text-align:center;
}

.contextMenu
{
	position:absolute;
	z-index:400;
	border:solid 1px #cccccc;
	width:150px;
	padding:5px;
	background-color:#ffffff;
    font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
}

.contextMenu a, .contextMenu a:visited{
    display:block;
    float:left;
    margin:0 7px 0 0;
    font-family:Tahoma, Arial, Verdana, sans-serif;
    /*line-height:130%;*/
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    padding:5px 10px 6px 7px; /* Links */
}
.contextMenu a:hover{
    text-decoration:none;
    color:#aaaaaa;
}
.contextMenu a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
.contextMenu hr{
	clear:both;
	border:none;
	border-bottom:solid 1px #cccccc;
	padding-top:5px;
}

.fadelabel
{
	position:absolute;
	left:0px;
	top:0px;
	border:solid 1px #ffe000;
	background-color:#ffffa0;
	color:#555555;
	margin-top:-16px;
	font-family:Verdana;
	font-size:10px;
	padding:0px 3px 0px 3px;
}

input.grabbableLink
{
	border:none;
	background-color:Transparent;
	color:#0055ac;
	width:100%;
}

.attendeePhoto
{
	margin:0px;
	/* border:solid 1px #cccccc; */
	border:none 0px #cccccc;
}
.attendeeIcon
{
	display:inline;
	float:left;
	padding:1px;
	margin:0px;
	margin-right:0px;
}
.attendeeNameCell
{
	border:solid 1px #cccccc;
	padding:0px;
}
.chatblock
{
	width:225px;
	margin:1px;
	overflow-x:auto;
	border:solid 1px #cccccc;
}
.mediaTrayLabel
{
	font-weight:bold;
	margin-top:-20px;
}


/*
*	legacy skylook styles
*/

.windowhandle
{
	height:25px;
	width:100%;
	background:transparent url(http://localhost:9090/images/video/silver_bar_slice.gif);
}

.windowhandle a, .windowhandle button, .windowhandle a:visited{
}

.windowhandle button img, .windowhandle a img{
    padding:0;
    border:none;
    float:right;
    margin-right:5px;
}


/*
*	Nav buttons W3C
*/


.toolbar {
	clear: both;
	background: #c7c7c7 url(http://localhost:9090/images/video/toolbar/toolbar-bg1.jpg) repeat-x;
	border-bottom: 1px solid #888;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 48px;
	overflow-y:hidden;
/*
	overflow:hidden;
*/
}	

.toolbar a, .toolbar a:visited {
	float: left;
	clear: none;
	text-align: center;
	text-decoration:none;
	color:#000;
	padding: 4px 5px 0px 7px;
	height: 44px;
	border: 1px solid transparent;
	border-width: 0px 1px;
	cursor: pointer;
}
.toolbar a:hover {
	background: #eee;
	text-decoration:none;
	border-color: transparent #aaa transparent #aaa;
}
.toolbar a img 
{
	border:none;
	margin-bottom: 2px;
}
.toolbar a.selected {
	background: #eee;
	border-color: transparent #aaa transparent #aaa;
}


.toolbar .separator {
	float: left;
	clear: none;
	margin: 6px 2px;
}
.toolbar .group {
	margin-left:0px;	
	clear: none;	
}
.toolbar .rightgroup {
	clear: none;	
	float: right;
	text-align:center;
	margin-right:10px;	
}



.subtoolbar
{
	float: left;
	clear: both;
	background: #bcbcbc url(http://localhost:9090/images/video/toolbar/toolbar-bg2.jpg) repeat-x;
	width: 100%;
	padding: 0px 10px 0px 80px;
	margin: -2px 0px 0px 0px;
	border-bottom: 1px solid #888;
	height:25px;
	overflow:hidden;
}
.subtoolbar div.group 
{
	clear:none;
	float: left;
	margin-left:10px;
}
.subtoolbar div.groupright 
{
	clear:none;
	float: right;
	margin-right:100px;
}
.subtoolbar div.contextnav 
{
	clear:none;
	float: left;
	margin-left:10px;
}
.subtoolbar div.contextnav a
{
	clear:none;
	float: left;
	border-left:solid 1px transparent;
	margin-left:5px;
}
.subtoolbar div.contextnav a, .subtoolbar div.contextnav a:hover
{
	margin-left:5px !important;
	padding-left:2px;
	padding-right:2px;
}
.subtoolbar div.contextnav a img
{
	margin-right:2px;
}
.subtoolbar img {display: block;float: left;}

.subtoolbar a, .subtoolbar button, .subtoolbar a:visited{
    display:block;
    float:left;
    vertical-align:baseline;
    margin:3px 0px 1px 0px;
    height: 22px;
    text-decoration:none;
    color:#000;
    line-height:18px;
    cursor:pointer;
}
.subtoolbar a:hover{
    margin:0px -1px -1px -1px !important;
    padding:2px 0px 0px 0px;
	background: #eee;
    border:1px solid #aaa;
	border-color: transparent #aaa #888 #aaa;
}
.subtoolbar a.selected
{
    margin:0px -1px -1px -1px !important;
    padding:2px 0px 0px 0px;
	background: #eee;
    border:1px solid #aaa;
	border-color: transparent #aaa #888 #aaa;
}

.subtoolbar a div
{
	display:inline;
	float:none;
	margin:0px 5px 0px 3px;
}

.subtoolbar .stroke {
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}

.subtoolbar button img, .subtoolbar a img{
    margin:2px 0px 2px 2px;
	
    padding:0px 2px 0px 2px;
    border:none;
}

.subtoolbar .separator2 {
	float: left;
	clear: none;
	margin: 1px 5px;
	width: 2px;
	height: 23px;
}

.subtoolbar .label {
	float: left;
	clear: none;
	padding: 6px 0px 0px 0px;
	color: #555;
}


.lightboxMatte
{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:transparent url(http://localhost:9090/images/video/matte100.png) repeat;
	z-index:12000;
}
.lightboxContent
{
	position:absolute;
	width: 600px;
	height:75%;
	left:50%;
	top:90px;
	margin-left:-300px;
	padding: 5px 0px 25px 5px;
	background: #fff;
	border: 1px solid #aaa;	
}

#whiteboardlogo
{
    z-index: 900;
    position: absolute;
    top: 0px;
    left: 0px;
}
	
#browsebar
{
	float: left;
	clear: none;
	height:25px;
	margin:13px 10px 0px 0px;
}

#browsebar a
{
	float: left;
	clear: none;
	margin:0px;
	padding:0px;
	border:0px;
	height:25px;
}

#browsebar a:hover
{
	background-color:Transparent;
}

#browsebar a img
{
	border:0px;
}

#browsebar input
{
	float: left;
	clear: none;
	background-color:#0000ff;
	margin:0px;
	padding:3px;
	height:25px;
	border:0px;
	background:transparent url(http://localhost:9090/images/video/toolbar/toolbar-address-bg1.png) repeat-x;
}

#browsebar .vcentered, #browsebar .vcentered:hover
{
	display:block;
	padding-top:3px;
	background:transparent url(http://localhost:9090/images/video/toolbar/toolbar-address-bg1.png) repeat-x;
}

.shadeInput
{
	clear:none;
	float:left;
	background-color:#0000ff;
	margin:0px;
	padding:3px;
	height:25px;
	border:0px;
	background:transparent url(http://localhost:9090/images/video/toolbar/toolbar-address-bg1.png) repeat;

	background-position:0px -3px;
	background-attachment:fixed;

}

#divSideBar
{
	position:absolute;
	display:block;
	left:100%;
	width:300px;
	background: #c7c7c7;
	border:solid 1px #888;
	
	margin-top:-1px;
	/* border-top-width:0px; */
}   
 
#divSideBar a, #divSideBar a:visited
{
	margin:0px;

} 
   
#divSideBar .chatbutton
{
	width:70px;
	padding: 7px 0px 0px 0px;
}  
 
#divSideBar .chatbox
{
	clear:both;
	background-color:#ffffff;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	height:100px;
	overflow-y:auto;
	overflow-x:hidden;
}  

#divSideBar .chatmessage
{
	display:block;
	clear:both;
	padding:0px 0px 5px 5px;
	width:270px;
	overflow-x:auto;
	overflow-y:visible;
}  
#divSideBar .chatmessage a img
{
	border:solid 1px #ccc;
}

#divSideBar .chatnotice
{
	display:block;
	clear:both;
	background-color:#f6f6f6;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	padding:10px 0px 10px 5px;
	margin:0px;
	margin-left:-5px;
}


#divSideBar .snaplink
{
	clear:none;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

#divSideBar .attendee
{
	clear:none;
	float:left;
	width:135px;
	height:22px;
	font-weight:bold;
	line-height:22px;
	margin:2px 0px 0px 5px;
	overflow:hidden;
}  

#divSideBar .attendee .status
{
	clear:none;
	float:right;
	margin:6px 8px 0px 0px;
}  

#divSideBar a.norollover, #divSideBar a.norollover:visited {
	background: transparent;
	border-color: transparent;
}
#divSideBar a.norollover:hover {
	background: transparent;
	border-color: transparent;
}

#divSideBar .voodoo
{
	clear:none;
	float:left;
	display:block;
	padding:0px;
	margin:0px;
}

#divSideBar .attendee .indicator
{
	position:absolute;
	margin: 5px 0px 0px 121px;
}

#divSideBar .attendee .voiceicon
{
	position:absolute;
	margin: 2px 0px 0px 117px;
}

#divSideBar .chatUserInput
{
	width:95px;
	font-size:12px;
}

#divSideBar .sideband, #divSideBar .sideband:hover, #divSideBar .sideband:visited 
{
	clear:none;
	float:left;
	width:135px;
	width:65px;
	height:18px;
	line-height:22px;
	margin:0px 0px 0px 5px;
	padding:0px;
	overflow:hidden;
}  
#divSideBar .sideband img
{
	border:none;
	margin-bottom:-3px;
}


/* tabs */
a.tab
{
	position:relative;
	clear:none;
	display:block;
	float:left;
	width:180px;
	height:19px;
	margin-top:-24px;
	padding-top:5px;
	overflow:hidden;
	text-align:center;
	color:#333;
	font-size:120%;
	border:solid 1px #ccc;
	border-bottom:none 0px transparent;
	background: #bcbcbc url(http://localhost:9090/images/video/toolbar/toolbar-bg2.jpg) repeat-x;
}
a:active.tab
{
	background: #eee;
}
a:hover.tab
{
	background: #eee;
}
.tabpane
{
	clear:both;
	width:100%;
	height:300px;
	/*border:solid 1px #ccc;*/
	display:none;
	background-color:#fff;
}

.facelist .docLink
{
	display:block;
	float:left;
	clear:none;
	width:100px;
	height:100px;
	overflow:hidden;
	text-align:center;
}

.facelist .docImage
{
	border-color:transparent;
	margin-bottom:-10px;
}

.backgroundInstructions
{
	display:inline;
	position:absolute;
	left:0px;
	z-index:-10;
	/*width:100%;*/
	width:500px;
	left:50%;
	margin-left:-250px;
	text-align:center;
	font-size:200%;
	color:#ccc;
}

#divVoiceBlock
{
	/* 
		NOTE: We CANNOT pull the rest of the style properties out of this div.
		It can be demonstrated to crash ALL 3 MAJOR BROWSERS if we do so, 
		when we click the voice link.  It's an incompatibility with Google Analytics in the voice frame.
	*/
	margin-bottom:2px;
}	

#resizablepanel .bd {
    overflow:auto;
    background-color:#fff;
    border: 1px solid black;
}

#resizablepanel .ft {
    height:15px;
    padding:0;
}

#resizablepanel .yui-resize-handle-br {
    right:0;
    bottom:0;
    height: 8px;
    width: 8px;
    position:absolute;
}

/*  
    The following CSS is added to prevent scrollbar bleedthrough on
    Gecko browsers (e.g. Firefox) on MacOS.
*/

/*
    PLEASE NOTE: It is necessary to toggle the "overflow" property 
    of the body element between "hidden" and "auto" in order to 
    prevent the scrollbars from remaining visible after the the 
    Resizable Panel is hidden.  For more information on this issue, 
    read the comments in the "container-core.css" file.
   
    We use the #reziablepanel_c id based specifier, so that the rule
    is specific enough to over-ride the .bd overflow rule above.
*/

#resizablepanel_c.hide-scrollbars .yui-resize .bd {
    overflow: hidden;
}

#resizablepanel_c.show-scrollbars .yui-resize .bd {
    overflow: auto;
}

/*
    PLEASE NOTE: It is necessary to set the "overflow" property of
    the underlay element to "visible" in order for the 
    scrollbars on the body of a Resizable Panel instance to be 
    visible.  By default the "overflow" property of the underlay 
    element is set to "auto" when a Panel is made visible on
    Gecko for Mac OS X to prevent scrollbars from poking through
    it on that browser + platform combintation.  For more 
    information on this issue, read the comments in the 
    "container-core.css" file.
*/

#resizablepanel_c.show-scrollbars .underlay {
    overflow: visible;
}

.stickiBox 
{
	width:150px;
	margin:0px auto;
	min-width:100px;
	z-index:100;
	cursor:move;
	line-height:normal;
	
	/*
	-moz-opacity:0.9;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter:alpha(opacity=80);
	*/
}

.stickiBoxIE 
{
	width:150px;
	margin:0px auto;
	min-width:100px;
	z-index:100;
	cursor:move;
}



/* box head, left corner */
.stickiBox .head, .stickiBoxIE .head
{
	height:46px;
	background:transparent url(http://localhost:9090/images/video/sticky_TL.png) no-repeat left 0px;
}

/* box head, right corner */
.stickiBox .head .r, .stickiBoxIE .head .r
{
	height:46px;
	background:transparent url(http://localhost:9090/images/video/sticky_TR.png) no-repeat right 0px;
}

/* box head, center */
.stickiBox .head .c, .stickiBoxIE .head .c
{
	font-size:1px; /* ensure minimum height */
	margin-left:1px;
	margin-right:46px;
	height:46px;
	background:transparent url(http://localhost:9090/images/video/sticky_T.png) repeat-x right 0px;
}

/* box body, left edge */
.stickiBox .body, .stickiBoxIE .body
{
	background:transparent url(http://localhost:9090/images/video/sticky_L.png) repeat-y left 0px;
}

/* box body, right edge */
.stickiBox .body .r, .stickiBoxIE .body .r
{
	background:transparent url(http://localhost:9090/images/video/sticky_R.png) repeat-y right 0px;
}

/* box body, center */
.stickiBox .body .boxContent, .stickiBoxIE .body .boxContent
{ 
	height:100px;
	margin-left:1px;
	margin-right:8px;
	padding-left:10px;
	background:#F9FF94;
	text-align:center;
	font-size:150%;
	line-height:normal;

	/* white-space: pre; */
	font-family: Cursive; 
}


/* box foot, left corner */
.stickiBox .foot, .stickiBoxIE .foot
{
	height:9px;
	background:transparent url(http://localhost:9090/images/video/sticky_BL.png) no-repeat left 0px;
}

/* box foot, right corner */
.stickiBox .foot .r, .stickiBoxIE .foot .r
{
	height:9px;
	background:transparent url(http://localhost:9090/images/video/sticky_BR.png) no-repeat right 0px;
}

/* box foot, center */
.stickiBox .foot .c, .stickiBoxIE .foot .c
{
	font-size:1px; /* ensure minimum height */
	margin-left:8px;
	margin-right:8px;
	height:9px;
	background:transparent url(http://localhost:9090/images/video/sticky_B.png) repeat-x right 0px;
}

.imageBox 
{
	width:64px;
	height:64px;
	z-index:100;
	cursor:move;
	/*
	-moz-opacity:0.9;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter:alpha(opacity=80);
	*/
}



/* box head, left corner */
.imageBox IMG
{
	/*
	*/
	-moz-opacity:0.9;
	opacity:0.9;
}


.bubbleBox 
{
	width:150px;
	height:150px;
	z-index:100;
	cursor:move;
	text-align:left;
	-moz-opacity:0.8;
	opacity:0.8;
	/*
	-moz-opacity:0.9;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter:alpha(opacity=80);
	*/
}

.bubbleBox .boxImage
{
	position:absolute;
}

.bubbleBox .boxContent
{
	position:relative;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
	padding-top:30px;
/*	padding-top:20%; */

	font-size:150%;
	font-family: Cursive; 
}

/* box head, left corner */
.bubbleBox IMG
{
}


.editableImageBox 
{
	width:150px;
	height:150px;
	z-index:100;
	cursor:move;
	text-align:left;
	/* 20081121 - Google Chrome can't handle PNG transparency in conjunction with opacity.  Just removed it since it's only eyecandy.
	-moz-opacity:0.8;
	opacity:0.8;
	-moz-opacity:0.9;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter:alpha(opacity=80);
	*/
}

.editableImageBox .boxImage
{
	position:absolute;
}

.editableImageBox .boxContent
{
	position:relative;
	text-align:left;
	margin-left:0px;
	margin-right:0px;
	padding:20px 5px 5px 5px;
	font-size:100%;
	line-height:normal;
	font-family: Cursive; 
}


* html .editableImageBox .boxContent{
	font-size:100%;
	font-family:"Comic Sans MS",cursive;
}

.questionAnswerChoice {
margin:0;
text-align:center;
line-height: 1.5em;
font:normal 110% Trebuchet MS, Verdana, Arial, Sans-serif;
color:#333333;
font-size/* */:/**/small;
font-size: /**/small;
}



/* box head, left corner */
.editableImageBox IMG
{
}

.editableImageBox textarea
{
	background:transparent;
	border:none;
	overflow:hidden;
}

/* added css for Video */
#video-body {
	width :1047px;
	height: 700px;
	background: white;
	border: 1px solid #64B2D8;
}

#vid-controls {
	width:100%;
	height:85px;
	margin-left:0;
}

#vid-controls-level1 {
	height:30px;
	background:url(../../../images/video/top_strip.png) no-repeat 0 0;
	width:100%;
	padding: 0px;
	padding:10px 0 0;
}

#vid-controls-level1 table {
	float:left;
}

#vid-controls-level1 table tbody tr td {
	padding: 0px 5px;
	color: white;
	border: 0px;
}

#vid-controls-level1 table tbody tr td a:link ,#vid-controls-level1 table tbody tr td a:active ,#vid-controls-level1 table tbody tr td a:visited ,
#vid-controls-level1 table tbody tr td a:hover{
	top:-3px;
	position:relative;
	text-decoration:none;
	color:white;
	font-size:15px;
	font-weight:bold;
	font-family:Tahoma;
}

#vid-controls-level1 table tbody tr td.selected a:link ,#vid-controls-level1 table tbody tr td.selected a:active ,#vid-controls-level1 table tbody tr td.selected a:visited ,
#vid-controls-level1 table tbody tr td.selected a:hover{
	color:gray;
}


#vid-controls-level2 {
	background: transparent url(../../../images/video/sub-header-background-video-ui.png) repeat-y left 60px;
	width: 100%;
	padding: 0px;
	height: 65%;
	border-bottom:1px solid #64B2D8;
	border-top:none;
	float: left;
}

#vid-controls-level2 table{
	float:left;
	font-size:12px;
	text-align:center;

}

#vid-controls-level2 table td{ 
	/*vertical-align:bottom;*/
	padding: 0;
	margin: 1px 10px 0 0;
	white-space:nowrap;
}

#vid-controls-level2 #tab1-content {
	display: block;
}

#vid-controls-level2 .tab-content {
	display: none;
}

#vid-controls-level2 .tab-content .section {
	height: 100%;
	width: 30%;
	padding: 0px;
}
	
#vid-controls-level2 .tab-content .section .section-heading {
	font-size: 8pt;
	text-align:center;
	height: 10%;
}

#vid-controls-level2 .tab-content .section .section-content {
	font-size: 8pt;
	text-align:center;
	height: 90%;
}

#vid-controls-level2 .tab-content .section .section-content td table tr td.click-type {
	border: 1px solid #CAD4E6;
	width: 20px; 
}

#vid-controls-level1 .tab-links-sectn .tab {
	padding: 0px 5px;
	width:100px;
	text-align:center;
	vertical-align: middle;
	font-size:16px;
	font-weight:800;
	height:26px;
	float: left;
	padding:6px 0px;
	background-image:url(../../../images/video/tab-blue-back.png);
	background-repeat:no-repeat;
	position: relative;
	top: -2px;
	margin-top:1px;
}

#vid-controls-level1 .tab-links-sectn .selected {
	background-image:url(../../../images/video/tab-white-back.png);
	background-repeat:no-repeat;
	top: -1px;
}

#vid-controls-level1 .tab-links-sectn {
	float:left;
	height:26px;
	margin:4px 0;
	overflow:hidden;
	padding:0;
	width:70%;
	z-index:2;
	padding :0px 0px;
}

.video-title{
	float:left;
	height:35px;
	padding-left:10px;
	width:10%;
}

#vid-controls-level1home {
	float:right;
	width:25px;
	top: -12px;
	left: -13px;
	position: relative;
}
	
#vid-controls-level1homeicon {
	background-image:url(../../../images/video/video_icons.png);
	background-position:-99px -39px;
	background-repeat:no-repeat;
	height: 25px;
	width: 30px;
}

#vid-controls-level1homelink a { 
	color: white;
	font-weight: 800;
	font-size: 10px;
}
/*--------------Top controls CSS starts here--------*/
#tab1-content{
	display
	}
	
.cont-setn{
	display:block;
	margin: 2px 0px;
	padding:0px 5px;
	width:auto;
	overflow:hidden;
	float:left;
	height:48px;
}

.icons-sep {
	background-color:gray;
	clear:none;
	float:left;
	height:29px;
	margin:5px;
	width:2px;
	}
	
.cont-setn img {
	width:25px;
	vertical-align: middle;
	margin: 0px 3px; 
}

td.text-sectn{
	border-bottom:1px solid #D6D6D6;
	padding :0px 4px;
	font-size:10px;
	color: #64B2D8;
	font-weight: 600; 
}	

/* edit section*/
.pensizes {
	z-index: 11000;
}

.icon-setn {
	background-image:url(../../../images/video/video_icons.png);
	width: 25px;
	height: 25px;
}

#lbvPagination {
	font-size:20px;
	height:15px;
	padding-top: 15px;
	width: 69%;
	float: right;
}

#lbvPagination .current {
	color: black;
	font-size:20px;
}

#New {
	background-image:url(../../../images/video/new-page.jpg);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	float: right;
}

#Save {
	background-position:-9 -9;
}

#GridSize1 {
	background-position:-129 -69;
}

#GridSize2 {
	background-position:-69 -69;
}

#GridSize3 {
	background-position:-99 -69;
}

#GridSize4 {
	background-position:-99 -69;
}

#sqshape {
	background-position:-39 -69;
	
}
#cirshape {
	background-position:-99 -99;
}
#rttrshape {
	background-position: -69 -99;
}
#eqtrshape {
	background-position: -39 -99;
}
#lnshape {
	background-position: -9 -99;
}
#arshape {
	background-position: -9 -99;
}
#cbshape {
	background-position:-9 -69;
}
#cyshape {
	background-position: -129 -99;
}

#Text {
	background-position:-69 -39;
}

#lbvQuestion {
	background-image:url(../../../images/video/question.gif);
	background-position:-3 -5;
	width: 40px;
	height: 40px;
}

#swAutoContainer {
	width: 100%;
	max-height: 300px;
	overflow-y: auto;
}

#swAutoInput {
	width: 100%;
	position: relative;	
}

#expImpId {
	width: 32px;
	height: 32px;	
}

#lbvExp {
	width: 32px;
	height: 32px;
}

#eqn {
	background-image: none;
	vertical-align: middle;	
}

#Pensize {
	background-position:-69 -9;	
}

#color-circle-sectn {
	padding:0 5px;
	}

#Highlight {
	background-position:-39 -9;
}

#Select {
	background-position:-129 -9;
}

* html #Select{
	background-position:-129 -9;
	}
	
#Record {
	background-position:-5 -160;
}

#Stop {
	background-position:-9 -129;
}

#Play {
	background-position:-69 -129;
}

#FastPlay {
	background-position:-39 -159;
}

#AlignToVoice {
	background-position:-69 -159;
}

#video-content {
	height: 615px;
	}

#swPlayerDiv {
	height: 575px;
	float:left;
	width:26%;
	padding: 0px;
	border: 1px solid #64B2D8;
	margin: 1%;
}

#swCanvasDiv {
	width:69%;
	height:575px;
	float: right;
	margin: 1%;
	border: 1px solid #64B2D8;
	padding: 0px;
}

#swPlayerModeDiv {
	height: auto;
	float:left;
	width:700px;
	padding: 0px;
	border: 1px solid #64B2D8;
	margin: 0px;
}

/* code For Identifying sentence errors questions in Video UI */
.answerA {
    background: url("../../../images/A.png") no-repeat;
    background-position: 50% 20px;
    position:relative;
    white-space: nowrap;
    text-decoration: underline;
    padding-bottom: 20px;
}

.answerB {
    background: url("../../../images/B.png") no-repeat;
    background-position: 50% 20px;
    position:relative;
    white-space: nowrap;
    text-decoration: underline;
    padding-bottom: 20px;
}

.answerC {
    background: url("../../../images/C.png") no-repeat;
    background-position: 50% 20px;
    position:relative;
    white-space: nowrap;
    text-decoration: underline;
    padding-bottom: 20px;
    line-height:40px; 
}

.answerD {
    background: url("../../../images/D.png") no-repeat;
    background-position: 50% 20px;
    position:relative;
    white-space: nowrap;
    text-decoration: underline;
    padding-bottom: 20px;
    line-height:40px; 

}

.answerE {
    background: url("../../../images/E.png") no-repeat;
    background-position: 50% 20px;
    position:relative;
    white-space: nowrap;
    text-decoration: underline;
    padding-bottom: 20px;
    line-height:40px; 
}