/* -- Re-defined html tags */
body
{
    margin: 0px;
    padding: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #EDEEE9;
}
table
{
	width: 100%;
	padding: 0px;
}
h1
{
    font-size: 240%;
    color: #0B7E7B;
    font-family: 'Trebuchet MS';
}
h2
{
	font-size: 160%;

}
h3
{
	font-size: 130%;
}
p 
{
	line-height: 140%;
}
img
{
	border: none;
}
label
{
    font-weight: bold;
    text-align: left;
    font-size: 90%;
    margin-right: 10px;
}
label.error 
{ float: none; color: red; padding-left: .5em; vertical-align: top; }



strong
{
	color: #0B7E7B;	
}

li
{ 
	margin-bottom: 10px;
}
ol 
{ 
	font-size: 77%;
}
td
{
	vertical-align: top;
}
acronym, abbr {
	border-bottom: 1px dotted #666666;
	cursor: help;
}
a:link
{
    text-decoration: none;
    color: #0B7E7B;
}
a:visited
{
    text-decoration: none;
    color: #978d87;
}
a:hover 
{  
	text-decoration: underline; 
}
/* -- Layout Structure */

#MainLayoutTable
{
    padding: 0px;
    margin: 0px auto 0px auto;
    width: 990px;
    background-color: #FFFFFF;
}

#SkipNav
{
	display: none;
}
#RightColumn
{
    width: 325px;
    margin-right: 5px;
}

#RightColumn form
{
	margin: 0px;
}
#CentreColumn
{
    width: 645px;
    padding: 10px 20px 10px 20px;
}

.SiteMap
{
	font-size: 190%;
}
.SiteMap ul 
{  
	font-size: 77%;
	margin-top: 10px;
}
#Next
{
	text-align: right;
}
/* -- Header */

#Header
{
    padding: 0px;
    margin: 0px;
    position: relative;
}
#TopBanner
{ 
    padding: 0px;
    margin: 0px;
    z-index: 0;
    text-align: left;
    width: 990px;
}
/* -- Random Testimonials */

    
#RandomTestimonial .box_table
{
    border-style: none;
    margin: 0px;
    padding: 3px;
    width: 240px;
    height: 135px;
    top: 10px;
    left: 665px;
    position: absolute;
    font-family: 'Trebuchet MS';
    font-size: 180%;
    color: #FFFFFF;
    line-height: 150%;
}

 #RandomTestimonial .box_footer
{
    padding: 0px;
    margin: 0px;
}
/* -- Search box */
#Searchcontainer
{
}
    
.search_box label
{
    background-position: left;
    float: left;
    color: #FFF;
    background-image: url('/images/link_arrow_tint.gif');
    background-repeat: no-repeat;
    text-indent: 10px;
    margin-right: 2px;
    margin-top: 2px;
    border: none;
}
.search_box .box_table
{
    width: 150px;
    top: 155px;
    left: 665px;
    position: absolute;
    border: none;
}
.search_box .box_body
{
	padding-left: 3px;
	border: none;
}
.search_box .box_body td
{
	border: none;
}

/* -- Layout */
/* -- ---------------Main Table------------------------------ */


/* -- -------------Top Navigation banner-------------------------------- */

#Primary
{
    font-family: 'Trebuchet MS';
    padding: 3px 5px 5px 5px;
    top: -2px;
    position: relative;
    background-color: #bab1a4;
    text-align: left;
    font-size: 130%;
}
div.primary_nav_selected
{
    padding: 10px 5px 5px 5px;
    width: 100%;
    display: inline;
    text-align: left;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #0B7E7B;
}
div.primaryleft
{
    padding: 12px 0px 5px 5px;
    margin-right: 0px;
    margin-left: 0px;
    width: 10px;
    background-position: left top;
    background-image: url('/images/higlight_top_left_corner.gif');
    background-repeat: no-repeat;
    display: inline;
}
div.primaryright
{
    padding: 12px 0px 5px 0px;
    margin-right: 0px;
    margin-left: 0px;
    text-align: left;
    background-position: right top;
    background-image: url('/images/higlight_top_right_corner.gif');
    background-repeat: no-repeat;
    display: inline;
}

div.primary_nav
{
    width: 100%;
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
}

.primary_nav_selected a
{
 color: #FFFFFF;
}
.primary_nav a
{
 color: #FFFFFF;
}
#Secondary
{
    background-position: bottom;
    font-family: 'Trebuchet MS';
    font-size: 120%;
    padding: 3px 5px 8px 5px;
    top: -2px;
    position: relative;
    text-align: left;
    background-image: url('/images/navigation_bar_bg.gif');
    background-repeat: repeat-x;
    background-color: #0B7E7B;
}
div.secondary_nav_selected
{
    padding: 5px 5px 5px 5px;
    width: 100%;
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
}
div.secondary_nav
{
   width: 100%;
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
}
.secondary_nav_selected a
{
 color: #FFFFFF;
}
.secondary_nav a
{
 color: #FFFFFF;
}
#Tertiary
{
    font-family: 'Trebuchet MS';
    font-size: 110%;
    top: -2px;
    position: relative;
    background-color: #bab1a4;
    padding: 5px 5px 1px 5px;
    text-align: left;
}
div.tertiary_nav_selected
{
    padding: 5px 5px 5px 5px;
    width: 100%;
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
}
div.tertiary_nav
{
   width: 100%;
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
}
.tertiary_nav_selected a
{
 color: #FFFFFF;
}
.tertiary_nav a
{
 color: #FFFFFF;
}


/* -- -------------Login box-------------------------------- */
#login-form div {
   position: relative;
}
.login_box
{
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}
.login_box .box_header
{
	
	padding-bottom: 7px;
}
.login_box .field input
{
	width: 80px;
}
.login_box .button
{
	float: right;
}

/* -- Basic Page Content */

#BasicPage img
{
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 5px 5px;	
}
#BasicPage .bodyPhoto
{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 30px;
}
#BasicPage #heiLogo
{
	float: left;
	padding: 0px;
}
#BasicPage .list_items .box_body img
{
	padding-right: 15px;
}
.RecordIcon
{
	width: 50px;
}
/* -- Basic Event Content */
#BasicEvent #EventImage
{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
/* -- Case Study Content */
#casestudy img
{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
#casestudy .universitylogos img
{
	float: left;
	padding-left: 10px;
	padding-bottom: 20px;
}
#casestudy h2
{
    font-size: 160%;
    color: #0B7E7B;
    font-family: 'Trebuchet MS';
} 
/* -- General Content */
#general img
{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
.generallistleft
{
width: 20%;
}
/* -- News Content */
#news img
{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
/* -- User admin Content */
#UserAdmin img
{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
/* -- random image Content */

.randomimagethumbnail
{
width: 250px;
}

/* -- advert tables */
.advert
{
    width: 150px;
    border: 1px solid #bab1a4;
    padding: 0px;
    margin: 0px;
    height: 100%;
    vertical-align: top;
}
html, body, .adtable
{
    height: 100%;
    padding-top: 0px;
    margin-top: 0px;
}

body > .adtable
{    
    height: auto;
    min-height: 100%;
    margin-top: 0px;
    padding-top: 0px;
 }

 .adtable
{
    margin-bottom: -30px;
}

  /* must be same height as the footer */

.adbanner
{
    background-position: bottom;
    color: #FFF;
    background-image: url('/images/title_bar_bg.gif');
    background-color: #0B7E7B;
    background-repeat: repeat-x;
    font-family: 'Trebuchet MS';
    font-size: 160%;
    font-weight: bold;
    height: 20px;
    padding-left: 2px;
}
.adimage img
{
    width: 150px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.advert p
{ 
    padding: 3px;
}
.adlink
{
    float: right;
    padding-top: 3px;
    padding-bottom: 3px;
}
.adlink a
{
    text-align: right;
}
.adright
{
    float: right;
}
.adright a
{
    color: #FFFFFF;
    font-weight: bold;
}
.adbottom
{
    margin: -12px 0px 0px 0px;
    background-color: #bab1a4;
    vertical-align: bottom;
    height: 18px;
    position: relative;
    clear: both;
    padding-top: 3px;
    padding-right: 3px;
}
.2coladtable
{
   height: 100%; 
}

.twocoladvert
{
    color: #000000;
    padding: 0px;
    border: 1px solid #bab1a4;
    margin-bottom: 10px;
    background-color: #98CAC9;
}
.twocoladvert p h2
{
    padding: 5px;
}
.twocoladvert a
{
    color: #0B7E7B;
    font-weight: bold;
}
#twocoladvert .adimage img
{
    width: 320px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* -- Contact us form */
#contactus td
{
    vertical-align: top;
}
#contactus label
{
    float: left;
    text-align: left;
}
#contactus .leftcol1
{
    width: 45%;
    text-align: left;
    background-color: #ded8d1;
}
#contactus .leftcol2
{
    width: 45%;
    text-align: left;
}
#contactus .rightcol1
{
    text-align: left;
    background-color: #ded8d1;
    width: 100%;
}
#contactus .rightcol2
{
    text-align: left;
    width: 100%;
}
#contactus .label
{
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 90%;
}
#contactus2 .leftcol1
{
    width: 45%;
    text-align: left;
    background-color: #ded8d1;
}
#contactus2 .leftcol2
{
    width: 45%;
    text-align: left;
}
#contactus2 .rightcol1
{
    text-align: left;
    background-color: #ded8d1;
    width: 100%;
}
#contactus2 .rightcol2
{
    text-align: left;
    width: 100%;
}
#contactus2 label
{
    float: left;
    text-align: left;
}
#contactus2 .label
{
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 90%;
}
.contactus .leftcol1
{
    width: 45%;
    text-align: left;
    background-color: #ded8d1;
}
.contactus .leftcol2
{
    width: 45%;
    text-align: left;
}
.contactus .rightcol1
{
    text-align: left;
    background-color: #ded8d1;
    width: 100%;
}
.contactus .rightcol2
{
    text-align: left;
    width: 100%;
}
.contactus label
{
    float: left;
    text-align: left;
}
.contactus .label
{
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 90%;
}
#contactform input
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	float: left;
}
#contactform textarea
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	float: left;
}
#contactform option
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
}

#contactus input
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	float: left;
}
#contactus textarea
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	float: left;
}
#contactus option
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
}

/* -- Right Boxes */
.box_table
{
    margin: 0px;
    border: 1px solid #bab1a4;  
}
.box_header
{
    background-position: bottom;
    background-image: url('/images/title_bar_bg.gif');
    background-color: #0B7E7B;
    color: #FFF;
    background-repeat: repeat-x;
    font-family: 'Trebuchet MS';
    padding-top: 3px;
    padding-bottom: 8px;
    height: 20px;
    font-weight: normal;
    font-size: 160%;
}
.box_header h2
{
    margin: 0px;
    font-size: 110%;
    padding-left: 3px;
    font-weight: normal;
}
.box_header h3
{
	margin: 0px;
	font-size: 105%;
	padding-left: 3px;
	font-weight: normal;
}
.box_body ul
{
    /*removes indent IE and Opera*/ /*removes indent Mozilla and NN7*/
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 15px;
    list-style-type: none; /*turns off display of bullet*/
    list-style-image: url('/images/link_arrow_tint.gif');
}
.box_body li
{
    /*removes indent IE and Opera*/ /*removes indent Mozilla and NN7*/
    margin: 5px 0px 5px 0px;
    padding: 0px 5px 0px 0px;
    list-style-type: none;
    list-style-image: url('/images/link_arrow_tint.gif');
}
.box_footer
{
	text-align: center;
}
.filterleft
{
	float: left;
}
.filtertitle
{
width: 30%;
}
.list_items .box_body ul 
{
	margin: 0px 0px 0px 25px; /*removes indent IE and Opera*/
	padding: 0px 0px 0px 25px; /*removes indent Mozilla and NN7*/
	list-style-type: disc; /*turns off display of bullet*/
}
.list_items .box_body li 
{
	margin: 0px 0px 5px 0px; /*removes indent IE and Opera*/
	padding: 0px 0px 0px 0px; /*removes indent Mozilla and NN7*/
	list-style-type: disc; /*turns off display of bullet*/
}

#recordlistings tr
{
    background-color: #FFFFFF;
 
}
#recordlistings tr.striped
{
    background-color: #ded8d1;
}

.centersmall
{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.box_table
{
    border-width: thin;
    border-color: #ded8d1;
    margin-bottom: 10px;
    border-left-style: solid;
}
.box_body td
{
    border-style: none solid solid none;
    border-width: 1px;
    border-color: #ded8d1;
    padding-top: 5px;
    padding-bottom: 5px;
}

.closing
{
    font-weight: bold;
    font-size: 90%;
    color: #076;
}


/* -- Footer */

#FooterLeft
{
	text-align: left;
	padding-top: 10px;
}

#FooterRight
{
	text-align: right;
	padding-top: 10px;
}
/* -- Admin Forms */


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/images/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 


div.panes div {
	display:none;		
	padding:15px 10px;
	border:none;
	border-top:0;
	background-color:#fff;

}
#EditorialComment strong
{
 	
}
#EditorialComment p
{
 	
}
.SeeAllComments
{
	float: right;
	
}
.SeeAllComments a
{
	float: right;
}
#ImageUpload strong
{
 
}
#NB 
{
	
}
#WebURL strong
{
 
	float: right;
}
#WebURL p
{
 	
}
#FileUpload
{
}
#FileUpload strong
{
 
	float: right;
}
#NBFileUpload
{
	float:none;
	font-weight: bold;
}
#AccessLevel strong
{
 	
}
#AccessLevel input
{
	width: 75px;
}
.date
{
	
}
.List strong
{
	
}
.topicheadingstitle strong 
{
	
}
#ScoreItem strong
{
	
}
#ScoreItem .Cancel a
{
	float: right;
}
#ScoreItem .Submit
{
	float: right;
}
#EditCategories label
{
	float: none;
}
#SendTo label
{
	float: left;
	padding: 10px;
}
#SendTo h1
{
	padding-left: 10px;
}
#SendTo p
{
	padding-left: 10px;
}
#SendTo .FormFieldNote
{
	clear: left;
	padding-left: 10px;
	padding-bottom: 10px;
}
#SendTo .FormFieldInput
{
	padding-left: 10px;
}
#ContactForm .FormLabel
{
	text-align: right;
	width: 50%;
}
#FormLabelNo
{
	float: left;
}

#FormLabelYes
{
	float: left;
}
/* -- Drop down box */
div.selectbox-wrapper {
  position:absolute;
  background-color:white;
  border-top:0px solid #ddd8d1;
  border-bottom:2px solid #ddd8d1;
  border-right:2px solid #ddd8d1;
  border-left:2px solid #ddd8d1;
  margin:0px;
  margin-top:-10px;
  padding:0px;
  font-size:100%;
  text-align:left;
  max-height:200px;
  overflow:auto;
}
div.selectbox-wrapper ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;

}
div.selectbox-wrapper ul li.selected { 
  background-color: #fff;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  margin:0;
  padding:2px;
  cursor:pointer;
}

label {
    display: block;
}
.selectbox /* look&fell of  select box*/
{
  margin: 0px 5px 10px 0px;
  display: block;
  padding-left:2px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:100%;
  text-align:left; 
  background: url(/images/bg_select.png) right;
  /*height:18px;*/
  cursor: pointer;
  border:2px solid #ddd8d1;
  color:#000;
}



/* -- Aural */
@media aural {
   h1, h2, h3,
   h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
   h1            { pitch: x-low; pitch-range: 90 }
   h2            { pitch: x-low; pitch-range: 80 }
   h3            { pitch: low; pitch-range: 70 }
   h4            { pitch: medium; pitch-range: 60 }
   h5            { pitch: medium; pitch-range: 50 }
   h6            { pitch: medium; pitch-range: 40 }
   li, dt, dd    { pitch: medium; richness: 60 }
   dt            { stress: 80 }
   pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
   em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
   strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
   dfn           { pitch: high; pitch-range: 60; stress: 60 }
   s, strike     { richness: 0 }
   i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
   b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
   u             { richness: 0 }
   a:link        { voice-family: harry, male }
   a:visited     { voice-family: betty, female }
   a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}