/* Page Content Styles */

/* View All pages */
.viewAllPage .newsReviewsLeft {
	float:left;
	width:424px;
}
.viewAllPage .newsReviewsRight {
	float:right;
	width:424px;
}

.viewAllPage .av_w50 img {
	border-color:#FFF !important;
}


/* Sitewide styles for 2 column, equal size layout (profiles, landing pages, editorials, etc.) */
div.contentColumns {
	clear:left;
	overflow:visible;
}
	div.columnLeftStd {
		position:relative;
		float:left;
		overflow:visible;
		width:420px;
		padding-top:20px;
		padding-left:5px;
	}
	div.columnRightStd {
		position:relative;
		float:right;
		clear:right;
		display:inline;
		overflow:visible;
		width:424px;
		background:url(/images/checker_bg.png?r=3.001) repeat;
		background-color:#EDEDED;
	}
	
/** Manage Articles page **/

.oldPageLoader {
  padding:0px !important;
}

/* left column components */
.selectedOverlay iframe {
	border:none;
	display:none;
}

/* right column components */
.articleBody ul,
.articleBody ol {
  margin-left:35px;
  margin-bottom:13px;
}	

/** End editorial page left column **/

.bottomPaginationBorder {
	width: 620px;
	height: 1px;
	border-bottom: 1px solid #b2b2b2;
}
.previousLink {
	margin-right: 1px;
}
.bottomPaginationVideo .videosPaginationTitle {
	font-weight: bold;
	color: #999999;
	margin-top: 6px;
}

/* Video Landing Ad Space */
.adSpace.leftRectangle {
	padding: 20px 0 20px 0;
	border-top: 1px dashed #b2b2b2;
}
.adSpace.leftRectangle .leftAd, .adSpace.leftRectangle .rightAd {
	float: left;
}
.adSpace.leftRectangle .leftAd {
	margin-right: 20px;
}
.adSpace.rightSquare {
	margin-bottom: 18px;
}

.avatar {
	position: relative;
	margin-bottom: 6px;
}
.square24_avatar, .avatarName, .commentBlurbArrow {
	display: block;
	float: left;
}
.square24_avatar {
	width: 24px;
	height: 24px;
	border: 3px solid #eeeeee;
}
.avatarName {
	padding-top: 6px;
	padding-left: 10px;
}
.avatarName a {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

/* Standard avatar/display name user profile link */
  .gamerLink24 {
    height:30px;
  }
  .gamerLink24 .gamerName {
    height:30px;
    line-height:30px;
  }
  .gamerLink50 {
    height:56px;
  }
  .gamerLink50 .gamerName {
    height:56px;
    line-height:56px;
    font-size:12px;
  }
.gamerLink img {
  border:3px solid #EEE;
  margin-right:7px;
  float:left;
}
.gamerLink .gamerName {
  float:left;
  font-weight:bold;
  margin-right:20px;
  color:#000 !important;
}
a.gamerLink:hover {
  text-decoration:none !important;
}
a.gamerLink:hover span {
  text-decoration:underline !important;
}
.userNotice {
  display:block;
  padding:8px 0px;
  background:#ECF8CF;
  border:2px solid #96D400;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom:10px;
  text-align:center;
}

.pageLeft {
  width:620px;
  float:left;
}
/* TODO: Change to .pageContent .profileHead when profile pages are all new styles */
#gameContent .profileHead {
  float:left;
  width:444px;
  padding-left:20px;
  margin-bottom:15px;
}
#viewAllHead .profileHead,
#consoleContent .profileHead {
  float:left;
  width:444px;
  padding-left:20px;
  margin-bottom:15px;
}
.modTopped {
  clear:left;
  margin-bottom:20px;
}
.modTopper {
  height:34px;
  background-repeat:no-repeat;
}
.pageContent .pageLeft .modTopper {
  width:620px;
}
.pageContent .pageRight .modTopper {
    width: 300px;
}
.fullWidth .modTopper {
  width:920px;
}

.profileActions {
  clear:left;
}
.profileActions li {
  float:left;
}
.profileActions .button {
  display:block;
  text-indent:-5000px;
  height:24px;
  margin:3px 10px 3px 0px;
  background-position:2px 2px;
  background-repeat:none;
}
.profileActions .borderedButton {
  display:block;
  text-indent:-5000px;
  margin-right:9px;
  height:30px;
  margin-bottom:6px;
}
.pageContent .modBottom dd.right,
.pageContent .modTopper dd.right {
  float:right;
}
.pageContent .modBottom dd.right {
  padding-top:2px;
  margin-right:5px;
}
.pageContent .modTopper dd.right {
  padding-top:3px;
}
  .pageContent .pageLeft .modTopped dd.right {
    width:500px;
  }
  .pageContent .pageRight .modTopped dd.right {
    width:200px;
  }

.pageContent .modBottom dt {
  float:left;
  color:#999;
  padding-top:7px;
  font-weight:bold;
}
.pageContent .modTopper dt {
  height: 32px;
  width: 0;
  text-indent: -5000px;
  float: left;
}
.pageContent .modContextualTopped .contextual {
  clear:both;
  height:33px;
}
.modContextualTopped .contextual {
  background:url('/images/sprite_module_topper_contextual.gif') no-repeat;
}
.pageContent .pageLeft .modContextualTopped .contextual {
  background-position:0px 0px;
}
.pageContent .pageRight .modContextualTopped .contextual {
  background-position:-620px 0px;
}
.fullWidth .modContextualTopped .contextual {
  background-position:0px -66px;
}
.pageContent .contextual li {
  float:left;
}
.pageContent .modToppedContent {
  clear:both;
  background:url('/images/games_and_consoles/bg_gc_topped.gif') bottom left repeat-x;
  padding-bottom:13px;
  padding-top:10px;
}
.pageContent .pageLeft .modToppedContent {
  width:620px;
}
.pageContent .pageRight .modToppedContent {
  width:300px;
}
.pageContent .contextual ul {
  padding: 6px 8px 0px 8px;
}
.pageContent .modTopper a.modTopperLink,
.pageContent .modTopper .pagination {
  float:right;
  clear:none;
}
.pageContent .modTopper .pageControls,
.pageContent .modTopper a.modTopperLink {
  margin-top:2px !important;
  margin-left:10px;
  margin-right:7px;
}
.pageContent .modTopper a.modTopperLink,
.pageContent .contextual li a {
  display:block;
  height:20px;
  text-indent:-50000px;
  margin-top:1px;
}
.pageContent .contextual li a {
  margin-right:10px;
}
.pageContent .contextual li a.active {
  margin-top:0px;
  height:22px;
  background-position:0px -20px !important;
}
.pageRight {
    float: left;
    width: 300px;
    margin: 0 0 0 20px;
    display: inline;
}
.pageLoader {
  text-align:center;
  padding:8px 0px;
  color:#000;
  font-weight:bold;
  position:absolute;
  border-bottom:1px solid #CCC;
  background-repeat:repeat-x;
  background-color:#fff;
}
  #theSourceLandingContent .pageLeft .pageLoader {
    font-size:13px;
    padding:10px 0px;
  }

/* Ad styles */
.ad_300x250 {
  margin-bottom:20px;
  width:300px;
  height:250px;
  overflow:hidden;
}
.ad_160x600 {
  margin-bottom:20px;
  width:160px;
  height:600px;
  margin-left:70px;
  overflow:hidden;
}

/* Avatar styles */
.av_w50 img {
  border:3px solid #EEE;
  float:left;
  display:inline;
  margin-right:7px;
}
.av_w50 span {
  float:left;
  display:inline;
  color:#000;
  font-weight:bold;
  margin-top:19px;
}
.av_w50 span:hover,
.av_w50 span:active {
  text-decoration:underline !important;
}
.friendsList .av_w50 span {
  width:130px;
  overflow:hidden;
}
.pageContent .pageLeft .leftCol,
.pageContent .pageLeft .rightCol {
  width:300px;
  float:left;
  display:inline;
}
  .pageContent .pageLeft .leftCol .modToppedContent,
  .pageContent .pageLeft .rightCol .modToppedContent {
    width:300px !important;
  }
.pageContent .pageLeft .leftCol {
  margin-right:20px;
}
.pageContent .modTopped .leftCol,
.pageContent .modTopped .rightCol {
  width:300px;
  float:left;
  display:inline;
}
.pageContent .modTopped .leftCol {
  margin-right:20px;
}
/* Avatar styles */
.avatar_w24h24 span.gamerName {
  line-height:30px;
}

#pillNav {
  clear:both;
}

#centeredContainer #pillNav #primaryPills,
#centeredContainer #pillNav #secondaryPills,
#centeredContainer #pillNav #shareThis {
  float: left;
  margin-right:10px;
}

#pillNav #shareThis {
  margin-top:5px;
}

.gameList {
  padding: 10px 0;
}
.gameList + a {
  display: block;
  text-align: center;
}
.gameList li {
  clear:left;
  padding-bottom:10px;
  border-bottom:1px dashed #b2b2b2;
  margin-bottom:10px;
}
.gameList li.last {
  margin-bottom:0px;
  border-bottom:none;
  padding-bottom:0px;
}
.gameList .coverArt {
  float:left;
}
.gameList .coverArt img {
  border:2px solid #666;
}
.gameList .gameData,
.gameList dt {
  float:right;
  width:228px;
  padding:0px 8px;
}
.gameList dt {
  margin-bottom:5px;
}
.gameList dt a.gameTitle {
  color:#000;
  font-size:14px;
}
.gameList.fullWidth dd.coverArt {
  float:left;
}
.gameList.fullWidth dd.gameData,
.gameList.fullWidth dt {
  float:right;
  clear:right;
  width:550px;
}
.gameList dt .reviewPlatform {
  font-size:12px;
  color:#8bb900;
  font-weight:bold;
}
  .gameList dt span.reviewPlatform {
    color:#999;
  }
.gameList .gameData .ratingInfo {
  margin-bottom:5px;
}
.gameList .gameData .releaseConsoles {
  margin-bottom:4px;
}
.gameList .gameData .releaseConsoles a {
  font-weight:bold;
  color:#8bb900;
}
.gameData .detail {
  margin-bottom:3px;
}
  .gameList .doubleWidth .gameData .detail .date {
    clear:none;
    height:30px;
    line-height:30px;
    margin-left:10px;
  }
  .gameList .doubleWidth .gameData .detail .commentCount {
    height:30px;
    line-height:30px;
  }
  .gameList .doubleWidth .gameData .gamerLink {
    width:auto;
  }
    .gameList .doubleWidth .gameData .gamerLink .gamerName {
      width:auto;
    }
.gameData .reviewRating {
  font-size:12px;
  color:#8bb900;
  font-family:Georgia,"Times New Roman",serif;
}
.gameList .gameData .addedByLabel {
  float:left;
  display:inline;
  clear:left;
  margin-top:7px;
  margin-right:7px;
  color:#999;
}

.gameList .gameData img.articleCategory {
  float:left;
  display:inline;
  margin:6px 14px 6px 0px;
}
.gameList .gameData .byLabel {
  float:left;
  line-height:30px;
  height:30px;
  margin-right:7px;
  color:#999;
}
.gameList .gameData .gamerLink {
  float:left !important;
  width:130px;
}
  .gameList .gameData .gamerLink .gamerName {
    font-size:12px;
    width:93px;
    margin-right:0px;
    overflow:hidden;
  }
.gameList .gameData .date {
  color:#999;
  font-weight:bold;
  font-size:10px;
  clear:both;
  float:left;
  margin-right:10px;
  margin-bottom:3px;
}
.gameData .commentCount {
  float:left;
  color:#999 !important;
  font-size:10px;
  font-weight:bold;
}
.gameData .commentCount strong {
  color:#333;
  font-size:10px;
}
/* Log in / Sign up page styles */
.loginPageContent label {
  display:block;
  font-size:14px;
  margin-bottom:3px;
  font-weight:bold;
}
.loginPageContent .loginForm,
.loginPageContent .signUpForm {
  width:455px;
  background-position:0px 61px;
  float:left;
}
.loginPageContent .loginForm {
  height:640px;
  margin-right:10px;
  background:url('/images/bg_log_in_form.gif') 0px 0px repeat-x;
}
.loginPageContent .signUpForm {
  background:url('/images/bg_sign_up_form.gif') 0px 0px repeat-x;
}
.loginPageContent .loginForm label {
  color:#6b6b30;
}
form .formErrorHead {
   background:url('/images/bg_head_form_error.png?r=2') 0px 0px no-repeat;
   padding:28px 5px 28px 90px;
   margin-bottom:15px;
   color:#fff;
   font-weight:bold;
   font-size:12px;
}
form .deactivatedError {
  padding:20px 5px 36px 90px;
}
  form .deactivatedError a {
    color:#ffd163;
    text-decoration:underline;
  }
form .error {
  padding:7px 0px;
  color:#f00;
  font-size:12px;
}
.statWrap.failed {
  padding-right:20px;
  background:url('/images/bg_form_field_error.png') no-repeat;
}
.loginPageContent .statWrap.failed {
  background-position:322px 5px;
}

.loginPageContent .loginFields,
.loginPageContent .signUpFields {
  padding:20px;
}
.loginPageContent .loginField {
  font-size:14px;
  padding:4px;
  width:304px;
  margin-bottom:20px;
}
.loginPageContent .loginForm .helperControls {
  margin-bottom:20px;
}
.loginPageContent .loginForm #rememberPasswordLabel {
  font-size:12px !important;
  margin-right:40px;
  display:inline;
}
.loginPageContent .loginForm .forgotPasswordLink {
  font-size:12px !important;
  font-weight:bold;
  color:#6b6b30;
}
.loginPageContent form h2 {
  width:455px;
  height:60px;
  text-indent:-5000px;
}
  .loginPageContent .loginForm h2 {
    background:url('/images/bg_head_log_in_form.jpg');
  }
  .loginPageContent .signUpForm h2 {
    background:url('/images/bg_head_sign_up_form.jpg');
  }
.loginPageContent .signUpForm .birthdate {
  margin-bottom:20px;
}
.loginPageContent .signUpForm .birthdate select {
  float:left;
  margin-right:10px;
}
.loginPageContent .signUpForm .birthdate a {
  font-weight:bold;
  float:left;
  margin-top:2px;
  font-size:12px;
}
.loginPageContent .signUpForm .signUpTerms {
  font-size:12px;
  margin-bottom:20px;
}
.loginPageContent .signUpForm .signUpTerms a {
  font-size:12px;
  font-weight:bold;
}
.formPage h3.accordionToggle {
  line-height:40px;
  height:40px;
  padding-left:35px !important;
  font-size:18px;
  color:#efefef !important;
  background:url('/images/sprite_accordion_backgrounds.jpg') 0px 0px no-repeat !important;
  clear:left;
  cursor:pointer;
}
.formPage h3.accordionToggleActive {
  color:#333333 !important;
  background-position:0px -40px !important;
}

.formPage .textColumn h2 {
  font-size:26px;
  margin-bottom:14px;
}

.formPage {
  padding: 25px 20px 0px;
  width: 920px;
}
.formPage .textColumn {
  width:455px;
  float:left;
  margin-right:10px;
}
.formPage .textColumn ul {
  list-style:disc;
  list-style-position:inside;
  padding-bottom:14px;
}
.formPage .formColumn {
  width:455px;
  float:left;
}
.formPage .formColumn h3 {
  line-height:40px;
  height:40px;
  padding-left:15px;
  font-size:18px;
  color:#333333;
  background:url('/images/bg_form_page_form_head.jpg') 0px 0px no-repeat;
}
.formPage .formColumn form {
  padding:15px;
  background:url(/images/bg_sign_up_form.gif) 0px 0px repeat-x;
}
.formPage .formColumn form label {
  display:block;
  margin-bottom:5px;
}
.formPage .formColumn form .statWrap {
  margin-bottom:15px;
}
.enclosedModule {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:1px;
  background:url('/images/top_inner_border_e9e9e9.gif') 0px 0px repeat-x #fff;
  border:1px solid #cecece;
  margin-bottom:16px;
}
  .enclosedModule dt.moduleHead {
    background:url('/images/bg_module_head.gif') 0px 0px repeat-x;
    height:28px;
    line-height:28px;
    text-align:left;
    padding:0px 7px;
    color:#fff;
    text-transform:uppercase;
    font-size:12px;
    font-weight:normal;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    border-top:1px solid #0e0e0d;
    border-left:1px solid #454541;
    border-right:1px solid #454541;
    border-bottom:1px solid #1f1f1f;
    position:relative;
  }
    .enclosedModule dt.moduleHead .right {
      position:absolute;
      top:0px;
      right:3px;
    }
  .enclosedModule dd.moduleContent {
    padding:7px;
  }
#gameContent .gameDetails .enclosedModule {
  clear:left;
  margin-bottom:10px;
}
#gameContent .gameDetails .enclosedModule dt.moduleHead {
  height:21px;
  line-height:21px;
  background-position:0px -4px;
  font-size:11px;
  padding:0px 5px;
}
#gameContent .gameDetails .enclosedModule dd.moduleContent {
  padding:5px;
}
  #gameContent .gameDetails .enclosedModule dd.moduleContent a {
    font-weight:bold;
  }
  #gameContent .profileHead .moduleContent .gameList {
    padding-top:0px;
  }
    #gameContent .profileHead .moduleContent .gameList dt,
    #gameContent .profileHead .moduleContent .gameList dd.gameData {
      width:354px;
    }

.pageLeft .moduleContent .gameList dt,
.pageLeft .moduleContent .gameList dd.gameData {
  width:530px;
}
  
.enclosedModule dd table {
  width:100%;
}
  .enclosedModule dd thead {
    background:#EEE;
  }
  .enclosedModule dd td,
  .enclosedModule dd th {
    text-align:left;
    padding:5px;
  }
  .enclosedModule dd th,
  .enclosedModule dd th * {
    font-weight:normal;
  }
  .enclosedModule dd th a {
    display:block;
  }
    .enclosedModule dd th a.sortDESC,
    .enclosedModule dd th a.sortASC {
      padding-left:10px;
      font-weight:bold;
    }
    .enclosedModule dd th a.sortDESC {
      background: url('/images/table_sort_arrow_desc.gif') 0 3px no-repeat;
    }
    .enclosedModule dd th a.sortASC {
      background: url('/images/table_sort_arrow_asc.gif') 0 3px no-repeat;
    }
/* General landing page styles for version 2 landing pages design */
.paginationCounts {
  margin-right:10px;
  line-height:24px;
  float:right;
}
.pageControls,
.pageControls * {
  color:#666;
  font-weight:bold;
}
.pageControls em {
  font-style:normal;
  color:#000;
}
.pageControls .previousLink,
.pageControls .nextLink {
  height:24px;
  width:29px;
  float:right;
  border:none !important;
  text-indent:-5000px;
}
.pageControls a.disabled {
  background-position:0px -24px;
}
.pageControls .previousLink {
  background:url('/images/games_and_consoles/btn_landing_paging_prev.png');
  margin-right:1px;
}
.pageControls .nextLink {
  background:url('/images/games_and_consoles/btn_landing_paging_next.png');
}

/* TODO: These are with other styles specific to theSource, but should be moved with site-wide styles */
.paginationPaired {
  width:620px;
}
#paginationTop {
  padding:2px 0px;
  border:1px dashed #B2B2B2;
  border-left:none;
  border-right:none;
}

#staffContent {
  clear: both;
}

/* Edit in place form styles */
div.content div.profileDetailForm {
  background-color:#ecf8cf;
  border:2px solid #96d400;
}
div.content div.profileDetailForm a {
  color:#8bb900;
}
.profileLabel {
  display:block;
  font-weight:bold;
  margin-bottom:5px;
  color:#659a00;
}
/* Profile page loading indicators */
.listLoader, .listItemAddLoader {
  background:url(/images/profile_list_spinning_loader.gif) 0px 0px no-repeat;
}
.listItemEditLoader {
  background:url(/stylesheets/themes/wii_black_theme/list_item_loader.gif) 0px 0px no-repeat;
}
.altAppearance .listItemEditLoader {
  background:url(/stylesheets/themes/wii_black_theme/list_item_loader_alt.gif) 0px 0px no-repeat;
}
.profileDetailLoader, .profileDetailAreaLoader {
  background:url(/stylesheets/themes/wii_black_theme/profile_loader.gif) 0px 0px no-repeat;
}
.profileTabs li a:hover, .profileTabs li a:active {
  color:#1973b9 !important;
}

/* Styles for autocomplete */
.anonymous_element_1, .anonymous_element_2 {
  z-index:10000;
}
.autocomplete-w1 { background:url(/images/autocomplete/shadow.png) no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete-w2 { padding:0 6px 6px 0; }

/* START AUTOCOMPLETE */
.ac_holder{
	position:relative;
}
.ac_field{
	background-image:url(/images/autocomplete/autocomplete_leftcap.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
.ac_field_busy{
	background-image:url(/images/autocomplete/autocomplete_spinner.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

div.autocomplete
{
  z-index:4;
	position: absolute;
/*  background-image: url(/images/autocomplete/ac_pointer.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	overflow-y: scroll;
	overflow-x: none;
	height: 350px;
	background-color: white;
	border: 1px solid #666;
/*  padding: 10px 0 0 0;*/
}



div.autocomplete ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	padding:4px 0px 1px 0px;
}

div.autocomplete ul li
{
	padding: 0;
	margin: 0 4px;
	text-align: left;
	border-bottom: 1px dashed #ddd;
}

div.autocomplete ul li a
{
	color: #333;
	display: block;
	text-decoration: none;
	background-color: transparent;
	position: relative;
	padding: 6px 0;
	width: 100%;
}
div.autocomplete ul li a em
{
	font-weight: bold;
	color: #222;
/*  background-color: #fff693;*/
	padding: 2px 0;
}
div.autocomplete ul li.ac_highlight
{
	background-color: #cfeefd;
	color:#333;
}

div.autocomplete ul li.tracked a
{
  font-size: 18px;
  font-style: italic;
}

div.autocomplete ul li.ac_highlight a span small
{
	color: #ccc;
}


div.autocomplete ul li.ac_warning
{
	font-weight: bold;
	border-bottom: none;
	text-align: center;
	font-size: 18px;
}

/* END AUTOCOMPLETE */


/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

.prototip .content {
  width: auto;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #333;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}

/* protogrey */
.prototip .protosell {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protosell .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protosell .title { padding: 5px; }
.prototip .protosell .content {
	color: #000;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protosell .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ overflow: hidden; padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	border: 0;
	background-color: #000 !important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed !important; }

#MB_frame {
	position: relative;
	background-color: #EFEFEF;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	position: relative;
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px;
	top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color: #EFEFEF;
	color: #000;

	-webkit-box-shadow: 0 0 64px #000; 
	-moz-box-shadow: #000 0 0 64px; 
	box-shadow: 0 0 64px #000;
}

#MB_frame {
	padding-bottom: 4px;

	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;

	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;

	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#MB_content { border-top: 1px solid #F9F9F9; }

#MB_header {
	background-color: #DDD;
	border-bottom: 1px solid #CCC;
}

#MB_caption { color: #000 }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}

/* Cropper styles specific to Gamervision */

#croppingContainer {
	position:relative;
	width:640px;
	padding:10px;
	background:#fff;
	border:1px solid #BBBBBB;
}
#croppingContainer strong {
  text-align:center;
  display:block;
  padding:8px;
  font=size:12px;
  background-color:#659A00;
  color:#fff;
}
#croppingContainer ul {
	list-style:none;
	padding:5px 0px 0px 0px;
}
#croppingContainer ul li {
	float:left;
}

#croppingLoader {
  padding:7px 0px 0px 10px;
}

#croppingContainer .prevBtn,
#croppingContainer .nextBtn,
#croppingContainer .doneBtn,
#croppingContainer .cropBtn {
	display:block;
	text-indent:-10000px;
}
#croppingContainer .prevBtn,
#croppingContainer .nextBtn {
	height:24px;
	margin:3px;
}
#croppingContainer .doneBtn {
	margin-left:3px;
	height:30px;
	
}
#croppingContainer .doneBtn {
	width:56px;
	background-image:url("/images/cropping_tool/btn_finish.jpg");
}
#croppingContainer .cropBtn {
	width:91px;
	height:32px;
	background-image:url("/images/cropping_tool/btn_crop.gif");
}
#croppingContainer .prevBtn {
	width:71px;
	background-image:url("/images/cropping_tool/btn_previous.jpg");
}
#croppingContainer .nextBtn {
	background-image:url("/images/cropping_tool/btn_next.jpg");
	width:51px;
}
#croppingContainer .disabled .nextBtn,
#croppingContainer .disabled .prevBtn {
	background-position:0px -24px;
}
#croppingContainer .disabled .doneBtn {
	background-position:0px -30px;
}
#croppingContainer .cropStatus {
	text-align:left;
	background-color:#efefef;
	color:#333;
	padding:5px;
}
#croppingContainer .cropImageContainer {
	width: 355px;
	background-color:#999;
	margin-bottom:7px;
}
#croppingContainer .loader {
	position:absolute;
	top:10px;
	left:10px;
	width:345px;
	padding:5px;
	text-align:left;
	background-color:#fff;
	z-index:1000;
}
#croppingContainer .loaderText {
	position:absolute;
	top:5px;
	left:26px;
}
/*.cropImageContainer {
  position:relative;
  z-index:100;
}*/

/* Styles from original cropper lib download */

.imgCrop_wrap {
	/* width: 500px;   @done_in_js */
	/* height: 375px;  @done_in_js */
	position: relative;
	cursor: crosshair;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
	background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCrop_selArea {
	position: absolute;
	/* @done_in_js 
	top: 20px;
	left: 20px;
	width: 200px;
	height: 200px;
	background: transparent url(castle.jpg) no-repeat  -210px -110px;
	*/
	cursor: move;
	z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent url(/images/cropper/marqueeHoriz.gif) repeat-x 0 0;
	z-index: 3;
}

.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	background: transparent url(/images/cropper/marqueeVert.gif) repeat-y 0 0;
	z-index: 3;
}

/* 
 *  FIX MARCHING ANTS IN IE
 *	As IE <6 tries to load background images we can uncomment the follwoing hack 
 *  to remove that issue, not as pretty - but is anything in IE?
 *  And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
 *
* html .imgCrop_marqueeHoriz,
* html .imgCrop_marqueeVert {
	background: transparent;
	filter: Invert; 
}
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
* html .imgCrop_marqueeEast  { border-right: 1px dashed #000; }
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
* html .imgCrop_marqueeWest  { border-left: 1px dashed #000; }
*/

.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	wid\th: 6px;
	hei\ght: 6px;
}

.imgCrop_handleN {
	top: -3px;
	left: 0;
	/* margin-left: 49%;    @done_in_js */
	cursor: n-resize;
}

.imgCrop_handleNE { 
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.imgCrop_handleE {
	top: 0;
	right: -3px;
	/* margin-top: 49%;    @done_in_js */
	cursor: e-resize;
}

.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}

.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	/* margin-right: 49%; @done_in_js */
	cursor: s-resize;
}

.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}

.imgCrop_handleW {
	top: 0;
	left: -3px;
	/* margin-top: 49%;  @done_in_js */
	cursor: w-resize;
}

.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}

/**
 * Create an area to click & drag around on as the default browser behaviour is to let you drag the image 
 */
.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.imgCrop_previewWrap {
	/* width: 200px;  @done_in_js */
	/* height: 200px; @done_in_js */
	overflow: hidden;
	position: relative;
}

.imgCrop_previewWrap img {
	position: absolute;
}

.growl4rails_cell {
  position: absolute;
  width: 379px;
  cursor:hand;
  cursor:pointer;
  z-index: 8800;
}
.growl4rails_corner_ul {
  width: 39px;
  height: 41px;
  background-image: url(/images/growl4rails/lite/corner_ul.png);
}
.growl4rails_corner_ul_hi {
  background-image: url(/images/growl4rails/lite/corner_ul_hi.png);
}
.growl4rails_corner_ur {
  width: 39px;
  height: 41px;
  background-image: url(/images/growl4rails/lite/corner_ur.png);
}
.growl4rails_corner_ur_hi {
  background-image: url(/images/growl4rails/lite/corner_ur_hi.png);
}
.growl4rails_corner_ll {
  width: 39px;
  height: 41px;
  background-image: url(/images/growl4rails/lite/corner_ll.png);
}
.growl4rails_corner_ll_hi {
  background-image: url(/images/growl4rails/lite/corner_ll_hi.png);
}
.growl4rails_corner_lr {
  width: 39px;
  height: 41px;
  background-image: url(/images/growl4rails/lite/corner_lr.png);
}
.growl4rails_corner_lr_hi {
  background-image: url(/images/growl4rails/lite/corner_lr_hi.png);
}
.growl4rails_top {
  width: 301px;
  height: 41px;
  background-image: url(/images/growl4rails/lite/top.png);
  background-repeat: repeat-x;
}
.growl4rails_top_hi {
  background-image: url(/images/growl4rails/lite/top_hi.png);
}
.growl4rails_body {
  width: 379px;
  background-image: url(/images/growl4rails/lite/body.png);
  background-repeat: repeat-y;
}
.growl4rails_body_hi {
  background-image: url(/images/growl4rails/lite/body_hi.png);
}
.growl4rails_bottom {
  width: 301px;
  height: 41px;
  background-image: url(/images/growl4rails/lite/bottom.png);
  background-repeat: repeat-x;
}
.growl4rails_bottom_hi {
  background-image: url(/images/growl4rails/lite/bottom_hi.png);
}
.growl4rails_info {
  position: absolute;
  width: 320px;
  overflow: hidden;
  cursor:hand;
  cursor:pointer;
  z-index: 8800;
}
.growl4rails_image {
  background-position: center center;
  padding: 2px 2px 0px 2px;
  width:32px;
  height:32px;
  float:left;
  cursor:hand;
  cursor:pointer;
}
.growl4rails_title {
  color: #000;
  font-size: 11pt;
  font-family: arial;
  font-weight: bold;
  cursor:hand;
  cursor:pointer;
}
.growl4rails_message {
  color: #333;
  font-size: 10pt;
  font-family: arial;
  cursor:hand;
  cursor:pointer;
}