﻿body 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px; /* updated for RTL */
  background-color: #FFFFFF;
  color: #464646;
  margin: 0;
  padding: 0;
  background-image: url("/isc/heriotwatt/Images_Foundation/bkground_body.gif");
  background-repeat: repeat-x;
  /* text-align:right; */ /* Boxes display incorrectly in IE so take out*/
}

h1 
{ 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #003399;
  background-color: inherit;
  margin-top: 0px;
  margin-bottom: 0px;
 direction: rtl; /* updated for RTL */
  text-align:right; /* updated for RTL */
}

h2 
{ 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #0066CC;
  background-color: inherit;
  margin-top: 0px;
  margin-bottom: 0px;
 direction: rtl; /* updated for RTL */
  text-align:right; /* updated for RTL */
}

h3 
{ 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #666666;
  background-color: inherit;
  margin-top: 0px;
  margin-bottom: 0px;
 direction: rtl; /* updated for RTL */
  text-align:right; /* updated for RTL */
}

h4 
{ 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: inherit;
  margin-top: 0px;
  margin-bottom: 0px;
 direction: rtl; /* updated for RTL */
  text-align:right; /* updated for RTL */
}

p 
{
  margin-top: 0px;
  margin-bottom: 8px;
 direction: rtl; /* updated for RTL */
  text-align:right; /* updated for RTL */
}

#middle-column ul {
    padding:0 20px 0 0;
    direction:rtl;
    }

#middle-column li {
    /* list-style: circle inside; */
    list-style: inside; /* updated for RTL */
    direction: rtl; /* updated for RTL */
    text-align: right; /* updated for RTL */
    list-style-type: inherit; /* updated for RTL */
}

/* added for ltr content in rtl variant */
#middle-column li.ltr
{
    direction: ltr;
    text-align: left;
}
/* End added for ltr content in rtl variant */

#background 
{
  position: absolute;
  border: solid 0px;
  top: 136px;
  left: 775px;
  background-image: url("/isc/heriotwatt/Images_Foundation/bkground02.gif");
  background-repeat: no-repeat;
  z-index: 0;
  width: 188px;
  height: 168px;
}

#container-mainnav 
{
  left:0;
  margin: 0;
  padding: 0;
  top: 96px;
  position: absolute;
  width: 100%;
  background-image: url("/isc/heriotwatt/Images_Foundation/bkground_mainnav.gif");
  background-repeat: repeat-y;
  height: 38px;
}

#container-header 
{
  background-image:url('http://images.hw.ac.uk/container_header_bkground.png');
  left:200px;
  margin:0pt;
  padding-bottom:6px;
  position:absolute;
  top:96px;
  width:576px;
  height: 32px;
}

#container-header .image 
{
  margin: 8px; 
  border: 0px;
}

#container-header h1 
{
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #f7f8f9;
  background-color: inherit;
  margin-top: 15px;
  margin-left: 28px;
}

#container-sidenav 
{
  margin-top: 136px;
  width: 100%;
  float: left;
  margin-right: -203px;
}
#content-expand { 
  margin-left: 200px; 
  margin-top: 0;
  margin-bottom: 4px; 
  background-color: inherit;
  color: inherit;
}

#content 
{ 
  margin-left: 200px; 
  width: 576px; 
  margin-top: 0; 
  background-color: inherit;
  color: inherit;
}

#content-margin 
{ 
  padding: 8px 28px 8px 28px;
  /* text-align: justify; */
}

.form-corp-border 
{
  border-left: 6px solid #ff9900;
  margin: 0px 0px 0px 8px;
  padding: 0px 0px 0px 1px;
  white-space: nowrap;
}

#main-nav ul 
{
  border: 0px solid;
  list-style: none;
  margin: 0 0 0 8px;
  padding: 8px 0 0 0;
  vertical-align: bottom;
  width: 192px;
}

#main-nav 
{
  border: 0px solid;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: inherit;
  color: #FFFFFF;
  text-align: left;
  width: 192px;
}

#main-nav li 
{
  border-bottom:  1px  solid #80a4d7;
  margin: 0;  
}

#main-nav li.first 
{
  border-top: 1px solid #80A4D7;
  border-bottom: 1px solid #80A4D7; 
}
    
#main-nav li a 
{
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  background-color: inherit;
  padding: 4px 4px 4px 4px;
  width: 100%;  
}

#main-nav li a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #FFFFFF;
}

#main-nav li a:active 
{
  text-decoration: none;
  background-color: inherit;
  color: #FFFFFF;
}

#main-nav li a:hover 
{
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #337ECF;
  width: 192px;
}

.topnav3 
{
  background-image: url("/isc/heriotwatt/Images_Foundation/bkground_topnav2.gif");
  background-repeat: no-repeat;
  background-color: #e7eaef;
  height: 19px;
  width: 568px;
  margin-left: 8px;
  margin-bottom: 8px;
}

.topnav3-links 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: inherit;
  /* white-space: nowrap; */ /* SG update */  
  padding-left: 8px;
}

.topnav3-links a
{
    padding: 0 2px 0px 5px; /* SG update */
}

.topnav3-links a:link 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
}

.topnav3-links a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
}

.topnav3-links a:active 
{
  text-decoration: underline;
  background-color: inherit;
  color: #666666;
}

.topnav3-links a:hover 
{
  color: #003399;
  background-color: inherit;
}

.topnav3-links ul 
{
  float: left;
  margin: 2px 0 0 20px; /* SG update */
  /* margin-left: 6px; */ /* SG update */
  padding: 0;
} 

.topnav3-links li 
{
  margin: 0px;
  /* padding: 2px 2px 0px 10px; */ /* SG update */
  padding: 0; /* SG update */  
   display: inline;
  height: 19px;
  /* background-image: url("/isc/heriotwatt/Images_Foundation/breadcrumb.gif"); */
  border-left: solid 1px #666666; /* Study Group adapted for language picker */
  background-repeat: no-repeat;
}

.topnav3-links li.first /* SG update */
{
    border-left: none;
}

.template-image 
{
  margin-left: 8px;
  background-color: #e7eaef;
  background-image: url("/isc/heriotwatt/Images_Foundation/bkground_image.gif");
}

.opening-text 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #0066CC;
  background-color: inherit;
}

.logo 
{
  display: block;
  position: relative;
  border: 0;
  padding: 8px 0 0 15px;
  margin: 0;
  text-align: center;
  clear: left;
}

#leftnav li.on
 {
  border-left: 4px solid #ff9b05;
  background-color: #ffc163;
}

#leftnav-sub 
{
  background-color: #ffdc88;
  padding: 0px;
  margin-left: 0px;
  padding-bottom: 2px;
}

#leftnav-sub ul 
{
  list-style-type:none;
  background-color: #ffdc88;
  border-top: 1px solid #ffffff;
}

#leftnav-sub li 
{
  margin:0pt;
  overflow:hidden;
  background-color: #ffdc88;
  border-bottom: 1px solid #ffffff;
  border-top: none;
  padding: 0px 0px 0px 0px;
}

#leftnav-sub li a 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
  width: 158px;
  overflow: hidden;
  padding: 0px;
  padding: 2px 20px 2px 0px;
}

#leftnav-sub li.on 
{
  background-color: #ffc163;
  border-left: none;
}

#leftnav-sub li a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
  overflow: hidden;
}

#leftnav-sub li a:active 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
  overflow: hidden;   
}

#leftnav-sub li a:hover 
{
  color: #003399;
  text-decoration: none;
  background-color: #DCDFE3;
  width: 158px;
  padding: 2px 20px 2px 0px;
}

#leftnav-sub2 
{
  background-color: #ffdc88;
  margin-top: 0px;
}

#leftnav-sub2 ul 
{
  list-style-type:none;
  background-color: #ffdc88;
  border-top: none;
  margin-left: 0px;
}

#leftnav-sub2 ul li 
{
  background-color: #ffdc88;
  border-bottom: none;
  border-top: 1px solid #ffffff;
  background-image: url("/isc/heriotwatt/Images_Foundation/button_arrow_off.gif");
  background-position: 0px 3px;
  background-repeat: no-repeat;
  padding-left: 16px;
}

#leftnav-sub2 ul li.on 
{
  background-color: #ffc163;
  background-image: url("/isc/heriotwatt/Images_Foundation/button_arrow_on.gif");
  border-left: none;
}

#leftnav-sub2 ul li a 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
  width: 164px;
  padding: 2px 0px 2px 0px;
}

#leftnav-sub2 ul li a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;
}

#leftnav-sub2 ul li a:active 
{
  text-decoration: none;
  background-color: inherit;
  color: #666666;   
}

#leftnav-sub2 ul li a:hover 
{
  color: #003399;
  text-decoration: none;
  background-color: #DCDFE3;
  width: 164px;
  padding: 2px 0px 2px 0px;
}

#leftnav-sub-bkground 
{
  background-image: url("/isc/heriotwatt/Images_Foundation/leftnav_sub_bkground_corp.gif");
  background-color: #ffffff;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 16px;
}

.mainheading
 {
  background-image:url("/isc/heriotwatt/Images_Foundation/bkground_category_rtl.gif");
  background-repeat: no-repeat;
  /* border-left:5px solid #ff9900; */
  border-right:5px solid #ff9900;  /* updated for RTL */
  margin-top:10px;
  margin-bottom:5px;
  padding:3px 3px 3px 5px;
  vertical-align: top;
  background-position: right center;
}

#welcome-text 
{
  width:530px;
  font-size: 11px;
}

.image-left 
{
  float: left; 
  padding: 2px;
  padding-bottom: 0px; 
  margin:2px;
  margin-left: 0px;
  margin-right: 10px;
  border: 1px solid #b5bfc8;
  clear: both;
}

.image-left-caption
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background: #f5f6f8;
  padding: 2px;
  margin-top: 0px;
  margin-bottom: 2px;
  vertical-align: middle;
  display: block;
  text-align: center;
}

.image-right 
{
  float: left; 
  padding: 2px;
  padding-bottom: 0px; 
  margin:2px;
  margin-left: 0px;
  margin-right: 10px;
  border: 1px solid #b5bfc8;
  clear: both;
}

.image-right-caption
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background: #f5f6f8;
  padding: 2px;
  margin-top: 0px;
  margin-bottom: 2px;
  vertical-align: middle;
  display: block;
  text-align: center;
}

.blank2
{
  height: 130px;
  background-color: #e7eaef;
  background-image: url("/isc/heriotwatt/Images_Foundation/bkground_image.gif");
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
  border-right: 1px solid #b5bfc8;
  width: 200px;
}

.blank
{
  height: 130px;
  margin: 0 0 32px 8px;
  padding: 0;
  width: 192px;
  overflow: hidden;
  background-image: url("/isc/heriotwatt/Images_Foundation/bkground03.gif");
  background-repeat: no-repeat;
}

.category 
{
  width: 257px;
  float: left;
  margin-top: 8px;
}

.category-home 
{
  width: 100%;
  border-left: 5px solid #B5BFC8;
  background-image: url("/isc/heriotwatt/Images_Foundation/bkground_category01.gif");
  background-repeat: repeat-y;
  text-align: left;
  padding: 3px;
  padding-right: 0px;
}

.category-text 
{
  width: 100%;
  border-left: 1px solid #b5bfc8;
  height: 90px;
}

.category-text img
{
  float: left;
  margin: 8px;
  border: 1px solid #b5bfc8;
}

.category-text a:link 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

.category-text a:visited 
{
  text-decoration: none;
  background-color: inherit;
  color: #003399;
}

.category-text a:active 
{
  text-decoration: underline;
  background-color: inherit;
  color: #0066cc;
}

.category-text a:hover 
{
  color: #003399;
  background-color: inherit;
  text-decoration: underline;
}

.container-promotion 
{
  border: 0px solid;
  float: left;
  width: 257px;
  margin-left: 0px;
  padding-right: 8px;
}

/* Additions made by Study Group */
/* styles taken from ug-template-macs.css  */

.container-list2-ug 
{
margin:0px 5px 10px 0px;
width:100%;
}

.list2-ug 
{
background-color:inherit;
border-bottom:1px solid #B5BFC8;
color:#666666;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:14px; /* updated for RTL */
padding:3px;
direction: rtl; /* updated for RTL */
text-align: right; /* updated for RTL */
}

.list2-ug a:link 
{
background-color:inherit;
color:#003399;
text-decoration:none;
}

.list2-ug a:visited 
{
background-color:inherit;
color:#003399;
text-decoration:none;
}

.list2-ug a:active 
{
background-color:inherit;
color:#0066CC;
text-decoration:underline;
}

.list2-ug a:hover 
{
background-color:inherit;
color:#003399;
text-decoration:underline;
}

.list2-ug img 
{
float:left;
margin-right:3px;
}

.list2-ug-icon 
{
float:left;
margin:3px 3px 0px 0px;
}

.quote-img 
{
float:left;
margin-bottom:4px;
margin-right:4px;
}

/* End styles taken from ug-template-macs.css  */

/* These styles are inline on University's web pages for FAQs. */
#expand {
    font-size: 11px;
    background-color: #FAFAFA;
    text-align: right;
    padding: 2px;
    margin-bottom: 8px;
}
.mainheading-pointer-corp {
    background-image: url("/isc/heriotwatt/Images_Foundation/bkground_category_rtl.gif");
    background-repeat: no-repeat;
    vertical-align: top;
    margin-top: 3px;
    margin-bottom: 0px;
    padding: 3px 3px 3px 5px;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #ff9900;
    cursor:hand;
    cursor:pointer;
}

/* Study Group GCS and BRS forms */

/* Form table styles */

#aspnetForm table
{
    border: none;
    direction: rtl; /* updated for RTL */
}

#aspnetForm table tbody tr td
{
   border: none; 
}

#aspnetForm table tbody .tdreq
{
    color: Red;
}

/* GCS preferred route styles for imbedded table */
#aspnetForm label
 {
    color: #464646;
    display: inline;
    margin: 0pc 0pc 0pc 5px;
    font-size: 100%;
    font-family:Arial,Helvetica,sans-serif;
  }
  
#aspnetForm input,  #aspnetForm select,  #aspnetForm textarea
  {
    font-size: 100%;
  }

/* End GCS preferred route styles for imbedded table*/

/* Fields marked are compulsory label*/
#ucGCS_lblCompulsory, #ucBRS_lblCompulsory
{
    font-size: 100%; 
}

/* GCS and  BRS form field styles */
/* Commented out as over-written by university styles in main.css*/
/*
#ucGCS_tblContactForm input, #ucGCS_tblContactForm select, #ucGCS_tblContactForm textarea
{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 100%;
}
*/

/*
#ucGCS_tblContactForm select
{ 
width: 62%; 
}
*/

#ucBRS_tblOrderForm input, #ucBRS_tblOrderForm select, #ucBRS_tblOrderForm textarea
{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 100%;
}

#ucBRS_tblOrderForm select
{ 
width: 62%; 
}

#aspnetForm table tbody .button
{
    font-size: 110%;
}

/* Note: this style also exists on the BRS and GCS .NET component */
#ucBRS_tblOrderForm .redtext
{
    font-size: 120%;
    color: Red;
    font-weight: normal;
}

/* Adobe paragraph on brochure page*/
p.adobe
{
    padding: 0px;
}

img.adobe
{
    float: left;
    width: 88px;
    height: 31px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
/* End Adobe paragraph on brochure page*/
/* End Study Group GCS and BRS forms */

/* FLA */

table #flaQuestions /* added for RTL */
{
    margin: 0 0 0 0;
    width: 670px;
}

#flaQuestions textarea
{
    width: 300px;
    margin: 0px 0px 0px 0px; /* updated for RTL */
    /* border: solid 1px red; */ /* test */
}

#fla_lblQuestionsCount
{
    margin: 0px 0px 0px 0px; /* updated for RTL */
    /* border: solid 1px green; */ /* test */
}

#flaDetails .required
{
    color: Red;
}

#flaQuestions .required
{
    color: Red;
}

/* End FLA */

/* GCS form */
#tblenquiry
{
    width: 51em; 
}
table .tblchklist
{
    border: 0; 
    margin: 0 0 0 -10px; 
    padding: 0;   
}
table td.tdchklist
{
    margin: 0; 
    padding: 0 0 0 8px; 
}
table .tblchklist td
{
    border: 0;
    padding: 0;
}
/* End GCS form */


/* End additions made by Study Group */
