/* 
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
		SMARTDOCK START
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

#smartDock {
	position: absolute;
	position: fixed;
	height: 583px;
	width: 300px;
	top: 97px;
	left: -485px;
	background: url(../img/bg_sd.png) no-repeat;
	text-align: left;
	z-index: 11000;
}
#sd-bigOpen {
	width: 280px;
	height: 583px;
	position: absolute;
	left: 0;
	top: 0;
	outline: none;
	z-index: 1001;
}
.red {
	color: #c00;
}
#smartDock iframe {
	position: absolute;
	top: 0;
	right: 0;
	filter : alpha(opacity = 0);
	height: 583px;
	width: 300px;
}
#sd-wrap {
	position:relative;
	z-index:2;
	visibility: hidden;
	width: 280px;
}
#sd-knob {
	position: absolute;
	right: 8px;
	top: 276px;
	display: block;
	height: 30px;
	width: 16px;
	background: url(../img/sd_arrow.png) no-repeat;	
	top: 278px;
	text-decoration: none;
	color: #333;
}
#sd-knob:focus{
	outline: none;
}
#sd-knob.open {
	background: none;	
}
#smartDock #sd-body {
	height: 520px;
}
#smartDock #sd-content {
	position: relative; 
	overflow: hidden;
	height: 520px;	
}
#sd-collection {
	position: relative; 
	overflow: hidden; 
	padding-top:10px;
	zoom:1;
}
#sd-collection.collections-1 .smartdock-add  {
	display: none;
}
#sd-header {
	height: 50px;
	position: relative;
}
#sd-header-utils {
	position: absolute;
	right: 22px;
	top: 23px;
	cursor: pointer;
}
#sd-wrap h2 {
	font-weight: normal;
	padding: 0;
	color: #c00;
	margin: 0 0 0 15px;
	padding-top: 20px;
	font-size: 18px;
	width: 225px;
}

#sd-footer {
	width: 260px;
	position: absolute;
	bottom: 9px;
	z-index: 10000;
}
#sd-footer .button {
	text-align: center;
	float: right;
	margin-left: 10px;
	padding:5px 10px 6px;
}

#sd-footer ul {
	padding-top:5px;
}

#sd-footer ul li {
	border:1px solid #000;
	margin-right:20px;
	position:relative;
	width:120px;
	text-align:center;
	padding:5px 0;
	font-size:11px;
	color:#404040;
	background-color:#fff;
}

#sd-footer ul li span {
	display:block;
}

#sd-footer ul li a:hover {
	background-color:#f8f8f8;
	color:#c00;
}

#sd-footer ul li ul {
	position:absolute;
	left:-1000em;
	padding-top:0px;
	z-index:10;
}

#sd-footer ul li.active {
	cursor:pointer;
}

#sd-footer ul li.active ul {
	left:-1px;
	top:-49px;
}

#sd-footer ul li ul li {
	float:none;
	border-bottom:none;
	padding:0;
}

#sd-footer ul li ul li a {
	display:block;
	padding:5px 0;
	background-color:#fff;
}


	
	/*
		>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
			ITEMS
		>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	*/
	#smartDock .item {
		width: 210px;
		margin: 0 15px 10px 0;
		border: 1px solid #ebebeb;
		background: #fff;
		position: relative;
	}
	#smartDock .item .shortCopy {
		display: block; 
		padding-right: 60px;
	}
	#smartDock .titlebar {
		border-bottom: 1px solid #ebebeb;
		background: #f2f2f2;
		cursor: move;
		padding: 4px 5px 3px 10px;
		position: relative;
	}
	#smartDock .item-utils {
		position: absolute;
		top: 3px;
		right: 13px;
	}
	#smartDock .titlebar span {
		font-size: 9px; 
		text-transform: uppercase; 
		color: #404040;
	}
	#smartDock .item .item-content {
		height: 40px;
		padding: 5px 0px 6px 10px;
		font-size: 11px;
		color: #404040;
		position: relative;
		background: url(../img/bg_sdItem.png) repeat-x bottom;
	}
	#smartDock .item .item-content a {
		/*padding-right: 90px;*/
		padding-right: 75px;
		line-height:13px;
	}
	#smartDock .item .item-content a img {
		position: static;
	}
	#smartDock .item-content img {
		position: absolute;
		top: 0;
		right: 0;
	}
	#smartDock .selectedItem {
		border: 1px solid #000;
	}
	#smartDock .item strong {
	    color: #404040;
	    font-weight: normal;
	    font-size: 12px;
	    margin-bottom: 10px;
	}
	#smartDock .item p {
		margin: 5px 0 0 0;
		font-size: 14px;
		color: #7595AE;
		margin-top: 25px;
		cursor: default;
	}
	#smartDock .item input, #smartDock #sd-content .item a {
		position: absolute;		
	}
	#smartDock .item input {
		margin: 5px 0 0 0;
	}
	#smartDock #sd-content .item .back a.delete {
		position: relative; 
		left: 130px; 
		text-decoration: none; 
		font-size: 14px;
	}	
	#wrapper .result a.added {
		color: #404040;
	}
	#smartDock #sd-content .item .back a {
		color: #7595AE;
		font-size: 12px;
		position: static;
	}

	#smartDock #sd-content .item a.select, #smartDock #sd-content .item a.deselect {
		
		text-align: center;
		padding: 10px 0;
		display: block;
		width: 100px;
		border: 1px solid #000;
		position: static;
		margin: 50px 0 0 20px;
	}
	#smartDock #sd-content .item a.select:hover, #smartDock #sd-content .item a.deselect:hover {
		text-decoration: none;
	}
	.droppable-active {
		/*background: #eee;*/
	}
	.droppable-hover {
		background: #cc3333;		
		
	}
	#smartDock .droppable-hover a {
		color: #fff;
	}
	
	#sd-loading {
		background: #CC9999;
		color: #555;
		font-size: 10px;
		padding: 4px;
		position: absolute; 
		right: 24px;
		top: 50px;
		display: none;
		z-index: 3000;
	}
	
	.ui-resizable-se {
		position: absolute;
		bottom: 0;
		right: 0;
		background: url(../img/resize.png) no-repeat;
		height: 14px;
		width: 14px;
	}
	
	#smartDock .editInPlace {
		margin: 2px 15px 2px 2px; 
		padding-bottom: 2px;
		font-size: 11px; 
		width: 100px; 
		height: 12px;
	}
	
	#sd-items {
		height: 280px;
		width: 235px; 
		margin-left: 10px;
		
	}
	
	#lastUpdated {
		margin: 0;
		background: #ccc;
		text-align: right;
		padding: 5px 5px 5px 0;
		font-size: 11px;
		color: #404040;
	}
	
	
	
	/* 
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
		PANEL 
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	*/
	#sd-panel {
		height: 500px;
		width: 277px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2000;
	}
	
	/* 
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
		Presentation Kit 
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	*/
	#pk-top {
		padding: 10px 20px;
		position: relative;
		height: 125px;
		background: #ccc;
	}
	.pk-util {
		float: right;
		font-size: 11px;
		color: #333;
	}
	#pk-top h3 {
		clear: both;
		margin-top: 20px;
		font-weight: normal;
	}
	#pk-top p {
		width: 350px;
		font-size: 12px;
	}
	#pk-bottom {
		height: 361px;
		background: #fff;
	}
	.pk-next {
		position: absolute;
		bottom: 50px;
		font-size: 14px;
		right: 15px;
		padding: 7px;
		text-decoration: none;
		border: 1px solid #000;
		background: #404040;
		color: #fff;
	}
	.pk-next:hover {
		background: #555;
	}
	
	.presentationCenter2 #pk-bottom{
		height: 311px;
		padding: 25px 20px;
	}
	.presentationCenter2 #pk-bottom p {
		font-size: 12px;
		margin-bottom: 10px;
		line-height: 20px;
	}
	.presentationCenter2 #pk-bottom td {
		font-size: 12px;
	}
	#pk-bottom a {
		font-size: 12px;
		text-decoration: none;
		padding: 10px;
		color: #fff;
		background: #999;
		text-align: center;
		border: 1px solid #000;
	}
	#pk-bottom a:hover {
		background: #555;
	}
	.presentationCenter2 form {
		margin-top: 25px;
	}
	.presentationCenter2 input.full, .presentationCenter2 textarea.full {
		width: 280px;
	}
	.pk-actions {
		text-align: right;
		margin-top: 10px;
	}
	.presentationCenter2 #pk-bottom .pk-create {
		background: #444;
	}
	.presentationCenter2 label {
		font-weight: bold;
		margin-right: 10px;
	}
	.presentationCenter2 #pk-top p {
		width: auto;
	}
	
	.presentationCenterComplete #pk-bottom {
		height: 200px;
	}
	.presentationCenterComplete #pk-bottom a {
		margin-right: 20px;
		zoom: 1;
	}
	
	/* Presentation kit Overlay */
	#pk-overlay h3.title {
		display: none;
	}	
	#pk-overlay h3 {
		font-weight: normal;
	}
	#pk-overlay {
		padding: 10px 20px;
	}
	#pk-overlay p {
		font-size: 12px;
	}
	#pk-overlay .pk-actions a {
		padding: 10px;
		font-size: 12px;
		text-decoration: none;
		border: 1px solid #000;
		color: #fff;
		background: #999;
	}
	.pk-item {
		clear: both;
		border-bottom: 1px solid; 
		padding: 20px 0;
	}
	.pk-item div {
		margin-left: 170px;
	}
	.pk-item img {
		float: left;	
	}
	#pk-overlay .pk-actions .pk-overlay-create {
		background: #444;
	}
	#pk-overlay .pk-actions a:hover {
		background: #555;
	}
	
	/* WELCOME SCREEN */
	.welcome  .sd-boxTop {
		margin-bottom:7px;
	}
	.welcome .sd-boxBottom {
		margin-top: 0;
	}
	.welcome input {
		border: none;
		color: red;
	}
	.welcome h3 {
		margin: 15px;
		font-size: 18px;
		font-weight: normal;
		color: #c00;
		margin-bottom: 10px;
	}
	.welcome p {
		font-size: 11px;
		color: #404040;
	}
	#sd-panel.welcome {
		top: 5px; 
		height: 571px;
	}
	.welcome .sd-box p, .welcome .sd-box h4 {
		margin: 0 15px;
	}
	.welcome .sd-box h4 {
		font-size: 14px;
		color: #404040;
	}
	.welcome .register-box {
		margin: 15px 30px;
	}
	.welcome .register-box .button { 
		float: left;
		padding: 10px 15px;
		margin-top: 10px;
		margin-bottom:10px;
		font-size:13px;
		font-weight:bold;
	}
	.welcome .register-box p {
		line-height:13px;
	}
	.welcome .dontShow {
		/*margin: 50px 15px 0 15px;*/
		position: absolute; 
		bottom: 15px;
		left: 15px;
		
	}
	.welcome .register-box h4 {
		font-size: 14px;
		color: #c00;
		margin-bottom: 5px;
		font-weight:normal;
	}
	#welcomeScreen .sd-box p {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	#welcomeScreen .sd-box p.last {
		border: none;
		margin-bottom: 0;
	}
	.welcome .welcome-close {
		position: absolute; 
		top: 10px;
		right: 10px;
		color: #333;
		font-size: 10px;
	}
	.panelWrap {
		margin: 0 15px;
		padding-bottom:2px;
		zoom:1;
	}
	/* share box */
	#share-box{
		padding-top: 0;
	}
	#share-box #shareCollection .invalid {
		border: 1px solid #c00;
	}
	#share-box form p {
		margin-bottom: 5px;
	}
	#share-box p {
		font-size: 11px;
		color: #404040;
	}
	.share-actions {
		height: 40px;
	}
	.share-actions a {
		float: left;
		padding: 5px 10px;
		margin-right: 10px;
	}

	#share-box table {
		width: 215px;
	}
	#share-box td {
		font-size: 11px;
		padding: 5px 0;
		color: #404040;
		border-top: 1px solid #ccc;
	}
	#share-box .sd-boxBottom {
		margin: 0;
	}
	#share-box td label {
		font-weight: bold;
	}
	#share-box h3 {
		color: #c00;
		font-size: 14px;
		margin-bottom: 5px;
	}
	#share-box input.full, #share-box textarea.full {
		width: 205px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		background: url(../img/bg_input-small.png) repeat-x;
		color: #404040;
		border: 1px solid #c2c2c2;
		padding: 2px 5px;
	}
	#share-box textarea.full {
		height: 100px;
	}
	#share-box .required {
		color: #c00;
		position: absolute;
		margin-left: -5px;
	}
	#share-box .panelWrap {
		margin: 7px 15px 8px;
	}
	#share-box .instructional {
		font-size: 10px;
		padding: 0 0 0 7px;
		color: #404040;
		line-height:12px;
	}
	
	/* PK */
	#pk-bottom .pk-items .item a {
		padding: 0;
		background: none;
		border: none;
		color: #00c;
		font-size: 14px;
		color: #7595AE;
	}	
	
	#pk-bottom .pk-items {
		padding: 20px;
	}
	#pk-bottom .pk-items .item {
		cursor: default;
	}
	
	/* name presentation */
	#namePresentation h3.title {
		padding: 10px;
		font-size: 14px;
		font-weight: normal;
	}
	#namePresentation label {
		font-size: 12px;
		font-weight: bold;
	}
	#namePresentation input {
		width: 300px;
	}
	#namePresentation p {
		margin-bottom: 10px;
	}
	#namePresentation-content {
		padding: 20px;
		padding-bottom: 10px;
	}
	#namePresentation .add-controls {
		text-align: right;
		margin-top: 20px;
	}
	#namePresentation .add-controls a {
		margin-left: 10px;
	}
	
	
	
	/* share panel */
	#smartDock .share {
		top: 50px; 
		background: none; 
		height: 490px;
	}
	#sd-panel.shareComplete #pk-top {
		height: auto;
		padding-bottom: 30px;
	}
	#sd-panel.shareComplete a {
		margin-right: 20px;
	}
	
	
	#sd-view-presentation.disabled {
		color: #ccc;
		border: 1px solid #ccc;
	}
	
	.placeholder {
		height: 83px;
	}
	/*
		>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
			SD BOX
		>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	*/
	.sd-boxTop {
		background:url(../img/bg_sdBoxTop.png) no-repeat;
		height: 6px;
		overflow: hidden;
		margin-bottom: 5px;
	}
	.sd-box {
		background: url(../img/bg_sdBoxMid.png) repeat-y;
		width: 245px;
		margin: 0 15px;
	}
	.sd-boxWrap {
		margin: 0 15px;
	}
	.sd-boxBottom {
		background:url(../img/bg_sdBoxBottom.png) no-repeat;
		height: 6px;
		overflow: hidden;
		margin-top: 6px;
	}
	
	/*
		>>>>>>>>>>>>>>>>>>>>>>>>>>
			AVAYA RECOMMENDS BOX
		>>>>>>>>>>>>>>>>>>>>>>>>>>
	*/	
	#sd-avayaRecommends {
		margin-top: 10px;
		position: absolute;
	}
	
	#sd-avayaRecommends h3 {
		color: #c00;
		font-size: 14px;
		margin: 6px 0 0 10px;
		line-height: 20px;
	}
	#sd-avayaRecommends .sd-boxTop {
		height: 24px;
		background-image: url(../img/bg_recommends_sdBoxTop.png);
		position: relative;
	}
	#sd-avayaRecommends .items {
		height: 80px;
		overflow: hidden;
		position: relative;
		margin: 10px 0 0 10px;
	}
	#sd-avayaRecommends .sd-boxBottom {
		margin:2px 0 0;
	}
	
	#sd-registerTout .sd-boxTop {
		margin-bottom:4px;
	}
	#sd-registerTout .sd-boxBottom {
		margin-top:4px;
	}
	#sd-avayaRecommends .titlebar {
		cursor: auto;
	}
	#ar-expand {
		position: absolute;
		right: 7px;
		top: 3px;
		height: 10px;
		background: url(../img/btn_recommends_open.png) no-repeat;
		width: 9px;
		/*border: 1px solid red;*/
		outline:none;
	}
	#ar-expand:hover {
		background-image: url(../img/btn_recommends_open_hover.png);
	}
	/*#ar-expand.open {
		background: url(../img/btn_recommends_open.png) no-repeat;
	}*/
	#ar-expand.close {
		background: url(../img/btn_recommends_close.png) no-repeat;
	}
	
	#ar-expand.close:hover {
		background-image: url(../img/btn_recommends_close_hover.png);
	}
	
	/*
		SMART DOCK SELECT BOX
	*/
	#sd-content div.selectParent {
		margin:0 0 0 10px;
		font-size:10px;
		width:225px;
	}
	#sd-content div.selectParent div.selectDropDown {
		width:225px;
		top: 0;
		padding: 0 3px 4px;
		margin-left: -2px;	
		
		background: url(../img/bg_sdDD.png) no-repeat bottom right;
		
		_background: none;
		_border: 1px solid #ccc;
		_padding: 0;
		_width: 226px;
	}
	#sd-content div.selectWrapper ul.selectList {
		width:225px;
	}
	#sd-content .selectList li {
		_width: 230px;
		
		color:#858585;
		background: #fefefe;
		padding: 4px 8px 4px 10px;
		font-size: 11px;
		border-top: 1px solid #e9e9e9;
	}
	#sd-content .selectList li.first {
		background: url(../img/bg_DDTop.png) repeat-x top left;
	}
	#sd-content .selectList li.last {
		background: url(../img/bg_DDBottom.png) repeat-x bottom left;
	}
	
	#sd-content .selectList li.last.hovered {
		background: url(../img/bg_genericDD_bot_hovered.png) repeat-x bottom left;
	}
	#sd-content .selectList li.first.hovered {
		background: url(../img/bg_genericDD_top_hovered.png) repeat-x top left;
	}
	
	#sd-content .selectList li.divider {
		border-top: 1px solid #d2d2d2;
	}
	#sd-content div.selectWrapper ul.selectList li.selected {
		color: #333;
	}
	#sd-content div.selectWrapper ul.selectList li.hovered {
		color: #333;
		background:#f6f6f6;
	}
	#smartDock .selectDisplay {
		border:1px solid #E0E0E0;
		background: url(../img/bg_sd_dropdown.png) #ebebeb right top no-repeat;
		padding:4px 10px 5px;
		width:204px;
	}
	#smartDock  .selectScroller {
		width:225px;
	}
	#smartDock #sd-content div.selectDisplay span {
		color: #858585;
		font-size: 11px;
	}
	/*
		ITEM UTILS 
	*/
	#smartDock .smartdock-add {
		background: url(../img/arrowDown.png) 0 4px no-repeat;
		right: 5px;
		top: 0;
		height: 10px;
		width: 8px;
	}
	
	#smartDock .item .item-utils a.delete {
		background: transparent url(../img/deleteBg.gif) right 5px no-repeat;
		text-indent:-1000em;
		width:5px;
		top:-1px;
	}

	#smartDock .isAvayaRecommends .smartdock-add {
		right: -5px;
	}
	
	.dd_collectionList {
		background: #fff;
		border: 1px solid #ccc;
		border-bottom: none;
		position: absolute;
		width: 100px;
	}
	.dd_collectionList li {
		border-bottom: 1px solid #ccc;
	}
	.dd_collectionList a {
		display: block;
		height: 1%;
		padding: 3px;
	}
	.dd_collectionList a:hover {
		background: #c00;
		color: #fff;
	}
	
	#status-indicator {
		position:absolute;
		z-index:1;
		top:52px;
		left:-275px;
		visibility:hidden;
	}
	
	#status-indicator .top-outer {
		padding-left:22px;
		background:transparent url(../img/nag_top_left.png) left top no-repeat;
	}
	
	#status-indicator .top-inner {
		background:transparent url(../img/nag_top_right.png) right top no-repeat;
		padding-right:5px;
	}
	
	#status-indicator .bottom-outer {
		padding-left:30px;
		background:transparent url(../img/nag_bottom_left.png) left top no-repeat;
	}
	
	#status-indicator .bottom-inner {
		height:6px;
		background:transparent url(../img/nag_bottom_right.png) right top no-repeat;
	}
	
	#status-indicator .content {
		background:transparent url(../img/nag_bottom_grad.png) bottom left repeat-x;
		padding: 8px 15px;
		font-size: 14px;
		color:#404040;
	}
	#status-indicator .content span.red {
		font-weight: bold;
	}
	#status-indicator .content p {
		color:#404040;
		font-size:14px;
	}
	
	#tempStatusHolder {
		position:absolute;
		width:100%;
		left:-1000em;
	}
	
	#tempStatusHolder .content {
		float:left;
	}
	
	#mainNag {
		position:absolute;
		top:67px;
		left:-200px;
		background:transparent url(../img/main_nag_bottom.png) right bottom no-repeat;
		padding-bottom:6px;
		width:241px;
	}
	
	#mainNag .wrapper {
		background:transparent url(../img/main_nag_top.png) left top no-repeat;
		padding:0 5px 0 29px;
	}	
	
	#mainNag .content {
		background:transparent url(../img/main_nag_bottom_grad.png) left bottom repeat-x;
		color:#fff;
		font-size:14px;
		padding:16px 20px;
	}
	
	#smartDock .selectDisplay input {
		border: 1px solid #ccc; 
		padding: 1px; 
		font-size: 11px; 
		position: relative; 
		top: -2px;
		_top: -4px; 
		*top: -4px;
		width: 150px; 
		color: #404040;
	}

	#sd-registerTout {
		display: none;
		margin-top: 5px;
	}	
	#sd-registerTout h3 {
		color: #404040;
		margin-bottom: 3px;
		font-weight: normal;
		font-size:18px;
	}
	#sd-registerTout .button {
		margin-top: 6px;
		background:#a1aaaf;
		font-size:13px;
		font-weight:bold;
	}
	#sd-registerTout .button:hover {
		background-color:#c00;
	}
	#sd-registerTout ul {
		margin-top: 2px;
		margin-bottom:5px;
	}
	#sd-registerTout li, #sd-registerTout p {
		color: #404040;
		font-size: 11px;
	}
	#sd-registerTout li {
		padding-left: 7px;
		background: url(../img/bullet_grey.png) no-repeat 0 4px;
	}
	
	#sd-collection.recommendsOpen .jScrollPaneTrack {
		display: none;
	}
	
	#smartDock .item .title, #smartDock .item .copy, #smartDock .item .largeImage {
		display: none;
	}
	.isRegistered #unregistered-welcomeBox {
		display: none;
	}
	.isRegistered #registered-welcomeBox {
		display: block;
	}
	#registered-welcomeBox {
		display: none;
	}
	
	.panel-close {
		height: 11px;
		width: 11px;
		background: url(../img/btn_close.png) no-repeat;	
		position: absolute;
		right: 18px;
		top: 20px;
	}
	
	.panel-close:hover {
		background-image: url(../img/btn_close_on.png);
	}
	
/*skinned selects for share form*/
#shareCollection a.fakecheckbox {background:url(../img/checkboxSprite.png) 0px -21px no-repeat;display:block;width:14px;height:14px;text-indent:-9999px;float:left;margin-right:4px;zoom:1;outline:none;}
#shareCollection a.fakecheckboxChecked {background:url(../img/checkboxSprite.png) 0px 0px no-repeat;display:block;width:14px;height:14px;text-indent:-9999px;float:left;margin-right:4px;zoom:1outline:none;}