/* MY STACK styles */

#myWork {
	}

	#myWork a {
		text-decoration: none;
		}

	#myWork #myWorkNav {
		font-family: arial, helvetica;
		font-weight: bold;
		font-size: 9pt;
		color: RGB(204,204,204);
		height: 44px;
		width: 780px;
		}

	#myWork #viewTabs {
		width: 400px;
		margin-left: 10px;
		}
	
	#myWork #viewTabs .label {
		float: left;
		margin-right: 20px;
		margin-left: 10px;
		}
	
	#myWork #viewTabs .viewTab {
		width: 110px;
		height: 14px;
		font-size: 8pt;
		float: left;
		padding: 1px 0 0 5px;
		line-height: 12px;
		cursor: pointer;
		}
	
		#myWork #viewTabs .viewTab {
			background: url(../images/my_stack/viewtab_unselected.gif) no-repeat;
			}
		
		#myWork #viewTabs .selected {
			background: url(../images/my_stack/viewtab_selected.gif) no-repeat;
			color: RGB(45,45,45);
			}


	#myWork h1 {
		color: RGB(204,204,204);
		font-size: 10pt;
		font-weight: bold;
		text-transform: uppercase;
		margin: 15px 0px 13px 15px;
		padding: 0px;
		}

	#myWork #myWorkNav #viewSort {
		width: 50px;
		text-align: left;
		}
		
	#myWork #myWorkNav #viewSortDropdown {
		width: 145px;
		text-align: left;
		}
	
	#myWork #showState {
		color: RGB(128,175,202);
		float: left;
		padding: 0px 0px 0px 15px;
		font-weight: bold;
		}
		
		#myWork #showState .label {
			margin-right: 10px;
			}
		
		#myWork #showState .spacer {
			color: RGB(48,75,94);
			margin: auto 5px auto 5px;
			}
		
		#myWork #showState .selected {
			color: white;
			}
			
		#myWork #showState .selected:hover {
			color: RGB(174,199,217);
			}
		
		#myWork #showState a {
			color: RGB(128,175,202);
			}
		
		#myWork #showState a:hover {
			color: RGB(174,199,217);
			}

		#myWork #showState a img {
			border: 0px;
			text-align: bottom;
			}
			
		#myWork #showState #showTagsLink {
			
			}
			
			
	#myWork #ListViewPageNavTop
	{
		width: 776px;
		margin: 3px 2px 0px 3px;
	}
	
	#myWork #ThumbViewPageNavGroup
	{
		margin: 0px 0px 7px 0px;
	}	
	
	
#myWork .viewTabsExternal
{
	float: right;
	padding-top: 10px;
	width: auto !important;
}

#myWork .viewTabExternal
{
}

/* tag rendering */
#viewTags {
	float: right;
	width: 430px;
	height: 40px;
	display: none;
	font-family: arial, helvetica;
	font-size: 8pt;
	font-weight: normal;
	}
	
	#viewTags a {
		text-decoration: none;
		}
	
	#viewTags a:hover {
		text-decoration: underline;
		}
	
	#viewTags .normal {
		font-size: 8pt;
		color: RGB(140,175,199);
		}
	
	#viewTags .minus1 {
		font-size: 8pt;
		color: RGB(157,176,174);
		}
	
	#viewTags .plus1 {
		font-size: 8pt;
		color: RGB(205,180,96);
		}
	
	#viewTags .plus2 {
		font-size: 9pt;
		color: RGB(231,182,54);
		}
	
	#viewTags .plus3 {
		font-size: 9pt;
		color: RGB(253,184,19);
		}
	
	#viewTags .plus4 {
		font-size: 10pt;
		font-weight: bold;
		color: RGB(253,184,19);
		}
		
			
/* thumbnail containers */
#myWork .thumbnailContainer {
	width: 130px;
	height: 98px;
	}

#myWork .thumbnailContainer img {
	margin: 0px 0px 0px 0px;
	border: 0px;
	}

#myWork .thumbnailContainer a {
	border: 0px;
	}
	

.contentThumbnailContainer{
	float:left;
	margin-right: 0px;
}

.contentDeleteButton{
	position:relative;
	left:70px;
	top:2px;
}
.contentThumbmail{
	position:relative;
	top:0px;
}

.essaysViewContent, .allViewContent,  #ChallengesAccordion {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 432px;
	overflow: hidden;
	background-color:transparent;
	
}


#thumbView
{
	background-color: #080808;
}

.thumbRow
{
	margin: 5px 0px 0px 6px;
	width: 770px;
}

	
* html #myWork #thumbView .thumbContainer {
	width: 130px;
	margin: 3px 8px 0px 8px;
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	float: left;
}
			
/* thumbnail view */
#thumbView .thumbContainer {
	width: 130px;
	margin: 3px 12px 0px 12px;
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	float: left;
	}
	

/* thumbnail view */
#thumbView .AccordionPanelContentLarge .thumbContainer {
	width: 130px;
	margin: 3px 12px 10px 12px;
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	float: left;
	}
	
	
	#thumbView .AccordionPanelContentLarge {
	width: 770px;
	}


#thumbView .thumbContainer .imageRow
{
		margin: 0px 0px 0px 0px;
		height: 23px;
		width: 135px;
}

#thumbView .thumbContainer .imageRow .actionItem
{
	float: left;
	padding: 0px 5px 0px 0px;
}

#thumbView .thumbContainer .imageRow .removeItem
{
	float: right;
	padding: 0px 5px 0px 0px;
}

#thumbView .thumbContainer .imageRow img
{
	border: 0px;
}
		
#thumbView .thumbContainer a.courseThumb img {
		border: 0px;
		}
		
#thumbView div.divider {
		padding: 0px;
		margin: 10px auto 10px auto;
		clear: both;
		height: 1px;
		width: 100%;
		background-color: RGB(35,52,68);
		color: RGB(35,52,68);
		border: 0px;
		}

#thumbView div.divider {
		font-size: 0;
		margin-top: 0px;
		margin-bottom: 10px;
		}





	/* thumbnail rollover */
	#myWork #thumbView .thumbContainer .thumbOver,
	#myWork #thumbView .thumbContainer .thumbOverLefty {
		display: none;
		position: absolute;
		margin-top: -52px;
		margin-left: -5px;
		width: 360px;
		height: 202px;
		z-index: 101;
		}
	
	#myWork #thumbView .thumbContainer .thumbOverLefty {
		right: 19px;
		}
	
	/* ie6 floats a little different */
	* html #myWork #thumbView .thumbContainer .thumbOverLefty {
		right: 27px;
		}
		
		#myWork #thumbView .thumbContainer .thumbOver .thumbMask,
		#myWork #thumbView .thumbContainer .thumbOverLefty .thumbMask {
			background: url(../images/box/thumbOver/thumbMask.gif) top left no-repeat;
			float: left;
			width: 139px;
			height: 202px;
			}
		
		#myWork #thumbView .thumbContainer .thumbOverLefty .thumbMask {
			background: url(../images/box/thumbOver/thumbMask_lefty.gif) top left no-repeat;
			float: right;
			}
		
		#myWork #thumbView .thumbContainer .thumbOver .top,
		#myWork #thumbView .thumbContainer .thumbOverLefty .top {
			background: RGB(38,89,135);
			width: 216px;
			height: 5px;
			float: left;
			font-size: 0;
			}
		
		#myWork #thumbView .thumbOver .topRight {
			background: url(../images/box/thumbOver/corner5radius_blue.gif) top right no-repeat;
			width: 5px;
			height: 5px;
			float: right;
			font-size: 0;
			}
			
		#myWork #thumbView .thumbOverLefty .topLeft {
			background: url(../images/box/thumbOver/corner5radius_blue.gif) top left no-repeat;
			width: 5px;
			height: 5px;
			float: left;
			font-size: 0;
			}
		
		
		#myWork #thumbView .thumbOver .bottomRight {
			background: url(../images/box/thumbOver/corner5radius_blue.gif) bottom right no-repeat;
			width: 5px;
			height: 5px;
			float: right;
			font-size: 0;
			}
		
		#myWork #thumbView .thumbOverLefty .bottomLeft {
			background: url(../images/box/thumbOver/corner5radius_blue.gif) bottom left no-repeat;
			width: 5px;
			height: 5px;
			float: left;
			font-size: 0;
			}
		
		
		#myWork #thumbView .thumbOver .bottom,
		#myWork #thumbView .thumbOverLefty .bottom {
			background: RGB(38,89,135);
			width: 216px;
			height: 5px;
			float: left;
			font-size: 0;
			}
		
		#myWork #thumbView .thumbContent {	
			background: RGB(38,89,135);
			font-family: arial, helvetica;
			font-weight: normal;
			font-size: 8pt;
			float: right;
			width: 221px;
			height: 192px;
			}
		
		#myWork #thumbView .thumbContent .title {
			color: white;
			font-size: 9pt;
			font-weight: bold;
			margin: 7px 7px 7px 7px;
			}
		
		#myWork #thumbView .thumbContent .date {
			color: RGB(153,204,255);
			font-size: 9pt;
			font-weight: bold;
			margin: 0px 7px 7px 7px;
			}
			
		#myWork #thumbView .thumbContent .summary {
			margin: 0px 7px 0px 7px;
			color: RGB(215,228,248);
			}
			
		#myWork #thumbView .thumbContent .pages {
			position: absolute;
			top: 180px;
			left: 147px;
			color: RGB(153,204,255);
			font-weight: bold;
			width: 200px;
			}
		
		#myWork #thumbView .thumbOverLefty .thumbContent .pages {
			left: 7px;
			}
		
		#myWork #thumbView .thumbContent .pages img {
			vertical-align: bottom;
			margin: 0px 10px 0px 0px;
			}

#thumbView .pencilIcon {
	position:absolute; 
	z-index:1000; 
	float: left;
}


#mainBox #flashGame
{
	padding: 0px 0px 0px 2px;
}