﻿/* Content stylesheet */

/* class for error message on forms */
.redtext
{
    color: #933;
    font-weight: bold;
}

/* NEW INDEX IMAGE STYLES */
.index_background {
    position: relative;
     float: left;
}
.index_text {
    position: absolute;
    /* top: 10px; */
    top: 20px;
    /* right: 10px; */
    right: 22px;
    width: 180px;    
    text-align: right;
}
.index_text h2 {
    font-weight: bold;    
    color: #FFFFFF;
    font-size: 1em;
    padding: 0 5px 10px 0;
    margin: 0;
}
.index_text p 
{
    color: #FFFFFF;
    font-size: 0.8em;
    padding: 0 5px 0 0 ;
    margin: 0;
}
/* END NEW INDEX IMAGE STYLES */

/* Background images used in content for first level navigation items */
/* English variant */
#background_ENG_aboutus
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-aboutusindex.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
 }

#background_ENG_location 
{
 width: 950px;
 min-height: 390px; /* cannot set to auto here as map is chopped off*/
 float: left;
 /* background-image: url("/css_images/bg-locationindex.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_ENG_admission 
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-admissionindex.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_ENG_courses 
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-coursesindex.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_ENG_results
{
 width: 950px;
 min-height: 390px; 
 float: left;
/*  background-image: url("/css_images/bg-results.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_ENG_studyuk
{
 width: 950px;
 min-height:390px;
 float: left;
 /* background-image: url("/css_images/bg-studyingintheukindex.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}
/* End of English variant */

/* Russian variant */
#background_RUS_aboutus
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-aboutusindex-russian.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
 }

#background_RUS_location 
{
 width: 950px;
 min-height: 390px; /* cannot set to auto here as map is chopped off*/
 float: left;
 /* background-image: url("/css_images/bg-locationindex-russian.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_RUS_admission 
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-admissionindex-russian.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_RUS_courses 
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-coursesindex-russian.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_RUS_results
{
 width: 950px;
 min-height: 390px; 
 float: left;
 /* background-image: url("/css_images/bg-resultsidex-russian.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_RUS_studyuk
{
 width: 950px;
 min-height:390px;
 float: left;
 /* background-image: url("/css_images/bg-studyukindex-russian.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}
/* End of Russian variant */

/* Chinese Traditional variant */
#background_CHT_aboutus
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-aboutusindex-tchinese.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
 }

#background_CHT_location 
{
 width: 950px;
 min-height: 390px; /* cannot set to auto here as map is chopped off*/
 float: left;
/*  background-image: url("/css_images/bg-locationindex-tchinese.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_CHT_admission 
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-admissionindex-tchinese.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_CHT_courses 
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-coursesindex-tchinese.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_CHT_results
{
 width: 950px;
 min-height: 390px; 
 float: left;
/*  background-image: url("/css_images/bg-resultsidex-tchinese.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_CHT_studyuk
{
 width: 950px;
 min-height:390px;
 float: left;
/*  background-image: url("/css_images/bg-studyukindex-tchinese.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}
/* End of Chinese Traditional variant */

/* Chinese Simplified variant */
#background_CHS_aboutus
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
 }

#background_CHS_location 
{
 width: 950px;
 min-height: 390px; /* cannot set to auto here as map is chopped off*/
 float: left;
 /* background-image: url("");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_CHS_admission 
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_CHS_courses 
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_CHS_results
{
 width: 950px;
 min-height: 390px; 
 float: left;
 /* background-image: url("");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_CHS_studyuk
{
 width: 950px;
 min-height:390px;
 float: left;
 /* background-image: url("");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}
/* End of Chinese Simplified variant */

/* Turkish variant */
#background_TRK_aboutus
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-aboutusindex-turkish.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
 }

#background_TRK_location 
{
 width: 950px;
 min-height: 390px; /* cannot set to auto here as map is chopped off*/
 float: left;
 /* background-image: url("/css_images/bg-locationindex-turkish.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_TRK_admission 
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-admissionindex-turkish.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_TRK_courses 
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-coursesindex-turkish.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_TRK_results
{
 width: 950px;
 min-height: 390px; 
 float: left;
 /* background-image: url("/css_images/bg-resultsidex-turkish.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_TRK_studyuk
{
 width: 950px;
 min-height:390px;
 float: left;
 /* background-image: url("/css_images/bg-studyukindex-turkish.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}
/* End of Turkish variant */

/* German variant */
#background_DEU_aboutus
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("/css_images/bg-aboutusindex-german.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
 }

#background_DEU_location 
{
 width: 950px;
 min-height: 390px; /* cannot set to auto here as map is chopped off*/
 float: left;
 /* background-image: url("/css_images/bg-locationindex-german.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_DEU_admission 
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_DEU_courses 
{
 width: 950px;
 min-height: 390px;
 float: left;
 /* background-image: url("");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_DEU_results
{
 width: 950px;
 min-height: 390px; 
 float: left;
/*  background-image: url("");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}

#background_DEU_studyuk
{
 width: 950px;
 min-height:390px;
 float: left;
 /* background-image: url("");
 background-position: 0px 0px;
 background-repeat:  no-repeat; */
 margin: 0;
 padding:0;
}
/* End of German variant */



/* End of Background images used in content for first level navigation items */

/* Content for first level navigation items */

#firstlevelcontent_1
{
 height: auto;
 padding: 0; 
 position:relative; 
 margin-top:15px;
 margin-bottom: 10px;
 float: right;
 margin-left:8px;
 /* width: 615px
 clear: left; */
}

#firstlevelcontent_1 ul
{
 list-style: none;
 text-align: left; 
}

#firstlevelcontent_1 ul li
{
 margin-bottom: 10px;
 position:relative;
}

#firstlevelcontent_1 .quicklinks
{
 padding:0px;
 margin:0px;
 text-align: center;
}

#firstlevelcontent_1 .quicklinks img
{
 border:1px solid #DEDEDE;
}

#firstlevelcontent_1 ul li .header
{
 font-size: .8em;
 padding: 8px 6px 3px 6px;
 text-align: left;
 font-weight: 600;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

#firstlevelcontent_1 ul li .header a 
{
 text-decoration: underline;
 color: #003366;
}

#firstlevelcontent_1 ul li .header a:hover, #firstlevelcontent_1 ul li .header a:focus
{
 text-decoration: none;
}

#firstlevelcontent_1 ul li p
{
 font-size: .7em;
 padding:3px 6px 3px 6px;
}

/* Create copies of #firstlevelcontent so that divs remain unique */
/* Copy 2 */

#firstlevelcontent_2
{
 height: auto;
 padding: 0; 
 position:relative; 
 margin-top:15px;
 margin-bottom: 10px;
 float: right;
 margin-left:8px;
 /* width: 615px
 clear: left; */
}

#firstlevelcontent_2 ul
{
 list-style: none;
 text-align: left; 
}

#firstlevelcontent_2 ul li
{
 margin-bottom: 10px;
 position:relative;
}

#firstlevelcontent_2 .quicklinks
{
 padding:0px;
margin:0px;
text-align: center;
}

#firstlevelcontent_2 .quicklinks img
{
 border:1px solid #DEDEDE;
}

#firstlevelcontent_2 ul li .header
{
 font-size: .8em;
 padding: 8px 6px 3px 6px;
 text-align: left;
 font-weight: 600;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

#firstlevelcontent_2 ul li .header a 
{
 text-decoration: underline;
 color: #003366;
}

#firstlevelcontent_2 ul li .header a:hover, #firstlevelcontent_2 ul li .header a:focus
{
 text-decoration: none;
}

#firstlevelcontent_2 ul li p
{
 font-size: .7em;
 padding:3px 6px 3px 6px;
}

/* Copy 3*/
#firstlevelcontent_3
{
 height: auto;
 padding: 0; 
 position:relative; 
 margin-top:15px;
 margin-bottom: 10px;
 float: right;
 margin-left:8px;
 /* width: 615px
 clear: left; */
}

#firstlevelcontent_3 ul
{
 list-style: none;
 text-align: left; 
}

#firstlevelcontent_3 ul li
{
 margin-bottom: 10px;
 position:relative;
}

#firstlevelcontent_3 .quicklinks
{
 padding:0px;
 margin:0px;
 text-align: center;
}

#firstlevelcontent_3 .quicklinks img
{
 border:1px solid #DEDEDE;
}

#firstlevelcontent_3 ul li .header
{
 font-size: .8em;
 padding: 8px 6px 3px 6px;
 text-align: left;
 font-weight: 600;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

#firstlevelcontent_3 ul li .header a 
{
 text-decoration: underline;
 color: #003366;
}

#firstlevelcontent_3 ul li .header a:hover, #firstlevelcontent_3 ul li .header a:focus
{
 text-decoration: none;
}

#firstlevelcontent_3 ul li p
{
 font-size: .7em;
 padding:3px 6px 3px 6px;
}

/* End copies of #firstlevelcontent */

/* ALTERNATIVE 3 - STYLES FOR NEWSLETTER SIGN UP BUTTON. USE THIS STYLE. */

#signupbutton 
{
clear: both;
width:187px;
font-size: .7em;
font-weight: bold;
float: left;
margin: 10px 0px 0px 0px;
}

#signupbutton a
{
 background-image: url("/css_images/signupbutton.gif");
 background-position: 0px 0px;
 background-repeat: no-repeat;
 text-decoration: none;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #545454;
 padding: 5px 2px 10px 15px;
 display: block;
}

#signupbutton a:focus, #signupbutton a:hover 
{
 color: #103054;
background-position: 0px -32px;
}
/* END ALTERNATIVE 3 */

/* Form styles */
#form table #gcs_rdoContactMode
{
 border: 0; margin: 0; padding: 0;
 background-color: #E2E6EA;
}

#form table #gcs_rdoContactMode td
{ border: 0; margin: 0; padding: 0; }

#form table.gestable
{
 margin: 5px 0 5px 0; padding:0;
}

#form .inputstyle 
{
 font-size:1em;
 color: #545454;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#form .selectstyle
 {
 font-size:1em;
 color: #545454;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#form tbody td 
{
 line-height: 180%;
 color:#103054;
 padding:2px 10px;  
}

#form .submitstyle, #feesform .submitstyle
{
 border-bottom:1px solid #A7B5C1;
 border-right:1px solid #A7B5C1;
 border-top:1px solid #fff;
 border-left:1px solid #fff;
 background-color: #3E5976;
 color: #fff; 
 font-size:1.05em;
}

#form .formfirstrol 
{
 background-color: #E2E6EA;
 border-top: none; 
}

#form .formsecondrol 
{
 background-color: #C5CDD6;
 border-top: none;
}

#form #tblenquiry
{
    width: 54em;
}
#form .tblchklist
{
    margin: 0 0 0 -2px; 
    background-color: #E2E6EA;
    border: 0;
    padding: 0;   
}
#form .tblchklist td
{
    margin: 0; 
    padding: 0; 
    border: 0;  
}
#form #tblenquiry .firstrol
{
   width: 35em;  
}
#form td.tdchklist p
{
    margin: 0 0 2px 0;
    padding: 0;
}
/** End form styles **/

.widebg 
{
 background-image: url("/css_images/titlebg-big.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat;
 /* height: 133px; */ /* content in firefox getting hidden due to height restriction */
 width: 289px;
 padding:0px 5px 5px 5px;
}

.narrowbg 
 {
 background-image: url("/css_images/titlebg.gif");
 background-position: 0px 0px;
 background-repeat:  no-repeat;
 height: 105px;
 width: 192px;
 padding:0px 3px 0px 2px;
}

/* Optional right sidebox for second level navigation items */
#sidebox
{
 width: 173px;
 float: right;
 margin: 0px;
 padding: 0px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

 #sidebox table
{
 width: 173px; 
 margin: 0px;
 padding: 0px;
 margin-top: 2px;
 border: 1px solid #E7EBEE;
 display: block;
}

 #sidebox table thead th
{
 width: 173px; 
 background-color: #2D446D;
 color: #FFFFFF;
 font-weight: bold;
 margin: 0px;
 padding-left: 5px;
 font-size: .75em;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 border-bottom: 1px solid #A9A9A9;
 background-image: url("/css_images/sideboxtitlebg.gif");
 background-repeat: repeat-x; 
 height: 20px;
}

/* IC added 27/03/2008 for auto generated fee in sidebox */
 #sidebox table tr td.heading
{
 width: 173px; 
 background-color: #2D446D;
 color: #FFFFFF;
 font-weight: bold;
 margin: 0px;
 padding: 2px 0px 0px 5px;
 font-size: .75em;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 border-bottom: 1px solid #A9A9A9;
 background-image: url("/css_images/sideboxtitlebg.gif");
 background-repeat: repeat-x; 
 height: 20px;
}
/* End IC added 27/03/2008 for auto generated fee in sidebox */


#sidebox .smalltitle
 {
 font-size:.7em;
 line-height: 150%;
 padding:3px 5px;
 background-image: url("/css_images/sideboxtitlebg-long.gif");
 background-repeat: repeat-x; 
 height: 41px;
}

 #sidebox table tbody td
{
 text-align: left;
 top: 2px;
 font-size: .7em; 
 margin: 0px;
 padding: 5px 5px;
 border-bottom: 1px solid #fff;  
 color: #535353;
 vertical-align: top;
}

 #sidebox table tbody td.firstcol
{
 background-color: #E7EAEF;
 color: #6E705A;
 text-align: left;
 font-size: .7em;
 margin: 0px;
 padding: 5px 5px;
 width: 65px;
}

#sidebox table tbody td.bluebackground 
{
 background-color: #E7EAEF;
 color: #6E705A;
 text-align: left;
 font-size: .7em;
 margin: 0px;
 padding: 3px 2px 3px 5px;
}

#sidebox table tbody td.bluebackground1 
{
 background-color: transparent;
 color: #6E705A;
 text-align: left;
 font-size: .7em;
 margin: 0px;
 padding: 3px 2px 3px 5px;
}

.quicklinkimg 
{
 /* clear:both; */
 border:1px solid #DCE1DD;
 margin:0px;
 padding:0px;
 /* position:relative;
 float: left;
 clear:both; */
 margin-bottom:3px;
}

 #poll
 {
 margin-top:2px; 
 background-color:#FFFFDC;
 background-image: url("/css_images/pollbg.gif");
 background-repeat: repeat-y;
 padding:0px;
 padding-bottom:5px;
 margin-bottom:0px;
}

#poll .title 
{
 color: #FFFFFF;
 font-weight: bold;
 font-size: .75em;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-image: url("/css_images/justforfun.gif");
 background-position: 0px 0px;
 background-repeat: no-repeat;
 height: 45px; 
}

#poll p 
{
 font-size:.7em;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#1D3362;
 padding:5px 3px 0px 5px;
}

#poll table 
{
 border:none;
}

#poll .radio 
{
 color:#1D3362;
 margin-left:-5px;
}

#poll table td 
{
 font-size: .7em; 
 margin: 0px;
 padding:0px;
 border:none;  
 color: red;
 vertical-align: top;
}

.submiticon 
{
 font-size: .55em;
 margin-bottom:10px;
 margin-left:10px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 border-left: 1px solid #DBD4B1;
 border-top: 1px solid #DBD4B1;
 border-bottom: 1px outset #BDB58C;
 border-right: 1px outset #BDB58C;
 color: #7A7346;
 background-color: White;
}

/* ORIGINAL */
/*
#quicklink 
{
 text-align: right;
 font-weight: bold;
 margin-top:5px;
 margin-bottom:10px;
}
#quicklink a 
{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
*/
/* END ORIGINAL */
/* NEW */
#quicklink {
 font-weight: bold;
 margin-top:5px;
 margin-bottom:10px;
 height: 23px;
}

#quicklink img 
{
    border: 0;
}

#quicklink a {
 /* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px; */
text-decoration: none;
}
#quicklink a.apply {
    /* background-image: url("/css_images/apply_contact_btn_rollover.gif");
    background-repeat: no-repeat;
    background-position: 0 0; */
    width: 124px;
    height: 23px;
    float: right;
    padding-left: 10px;
    padding-top: 0px; 
    position: relative;
    /* text-align: center; */
    /* border: solid 1px green; */
}

/*
#quicklink a.apply:hover {
    background-position: 0 -23px;
}
*/

#quicklink a.contact {
    /* background-image: url("/css_images/apply_contact_btn_rollover.gif");
    background-repeat: no-repeat;
    background-position: 0 0; */
    width: 124px;
    height: 23px;
    float: right;
    padding-right:5px;
    padding-left:5px;
    padding-top: 0px;
    position: relative;
    /* text-align: center; */
    /* border: solid 1px green; */
}
/*
#quicklink a.contact:hover {
    background-position: 0 -23px;
}

#quicklink .apply_label {
    color: #FFFFFF;
    padding-right: 20px; 
    position:absolute;
    top: 2px;
    right: 30px       
}

#quicklink .contact_label {
    color: #FFFFFF;
    position:absolute;
    top: 2px;
    right: 39px    
}
*/
/* END NEW */

#content h1 
{
 margin-left:20px;
 margin-right:10px;
}

/* Paragraph with image */


#content p 
{
 margin-left:20px;
 line-height: 170%;
 padding-bottom:10px;
}

#content .news 
{
/* width: 95%; */ 
margin: 15px 10px 5px 20px;
padding:0px;
border: solid 1px white; /* needed for the wonders of IE on the uni partners page */
}

#content .news img 
{
/* clear: both; */
 float: left;
 width: auto;
padding: 3px 3px 3px 3px; 
 border: 1px solid #C3C3C3;
 margin: 0 10px 0px 0px;
position: relative;
}

/* New style for arrow in news paragraph element */
#content .news img.arrow 
{
clear:none;
margin:0px;
padding:0px;
border:0px;
float:  none;
width: auto;
}

#content .news img.studentphoto 
{
 padding:3px 3px;
 position:relative;
 float: left;
 margin-right:10px;
border:none;
}

#content .news  h2 
{
 font-size: 1.2em;
 color: #736E5A;
 padding-bottom: 5px;
}

#content .news p 
{
padding-bottom:10px;
margin: 0px;
 }
/* End paragraph with image */

#content p a 
{
 color:#103054;
}

#content h2 
{
 margin-left:20px;
 font-size:1.2em;
 color:#736E5A;
}

/* IC added 01082006 */
#content ul
{
  margin-left:40px;
  margin-top: 0px;
  padding: 0px; 
  padding-bottom:10px; /*YL added*/    
}

#content ul li
{
 padding: 2px 0px 0px 1px; 
}

/* More Info class */

#moreinfo 
{
 margin-top:15px;
 clear: both;
}

#moreinfo p 
{
 padding:0px;
 margin:0px;
 color:#103054;
 font-weight: bold;
 background-image: url("/css_images/addicon.gif");
 background-repeat: no-repeat; 
 background-position: 0px 4px;
 margin-left:22px;
 padding-left:13px;
 margin-bottom:6px;
 font-size:1em; 
}

/* this class needs to come after #moreinfo p to override that style */
#moreinfo .moreinfo_title
{
 color:#545454;
 font-size:1.25em;
 font-weight: bold;
 margin-left:20px;
 padding:0px;
 background-image: none;
}

/* Content for art&design type page */

#sideimages 
{
 clear:both;
 float: right;
 padding:0px;
 margin-left:15px;
 height: 187px;
 width: 230px;
 position:relative;
}

/* Used in Site map table */
#content table.none
{
border: none;
}

#content table 
{
 border:1px solid #A7B5C1;
 margin:10px 15px 10px 20px;
 background-color: #fff;
}

#content thead 
{
 height: 40px;
 text-align: center;
}

#content thead th 
{
border-left:1px solid #A7B5C1;
 color: #fff;
}

/* IC added 24082006 */
#content thead th.first
{
border-left:0px;
color: #fff;
}
/* end IC added 24082006 */

#content tbody td 
{
 line-height: 180%;
 color:#103054;
 padding:2px 10px;
 border-top: 1px solid #fff;
}

.firstrol
{
 background-color: #E2E6EA;
}

.secondrol, .reqrol  
{
 background-color: #C5CDD6;
}

.thirdrol 
{
 background-color: #99A8B7;
 text-align: center;
 border-left:1px solid #fff;
}



/* Meet our staff / Meet our students */

#meetourstaff 
{
clear: both;
margin-top:10px;
}

#meetourstaff ul 
{
 margin-left:18px;
 list-style: none;
 width: 720px;
 padding:0px;
 clear: both;
}

#meetourstaff ul li 
{ 
 width:70px;
 height: 65px;
 padding-top:20px;
 padding-left:10px;
 background-image: url("/css_images/meetourstaffbg.gif");
 background-repeat: no-repeat;
 float: left;
 padding-bottom:0px;
}

#meetourstaff ul li img 
{
 display: block;
 border:1px solid #fff;
 border: none;
}
 
#meetourstaff ul li a:hover, #meetourstaff ul li a:focus 
{
 border:1px solid #9C9062;
 display: block;
 width:60px; 
}

/* Selected style is in page */
/*
#meetourstaff ul li a.selected 
{
 border:none; 
}
*/

/* New div added to hold lower section of #staffgallerys and #staffsidedetails*/
#meet_profiles
{
 width: 760px; /* full width content setting */
 float: left; 
 margin: 0px;
 padding: 0px;
 /* border: solid 1px red; */ /* for test */
}

#staffgallerys
{
 padding-left:7px;
 width: 315px;
 height:345px;
 float: left; 
 /* clear: both; */
 background-image: url("/css_images/gallerysbg.gif");
 background-repeat: no-repeat;
 background-position: 17px 0px;
}

#staffgallerys img 
{
 padding-left:23px;
 padding-top:15px;
 float: left;  
}

#staffgallerys p 
{
 float:right;
 padding-right:17px;
 padding-top:3px;
 font-weight: bold;
 font-size:1.2em;
 color: Black;
}

#staffsidedetails 
{
 margin:0px;
 padding:0px;
 width:410px;
 margin-top:0px;
 padding-left:10px;
 position: relative;
 float: left;
 }

#staffsidedetails .title
{
 margin-top:10px;
 font-weight: bold;
 padding-bottom:10px;
 font-size:1.1em;
 line-height: 150%;
}

#staffsidedetails .title p
{
 margin:0px;
 padding:0px;
}

#staffsidedetails p 
{
 margin:0px;
 padding:0px;
 padding-bottom:10px;
 line-height:160%;
}

/* Virtual Tours */

#virtualtours_intro h2
{
    padding: 5px 0px 5px 0px
}

#virtualtours 
{
 padding: 0px 0px 0px 13px;
 width: 423px;
 height:423px;
 margin: 10px 0px 3px 0px;
 float: left;
}

#virtualtours .quickimage 
{ 
 clear:both;
 float:left;
 width: 402px; 
 height: 353px;
 margin:0px;
 padding: 0px 0px 0px 16px;
 background-image: url("/css_images/mapbgmid.gif");
 background-repeat: no-repeat;
 background-position: 0px 0px; 
 }

#virtualtours_menu
{
 margin:20px 0px 0px 0px;
 padding:0px; 
 float: left;
 width: auto;
 position: relative;
}

#virtualtours_menu ul li 
{
 list-style: square;
 margin: 0px 0px 0px -20px;
 padding-bottom:2px;
}

#virtualtours_instructions
{
 clear: both;
 float: left;
 width: auto;  
}

#virtualtours_instructions p
{
 margin: 0px 0px 0px 20px;
 padding: 0px;
 width: 700px;
}

#virtualtours img 
{
 margin:0px 0px -2px 0px;
 padding:0px;
}

/* FAQs */

#faqs 
{
 width:370px; 
 float: left;
}

#faqs ul 
{
 margin:0px;
 padding:0px;
}

#faqs ul li 
{
 /*line-height: 180%; */
 padding:0px;
 margin:0px;
 margin-left:25px;
 list-style: none;
 padding-left:12px;
 background-image: url("/css_images/dot.jpg");
 background-repeat: no-repeat;
 background-position: 0px 10px;
}

#faqs ul li a 
{
 text-decoration: none;
 display: block; 
 width: 100%;
 position:relative;
 padding-top:5px;
 padding-bottom:10px;  
}

#faqs ul li a:hover, #faqs ul li a:focus 
{
 text-decoration: underline;
}

/* This style used in page on FAQs item content class, as it uses a PageID variable */
#faqs ul li a.faqsselected 
{
 font-weight:bold;
 background-image: url("/css_images/selectbg.gif");
 background-repeat: no-repeat;
 background-position: -20px 5px;
 color: #003366;
}

#memo 
{
 float: left;
 width: 390px;
 /* margin-top: -30px; */ /* Original setting */
 margin-top: -5px; /* new setting IC 30102006 */
 padding: 0px;
}

#memo .title 
{
 background-image: url("/css_images/memotop.gif");
 background-repeat: no-repeat;
 background-position: 0px 0px; /* IC added as not displaying correctly in Red Dot */
 padding-top:80px;
 padding-left:60px;
 color: #000;
 font-size:1.2em;
 font-weight: bold;
 margin:0px;
}

#memo .answers 
{
 background-image: url("/css_images/memomid.gif");
 background-repeat: repeat-y;
 padding-left:65px;
 padding-top:10px;
 line-height: 200%;
 padding-bottom:10px;
 padding-right:40px;
 color: #9C9463;
}

#memo .answers a 
{
 text-decoration: none;
 color: #5A5A5A;
 background-image: url("/css_images/mark.gif");
 background-repeat: repeat;
 background-position: 0px 0px;
 padding-bottom: 5px;
 padding-top: 5px;
}

#memo .answers a:hover, #memo .answers a:focus 
{
 text-decoration:underline;
}

#memo .answers ul 
{
margin:0px;
padding:0px;
margin-left:17px;
margin-top:8px;
margin-bottom:10px;
}

#memo .answers ul li 
{
padding:0px;
margin:0px;
}

/* Photo Gallerys */

#photogallery_category 
{
 padding:0px;
 margin:15px 0px 20px 23px;
 font-size:1.1em;
}

#photogallery_category a 
{
 color: #736E5A;
 background-image: url("/css_images/addicon.gif");
 background-repeat: no-repeat;
 background-position: 0px 4px;
 padding-left:15px;
 font-weight: bold;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#photogallery_category a:focus, #photogallery_category a:hover 
{
 text-decoration: none;
}

#photogallery_category a.selected 
{
 font-weight: normal;
 color:#545454;
 text-decoration: none;
}

#photogallery_preview 
{
  float: left;
  margin:0px;
  padding:0px;
  width:726px; 
  clear: both;
  padding-left:22px;
  padding-top:7px;  
}

#photogallery_preview ul 
{
 margin:0px;
 padding: 0px; 
}

#photogallery_preview ul li
{
 list-style: none;
 float:left;
 padding:0px 0px 3px 0px;
 margin:0px 5px 0px 0px;
}

#photogallery_preview ul li a 
{
 display: block;
 border:1px solid #C1C1C1;
 width: 41px;
 height: 39px; 
}

#photogallery_preview ul li a img 
{
 border:none; 
 float:left;
}

#photogallery_preview ul li a:hover, #photogallery_preview ul li a:focus 
{
 border:1px solid #000;
}

/* New div added to hold lower section of #photogallery and #photogallery_sidedetails*/
#photogallery_display
{
 width: 760px; /* full width content setting */
 float: left; 
 margin: 0px;
 padding: 0px;
}

#photogallery
{
 padding-left:7px;
 width: 315px;
 height:345px;
 float: left;  
 background-image: url("/css_images/gallerysbg.gif");
 background-repeat: no-repeat;
 background-position: 17px 0px;
}

#photogallery img 
{
 margin-top: 10px;
 padding: 15px 0px 0px 23px;
 float: left;  
}

#photogallery p 
{
 float:right;
 padding: 3px 17px 0px 0px;
 font-weight: bold;
 font-size:1.2em;
 color: Black;
}

#photogallery_sidedetails 
{
 float: left;
 margin:0px;
 padding:0px 0px 0px 15px;
 width:410px;
}

#photogallery_sidedetails .title
{
 padding: 0px 0px 10px 0px;
 font-weight: bold;
 font-size:1.1em;
 line-height: 150%; 
}

#photogallery_sidedetails .title p
{
 margin:0px;
 padding:0px;
}

#photogallery_sidedetails p 
{
 margin:0px;
 padding:0px 0px 10px 0px;
 line-height:160%;
}

/* Google mini search results */

#searchresult 
{
 margin-top:0px;
 margin-left:20px;
}

#searchresult img 
{
 margin:0px;
 padding:0px;
 position:relative;
 float: left;
 /* clear:both;*/
}

#results
{
 /* background-image: url("/css_images/notemid.gif");
 background-repeat: no-repeat;
 width: 739px;
 height: 504px;  
 float: left; */
 width: 739px;
 background-image: url("/css_images/notebackground.jpg");
 background-repeat: repeat-y;  
 background-position: 0px -4px;
 float: left;
 padding-bottom:25px;
}

#results .list 
{ 
  background-image: url("/css_images/notemid.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 709px; 
 /* margin-left:20px;
  padding-bottom:15px;
  padding-left:5px;
  padding-right:25px;
  padding-top:10px; */
  color: #57533B;
  margin:0px;
  padding:0px;
  line-height: 240%;
  padding-right:30px;
 }

.resulttitle 
{
  font-weight: bold; 
}

#results  .list a 
{
 text-decoration: none;
 text-decoration: underline;
}

#results .list a:hover, #results .list a:focus 
{
 text-decoration: none;
}

#results .list ul 
{
 margin:0px;
 padding:0px;
 margin-left:15px;
 margin-right:10px;
}

#results .list ul li 
{
 list-style: none;
 background-image: url("/css_images/star.gif");
 background-repeat: no-repeat;
 background-position: 0px 7px;
 padding-left:20px;
}

.highlight 
{
 background-image: url("/css_images/mark.gif");
 background-repeat: repeat-x;
 background-position: 0px 0px;
}

#pagelist
{
 background-image: url("/css_images/notebottom.gif");
 background-repeat: no-repeat;
 background-position: 0px 0px;
 width: 739px; 
 margin:0px;
 padding:0px;
 position:relative;
 float: left;
 clear:both;
 padding-top:8px;
 color: #959595; 
}

#pagelist ul 
{
 padding-bottom:45px;
 margin-left:35px;
}

#pagelist ul li 
{
 list-style: none;
 display: inline;  
 padding-bottom:40px;
 margin:0px;
 padding-right:10px; 
 padding-left:6px;
}

#pagelist a 
{
 text-decoration: none; 
 }

.stickerbg  
{   
 text-decoration: none;  
 background-image: url("/css_images/stickerbg3.gif");
 background-repeat: no-repeat;
 background-position: 0px -35px; 
}

.listselected 
{
 background-image: url("/css_images/stickerbg3.gif");
 background-repeat: no-repeat;
 background-position: 0px -20px;  
}

.end 
{
 clear: left;
 padding-left:10px;
 text-decoration: none;
 margin:0px;
 color: #0E3054;
}

/* End Google mini search result */

/* Fees */

#feeslocation
{
 width:700px;
 height: 296px;
 padding: 0px;
 margin-left:20px;
}

#feeslocation ul 
{
 margin:0px;
 padding:0px;
 float: left;
 width: 700px;
 }

#feeslocation ul li 
{
 list-style: none;
 padding:0px;
 margin:0px;
 float: left;
}

#feeslocation ul li a 
{
 display: block;
 float: left;
 height: 296px;
 width:151px;
 color:#A5B2BF; 
 margin-right:2px; 
 text-decoration: none;
}

#feeslocation ul li a:hover, #feeslocation ul li a:focus 
{
 color: #fff;
}

#feeslocation  .text 
{
 font-size: 1.2em;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 float: right;
 position: absolute;
 bottom: 3px;
 right: 8px;
 cursor: pointer;
}

#feeslocation .feeslondon
{
 background-image: url("/css_images/feelocation_london.jpg");
 background-repeat: no-repeat;
 background-position: 0px 0px;
 position:relative;
}

#feeslocation .feescambridge
{
 background-image: url("/css_images/feelocation_cambridge.jpg");
 background-repeat: no-repeat;
 background-position: 0px 0px;
 position:relative;
}

#feeslocation .feesbrighton
{
 background-image: url("/css_images/feelocation_brighton.jpg");
 background-repeat: no-repeat;
 background-position: 0px 0px; 
 position:relative;
}

#feeslocation .feesoxford
{
 background-image:url("/css_images/feelocation_oxford.jpg");
 background-repeat: no-repeat;
 background-position: 0px 0px; 
 position:relative;
}

#feeslocation a:hover, #feeslocation a:focus 
{
 background-position: -151px 0px;
}

/* Fees Table */

#content table.fees 
{
 margin-bottom: 10px;
 border-collapse: collapse;
 border: 1px solid #dfdfdf;
 width: 90%;
 }
 
#content table.fees caption 
{
 text-align: left;
 margin-top: 10px;
 padding-left: 1px;
 /* color: #848484; */
 font-weight: bold;
}

#content table.fees thead th
 { 
 /* background-color: #d5d5d5; */
 background-color: #fff;
 font-style: normal;
color: #848484;
 padding-left: 11px;
 height: 20px;
 text-align: left;
 border: 1px solid #dedede;
 padding-right: 5px;
}

#content table.fees tfoot td 
{
 background-color: #fff;
 font-style: italic;
 /* color: #8d826c; */
 text-align: left;
 padding-left: 11px;
 padding-top: 8px;
 padding-bottom: 8px;
 }
 
#content table.fees tbody td 
{ 
 background-color: #fff;
 font-style: normal;
 /* color: #00717f; */
 /* text-align: right; */
 border: 1px solid #dedede;
 padding-right: 5px;
}

#content table.fees tbody td.firstcol 
{
 /* background-color: #f1f2f2; */
 background-color: #fff;
 font-style: normal;
 /* color: #00717F; */
 text-align: left;
 }
 
#content table.fees tbody td.indent 
{
 padding-left: 10px;
 }

/* Help */

#helpcontent 
{
 width:400px;
 margin-right:37px;
 float: left;
}

#helpcontent .helpfaq ul 
{
 margin: 0px 0px 10px 36px;
}

#helpcontent .helpfaq ul li
{
 list-style: square;
 padding-bottom: 5px;
}

#helpline 
{
 width: 317px;
 float: left;  
 margin: 40px 0px 0px 0px; 
 color: #736E5A;
 background-image: url("/css_images/helplinebg.gif");
 background-repeat: repeat-y;
 background-position:  0px 0px;
}

#helpline img
{
 margin: 0px;
 padding: 0px;
}

#helpline .helplinebg 
{
float: right;
width: 45px;
}

#helpline .telephonenumbers 
{
 float: left;
 width: 241px;
 background-image: url("/css_images/white.gif");
 background-repeat: repeat-x; 
 padding: 20px 10px 15px 20px;
 }
 
#helpline .telephonenumbers img 
{
  margin: 10px 0px 10px 0px;
}

#helpline .telephonenumbers ul 
{
 margin: 0px 0px 0px 10px;
 padding: 0px;
 }
 
#helpline  .telephonenumbers ul li 
{
 list-style: none;
 background-image: url("/css_images/star.gif");
 background-repeat: no-repeat;
 background-position:  0px 3px;
 padding: 0px 0px 10px 20px; 
 line-height: 160%;
 }
 
 #helpline .helplinefooter
 {
 margin: 0px;
 padding: 0px;
 }

 #helpline .helplinefooter img
 {
 margin: 0px 0px -2px 0px;
  }

 /* Site map */
  
 #sitemap table 
{
 border: 1px solid #A7B5C1;
 margin: 10px 5px 10px 20px;
 width: 735px;
}

#sitemap tbody td 
{
line-height: 110%;
 vertical-align: top;
 border:0px;
 margin: 0px;
}

#sitemap tbody td.level1
{
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 0px 5px 10px;
    border-right:1px solid #fff;    
}

#sitemap  tbody td.level1 a
{
    font-weight: bold;
}

#sitemap  tbody td.level2
{
    font-size: 1.1em;
    font-weight: normal;
    padding: 10px 0px 2px 10px;
    background-color: #C5CDD6;
    border-right:1px solid #fff;
}
#sitemap tbody td.level3
{
    font-size: 1em;
    font-weight: normal;
    padding: 2px 0px 2px 10px;
    background-color: #E2E6EA;
    border-right:1px solid #fff;
}

#sitemap tbody td.level4
{
    font-size: .9em;
    font-weight: normal;
    padding: 1px 0px 1px 10px;
    background-color: #C5CDD6;
}

#sitemap tbody td.level5 
{
   background-color: #fff;
    height: 1px;
    padding: 0px;
}

#sitemap tbody td.level6 
{
    background-color: #A7B5C1;
    padding: 0px;
}



/* fees calculator */
#feesform #feesbtns
{
    border: none;
}
#feesform #feesbtns td
{
    padding-right: 0;
    margin-right: 0;
}
#feesform
{
    clear: both
}
#feesform input
{
    padding-left: 3px;
}
#feesform table
{
    width: 695px;
}
#feesform #feetitle
{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
#feesform #feetitle td h2
{
    padding: 0;
    margin:  0;
    font-weight: normal;
    color: #596C7D;
}
#feesform #feetitle td.feesheading
{
    border-top: 1px solid #A7B5C1;
}
#feesform #feetitle td.centretitle
{
    border-top: 1px solid #A7B5C1;
    width: 91px;
    background-color: #C5CDD6;
    padding: 6px 10px;
   
}
#feesform #feetitle td.centres
{
    border-top: 1px solid #A7B5C1;
    background-color: #E2E6EA;
    padding-top: 5px;   
}
#feesform #feetitle td.centres select 
{
    width: 320px;
}
#feesform select, #feesform input
{
    font-size:1em;
    color: #545454;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#feesform table.articlelines
{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    border-top: none;
}
#feesform table.articlelines td
{
    border-top: 0; 
    margin-top: 5px;
}
#feesform .relatedlines
{
    border-top: 0;
    border-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
#feesform table.relatedlines td
{
    margin-top: 0;
    border: 0;
}
#feesform table.pricetotal
{
    margin-top: -1px;
    padding-top: 0;
    background-color: #98A8B7;
}
#feesform table.pricetotal td.totallabel
{
    color: #fff;
    border-top: 0px;
    padding: 4px 10px;
}
#feesform table.pricetotal td.totalprice, #feesform table.pricetotal td.articlebtn
{
    border-top: 0px;    
}
#feesform table td.articletype
{
    background-color: #C5CDD6;
    width: 91px;
    border-top: 1px solid #fff;
    padding: 6px 10px;
    
}
#feesform table td.articleddl
{
    background-color: #E2E6EA;
    border-top: 1px solid #fff;
}
#feesform .articleddl select
{
    width: 320px;
}
#feesform .articleddl input
{
    width: 315px;
}
#feesform table td.articleunits
{
    background-color: #E2E6EA;
    border-top: 1px solid #fff;
}
#feesform .articleunits select 
{
    width: 80px;
}
#feesform .articleunits input 
{
    width: 75px;
}
#feesform table td.articleprice
{
    background-color: #fff;
    width: 60px;
    border-bottom: 1px solid #98A8B7;
}
#feesform .articlelines td.articlebtn a.addbtn
{
    text-decoration: none;
    border: 1px solid #98A8B7;
    font-weight: bold;
    margin: 0;
    padding: 0 1px;
    font-size: 0.7em;
}
#feesform .articlelines td.articlebtn a.deletebtn
{
    text-decoration: none;
    border: 1px solid #98A8B7;
    font-weight: bold;
    margin: 0;
    padding: 0 2px;
    font-size: 0.7em;
}
#feesform .articlelines td.articlebtn
{
    background-color: #fff;
    width: 25px;
    border-bottom: 1px solid #98A8B7;
    text-align: right;
}
#feesform .relatedlines td.articlebtn
{
    background-color: #fff;
    width: 25px;
    border-bottom: 1px solid #98A8B7;
    text-align: right;
}
#feesform .pricetotal .articlebtn
{
    width: 25px;
    text-align: right;
}
/* end fees calculator */

#content .required
{
    color: #AE002E;
}

/* Send Page to a Friend Pop Up */
#sendtofriend 
{ 
    width: 850px;
    margin: 0px;
    float: left;
    text-align: left;
    padding: 15px 10px 0px 20px;
    background-color: #fff;
    /* border: solid 1px red; */ /* for testing */
}

#sendtofriend h1
{
    font-size: 1em;
    font-weight: bold;
    color: #0C315B;
    text-decoration:none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    /* border: solid 1px blue; */ /* for testing */
}

#sendtofriend h2 
{ 
    font-weight: normal;
    color: #0C315B;
    font-size: .8em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    /* border: solid 1px green; */ /* for testing */  
}

#sendtofriend p 
{ 
    margin-bottom: 7px;
    font-style: normal;
    color: #545454;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: .7em;
 }

#sendtofriend table 
{
 width: 600px;
 border:1px solid #A7B5C1;
 margin: 5px 5px 5px 0px;
 background-color: #E2E6EA;
}

#sendtofriend tbody td 
{
 line-height: 180%;
 color:#103054;
 padding: 2px 2px 10px 10px;
 border-top: 1px solid #fff;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: .7em;
}

#sendtofriend tbody td.firstcol 
{
 width: 30%;
 background-color: #C5CDD6;
}

#sendtofriend tbody td.secondcol 
{
 width: 70%;
 background-color: #E2E6EA;
}

#sendtofriend .submitstyle 
{
 border-bottom:1px solid #A7B5C1;
 border-right:1px solid #A7B5C1;
 border-top:1px solid #fff;
 border-left:1px solid #fff;
 background-color: #3E5976;
 color: #fff; 
 font-size: .8em;
}

/* styles for the text inputted into the Send to Friend single line form fields */
#sendtofriend input
{
 font-size:1em;
 color: #545454;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* styles for the text inputted into the Send to Friend multi line form fields*/
#sendtofriend .inputstyle
{
 font-size:1em;
 color: #545454;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* .NET calendar component */

#calendarwrapper 
{
    clear: none;
    float: right;
    width: 750px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 10px;
    background-color: #FFFFFF;
}

#calendartitle
{
    font-weight: bold;
    font-size: 1.1em;
    clear: both;
    float: none;
    height: 28px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: right;
    background-image: url("/css_images/calendar_header_background.gif");
    background-repeat: no-repeat;
    background-position:0px 0px;
    width: 506px;
}

#calendartitletext 
{
    padding: 5px 10px 0px 0px;
    color: #0C315B;
}

#calendarcontrol
{
    color: #736E5A;
    clear: both;
    float: left;
    width: 500px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #FFFFFF;
}

#calendar
{
    clear: both;
    float: left;
    width: 504px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: solid 1px #C1C1C1;
    color: #fff;
}

#calendar td
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#calendar form
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#calendardaybox
{
    float: right;
    color: #6E705A;   
    width: 230px;
    text-align: left;
    border: solid 1px #E7EBEE;
    background-color: #fff;    
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 28px 0px 0px 0px;
}

#calendardaybox .calendardaydate 
{
    font-size: 1.1em;
    font-weight: bold;
    /* background-color: #AE002E; */
    background-image: url("/css_images/calendar_calendardayboxbg.gif");
    background-repeat: repeat-x;
    color: #fff;
    text-align: left;
    padding: 5px 0px 7px 5px;
    margin: 0px 0px 0px 0px;
    border-bottom:1px solid #A9A9A9;
}

#calendardaybox .calendardayheadline 
{
    clear: both;
    font-weight: bold;
    font-size: 1.1em;
    padding: 5px 5px 5px 5px;
}

#calendardaybox .calendardaydates 
{
    clear: both;
    font-weight: normal;
    padding: 0px 5px 0px 5px;
    height: auto;
}
#calendardaybox .calendardaycentre 
{
    clear: both;
    font-weight: normal;
    padding: 0px 5px 0px 5px;
    height: auto;
}

#calendardaybox .calendardaydetails
{
    clear: both;
    font-weight: normal;
    padding: 5px 5px 5px 5px;
}

#calendar a, #calendardaybox a
{ 
    color: #003366;
    text-decoration: underline;
}

 
#calendar a:hover, #calendar a:focus, #calendardaybox a:hover, #calendardaybox a:focus
{ 
    text-decoration: none;
}

#calendar .calendar
{
    width: 504px;
    float: left;
    text-align: left;
    color: #545454;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#calendar .calendar table 
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#calendar .calendar tbody tr td 
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0;
}

#calendar .calendarheader
{
    width: 504px;
    background-color: #AE002E;
    font-size: 1.1em;
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 0px 0px;
    border: solid 1px #AE002E;
    color: #fff;
}

#calendar .calendarheader td
{
    font-size: 1.1em;
    background-color: #AE002E;
    font-weight: bold;
    color: #F6CAC3;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#calendar .calendardayheader 
{
    background-image: url("/css_images/calendar_dayheader_backgrou.gif");    
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 13px;
    height:16px;
    width: 72px;
    color:#736E5A;
    border-bottom:1px solid #D2D2D2;
}

#calendar .calendar .calendarday 
{
    background-color: #C7C7C7;    
    line-height: normal;
    /*border-style: none;*/
}

#calendar .calendar .calendarday1 
{
    background-color: #E7EAEF;
    border-bottom: solid 1px #FFFFFF;
    height: 70px;
    vertical-align: text-top;
    line-height: normal;
}

#calendar .calendar .calendarday1 a 
{
    color: #545454;
}

#calendar .calendar .calendarday1 div 
{
    padding: 2px 2px 2px 2px;
}

#calendar .calendar .calendarday2 
{
    background-color: #FFFFFF;
    border-bottom: solid 1px #EBEBEB;
    height: 70px;
    vertical-align: text-top;
    line-height: normal;
}

#calendar .calendar .calendarday2 a 
{
    color: #545454;
}

#calendar .calendar .calendarday2 div 
{
    padding: 2px 2px 2px 2px;
}

#calendar .calendar .calendardayselected 
{
    background-image: url("/css_images/calendar_calendardayselecte.gif");
    vertical-align: text-top;
    line-height: normal;
}

#calendar .calendar .calendardayselected div 
{
    padding: 2px 2px 2px 2px;
}

#calendar .calendar .calendardayselected a 
{
    font-weight: bold;
    color: #AE002E;
    text-decoration: none;
}

#calendar .calendar .calendarselector 
{
    color: #545454;
}

#calendar .calendar .calendarnextprev a
{
    color: #F6CAC3;
    font-size: .8em;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}


/* End .NET calendar component */

/* pop up map styles */

#popup
{
    margin:0px;
    padding: 0px;
    /* border: solid 1px green;*/
    font-size: .7em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #545454;
    background-color: #E7EAEF;
    width: 100%;
    height: 100%;
}

#popup img
{
    margin: 15px 5px 5px 5px;
    padding: 0px;
    /* border: solid 1px red; */
}

#popup p
{
    margin: 2px 0px 10px 0px;
    padding: 5px;
}

#popup a 
{ 
  text-decoration: underline;
}
 
#popup a:hover, #popup a:focus
{ 
 text-decoration: none;
}

/* start brochure form */

#brochureform #tblOrderImage
{
    float: left;
    border: 0px;
}

/* Not being used */
/*
#brochureform #tblOrderImage .brochureimg
{
   border: 1px solid #dfe1e3;
}
*/

#brochureform #tblOrderForm
{
    float: left;
    margin-left: 10px;
}
 
#brochureform #tblOrderForm tbody td 
{
 line-height: 180%;
 /* color:#103054; */
 padding:2px 10px;  
}

#brochureform #tblOrderForm tbody td.firstrol 
{
 background-color: #E2E6EA;
}

#brochureform #tblOrderForm tbody td.secondrol 
{
 background-color: #C5CDD6;
}

#brochureform #tblOrderForm tbody input
{
 font-size:1em;
 color: #545454;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#brochureform #tblOrderForm tbody select
 {
 font-size:1em;
 color: #545454;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#brochureform #tblOrderForm tbody .submitstyle
{
 border-bottom:1px solid #A7B5C1;
 border-right:1px solid #A7B5C1;
 border-top:1px solid #fff;
 border-left:1px solid #fff;
 background-color: #3E5976;
 color: #fff; 
 font-size:1.1em;
}

#brochureform #tblOrderForm
{
    width: 46em;
}
#brochureform table.tblchklist
{
    margin: 0 0 0 -2px; 
    background-color: #E2E6EA;
    border: 0;
    padding: 0;   
}
#brochureform #tblOrderForm table.tblchklist td
{
    margin: 0; 
    padding: 0; 
    border: 0;  
}
#brochureform #tblOrderForm .firstrol
{
   width: 28em;
}
#brochureform td.tdchklist p
{
    margin: 0 0 2px 0;
    padding: 0;
}

/* end brochure form */

/* popup fees calculator help */
#feescalhelp
{
    float: left;
    text-align: left;
    padding: 5px 10px 10px 10px;
    background-color: #fff;
    border: 1px solid #A7B5C1;
    margin: 5px 5px;
}
#feescalhelp h1
{
    font-size: 1em;
    font-weight: bold;
    color: #0C315B;    
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#feescalhelp p
{ 
    color: #545454;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: .7em;
 }
/* end popup fees calculator help 

 .stage {
  width: 120px;
  margin-left: 20px;
 }
 div.steps {
  color:        #000;
  font-weight: normal;
 }
 
 div.steps div.title {
  font-weight:      bold;
  margin: 0;
  padding: 0;
  color: #999;
  
  }
 
 div.steps span {
  margin-right:      10px;
 }
 
 div.steps div.stepStage {
  width:        9px;
  height:        11px;
  border:        1px solid #a2aab0;
  float:        left;
  margin:        0px 0px 0px 5px;
 }
 
 div.steps div.selectStage {
  background:       #3e5976;
  border:        1px solid #3e5976;
 }
 
 .floatLeft {
  float:        left;
 }
*/
/* Apply Online Now and Study Plan bulletin buttons */

#bulletin_withimg
{
   margin: 0px 0px 20px 0px;
    padding:0px;
    float: left;
    width:750px;    
}

#bulletin_withimg p
{
    margin:0px;
    padding:0px 0px 3px 0px;
}

/* NEW */
#bulletin_withimg .heading {
    /* border: solid 1px green; */
    position: absolute;
    top: 10px;
    left: 45px;
    color: #FFFFFF;
    width: 170px;
    font-weight: bold; 
    font-size: 1.2em;   
}

#bulletin_withimg .paragraph {
    /* border: solid 1px purple; */
    position: absolute;
    top: 38px;
    left: 32px;
    width: 265px;
    line-height: 16px;
}
/* END NEW */

/* English variant */
#bulletin_withimg .smallbox_ENG
{
    width:272px;
    float: left;
}

#bulletin_withimg .smallbox_ENG a 
{
   height: 60px;    
    background-image: url("/css_images/bg_studyplan.jpg");    
    background-position: 20px 0px;    
    background-repeat: no-repeat;
    display: block;
    padding: 10px 20px 0px 135px;
    text-decoration: none;
}

#bulletin_withimg .smallbox_ENG a:hover
{
    background-position: 20px -70px;
}

#bulletin_withimg .largebox_ENG, #bulletin_withimg .largebox_DEU
{
    width:315px;
      float: left;
}

#bulletin_withimg .largebox_ENG a, #bulletin_withimg .largebox_DEU a
{
    height: 85px;    
    background-image: url("/css_images/apply_online_btn_NEW.jpg");    
    background-position: 20px 0px;    
    background-repeat: no-repeat;
    display: block;
    /* padding: 10px 20px 0px 135px; */
    text-decoration: none;
    position: relative;
}

#bulletin_withimg .largebox_ENG a:hover, #bulletin_withimg .largebox_DEU a:hover
{
    /* background-position: 22px -87px; */
    background-position: 20px -85px;
}
/* End English variant */

/* Russian variant */
#bulletin_withimg .smallbox_RUS
{
    width:272px;
    float: left;
}

#bulletin_withimg .smallbox_RUS a 
{
   height: 60px;    
    background-image: url("/css_images/bg_studyplan.jpg");    
    background-position: 20px 0px;    
    background-repeat: no-repeat;
    display: block;
    padding: 10px 20px 0px 135px;
    text-decoration: none;
}

#bulletin_withimg .smallbox_RUS a:hover
{
    background-position: 20px -70px;
}

#bulletin_withimg .largebox_RUS
{
    width:315px;
      float: left;
}

#bulletin_withimg .largebox_RUS a
{
    height: 85px;    
    /* background-image: url("/css_images/bg_applynow.jpg");   */
    background-image: url("/css_images/apply_online_btn_NEW.jpg");   
    background-position: 20px 0px;    
    background-repeat: no-repeat;
    display: block;
    /* padding: 10px 20px 0px 135px; */
    text-decoration: none;
    position: relative;
}

#bulletin_withimg .largebox_RUS a:hover
{
    /* background-position: 22px -87px; */
    background-position: 20px -85px;
}

/* End Russian variant */

/* Chinese Traditional variant */
#bulletin_withimg .smallbox_CHT
{
    width:272px;
    float: left;
}

#bulletin_withimg .smallbox_CHT a 
{
   height: 60px;    
    background-image: url("");    
    background-position: 20px 0px;    
    background-repeat: no-repeat;
    display: block;
    padding: 10px 20px 0px 135px;
    text-decoration: none;
}

#bulletin_withimg .smallbox_CHT a:hover
{
    background-position: 20px -70px;
}

#bulletin_withimg .largebox_CHT
{
    width:315px;
      float: left;
}

#bulletin_withimg .largebox_CHT a
{
    height: 85px;    
    /* background-image: url("/css_images/bg_applynow.jpg");  */ 
    background-image: url("/css_images/apply_online_btn_NEW.jpg");  
    background-position: 20px 0px;    
    background-repeat: no-repeat;
    display: block;
    /* padding: 10px 20px 0px 135px; */
    text-decoration: none;
    position: relative;
}

#bulletin_withimg .largebox_CHT a:hover
{
    /* background-position: 22px -87px; */
    background-position: 20px -85px;
}

/* End Chinese Traditional variant */

/* Chinese Simplified variant */
#bulletin_withimg .smallbox_CHS
{
    width:272px;
    float: left;
}

#bulletin_withimg .smallbox_CHS a 
{
   height: 60px;    
    background-image: url("/css_images/bg_studyplan.jpg");    
    background-position: 20px 0px;    
    background-repeat: no-repeat;
    display: block;
    padding: 10px 20px 0px 135px;
    text-decoration: none;
}

#bulletin_withimg .smallbox_CHS a:hover
{
    background-position: 20px -70px;
}

#bulletin_withimg .largebox_CHS
{
    width:315px;
      float: left;
}

#bulletin_withimg .largebox_CHS a
{
    height: 85px;    
    /* background-image: url("/css_images/bg_applynow.jpg"); */  
    background-image: url("/css_images/apply_online_btn_NEW.jpg");  
    background-position: 20px 0px;    
    background-repeat: no-repeat;
    display: block;
    /* padding: 10px 20px 0px 135px; */
    text-decoration: none;
    position: relative;
}

#bulletin_withimg .largebox_CHS a:hover
{
    /* background-position: 22px -87px; */
    background-position: 20px -85px;
}

/* End Chinese Simplified variant */

/* Turkish variant */
#bulletin_withimg .smallbox_TRK
{
    width:272px;
    float: left;
}

#bulletin_withimg .smallbox_TRK a 
{
   height: 60px;    
    background-image: url("/css_images/bg_studyplan.jpg");    
    background-position: 20px 0px;    
    background-repeat: no-repeat;
    display: block;
    padding: 10px 20px 0px 135px;
    text-decoration: none;
}

#bulletin_withimg .smallbox_TRK a:hover
{
    background-position: 20px -70px;
}

#bulletin_withimg .largebox_TRK
{
    width:315px;
      float: left;
}

#bulletin_withimg .largebox_TRK a
{
    height: 85px;    
    background-image: url("/css_images/apply_online_btn_NEW.jpg");    
    background-position: 20px 0px;    
    background-repeat: no-repeat;
    display: block;
    /* padding: 10px 20px 0px 135px; */
    text-decoration: none;
    position: relative;
}

#bulletin_withimg .largebox_TRK a:hover
{
    /* background-position: 22px -87px; */
    background-position: 20px -85px;
}
/* End Turkish variant */

/* End Apply Online Now and Study Plan bulletin buttons */

/* Find your local agent */
#form #flaQuestions
{
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
#form #flaDetails
{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

#form #flaDetails td.secondrol, 
#form #flaQuestions td.secondrol
{
    width: 12em;
}

#form #flaDetails td.firstrol, 
#form #flaQuestions td.firstrol
{
     width: 36.3em;
}

#form #flaDetails td.firstrol .regionddl
{
    width: 15.5em;
}
/* End find your local agent */
 

/* Application form */
#formApply {
 margin-left: 5px;
}

#formApply table#app_Wizard1 {
    margin-left: 20px;
    }

#formApply .apptable {
    margin-top: 5px;
    margin-bottom: 20px;
    border: 1px solid #a7b5c1;
    }

#formApply table {
  border: 0; 
  margin: 0;
  padding: 0;
}

#formApply tbody td {
  border: 0; 
  margin: 0;
  padding: 0;
  }

#formApply .rdoBtn
{
 border: 0; margin: 0; padding: 0;
 background-color: #E2E6EA;
}

#formApply .rdoBtn td {
    width: 100px;
    }

#formApply .submitstyle {
  border-style: solid;
  border-color: #ffffff #a7b5c1 #a7b5c1 #ffffff;
  border-width: 1px;
  background-color: #3e5976;
  color: #ffffff;
  font-size: 1.1em;
  }
#formApply select, #formApply input {
  font-size: 1em;
  color: #545454;
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  }
#formApply input {
  padding-left: 3px;
  }
#formApply .inputstyle 
{
 width: 200px;
 font-size:1em;
 color: #545454;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#formApply .selectstyle
 {
 width: 207px;
 font-size:1em;
 color: #545454;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 }
 
#div.infoPanel {
    margin: 5px 0;
    padding: 0;
}
 
 
  
#formApply .firstrol {
 width: 250px;
  border-top: 1px solid #ffffff;
  padding: 2px 10px;
  line-height: 180%;
  color: #103054;
 }
 
 
 #formApply .secondrol {
  width: 100px;
    border-top: 1px solid #ffffff;
    padding: 2px 10px;
    line-height: 180%;
  color: #103054;
 }
 
 

#formApply .secondwide {
  width: 450px;
}
#formApply .firstwide {
 width: 720px;
}

.stage {
  width: 120px;
  font-size: 1.1em;
  font-weight: bold;
 }
 
.fees 
{
  margin-left: 20px;
}

 div.steps {
  color:        #000;
  font-weight: normal;
 }
 
 div.steps div.title {
  font-weight:      bold;
  margin: 0;
  padding: 0;
  color: #999;
  
  }
 
 div.steps span {
  margin-right:      10px;
 }
 
 div.steps div.stepStage {
  width:        9px;
  height:        11px;
  border:        1px solid #a2aab0;
  float:        left;
  margin:        4px 0px 0px 5px;
  background:       #fff; 
 }
 
 div.steps div.selectStage {
  background:       #3e5976;
  border:        1px solid #3e5976;
 }
 
 .floatLeft {
  float:        left;
 }

/* Image map on locations index page */
/* Set up default width, height and top position for the links */
#imagemapLinks a
{
    position: absolute;
    text-decoration: none;
    width: 70px;
    height:30px;
    top: 20px;
    cursor: pointer;
    /* border: solid 1px red; */
}

/* Hides the text in the links so that the main background image "text" is displayed instead */
#imagemapLinks a i
{
    /* visibility: hidden; */
}

#imagemapLinks a {
    font-weight: bold;
    font-size:0.8em;
}

/* Position individual links on top of the background image */

#imagemapLinks a#Cambridge 
{
    /* left: 254px;
    top: 400px; */
    left: 222px;
    top: 442px;     
}
#imagemapLinks a#Oxford
{
     /* left: 270px;
    top: 500px; */
    left: 241px;
    top: 467px;
}
#imagemapLinks a#Brighton
{
   /* left: 170px;
    top: 555px; */
    left: 238px;
    top: 519px;
}
#imagemapLinks a#London
{
   /* left: 140px;
    top: 512px; */
    left: 240px;
    top: 493px;
}



 /* End image map on locations index page */


 /* ==== AddThis button =========================================================== */
#addthis_bespoke {
    float:right; 
    width: 190px;
    margin-top: 8px;
}

#addthis_bespoke a {
    padding: 0px;
    margin: 0px;
    background: none;
    width: 25px;
    color: #05354F;
    text-decoration: underline;
    
}

/* bespoke style for the Share link to go on to one line */
#bespoke_share a {
    width: 65px;
    font-size: 10px;
}
/* ==== End AddThis button ======================================================= */

/* ==== LivePerson Chat ======================================================= */
#LivePerson 
{
    border: solid 1px black;
    width: 120px;
    height: 240px;
    position: absolute;
    right: 20px;
    top: 62px;
}
/* ==== End LivePerson Chat =================================================== */

/* ==== News item ============================================================ */
.news_item {
    width:763px;
    float: left;
}
.news_item_text {
    /* border: solid 1px green; */
    float: left;
    width: 550px;
}
.news_item_image 
{
    /* border: solid 1px purple;  */
    float: right;
    width: 200px;
}
.news_item_image img 
{
    /* border: solid 1px yellow; */
    margin-bottom: 10px;
}
.news_item_divider 
{
    border-bottom: solid 1px #A0AEBC;
    float:left;
    width: 743px;
    margin-left: 20px;
    margin-bottom: 20px;
    
}
/* ==== End News item ======================================================== */