/* notes re changes to this file 16/7/15

-removed 'width' from body 
- removed left margin from nav bar 
- changed font size/line height in body 

 */


/* layout and typography */

body {
  background-color:#e6e6e6;
  width:100%;
  font-family:Geneva, Tahoma, Helvetica, sans-serif;
  color:#000;
   font-size: 14px;
  line-height: 1.42857143;
}


h1, h2, h3, h4, h5, h6, legend, caption {
  font-family: 'Coustard', Courier, Georgia, serif;
  letter-spacing:.1em;
  font-weight:normal;
  color:#31b88d;
  padding:1em 0 .5em 0;
  text-align:left;
}

h2 {
  font-size:1.55em;
}

h3 {
  font-size:1.35em;
}

h4 {
  font-size:1.15em;
}

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

p {
  margin:.5em 0 .5em 0;
  line-height:1.2em;
}

hr {
  background-color:none;
  border-top:3px dotted #aeaeb0;
  border-right:none;
  border-left:none;
  border-bottom:none;
}

a {
  color:#2e8469;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

/* header */

.header {
  background:url(/static/image/CAARP_banner_noText.jpg) top left no-repeat #020800;
  height:136px;
}

h1 {
  text-transform:uppercase;
  font-weight:normal;
  padding-top:50px;
  padding-left:2.5em;
  font-size:1.05em;
  color:#000;
}

h1 .caarp {
  font-size:2.3em;
  letter-spacing:.1em;
}

.login {
  font-family: 'Coustard', Courier, Georgia, serif;
  text-transform:uppercase;
  color:#f6fabd;
  font-size:1em;
  float:right;
  text-decoration:none;
  letter-spacing:.1em;
  margin-top:-85px;
  margin-right:1em;
  text-align:right;
}

.login a {
  color:#fff;
}

.login a:hover {
  color:#f6fabd;
}

/* content */

.content {
  background-color:#fff;
  padding:0 2.5em 1em 2.5em;
}

.navigation {
  height:20px;
  padding-top:2px;
  margin-bottom:1.5em;
  min-width: 600px;
}

.navigation ul {
  list-style-type:none;
}

.navigation li {
  float:left;
  height:20px;
}

.navigation a {
  background-color:#e8f67e;
  padding: 3px 1.1em 2px;
  font-family: 'Coustard', Courier, Georgia, serif;
  text-transform:uppercase;
  color:#000;
  font-size:.8em;
  text-decoration:none;
  letter-spacing:.1em;
  display:block;
}


.navigation a:hover, .navigation a.current {
  background-color:#ecfdd4;
}

.leftmenu {
  background:url(/static/image/leftmenu.gif) top left no-repeat #fff;
  height:20px;
  width:88px;
}

.rightmenu {
  background:url(/static/image/rightmenu.gif) top left no-repeat #fff;
  height:20px;
  width:97px;
}

.breadcrumbs {
  font-size:.9em;
  color:#8e999f;
  text-transform:lowercase;
}

h2 .caarp {
  color:#000;
}

/* footer */

.footer {
  text-align:center;
  font-size:.8em;
  color:#4d4d4d;
  padding:1.5em 0;
}

.footer a, .footer a:visited {
  color:#666666;
  text-decoration:none;
}

.footer a:hover {
  color:#4d4d4d;
  text-decoration:underline;
}

.footer ul {
  margin:0 auto;
}

.footer li {
  float:left;
  text-align:center;
  padding:1em;
}

.footer p {
  clear:both;
}

/* updated by viveka 24/7 */
.clear-float {
  clear:both;
    height: 1px;
}

.clear-top {
  clear:top;
}


/* highlight boxes on front & browse page */

.panel {
  padding:.8em;
  margin:1.1em;
  float:left;
}



.panel h3 {
  color:#000;
  padding:0 0 0.6em;
  font-size:1em;
}

.chartreuse-yellow {
  background-color:#e8f67e;
}

.toothpaste-mint {
  background-color:#ace3d1;
}

.martini-olive {
  background-color:#7ab466;
}

.eucalypt-green {
  background-color:#3B977A;
}

/* Advanced search */

/* shared */

.unit {
  padding:.5em;
}

.search-results h3, .sidebar legend, .keyword-search legend, fieldset {
  font-size:1em;
  color:#000;
  margin:0;
}

/* keyword search */

.keyword-search {
  margin-left:13em;
  margin-top:-5.5em;
  float:right;
}

.keyword-search label {
  font-weight:bold;
  font-size:.8em;
  padding-left:1em;
}

/* sidebar */
/* width of sidebar changed 24/3  */

.sidebar {
  width:100%;
  float:none;
}

.sidebar .unit {
  margin:0 1em .5em 0;
  background-color:#eff1e6;
  font-size:.8em;
}

.sidebar .unit h4 {
  margin:0;
  padding:0;
  font-size:1em;
  color:#000;
  font-family:Geneva, Tahoma, Helvetica, sans-serif;
  letter-spacing:0;
  font-weight:bold;
  cursor:pointer;
}

.fold {
  padding-top:.5em;
}

.filter-set img {
  float:right;
}

.sidebar .instructions {
  font-size:.8em;
  margin-bottom:1em;
  line-height:1.1em;
  color:#8E999F;
}
.sidebar .unit h4.collapsed {
  background:url(/static/image/plus.gif) right center no-repeat;
}
.sidebar .unit h4.expanded {
  background:url(/static/image/minus.gif) right center no-repeat;
}

.ui-autocomplete li a {
    padding: .4em .2em;
    display: block;
    cursor:pointer;
    font-size:.8em;
    color:#000;
}

.ui-autocomplete li a:hover {
    background-color:#F7FDF1;
    text-decoration:none;
}

.ui-autocomplete {
    background-color: #fff;
    border-bottom: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    width:10em;
}

/*search results */

.search-results {
  margin-left:18em;
}

.sort-results {
  font-size:.8em;
  float:right;
  margin-top:-2em;
  padding-bottom:.1em;
}

.sort-results .label {
    font-weight:bold;
}

.current-filters {
  width:30em;
  font-size:.8em;
  margin:1em 0 1em 0;
  overflow:auto;
  width:100%;
  float:left;
}

.current-filters .label {
  float:left;
  font-weight:bold;
  padding:.3em;
  margin-right:1em;
}

.search-results ul {
  list-style-type:none;
}

.filters li {
  border:1px solid #e5eed3;
  background-color:#f7fdf1;
  padding:.4em .5em;
  margin:0 1em .5em 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  white-space:nowrap;
  float:left;
}

.filters li a {
  margin:0;
  padding:0;
}

.clear-filters {
  margin-left:1em;
}


/* individual results/browsing tables */
/* all styles in this section updated by Viveka 23/7 */

table.result {  
  width:100%; 
}

table.result caption {  
  width:100%;
}

table.browse, table.browse caption {
  width:100%;
}

table {
  margin: .5em 1em 1em 0;
  font-size:.9em;
  line-height:1.2em;
  border-collapse:collapse;
  float:left;
}

caption {
  font-size:1.1em;
  color:#000;
  margin:0;
  background-color:#bfe9da;
  border:none;
}

caption div {
  padding:.2em 1em;
}

thead th {
  font-weight:bold;
  text-align:left;
  border-bottom:1px solid #e6faf3;
  vertical-align:middle;
}

tbody th {
  font-weight:bold;
  text-align:right;
  width:10em;
}

.browse tbody th {
  width:12.5em;
}

th, td {
  padding:.3em .5em;
  border-bottom:1px dotted #e6faf3;
}

/*--- DROPDOWN ---*/

.navigation ul li {
   list-style: none;
   float: left; }

.navigation ul li ul {
   display: none; 
   width: 9em; /* Width to help Opera out */
   background-color: #ecfdd4;
   }
.navigation ul li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
.navigation ul li:hover li, #navbar li.hover li {
   float: none;
      height: auto;
	   }
.navigation ul li:hover li a, #navbar li.hover li a {
   background-color: #ecfdd4;
   border-bottom: 1px solid #fff;
   color: #000;
   text-transform:none;
   padding:9px; }

.navigation ul li li a:hover {
   background-color: #e8f67e; }
   

   
   
/* new styles added by Viveka 04/10/15 */
 
 
#wrapper {
  padding:2em;
}
 

#left-col-search {
width: auto; float: none; border: 0px solid gray;
}

#right-col-search {
float: none; 
width:auto;

}

#results-list  {
	margin-bottom:30px;
}

.results-info  {
float: left;
margin-top: 10px;	
}

 .adv-search{
 margin:0 1em .5em 0; width: 100%; min-width:600px; background-color:#eff1e6; font-size:.8em; padding: 2em 0 0 1.5em;
 float: left;
 }
 
  .adv-search div{
	padding:.3em;  
	  
  }
   .adv-search input[type=text]{
	  width:40%
  }
    .adv-search select{
	  width:30%
  }
  
   .adv-search-images {
font-size:.8em; 

 }
 
    .adv-search-images div {
	background-color: #ffffff;
    float: left;
    padding: 15px;
    text-align: center;
    width: 45%;
    margin-right: 10px;
    margin-bottom: 20px;
	}
  .adv-search-images div img {
	  width: 100%;
	  float: left;
	  
  }
@media (min-width: 968px)  {
	 .adv-search{
 margin:0 1em .5em 0; width: 70%; background-color:#eff1e6; font-size:.8em; padding: 2em;
 }
	   .adv-search-images {
width: 20%;
 float: left;
 }
  .adv-search-images div {
	background-color: #ffffff;
    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 20px;
	}

	.sidebar {
width: 16em;
  float: left;
}
	
	#left-col-search {
max-width: 20%!important; float: left; border: 0px solid gray;
}

#sort-results {
	
}


#right-col-search {
float: left; margin-left: 40px; margin-top: 20px; border: 0px solid gray;
width:70%;

}

.results-info  {
float: left;
margin-top: 10px;	
}

#results-list  {
	
}
	
}

/* styles to make results list tables coloured according to category */

td.query_noline {
  padding: 5px!important;
}
td.query_borderbottom {
	padding: 5px!important;
  padding-bottom: 10px!important;
}


.screenings caption {
background-color: #bfe9da;	
}
.screenings {
border: 1px solid #bfe9da;

}
.screenings td.query_borderbottom  {
border-bottom: 1px solid #bfe9da;
}

.venue caption {
background-color: #3B977A;	
}
.venue {
border: 1px solid #3B977A;

}
.venue td.query_borderbottom  {
border-bottom: 1px solid #3B977A;
}

.film caption {
background-color: #e8f67e;	
}
.film {
border: 1px solid #e8f67e;

}
.film td.query_borderbottom  {
border-bottom: 1px solid #e8f67e;
}


.company caption {
background-color: #7ab466;	
}
.company {
border: 1px solid #7ab466;

}
.company td.query_borderbottom  {
border-bottom: 1px solid #7ab466;
}



table.browse {

}

table.browse tr:first-child td {
  padding-top: 1em;
}





.huni-widget .message {
line-height: 22px!important;
}


.home-right input#keyword {
  width: 60%;
}

.home-right {
	width: 97%;
	background: #229977;
	float:left;
	margin-left:0;  margin-top: 10px; padding:10px 15px;
	color: #ffffff; 
}
.home-left {
	width: 100%;
	float:left;
	margin-left:0;  margin-top: 10px; padding:10px 15px;
}
.panel {
width: 43%;
    margin: 0px 20px 20px 0px;
}
.panel img {
  width: 100%;
}


@media (min-width: 1040px)  {
	
.panel {
  width:43%;
  margin:20px 24px 20px 0;
}	
}

@media (min-width: 1040px)  {
	
	
.home-right {
	width: 45%;
	background: #229977;
	float:left;
	margin-left:30px;  margin-top: 10px; padding:10px 15px;
	color: #ffffff; 
}	

.home-left {
	width: 45%;
	float:left;
	margin-left:0;  margin-top: 10px; padding:10px 15px;
}


.panel {
  width:20%;
  margin:20px 20px 20px 0;
}
	
}