﻿div#right-container {
  float: right;
  width: 216px;
  margin-top: 18px;  
}

div#left-container {
  width: 672px;
  margin-top: 18px;
}

.entryLevel {
  background-color: #DAEE95;
  margin-top: 5px;
  width: 648px;
  padding:3px;
}

#requirements table {
  width: 654px;
}

td.entryQualification {
  width: 199px; 
  line-height: 14px;
}
td.entryTypicalOffer { 
  width: 76px; 
  text-align: center;
  margin-right:12px;
}

td.entryDescription { width: 439px; }
.entryDescription p {margin-left: 8px;}

div.studysuppinfo {
  background-color: #DAEE95;
  width: 615px;
}

.studysuppinfo {
  background:none repeat scroll 0 0 #C9E74F;
  border:2px solid #709928;
  color:#3E5B0B;
  width:auto;
}

.studysuppinfo {
  -moz-border-radius:12px 12px 12px 12px;
  margin:2em 0;
  padding:8px;
}

div#studentProfiles {
  width: 444px;
  background: url(/study/international/images/profile-bg.gif) bottom no-repeat;
  height: 195px;
  float: left;
  margin: -2px 0 30px 12px;
}
div#studentProfiles h2, #studyingHere h2 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
div#studentNumbers {
  float: left;
  width: 216px; 
  margin-bottom:18px;
}

div#studentNumbers th {
  text-align: left;
  padding: 4px 4px 4px 0;
}

div#studentNumbers td {
  text-align: right;
  padding: 4px;
}

.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 400px;
  height: 140px;
  margin-left: 6px;
  /* this makes it possible to add next button beside scrollable */
  float:left;	
}

.scrollable .items {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
  clear: both;
}

#countryReps li a, #countryReps li a:hover {
  color: #709928 !important;
  background-color: transparent !important;
}


/* single scrollable item */
div.studentProfile {
  float: left;
  margin: 6px;
  width: 122px;
  height: 140px;
  overflow: hidden;
}

/* active item */
.scrollable .active {
  z-index: 9999;
  position: relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
  float:left;	
}

div#studentProfiles div.scrollcontrol {
  float: left;
}

div#studentProfiles div.scrollcontrol a {
  text-indent: 99999px;
  overflow: hidden;
  visibility: hidden;
}

/* prev, next, prevPage and nextPage buttons */
div#studentProfiles a.browse {
  display: block;
  cursor: pointer;
  border: 0 !important;
  text-decoration: none !important;
  height: 19px;
  width: 15px;
}

/* right */
a.nextControl { 
  background: url(/study/international/images/profile-right-arrow.png) no-repeat;
  margin: 64px 0 0 8px;
}

/* left */
a.previousControl	{
  background: url(/study/international/images/profile-left-arrow.png) no-repeat;
  margin: 64px 0 0 0;
} 

/* disabled navigational button */
a.disabled {
  visibility:hidden !important;		
} 

div.studentProfile h5 {
   font-size: 14px;
   line-height: 14px;
   margin: 4px 0 0 0;
}

div.studentProfile h5 a, div.studentProfile h5 a:hover { 
   color: #A0A0A0;
   background-color: transparent; 
}

div.studentProfile a:hover, a#managerPhoto:hover{
   background-color: transparent; 
}



div.studentProfile p {
  font-size:10px;
  line-height:14px;
  padding-top:4px;
} 

div.studentProfile p a, div.studentProfile p a:hover { 
   color: #4F5560;
   background-color: transparent; 
}

#studyingHere {
   width: 208px;
   float:left;
   padding-right: 8px;
   margin-top: -2px
}

#studyingHere.wideFormat {
   width: 672px;
}

div#tabs {
  clear: left;
}

div#tabs p {
  width: auto;
}

.ui-tabs-nav li a:hover {
  color: #404040 !important;
  background-color: transparent !important;
}

  
div#manager {
  margin-bottom: 20px;
}

div#visits li {
   list-style: disc;
   margin-left: 15px;
   line-height: 14px;
}

div#countryReps {
  margin-bottom: 20px;
}

/* single scrollable item */
div#countryReps li {
  height: 15px;
  line-height: normal;
  background-color: #DAEE95;
  margin: 0 0 2px; 0;
  padding: 5px;
}

div#countryReps li a {
  height: 15px;
  width: 216px;
  display: block;
}

.verticalScrollable {
  /* required settings */
  position:relative;
  width: 216px;
  height: 100%;
}

/* active item */
.verticalScrollable .active {
  z-index: 9999;
  position: relative;
}

div#countryReps div.scrollcontrol {
  width: 216px;
  display: none;
}

div#countryReps div.scrollcontrol a {
  text-indent: 99999px;
  overflow: hidden;
}

/* prev, next, prevPage and nextPage buttons */
div#countryReps a.browse {
  display: block;
  cursor: pointer;
  border: 0 !important;
  text-decoration: none !important;
  height: 15px;
  width: 216px;
}

/* up */
a.up { 
  background: url(/study/international/images/reps-up-arrow.png) no-repeat;
  margin: 0 0 2px 0px;
}


/* down */
a.down	{
  background: url(/study/international/images/reps-down-arrow.png) no-repeat;
  margin: 2px 0 0 0px;
} 


/*AGENT POPUP */
div.countryRepOverlay { 
/* must be initially hidden */
  display: none;
/* place overlay on top of other elements */ 
  z-index: 10000;
  background-color: #202020;
  padding: 7px; /* 1px border of child element adds the correct Vis ID spacing */
  width: 428px;
/* CSS3 styling for latest browsers */ 
  -moz-box-shadow:0 0 90px 5px #000; 
  -webkit-box-shadow: 0 0 90px #000;
  color: #fff !important;    
}
 
/* close button positioned on upper right corner */ 
div.countryRepOverlay .close {
  background-image: url(/common/images/style/overlayclose.png); 
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  height: 35px; 
  width: 35px;
}

a.close:hover {background-color: transparent !important; }
  
.countryRepOverlay h2 {margin-top: 0px;}
.countryRepOverlay h3, .countryRepOverlay h4 {
  color: #DAEE95 !important;
  background-color: transparent;
}
.overlayContentWrap p {padding-bottom: 0px;}
div.overlayContentWrap div {border: solid 1px #202020;}

.agentImage {
  float: right;
  margin-left: 28px;
}

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

/* STYLE THE NON-JS PAGE */
div.nonJScountryRepPage div {
  border-bottom: 1px solid #CCCCCC;
}

div.nonJScountryRepPage div.agentImage {
  border: none;
}

/* COURSE SEARCH */
#courseSearch {
  background:url(/study/international/images/course-search-bg.png) no-repeat;
  color:#FFF;
  float:right;
  height:96px;
  width:200px;
  padding:8px;
  margin-bottom:20px;
}

#courseSearch form {
  background:url(/study/international/images/course-search-box-bg.png) no-repeat;
}

#courseSearch #courseSearchTerms {
  background-color:transparent;
  border:none; 
  color:#FFF !important;
  float:left;
  margin-left:10px;
  margin-top:5px;
  width:155px;
}

#courseSearch label {
  font-weight:bold;
  margin-left:6px;
  text-shadow:1px 1px #7F7F7F;
}

#courseSearch div {
  padding-top:12px;
  margin-left: 8px;
}

div#right-container div.studysuppinfo {
  width: 216px;
}

#pageheader {
  margin: -35px -30px 0 -30px;
  padding-bottom: 16px;
}

#pageheader h4 {
  float: right;
  padding: 4px;
  background-color: #907FEA;
}

#pageheader h4 a, #pageheader h4 a:hover {
  color: #FFF !important;
}

div #countryMap {
  float: left;
  width: 246px;
  height: 162px;
}

#overview {
  background-color: #DAEE95;
  margin-left: 246px;
  padding: 0;
  height: 162px;
  width: 714px;
  overflow: hidden;
}

#overview p {
  height: 95px;
  margin:  0 12px 12px 12px;
  line-height: 19px;
  padding: 0;
  overflow: hidden;
}

#overview h1 {
  color: #709928;
  height: auto;
  width: auto;
  padding:0;
  margin: 9px 0 0 12px !important;
  background-color: transparent !important;
}

#overview h4 {
  padding: 4px !important;
  margin-top: 0;
  width: 208px;
  font-weight: normal;
} 
  
#overview h4 a:hover {
  background-color: transparent !important;
  color: #ffffff;
  text-decoration: underline;
}
  
a.button.violet {margin-right: 25px;}

.extLinks { margin-top:18px !important; }  

#clearinginternal, .clearinginternal {clear:both }

#keyFacts ul {
   list-style:circle outside none !important;
}

#keyFacts ul li, #keyFacts ol li, #englishRequirements ul li {
   line-height:20px !important;
   margin-left:24px !important;
}
.capitalise, .capitalize {text-transform:capitalize;}

#allCountryVisits {
  margin-top: 12px;
}
  
#englishRequirements {
  width: 654px !important; 
} 
  
#englishRequirements h3, #englishRequirements p {
  margin: 8px; 
} 
  
#englishRequirements ul {
  list-style:disc outside none !important;
} 