










       
       
    
    
    
    
    
    
    
   


   
   
        
       
    
        









/*********** Body & Wrapper ***********/

body {
	background-color: #323232;
	font: 62.5% arial,verdana,lucida,helvetica,sans-serif;
	padding: 0 0 0 16px;
	text-align: center;
}

#Wrapper {
	background: url(/resources/images/bg-wrapper.gif) repeat-y #323232;
	width: 996px;
	margin: 0 auto;
	text-align: left;
	padding: 0 19px;
	font-size: 1.3em;
	line-height: 1.3em;
}

/********** Fonts & General Element Styles **********/

a:link, a:visited {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

a:link {
  color: #677e9b;
}

a:visited {
  color: #677e9b;
}

a:hover {
  color: #677e9b;
}

a:active {
  color: #677e9b;
}

.State { 
	color: #000;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 6px;
}

#Flag .State {
    color: #fff;
    font-size: .6em;
}

#Error, .Error, .webActionError, .error {
  color: #900;
  text-align: left;
}

#Error p, .error p {
  font-weight: bold;
}

h1 {font-size: 1.3em; line-height: 1.3em; font-weight: normal;}

h2, body#Group #RecentPosts h2, body#Group #featuresTabContent h2, body#Group #discussionsTabContent h2 {
    font-size: 1.1em;
    line-height: 1.1em;
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 1px solid #677e9b;
    margin-bottom: 20px;
}

h2 span {
    float: left;
}

h2 span.More {
    float: right;
    font-size: .85em;
}


h3, .LessonPage h1, .LessonPage h2 {font-size: 1em; border-bottom: 0; font-weight: bold; margin-bottom: .5em;}

h4, h5 {font-size: 1em;}

#SystemMessage {
  color: #900;
  font-weight: bold;
}

ol {
    margin-left: 1.6em;
    
    
    padding: 0;
}

ol li {
    margin: 0;
    padding: 0;
}

ul {padding: 0;}

ul li {
    list-style: none;
    background: url(/resources/images/bullet.gif) no-repeat;
    padding-left: .7em;
    
    margin-bottom: 4px;
}


/**************************************************/

#GlobalNavWrapper, #GlobalNavWrapperPrint {
    background-color: #000;
	color: #fff;
	margin: 0;
	padding: 19px 25px 10px;
	
	width: 908px;
	font-family: arial,verdana,lucida,helvetica,sans-serif;
	font-size: .85em;
	font-weight: bold;
}

#GlobalNavWrapperPrint {display: none;}

#GlobalNavWrapper img {
    float: left;
}

#GlobalNavWrapper ul {
    float: right;
    margin-top: 4px;
}

#GlobalNavWrapper ul li {
    display: inline;
    background-image: url(/resources/images/bullet-red_arrow_large.gif);
    margin-left: 30px;
}

#GlobalNavWrapper ul li img {
    float: none;
    margin-bottom: -4px;
}

#GlobalNavWrapper a {
    color: #fff;
}

#LogoBar {
    background-color: #fff;
    padding: 13px 25px 12px;
	width: 908px;
	border-bottom: 1px solid #c0c0c0;
}

body#Campus #LogoBar, body#Article #LogoBar, body#Course #LogoBar, body#Session #LogoBar, body#Lesson #LogoBar, body#Quiz #LogoBar, body#Assignment #LogoBar, body#Tutorial #LogoBar, body#Captivate #LogoBar, body#Discussions #LogoBar, body#Blogs #LogoBar, body#Galleries #LogoBar, body#SpecialGalleries #LogoBar {
    border-bottom: none;
}

#Backstage101PrintLogo, #SonyPrintLogo {display: none;}

/********** Breadcrumbs **********/

#Breadcrumb {
	background-color: #e9e9e9;
	padding: 10px 25px 6px;
	width: 908px;
    
}

#Breadcrumb div.Back {
    float: left;
    margin: -2px 2px 0 0;
	font-size: .85em;
}

#Breadcrumb ul {
	margin: -3px 0 0 !important;
    float: left;
    padding: 0 5px 0 0;
    font-weight: bold;
    width: 592px;
    height: 20px;
	overflow: hidden;
}

#Breadcrumb ul li {
  background: url(/resources/images/bullet-right_angle_quote.gif) no-repeat;
	border-left: 1px solid #c0c0c0;
	display: inline;
	font-size: .85em;
	padding: 0 0 0 8px;
	border-left: none;
	margin: 0;
}

body#Home #Breadcrumb ul li {
    background-image: none;
}

#Breadcrumb ul .First {
	background: none;
	padding-left: 0;
}

#Breadcrumb a {
    color: #000;
}

/********** Site Search Box **********/

#SiteSearch {
    width: 240px;
    float: right;
    margin: -8px -25px -9px 0;
    
    font-size: .85em;
    padding: 6px 0 0;
}

#SiteSearch form, .MessageBoardSearch {
    margin-bottom: 0;
}

#SiteSearch label, #SiteSearch input, #SiteSearch .Submit, .MessageBoardSearch label, .MessageBoardSearch input, .MessageBoardSearch .Button  {
    float: left;
}

#SiteSearch label, .MessageBoardSearch label {
    margin-right: 4px;
}

#SiteSearch input, .MessageBoardSearch input {
    width: 130px;
    font-size: .85em;
    line-height: 1em;
}

#SiteSearch .Submit input {
    margin: 0 0 0 -1px;
    background-color: #fff;
    width: 19px;
    height: 17px;
    
}

.MessageBoardSearch .Submit a {
    margin: 0 0 0 -1px;
}


/********** Flag **********/

#Flag {
  margin: -18px -25px 25px;
  padding: 25px;
  width: 668px;
  background-color: #000;
  color: #fff;
}

body#Home #Flag {
  background-color: #000;
  width: 718px;
  padding: 0;
  margin: 0;
}

body#Reviews #Flag {
    margin-top: -45px;
}

#Flag .Graphic {
    margin: 0 25px 0 0;
    width: 254px;
    float: left;
}

#Flag .Graphic img {
    border: 1px solid #474646;
    width: 252px;
    height: 150px;
}

#Flag .Text, body#Reviews #Flag .Text {
    width: 389px;
    float: left;
}

body#Reviews #Flag .Text h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    border: 0;
}

body#Reviews #Flag .Text h2 a {
    color: #fff;
}

#Flag .Text #UserFeedback {
    width: 389px;
    margin-bottom: .4em;
}

#Flag .Text #UserFeedback .fiveStarRating {
    float: left;
    width: 200px;
    
}

#Flag .Text #UserFeedback ul#ReviewQuickLinks {
    width: 189px;
    
    float: left;
    text-align: right;
    margin-top: 3px;
}

#Flag .Text #UserFeedback ul#ReviewQuickLinks li {
    display: inline;
    background: none;
    padding: 0 0 0 6px;
    margin: 0 0 0 4px;
    border-left: 1px solid #454545;
    font-size: .85em;
}

#Flag .Text #UserFeedback ul#ReviewQuickLinks li.First {
    border: none;
    padding: 0;
    margin: 0;
}

#Flag .Text #UserFeedback ul#ReviewQuickLinks li a {
    color: #e0b634;
}

#Flag .Text .UserActions {
    margin-bottom: 0;
    margin-right: -25px;
}

#Flag .Text .UserActions li {
    background-image: url(/resources/images/bullet-red_arrow_large.gif);
    margin-right: 8px;
    
    font-size: .85em;
    line-height: 1.4em;
    display: inline;
}

#Flag .Text .UserActions li a:link, #Flag .Text .UserActions li a:visited {
    color: #ccc;
}

#Flag .Text .UserActions li a:hover, #Flag .Text .UserActions li a:active {
    color: #fff;
}

#Flag .Text p {
    color: #ccc;
    clear: left;
}

/**************************************************/

#ContentWrapper {
    width: 958px;
}

#ContentWrapper2 {
    float: left;
    margin: 0 0 0 0;
    width: 668px;
    padding: 18px 25px;
}

/******************* Home Page ************************/

body#Home #ContentWrapper2 {
    margin: 0;
    padding: 0;
}

#Campuses {
    margin: 0;
    width: 958px;
    border-bottom: 1px solid #000;
    background: url(/resources/images/bg-campuses.gif) no-repeat bottom #fff;
    clear: both;
}

#Campuses .Campus {
    width: 209px;
    float: left;
    padding: 0 15px 15px;
}

#Campuses #Campus1 {
    width: 210px;
}


#Campuses #Campus4 {
    border-right: 0;
    width: 210px;
    
}

#Campuses h2 {
    background: url(/resources/images/bg-campus_div_hdr.gif) right bottom no-repeat;
    border-bottom: 0;
    margin: 0 -14px 7px -15px;
    padding: 11px 15px 9px;
}

#Campuses #Campus4 h2 {
    background-image: url(/resources/images/bg-campus_div_hdr.gif);
    margin-right: -15px;
}

#Campuses h2 a {
    color: #000;
}

#Campuses img {
    margin-bottom: 25px;
    width: 210px; 
    height: 84px;
}

#Campuses .Content {
    border-top: 1px solid #999999;
    margin-bottom: 15px;
    height: 103px;
    min-height: 103px;
    max-height: 103px;
}

#Campuses .Content .ContentSpecs {
    font-size: .85em;
    margin: -1px 0 3px;
}

#Campuses p {
    margin-bottom: 0;
}

/******************* Campus Page ************************/

body#Campus #ContentWrapper2 {
    background: url(/resources/images/bg-campus.gif) repeat-y #fff;
}

body#Campus #ContentWrapper2, body#Profile #ContentWrapper2, body#Discussions #ContentWrapper2, body#Search #ContentWrapper2, body#SearchDetails #ContentWrapper2, body#Avatar #ContentWrapper2 {
    padding: 0;
    width: 718px;
}

body#Campus h1, body#Profile h1, body#Discussions h1, body#Search h1, body#SearchDetails h1, body#Avatar h1, body#Reviews h1, body#YourCourses h1, body#Survey h1, body#Blogs #UserInfo, body#Galleries #UserInfo, body#Galleries #GalleryInfo, body#SpecialGalleries #GalleryInfo {
    background-color: #000;
    color: #fff;
    padding: 11px 25px 11px;
    margin: 0;
}

body#AllCourses h1, body#AllCoursesCampus h2, body#Reviews h1, body#YourCourses h1, body#Survey h1, body#Galleries #GalleryContent #UserInfo, body#Galleries #GalleryContent #GalleryInfo, body#SpecialGalleries #GalleryContent #GalleryInfo, body#GalleryReportAbuse h1 {
    background-color: #000;
    color: #fff;
    padding: 11px 25px 11px;
    margin: -18px -25px 25px;
}

body#Blogs #UserInfo, body#Galleries #GalleryContent #UserInfo, body#Galleries #GalleryContent #GalleryInfo, body#SpecialGalleries #GalleryContent #GalleryInfo {
    margin-top: 0;
    color: #000;
}

body#Blogs #UserInfo h1, body#Galleries #GalleryContent #UserInfo h1, body#Galleries #GalleryContent #GalleryInfo h1, body#SpecialGalleries #GalleryContent #GalleryInfo h1 {
margin-bottom: 0;
}

body#SearchDetails h2 span {
    font-weight: bold;
    float: none;
}

body#Campus h2 {
    width: 450px;
    height: 14px;
    overflow: hidden;
    float: right;
    margin: -30px 15px 0 0;
    border-bottom: 0;
    text-align: right;
    font-size: 1em;
    color: #fff;
}

body#Campus .Paginator {
    clear: both;
    background-color: #fff;
    padding: 12px 25px;
    font-weight: bold;
    margin-bottom: 0;
    width: 668px;
    border-bottom: 1px solid #000;
}

body#Campus .Paginator.Last {
    border-top: 1px solid #000;
    text-align: left;
    position: relative;
    top: -1px;
    clear: left;
    margin-bottom: -1px;
}

body#Campus #Featured, body#Search #SearchBox, body#SearchDetails #SearchBox {
    background: url(/resources/images/bg-featured.gif) #eff6fc bottom repeat-x;
    border-top: 1px solid #ededed;
    padding: 10px 25px 0;
}

body#Campus #Featured .Graphic {
    float: left;
    width: 150px;
    margin-right: 15px;
}

body#Campus #Featured .ContentSpecs a, body#Campus #Featured .ContentSpecs .Duration a {
    color: #505961;
}

body#Campus #Featured .Text {
    float: left;
    width: 300px;
    margin-right: 15px;
}

body#Campus #Featured .Text .Title {font-weight: bold;}
body#Campus #Featured .Text p {margin-bottom: 2px;}

body#Campus #Featured .Text li {
    background-image: url(/resources/images/bullet-red_arrow.gif);
    display: inline;
    margin-right: 10px;
    
}

body#Campus #Featured li a {
    color: #000;
}

body#Campus #Featured .Extras {
    width: 185px;
    float: left;
}

body#Campus #Featured .Extras p {
    padding-top: 10px;
    clear: left;
    text-align: center;
}

body#Campus #Featured .Extras p span {
    font-weight: bold;
    clear: left;
}

body#Campus .ContentUnit {
    float: left;
	width: 191px;
	padding: 25px 24px;
	margin: 0;
	border-bottom: 1px solid #000;
	text-align: center;
	height: 175px;
	min-height: 175px;
	max-height: 175px;
	
}

body#Campus .ContentUnit img {
    width: 150px;
    height: 75px;
}

body#Campus .ContentUnit .Title {
    margin-bottom: 6px;
}

body#Campus .ContentUnit .fiveStarRating  {
    margin-left: 14px;
    text-align: left;
}



body#Campus .ContentSpecs, body#GroupGalleries .ContentSpecs {
    width: 150px;
    text-align: left;
    font-size: .85em;
    margin: -2px auto 12px;
}

body#GroupGalleries .ContentSpecs {
    margin: -1px 0 3px;
}

.ContentSpecs .Type {
    text-transform: uppercase;
    padding-right: 5px;
    border-right: 1px solid #999;
    margin-right: 3px;
}

.ContentSpecs.Article .Type a {color: #6b00cf;}
.ContentSpecs.Course .Type a {color: #00a4e8;}
.ContentSpecs.Tutorial .Type a {color: #169f00;}
.ContentSpecs.Video .Type a {color: #e77200;}
.ContentSpecs.Notebook .Type a {color: #e31a22;}

.ContentSpecs .Duration a {color: #999;}

body#Campus .Articles {
	width: 209px;
	height: 451px;
	min-height: 451px;
	max-height: 451px;
	
	float: right !important;
	border-bottom: 1px solid #000;
	padding: 0 15px;
	clear: right;
	overflow: hidden;
}


    body#Campus hr {display: none;}


body#Campus .Articles h2 {
    float: none;
	margin: 0 -15px 14px;
	background-color: #ccc;
	padding: 10px 15px;
	border: 0;
	font-weight: bold;
	text-align: left;
	width: auto;
	color: #000;
}

body#Campus .Articles h2 span {
    float: right;
    font-size: .85em;
    font-weight: normal;
    margin-top: -14px;
}

body#Campus .Articles h2 span a {
}

.Articles li {
    background-image: url(/resources/images/bullet-red_arrow.gif);
    margin-bottom: 8px;
}

/********** Sidebar **********/

#Sidebar {
    clear: right;
  float: right;
  width: 240px;
  font-size: .85em;
}

#Sidebar .Chunk2, #Sidebar #Viral, #Sidebar #DiscussionsWidget, #Sidebar .Merch, #Sidebar #SubscribeRSSLink, #Sidebar #RecentBlogPosts, #Sidebar #MostCommentedBlogPosts, #Sidebar #TagCloud {
  background-color: #e6e6e6;
  padding: 0px 14px 10px;
  clear: both;
}

#Sidebar #Error {
	margin-bottom: 25px;
	padding: 0;
}

#Sidebar h2 {
  color: #fff;
	font-size: 1.0em;
	margin-bottom: .2em;
}

#Sidebar h3 {
    font-size: 1.3em;
    font-weight: normal;
    background-color: #c0c0c0;
    margin: 0 -14px 10px;
    border-bottom: 1px solid #ebebeb;
    padding: 14px 10px 14px;
}

#Sidebar p {
  margin-bottom: 0;
}

#Sidebar ul {
	clear: both;
	padding: 0;
	margin: 0;
	
}

#Sidebar ul li {
	background: url(/resources/images/bullet.gif) no-repeat top left;
	list-style: none;
	line-height: 1.2em;
	padding: 0 0 0 .5em;
	
}

#Sidebar ul li.current-rating {
    padding: 0;
}

#MyCourses {
    margin-bottom: 5px;
}

#MyPhotos {
    margin-bottom: 5px;
}

#MyCourses h4, #MyPhotos h4 {
    cursor: pointer;
    float: left;
    width: 110px;
    font-size: 1em;
}

#MyCourses #MyCoursesHome, #MyPhotos #MyPhotosHome {
    float: right;
    width: 90px;
    text-align: right;
}

#Sidebar #MyCoursesList {
    padding: 0 0 0 12px;
    margin: 6px 0 -4px;
}

#MyCoursesList li {
    margin-bottom: 4px;
}

#Sidebar #MyCourses a {
    color: #677e9b;
}

#Sidebar #MyPhotos {
}

#Sidebar #MyPhotos #MyPhotosThumbs {
    clear: both;
    padding-left: 10px;
}

#Sidebar #Controls #MyPhotos #MyPhotosThumbs .CTA {
    background: url(/resources/images/bullet-red_arrow.gif) top left no-repeat;
    padding: 2px 0 0 6px;
}

#Sidebar #MyPhotos #MyPhotosThumbs .Photo {
    float: left;
    width: 46px;
    overflow: hidden;
    text-align: center;
    margin: 0 6px 0 0;
    
}

#Sidebar #MyPhotos #MyPhotosThumbs .Photo.Last {
    margin-right: 0;
}

#Sidebar #MyPhotos #MyPhotosThumbs .Photo .Thumbnail{
    margin: 0 auto 4px;
    clear: both;
    overflow: hidden;
    text-align: center;
}

#Sidebar #MyPhotos #MyPhotosThumbs .Photo .Thumbnail img {
    display: block;
    margin: 0 auto;
    border: 1px solid #cbcbcb;
    padding: 2px;
    background-color: #fff;
}








#Sidebar h3#UserControlsHeader {
    margin: 0;
    cursor: pointer;
}

#Sidebar #Controls {
    padding-top: 10px;
}

#Controls .FormRow {
	margin: 0;
	padding: 0;
}

#Controls .FormRow label {
    width: 55px !important;
    text-align: right;
    margin-right: 3px;
    float: left;
}

#Controls .FormRow input {
	margin-bottom: 8px;
	
	width: 150px;
    float: left;
}

#Controls .FormRowSubmit {
    width: 210px !important;
}

#Controls .FormRowSubmit .ButtonInput {
    float: right;
}

#Controls #Forgot {
    margin-top: -50px;
    
}

#Sidebar .WidgetNav {
    width: 119px;
    float: right;
    text-align: right;
    margin: -16px -2px 0 0;
    text-align: right;
    background: none;
    font-size: .75em;
    
}

#Sidebar .WidgetNav li {
    display: inline;
    padding: 0;
    margin: 2px 0 2px 1px;
    background-image: none;
    line-height: 1em;
}

#Sidebar .WidgetNav li.first {
    border-right: 1px solid #ccc;
    padding-right: 4px;
    margin-left: 0;
}

#Sidebar .WidgetNav li.Register {
    font-size: 1.1em;
}

#Sidebar .WidgetNav a {
    color: #fff;
}

#Sidebar #Help {
    padding-top: 6px;
    
    border-top: 1px solid #ebebeb;
}

#Sidebar #Help a {
    margin-right: 2px;
    border-right: 1px solid #c0c0c0;
    padding-right: 8px;
}

#Sidebar #Help a.last {
    border: 0;
}

#Sidebar div.Promo {
    background: none;
    border: 0;
    text-align: center;
}


/********** Tutorials **********/

.TutorialHeader {
    border-bottom: 1px solid #677e9b;
    margin-bottom: 35px;

}
.TutorialHeader h1 {
    width: 490px;
}

.TutorialHeader .fiveStarRating {
    float: right;
    margin-top: -31px;
}

body#Tutorial #ContentWrapper2 .Flash {
    text-align: center;
    margin-bottom: 50px;
}

body#Tutorial #ContentWrapper2 .Flash .Media {
    margin: 0 auto;
}

body#Tutorial #TranscriptText h1, #TranscriptText h2, #TranscriptText h3 {
    border-bottom: 0;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 4px;
}

body#Tutorial #TranscriptText h1 {margin-bottom: 1em;}

/********** Lesson Pages **********/

.LessonPage {
    width: 486px;
    float: left;
    margin-right: 25px;
}

body#Lesson .PrintThisPage, body#Lesson .PrintThisLesson {
  width: 157px;
  float: left;
  font-size: .85em;
  text-align: center;
  margin-bottom: 25px;
}

body#Lesson .PrintThisLesson {
    margin-top: -35px;
    float: right;
}

body#Lesson .PrintThisPage a, body#Lesson .PrintThisLesson a {
  background: url(/resources/images/icons/simple/print.gif) no-repeat;
  padding-left: 16px;
}

/********** Merchandising **********/

#ContentWrapper2 .Merch {
  border: 1px solid #cccccc;
  padding: 15px 4px 0;
  width: 147px;
  float: left;
}

body#Captivate #ContentWrapper2 .Merch {
    float: right;
}

body#Course #ContentWrapper2 .Merch, body#Session #ContentWrapper2 .Merch {
    float: right !important;
}

.Merch h2, .Merch h3 {
    font-weight: bold;
    font-size: 1em;
    border: 0;
    padding: 0 10px;
    margin-bottom: .5em;
}

.Merch .placement {
    font-weight: bold;
  text-align: center;
}

.Merch .placement img {
	margin-bottom: 6px;
}

.Merch p {
  padding: 0 10px;
}

/****/

#Sidebar .Merch {
    border-left: 1px solid #ccc;
    text-align: center;
    background-color: #fff;
    padding-top: 10px
}

#Sidebar .Merch h3 {
    text-align: left;
}

#Sidebar .Merch p {
  margin: 0;
  padding: 0 10px;
    margin-bottom: 25px;
}

/********** Buttons **********/

/*
When styling buttons, style the form input buttons first, then the link buttons.
*/

div.Button, div.ButtonInput, #Controls div.ButtonInput {
	background: url(/resources/images/button_right.gif) no-repeat right top;
	float: left;
	height: 17px !important;
	margin: 0;
	padding: 0 0 1px 0 !important;
}

#Controls div.ButtonInput {
    padding-bottom: 0;
}

div.Button a:link,
div.Button a:visited,
div.ButtonInput input,
#Controls div.ButtonInput #loginSubmit {
	background: url(/resources/images/button-plain_left.gif) no-repeat left top;
	border: 0;
	cursor: pointer;
	display: block;
	float: left;
	height: 14px !important;
	
	padding: 0 6px 1px 7px;
	color: #fff;
	line-height: 10px;
	font-size: 10px !important;
	font-weight: bold;
	font-family: tahoma,geneva,san-serif;
	text-transform: uppercase;
	text-decoration: none;
}



div.Button.CTA a:link,
div.Button.CTA a:visited {
	background-image: url(/resources/images/button_left.gif);
	padding-left: 18px !important;
}


div.ButtonInput.CTA input {
	background-image: url(/resources/images/button_left.gif);
	padding-left: 16px;
	
}


#Wrapper #Controls div.ButtonInput #loginSubmit {
    padding-bottom: 0;
}

div.Button a:link, div.Button a:visited {
    padding: 3px 7px 0 8px;

}

div.Button.First {
  margin-right: 5px;
}

/*body#Reviews #ContentWrapper2 {
    background: url(/resources/images/omgponies.jpg) repeat #fff;
}*/

/********** Forms **********/

body#Form #Wrapper {
    background-image: url(/resources/images/bg-wrapper-form.gif);
}

body#Form #ContentWrapper2 {
    width: 908px;
}

body#Form h1 {
    margin-bottom: 15px;
}

body#Form .Description {
    background: url(/resources/images/bg-registration.gif) no-repeat left top;
    padding: 15px 25px;
    margin: 0 -25px 1px;
    height: 98px;
    min-height: 98px;
    max-height: 98px;
}

body#Form h2 {
    background-color: #5C5C5C;
    color: #fff;
    padding: 5px 25px;
    margin: 0 -25px 15px;
}

body#Form .Column {
    width: 440px;
    float: left;
    margin-right: 25px;
    text-align: left;
}

body#Form .Column.Last {
    margin: 0;
}

#ContentWrapper2 .FormRow,
#ContentWrapper2 .FormRowAlt,
#ContentWrapper2 .FormRowSubmit {
	clear: both;
	margin: 0 0 4px 0;
	padding: 0;
}



#ContentWrapper2 .FormRow label,
#ContentWrapper2 .FormRowAlt label,
#ContentWrapper2 p.Label {
	float: left;
	font-weight: bold;
	margin: 0 12px 4px 0; /* May need an IE override - use browser detector */
	text-align: right;
	width: 130px;
}

#ContentWrapper2 .FormRow.Required label,
#ContentWrapper2 .FormRowAlt.Required label,
#ContentWrapper2 p.Label.Required {
    background: url(/resources/images/bg-required.gif) right top no-repeat;
    padding-right: 8px;
}

#ContentWrapper2 p.Label2 {
	clear: both;
	margin-top: 12px;
}

#ContentWrapper2 .Column.Last p.Label2 {
    margin-top: 0;
}

#Agree {
    margin-top: 35px;
}

#ContentWrapper2 .FormRowAlt label {
	font-weight: normal;
	text-align: left;
	width: 285px;
}

#ContentWrapper2 .FormRow input,
#ContentWrapper2 .FormRowAlt input,
#ContentWrapper2 .FormRow textarea,
#ContentWrapper2 .FormRow select {
	float: left;
	margin-right: 12px;
	width: 280px;
    
}

body#Form #ContentWrapper2 .FormRow input,
body#Form #ContentWrapper2 .FormRow textarea,
body#Form #ContentWrapper2 .FormRow select {
	margin-right: 0px;
	width: 292px;
}

body#Form #ContentWrapper2 .FormRow select {
	width: 296px;
}

#ContentWrapper2 .FormRowAlt input {
	margin-left: 110px;
	width: 20px;
}




body#Discussions #Wrapper #ContentWrapper2 th, body#Discussions #Wrapper #ContentWrapper2 td {
    text-align: left !important;
}

body#Discussions #Wrapper #ContentWrapper2 td.User {
    width: 75px;
}

body#Discussions #Wrapper #ContentWrapper2 td.PostPreview {
    width: 570px;
}

body#Discussions #ContentWrapper2 p.messageBoardDescr {
    font-size:11px;
    margin:0 25px 10px;
}

body#Discussions #ContentWrapper2 .FormRow {
    text-align: left !important;
}

body#Discussions #ContentWrapper2 .FormRow label {
    width: 70px;
}

body#Discussions #ContentWrapper2 .FormRow input,
body#Discussions #ContentWrapper2 .FormRow select,
body#Discussions #ContentWrapper2 .FormRow textarea {
    width: 443px;
    margin-right: 0;
}
body#Discussions #ContentWrapper2 .FormRow select {
    width: 447px;
}

body#Discussions #ContentWrapper2 #DiscussionsSearch .FormRowSubmit {
    width:529px;
}

body#Discussions #ContentWrapper2 .FormRow .PostContent {
    width: 586px;
    margin-right: 0;
    float: left;
}

p#noAbuseMsg {margin: 0px 25px;}

#ReportAbuseForm {
    text-align: left;
    width: 408px;
    
}

body#GalleryReportAbuse #ReportAbuseForm {
    margin-left: 0;
}

body#Discussions #ContentWrapper2 h3 {margin-left: 25px;}

body#Discussions #ContentWrapper2 .SubscribeForm .FormRow label {
    width: 120px;
}

body#Discussions #ContentWrapper2 .SubscribeForm .FormRow input,
body#Discussions #ContentWrapper2 .SubscribeForm .FormRow select,
body#Discussions #ContentWrapper2 .SubscribeForm .FormRow textarea,
body#Discussions #ContentWrapper2 .SubscribeForm .FormRow  .PostContent {
    width: 410px;
    margin-right: 0;
}

body#Discussions #ContentWrapper2 .SubscribeForm .FauxLabel {
	width: 120px;
	
	text-align: left;
}

body#Discussions #ContentWrapper2 .SubscribeForm .FormRowAlt input {
  margin-left: 108px;
}

body#Discussions #ContentWrapper2 .SubscribeForm .FormRowAlt label {
  width: 390px;
}

#FormattingHints {
    margin-top: -210px;
    
    margin-right: 0;
    width: 104px;
    float: right;
    padding: 10px;
    font-size: .85em;
    background-color: #e6e6e6;
}

#FormattingHints .Characters {
    text-align: center;
}

#Quiz #ContentWrapper2 .FormRowAlt input {
  padding: 0px; margin: 0px;
  margin-left: 20px;
}

#Quiz #ContentWrapper2 .FormRowAlt label {
    width: 456px;
}

#ContentWrapper2 .FormRowSubmit {
}

#Controls .FormRowSubmit {
	clear: both;
	margin-bottom: 25px; /* May need an IE override - use browser detector */
	padding-bottom: 0;
	padding-top: 0;
	width: 137px;
}

.FormRowSubmit {
	padding-top: 12px; /* May need an IE override - use browser detector */
}

.FormRowSubmit div.ButtonInput, .FormRowSubmit div.Button {
  /* May need an IE override for top margin - use browser detector */
  float: right;
}

#create_profile {
	width: 10em !important;
}

#loginForm2 #Forgot {
	clear: both;
	margin-left: 143px;
}

.FauxLabel {
	clear: both;
	font-weight: bold;
	text-align: left;
	width: 220px;
}

.Quiz h3 {
	clear: both;
	padding-top: 16px;
}

.Survey ol {
  margin-top: 16px;
}

.Survey li {
  font-weight: bold;
  margin: 15px 0 8px;
}

body#Survey #ContentWrapper2 .FormRowAlt input {
    margin: 0 5px 0 0;
}

body#Survey #ContentWrapper2 .FormRowAlt label {
    width: 607px;
    
    color: #000;
    margin: 0;
}

body#Survey #ContentWrapper2 {
    
}

body#Survey #ContentWrapper2 .Survey .FormRow textarea {
    width: 642px;
    
    
    color: #000;
}

.Score {
	border-top: 1px dashed #ccc;
	padding-top: 10px;
}

.Survey h4 {
	margin-bottom: 12px;
}


body#ContactUs #ContentWrapper2 select {
    width: 294px;
}

body#ContactUs #ContentWrapper2 textarea {
    width: 290px;
}

body#ContactUs #ContentWrapper2 .FormRowSubmit {
    width: 480px;
}

body#ContactUs #ContentWrapper2 div.ButtonInput {
    margin-right:45px;}

 


/********** Sidebar Poll **********/
 #Sidebar div.Survey {
  border: 1px solid #ccc;
  text-align: left;
  padding: 0px 10px;
  margin: 0 0 10px;
  background-color:#d6d6d6;
}
#Sidebar div.Survey form {padding: 0;}
#Sidebar div.Survey label {width: 130px !important; display: inline-block;vertical-align: top;padding-top: 1px;}
#Sidebar div.Survey ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#Sidebar div.Survey div.SurveyAnswers { margin-bottom: 10px; }
#Sidebar div.Survey div.SurveyQuestion { font-weight: bold; margin:10px 0px 10px 0px; }
#Sidebar div.Survey div.SurveyDescription {}
#Sidebar div.Survey .graph {
  position: relative; /* IE is dumb */
  background-color: #ccc;
  margin-bottom: .5em;
}
#Sidebar div.Survey .graph .bar {
  display: block;
  position: relative;
  text-align: center;
  color: #ddd;
  height: 1em;
  line-height: 1em;
}
#Sidebar div.Survey .graph .bar span { position: absolute; left: 70px; font-size: .8em; } /* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */

#Sidebar div.Survey .Button {margin-right:15px;}

#Sidebar div.Survey div.FormRowAlt input {margin-top:3px}
#Sidebar div.Survey div.SurveyAnswers .FormRowAlt {margin-bottom: 5px;}


#Sidebar .Survey h3 {margin:0px -10px 0px -10px;}



/********** Site Info / Footer **********/

#SiteInfoWrapper {
    background-color: #fff;
	width: 958px;
    clear: both;
    text-align: center;
    color:#333333;
    font-family: arial,verdana,lucida,helvetica,sans-serif;
    font-size: 10px;
	padding-top: 25px;
}

#SiteInfoWrapper a {
	color: #333;
	text-decoration: underline;
}

#SiteInfoWrapper div {
	color: #fff;
    background: #000 url(/resources/images/logo-like_no_other.gif) center no-repeat;
    margin-top: 26px;
    padding: 15px 0;

}

#SiteInfoWrapper ul {
    margin: 0 0 4px;
	color: #000;
}

#SiteInfoWrapper ul li {
    display: inline;
	padding: 0 4px 0 8px;
	margin: 0 0 0 0;
}

#SiteInfoWrapper li.First {
	background: none;
}

#SiteInfoWrapper li.Last {
	padding-right: 0;
	border: none;
}

#SiteInfoWrapper p {
    margin-bottom: 0;
    padding: 0;
}

#SeeHearPlayShop {
    float: left;
    margin: -2px 0 0 25px;
}

#SonyFooterLogo {
    float: right;
    margin: 0 23px 0 0;
}

/********** Course & Session Overview **********/

#NotifyMe .FormRowSubmit {
    width: 426px;
}

#ContentWrapper2 .Chunk {
    width: 486px;
    margin: 0 25px 35px 0;
    float: left;
}

#Lessons {
    width: 486px;
    padding-top: 1px;
}

#Lessons h2 {
    margin-bottom: 0px;
}
#Lessons .Header {
    font-size: 1em;
    font-weight: normal;
    padding: 9px 24px 9px 9px;
    border-top: 1px solid #677e9b;
    border-bottom: 1px solid #677e9b;
    background-color: #eeeeee;
    margin: -1px 0 0;
    cursor: pointer;
}

#Lessons .Header img {
    margin-right: 6px;
    float: left;
    width: 9px;
}

#Lessons .Header .Name {
    width: 435px;
    float: left;
}

#Lessons .Header.Completed {
    background: url(/resources/images/bg-completed_lesson.gif) right no-repeat;
}

#Lessons .Text {
    padding-left: 25px;
    padding-top: 1em;
}


body#Course #Instructors .Text {
    float: left;
    width: 388px;
    
}

body#Session #Instructors .Text {
    float: left;
    width: 115px;
    clear: none;
    padding-top: 25px;
    
}

body#Session #Instructors .Graphic {
    padding-top: 8px;
    
    clear: left;
}

body#Course #Instructors .Text p, body#Session #Instructors p {
    clear: left;
}

body#Campus #Courses {
	border-bottom: 18px #000 solid;
	margin-bottom: -16px;
	padding-bottom: 0;
}

#RelatedCourses h3 {
	background: url(/resources/images/hdr-related_courses.gif) top left no-repeat;
}

body#Campus #RelatedTopics ul {
    font-size: 1.2em;
}

.tip, .note {
	background-color: #e6e6e6;
    padding: 25px;
    border: 1px solid #677e9b;
    margin-bottom: 1.5em;
}

.warning {
    padding: 25px;
    border: 1px solid #900;
    margin-bottom: 1.5em;
}

.quote {
	font-style: italic;
}

.graphic, .illustration {
	text-align: center;
	margin-bottom: 2em;
}

.graphic .caption, .illustration .caption {
	font-size: .9em;
	font-weight: bold;
}

/********** Paginator **********/

.Paginator {
	font-size: .85em;
	font-weight: bold;
	margin-bottom: 18px;
	text-align: left;
    width: 658px;
    padding: 0;
    
}

body#Discussions .Paginator {
    text-align: left;
}

.Paginator a {
	text-decoration: none;
}

.Paginator span {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 0 4px;
	padding: 2px 4px;
}

.Paginator span.Label {
    border: none;
    padding: 0;
    margin: 0;
}

.Paginator span:hover, .CurrentPage {
	background-color: #e6e6e6;
}

#CourseNav {
	margin-bottom: 20px;
    width: 486px;
}

body#Reviews #CourseNav {
    width: 668px;
}

#ContentWrapper2 #CourseNav div.First {
	float: left;
	width: auto;
}

#ContentWrapper2 #CourseNav div.Last, #ContentWrapper2  .quizLast {
	float: right;
	width: auto;
}



body#Reviews .Paginator.Last {
    width: 668px;
    margin-top: 0;
}

/********** My Courses / Transcript **********/


dd {
	clear: right;
	display: block;
	margin-bottom: .5em;
}

dl {
	clear: both;
	display: block;
	margin-bottom: 1.5em;
	margin-left: 1em;
	margin-top: 3px;
	width: 95%;
}

dl.SessionStatus {}

dt {
	clear: left;
	display: block;
	float: left;
	font-weight: bold;
	margin-bottom: .5em;
	margin-right: .5em;
	width: 9em;
}

body#Profile #profileTabContent dd {margin-left:123px;}
body#Profile #profileTabContent dt {text-align:right;}

/********** Message Boards **********/

body#Discussions h1 {float: left; width: 358px; margin-bottom: 35px;}
body#Discussions h1 a {color: #fff;}
body#Discussions h2 {clear: both; margin: 15px 25px 12px;}
body#Discussions h2 span {float: none;}

.MessageBoardSearch {
    float: right;
    padding: 13px 25px 3px;
    
    width: 260px;
    background-color: #000;
    color: #fff;
    font-size: .85em;
}

body#Group .MessageBoardSearch {
    background-color: #fff;
    padding: 0;
    color: #000;
}

.MessageBoardSearch form {
    margin-bottom: 0;
}

.MessageBoardSearch img {
    width: 19px;
    height: 17px;
    
}

table.MessageBoard, table.Reviews {
	border-bottom: 2px solid #000;
	margin-bottom: 12px;
	clear: both;
}

body#Discussions .MessageBoard th {

}

.MessageBoard th, .MessageBoard td {
	padding: 13px 9px 14px;
	border-top: 2px solid #c0c0c0;
	border-right: 2px solid #c0c0c0;

}

body#Discussions #Wrapper #ContentWrapper2 .MessageBoard th.LockStatus, body#Discussions #Wrapper #ContentWrapper2 .MessageBoard th.ReadStatus {width: 5%;}
body#Discussions #Wrapper #ContentWrapper2 .MessageBoard th.Forums {width: 50%;}
body#Discussions #Wrapper #ContentWrapper2 .MessageBoard th.Topics {width: 15%}
body#Discussions #Wrapper #ContentWrapper2 .MessageBoard th.Replies {width: 15%;}
body#Discussions #Wrapper #ContentWrapper2 .MessageBoard th.LastPost {width: 15%;}

body#Discussions #Wrapper #ContentWrapper2 .MessageBoard.ForumView th.Topics {width: 50%}
body#Discussions #Wrapper #ContentWrapper2 .MessageBoard.ForumView th.Replies {width: 10%;}
body#Discussions #Wrapper #ContentWrapper2 .MessageBoard.ForumView th.Author {width: 15%;}
body#Discussions #Wrapper #ContentWrapper2 .MessageBoard.ForumView th.Creation {width: 10%;}
body#Discussions #Wrapper #ContentWrapper2 .MessageBoard.ForumView th.LastPost {width: 10%;}

.MessageBoard th.First, .MessageBoard td.First {
    padding-left: 25px;
}

.MessageBoard th.Last, .MessageBoard td.Last {
    border-right: none;
    padding-right: 25px;
}

.MessageBoard td.First.Last {
    width: 100%;
}

.MessageBoard.TopicsList th, .MessageBoard.TopicsList td {
    border-right: none;
}

.MessageBoard th.Spacer, .MessageBoard td.Spacer {
    display: none;
}

.MessageBoard th {
	font-weight: bold;
}

.MessageBoard th.Subhead {
	background-color: #7abfc9;
	font-weight: bold;
	text-align: left;
}

.MessageBoard .Author {
    text-align: center;
}

.MessageBoard .Post {
    text-align: left;
}

body#Discussions #ContentWrapper2 .MessageBoard .Post h3 {
    margin-left: 0;
}

.MessageBoard .Post p {
    width: 558px;
    
    overflow: hidden;
}

.MessageBoard p.Disclaimer {
    font-size: .85em;
    margin: 0 142px 15px 83px;
    width: 443px;
}

.MessageBoard td.Disclaimer {
    border: 0;
    padding-top: 0;
}

.DisplayMessage {
  width: 667px;
  margin: 0 25px 20px;

}

.MessageBoardNav {
  clear: left;
  width: 667px;
  margin: 0 25px 30px;
  font-size: .85em;
  padding-top: 4px;
  line-height: 1em;
}

body#Group .MessageBoardNav {
    margin: 0 0 30px;
}

#PostNav.MessageBoardNav {
    margin-left: 82px;
    width: 443px;
}

.Abuse #PostNav.MessageBoardNav {
    margin-left: 102px;
}

.MessageBoardNav .Button {
    margin: 0 14px 0 0;
}

.MessageBoardNav a {
    border-right: 1px solid #000;
    padding-right: 11px;
    margin: 3px 11px 0 0;
    float: left;
}

.MessageBoardNav .Button a {
    margin: 0;
}

.MessageBoardNav a.Last {
    border-right: 0;
    padding-right: 0;
}

.MessageBoardNav a.Subscribe {
    background: url(/resources/images/icons/simple/email.gif) no-repeat left;
    padding-left: 14px;
}

.MessageBoardNav a.Back, body#Galleries .Back a, body#SpecialGalleries  .Back a, #pollResultsTabContent .Back a {
    background: url(/resources/images/icons/simple/arrow_left.gif) no-repeat left;
    padding-left: 14px;
    text-align: left;
    width: auto;
}

.MessageBoardNav div.DateRange, .MessageBoardNav div.topicSort {
    float: left;
    margin-top: -1px;
}

.MessageBoardNav div.DateRange select, body#Group .MessageBoardNav div.topicSort select {
    /*width: 80px;*/
    font-size: .9em;
}

body#Group .MessageBoardNav div.topicSort select {
    width: 120px;
    
}

.MessageBoardControls {
  clear: both;
}

.MessageBoardControls div {
  margin-right: 25px;
}

.MessageBoard .Ratings {
    float: left;
    margin-bottom: 4px;
}

.MessageBoard .Ratings .Label {
    float: left;
    margin-right: 25px;
}

.MessageBoard .Ratings .Button {
    margin-right: 25px;
}

.MessageBoard .Ratings div {
    float: left;
    margin-right: 25px;
}

.MessageBoard .ReportAbuse {
    float: right;
}

.ReportAbuse .Report {
    background: url(/resources/images/icons/simple/flag.gif) no-repeat left;
    padding-left: 10px;
    font-size: .8em;
}

.MessageBoard .ManageAbuse {
    clear: both;
    margin-bottom: 4px;
}

.MessageBoard .ManageAbuse .Button {
    margin-right: 25px;
}




body#Discussions #ContentWrapper2 .ForumsSearch {
    padding: 0 25px;
    margin-bottom: 15px;
}

body#Discussions #ContentWrapper2 .ForumsSearch .FormRow {
    width: 280px;
    float: left;
    margin-right: 25px;
    padding: 0;
    clear: none;
}

body#Discussions #ContentWrapper2 .ForumsSearch .FormRow label {
    width: auto;
    margin-right: 4px;
}

body#Discussions #ContentWrapper2 .ForumsSearch .FormRow input, body#Discussions #ContentWrapper2 .ForumsSearch .FormRow select {
    width: 235px !important;
}

body#Discussions #ContentWrapper2 .ForumsSearch .FormRowSubmit {
    float: left;
    clear: none;
    width: 57px;
    padding-top: 2px;
}

body#Discussions p.SearchError {
    padding: 0 25px;
}

body#Discussions .Paginator, body#Discussions .Button#BackToDiscussions {
    margin-left: 25px;
}

#replyEntry td {
    text-align: left;
}


#SearchResults p {
    margin-bottom: 4px;
}

#SearchResults .Stats {
    font-size: .85em;
    margin-bottom: 15px;
}

#SearchResults h3 {
    margin-bottom: 0;
}

.bold {
  font-weight: bold;
}

div.field {
  clear: both;
  margin-bottom: 25px;
}

/* Quiz */
p.question {
  clear: both;
  font-weight: bold;
}

div.correctAnswers {
  clear: both;
  border: solid 1px #677e9b;
  margin-bottom: 25px;
  padding: 15px;
}

.alreadyTakenQuiz {
  padding: 5px 5px 5px 0px;
  font-weight: bold;
}

#MessagePreview {
  background: #677e9b;
}


div.innerTabs {background-color: #a6cbec; height: 27px;}
div.innerTabs ul {margin-bottom: 0; padding: 0;}
div.innerTabs ul li {float: left; list-style: none; margin: 0; padding: 5px 0; width: 140px; background: url(/resources/images/bg-tab.gif) no-repeat; text-align: center;}
div.innerTabs ul li.selectedTab, div.innerTabs ul li:hover {background: url(/resources/images/bg-selected_tab.gif) no-repeat;}
div.innerTabs ul a {display: block; text-decoration: none; color: #000; margin: 0;}

div#campusTabs.innerTabs, div#galleryCampusTabs.innerTabs {background-color: #fff;}
div#campusTabs.innerTabs ul li {width: 180px;  background-image: url(/resources/images/bg-tab-campus_nav.gif);}
div#campusTabs.innerTabs ul li.Cheese {width: 178px; }
div#campusTabs.innerTabs ul li:hover {background-image: url(/resources/images/bg-selected_tab-campus_nav.gif);}
div#campusTabs.innerTabs ul li.selectedTab {background-image: url(/resources/images/bg-selected_tab-campus_nav.gif); width: 178px;}

.innerTabContent {padding: 25px;}

div.Ratings div {
float:left;
line-height:1.8em;
margin-right:5px;
}

div.Ratings div {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.8em;
}


/********** RSS/Viral Widget **********/
#Sidebar #Viral {
    padding-bottom: 4px;
}

#Viral ul {
    padding: 0 0 0 6px;
    margin: 0 -14px 0 -8px;
    
    list-style-image: none;
}

#Viral ul li {
    margin: 0 10px 8px 0;
    padding: 0 0 0 15px;
    background-repeat: no-repeat;
    background-position: top left;
    line-height: 12px;
    list-style: none;
    list-style-image: none;
    width: 89px;
    float: left;
}

#Viral #PrintThis {background-image: url(/resources/images/icons/simple/print.gif);}
#Viral #BookmarkThis {background-image: url(/resources/images/icons/simple/bookmark.gif);}
#Viral #AddThis, #Viral #AddThis.default {background-image: url(/resources/images/icons/viral/rss_icon.gif); color: #677e9b;}
#Viral #AddThis.closed {background-image: url(/resources/images/icons/viral/open.gif);}
#Viral #AddThis.open {background-image: url(/resources/images/icons/viral/close.gif);}
#Viral #EmailThis {background-image: url(/resources/images/icons/simple/email.gif); width: 80px;}
#Viral #ShareThis, #Viral #ShareThis.closed {background-image: url(/resources/images/icons/viral/open.gif); color: #677e9b;}
#Viral #ShareThis.open {background-image: url(/resources/images/icons/viral/close.gif);}

#Sidebar #Viral ul#RSSList, #Sidebar #Viral ul#ViralList {
    margin: 0;
    padding: 10px 0 0 10px;
    border: 0;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    clear: none;
    position: absolute;
    z-index: 1000;
    width: 130px;
}

#Sidebar #Viral ul#RSSList li, #Sidebar #Viral ul#ViralList li {
    line-height: 16px !important;
    margin: 0 0 10px !important;
    padding-left: 24px;
    list-style: none;
    float: left;
    width: 80px;
}

#Sidebar #Viral #MyYahoo {background-image: url(/resources/images/icons/viral/my_yahoo.gif);}
#Sidebar #Viral #MYMSN {background-image: url(/resources/images/icons/viral/my_msn.gif);}
#Sidebar #Viral #Google {background-image: url(/resources/images/icons/viral/google.gif);}
#Sidebar #Viral #Newsgator {background-image: url(/resources/images/icons/viral/newsgator.gif);}
#Sidebar #Viral #RSSList #RSSFeed {background-image: url(/resources/images/icons/viral/rss_button.gif); padding-left: 35px; width: 69px;} /* 11 more */
#Sidebar #Viral #Delicious {background-image: url(/resources/images/icons/viral/delicious.gif);}
#Sidebar #Viral #Digg {background-image: url(/resources/images/icons/viral/digg.gif);}
#Sidebar #Viral #Technorati {background-image: url(/resources/images/icons/viral/technorati.gif);}
#Sidebar #Viral #Magnolia {background-image: url(/resources/images/icons/viral/magnolia.gif);}

#Sidebar #Viral ul#RSSList li#closeRSSList, #Sidebar #Viral  ul#ViralList li#closeViralList {
    background-image: none;
    width: 20px;
    float: right;
    padding-left: 0;
    cursor: pointer;
}

#RSSList, #ViralList {display: none;}
#AddThis span, #ShareThis span {cursor: pointer;}
#AddThis span:hover, #ShareThis span:hover {text-decoration: underline;}


/* Ratings */
	/*             styles for the star rater                */
	.star-rating {
  	    list-style:none;
		margin: 0 5px 0 0;
		padding:0px;
		width: 105px;
		height: 25px;
		position: relative;
		overflow:hidden;
		float: left;
		background: url(/resources/images/rating_star-21px.gif) top left repeat-x;
	}

	#Flag .star-rating {
	    background-image: url(/resources/images/rating_star-21px-flag.gif);
    }
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
    }
	.star-rating li a {
		display:block;
		width:21px;
		height: 25px;
		line-height:25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}

	.star-rating li a:hover{
		background: url(/resources/images/rating_star-21px.gif) left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{left: 0px;}
	.star-rating a.one-star:hover{width:21px;}
	.star-rating a.two-stars{left:21px;}
	.star-rating a.two-stars:hover{width: 42px;}
	.star-rating a.three-stars{left: 42px;}
	.star-rating a.three-stars:hover{width: 63px;}
	.star-rating a.four-stars{left: 63px;}
	.star-rating a.four-stars:hover{width: 84px;}
	.star-rating a.five-stars{left: 84px;}
	.star-rating a.five-stars:hover{width: 105px;}

	.star-rating li.current-rating {
		background: url(/resources/images/rating_star-21px.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	#Flag .star-rating, #Flag .star-rating li a:hover, #Flag .star-rating li.current-rating {
	    background-image: url(/resources/images/rating_star-21px-flag.gif);
    }

    body#Campus #Featured .star-rating, body#Campus #Featured .star-rating li a:hover, body#Campus #Featured .star-rating li.current-rating {
	    background-image: url(/resources/images/rating_star-21px-feature.gif);
    }

	#UserInfo .star-rating, #UserInfo .star-rating li a:hover, #UserInfo .star-rating li.current-rating {
	    background-image: url(/resources/images/rating_star-21px-user_info.gif);
    }

    .ratingText {
        float: left;
        font-size: .9em;
        padding-top: 4px;
        color: #bc982a;
    }

    /* remove halo effect in firefox   */
	a:active{
		outline: none;
	}




.MiniRatings .star-rating, #Sidebar ul.star-rating{
    list-style:none;
    margin: 0 5px 0 0;
    padding:0px;
    width: 60px !important;
    height: 15px;
    position: relative;
    overflow:hidden;
    float: left;
    background: url(/resources/images/rating_star-12px-sidebar.gif) top left repeat-x;
}
.MiniRatings .star-rating li{
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}
.MiniRatings .star-rating li a{
    display:block;
    width:12px;
    height: 15px;
    line-height:15px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
    overflow:hidden;
}
.MiniRatings .star-rating li a:hover{
    background: url(/resources/images/rating_star-12px-sidebar.gif) left bottom;
    z-index: 2;
    left: 0px;
    border:none;
}
.MiniRatings .star-rating a.one-star{left: 0px;}
.MiniRatings .star-rating a.one-star:hover{width:12px;}
.MiniRatings .star-rating a.two-stars{left:12px;}
.MiniRatings .star-rating a.two-stars:hover{width: 24px;}
.MiniRatings .star-rating a.three-stars{left: 24px;}
.MiniRatings .star-rating a.three-stars:hover{width: 36px;}
.MiniRatings .star-rating a.four-stars{left: 36px;}
.MiniRatings .star-rating a.four-stars:hover{width: 48px;}
.MiniRatings .star-rating a.five-stars{left: 48px;}
.MiniRatings .star-rating a.five-stars:hover{width: 60px;}

.MiniRatings .star-rating li.current-rating, #Sidebar .MiniRatings ul.star-rating li.current-rating {
    background: url(/resources/images/rating_star-12px-sidebar.gif) left center;
    position: absolute;
    height: 15px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
    
}

#Sidebar .MiniRatings.InstructorView ul.star-rating li.current-rating {
    
}

body#GroupGalleries .Content .MiniRatings .star-rating li.current-rating {
    margin-left: 0;
}

.MiniRatings .ratingText {
    float: left;
    color: #997b21;
    padding-top: 1px;
    margin-left: 2px;
    line-height: 1em;
}

#ContentWrapper2 .MiniRatings .ratingText {
    font-size: .85em;
}




/********** Avatars **********/

#Avatars .Avatar {
    float: left;
    width: 75px;
    margin-right: 15px;
    text-align: center;
    overflow: hidden;
    font-size: .85em;
}

#Avatars {
    margin-bottom: 25px;
}

#Avatars .Avatar {
    cursor: pointer;
    border: 2px solid #fff;
    width: 75px;
    height: 75px;
    min-height: 75px;
    max-height: 75px;
    text-align: center;
}

#Avatars .Avatar.Current {
    border: 2px solid #96B8DB;
}

#Avatars .Avatar:hover {
    border: 2px solid #BBD634;
}

#selectAvatar {
    padding: 25px;
}

#avatarFile_label {
    float: left;
    text-align: left;
    margin-right: 15px;

}

#AvatarUploadFormRow  {
    float: left;
    position: relative;
    margin-bottom: 25px;
}



/********** Reviews **********/


.ReviewHeader h2 {
    border-bottom: 1px solid #677e9b;
    margin-bottom: 35px;
    
}

.ReviewHeader .fiveStarRating {
    float: right;
    margin-top: -60px;
    
}

body#Reviews #viewReviewForm {
    float: right;
    width: 250px;
    text-align: right;
}

body#Reviews .Paginator {
    margin-bottom: 50px;
}

.Review, body#Course #ContentWrapper2 #Reviews.Chunk .Review {
    margin-bottom: 35px;
    width: 486px;
    padding: 0 !important;
    clear: both;
}

.Review.Preview {
    margin-bottom: 10px;
}

.Review .ReviewSpecs {
    float: right;
    width: 197px;
    margin-top: -5px;
}

body#Reviews .Review {
    clear: left;
    width: 100%;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #ddd;
}

body#Reviews .Review .ReviewSpecs {
    width: 237px;
}

.Review .fiveStarRating {
    margin-top: -4px !important;
}

.Review .Date {
    margin-top: 3px;
    padding-left: 5px;
    border-left: 1px solid #ccc !important;
    width: 80px;
    float: right;
}

body#Reviews .Review .Date {
    width: 120px;
}

.Review .Text {
    float: left;
    width: 384px;
    
}

.Review .Ratings .Label {
    
}

body#Reviews .Text {
    width: 578px;
}

.Review .Abuse {
    float: right;
    width: 90px;
    text-align: left;
    font-size: .85em;
    margin: -20px -25px 0 0;
    
    padding-left: 9px;
    background: url(/resources/images/icons/simple/flag.gif) no-repeat left;
}

#Reviews p.ReadAll, #DiscussionsWidgetD p.CTA a {
    margin-bottom: 35px;
    font-weight: bold;
    background: url(/resources/images/bullet-red_arrow_large.gif) top left no-repeat;
    padding-left: 12px;
    line-height: 1em;
    
}

#replyEntry {
    margin: 0 0 35px;
    clear: both;
    
}

#replyEntry .error {
    margin-left: 25px;
}

#PostReview .FormRow label {
    width: 100px;
}

#PostReview .fiveStarRating {
    float: left;
    width: 300px;
}

#PostReview .FormRow input, #PostReview .FormRow textarea {
    width: 361px;
    
    margin-right: 0;
    
}

body#Reviews #PostReview .FormRow input, body#Reviews #PostReview .FormRow textarea {
    width: 542px;
    
}

#PostReview .FormRow textarea {
    margin-bottom: 10px;
    height: 200px;
}

#PostReview .ReviewNav {
    padding-left: 120px;
}

#PostReview .ReviewNav.Preview {
    padding-left: 79px;
    margin-bottom: 35px;
}

#PostReview .ReviewNav div.Button {
    margin-right: 10px;
}

#ReportAbuseForm .FormRowAlt input {
    margin-left: 70px;
}

#ReportAbuseForm textarea {
    width: 404px;
    margin: 0 0 15px;
}

#ReportAbuseForm #AbuseType label, #ReportAbuseForm .FormRow label, #ReportAbuseForm p.Label {
    font-weight: bold;
    width: 90px;
    display: block;
    margin-bottom: 8px;
}

#ReportAbuseForm #AbuseType label {
    text-align: right;
    float: left;
    margin: 0;
}

#AbuseType {
    margin-bottom: 15px;
}

#ContentWrapper2 #ReportAbuseForm #AbuseType .FormRowValue {
    margin-bottom: 4px;
    float: right;
    width: 308px;
    height: 18px;
    padding-bottom: 2px;
}

#ContentWrapper2 #ReportAbuseForm .FormRow label, body#Discussions #ContentWrapper2 #ReportAbuseForm .FormRow label {
    width: 90px;
    text-align: left;
}

#ContentWrapper2 #ReportAbuseForm #AbuseType .FormRowValue input {
    width: 15px;
    float: left;
    margin-right: 6px;
}

#ContentWrapper2 #ReportAbuseForm #AbuseType .FormRowValue .PostContent {
    float: left;
    width: 200px;
    
}

#ContentWrapper2 #ReportAbuseForm .FormRow textarea, body#Discussions #ContentWrapper2 #ReportAbuseForm .FormRow textarea {
    width: 408px;
}

#ReportAbuseForm .MessageBoardNav {
    padding-left: 140px;
    margin: 0;
    width: 268px;
}

#ReportAbuseForm .FormRowSubmit .Button {
    margin-left: 15px;
}



body#GalleryReportAbuse #ReportAbuseForm {
    width: 100%;
}

#ReportAbuseForm #Thumbnails {
    margin-bottom: 25px;
}

#ContentWrapper2 #ReportAbuseForm #Thumbnails label {
    display: block;
    float: none;
    width: auto;
    text-align: left;
    margin-bottom: 15px;
}

#ReportAbuseForm #Thumbnails .Thumbnail {
    float: left;
    margin: 0 15px 15px 0;
    border: 2px solid #fff;
}

#ReportAbuseForm #Thumbnails .Thumbnail.SelectedThumb {
    border: 2px solid #f00;
}

body#GalleryReportAbuse #ReportAbuseForm #AbuseType .FormRowValue {
    width: 570px;
}



body#Profile h1 {
    background-color: #000;
    color: #fff;
    padding: 11px 25px 11px;
    margin-bottom: 0;
}

body#Profile #UserInfo {
    background: url(/resources/images/bg-featured.gif) #eff6fc bottom repeat-x;
    border-top: 1px solid #ededed;
    padding: 10px 25px 25px;
    margin-bottom: 0;
}



.User {
    width: 82px;
    margin-right: 15px;
    float: left;
    width: 82px;
}

.User .Avatar {
    background: url(/resources/images/bg-avatar_large-top.gif) top left no-repeat;
    padding: 3px 0 0;
    width: 82px;
    float: none;
    margin: 0 0 4px;
    text-align: left;
}

.User .Avatar div {
    background: url(/resources/images/bg-avatar_large-bottom.gif) bottom left no-repeat;
    padding: 0 3px 3px 3px;
    
    margin: 0;
}

.User .UserName {
    text-align: center;
}

.UserRole {
    text-align: center;
    margin-bottom: 4px;
}

body#Blogs #UserInfo .UserRole {display: none;}

.UserRole span {
    text-transform: uppercase;
    font-size: 10px;
    padding: 1px 3px;
    background-color: #a6cbec;
    color: #fff;
}

body#Profile #UserInfo .UserRole span {
    background-color: #e6e6e6;
    color: #666666;
}

.UserRole a {
    text-decoration: none;
}



table.MessageBoard .User {
    float: none;
    margin-right: 0;
}

table.MessageBoard .UserRole {text-align: left;}
table.MessageBoard .Author.First .UserRole, table.MessageBoard .Author.First .UserName {text-align: center;}




.User .userReputation {
    text-align: center;
}

#UserInfo #UserMoniker {
    float: left;
    width: 300px;
}

body#Profile #UserInfo #UserMoniker .MemberSince {
    font-size: .85em;
    margin-bottom: 6px;
}

#UserInfo #UserMoniker p {
    margin-bottom: 6px;
}

.AvatarMGMTLink {
    margin-top: 6px;
    font-size: .85em;
}

#UserInfo #UserMoniker p {
    margin-bottom: 0;
}

#UserInfo .AvatarMGMTLink {
    margin-bottom: 20px;
    clear: left;
}

#UserInfo #Memberships {
    float: right;
    width: 230px;
    margin: 0 0 25px 0;
}

#UserInfo .Membership {
    margin-bottom: 10px;
    
    text-align: right;
    color: #000;
    font-weight: bold;
}

body#Profile #UserInfo .Membership {text-align: left;}

body#Galleries #UserInfo .Membership, body#Blogs #UserInfo .Membership {
    margin-top: 12px;
    border: 0;
}

#UserInfo .Membership img {
    margin-bottom: -3px;
}

#UserInfo .Membership .Tenure {
    font-weight: normal;
    color: #666;
    padding-left: 21px;
}

#UserInfo #UserInfoInstructions {
    clear: left;
}

.userReputation span {
    display: none;
}

#Sidebar div#RelatedTopics {
    padding: 0 14px;
    margin-bottom: 0;
}

#Sidebar h3#RelatedTopicsH {
    padding-top: 14px;
    margin: 0 -14px;
    cursor: pointer;
}

#RelatedTopicsH span {
    margin-top: -1px;
}

#Sidebar #RelatedTopicsL {
    margin: 10px 0;
}

#Sidebar #RelatedTopicsL ul {
    margin-bottom: 15px;
    padding-bottom: 0;
    line-height: 1.1em;
}



#Sidebar div#DiscussionsWidget {
    padding: 0;
    margin-bottom: 0;
}

#Sidebar h3#DiscussionsWidgetH {
    padding-top: 14px;
    cursor: pointer;
    margin: 0;
}

#DiscussionsWidgetH span {
    margin-top: -1px;
}

div#DiscussionsWidgetD {
    margin: 0;
}

div#DiscussionsWidgetD h4 {
    text-transform: uppercase;
    font-weight: normal;
    padding: 6px 14px;
    margin: 0;
    border-bottom: 1px solid #a1d6ff;
}

div#DiscussionsWidgetD h4#ArchiveHdr {
    border-bottom: 1px solid #ccc;
    margin-bottom: 4px;
}

div#DiscussionsWidgetD h5 {
    padding: 10px 14px;
}

div#DiscussionsWidgetD .Active, div#DiscussionsWidgetD .Recent, div#DiscussionsWidgetD div.Special, div#DiscussionsWidgetD div.NoExistingTopics {
    padding: 6px 14px;
    border-bottom: 1px solid #fff;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    overflow: hidden;
    
    line-height: 1.4em;
}

div#DiscussionsWidgetD div.NoExistingTopics {
    height: auto;
    max-height: none;
    min-height: 0;
}

div#DiscussionsWidgetD div.Special {
    background-color: #d3ebff;
    border-bottom: 1px solid #a1d6ff;
    height: auto;
    min-height: 0;
    max-height: none;
    color: #666;
}

div#DiscussionsWidgetD div.Special p {
    margin-bottom: 6px;
}

div#DiscussionsWidgetD div.Special .Button {
    margin-bottom: 4px;
}

div#DiscussionsWidgetD div.Special .Button a {
    color: #fff;
}

div#DiscussionsWidgetD div.Active {
    background-color: #d3ebff;
}

div#DiscussionsWidgetD div.Active:hover {
    background-color: #dcefff;
}

div#DiscussionsWidgetD div.Recent {
    background-color: #a1d6ff;
}

div#DiscussionsWidgetD div.Recent:hover {
    background-color: #b4deff;
}

div#DiscussionsWidgetD .Text {
    float: left;
    margin-right: 10px;
    width: 135px;
    overflow: hidden;
}

div#DiscussionsWidgetD a{
    color: #333;
}

div#DiscussionsWidgetD .CTA a{
    color: #677E9B;
}

div#DiscussionsWidgetD .Type {
    float: right;
    width: 65px;
    text-align: right;
    color: #8c857f;
}

div#DiscussionsWidgetD .Type span {
    background-color: #78c8ff;
    padding: 1px 2px;
    color: #fff;
    text-transform: uppercase;
}

div#DiscussionsWidgetD ul {
    padding: 6px 14px 0;
}

div#DiscussionsWidgetD li {
    background: none;
    padding: 0;
}

div#DiscussionsWidgetD p {
    margin-bottom: 6px;
}




body#Bookmark, body#Transcript {
    padding: 0;
    margin: 0;
}

.BookmarkText, body#Transcript #Transcript {
    background-color: #fff;
    margin: 10px 15px;
    padding: 15px;
    text-align: left;
    font-size: 1.2em;
    line-height: 1.4em;
}

body#Media {
    margin: 0;
    padding: 15px;
}

/********** Site Search Pages **********/

body#Search h2 span {float: none;}

.mainSearchPageForm {
    margin-bottom: 0;
}

body#Search #SearchBox, body#SearchDetails #SearchBox {
    border-top: 0;
    padding: 25px;
    background: url(/resources/images/bg-featured.gif) #eff6fc bottom repeat-x;
    margin-bottom: 0;
}

#SearchBox label, #SearchBox input, #SearchBox .ButtonInput {
    float: left;
    margin-right: 6px;
}

#SearchBox label {
    font-weight: bold;
}

#SearchBox #objectType {
    float: left;
    margin: -2px 6px 0 0;
}

#SearchBox #keywords {
    width: 250px;
}

#SearchBox .ButtonInput {
    margin-top: 2px;
}

#SearchBox .ButtonInput input {
    margin: 0 !important;
	padding: 0 6px 1px;
	
}

body#SearchDetails h2 {
    margin: 15px 25px 0;
}

.SearchResults {
    clear: left;
    padding: 25px;
    margin-bottom: 25px !important;
}

body#SearchDetails .SearchResults {
    padding: 25px;
}

#ContentWrapper2 .SearchResults .Chunk {
    border-bottom: 1px solid #ccc;
    width: auto;
    margin-right: 0 !important;
    float: none;
}

#ContentWrapper2 .SearchResults .Chunk .Child {
    margin: 0 0 15px 90px;
    clear: left;
}

.FlagJr {
    margin-bottom: 25px;
}

.SearchResults .Graphic, .FlagJr .Graphic {
    float: left;
    width: 150px;
    margin-right: 15px;
    margin-bottom: 20px;
}

.SearchResults .Chunk .Info, .FlagJr .Text {
    float: left;
    width: 500px;
}




.SearchResults .Chunk .Child .Info {
    float: left;
    width: 410px;
}

.SearchResults .Post .Info {
    float: left;
    width: 395px;
}

.SearchResults p {
    margin-bottom: 20px;
    clear: left;
}

.SearchResults p.More { 
    font-weight: bold;
}

.SearchResults .Results {
    clear: left;
}

.SearchResults .Results p.More, #mastersTabContent p.More { 
    background: url(/resources/images/bullet-red_arrow.gif) top left no-repeat;
    padding: 0 0 0 6px;
    font-weight: normal;
}

/********** Profiles **********/

#editProfile #Profile {
    margin: 0 -25px;
    width: 718px;
}

#editProfile .Section {
    margin: 0 0 35px;
    width: 308px;
    padding: 0 25px;
    font-size: .85em;
}

#editProfile #Profile #Public {
    float: left;
    border-right: 2px solid #ebebeb;
}

#editProfile #Profile #Private,
#editProfile #Profile #Email,
#editProfile #Profile #FrontlineOptIn,
#editProfile #Profile #Password {
    float: right;
}


#ContentWrapper2 #editProfile #Profile #FrontlineOptIn p.Label {
width: auto;
float: none;
text-align: left;
}

body#Profile div#tabContent h3 {
    background-color: #5C5C5C;
    color: #fff;
    padding: 5px 25px;
    margin: 0 -25px 15px;
    font-weight: normal;
    font-size: 1.3em;
}

body#Profile  #ContentWrapper2 .Chunk, body#AllCourses #ContentWrapper2 .Chunk, body#AllCoursesCampus #ContentWrapper2 .Chunk, body#Tutorial #ContentWrapper2 .Chunk {
    width: auto;
    margin: 0 0 25px;
    float: none;
}

#ContentWrapper2 #editProfile .Section .FormRow label,
#ContentWrapper2 #editProfile .Section .FormRowAlt label,
#ContentWrapper2 #editProfile .Section p.label {
    width: 90px;
}

#ContentWrapper2 #editProfile .Section .FormRowAlt label {
	font-weight: normal;
	text-align: left;
	width: 192px;
}

#ContentWrapper2 #editProfile .Section .FormRow input,
#ContentWrapper2 #editProfile .Section .FormRowAlt input,
#ContentWrapper2 #editProfile .Section .FormRow select {
	float: left;
	margin-right: 0;
	width: 190px;
	
}

#ContentWrapper2 #editProfile .Section .FormRow select {
    width: 194px;
}

#ContentWrapper2 #editProfile .Section .FormRowAlt input {
	margin: 0 8px 0 74px;
	width: 20px;
}

#ContentWrapper2 #editProfile .Section .Bio .FormRow label {
    text-align: left;
}

#ContentWrapper2 #editProfile .Section .Bio .FormRow textarea {
    float: none;
    clear: left;
    width: 100%;
    
    height: 250px;
}

#ContentWrapper2 #editProfile .Section .Bio .FormRowAlt input {
    margin-left: 0;
}

#ContentWrapper2 #editProfile .Section#Password .FormRow label {width: 135px;}

#ContentWrapper2 #editProfile .Section#Password .FormRow input {width: 145px;}

#ContentWrapper2 #editProfile .FormRowSubmit, body#Avatar #ContentWrapper2 .FormRowSubmit {
    background-color: #ccc;
    margin: 0 -25px;
    padding: 10px 25px;
}

#ContentWrapper2 #editProfile .FormRowSubmit {
    margin: 0;
}

body#Avatar #ContentWrapper2 .FormRowSubmit .Button, body#Avatar #ContentWrapper2 .FormRowSubmit .ButtonInput {
    margin-left: 15px;
}

body#Avatar h2 {
    margin: 18px 25px;
}

#selectAvatar p {
    clear: both;
    font-size: .85em;
}

#ContentWrapper2 #editProfile .FormRowSubmit .Button {
    margin-left: 15px;
}

body#Profile #Reviews h3, body#Profile #StudentRatings h3, body#Profile #Posts h3 {
    margin-left: 25px;
    margin-right: 25px;
}

#StudentCourses, #InstructorCourses, #EnrolledCourses, body#Profile #StudentRatings, body#Profile #InstructorRatings,  body#Profile #Topics, body#Profile #Posts, body#Profile #Reviews {
    margin: 0 -25px 35px;
}

#EnrolledCourses h3 {
    margin-left: 25px;
}

#StudentCourses table, #InstructorCourses table, #EnrolledCourses table, body#Profile #StudentRatings table, body#Profile #InstructorRatings table, body#Profile #Topics table, body#Profile #Posts table, body#Profile #Reviews table {
    width: 718px;
    margin-bottom: 50px;
}

#StudentCourses th, #InstructorCourses th {
    border-top: none;
}

#StudentRatings table .First, #InstructorRatings table .First {
    width: 430px;
}

#StudentRatings table .Last, #InstructorRatings table .Last {
    width: 175px;
    text-align: left;
}
#StudentRatings table .both, #InstructorRatings table .both {
    width: 605px;
    text-align: left;
    padding: 15px 25px;
    border-right: none;
}


#StudentCourses table .First, #InstructorCourses table .First, #EnrolledCourses table .First {
    width: 400px;
}

#StudentCourses table .Last, #InstructorCourses table .Last, #EnrolledCourses table .Last {
    width: 316px;
    text-align: left;
}

body#Profile div#tabContent #CourseRatings h3, body#Profile div#tabContent #InstructorRatings h3, body#Profile div#tabContent #Topics h3, body#Profile div#tabContent #Posts h3, body#Profile div#tabContent #Reviews h3 {
    background-color: #fff;
    color: #000;
    padding: 0 25px;
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 1em;
}

body#Profile #Topics table td.Subject div, body#Profile #Posts table td.Subject div, body#Profile #Reviews table td.Subject div {
    width: 300px !important;
    overflow: hidden;
}

body#Profile #Topics td.Forum, body#Profile #Posts td.Forum, body#Profile #Reviews td.Course {width: 200px;}
body#Profile #Topics td.Subject, body#Profile #Posts td.Subject, body#Profile #Reviews td.Subject {width: 300px;}
body#Profile #Topics td.Date, body#Profile #Posts td.Date, body#Profile #Reviews td.Date {width: 120px;}
body#Profile #Topics td.Ratings, body#Profile #Posts th.Ratings, body#Profile #Posts td.Ratings, body#Profile #Reviews td.Ratings {width: 108px;}
body#Profile #Topics td.Ratings .Ratings, body#Profile #Posts td.Ratings .Ratings, body#Profile #Reviews td.Ratings .Ratings {width: 120px;}

#StudentCourses .First p, #EnrolledCourses .First p {margin-bottom: 0;}
#StudentCourses .Last p, #EnrolledCourses .Last p {margin-bottom: 4px;}
#StudentCourses hr {margin-bottom: 6px;}
#StudentCourses ul.UserActions {clear: left;}
#StudentCourses ul.UserActions li {background-image: url(/resources/images/bullet-red_arrow.gif);}

#InstructorCourses table .Last.ProfileRating {width: 175px;}






#GalleryNav {
    text-align: center;
    background-color: #e6e6e6;
    padding: 25px 0;
}

#GalleryNav #GroupPromo {
    padding: 12px 25px;
    font-size: 1.2em;
    border-bottom: 1px solid #ededed;
    margin: -25px 0 12px;
}

#GalleryNav h3 {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 6px;
    background-color: #e6e6e6;
    border: 0;
    padding: 0;
}

#GalleryNav .Gallery {
    width: 145px;
    padding: 8px 5px 5px;
    margin: 0 auto 15px;
    border: 3px solid #e6e6e6;
}

.Gallery .AlbumCover {
    margin: 0 auto;
    padding: 7px 15px 16px 8px;
    background: url(/resources/images/gallery/album_cover.gif) no-repeat left top;
    width: 92px;
    height: 92px;
    min-height: 92px;
    max-height: 92px;
}

#GalleryNav .inplaceeditor-form {padding-top: 4px;}
#GalleryNav .editor_field {width: 98%; margin-bottom: 2px;}
#GalleryNav .inplaceeditor-form .editor_ok_button {float: right; width: 45px;}
#GalleryNav .inplaceeditor-form .editor_cancel_link {float: left; width: 45px; padding-top: 4px;}

#GalleryNav .Gallery img {
    margin: 0;
}

#GalleryNav .Gallery p {
    margin-bottom: 0;
    font-weight: bold;
    color: #677e9b;
    width: 145px;
    overflow:hidden;
}

body#Blogs #ContentWrapper2 #UserInfo, body#Galleries #ContentWrapper2 #UserInfo, body#Galleries #ContentWrapper2 #GalleryInfo, body#SpecialGalleries #ContentWrapper2 #GalleryInfo {
    padding: 2px 25px 0;
    height: 43px;
    min-height: 43px;
    max-height: 43px;
    margin-bottom: 25px;
    background-color: #e6e6e6;
}

body#Blogs #ContentWrapper2 #UserInfo {
margin: -18px -25px 25px;
}


body#SpecialGalleries #ContentWrapper2 #GalleryInfo, body#Galleries #ContentWrapper2 #GalleryInfo {
padding-bottom: 0;
}

#GalleryInfo ul#SectionTabs {
    padding: 0;
    
    margin-bottom: 0;
    border-bottom: 1px solid #e6e6e6;
}

#GalleryInfo ul#SectionTabs li {
    display: inline;
    margin: 0;
    background-image: none;
    padding:2px 15px;
    border-left: 1px solid #b1b1b1;
    background-color: #e6e6e6;
}

#GalleryInfo ul#SectionTabs li.First {
    border-left: none;
    padding-left: 0;
}

#GalleryInfo ul#SectionTabs li.Selected {
    background-color: #eee;
}

body#Galleries #GalleryInfo h1, body#SpecialGalleries #GalleryInfo h1 {
    font-size: 1em;
    background-color: #eee;
    padding: 6px 25px 2px;
    margin: 0 -25px;
}

#GalleryInfo h1 span {
    font-size: .85em;
    color: #999;
    padding-left: 6px;
}



#GalleryDescription {
    margin-bottom: 35px;
}

#UserInfo .Graphic, .BlogPost .Graphic, .Post .Graphic {
    float: left;
    margin-right: 10px;
    width: 45px;
}

body#Blogs #UserInfo #Avatar, body#Galleries #UserInfo #Avatar, .Member .Graphic, .BlogPost .Graphic, .Post .Graphic {
    background: url(/resources/images/gallery_avatar_bg-top.gif) top left no-repeat;
    padding-top: 3px;
}

body#Blogs #UserInfo #Avatar div, body#Galleries #UserInfo #Avatar div, .Member .Graphic div, .BlogPost .Graphic div, .Post .Graphic div {
    background: url(/resources/images/gallery_avatar_bg-bottom.gif) bottom left no-repeat;
    padding: 0 5px 6px 3px;
}



#UserInfo .Text p, #GalleryInfo p {
    margin-bottom: 0;
    font-size: .85em;
}

#UserInfo .Text p a {
    border-left: 1px solid #9c9c9c;
    padding-left: 3px;
    margin-left: 3px;
}



body#Galleries #UploadButton, body#Galleries #uploadSubmitButton, body#SpecialGalleries #UploadButton, body#SpecialGalleries #uploadSubmitButton {
    float: right;
}

#AddPost img {display: none;}

#UploadButton, #uploadSubmitButton, #AddPost {
	background: url(/resources/images/button-upload_right.gif) no-repeat right top;
	float: left;
	height: 17px !important;
	margin: 0 0 15px;
	padding: 0 0 14px 0 !important;
}

#UploadButton a:link,
#UploadButton a:visited,
#uploadSubmitButton input,
#AddPost a:link,
#AddPost a:visited {
	background: url(/resources/images/button-upload_left.gif) no-repeat left top;
	border: 0;
	cursor: pointer;
	display: block;
	float: left;
	height: 14px !important;
	
    padding: 5px 15px 23px 10px;
	color: #fff;
	line-height: 10px;
	font-size: 12px !important;
	font-weight: bold;
	font-family: tahoma,geneva,san-serif;
	text-transform: none;
	text-decoration: none;
}



#UploadButton.Disabled, #uploadSubmitButton.Disabled {
    visibility: hidden;
}

/* for use if a disabled button is displayed
#UploadButton.Disabled, #uploadSubmitButton.Disabled {
	background: url(/resources/images/button-upload-disabled_right.gif) no-repeat right top;
}

#UploadButton.Disabled a:link,
#UploadButton.Disabled a:visited,
#uploadSubmitButton.Disabled input {
	background: url(/resources/images/button-upload-disabled_left.gif) no-repeat left top;
	cursor: default;
}
*/

#UploadButton a:link,
#UploadButton a:visited,
#AddPost a:link,
#AddPost a:visited {
    padding: 9px 15px 8px 10px;
}

#FileUploadEntry {
    margin-bottom: 25px;
}

#GalleryHdr {
    margin: -42px 0 25px;
}

#GalleryHdr form {
    display: inline;
}

#GalleryHdr .editor_cancel {
    font-size: .65em;
}

#GalleryHdr #DeleteGallery, #editBlogTitle, body#Blogs .editor_cancel {
    font-size: .6em;
}

#GetStarted {
    margin-top: 20px;
}

#GalleryContent {
    margin: -18px -25px 25px;
    width: 668px;
    padding: 0 25px;
}

body#Galleries #GalleryContent .Back, body#SpecialGalleries #GalleryContent .Back {
    margin-bottom: -25px;
}

body#Galleries .ReportAbuse, body#SpecialGalleries .ReportAbuse {
    margin: 0 0 25px;
    clear: right;
    float: left;
}

body#Galleries .ReportAbuse a, body#SpecialGalleries .ReportAbuse a {
    clear: right;
}

.NavigationBar{
    text-align: right;
    clear: both;
    font-size: .85em;
    color: #b8b8b8;
    margin-bottom: 15px;
}

.NavigationBar div {
    display: inline;
}

.NavigationBar .Showing, .NavigationBar .Paginator span.Previous {
    margin-right: 15px;
}

.NavigationBar .Paginator span.Next {
    margin-left: 10px;
}

.NavigationBar .Showing {
    float: left;
}

.NavigationBar .Paginator {
    margin-bottom: 0;
    width: auto;
    font-size: 1em;
    font-weight: normal;
    float: right;
}

.NavigationBar .Paginator span {
    border: 0;
    margin: 0 5px 0 0;
    padding: 0;
}

.NavigationBar .Paginator span:hover, .NavigationBar .CurrentPage {
    background: none;
}

.NavigationBar .Paginator a {
    color: #b8b8b8;
}

.NavigationBar span.CurrentPage {
    color: #677E9B;
}

#LightBox {
    margin-right: -15px; 
    
}

#LightBox .Photo, body#GroupGalleries #LightBox .Photo, body#GroupGalleries .Gallery .Photo {
    float: left;
    width: 155px;
    overflow: hidden;
    text-align: center;
    margin: 0 15px 25px 0;
    
}

body#GroupGalleries .scroller {
clear: both;
    padding: 0 5px;
    width: 708px;
}

body#GroupGalleries .scroller_items {
    margin-left: 8px;
}

body#GroupGalleries .scroller .Photo {
    width: 142px;
}

body#GroupGalleries .scroller .Photo.Right {
    margin-right: 0;
}

#LightBox .Photo .Thumbnail, body#GroupGalleries .Photo .Thumbnail{
    margin: 0 auto 4px;
    clear: both;
    overflow: hidden;
    text-align: center;
}

#LightBox .Photo .Thumbnail img, body#GroupGalleries .Photo .Thumbnail img {
    display: block;
    margin: 0 auto;
    border: 1px solid #cbcbcb;
    padding: 6px;
    background-color: #fff;
}

#LightBox .Photo .fiveStarRating, body#GroupGalleries .Photo .fiveStarRating  {
     text-align: center;
     width: 120px;
     margin: 0 auto;
}

#LightBox .Photo .Photographer, body#GroupGalleries .Photo .fiveStarRating {
    margin-bottom: 4px;
    color: #666;
}

body#GroupGalleries .Photographer, body#SpecialGalleries .Photographer, body#GroupGalleries .Photo .numberOfComments, body#GroupGalleries .Photo .GalName {
    font-size: .85em;
}

body#GroupGalleries .Photographer a, body#SpecialGalleries .Photographer a, body#GroupGalleries .Photo .GalName {
    font-weight: bold;
}

body#GroupGalleries .Photo .numberOfComments {
    clear: both;
}

#Assignments {
    margin: 0 25px 25px;
    padding: 0 15px 15px;
    background-color: #e9e9e9;
}

body#GroupGalleries #galleriesTabContent #Assignments h2 {
    padding: 7px 0 3px;
    margin-right: -15px;
    background: url(/resources/images/bg-assignments_header.gif) #fff top left no-repeat;
}

#Assignments .Assignment {
    font-weight: bold;
    float: left;
    width: 114px;
    overflow: hidden;
    text-align: center;
    margin: 0 15px 0 0;
}

#Assignments .Assignment.Fifth {
    margin-right: 0;
}

#Assignments .Assignment .Thumbnail {
    margin: 0 auto 4px;
    clear: both;
    overflow: hidden;
    text-align: center;
}

#Assignments .Assignment .Thumbnail img {
    display: block;
    margin: 0 auto;
    border: 1px solid #cbcbcb;
    padding: 6px;
    background-color: #fff;
}



#ReportAbuseForm.FileUpload {
    border-top: 1px solid #8a8a8a;
    padding-top: 20px;
}



.FileUpload, .MBFileUpload, #ModalImageUpload, #EmbedVideo, #LinkUpload, #SpellCheckDialog {
   position:absolute;
   z-index:100;
   width:408px;
   /*height:400px;*/
   background-color:#fff;
   margin: 10px;
   padding: 0 45px 20px;
   border: 1px solid #8a8a8a;
   border-top: none;
   text-align: center;
}

.FileUpload h3, #ModalImageUpload h3, #EmbedVideo h3, #LinkUpload h3, #SpellCheckDialog h3 {
    background: url(/resources/images/bg-file_upload.gif) top center no-repeat #fff;
    margin: -10px -46px 15px;
    
    
    padding-top: 33px;
    font-size: 1.3em;
    color: #8a8a8a;
    font-weight: normal;
}

#ModalImageUpload h3, #EmbedVideo h3, #LinkUpload h3, #SpellCheckDialog h3 {
    background-image: url(/resources/images/bg-modal-plain.gif);
}

.FileUpload input, #ModalImageUpload input {
    margin-bottom: 10px;
}

#ModalImageUpload .ImageAlign input {
    margin-bottom: 0;
}

fieldset#PhotoSource {
    background: url(/resources/images/bg-photo_source.gif) #fff top center no-repeat;
    border: 0;
    padding-top: 16px;
}

fieldset#PhotoSource .FormRowAlt {
    margin-bottom: 10px;
}

fieldset#PhotoSource .FormRowAlt input {
    margin-bottom: 0;
    margin-left: 148px;
    width: 12px;
    margin-right: 6px;
}

fieldset#PhotoSource .FormRowAlt label {
    width: 100px;
}

.Cancel {
    clear: right;
    float: right;
    font-size: .85em;
}

.FileUpload #FileUploadElement, #ModalImageUpload #FileUploadElement {
    font-size: .85em;
}

.FileUpload .PhotoPicker {
    border: 1px solid #d6d6d6;
    padding: 10px 0 10px 13px;
    font-size: 1.2em;
    text-align: left;
    color: #9c9c9c;
    margin-bottom: 15px;
}

.FileUpload .PhotoPicker h4 {
    font-weight: normal;
}

.FileUpload .PhotoPicker .Thumbnail {
    float: left;
    margin: 0 10px 10px 0;
    width: 68px;
    height: 51px;
    min-height: 51px;
    max-height: 51px;
    text-align: center;
}

.FileUpload .PhotoPicker .Thumbnail img {
    margin: 0 auto;
    border: 2px solid #fff;
}

.FileUpload .PhotoPicker .SelectedThumb img {
    border: 2px solid #bbd634;
}

.FileUpload .NavigationBar, #ModalImageUpload .NavigationBar {
    font-size: 1em;
    margin: 0;
}

.ImageAlign {margin-bottom: 15px;}

.ImageAlign label {margin-right: 10px;}

#embedCode, #LinkUpload #link {width: 400px; margin-bottom: 15px;}



.RemoveMenu, #ConfirmBox {
    position:absolute;
    z-index:100;
    width:198px;
    background-color:#fff;
    margin:10px;
    padding: 0 25px 20px;
    border: 1px solid #8a8a8a;
    border-top: 0px;
    text-align: left;
}

.RemoveMenu h3, #ConfirmBox h3 {
    background: url(/resources/images/bg-file_remove.gif) top center no-repeat #fff;
    margin: -10px -26px 15px;
    
    padding-top: 33px;
    font-size: 1.3em;
    color: #8a8a8a;
    font-weight: normal;
    text-align: center;
    
}

#ConfirmBox h3 {
    background-image: url(/resources/images/bg-gallery_delete.gif);
}

#ConfirmBoxOkCancel {
    cursor: pointer;
}

.RemoveMenu p span {
    float: right;
}

.RemoveMenu p span a {
    color: #900;
}

#PermanentDelete {
    color: #900;
    font-weight: bold;
}

#RemoveDoneButton {
    float: right;
}


#PhotoWrapper {
    position: relative;
    text-align: center;
    clear: both;
    margin-bottom: 20px;
}

#PhotoWrapper h2 {
    text-align: left;
    font-size: 1em;
    border: 0;
    color: #b7b7b7;
    margin-bottom: 2px;
}

#PhotoWrapper .Paginator {
    float: right;
    color: #b7b7b7;
    font-weight: normal;
    text-align: right;
    margin: 0 0 0 15px;
    width: 100px;
}

#PhotoWrapper #Back, #PhotoWrapper #Next, .scroller .scroller_previous, .scroller .scroller_next {
    margin-top: 150px;
    font-size: 10px;
    text-decoration: none;
    padding: 12px 8px;
    
    background: url(/resources/images/arrows_gallery.gif) #fff no-repeat;
}

.scroller .scroller_previous, .scroller .scroller_next {
    margin-top: 35px;
}

#PhotoWrapper #Back, .scroller .scroller_previous {
    background-position: top left;
    float: left;
}

#PhotoWrapper #Back:hover, .scroller .scroller_previous:hover {
    background-position: bottom left;
}

#PhotoWrapper #Next, .scroller .scroller_next {
    background-position: top right;
    float: right;
}

#PhotoWrapper #Next:hover, .scroller .scroller_next:hover {
    background-position: bottom right;
}

#PhotoWrapper #Back span, #PhotoWrapper #Next span, .scroller .scroller_previous span, .scroller .scroller_next span {
    visibility: hidden;
}

.PhotoContent, .TopRatedPhotographer {
    margin: 0 auto;
}

.PhotoContent h2 span {
    float: none;
}

#PhotoWrapper .PhotoContent .Paginator {
    margin-top: -18px;
}

.PhotoContent .Paginator a {
    color: #b7b7b7;
    padding-right: 5px;
    margin-right: 3px;
    border-right: 1px solid #b7b7b7;
    line-height: 1em;
}

.PhotoContent .Photo {
    border: 1px solid #c2c2c2;
    padding: 6px;
    margin-bottom: 6px;
    
}

.PhotoContent .PhotoFeedback {
    float: left;
    width: 140px;
    margin-bottom: 10px;
}

.PhotoContent .PhotoFeedback .fiveStarRating {
    margin-bottom: 12px;
}

body#Galleries .PhotoContent .PhotoFeedback .ReportAbuse, body#SpecialGalleries .PhotoContent .PhotoFeedback .ReportAbuse {
    margin: 0;
    clear: left;
    text-align: left;
}

.PhotoContent .PhotoFeedback p {
    clear: left;
    text-align: left;
    font-size: .85em;
}

.PhotoControls {
    width: 240px;
    float: right;
}

.PhotoContent .Photographer {
    text-align: right;
}

#SetAlbumButton, #DeletePhotoButton {
	background: url(/resources/images/button-gallery-right.gif) no-repeat right top;
	float: right;
	height: 17px !important;
	margin: 0 0 15px;
	padding: 0 0 14px 0 !important;
}

#SetAlbumButton a:link,
#SetAlbumButton a:visited,
#DeletePhotoButton a:link,
#DeletePhotoButton a:visited {
	border: 0;
	cursor: pointer;
	display: block;
	float: left;
	height: 14px !important;
	
    padding: 9px 15px 8px 32px;
	color: #9d9c9c;
	line-height: 10px;
	font-size: 12px !important;
	font-weight: normal;
	font-family: tahoma,geneva,san-serif;
	text-transform: none;
	text-decoration: none;
}

#SetAlbumButton a:hover,
#SetAlbumButton a:active,
#DeletePhotoButton a:hover,
#DeletePhotoButton a:active {
	color: #7e7e7e;
}

#SetAlbumButton a:link, #SetAlbumButton a:visited {
	background: url(/resources/images/button-gallery-set_album_cover_off.gif) no-repeat left top;
}

#SetAlbumButton a:hover, #SetAlbumButton a:active {
	background: url(/resources/images/button-gallery-set_album_cover_on.gif) no-repeat left top;
}

#DeletePhotoButton a:link, #DeletePhotoButton a:visited {
	background: url(/resources/images/button-gallery-remove_off.gif) no-repeat left top;
}

#DeletePhotoButton a:hover, #DeletePhotoButton a:active {
	background: url(/resources/images/button-gallery-remove_on.gif) no-repeat left top;
}

.PhotoStream {
    clear: both;
}

.PhotoStream .Photo {
    float: left;
    width: 111px;
    overflow: hidden;
    text-align: center;
    margin: 0 0 15px 0;
}

.PhotoStream .Thumbnail {
    height: 90px;
    padding: 0 0 0 0;
    background: none;
    margin: 0 auto 4px;
    clear: both;
    overflow: hidden;
    text-align: center;
}

.PhotoStream .Thumbnail a {
    float: left;
    display: block;
    height: 90px;
    padding: 12px 12px 12px 12px;
    background: none;
}

.PhotoStream .Thumbnail.SelectedThumb, .PhotoStream .Thumbnail:hover {
    background: url(/resources/images/bg-photostream_thumbnail_selected_right.gif) top right no-repeat;
}

.PhotoStream .Thumbnail.SelectedThumb a, .PhotoStream .Thumbnail a:hover {
    background: url(/resources/images/bg-photostream_thumbnail_selected_left.gif) top left no-repeat;
}

/*.FileUpload .PhotoPicker .Thumbnail a {
    float: none;
    display: inline;
}

.FileUpload .PhotoPicker .Thumbnail.SelectedThumb, .FileUpload .PhotoPicker .Thumbnail.SelectedThumb a,
.FileUpload .PhotoPicker .Thumbnail:hover, .FileUpload .PhotoPicker .Thumbnail a:hover {
    background: none;
}*/

.PhotoStream .Thumbnail img {
    border: 1px solid #c3c1c2;
    padding: 2px;
    display: block;
}

.PhotoStream #PhotoViewNav.NavigationBar {
    text-align: left;
    padding: 0 12px;
}



body#GroupGalleries #Flag, body#Group #Flag {
    background: url(/resources/images/hero-digital_darkroom.jpg) top right no-repeat #000;
    padding-top: 40px;
    height: 125px;
    min-height: 125px;
    max-height: 125px;
    margin-bottom: 0;
}

body#Group #Flag {
    
    background-image: url(http://backstage101.learningcenter.sony.us/media/ns/20420/hero-frontline_community_2.jpg?version=1225207512000);
    
    padding-top: 45px;
    height: 120px;
    min-height: 120px;
    max-height: 120px;
    }

body#GroupGalleries #Flag h1, body#Group #Flag h1 {
    margin-bottom: 2px;
    position: relative;
    left: -10000px;
}

body#GroupGalleries #Flag h1 {
    margin-bottom: 20px;
}

body#GroupGalleries #Flag p, body#Group #Flag p {
    margin-bottom: 1.2em;
}

body#GroupGalleries #Flag p, body#Group #Flag p.CTA {
    margin-bottom: .6em;
}

body#GroupGalleries #Flag p.CTA a, body#Group #Flag p.CTA a {
    background: url(/resources/images/arrow-cta.gif) top left no-repeat;
    padding-left: 20px;
    color: #fff;
}

body#GroupGalleries #tabDiv, body#Group #tabDiv {
    margin: -27px -25px 25px;
}

body#GroupGalleries div.innerTabs, body#Group div.innerTabs {
    background: none;
}

body#GroupGalleries h2, body#Group h2 {
    border: 0;
}

body#GroupGalleries .SubCampus {
    width: 145px;
    float: left;
    margin-right: 25px;
}

body#GroupGalleries .Content .Articles {
    float: left;
    width: 140px;
}

body#GroupGalleries .SubCampus h2, body#GroupGalleries .Content .Articles h2 {
    border-bottom: 1px solid #677e9b;
}

body#GroupGalleries .SubCampus li, body#GroupGalleries .Content .Articles li {
    background-image: url(/resources/images/bullet-red_arrow.gif);
    margin-right: 10px;
    
}

body#GroupGalleries .Gallery {
    margin-right: -15px;
}

body#GroupGalleries #featuresTabContent .Gallery {
    float: right;
    width: 510px;
}

body#GroupGalleries h2 {
    font-weight: bold;
}

body#GroupGalleries h2 span {
    font-weight: normal;
}

body#GroupGalleries #featuresTabContent .Gallery h2 {
    margin-right: 15px;
}

body#GroupGalleries #galleriesTabContent {
    margin: 0 -25px;
}

body#GroupGalleries #galleriesTabContent h2 {
    padding: 0 25px;
}

body#GroupGalleries #galleriesTabContent h2 span {
    float: none;
}

body#GroupGalleries h2 span.First {
    margin-left: 6px;
}

body#GroupGalleries h2 a {
    padding: 0 0 0 6px;
    margin-right: 4px;
    border-left: 1px solid #dedede;
    font-size: .7em;
}

body#GroupGalleries #galleriesTabContent .Gallery {
    margin-right: 0;
}

body#GroupGalleries .Content {
    clear: both;
    margin-right: -25px;
}

body#GroupGalleries .Content #GalleryContentHeader {
    margin: 0 0 25px -25px;
    padding: 8px 25px;
    
    background: url(/resources/images/bg-content_hd.gif) repeat-x top #acacac;
}

body#GroupGalleries .Content .ContentUnit {
    width: 150px;
    margin-right: 25px;
    float: left;
}

#Sidebar .GroupStatus, #Sidebar #Practice {
    color: #677e9b;
    height: 61px;
    min-height: 61px;
    max-height: 61px;
    padding: 15px 12px 30px;
    
}


#Group4303Status {background: url(/resources/images/bg-frontline_status.gif) top left no-repeat;}
#Group4403Status {background: url(/resources/images/bg-frontline_status.gif) top left no-repeat;}
#Group2603Status {background: url(/resources/images/bg-digital_darkroom_status.jpg) top left no-repeat;}

#Practice {background: url(/resources/images/promo-sony_digital_darkroom_practice.jpg) top left no-repeat;}

#Sidebar .GroupStatus p, #Sidebar #Practice p {
    width: 145px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold;
}

#Sidebar #Group4403Status.GroupStatus p, #Sidebar #Group4303Status.GroupStatus p {width: 200px;}

#Sidebar #Group4403Status.GroupStatus .Member p, #Sidebar #Group4303Status.GroupStatus .Member p {width: 150px;}

#Sidebar #Practice p {
    margin-top: 15px;
    
}

#Sidebar .GroupStatus p.LearnMore, #Sidebar #Group4403Status.GroupStatus p.LearnMore, #Sidebar #Group4303Status.GroupStatus p.LearnMore {
    width: auto;
    margin: 4px 0 0;
    font-size: 1em;
    font-weight: normal;
    float: left;
}

div.Button#JoinCampusButton {
    font-size: 1.2em;
    margin-right: 8px;
    background-image: url(/resources/images/button-gallery-join-right.gif);
    height: 26px !important;
}

div.Button#JoinCampusButton a {
    color: #ec4000;
    background-image: url(/resources/images/button-join-left.gif);
    padding: 8px 12px 8px 12px;
}

#Group2603Status div.Button#JoinCampusButton a {
    background-image: url(/resources/images/button-gallery-join-left.gif);
    padding-left: 30px;
}

#Group4303Status div.Button#JoinCampusButton a, #Group4403Status div.Button#JoinCampusButton a, #JoinCTA4303 div.Button#JoinCampusButton a, #JoinCTA4403 div.Button#JoinCampusButton a {
    background-image: url(/resources/images/button-frontline-join-left.gif);
    padding-left: 30px;
}

#Sidebar .GroupStatus .Member {
    margin-top: 10px;
    font-size: 1em;
}

#Sidebar .GroupStatus .Member img {
    margin: 2px 6px;
    float: left;
}

#Sidebar .GroupStatus .Member p {
    width: 130px;
    float: left;
}

#Sidebar .GroupStatus .Member #LeaveCampusLink {
    clear: left;
    display: block;
    margin-left: 30px;
}

#Sidebar .GroupStatus .Member #LeaveCampusLink a {float: left;}


#MemberSearch {
    float: right;
    width: 302px;
    margin-left: 0;
    text-align: right;
    color: #858484;
    font-size: .85em;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 9px;
    
    
}

body#Group #MemberSearch {
    width: 424px;
    padding-bottom: 10px;
    
}

#MemberSearch div {
    margin-right: 20px;
}

#MemberSearch div img {
    margin: 0 0 0 4px;
    padding: 0;
    display: inline;
    position: absolute;
}

#MemberSearch div input {
    border: 1px solid #c0c0c0;
    width: 140px;
    z-index: 1000;
}

ul#MemberAutoComplete {
    border: 1px solid #9b9b9b;
    padding: 4px;
    background-color: #fff;
}




#MemberAutoComplete .Match {
    font-weight: bold;
}
ul#MemberAutoComplete li.selected { background-color: #ffb;}
ul#MemberAutoComplete li {
    list-style: none;
    text-align: left;
    background: none;
    cursor: pointer;
    color: #677e9b;
}

body#GroupGalleries #membersTabContent h2 {
    margin-bottom: .4em;
}

#membersTabContent {width: 668px;}

#membersTabContent .LearnMore {
    margin-bottom: 25px;
}
#memberSortTab div.innerTabs {font-size: .85em; padding-bottom: 1px; background-color: #fff;}
#memberSortTab div.innerTabs ul {margin-bottom: 0;}
#memberSortTab div.innerTabs ul li  {width: 120px; padding: 5px 0; float: left; text-align: center; list-style: none; background: none; margin: 0;
    border: 1px solid #e1e1e1;
    border-bottom:  1px solid #c0c0c0;
     background-color: #f7f7f7;
    color: #b3b3b3;}
#memberSortTab div.innerTabs ul li:hover {background: none;}
#memberSortTab div.innerTabs ul a {background: none; text-decoration: none; color: #000;}
#memberSortTab div.innerTabs ul li.selectedTab {border-color: #c0c0c0; border-bottom: 1px solid #fff; color: #858484; background: none; background-color: #fff;}

#memberSortTab .innerTabContent {
    padding: 25px 0 0;
    clear: both;
    
}

body#topRatedUsers #memberSortTab div.innerTabs {border-bottom: 1px solid #c0c0c0;}


.Member {
    width: 205px;
    float: left;
    margin: 0 25px 25px 0;
    height: 45px;
    min-height: 45px;
    max-height: 45px;
    font-size: .85em;
}

.Member.Left {
    clear: left;
}

.Member.Right {
    margin-right: 0 !important;
}

.Member .Graphic {
    float: left;
    margin-right: 10px;
}

.Member p {
    float: right;
    width: 150px;
    overflow: hidden;
}

.Member .Name {
    display: block;
    font-weight: bold;
    font-size: 1em;
}

#memberSortTab .NavigationBar {
    margin-right: 25px;
}

.Contest {
    clear: both;
    margin-bottom: 50px;
}





#commentsBlock {
  clear: both;
  margin: 0 auto;
}

#Comments {
  width: 100%;
}
h3.CommentTitle {
  background-color: #e6e6e6;
  font-weight: normal;
  padding: 3px;
  color: #666;
}
h3.CommentTitle a.PostComment {
  position: relative;
  background: transparent url(/resources/images/ugc/post-comment.gif) no-repeat scroll 0 4px;
  padding-left: 12px;
  color: #666;
  float: right;
  text-transform: uppercase;
  top: -16px;
  
}
div.Comment {
  clear: both;
  color: #888;
  margin-bottom:35px;
}
.Comment .Text {
  margin-left: 90px;
}
div.CommentBody {
  color: black;
  margin: .5em 0;
}
div.Commenter span.username {
  font-size: 1.2em;
  font-weight: bold;
}

#mastersTabContent p.Description {
    margin-bottom: 25px;
}

.Master {
    clear: none;
    margin-bottom: 25px;
}

.Master .Avatar {
    background: url(/resources/images/bg-master_portrait-top.gif) top left no-repeat;
    padding: 9px 0 0;
    width: 146px;
    float: none;
    margin: 0 0 4px;
    text-align: left;
    float: left;
    margin-right: 15px;
}

.Master .Avatar div {
    background: url(/resources/images/bg-master_portrait-bottom.gif) bottom left no-repeat;
    padding: 0 14px 14px 9px;
    
    margin: 0;
}

.Master .Text {
    float: left;
    width: 500px;
}




.ReviewSpecs .Date {
  font-size: .8em;
}
a.comment-reply {
  /*padding-left: 10px;*/
}
span.CommentLinks {
  float: left;
}
div.CommentLinks {
  clear: both;
}
.CommentReply {
  background: transparent url(/resources/images/ugc/reply-arrow.gif) no-repeat scroll 0 -4px;
  padding-left: 45px;
  margin-top: 35px;
}
.numberOfComments {
  clear: both;
  font-size: 0.85em;
}
textarea.commentText {
  width: 570px;
  margin: 0 0 10px;
  clear: both;
  
  
}

.CommentReplyForm textarea.commentText {
margin-left: 0;
}

body#Galleries textarea.commentText, body#SpecialGalleries textarea.commentText {margin-left: 0;}

textarea.commentText.disabled {
    background-color: #dedede;
}
#commentsBlock .Button { margin-right: 10px; }

body#Group #userBlog, body#Group #featuresTabContent #BlogPosts, body#Group #featuresTabContent #Discussions {
    width: 468px;
    float: left;
}

body#Group #RecentPosts, body#Group #FeaturesSidebar {
    float: right;
    clear: right;
    width: 175px;
    margin-left: 25px;
}

#blogsTabContent #AddPost.Button {float: right;}

#blogsTabContent #RecentPosts .Text {
    width: 120px;
    float: left;
}

#blogsTabContent .Paginator {text-align: center; width: 468px;}

#pollResultsTabContent {
    margin: 0 -25px;
}

#pollResultsTabContent .Back {
    float: right;
    width: 250px;
    font-size: .85em;
    text-align: right;
}

#pollResultsTabContent h2 {
    float: left;
    width: 350px;
}

#pollResultsTabContent .Poll {
    clear: both;
    margin-bottom: 25px;
}

#pollResultsTabContent .Poll .Answer {
    margin-bottom: 10px;
}

#pollResultsTabContent .Poll .Graphic {
    float: left;
    clear: left;
    width: 140px;
    margin-right: 15px;
}

#pollResultsTabContent .Poll .AnswerText {
    float: left;
    clear: none;
    width: 510px;
    line-height: 1em;
}

#pollResultsTabContent .Poll .Responses {
    clear: both;
}

body#Group .BlogPost {clear: none;}
body#Group .BlogPost .blog_header {margin-right: 0;}
body#Group .BlogPost .blog_header h2 {width: 350px; }

.JoinCTA {
    margin: 0 -25px 25px;
    padding: 7px 25px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: url(/resources/images/bg-cta_strip.gif) repeat-x #fff bottom;
}

body#Group #featuresTabContent .JoinCTA h2 {margin-bottom: 4px; border-bottom: none;}
.JoinCTA p {margin-bottom: 0;}

body#Group .Post {margin-bottom: 25px; clear: both;}

body#Group #featuresTabContent .Post .Text {
    width: 410px;
    float: left;
}

body#Group .Featurette {
    background: url(/resources/images/bg-featurette.gif) bottom repeat-x #f2f2f2;
    margin-bottom: 25px;
    padding: 0 10px;
}

body#Group .Featurette h2 {
    background-color: #fff;
    margin: 0 -10px 8px;
    padding-left: 10px;
    padding-right: 10px;
}

body#Group #BlogsIntro {margin-bottom: 15px;}

body#Group #discussionsTabContent .Post h2 {margin-bottom: 0;}
.TopicMetaData {font-size: .85em; margin-bottom: 10px;}
.TopicMetaData .TopicAuthor {float: left; width: 200px;}
.TopicMetaData .TopicReplies {float: left; width: 75px;}
.TopicMetaData .TopicLastPostDate {float: left; width: 350px;}
body#Group #featuresTabContent .Post .Text p.Author, body#Group #discussionsTabContent .Post .Text p.Author {font-size: .85em; color: #666;}
body#Group #featuresTabContent .Post .Text h3, body#Group #featuresTabContent #Discussions .Post .Text p.Author, body#Group #discussionsTabContent .Post .Text p.Author {margin-bottom: 0;}

#TagCloud span {padding-right: 6px;}

#ContentWrapper2 .Poll .FormRowAlt input {
    margin: 1px 6px 0 0;
}
#ContentWrapper2 .Poll .FormRowAlt label {
    width: 129px;
    margin-right: 0;
}

body#Group #featuresTabContent .Featurette h2 {margin-bottom: 10px;}
#ContentWrapper2 .Poll .SurveyQuestion {margin-bottom: 1em;}
#ContentWrapper2 .Poll .ViewResults {float: right; font-size: .85em;}
#ContentWrapper2 .Poll .Survey li {background: none; font-weight: normal;}

#ContentWrapper2 .Poll .AnswerBar {
  display:inline;
  float:left;
  height:10px;
  margin-right: 4px;
  margin-bottom:12px;
  width: 100px;
}

#ContentWrapper2 .Poll .AnswerPercentage {
  color:#434343;
  display:inline;
  float:left;
  font-weight:normal;
  margin-left:0;
  margin-top:-2px;
}
.AnswerText {margin-bottom: 2px; clear: left;}

#TotalResponses {
  float: right;
}

body#Group #joinForm {
    margin-top: 25px;
}

body#Group #joinForm .Description {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

body#Group #ContentWrapper2 #joinForm .FormRowAlt input {
    margin-left: 0;
}

body#Group #joinForm .Cancel {
    margin-right: 10px;
    clear: none;
}

.ToolTip {
    cursor: help;
}

a.ToolTip {
    text-decoration: none;
    color: #000;
}