/* Styles for other page types of the original site (sub-nav, sidebar, press, video, search, gallery, forms, popups). Not used by index.html */

/* Pixar Tertiary Styles */
#mainTertiaryNavigation {
  background: #000;
  border-bottom: 1px solid #666666;
  float: left;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 944px;
  z-index: 1000;
}

#mainTertiaryNavigation ul {
  float: right;
  list-style-type: none;
  margin: 0 15px 0 0;
  padding: 6px;
}

#mainTertiaryNavigation ul li {
  float: left;
  font-size: 14px;
  list-style-type: none;
  background: none;
  margin: 0 12px;
  padding: 0;
}

#mainTertiaryNavigation ul li a {
  color: #9a9a9a;
  font-size: 11px;
  letter-spacing: 1px;
  text-decoration: none;
}

#mainTertiaryNavigation ul li a:hover {
  color: #ffffff;
}

#mainTertiaryNavigation ul#nav li ul {
  float: right;
  margin: 20px 0 0;
  position: absolute;
  right: 0;
}

#mainTertiaryNavigation ul li a.active,
ul#tertiaryNav li a.activeSub {
  color: #FFCC03 !important;
  padding: 7px 10px 10px !important;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222') !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)) !important;
  background: -moz-linear-gradient(bottom, #222, #444) !important;
  -moz-border-radius: 5px 5px 0 0 !important;
  -webkit-border-radius: 5px 5px 0 0 !important;
  box-shadow: inset 0px 1px 0px #777;
  -webkit-box-shadow: inset 0px 1px 0px #777;
  -moz-box-shadow: inset 0px 1px 0px #777;
}

/* Pixar Quaternay Nav Styles */
#quaternaryNav {
  padding: 20px 15px !important;
  float: left;
}

#quaternaryNav li {
  float: left;
  width: 100%;
  margin: 0 0 20px;
  background: none;
  padding: 0;
}

#quaternaryNav li ul {
  margin-left: 10px;
  float: left;
  margin-top: 0px;
  display: none;
}

#quaternaryNav li a {
  font-size: 16px;
  color: #ffffff;
  padding-left: 25px;
  background:
    none left center no-repeat;
}

#quaternaryNav li a.activeSub,
#quaternaryNav li a.activeSub:visited {
  color: #FFCC03;
  background: none;
}

#quaternaryNav li a:hover {
  color: #FFCC03;
}

#quaternaryNav li a.active {
  color: #FFCC03;
  background:
    none left center no-repeat;
}

#quaternaryNav li a.activeSub {
  color: #FFCC03;
  background: none;
}

#quaternaryNav ul li {
  margin: 10px 0 0 0 !important;
  background: none !important
}

#quaternaryNav li ul li a {
  color: #aaa;
  background: none;
  line-height: 17px;
  font-size: 12px;
  margin: 0;
  padding: 5px 0 5px 5px;
  float: left;
}

#quaternaryNav li ul li a:hover {
  color: #fff;
}

.contributionsList ul {
  margin: 5px 10px !important;
  float: left;
  padding: 0;
}

.contributionsList ul li {
  background: none repeat scroll 0 0 transparent !important;
  border-top: 1px solid #444444;
  margin: 0 !important;
  padding: 5px 0 !important;
  width: 295px;
}

.renderStats ul li {
  padding-left: 0 !important
}

.gallerySearchText {
  float: left;
}

.gallerySearchText a {
  color: #999999;
  float: left;
  font-size: 14px;
  margin: 10px 20px 0 0 !important;
}

.gallerySearchText a:hover {
  color: #fff;
}

.gallerySearchText a:active {
  color: #FFCC03;
}

/* Pixar Sidebar Styles */
.sidebarHeaderStyle {
  background: black;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111');
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
  background: -moz-linear-gradient(bottom, #111, #333);
  margin-top: -20px !important;
  margin-bottom: 15px !important;
  width: 280px;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-bottom: 1px solid black;
  box-shadow: 0 1px 0 #333;
  padding: 7px 15px !important;
}

#sidebarRight h3,
.sidebarRight h3 {
  margin: 0;
  width: 100%;
  float: left;
  padding: 10px 15px 0;
}

#sidebarRight h2,
.sidebarRight h2 {
  float: left;
  margin: 0;
  padding: 10px 15px;
}

#sidebarRight h2,
.sidebarRight h2 {
  float: left;
  margin: 0;
  padding: 0px 15px;
}

#sidebarRight h4,
.sidebarRight h4 {
  float: left;
  margin: 0;
  padding: 10px 15px;
  font-size: 17px;
}

#sidebarRight h5,
.sidebarRight h5 {
  float: left;
  margin: 0;
  padding: 10px 15px;
}

#sidebarRight p,
.sidebarRight p {
  float: left;
  margin: 0;
  padding: 0 15px 5px;
  clear: both;
  width: 90%;
}

.sidebarBg {
  background-color: #1F1F1F;
  float: left;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 310px;
}

#sidebarRight,
.sidebarRight {
  color: #BBBBBB;
  float: right !important;
  margin-right: 25px;
  margin-top: 30px;
  margin-bottom: 20px;
  width: 315px !important;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

#sidebarRight ul,
.sidebarRight ul {
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 0;
}

#sidebarLeft,
.sidebarLeft {
  color: #BBBBBB;
  float: left !important;
  margin: 5px 25px 20px;
  box-shadow: 0 1px 0 #555555;
  border: 1px solid #000;
  background: #222;
  width: 315px !important;
  padding-bottom: 20px;
}

#sidebarLeft ul,
.sidebarLeft ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.largeRenderImage {
  margin: 7px 0 10px 7px;
}

.smallRenderImages ul {
  margin: 5px 0 0 2px;
  padding: 0;
}

.smallRenderImages ul li {
  background: none;
  float: left;
  border: 1px solid #222222;
  display: inline-block;
  margin: 0 7px 0 5px !important;
  padding: 0;
}

a.downloadButtonLarge {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 1px solid #000;
  background: #f8c600;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c600', endColorstr='#7d6503');
  background: -webkit-gradient(linear, left top, left bottom, from(#f8c600), to(#7d6503));
  background: -moz-linear-gradient(bottom, #7d6503, #f8c600);
  box-shadow: 0 1px 0 #FED945 inset;
  -webkit-box-shadow: 0 1px 0 #FED945 inset;
  -moz-box-shadow: 0 1px 0 #FED945 inset;
  color: #604E03;
  float: left;
  font-size: 20px;
  font-weight: bold;
  margin: 15px 0 0 7px;
  padding: 20px 0;
  text-align: center;
  text-shadow: 0 1px 0 #EAB700;
  text-transform: uppercase;
  width: 300px;
}

a.downloadButtonLarge:hover {
  background: #f8c600;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd07', endColorstr='#977a04');
  background: -webkit-gradient(linear, left top, left bottom, from(#ffcd07), to(#977a04));
  background: -moz-linear-gradient(bottom, #977a04, #ffcd07);
  color: #6e5903;
  cursor: pointer;
}

a.downloadButtonLarge:active {
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5E4C02', endColorstr='#DDB101');
  background: -webkit-gradient(linear, left top, left bottom, from(#5E4C02), to(#DDB101));
  background: -moz-linear-gradient(bottom, #DDB101, #5E4C02);
  box-shadow: 0px 1px 0px #444;
  -webkit-box-shadow: 0px 1px 0px #444;
  -moz-box-shadow: 0px 1px 0px #444;
}

a.submitRendersButtonLarge {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 1px solid #000;
  background: #f8c600;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#444444');
  background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#444444));
  background: -moz-linear-gradient(bottom, #444, #777);
  box-shadow: 0 1px 0 #999 inset;
  -webkit-box-shadow: 0 1px 0 #999 inset;
  -moz-box-shadow: 0 1px 0 #999 inset;
  color: #fff;
  float: left;
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 0 7px;
  padding: 20px 0;
  text-align: center;
  text-shadow: 0 1px 0 #000;
  text-transform: uppercase;
  width: 300px;
}

a.submitRendersButtonLarge:hover {
  background: #f8c600;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#555555');
  background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#555));
  background: -moz-linear-gradient(bottom, #555, #888);
  color: #fff;
  cursor: pointer;
}

a.submitRendersButtonLarge:active {
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#777777');
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#777));
  background: -moz-linear-gradient(bottom, #777, #444);
  box-shadow: 0px 1px 0px #444;
  -webkit-box-shadow: 0px 1px 0px #444;
  -moz-box-shadow: 0px 1px 0px #444;
}

.rating {
  background:
    none no-repeat 0 0;
  width: 20px;
  margin-top: 6px;
  margin-right: 5px;
  float: left;
  height: 20px;
}

.rating:hover,
.activeRating {
  cursor: pointer;
  background-position: -22px 0;
}

.renderStats {
  float: left;
  margin: 10px 0;
}

.renderStats p {
  margin: 5px 10px 0 !important;
  clear: left;
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}

.renderStats p span {
  font-weight: normal;
  text-transform: normal;
}

.renderStats p span img {
  margin: 0 0 -7px 3px;
  padding: 2px;
}

.sidebarLeft h3 {
  float: left;
  margin-left: 10px !important;
  margin-top: 15px !important;
}

#kbLinks {
  padding: 10px 20px;
}

#sidebarRight ul li {
  color: #999999;
  letter-spacing: 1px;
  font-size: 12px;
  margin: 10px 0 15px;
}

/* Pixar Press Section Styles */
#pressMainEntrance .featuredSynopsis a.targetUrl h3,
.articleContentTitle a,
.blueHighlight .featuredSynopsis a.targetUrl h3 {
  color: #0CF;
}

#pressMainEntrance .featuredSynopsis a.targetUrl h3:hover {
  color: #fff;
}

#generalNewsSection ul,
#mediaSpotlightSection ul,
#pressReleasesSection ul,
#archiveSection ul {
  list-style-type: none;
  padding: 0 0 0px;
  float: left;
  background: none;
  margin: 0;
}

#generalNewsSection ul li,
#mediaSpotlightSection ul li,
#pressReleasesSection ul li,
#archiveSection ul li {
  list-style-type: none;
  padding: 0 0 20px;
  float: left;
  background: none;
  margin-bottom: 0;
}

#generalNewsSection ul li:last-child,
#mediaSpotlightSection ul li:last-child,
#pressReleasesSection ul li:last-child,
#archiveSection ul li:last-child {
  padding-bottom: 0px;
}

#pressMainEntrance h2 {
  float: left;
  margin-left: 25px;
  width: 100%;
}

.pressLinks ul,
.pressLinks ul li {
  float: left;
  background: none !important;
  list-style-type: none;
  padding: 0 0 15px;
}

.copyrightFooter {
  color: #666;
  float: right;
  font-size: 11px;
  margin-right: 10px;
  margin-top: 25px;
}

div.articleSynopsis p {
  padding: 0px 25px;
  margin: 0 0 10px;
}

h1.articleContentTitle {
  font-size: 38px;
  float: left;
  font-weight: lighter;
  margin-top: 35px;
  padding: 0px 25px;
  width: 95%;
  line-height: 40px !important;
}

h1.articleContentTitle a {
  float: left;
  margin-right: 5px;
  font-size: 38px;
}

h1.articleContentTitle span {
  float: left;
  font-size: 38px;
}

/* Pixar Video Page Styles */
.nowPlayingVideo {
  margin: 0;
  padding: 0;
}

.channel_heading {
  float: left;
  font-weight: bold;
  margin: 0 0 10px;
  width: 100%;
}

#channels {
  margin: 10px 0;
  width: 100%;
  float: left
}

#channels ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#channels ul li {
  background: none;
  display: inline-block;
  margin: 5px 15px 0 0;
  padding: 0;
}

#channels ul li a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
  background: -moz-linear-gradient(bottom, #000, #333);
  box-shadow: inset 0px 1px 0px #555;
  -webkit-box-shadow: inset 0px 1px 0px #555;
  -moz-box-shadow: inset 0px 1px 0px #555;
  border: 1px solid #000;
  color: #fff;
  font-size: 12px;
  padding: 7px 10px;
  text-transform: uppercase;
  font-weight: bold;
}

#channels ul li a:hover {
  background: #111;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#111111');
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
  background: -moz-linear-gradient(bottom, #111, #444);
}

#channels ul li.channelSelected a {
  color: #FFCC03;
  box-shadow: none;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333');
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
  background: -moz-linear-gradient(bottom, #333, #000);
  border: 1px solid #000;
}

#playlist-box-wrapper {
  float: left;
  margin: 10px 0 20px;
  width: 100%;
}

.thumbwrap {
  width: 149px;
  float: left;
}

.thumbwrap a {
  color: #fff !important;
  float: left;
}

.thumbwrap .thumbwrap-title {
  font-size: 12px;
  width: 140px;
  text-align: center;
}

.yes {
  background:
    none no-repeat;
  height: 24px;
  text-indent: -9999px;
  float: left;
  margin-left: 30px;
  width: 24px;
}

.no {
  background:
    none no-repeat;
  height: 24px;
  text-indent: -9999px;
  margin-left: 30px;
  float: left;
  width: 24px;
}

.simpleLinkContainer a {
  color: #ccc;
}

.simpleLinkContainer a:hover {
  color: #fff;
}

.simpleLinkContainer a:active {
  color: #FFCC03;
}

.featuredSynopsis {
  float: left;
  margin: 0 0 0px;
}

.featuredSynopsisWide {
  float: left;
  width: 896px;
  margin: 0 0 20px;
}

.borderTop {
  border-top: 1px solid #666;
  margin-top: 20px;
  padding-top: 20px;
  margin-bottom: 0;
}

.featuredSynopsisWide {
  border-top: 1px solid #666666;
}

.featuredSynopsisWide .ogImage {
  float: right;
  margin-top: 30px;
  margin-left: 30px;
}

.entranceButton {
  float: left;
}

#featuredEntriesForSection ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#featuredEntriesForSection ul li {
  background: none;
  float: left;
  padding: 0;
  display: block;
  margin: 0px 0 40px !important;
}

#listEntriesForSection ul,
#mediaSpotlightSection ul,
#generalNewsSection ul,
#archiveSection ul,
#pressReleasesSection ul {
  background: none !important;
  clear: left;
  display: block;
  float: left;
  padding: 0 25px;
  margin: 0;
}

#listEntriesForSection ul li {
  background: none !important;
  clear: left;
  display: block;
  float: left;
}

#pressReleasesSection li,
#generalNewsSection li,
#mediaSpotlightSection li,
#listEntriesForSection li {
  padding: 0;
  width: 100%;
}

#featuredEntriesForSection a {
  color: #cccccc;
}

th {
  text-align: left;
}

/* Pixar Color Styles */
.textLinks ul li {
  float: left;
  list-style-type: none;
  margin: 30px 0;
}

.footerColor a {
  color: #cccccc;
}

.footerColor {
  background:
    url(../img/background.jpg) repeat scroll 0 0 #2C2C2C;
  margin: 20px 0 0 0;
  border: 1px solid #666;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  height: 294px;
}

img.placeHolder {
  margin: 20px 0px 0px 25px;
}

.imageAlignText {
  margin-top: 50px !important;
}

.textAlignText {
  margin-top: 30px !important;
}

hr {
  background-color: #666666;
  border: 0 none;
  clear: both;
  color: #666666;
  float: left;
  height: 1px;
  margin: 15px 25px 15px 25px;
  width: 894px;
}

.floatLeftMediaTile {
  float: left;
  margin-left: 30px;
  margin-top: 20px;
  width: 415px;
}

.floatRightMediaTile {
  float: right;
  margin-right: 30px;
  margin-top: 20px;
  width: 415px;
}

/* Pixar Page Scroll Styles */
.jScrollbar {
  /* main container */
  height: 640px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 895px;
}

.jScrollbar_mask {
  /* text container */
  float: left;
  position: relative;
  top: 0;
  width: 836px;
}

.jScrollbar .jScrollbar_mask p {
  /* paragraphs */
  margin: 0;
  padding: 0;
  color: #2B2B2B;
  font-size: 12px;
}

.jScrollbar_draggable {
  /* slider container */
  background:
    none no-repeat;
  height: 650px;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 21px;
}

.jScrollbar_draggable a.draggable {
  /** draggable **/
  position: relative;
  background: none no-repeat;
  display: block;
  height: 21px;
  width: 21px;
}

/* Pixar Code Styles */
pre,
code {
  border: 1px dashed #555555;
  background: #222;
  padding: 5px 10px;
  line-height: 21px;
  word-wrap: break-word;
  text-align: left;
  width: 96%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.code-keyword {
  color: #036eff;
}

.code-quote {
  color: #13db03;
}

.code-object {
  color: #e403ff;
}

.warningMessage {
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
  background: -moz-linear-gradient(bottom, #000, #333);
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border: 1px solid #000000;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 0 #666666 inset;
  -webkit-box-shadow: 0 1px 0 #666666 inset;
  -moz-box-shadow: 0 1px 0 #666666 inset;
  color: red;
  float: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  margin: 10px 0;
  padding: 11px;
  width: 96%;
}

.infoMessage {
  background: #444444;
  border: 1px solid #000000;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 0 #444444;
  -webkit-box-shadow: 0 1px 0 #444444;
  -moz-box-shadow: 0 1px 0 #444444;
  color: #CCCCCC;
  float: left;
  font-size: 13px;
  line-height: 18px;
  margin: 10px 0;
  padding: 11px;
}

.twoWide {
  width: 49%;
  float: left;
}

.threeWide {
  width: 32%;
  float: left;
}

.fourWide ul {
  float: left;
  margin: 0;
  padding: 0 25px;
}

.fourWide ul li {
  background: none;
  display: inline-block;
  float: left;
  margin: 4px;
  padding: 0;
  width: 24%;
}

.fourWide ul li a img {
  box-shadow: 0 1px 0 #555;
}

.fourWide ul li h3 {
  margin: 0;
  padding: 0;
  text-align: center;
}

.entranceList ul {
  padding: 0 25px;
}

.entranceList li {
  background: #222222;
  border: 1px solid #000000;
  -moz-box-shadow: 0 1px 0 #555555 inset;
  -webkit-box-shadow: 0 1px 0 #555555 inset;
  float: left;
  margin: 0 15px 30px !important;
  position: relative;
  padding: 1px;
  width: 46%;
}

.entranceList li:hover {
  background: #333;
}

.entranceList li:hover h3 {
  color: #fff !important;
}

.entranceList li h3 {
  clear: none !important;
}

.entranceList li:active h3 {
  color: #FFCC03 !important;
}

.entranceList li img {
  height: 100px;
  width: 100px;
  border-right: 1px solid #000000;
  float: left;
}

.entranceList li h3 {
  float: left;
  margin: 10px 0px 0 15px !important;
  width: 70%;
}

.entranceList li div.synopsis p {
  float: left;
  line-height: 16px !important;
  margin: 5px 0 0 15px !important;
  width: 70%;
}

.entranceList li a.clickableDiv {
  height: 105px;
  left: 0;
  position: absolute;
  top: 0;
  width: 412px;
}

.entranceList ul li {
  background: #222 !important;
  padding: 0;
  overflow: hidden;
}

.siteSearch {
  float: right;
  margin: 40px 25px 0 0;
  width: 245px;
}

.siteSearch form {
  float: left;
  margin: 0;
  padding: 0;
}

.submitRenders {
  float: right;
  margin: 0 25px 0 0;
}

.submitRenders p a {
  background: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111');
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
  background: -moz-linear-gradient(bottom, #111, #333);
  color: #FFCC03;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -moz-webkit-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 0 #555 inset;
  float: left;
  border: 1px solid #000000;
  font-size: 14px !important;
  margin: 25px 0 0 !important;
  padding: 5px 15px;
}

.submitRenders p a:hover {
  background: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
  background: -moz-linear-gradient(bottom, #222, #444);
  color: #FFCC03;
}

.submitRenders p a:active {
  background: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#333333');
  background: -webkit-gradient(linear, left top, left bottom, from(#111), to(#333));
  background: -moz-linear-gradient(bottom, #333, #111);
  color: #FFCC03;
}

/* Pixar Search Styles */
.profileSearch {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}

.gallerySearch {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}

.gallerySecondSearch {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}

.siteSearch input[type=text] {
  background: #474747;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #000;
  -moz-box-shadow: 0 1px 0 #444444;
  -webkit-box-shadow: 0 1px 0 #444444;
  color: #FFFFFF;
  float: left;
  font-size: 11px;
  margin-right: 3px;
  padding: 6px 10px;
  width: 150px;
}

.siteSearch input[type=text]:focus {
  background: #555;
}

.submitRenders input[type=button] {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #f8c600;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c600', endColorstr='#7d6503');
  background: -webkit-gradient(linear, left top, left bottom, from(#f8c600), to(#7d6503));
  background: -moz-linear-gradient(bottom, #7d6503, #f8c600);
  box-shadow: inset 0px 1px 0px #fed945;
  -webkit-box-shadow: inset 0px 1px 0px #fed945;
  -moz-box-shadow: inset 0px 1px 0px #fed945;
  float: left;
  color: #000;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #CEA100;
  font-weight: bold;
  font-size: 11px;
  padding: 5px 10px;
  border: 1px solid #000;
}

.submitRenders input[type=button]:hover {
  background: #f8c600;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd07', endColorstr='#977a04');
  background: -webkit-gradient(linear, left top, left bottom, from(#ffcd07), to(#977a04));
  background: -moz-linear-gradient(bottom, #977a04, #ffcd07);
  color: #000;
  cursor: pointer;
}

.submitRenders input[type=button]:active {
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5E4C02', endColorstr='#DDB101');
  background: -webkit-gradient(linear, left top, left bottom, from(#5E4C02), to(#DDB101));
  background: -moz-linear-gradient(bottom, #DDB101, #5E4C02);
  box-shadow: 0px 1px 0px #444;
  -webkit-box-shadow: 0px 1px 0px #444;
  -moz-box-shadow: 0px 1px 0px #444;
}

.siteSearch input[type=button],
.siteSearch input[type=submit],
.profileSearch input[type=button],
.gallerySearch input[type=button],
#lofslidecontent-home a.slideLink {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111');
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
  background: -moz-linear-gradient(bottom, #111, #333);
  box-shadow: inset 0px 1px 0px #555;
  -webkit-box-shadow: inset 0px 1px 0px #555;
  -moz-box-shadow: inset 0px 1px 0px #555;
  color: #ddd;
  text-transform: uppercase;
  font-size: 11px;
  padding: 6px 10px;
  border: 1px solid #000;
  width: 70px;
}

.siteSearch input[type=button]:hover,
#lofslidecontent-home a.slideLink:hover,
.siteSearch input[type=submit]:hover,
.profileSearch input[type=button]:hover,
.gallerySearch input[type=button]:hover,
#searchAZ ul li a:hover,
.loadMore a:hover {
  background: #222;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
  background: -moz-linear-gradient(bottom, #222, #444);
  color: #FFFFFF;
  cursor: pointer;
}

.siteSearch input[type=button]:active,
#lofslidecontent-home a.slideLink:active,
.siteSearch input[type=submit]:active,
.profileSearch input[type=button]:active,
.gallerySearch input[type=button]:active,
#searchAZ ul li a:active,
.loadMore a:active {
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333');
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
  background: -moz-linear-gradient(bottom, #333, #000);
  box-shadow: 0px 1px 0px #444;
  -webkit-box-shadow: 0px 1px 0px #444;
  -moz-box-shadow: 0px 1px 0px #444;
}

/* Pixar Gallery Page Styles */
.gallerySecondSearch input[type=button] {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111');
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
  background: -moz-linear-gradient(bottom, #444, #888);
  box-shadow: inset 0px 1px 0px #555;
  -webkit-box-shadow: inset 0px 1px 0px #555;
  -moz-box-shadow: inset 0px 1px 0px #555;
  float: left;
  color: #ddd;
  text-transform: uppercase;
  font-size: 11px;
  padding: 5px 10px;
  border: 1px solid #000;
}

.gallerySecondSearch input[type=button]:hover {
  background: #222;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
  background: -moz-linear-gradient(bottom, #222, #444);
  color: #FFFFFF;
  cursor: pointer;
}

.gallerySecondSearch input[type=button]:active {
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333');
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
  background: -moz-linear-gradient(bottom, #333, #000);
  box-shadow: 0px 1px 0px #444;
  -webkit-box-shadow: 0px 1px 0px #444;
  -moz-box-shadow: 0px 1px 0px #444;
}

#searchAZ ul {
  float: right;
  border: 1px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 1px 0px #444 inset;
  -webkit-box-shadow: 0px 1px 0px #444 inset;
  -moz-box-shadow: 0px 1px 0px #444 inset;
  margin: 0;
  padding: 0;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111');
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
  background: -moz-linear-gradient(bottom, #111, #333);
}

#searchAZ ul li {
  background: none repeat scroll 0 0 transparent;
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
  border-right: 1px solid #000000;
}

#searchAZ ul li:last-child {
  border-right: none;
}

#searchAZ ul li a {
  color: #DDDDDD;
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 2px 5px 1px;
  text-align: center;
  width: 10px;
}

.sortBy {
  float: left;
  font-size: 13px;
  margin: 5px 0 0;
  padding: 5px 8px;
  border: 1px solid #000;
  background: #222;
  box-shadow: 0px 1px 0px #555;
  -webkit-box-shadow: 0px 1px 0px #555;
  -moz-box-shadow: 0px 1px 0px #555;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.sortBy a {
  margin: 0 0 0 10px;
}

#profileThumbs ul,
#galleryThumbs ul {
  float: left;
  margin: 30px 0 0 0;
  padding: 0;
}

#profileThumbs ul li,
#galleryThumbs ul li {
  float: left;
  display: inline-block;
  background-image: none;
  margin: 0;
  padding: 0;
}

#profileThumbs ul li a,
#galleryThumbs ul li a {
  float: left;
  margin: 0 12px 20px;
  padding: 10px;
  width: 252px;
  background-color: #222;
  border: 1px solid #000;
  box-shadow: inset 0px 1px 0px #555;
  -webkit-box-shadow: inset 0px 1px 0px #555;
  -moz-box-shadow: inset 0px 1px 0px #555;
}

#profileThumbs ul li a img,
#galleryThumbs ul li a img {
  float: left;
  height: 75px;
  margin-right: 10px;
  width: 75px;
}

#profileThumbs ul li a p,
#galleryThumbs ul li a p {
  font-size: 13px;
  line-height: 16px;
  margin: 10px 0 5px;
}

#profileThumbs ul li a span,
#galleryThumbs ul li a span {
  font-size: 10px;
  color: #777777;
  text-transform: uppercase;
}

#profileThumbs ul li a:hover,
#galleryThumbs ul li a:hover {
  background-color: #333;
}

.entranceList li:active,
#profileThumbs ul li a:active,
#galleryThumbs ul li a:active {
  background: #111;
  -moz-box-shadow: 0 1px 0 #555555;
  -webkit-box-shadow: 0 1px 0 #555555;
}

#profileThumbs ul li:hover a p,
#galleryThumbs ul li:hover a p {
  color: #fff !important;
}

.loadMore a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111');
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
  background: -moz-linear-gradient(bottom, #111, #333);
  box-shadow: inset 0px 1px 0px #555;
  -webkit-box-shadow: inset 0px 1px 0px #555;
  -moz-box-shadow: inset 0px 1px 0px #555;
  float: left;
  color: #FFCC03;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  padding: 10px 0;
  border: 1px solid #000;
  width: 100%;
  text-align: center;
  margin: 20px 0;
}

#slide {
  height: 40px;
  overflow: hidden;
  position: relative;
  width: 944px;
}

#slide button {
  position: relative;
  z-index: 1000;
}

button#slideright {
  float: right;
  background:
    none no-repeat;
  border: none;
  height: 40px;
  text-indent: -9999px;
  width: 40px;
}

button#slideleft {
  border: none;
  background:
    none no-repeat;
  color: #FFFFFF;
  float: left;
  height: 40px;
  text-indent: -9999px;
  width: 40px;
}

button#slideleft:hover,
button#slideright:hover {
  cursor: pointer;
}

#inner {
  bottom: 0;
  color: #333333;
  overflow: hidden;
  left: 0;
  padding: 0px;
  position: absolute;
  width: 1100px;
}

#commentHold {
  background: #555;
  float: left;
}

#commentHold ul {
  margin: 0 !important;
  padding: 0 !important;
}

#commentHold ul li {
  background: none;
  border-bottom: 1px solid #333333;
  float: left;
  margin: 0 !important;
  padding: 10px 20px !important;
  position: relative;
  width: 93%;
}

.commentActions {
  display: none;
}

#commentHold ul li:hover .commentActions {
  display: block;
}

a.commentReply {
  position: absolute;
  right: 25px;
  bottom: 25px;
}

.commentReplyTextarea input {
  float: left;
  display: none;
  width: 97%;
  height: 30px;
  overflow: hidden;
  padding: 5px;
}

p.commentName {
  font-size: 9px !important;
  text-transform: uppercase;
}

.indent {
  background:
    none repeat-x;
  float: left;
  margin: 10px 0 0;
  padding: 15px 0 0;
  width: 550px;
}

.renderHold {
  position: relative;
}

a.lightBoxLink {
  bottom: 0;
  font-size: 10px;
  position: absolute;
  right: 15px;
  text-transform: uppercase;
  z-index: 1000;
}

.sepLine {
  background:
    none repeat-x;
  height: 2px;
  width: 100%;
  float: left;
}

/* Pixar Twitter Styles */
.twtr-widget h3 {
  font-size: 11px !important;
  font-weight: normal !important;
  clear: none !important
}

#twtr-widget-1 .twtr-bd,
#twtr-widget-1 .twtr-timeline i a,
#twtr-widget-1 .twtr-bd p {
  color: #ccc !important;
}

/* Search */
.publicSearchResults {
  float: left;
  padding: 20px 25px;
  width: 95%;
}

li.searchPaginationControls {
  background: #111 !important;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-box-shadow: 0 1px 0 #555555;
  -webkit-box-shadow: 0 1px 0 #555555;
  box-shadow: 0 1px 0 #555;
  padding: 5px 12px 3px !important;
  float: right;
  margin: 15px 0 !important;
}

li.searchPaginationControls a {
  color: #333 !important;
  font-size: 18px;
  text-shadow: 0 1px 0 #000;
  font-weight: bold;
}

li.searchPaginationControls a:hover {
  color: #eee !important;
  cursor: pointer !important;
}

.publicSearchResults ul,
.publicSearchResults ul li {
  background: none;
  margin: 0;
  padding: 0;
}

#searchResultsInfoLabel,
.publicSearchResults h3 {
  color: #CCC;
  background:
    none repeat-x bottom left;
  padding-bottom: 15px;
}

#searchResultsInfoLabel {
  background:
    none repeat-x bottom left;
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 10px 0;
  text-align: left;
  word-wrap: break-word;
}

.publicSearchResults .largeImageHold,
.publicSearchResults .copyrightText {
  display: none !important;
}

li.searchResultHold {}

a.searchResultTitle {
  border-top: 1px solid #333;
  font-size: 14px;
  padding: 15px 0 10px 15px !important;
  margin: 0 !important;
  width: 880px;
  margin: 0 !important;
  padding: 15px 0 15px 15px !important;
  float: left;
  font-weight: bold;
  text-shadow: 0 1px 1px black;
  -moz-text-shadow: 0 1px 1px black;
  -webkit-text-shadow: 0 1px 1px black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

a.searchResultTitle:hover {
  background: #111 !important;
}

a.searchResultTitle:active {
  border-top: 1px solid #000;
  -moz-box-shadow: 0 1px 5px #000 inset;
  -webkit-box-shadow: 0 1px 5px #000 inset;
  box-shadow: 0 1px 5px #000 inset;
}

li.searchResultHold:nth-child(2) a.searchResultTitle {
  border-top: 1px solid #000 !important;
}

#priceList ul {
  margin: 0;
  padding: 0;
}

#priceList ul li {
  margin: 0;
  float: left;
  position: relative;
  width: 256px;
  display: inline-block;
  background: none;
  padding: 10px;
  height: 100px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid black;
  box-shadow: 0 1px 0 #333333 inset;
  -webkit-box-shadow: 0 1px 0 #333333 inset;
  -moz-box-shadow: 0 1px 0 #333333 inset;
  background-color: #1F1F1F;
  margin: 5px !important;
  padding: 15px;
}

#priceList h2 {
  clear: left;
}

#priceList strong {
  margin: -14px 0 10px -15px;
  padding: 10px 5px 10px 15px;
  float: left;
  clear: left;
  font-size: 15px;
  line-height: 18px;
  background: #111;
  border-bottom: 1px solid black;
  height: 30px;
  width: 266px;
  border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
}

#priceList p {
  margin: 0px 0 5px;
  padding: 0;
  float: left;
  clear: left;
  line-height: 15px;
}

.price {
  font-family: 'Patua One', cursive;
  position: absolute;
  float: right;
  clear: left;
  font-size: 20px;
  bottom: 15px;
  right: 15px;
}

.price span {
  color: green;
}

.tag-triangle {
  border-color: transparent #4AA02C transparent transparent;
  border-style: solid;
  border-width: 10px;
  width: 0;
  height: 0;
  float: left;
  margin: 0 0 0 -10px;
  padding: 0;
}

.tag-rectangle {
  background-color: #4AA02C;
  display: inline;
  float: left;
  padding: 0 10px;
  height: 20px;
}

.hole {
  width: 4px;
  height: 4px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #444;
  position: absolute;
  left: 6px;
  top: 8px;
  z-index: 100;
}

#priceList strong.rmMaya {
  /*background: #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262d64', endColorstr='#070918'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#262d64), to(#070918));
	background: -moz-linear-gradient(bottom, #070918, #262d64); */
}

#priceList strong.rmStudio {
  /*		background: #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46365b', endColorstr='#100718'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#46365b), to(#100718));
	background: -moz-linear-gradient(bottom, #100718, #46365b); */
}

#priceList strong.rmPro {
  /*		background: #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b373b', endColorstr='#180808'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#5b373b), to(#180808));
	background: -moz-linear-gradient(bottom, #180808, #5b373b); */
}

#priceList strong.rmTractor {
  /*	background: #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#346326', endColorstr='#0c1808'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#346326), to(#0c1808));
	background: -moz-linear-gradient(bottom, #0c1808, #346326); */
}

ol.faq {
  padding: 0 0 0 30px;
  margin: 0 0 20px 0;
  width: 850px;
}

ol.faq li {
  background:
    none repeat-x bottom left;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.recaptchatable {
  background: white !important;
}

.firstLevelIndexAlign {}

.secondLevelIndexAlign {}

.gallerySynopsis p {
  padding-bottom: 15px;
}

p.quote {
  background-color: #3a3a3a;
  padding: 15px !important;
  border-radius: 10px;
  border: 1px solid #222;
  box-shadow: 0 1px 0 #444;
  text-align: left;
  font-style: italic;
  margin-bottom: -2px !important;
  line-height: 16px !important;
}

.quoteTriangle {
  background:
    none no-repeat;
  width: 30px;
  height: 30px;
  float: left;
  margin-left: 285px;
}

p.quoteName {
  float: right;
  margin-top: 10px !important;
}

p.quoteCredit {
  padding: 0 !important;
  margin: 0 0 25px 0 !important;
  clear: right;
  line-height: 15px !important;
  text-align: right;
  font-size: 11px !important;
  clear: right;
  float: right
}

.bioPic {
  border: 10px solid #111;
  box-shadow: 0 1px 0 #444;
}

#peopleBio .twoColumn h4 {
  float: left;
  margin: 0 !important;
  width: 50%;
}

#peopleBio .twoColumn h5 {
  float: left;
  margin: 0 !important;
}

/**styling for the popup
**/
#overlayEffect {
  display: none;
  position: fixed;
  opacity: 0.7;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6)) repeat-x rgba(11, 11, 11, 0.2);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11, 11, 11, 0.1)), to(rgba(11, 11, 11, 0.6))) repeat-x rgba(11, 11, 11, 0.2);
  z-index: 1;
}

#popupContainer {
  position: fixed;
  left: 10%;
  top: 50%;
  width: 944px;
  z-index: 2;
  border: 1px solid rgba(33, 33, 33, 0.6);
  -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
  -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}

#close {
  background: none no-repeat center center;
  cursor: pointer;
  width: 25px;
  height: 26px;
  position: fixed;
  z-index: 3200;
  position: absolute;
  top: -25px;
  right: -22px;
}

#button {
  text-align: center;
  padding: 10px;
}

.hidden,
.displayNone {
  display: none;
}

.appleIcon {
  background: none no-repeat left top;
  padding-left: 30px !important;
  margin-left: 15px !important;
  padding-top: 5px !important;
}

.linuxIcon {
  background: none no-repeat left top;
  padding-left: 30px !important;
  margin-left: 15px !important;
  padding-top: 5px !important;
}

.windowsIcon {
  background: none no-repeat left top;
  padding-left: 30px !important;
  margin-left: 15px !important;
  padding-top: 5px !important;
}

.imageBorder {
  padding: 10px;
  border: 1px solid white;
  background: #DDD;
  outline: 1px solid #AAA;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

.downloadBg {
  background: none repeat-x top left;
  border: 1px solid #dacb78;
  padding: 5px 15px 3px;
  border-radius: 5px;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 8px;
  color: #807018 !important;
  text-decoration: none !important;
}

.downloadBg:hover {
  background: #dcb20a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7edc7', endColorstr='#dcb20a');
  background: -webkit-gradient(linear, left top, left bottom, from(#f7edc7), to(#dcb20a));
  background: -moz-linear-gradient(bottom, #dcb20a, #f7edc7);
  color: #807018 !important;
}

.downloadBg:active {
  background: #f7edc7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eabf15', endColorstr='#ebdfb1');
  background: -webkit-gradient(linear, left top, left bottom, from(#eabf15), to(#ebdfb1));
  background: -moz-linear-gradient(bottom, #ebdfb1, #eabf15);
  border: 1px solid #bfb162 !important;
  color: #807018 !important;
}

.moviesImageStyle .mediaTile img {
  margin: 10px 0 5px !important
}

.imageShadow img {
  box-shadow: 0 0px 25px #111;
  -webkit-box-shadow: 0 0px 25px #111;
  -moz-box-shadow: 0 0px 25px #111;
}

.noShadow,
.noShadow img {
  box-shadow: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.movieYear h3 {
  font-size: 25px !important;
  clear: left !important;
  line-height: 28px !important;
  margin-bottom: 5px !important;
  color: #DDD;
  font-weight: bold !important;
  text-shadow: 0 -1px 0px black;
  text-align: left;
}

#mainSiteNavigation .blueButton {
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

.textAlignCenter {
  text-align: center;
}

.noBg {
  background: none !important;
}

#submissionForm ul#standardLoginFormSnippet,
#submissionForm ul#standardLoginFormSnippet li {
  margin: 0;
  padding: 0;
  float: left;
  background: none;
}

#submissionForm ul#standardLoginFormSnippet li select {
  margin: 10px 0;
  padding: 0;
  float: left;
  clear: left;
}

#submissionForm ul#standardLoginFormSnippet li textarea,
#formWrapper.privateResellerForm li textarea {
  margin: 0;
  padding: 8px 7px;
  float: left;
  width: 295px;
  background: #777;
  border: 1px solid #222;
  box-shadow: 0px 1px 0px 444;
  -webkit-box-shadow: 0px 1px 0px #444;
  -moz-box-shadow: 0px 1px 0px #444;
  min-height: 50px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #111;
}

ul#standardLoginFormSnippet li input[type=text],
form#userRegistrationForm li input[type=text],
ul#standardLoginFormSnippet li input[type=password],
form#userRegistrationForm li input[type=password] {
  float: left;
  padding: 8px 7px;
  margin-bottom: 20px;
  width: 295px;
  background: #777;
  border: 1px solid #222;
  box-shadow: 0px 1px 0px 444;
  -webkit-box-shadow: 0px 1px 0px #444;
  -moz-box-shadow: 0px 1px 0px #444;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  clear: left;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #111;
}

#formWrapper.privateResellerForm li input[type=text],
#formWrapper.privateResellerForm li input[type=password] {
  float: left;
  padding: 8px 7px;
  width: 85%;
  background: #777;
  border: 1px solid #222;
  box-shadow: 0px 1px 0px 444;
  -webkit-box-shadow: 0px 1px 0px #444;
  -moz-box-shadow: 0px 1px 0px #444;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #111;
  clear: left;
}

#formWrapper.privateResellerForm li textarea {
  width: 85%;
}

#formWrapper.privateResellerForm li input[type=text],
#formWrapper.privateResellerForm li input[type=password],
#formWrapper.privateResellerForm li textarea,
#formWrapper.privateResellerForm select {
  margin-bottom: 10px;
}

ul#standardLoginFormSnippet li input:focus,
form#userRegistrationForm li input:focus,
#submissionForm ul#standardLoginFormSnippet li textarea:focus,
#formWrapper.privateResellerForm li input[type=text]:focus,
#formWrapper.privateResellerForm li input[type=password]:focus {
  background: #ddd;
}

textarea,
input {
  outline: none;
}

ul#standardLoginFormSnippet label,
form#userRegistrationForm li label,
#formWrapper.privateResellerForm li label {
  float: left;
  font-weight: bold;
  margin-right: 10px;
  width: 160px;
  clear: left;
  color: #aaa;
}

#formWrapper.privateResellerForm li label {
  clear: none;
  width: 100%;
  margin-bottom: 5px;
}

#formWrapper.privateResellerForm li {
  float: left;
  width: 50%;
  margin-bottom: 0px !important;
}

#formWrapper.privateResellerForm li .radioOption {
  float: left;
  margin-right: 15px;
}

#formWrapper.privateResellerForm li input[type=checkbox] {
  float: left;
  margin-right: 10px;
}

#formWrapper.privateResellerForm select {
  width: 375px;
  height: 34px;
  float: left;
}

#formWrapper.privateResellerForm .radioOption:first-child {
  margin-left: 170px;
  margin-right: 10px;
}

form#loginForm li label.error {
  clear: left;
  color: red !important;
  float: left !important;
  font-size: 10px !important;
  font-weight: normal !important;
}

form#submissionForm li label.error,
li.serverSideError {
  clear: left;
  margin-bottom: 10px;
  color: red !important;
  float: left !important;
  font-size: 10px !important;
  font-weight: normal !important;
}

.button {
  border: 1px solid black;
  background: #111;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#000));
  background: -moz-linear-gradient(bottom, #000, #333333);
  box-shadow: 0 1px 0px #666 inset;
  -webkit-box-shadow: 0 1px 0px #666 inset;
  -moz-box-shadow: 0 1px 0 #666 inset;
  color: #ccc;
  float: left;
  min-width: 90px;
  font-size: 11px;
  font-weight: bold;
  text-shadow: 0 1px 0 black;
  text-transform: uppercase;
  padding: 10px;
  text-align: center;
}

.blueButton {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid black;
  background: #F8C600;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#204D79', endColorstr='#003260');
  background: -webkit-gradient(linear, left top, left bottom, from(#204D79), to(#003260));
  background: -moz-linear-gradient(bottom, #003260, #204D79);
  box-shadow: 0 1px 0px #3471aa inset;
  -webkit-box-shadow: 0 1px 0px #3471aa inset;
  -moz-box-shadow: 0 1px 0 #3471aa inset;
  color: #ccc;
  float: right;
  font-size: 11px;
  font-weight: bold;
  text-shadow: 0 1px 0 black;
  text-transform: uppercase;
  padding: 7px 0;
  width: 115px;
  text-align: center;
}

.blueButton:hover {
  background: #f8c600;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#275d8e', endColorstr='#003d72');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#275d8e), to(#003d72));
  /* for webkit browsers */
  background: -moz-linear-gradient(bottom, #003d72, #275d8e);
  /* for firefox 3.6+ */
  cursor: pointer;
}

.blueButton:active {
  color: #fff;
  background: #000;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002345', endColorstr='#204D79');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#002345), to(#204D79));
  /* for webkit browsers */
  background: -moz-linear-gradient(bottom, #204D79, #002345);
  /* for firefox 3.6+ */
  box-shadow: 0px 1px 0px #444;
  -webkit-box-shadow: 0px 1px 0px #444;
  -moz-box-shadow: 0px 1px 0px #444;
}

.captchaStyle {
  width: 318px;
  margin: 0px 0 20px;
  float: left;
  background: #000;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#050505', endColorstr='#333333');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#050505), to(#333));
  /* for webkit browsers */
  background: -moz-linear-gradient(bottom, #333, #050505);
  /* for firefox 3.6+ */
  padding: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top: 20px;
  margin-left: -9px;
  border: 1px solid black;
  box-shadow: 0 1px 0 #444;
  -webkit-box-shadow: 0 1px 0 #444;
  -moz-box-shadow: 0 1px 0 #444;
}

.captchaStyle label {
  margin: 5px 0 10px;
  float: left;
  font-size: 12px;
  font-weight: bold;
  color: #444;
}

.contactPageLeft {
  margin-left: 25px;
  float: left;
}

.contactPageRight {
  float: right;
  margin-right: 25px;
  padding: 20px;
  background-color: #1F1F1F;
  width: 315px;
}

.margin0 {
  margin: 0;
}

.padding0 {
  padding: 0;
}

.width944 {
  width: 944px;
}

.width450 {
  width: 450px;
}

.width475 {
  width: 475px;
}

.width500 {
  width: 500px;
}

.paddingLR20 {
  padding-left: 20px;
  padding-right: 20px;
}

.submissionLegal {
  font-size: 10px !important;
  margin: 10px 0 !important;
  padding: 0;
}

div.tooltip {
  z-index: 300;
}

.mediaTile td {
  border-bottom: 1px solid #222;
  border-top: 1px solid #333;
  margin: 0;
  padding: 15px 0 0;
}

.clickableBox {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 300;
  background: transparent;
}
