body { 
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 76%;
  background-color: #d6d3ce;
  background-image: url(/common/vignette-bg.gif);
  background-repeat: repeat-x;
  background-position: 0px 0px;
}

a {
  color: #35223b;
}

div#wrapper {
  border: 1px solid #d4d0c8;
  border-bottom: 0;
  padding-top: 12px;
  position: relative;
}

body.about,
body.join {
  line-height: 180%;
}

body.about #right ul,
body.join #right ul {
  margin-left: 2em;
  list-style-type: square;
}

body.join,
body.about {
  line-height: 180%;
}

div.email {
  margin-left: 127px;
}

div.homepage div#col1 {
  flxoat: left !important;
  width: 372px !important;
  line-height: 140%;
  margin: 0;
}

div.homepage div#col2 {
  width: 296px !important;
  line-height: 140%;
  margin-left: 15px !important;
}

body.news div#body {
  line-height: 180%;
}
body.news div#body div.item {
  margin-top: 20px;
  margin-bottom: 30px;
}

div#body h1 {
  margin: 10px;
  padding: 0;
  margin-top: 30px;
  padding-left: 0px;
  margin-bottom: 25px;
  display: block;
}

div#body ul {
  padding-left: 30px;
}

div#body h2,
div#body h3,
div#body p {
  padding-left: 10px !important;
}

body.home div#body ul,
body.search div#body ul {
  padding-left: 0; !important;
}



body.newsrss pre {
  font-size: 1.4em;
  background: #d4d4ce;
  padding: 10px;
  border: 1px solid #fff;
  display: inline;
}

div#header {
  height: 70px;
  background: url(/common/grey_screen.gif);
  display: block;
}

div#header div.logotype {
  background-color: transparent;
  background: url(/common/showreelfinder_logo_new2b.gif);
  background-repeat: no-repeat;
  height: 70px;
  display: block;
  float: left;
  width: 280px;
}

div#header div.logotype span {
  display: none;
}

div#header div.logo {
  background: url(/common/monkey_icon.gif);
  background-repeat: no-repeat;
  height: 70px;
  display: block;
  float: right;
  width: 78px;
}

div#header div.navigation {

}

div#header div.navigation ul {
  position: relative;
  top: 3em;
  margin: 0;
  float: right;
  margin-right: 10px;
  padding: 3px;
  list-style-type: none;
  list-style-position: outside;
}

div#header div.navigation ul li {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
  width: 5em;
  margin-right: 5px;
  text-align: center;
  background: #fff;
  color: #6b5954;
  line-height: 95%;
}

div#header div.navigation ul li a {
  color: #000;
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 4px;
  border: 1px solid #6b5c54;
  display: block;
}

div#header div.navigation ul li span {
  color: #fff;
  padding-right: 7px;
  padding-left: 3px;
  border-right: 1px solid #000;
}

div#header div.navigation ul li a:hover {
  text-decoration: underline;
}

div#header div.country-selector ul {
  position: relative;
  top: 0;
  float: right;
  margin: 0;
  margin-right: 0px;
  padding: 3px;
  list-style-type: none;
  list-style-position: outside;
  width: 140px;
}

.ie6 div#header div.country-selector ul {
  top: 12px;
}

div#header div.country-selector ul li {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #6b5954;
  line-height: 81%;
  margin-bottom: 0.1em;
  background: url(country-vignette.gif) bottom left repeat-x;
  border: 1px solid #6b5c54;
}

div#header div.country-selector ul li a {
  color: #000;
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 4px;
  border: 1px solid #fff;
  display: block;
  line-height: 81%;
}

div#header div.country-selector ul li.selected a {
  background: url(arrow.gif) 0px 1px no-repeat;
}

div#header div.country-selector ul li a:hover {
  text-decoration: underline;
}

/* div#quicktime a {
  margin-top: 10px;
  height: 18px;
  display: block;
}

div#quicktime img {
  border: 0;
} */

div.frame {
  border: 1px solid #6b5c54;
  padding: 1px;
  width: 678px;	
}

div#browser {
  margin-top: 8px;
  float: left;
  line-height: 1.4em;
  padding-left: 9px;
  clear: both;
}

div#browser ul {
  list-style: none;
  list-style-type: none;
  width: 120px;
  float: left;
  margin: 0;
  padding: 0;  
  margin-left: 2px;
}

div#browser ul li {
  width: 100%;
}

div#browser ul li.header {
  margin-bottom: 10px;
}

div#browser ul li.header span {
  text-align: center;
  background: #fff;
  border: 1px solid #71615d;
  color: #6b5954;
  display: block;
  width: 116px;
}

div#browser > ul li.header span {
  width: 118px;
}

div#browser ul li.selected a {
  background: #6b5954;
  color: #fff;
}

div#browser ul li a {
  padding: 2px;
  background: #837167;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 116px;
}

div#browser ul li a:hover {
  background: #84ba31;
  color: #fff;
}

div#browser ul#l1 {

}

div#browser ul#l2 {

}

div#browser ul#l3 {

}

div#browser ul#l2 li.header {
  border: 1px solid transparent;
  color: #fff;
}

div#browser ul#l3 li.header {
  border: 1px solid transparent;
  color: #fff;
}

div#browser-horizontal {
  margin-top: 8px;
  line-height: 1.4em;
  margin-left: 11px;
}

div#browser-horizontal ul {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;  
  margin-left: 2px;
}

div#browser-horizontal ul li {
  width: 120px;
  float: left;
}

div#browser-horizontal ul li.header span {
  text-align: center;
  background: #fff;
  border: 1px solid #71615d;
  color: #6b5954;
  display: block;
  width: 116px;
}

div#browser-horizontal > ul li.header span {
  width: 118px;
}

div#browser-horizontal ul li a {
  padding: 1px;
  margin-left: 1px;
  background: #837167;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 116px;
}

div#browser-horizontal ul li a:hover {
  background: #84ba31;
  color: #fff;
}

div#browser-horizontal-search {
  position: absolute;
  top: 91px;
  /* value prior to adding "beta": right: 82px; */
  right: 32px;
}

div#browser-horizontal-search ul {
  list-style: none;
  list-style-type: none;
}

div#browser-horizontal-search ul li {
  float: left;
}

div#browser-horizontal-search form {
  display: inline;
  margin: 0;
  padding: 0;
}

div#browser-horizontal-search li.input {
  background: #fff;
  border: 1px solid #837167;
  line-height: 1.4em;
  margin-right: 2px;
  width: 180px;
}

div#browser-horizontal-search li.submit {
  border: 1px solid #837167;
  background: #837167;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
  /*padding-rxight: 30px;*/
}

div#browser-horizontal-search li.beta {
  width: 50px;
  text-align: center;
  line-height: 1.7em;
  color: #837167;
}

div#browser-horizontal-search input.input {
  background: #fff;
  border: 0;
  font-family: Helvetica, Arial, sans-serif;
  height: 1em;
}

div#browser-horizontal-search input.submit {
  border: 0;
  background: #837167;
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.2em;
}
  
div#body {
  padding-left: 13px;
  padding-top: 30px;
  min-height: 343px; 
  color: #35232b;
  height: 343px; /* ie hack job */
  clear: both;
  width: 685px;
  float: left;
}

* > div#body {  
  height: auto; /* ie hack job */
}

div#body.homepage {
  padding-top: 30px;
}

div#body div#col1 {
  float: left;
  width: 320px;
  line-height: 140%;
}

div#body div#col1 ul,
div#body div#col2 ul {
  marxgin-left: 15px;	
}

div#body div#col1 ul li,
div#body div#col2 ul li {
  margin-top: 10px;
}

div#body div#col2 {
  float: left;
  width: 330px;
  margin-left: 20px;
  line-height: 140%;
}

div#advertising {
  float: left;
  width: 287px;
  margin-top: 30px;
}

div#advertising ul {
  list-style: none;
}

div#advertising li {
  margin-left: 12px;	
  margin-bottom: 13px;
  float: left;
  display: inline;
}

div#advertising img {
  border: 1px solid #6b5c54;
}

div#advertising div.flash-ad {
  border: 1px solid #6b5c54;
}

div#advertising div.flash-ad embed {
  display: block;	
}

div#viewer {
  position: absolute;
  top: 70px;
  left: 400px;
  width: 428px;
  text-align: center;
  padding: 0;
  padding-top: 32px;
  margin-top: 20px;
  display: block;
}

div#viewer.zoom {
  width: 592px;
}

div#viewer.zoom div#panel {
  width: 592px;
}

div#viewer div.caption {
  margin-top: -4px;
  border-bottom: 1px solid #c3bdb2;
  padding-bottom: 3px;
  margin-bottom: 6px;
}

div#viewer div.thumbnail-grid {
  padding: 0;
  padding-top: 0px;
  margin-top: 0;
  float: left;
}

div#viewer div.thumbnail-grid table {
  width: 433px;
  border-collapse: collapse;
}

div#viewer div.thumbnail-grid table td {
  width: 140px;
  height: 105px;
  text-align: center;
  vertical-align: middle;
}

div#viewer div.thumbnail-grid div.outer {
  background: #000;
  margin-right: 5px;
  margin-bottom: 5px;
  /* width: 140px;
  height: 105px;
  position: relative; ie mac no like */
  text-align: left;
}

div#viewer div.thumbnail-grid img {
  border: 2px solid #d4d0c8;
  display: block;
}

div#viewer div.thumbnail-grid div.outer div.mask {
  width: 140px;
  height: 105px;
  z-index: 100;
  position: absolute;
  /* top: 2px; */
  /* left: 2px; */
  background: url(/common/mask-2x.gif);
  border: 2px solid #d4d0c8;
}

div#viewer div.thumbnail-grid div.outer div.mask img {
  border: 0;
  display: inline;
}

div#viewer div.thumbnail-grid div.outer div.nomask {
  width: 140px;
  height: 105px;
}

div#viewer div.thumbnail-grid div.outer div.highlight {
  border: 2px solid #84ba31;
}

div#viewer div.thumbnail-grid div.outer div.highlight img {
  border: 0;
}

div#viewer div.thumbnail-grid div.outer div.nomask {
  
}

div#viewer div.thumbnail-grid div.outer img.clear-right-margin {
  margin-right: 0;
}

div#viewer div.thumbnail-grid div a {

}

div#viewer div#nomovie {
  width: 427px;
  height: 240px;
  border: 1px solid black;
  margin: 0 auto;
  background: url(/common/placeholder.jpg) 0px -20px;
}

div#viewer div#panel {
  clear: left;
  background: url(/common/grey_screen.gif);
  width: 428px;
  margin-top: 10px;
  padding-top: 10px;
  line-height: 150%;
}

div#viewer div#panel.zoom {
  width: 592px;
}

div#viewer div#panel a {
  color: #35232b;
  text-decoration: underline;
}

div#viewer div#panel a:hover {
  text-decoration: underline;
}

div#viewer ul {
  display: block;
  list-style-type: square;
  margin: 0;
  padding-left: 0;
}

div#viewer ul li {
  margin-bottom: 1em;
}

div#viewer div ul#actions {
  float: right;
  display: block;
  text-align: right;
  list-style: none;
  padding-left: 0;
}

div#viewer div ul#details {
  text-align: left;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

div#viewer div ul#actions li {
  margin: 0;
  padding-right: 10px;
}

div#viewer div ul#details li {
  margin: 0;
  padding-left: 10px;
  margin-left: 0;
}

div#body div#left {
  float: left;
  width: 460px;
}

div#body div#right {
  float: right;
  width: 480px;
}

div#body div#breakout {
  width: 460px;
  background: #a69d8c;
  margin-top: -15px;
  border: 1px solid #000;
}

h2 {
  display: block;
  font-weight: bold;
  color: #fff;
  margin-top: 5px;
  padding: 5px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  background: #c3bdb2;
}

div#body h3 {
  margin: 0;
  padding: 0;	
}

div#body h2 {
  font-size: 1.75em;
}

div#body h1 {
  color: #35232b;
  display: block;
  font-size: 2.25em;
}

div#homepage-featured {
  border: 1px solid #6b5c54;
}

div#homepage-featured img {
  display: block;
  width: 370px;
  border: 0;
  border-bottom: 1px solid #6b5c54;
}

div#homepage-featured h2 {
  color: #fff;
  background-color: #a69d8c !important;
  margin-left: 1px !important;
  margin-top: 1px !important;
  margin-right: 1px !important;
  margin-bottom: 0 !important;
  padding: 4px !important;
  padding-left: 10px !important;
  font-size: 1.2em !important;
  line-height: 1.3em !important;
}

div#homepage-featured a {
  color: #35232b;
  display: block;
  line-height: 1em;
  font-weight: bold;
  padding-left: 0px !important;
}

div#homepage-featured span {
  color: #35232b;
  display: block;
}

div#homepage-featured div.dark {
  color: #fff;
}

div#homepage-featured div.hatched {
  background: url(/common/grey_screen.gif) bottom right;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

div#homepage-latest {
  margin-top: 10px;
  border: 1px solid #6b5c54;
}

div#homepage-latest ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#homepage-latest ul li {
  float: left;
  width: 122px;
  height: 150px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #a69d8c;
  margin-left: 1px;
  margin-top: 1px !important;
}

div#homepage-latest ul li.titler {
  background-color: #c3bdb2;
  color: #fff;
  font-weight: bold;
  text-align: left;
}

div#homepage-latest ul li.titler h2 {
  margin: 0 !important;
  padding: 4px !important;
  padding-left: 10px !important;
  display: block;
  background: #a69d8c !important;
  font-size: 1.2em !important;
  line-height: 1.3em !important;
  text-transform: uppercase;
}

div#homepage-latest ul li.titler p { 
  color: #35232b;
  padding-left: 10px;
  padding-right: 10px;
}

div#homepage-latest ul li img,
div#homepage-latest ul li a {
  display: block;
  margin-left: 4px;
  margin-top: 4px;
}

div#homepage-latest ul li img {
  width: 80%;
  margin: auto;
  margin-top: 10px;
}

div#homepage-latest ul li a { 
  color: #fff;
}

div#homepage-latest ul li a.name { 
  color: #35232b;
  font-weight: bold;
  margin-top: 8px;
}

div#homepage-latest div.clear {
  clear: both;
  line-height: 1px;
  height: 1px;
}

div#homepage-intro {
  width: 296px;	
  background: url(/mockups/2008-rebuild/intro_panel_bg.png) no-repeat;
  text-align: center;
  margin-bottom: 5px;
}

div#homepage-intro img {
  display: inline;
}

div#homepage-news {
  border: 1px solid #6b5c54;
}

div#homepage-news td {
  vertical-align: top;
}
  
div#homepage-news ul {
  list-style: none;
}

div#homepage-news ul li  {
  margin-left: 1px !important;
  margin-top: 1px !important;
  margin-right: 1px !important;
  margin-bottom: 1px !important;
  padding: 0 !important;
}

div#homepage-news h2 {
  color: #fff;
  background: #a69d8c !important;
  margin-left: 1px !important;
  margin-top: 1px !important;
  margin-right: 1px !important;
  margin-bottom: 1px !important;
  padding: 4px !important;
  padding-left: 10px !important;
  text-transform: uppercase;
  font-size: 1.2em !important;
  line-height: 1.3em !important;
}

div#homepage-news h3 {
  background: #c3bdb2;
  margin-bottom: 1px !important;
  padding: 0 !important;
  padding-left: 10px !important;
  font-size: 1em;
}

div#homepage-news p {
  maxrgin-bottom: 1px !important;
  pxadding: 0 !important;
  padding-left: 10px !important;
}

p#rss {
  float: right;
  padding: 0;
  margin: 0;
  margin-right: 5px;
  padding-top: 4px;
  padding-bottom: 4px;	
}

p#rss img {
  border: 0;
  vertical-align: text-bottom;
}

p#rss a {
  color: #fff;
  text-decoration: none;
}

body.news p#rss a {
  color: #35232B;
}

p#rss a:hover {
  text-decoration: underline;
}

div#footer {
  clear: left;
}

table.attachments {
  margin-top: 10px;
}

table.attachments td {

}

table.attachments td.file {
  white-space: nowrap;
}

table.attachments td.file a {
  padding: 2px;
  background: #a8af5b;
  border: 1px solid #000;
  color: #fff;
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: center;
}

table.attachments td.summary p {
  padding-left: 20px;
}

ul#search-results {
  display: block;
  margin-top: 10px;
  margin-left: 10px;
}

ul#search-results li {
  display: block;
  width: 130px;
  float: left;
  height: 190px;
}

ul#search-results div img {
  width: 130px;
  height: 96px;
  margin: 0;
  padding: 0; 
  border: 0;
}

ul#search-results a {
  display: block;
  height: 190px;
  text-decoration: none;
}

ul#search-results a:hover {
  background: #837167;
  color: #fff;
}

ul#search-results p {
  padding: 0;
  padding-top: 0;
  padding-left: 10px;
  margin: 0;
  margin-bottom: 5px;
  line-height: 130%;
}

ul#search-results p.name {
  margin-bottom: 0;	
}

ul#search-results p.discipline {
  text-transform: lowercase;
}

div#search-pagination {
  background: #c3bdb2;
  clear: both;
  text-align: center;
  padding: 10px;
}

div#search-pagination p,
div#search-pagination ul,
div#search-pagination li {
  display: inline;
}

div#search-pagination p {
  margin-right: 6px;
}

div#search-pagination li a {
  padding: 5px;
  background: #fff;
  color: 1px solid #837167;
  text-decoration: none;
}

div#search-pagination li a.selected {
  background: #837167;
  color: #fff;
}

div#search-pagination li a:hover {
  background: #84ba31;
  color: #fff;
}

span.security {
  border: 1px solid #837167;
  padding: 5px;
  display: block;
  width: 100px;
  background: #fff;
  font-size: 1.2em;
}

span.security input {
  font-size: 0.8em; 
}

p.error {
  color: #f00;
}

#navLinks a{
        color:#2B1B1E;
        text-decoration:none;
        font-family:Arial;
        font-size:1.0em;
        font-weight:none;
        padding-left:2px;
        padding-right:2px;
        padding-top:4px;
        padding-bottom:4px;
        background:#bdbdbd;
        display:block;
        border:0px solid #000;
    }
    #navLinks a:hover{
        color:#ffffff;
        text-decoration:none;
        font-family:Arial;
        font-size:1.0em;
        font-weight:bold;
        padding-left:2px;
        padding-right:2px;
        padding-top:4px;
        padding-bottom:4px;
        background:#837167;
        display:block;
        border:0px solid #000;
    }

 .textField{
        background:#ebebeb;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
        border-top:1px solid #000;
        border-left:1px solid #000;
        color:#000;
        width:100%;
        height:18px;
    }
    #formHolder{
        line-height:25px;
        width:220;
    }
    #labelHolder{
        width:45px;
        float:left; 
        text-transform:capitalize;
    } 
    #inputHolder{
        width:160px;
        float:left;
    }
    span.multiple {
        float:left;
    } 
    span.button {
        padding-left:120px;
    } 
    div.clear {
        clear:both;
        padding-top:10px;
    }
    
     .frmBtn {
        background:transparent url(/common/subscribe.png) no-repeat scroll 0 0;
	border:medium none;
	height:22px;
	width:116px;
    }