@charset "utf-8";
/* CSS Document */

/* universal styles - start */

body{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:80%;
padding-bottom:50px;
}

.fright{
float:right;
}

.fleft{
float:left;
margin:5px 5px 5px 0;
}

.aleft{
text-align:left;
}

.acenter{
text-align:center !important;
}

.aright{
text-align:right;
}

.hide{
display:none;
}

.invisible{
visibility:hidden;
}

/* universal styles - end */

/* ==================== */

/* Set background-color, color, border etc for divs and sub-divs - start */

/* ==================== */

 /* top - start  */

#top{
background:#fff url(/grafix/bgds/bar-top-main.png) repeat-x 0 25px;
}

body#home #top,
body#members #top{
background-image:url(/grafix/bgds/bar-top-main.png);
}

body#admin #top{
background-image:url(/grafix/bgds/bar-top-admin.png);
}

body#community #top{
background-image:url(/grafix/bgds/bar-top-community.png);
}

body#events #top{
background-image:url(/grafix/bgds/bar-top-events.png);
}

body#journal #top{
background-image:url(/grafix/bgds/bar-top-journal.png);
}

body#mti #top{
background-image:url(/grafix/bgds/bar-top-mti.png);
}

body#news #top{
background-image:url(/grafix/bgds/bar-top-news.png);
}

body#resources #top{
background-image:url(/grafix/bgds/bar-top-resources.png);
}

body#shop #top{
background-image:url(/grafix/bgds/bar-top-shop.png);
}

#topleft{
display:none;
}

#topmiddle{
display:none;
}

#topright{
display:none;
}

/* top - end  */

/* ==================== */

 /* left - start  */

#left{
background-color:transparent;
}

#left h3.thissect{
background:#aaa url(/grafix/bgds/left-nav.png) repeat-x 0 0;
font-size:1em;
padding:3px 0 0 10px;
height:17px;
font-weight:bold;
color:#fff;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 3px #888;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
}

#left h3.subsect{
background:#aaa url(/grafix/bgds/left-nav.png) repeat-x 0 0;
font-size:1em;
padding:3px 0 0 10px;
height:17px;
font-weight:bold;
color:#fff;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 3px #888;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
}

#left h3{
font-size:1.2em;
font-weight:bold;
color:#999;
margin:0 10px 10px 10px;
}


#left p{
color:#999;
font-weight:normal;
margin:10px;
line-height:1.3em;
}

#left a:link,
p.link a:link{
text-decoration:none;
color:#3a71aa;
/*border-bottom:1px dotted #03f;*/
}

#left a:visited{
text-decoration:none;
color:#0ae;
/*border-bottom:1px dotted #ccc;*/
}

#left a:hover{
color:#f04;
text-decoration:none;
/*border-bottom:1px dotted #c03;*/
}

#left a:link img,
#left a:visited img,
#left a:hover img{
border:0;
}


/* left - end  */

/* ==================== */

 /* right - start  */

#right{
}

/* right - end  */

/* ==================== */

/* content - start  */

#content{
background-color:transparent;
/*width:100%;*/
margin-bottom:50px;
color:#444;
}

#content h1{
font-weight:bold;
font-size:1.4em;
margin:0 0 0.5em 0;
padding:2px 0 0 1em;
height:23px;
color:#fff;
/*width:100%;*/
/*margin-right:10px;*/
border:2px solid #ccc;
}

#content h1{
background: #ccc url(/grafix/bgds/hbar-blu.png) repeat-x 0 0;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 3px #888;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
}

#content h2{
clear:both;
font-weight:bold;
font-size:1.2em;
margin:1.5em 0 0.5em 0;
height:20px;
background: #eee url(/grafix/bgds/hbar-blu.png) repeat-x 0 0;
color:#fff;
padding:4px 5px 1px 1em;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 3px #888;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
}

#content div.box + h2,
#content div.halfbox + h2{
margin-top:2em;
}

body.boladmin #content h1,
body.boladmin #content h2,
body.memadmin #content h1,
body.memadmin #content h2,
body.members #content h1,
body.members #content h2{
background-image: url(/grafix/bgds/hbar-grey.png);
color:#fff;
}

body.calendar #content h1,
body.calendar #content h2{
background-image: url(/grafix/bgds/hbar-lblu.png);
color:#333;
}

body.conferences #content h1,
body.conferences #content h2{
background-image: url(/grafix/bgds/hbar-yellow.png);
color:#666;
}

body.courses #content h1,
body.courses #content h2{
background-image: url(/grafix/bgds/hbar-blu.png);
color:#eee;
}

body.journal #content h1,
body.journal #content h2{
background-image: url(/grafix/bgds/hbar-dleaf.png);
color:#fff;
}

body.about #content h1,
body.about #content h2{
background-image: url(/grafix/bgds/hbar-mblu.png);
color:#fff;
}

body.people #content h1,
body.people #content h2{
background-image: url(/grafix/bgds/hbar-grey.png);
color:#fff;
}

body.branches #content h1,
body.branches #content h2{
background-image: url(/grafix/bgds/hbar-brown.png);
color:#fff;
}

body.links #content h1,
body.links #content h2{
background-image: url(/grafix/bgds/hbar-magenta.png);
color:#fff;
}

body.community #content h1,
body.community #content h2{
background-image: url(/grafix/bgds/hbar-bgreen.png);
color:#333;
}

body.home #content h1,
body.home #content h2{
background-image: url(/grafix/bgds/hbar-blu.png);
color:#eee;
}

body.info #content h1,
body.info #content h2{
background-image: url(/grafix/bgds/hbar-lgreen.png);
color:#333;
}

body.join #content h1,
body.join #content h2{
background-image: url(/grafix/bgds/hbar-dgrn.png);
color:#fff;
}

body.policy #content h1,
body.policy #content h2{
background-image: url(/grafix/bgds/hbar-orange.png);
color:#333;
}

body.reviews #content h1,
body.reviews #content h2{
background-image: url(/grafix/bgds/hbar-yellow.png);
color:#666;
}

body.talk #content h1,
body.talk #content h2{
background-image: url(/grafix/bgds/hbar-bronze.png);
color:#fff;
}

body.mti #content h1,
body.mti #content h2,
body.mt214i #content h2{
background-image: url(/grafix/bgds/hbar-red.png);
color:#fff;
}

body.news #content h1,
body.news #content h2{
background-image: url(/grafix/bgds/hbar-orange.png);
color:#333;
}

body.gapsmis #content h1,
body.gapsmis #content h2{
background-image: url(/grafix/bgds/hbar-purple.png);
color:#fff;
}

body.resources #content h1,
body.resources #content h2{
background-image: url(/grafix/bgds/hbar-indigo.png);
color:#fff;
}

body.shop #content h1,
body.shop #content h2{
background-image: url(/grafix/bgds/hbar-dblu.png);
color:#fff;
}

body.weblog #content h1,
body.weblog #content h2{
background-image: url(/grafix/bgds/hbar-dpink.png);
color:#fff;
}


#content h3{
clear:left;
font-weight:bold;
font-size:1.2em;
margin:1em 0 0 0;
color:#666;
/*background-image: url(/grafix/bgds/h3-bgd.png);*/
background-image: none;
padding:0;
}

#content h4{
font-weight:bold;
font-size:1.1em;
margin:1em 0 0 0;
color:#666;
}

#content h5{
font-weight:bold;
font-size:1em;
margin:1em 0 0 0;
color:#333;
}

#content h6{
clear:both;
font-weight:bold;
font-size:1em;
margin:1em 0 0 0;
color:#333;
border-bottom:1px dotted #666;
text-align:right;
font-style:italic;
padding-bottom:0.5em;
}

#content p{
margin:1em 0 0 0;
line-height:1.5em;
}

#content p sup{
vertical-align:super;
}

#content p sub{
vertical-align:sub;
}

#content p i{;
font-family: "Times New Roman", Times, serif;
font-style:italic;
font-size:1.2em;
}

p.link{
/*display:inline-block;*/
font-size:1em;
padding-left:15px !important;
background:transparent url('/grafix/generix/link-para.png') 0 2px no-repeat;
}

p.link:hover{
/*display:inline-block;*/
font-size:1em;
padding-left:15px !important;
background:transparent url('/grafix/generix/link-para-on.png') 0 2px no-repeat;
}

/*p.link a{
font-size:1em;
padding-left:15px !important;
background:transparent url('/grafix/generix/link-para.png') 0 3px no-repeat;
}*/

#content p.linkunder{
clear:left;
font-size:1em;
padding-left:15px !important;
background:transparent url(/grafix/generix/link-para.png) 0 3px no-repeat;
}

#content p.linkunder:hover{
clear:left;
font-size:1em;
padding-left:15px !important;
background:transparent url(/grafix/generix/link-para-on.png) 0 3px no-repeat;
}

#content p.clearer{
height:1px;
clear:left;
margin:0;
padding:0;
}

#content p.spacer{
height:1px;
margin:0 0 1em 0;
padding:0;
}

#content p.clearall{
height:1px;
clear:both;
}

#content p.indent{
margin-left:25px;
}

#content p.intro{
font-size:1.1em;
color:#407fc0;
font-weight:bold;
padding-left:140px;
}

#content p.inlinepopup{
display:inline;
}

#inlinepopup{
display:inline;
}


#content a:link,
p.link a:link{
text-decoration:none;
color:#3a71aa;
/*border-bottom:1px dotted #03f;*/
}

#content a:visited,
p.link a:visited{
text-decoration:none;
color:#3a71aa;
/*border-bottom:1px dotted #ccc;*/
}

#content a:hover,
p.link a:hover{
color:#f04;
text-decoration:none;
/*border-bottom:1px dotted #c03;*/
}

#content a:link img,
#content a:visited img,
#content a:hover img{
border:0;
}


#content img{
float:left;
margin:1.1em 1em 0.5em 0;
}

#content img.rounded{
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 2px 2px 3px #888;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
}

#content img.rounded5{
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 3px #888;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
}

#content a.highslide img{
margin-top:13px;
}

#content img.fright{
float:right;
margin:1em 0 0.5em 1em;
}

#content img.fcright{
float:right;
clear:right;
margin:0.5em 0 0.5em 1em;
}

#content div.imgcaption{
display:block;
float:left;
margin:1em 2em 0 0;
width:150px;
height:180px;
}

#content div.imgcaption img{
display:block;
}

#content div.imgcaption p{
clear:left;
color:#69c;
font-weight:normal;
font-size:0.9em;
}

#content table{
width:100%;
border-collapse:collapse;
line-height:130%;
margin:1em 0 1em 0 !important;
border:1px solid #aaa;
}

#content table th,
#content table td,
#content table caption{
padding:0;
vertical-align:middle;
}

#content table tbody tr th{
background-color:#eff2e2;
}

#content table thead{
}

#content table thead tr th{
/*background-image: url(/grafix/bgds/hbar-bronze.png);*/
background-color:#555 !important;
color:#fff;
font-weight:bold;
height:25px;
padding:0 0 0 5px;
border:1px solid #aaa;
font-size:0.9em;
}

#content table caption{
font-weight:bold;
text-align:left;
}

#content table td img{
margin:0;
}

#content span.small{
font-size:0.9em;
}

#content span.light{
color:#aaa;
}

.smallprint{
font-size:0.9em;
}

#left p.smallprint{
margin-bottom:1.5em;
}

.smallprint a:link{
color:#666;
text-decoration:none;
}

.smallprint a:hover{
color:#b00;
border-bottom:1px dotted #b00;
}


/* content - end  */

/* ==================== */

 /* footer - start  */

/*#right{
background-color:#eee;
}*/

#footer{
background-color:#fff;
margin:100px 200px 0 0;
}

#footer p{
clear:left;
font-size:0.9em;
color:#666;
font-weight:bold;
margin:0 190px 20px 200px;
padding:5px 0 0 10px;
border-top:1px solid #ccc;
}

#footer p a:link,
#footer p a:visited{
color:#999;
text-decoration:none;
}

#footer p a:hover{
text-decoration:underline;
color:#b00;
}


/*  footer - end  */

/* ==================== */

/*  set top appearance - start */

#top #headlogo{
position:absolute;
top:25px;
left:15px;
}

#top #headident{
position:absolute;
top:82px;
left:203px;
margin:0;
font-size:0.9em;
color:#999;
}

#headident a{
color:#999;
text-decoration:none;
}


#tagline{
position:absolute;
top:33px;
right:20px;
color:#fff;
font-weight:bold;
font-size:1em;
text-align:right;
line-height:120%;
}

#subsection{
position:absolute;
top:37px;
left:200px;
color:#fff;
font-weight:bold;
font-size:1.8em;
}

#sitesearch{
position:absolute;
top:1px;
left:10px;
color:#666;
height:21px;
width:500px;
background:transparent;
margin:0;
padding:0;
}

#sitesearch label{
font-size:0.9em;
position:relative;
top:-3px;
}

#sitesearch input.box{
position:relative;
top:-4px;
height:18px;
border:1px solid #ccc;
background-color:#fff;
padding:0;
}

#sitesearch input.loginsubmit{
border:0;
position:relative;
top:1px;
}

#topnav{
background:#aaa url(/grafix/bgds/top-nav.png) repeat-x 0 0;
font-size:0.9em;
padding:0 0 0 10px;
height:20px;
font-weight:bold;
/*width:100%;*/
overflow:hidden;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 3px #888;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
}

#topnav li{
margin:0 20px 0 0;
padding:0;
text-transform:uppercase;
}

#topnav li span{
text-transform:lowercase;
}


#topnav a:link,
#topnav a:visited{
display:inline-block;
text-decoration:none;
color:#666;
border-bottom:0;
margin-top:4px;
}

#topnav a:hover{
color:#fff;
}

/*  set topnav appearance - end */

/* ==================== */

/*  set leftnav appearance - start */

ul.leftnav{
background-color:transparent;
padding:10px 0 20px 10px;
font-size:0.9em;
text-transform:uppercase;
}

ul.leftnav a:link,
ul.leftnav a:visited{
display:inline-block;
text-decoration:none;
color:#666 !important;
border-bottom:0;
margin-bottom:10px;
padding-left:12px;
background:#fff url(/grafix/bgds/leftnavoff.png) no-repeat 0 -1px;
}

ul.leftnav a:hover{
color:#000 !important;
background-color:transparent;
background:#fff url(/grafix/bgds/leftnavon.png) no-repeat 0 -1px;
}

/*  set leftnav appearance - end */

#absolute1{
position:absolute;
top:50%;
left:50%;
border:5px dotted red;
background-color:yellow;
color:blue;
font-weight:bold;
}

#absolute2{
position:absolute;
top:100px;
right:100px;
border:5px dotted green;
color:blue;
font-weight:bold;
}

/* List styles */

#content ol,
#content ul{
margin:1em 0 1em 2em;
line-height:150%;
}

#content ul{
list-style-type:circle;
}

ul.linklist li{
list-style-image: url('/grafix/generix/link-list.png');
}

ul.linklist li:hover{
list-style-image: url('/grafix/generix/link-list-on.png');
}

#content ul ul{
list-style-type:square
}

#content ol{
list-style-type:decimal;
}

#content ol .lower-roman{
list-style-type:lower-roman;
}

#content ol .lower-latin{
list-style-type:lower-latin;
}

#content ol .decimal-zero{
list-style-type:decimal-leading-zero;
}

#content dl{
margin:1em 0 0 0;
line-height:150%;
}

#content dt{
font-weight:bold;
}

#content dd{
margin:0 0 0.5em 1em;
}

#content p.button{
height:20px;
margin:15px 0 10px 0;
padding:0 0 0 0;
font-weight:normal;
}

#content p.button img{
float:left;
margin:0 8px 2px 0;
padding:0 0 0 0;
border:0;
}


/* abb, cite etc start */

#content cite{
font-style:italic;
color:#69c;
font-weight:normal;
font-size:0.9em;
}


/* abb, cite etc end */

.agraphaxcontrol {
/*border: 2px solid #ebeade;
display: block;
margin: 0;*/
}

div.autograph{
margin:2em;
}

div.googleembed{
margin:10px 0 1em 1em;
}

embed.cabriembed{
border:2px solid #d55;
float:left;
margin:20px 2em 1em 0;
/*height:auto;*/
}

div.flashcontent h2{
clear:left !important;
width:80% !important;
}

div.flashcontent h2{
clear:left !important;
width:80% !important;
}

#mtiflash{
position:absolute;
top:15px;
left:624px;
z-index:2000;
}

#content #indexmt img{
margin-top:0;
}


#content #indexmt img.buttonimg{
margin-top:12px;
}


#content #indexmti div.indexmtibox{
border:1px solid #ccc;
padding:5px;
margin-top:5px;
min-height:70px;
height:auto !important;
height:70px;/*Needs to match the min height pixels above*/
}

#content #indexmti div.indexmtibox h2{
clear:none;
background:none;
color:#d55;
font-weight:bold;
font-size:1.1em;
margin:0 0 0 120px;
padding:0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

#content #indexmti div.indexmtibox p{
color:#333;
font-size:1em;
margin:0;
padding:0 0 0 120px;
}

#content #indexmti div.indexmtibox img{
float:left;
border:1px solid #ccc;
margin:0;
}

#content #indexmt div.indexmtbox{
border:1px solid #ccc;
padding:5px;
margin-top:5px;
min-height:75px;
height:auto !important;
height:75px;/*Needs to match the min height pixels above*/
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 3px #888;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
}

#content #indexmt div.indexmtbox h4{
clear:none;
background:none;
color:#d55;
font-weight:bold;
font-size:1.1em;
margin:0 0 0 90px;
padding:0;
}

#content #indexmt div.indexmtbox h4 a{
display:block;
}

#content #indexmt div.indexmtbox p{
color:#333;
font-size:1em;
margin:0;
padding:0 0 0 90px;
}

#content #indexmt div.indexmtbox ul{
padding:0 0 0 90px;
}

#content #indexmt div.indexmtbox img{
float:left;
/*border:1px solid #ccc;*/
margin:0 0 0 0;
}

#content #indexmt div.indexmtbox p.extras{
font-size:1em;
min-height:20px;
margin:0.5em 0 0 90px;
padding:2px 0 0 60px;
background: url(/grafix/generix/mt-extra.png) no-repeat 0 0;
}



#content p.synopsis{
font-size:1.1em;
color:#69c;
font-weight:bold;
border:1px solid #9cd;
border-left:0;
border-right:0;
padding:1.3em;
}

#content p.journalsynopsis{
font-size:1.1em;
color:#69c;
font-weight:bold;
border:1px solid #9cd;
border-left:0;
border-right:0;
padding:1.3em;
margin-left:165px;
}

#adverts div.ad{
margin:0 0 1em 5px;
}

#content p.buyarticle{
text-align:right;
font-size:0.8em;
margin-top:0.5em;
color:#999 !important;
}

#content img.mtpic{
clear:right;
float:right;
}

#content img.mtcover{
margin:1em 1em 0 0;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 3px #888;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
}

#content a.monly{
display:block;
padding:0 0 3px 20px;
background: url(/grafix/generix/member-access.png) no-repeat 0 0 !important;
}

#content a.opacc{
/*display:block;*/
padding:0 0 3px 20px;
background: url(/grafix/generix/open-access.png) no-repeat 0 0 !important;
}

#content a.usacc{
/*display:block;*/
padding:0 0 3px 20px;
background: url(/grafix/generix/user-access.png) no-repeat 0 0 !important;
}

#content a.asacc{
/*display:block;*/
padding:0 0 3px 20px;
background: url(/grafix/generix/associate-access.png) no-repeat 0 0 !important;
}

#content p.link a.asacc{
/*display:block;*/
padding:0 0 3px 20px;
background: url(/grafix/generix/associate-access.png) no-repeat 0 0 !important;
}

#content div.indexmtbox a.uniac,
#content div.indexmtibox a.uniac{
/*display:block;*/
padding:0 0 3px 20px;
background: url(/grafix/generix/university-access.png) no-repeat 0 0 !important;
}

#content p.specialedition{
border:1px solid #b00;
font-weight:bold;
padding:0.5em;
margin:1em;
font-size:1.2em;
background-color:#e9ebdd;
text-align:center;
}

#left #memonlyicons{
margin:1em 0 0 10px;
}

#left #memonlyicons img{
float:left;
margin:3px 3px 0 0;
}

/* error messages start */

#messages{
z-index:1000;
position:absolute;
top:200px;
left:200px;
background-color:#fff;
border:5px solid #b00;
color:#b00;
font-weight:bold;
padding:0;
margin-bottom:10px;
/*margin-left:-200px;*/
width:400px;
padding:5px;
background:#fff url('/grafix/generix/warning-triangle.gif') no-repeat 50% 95%;
min-height:120px;
height:auto !important;
height:120px;/*Needs to match the min height pixels above*/
/*opacity:0.8;
filter:alpha(opacity=80)*/
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
}

#content #noitems{
background-color:#ffb;
border:1px solid #b00;
color:#b00;
font-weight:bold;
padding:0;
margin:10px 0 4em 0;
width:66%;
padding:5px;
}

#content #noitems p{
margin:0;
}

#content #noitems img{
margin-left:0;
}


#content #messages h2#errors{
background-image: url(/grafix/bgds/hbar-red.png);
color:#fff;
font-weight:bold;
margin:0 0 10px 0;
}

#content #messages p{
color:#000;
font-weight:bold;
font-size:1.1em;
margin:0 20px 5px 20px;
}

#content #messages img.close{
position:absolute;
top:7px;
right:10px;
margin:0;
}

#content #messages img.finish{
float:right;
margin:0;
}

/* error messages end */


#logintop{
position:absolute;
top:0;
right:-50px;
font-size:0.9em;
color:#666;
height:21px;
width:500px;
background:transparent;
margin:0;
padding:0;
}

#logintop fieldset{
padding:0;
margin:0;
background:transparent;
}


#logintop input{
position:relative;
top:-1px;
height:18px;
border:1px solid #ccc;
background-color:#fff;
padding:0;
}

#logintop input.loginsubmit{
border:0;
position:relative;
top:3px;
}


/*#logintop span{
color:#951;
font-weight:bold;
}*/

#logintop a:link,
#logintop a:visited{
color:#951;
text-decoration:none;
border-bottom:1px dotted #951;
}

#logintop a:hover{
color:#000;
border-bottom:1px solid #951;
}

#loggedin{
position:absolute;
top:-3px;
right:10px;
font-size:0.9em;
margin:0;
padding:0;
}

#loggedin img{
position:relative;
top:5px;
}

#loggedin span.realname{
font-weight:bold;
color:#b00;
}

#loggedin span.username{
font-weight:normal;
color:#999;
}

#statusnote{
margin:0 0 5px 5px;
}

#newreg{
/*position:relative;
border:1px solid #b00;
background-color:#eee;
padding:0 5px 5px;
font-weight:normal;*/
}

#newreg em{
color:#b00;
font-weight:bold;
font-style:normal;
}

#newregsystem{
position:absolute;
top:-20px;
left:-20px;
}

#content ul.subsitemap{
margin-left:4em;
}

#content #notloggedin{
background:#fff url('/grafix/generix/warning-triangle.gif') no-repeat top right;
border:2px solid #b00;
color:#b00;
font-weight:bold;
padding:5px 100px 5px 5px;
margin:1em 0;
min-height:73px;
height:auto !important;
height:73px;/*Needs to match the min height pixels above*/
/*opacity:0.8;
filter:alpha(opacity=80)*/
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
}

#content #notloggedin p{
margin:0 0 5px 50px;
}

#content #notloggedin span.file{
margin:0 0 5px 0;
color:#086;
}


#content #notloggedin img{
float:left;
margin:3px 1em 0 0;
}

#content div.flashsatay{
margin:1em 0;
border:2px solid #d55;
}

#content table#dnlhistory{
margin:1em 0 1em 0;
}

#content table.archive th,
#content table.archive td{
text-align:center;
font-weight:bold;
}

#content table.archive td{
background-color:#dbffdd;
}

#content table.archive td.notyet{
background-color:#fff4f4;
}

#rightbasket{
background-color:#fff;
border:2px solid #fc3;
line-height:1.3em;
font-size:0.9em;
width:139px;
padding:3px;
margin-bottom:1em;
margin-left:5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 3px #888;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
}

#rightbasket h3{
font-size:1.2em;
font-weight:bold;
color:#393;
margin:0 0 0.5em 0;
}

#rightbasket p{
text-align:right;
border-bottom:1px solid #fc3;
}

#rightbasket p span{
display:inline-block;
/* width:6em; */
}

#rightbasket p.button{
margin:0.5em 0 0 0;
}

p.old,
p.new{
font-weight:bold;
}

p.old a,
p.new a{
font-weight:bold;
}

p.addisclaim{
color:#666;
border:1px solid #666;
border-left:0;
border-right:0;
padding:3px 0;
font-size:0.8em;
text-align:center;
margin-bottom:10px;
}

.amazonad{
border:0 !important;
padding:0.5em;
background-color:#b58328;
width:120px;
-moz-border-radius: 10px;
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
border-radius: 10px;
box-shadow: 3px 3px 5px #888;
}

.amazonad.left{
float:left;
clear:left;
margin:5px 2em 1em 0;
}

.amazonad.right{
float:right !important;
clear:right;
margin:5px 0 1em 2em;
}

.amazonad iframe{
float:right;
border:0 !important;
margin:0 0;
padding:0;
-moz-border-radius: 5px;
border-radius: 5px;
}

#content p.forsubedit{
color:	#556b2f;
font-weight:bold;
font-size:1.4em;
padding:0.5em;
border:1px dotted green;
background-color:#66cdaa;
}

#content p.need{
padding:0;
border-right:10px solid red;
background-color:yellow;
}

#content p.finalproof{
color:#000;
font-weight:bold;
font-size:1.4em;
padding:1em;
border:1px solid blue;
background-color:orange;
}

#content div.boxedin{
border:1px solid #777;
padding:1em;
font-weight:bold;
}

#content blockquote p{
margin-left:20px;
margin-right:50px;
}

div.qrcoderight{
float:right;
width:200px;
margin:1em 0 0.5em 1.5em;
border:1px solid #ccc;
background-color:#eee;
}

div.qrcoderight h3{
margin:0 !important;
}


div.qrcoderight img{
margin:0.8em 5px 0 5px !important;
}

div.qrcoderight p{
font-size:0.9em;
padding:0 0.5em 0.5em;
line-height:1em !important;
}

div#twitter,
div#googleconnect{
margin-left:10px;
margin-bottom:1em;
}

div#googleconnect{
line-height:1em !important;
}

#content #heritage{
float:left;
width:290px;
height:150px;
border:1px solid #eb7;
padding:3px;
margin:17px 1em 0.5em 0;
}

#content #heritage h2{
color:#fff;
margin:0;
font-weight:bold;
font-size:1.2em;
height:21px;
background: #eee url(/grafix/bgds/hbar-bronze.png) repeat-x 0 0;
padding:4px 5px 1px 5px;
text-align:center;
}

#content #heritage p{
margin:3px 0 0 0;
}

#content #heritage img{
margin:10px 5px 1px 0;
}

div.feature{
position:relative;
margin:0.5em 0 1em 0;
min-height:75px;
height:auto !important;
height:75px;/*Needs to match the min height pixels above*/
}

div.feature h4{
font-size:1.1em;
font-weight:bold;
color:#b00;
margin:0 0 0 60px !important;
}

div.feature h5{
font-size:1em !important;
font-weight:bold !important;
color:#b00 !important;
margin:0 0 0 0 !important;
background:0 !important;
border-top:1px solid #ccc;
}

div.feature p{
margin:5px 5px 0 60px !important;
line-height:140% !important;
}

div.feature img{
margin:2px 10px 0 5px !important;
}

div.feature img.newsplash{
position:absolute;
top:-45px;
right:-30px;
}

div.box img.newsplash{
position:absolute;
top:-45px;
right:-15px;
}


div.halfbox img.newsplash{
float:right !important;
}

div.feature img.bestsplash{
position:absolute;
top:-60px;
right:-30px;
}

#right #amazonshopwidget{
margin:0 0 1em 5px;
width:120px;
padding:0 15px;
height:260px;
border:1px solid #f95247;
background-color:#fcfddc;
background-image:url('/grafix/logos/amazon-shop-bgd.png');
background-position: top left;
background-repeat:no-repeat;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 3px #888;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
}

pre.admincode{
font-family:Consolas, "Courier New", Courier, monospace;
font-size:1em;
color:#600;
background-color:#ffe;
border:2px solid #006;
padding:1em;
margin:1em;
}

#kshexagon{
float:right;
position:relative;
width:113px;
height:109px;
margin:0 28px 1em 20px;
}


#kshexagon.prefset{
background: transparent url(/grafix/generix/userhexes/ks-badge-bgd.png) no-repeat;
}

#kshexagon.noprefset{
background: transparent url(/grafix/generix/userhexes/no-pref-set.png) no-repeat;
}

#kshexagon img{
margin:0;
}

#left a:link.myatmwhatsthis{
display:block;
text-align:center;
width:150px;
margin-left:10px;
font-size:0.9em;
text-decoration:none;
color:#3a71aa;
}

#left a:visited.myatmwhatsthis{
text-decoration:none;
color:#0ae;
}

#left a:hover.myatmwhatsthis{
color:#f04;
text-decoration:none;
}

table.comparison thead tr th{
text-align:center !important;
}

table.comparison tbody tr th{
background-color:#f3f7fd !important;
}

table.comparison tbody tr th.user{
background-color:#ffffe2 !important;
}

table.comparison tbody tr th.assoc{
background-color:#d9fdf0 !important;
}

table.comparison td.no{
background: url('/grafix/generix/red-cross.png') 50% 50% no-repeat;
}
table.comparison td.yes{
background: url('/grafix/generix/green-tick.png') 50% 50% no-repeat;
}

#content div.addressbox{
width:300px;
padding:5px;
float:left;
margin:0 1em 1em 0;
}

#content #userlevel{
margin:1em 0;
}

#content #userlevel img{
margin:0 10px 5px 0;
float:left;
}

#content #userlevel p{
margin:5px 0 0 0;
padding:0;
clear:left;
font-size:1.1em;
}

#content #userlevel p.not{
color:#999;
}

#content a img.popupqmark{
margin:2px 0 0 0;
}

#content table#questions p.old{
color:#999;
}

#content table#questions p.new{
color:#800;
}

#content #foyerbox{
width:120px;
float:left;
margin:10px 20px 0 0;
}

#content #foyerbox img{
margin:0 0 8px 0;
}

#content #foyerbox h2{
margin:0 0 6px 0;
background-image: url(/grafix/bgds/hbar-brown.png);
padding-left:5px;
}

#bottommenu{
font-size:0.9em;
margin:0 190px 0 200px;
}

#bottommenu h2{
background-color:#ddd;
color:#757575;
font-size:1.1em;
font-weight:bold;
padding:2px 5px 5px;
margin:0 0 0 0;
}

#bottommenu h3{
color:#757575;
font-weight:bold;
/*width:100%;*/
margin:1em 0 0.5em  0;
text-transform:uppercase;
background-color:#f7f7f7;
padding:2px;
}

#bottommenu div.bottomsubmenu{
float:left;
margin:0 10px 0 0;
width:23%;
}

#bottommenu div.bottomsubmenu li{
margin:0 0 5px 0;
padding:0 0 0 2px;
}

#bottommenu div.bottomsubmenu li a:link{
text-decoration:none;
color:#999;
}

#bottommenu div.bottomsubmenu li a:visited{
text-decoration:none;
color:#999;
}
#bottommenu div.bottomsubmenu li a:hover{
text-decoration:none;
color:#800;
}

code{
font-size:1.2em;
font-weight:bold;
}

p.pullquote{
border-top:1em solid #bbb;
border-bottom:2px solid #bbb;
padding:5px 1em;
float:right;
margin:1em 0.5em 1em 2em !important;
font-weight:bold;
font-size:1.3em;
color:#999;
width:25%;
text-align:center;
background: url(/grafix/generix/quotation.png) 0 5px no-repeat;
}

/* key stage legend start */

#keystagething{
float:left;
margin:0;
}

h4.keystage{
margin:3px 0 0 0 !important;
padding:0 !important;
font-weight:normal !important;
font-size:0.9em !important;
}

#keystage{
margin:5px 0 0 0 !important;
padding:0 0 0 0;
list-style:none;
font-weight:bold;
}

#keystage li{
display:inline;
border:1px solid #ccc;
padding:0 3px;
color:#89b;
}

#keycolours span{
font-weight:bold;
padding:0 3px;
border:1px solid #ccc;
color:#89b;
}

#keystage li.kon,
#keycolours span.kon{
border:1px solid #b00;
background-color:#396;
color:#ffc;
}

#keystage li.kad,
#keycolours span.kad{
border:1px solid #b00;
background-color:#fb0;
color:#579;
}

#keycolours span.kon{
}

#keystages th,
#keystages td{
text-align:center;
}

/* key stage legend end */

#gapsacknow{
width:400px;
float:right;
border:2px solid #666;
padding:5px;
margin:0 0 1em 2em;
background-color:#fff;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
}

#gapsacknow p{
margin:0;
}

#gapsacknow p#researchref{
clear:right;
font-size:0.8em;
}

#gapsacknow img{
float:right;
margin:0 0 5px 5px;
}

#addedtobasket{
display:none;
z-index:1000;
position:fixed;
bottom:10%;
left:50%;
background-color:#cfb;
border:5px solid #b00;
color:#b00;
font-weight:bold;
padding:0 1em 1em 1em !important;
margin:0 0 0 -125px;
/*margin-left:-200px;*/
width:250px;
padding:5px;
height:50px;
/*opacity:0.8;
filter:alpha(opacity=80)*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
}

#content #searchtable{
border-collapse:collapse;
border:0;
}

#content #searchtable td{
border:0;
vertical-align:top;
}

#content #searchtable p{
margin:0;
padding:0;
height:17px;
/*width:130px;*/
}

#content #searchtable img{
display:inline;
position:relative;
top:-3px;
margin-right:8px;
}

#content #searchtable p input{
/*float:right;*/
margin-right:8px;
}

#content #searchtable h3{
margin:0 0 1em 5px;
}

#content #searchresults h3{
margin:0 0 0.5em 0;	
}