/**** University of Otago Sub-site Template CSS 2010 *****/

strong { font-weight: bold; }
em { font-style: italic; }
fieldset { border: none; }
.skip { position: absolute; left: -5000px; }
.clearall { height: 0 !important; clear: both !important; }
.noprint { display: none !important; }
.noborder { border: 0 none !important; }
.required { color: #ff0000; font-weight: bold; }

.noprint, 
#navigation, 
#fade, 
.breadcrumbs, 
.topofpage, 
#right .search, 
#right #basicBookmark, 
.footertools { display: none !important; }

body {
	font-size: 13pt; 
	margin: 0em;
	padding: 0em;
	font-family: "Times New Roman", Times, serif; 
	background: #ffffff;
	width: 100% !important;
 }
 

.container_16 {   }

/***** HEADER *****/

#header { white-space: nowrap;   }
.logo { position: absolute; z-index: 9;	top: 49px; left: 10px; }
.title { position: absolute; z-index: 9; top: 49px; left: 180px; }


 
/***** FEATURE *****/
#featurebanner { margin: 0px 0em 0em 0em; border: none 0; width: 100%; clear: both; }
#featurebanner img { }

/***** CONTENT *****/
#content, #right { color: #000000; margin: 1.0em 0em 0em 180px; width: 200mm; padding-bottom: 0em; }

#content a, #right a { color: #333333; text-decoration: underline; }

#content h1 { font-size: 2.0em; }
#content h2 { }
#content h3 { }
#content h4 { }
#content h5 { }
#content h6 { }
#content p { }
#content ul { }
#content ol { }
#content li {}


#content ul.pagesubnav li { padding: 0.25em 0em 0.25em 0em; }
#content ul.pagesubnav li ul { margin-bottom: 0em; }
#content ul.pagesubnav li ul li {}
#content ul.pagesubnav li ol {}
#content ul.pagesubnav li ol li {}
#content ul.pagesubnav a { text-decoration: none; }
#content ul.pagesubnav a:hover { text-decoration: underline; }

.pagesubnav li h2 { 
background: none !important; 
border: none !important; line-height: 1.0em !important; font-size: 1.0em !important; font-weight: bold !important; margin: 1.0em 0em 0em 0em !important; }

#content p.topofpage { text-align: right; margin: 5.0em 0em 5.0em 0em; clear: both; color: #cc6600; }
#content p.topofpage a { text-decoration: none; }
#content p.topofpage a:hover { text-decoration: underline; }
#content p.topofpage a:visited { color: #003399; }

#content .atoz { line-height: 2.3em; }
#content .atoz a { border: 1px solid #cccccc; padding: 0.25em 0.5em 0.25em 0.5em; text-decoration: none; }
#content .atoz a:hover { background-color: #f1f1f1; text-decoration: underline; }



#content table { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; width: 100%;  margin: 0em 0em 1.5em 0em; }
#content table tr {}
#content table th { border-bottom: 1px solid #cccccc;  border-right: 1px solid #cccccc; background-color: #eaeaea; padding: 0.25em 0.5em; font-weight: bold; text-align: left; vertical-align: top; }
#content table th img { padding: 0; border: none 0; }
#content table td { border-bottom: 1px solid #cccccc;  border-right: 1px solid #cccccc; padding: 0.25em 0.5em; vertical-align: top; }
#content table td h1 { color: #990066; font-weight: bold; font-family: "Courier New", Courier, monospace; }
#content table td h2 {}
#content table td h3 {}
#content table td h4 {}
#content table td h5 {}
#content table td h6 {}
#content table td p { line-height: 1.3em; margin-bottom: 0.5em; }
#content table td ul {}
#content table td ol {}
#content table td li {}



/***** FORMS ******/

form.login {}
form.login label { font-weight: bold; width: 20%; display: inline-block; }
form.login input[type=radio] { width: 5%; }
form.login input[type=text] { width: 100%; }
form.login input[type=submit] { width: 25%; font-weight: bold; }
form.login input[type=submit]:hover { background: #ffcc00; }
form.login input.year { width: 7em; }

form.login input, form.login select {  border: 1px solid #cccccc; height: 2.0em; background: #f8f8f8; }

form.login table {  border: none 0 !important; }
form.login table tr { border-bottom: 1px dotted #cccccc; }
form.login table th { background-color: #ffffff !important; width: 25%; border: none 0 !important; vertical-align: middle !important;  font-weight: normal !important; }
form.login table th .required { font-weight: bold; }
form.login table td { width: 50%; border: none 0 !important; vertical-align: middle !important; }


/*** EVENTS CALENDAR front corporate ***/
#content div.event { overflow: hidden; margin: 0em 0em 1.0em 0em; }

#content div.eventdate, #content div.eventnodate {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 0.5em;
	width: 53px;
	height: 58px;
	overflow: visible; 
	float: left; 
	text-align: center;
	color: #666666;
	background-image: url(../../otg_assets/gfx/icons/calendar-day.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 1.0em 0em 0em 0em; 
}
#content div.eventdate span.day { font-weight: bold; }

#content div.eventnodate { background-image: none; }


#content div.insideevent { float: left; 
border: 1px dotted #cccccc; 
padding: 1.0em; margin: 0.5em 0em 0em 1.0em; width: 76%; }

#content div.insideevent h3 { font-size: 1.0em; margin: 0em 0em 0.25em 0em; padding: 0; font-weight: bold; }
#content div.insideevent p {  font-size: 0.9em; margin: 0; padding: 0; }

#content div.insideevent p span.smaltag { font-size: 1.0em; }

#content p.share { font-weight: bold; color: #666666; margin-top: 1.0em !important; }
#content p.share a { font-weight: normal; color: #666666; text-decoration: none; }

#content p.share a.google { background: url(../../otg_assets/gfx/icons/calendar-google.jpg) no-repeat left top !important; padding: 0.2em 1.0em 2.0em 2.0em !important; }
#content p.share a.yahoo { background: url(../../otg_assets/gfx/icons/calendar-yahoo.jpg) no-repeat left top !important; padding: 0.2em 1.0em 2.0em 2.0em !important; }
a.ical { background: url(../../otg_assets/gfx/icons/calendar-ical.jpg) no-repeat left top !important; padding: 0em 2.0em 2.0em 2.5em !important; white-space: nowrap; }

#content p.share a:hover { text-decoration: underline; color: #000000; }




/***** RIGHT *****/

#right { padding-top: 2.0em; }

/*
#right div { width: 100%; margin: 0; padding: 0; }
*/
#right div { width: 50%; float: left; }

#right h2 { font-size: 1.0em; color: #333333; 
 font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.1em; font-weight: 400; text-decoration: none; padding: 0em; margin: 1.0em 0em 0.35em 0em; text-transform: uppercase; }



/*related info with outside h2 heading */

#right div.relatedinfo { background: none 0; }
#right div.relatedinfo ul {  background: none 0; }
#right div.relatedinfo p {  background: none 0; }
#right div.relatedinfo form { background: none 0; }







/*** EVENTS CALENDAR front corporate ***/
#right div.event { overflow: hidden; margin: 0em 0em 1.0em 0em; }

#right div.eventdate, #right div.eventnodate {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 0.5em;
	width: 53px;
	height: 58px;
	overflow: visible; 
	float: left; 
	text-align: center;
	color: #666666;
	background-image: url(../../otg_assets/gfx/icons/calendar-day.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 1.0em 0em 0em 0em; 
}
#right div.eventdate span.day { font-weight: bold; }

#right div.eventnodate { background-image: none; }


#right div.insideevent { float: left; 
border: 1px dotted #cccccc; 
padding: 1.0em; margin: 0.5em 0em 0em 1.0em; width: 50%; }

#right div.insideevent h3 { font-size: 1.0em; margin: 0em 0em 0.25em 0em; padding: 0; font-weight: bold; }
#right div.insideevent p {  font-size: 0.9em; margin: 0; padding: 0; }

#right div.insideevent p span.smaltag { font-size: 1.0em; }

#right p.share { font-weight: bold; color: #666666; margin-top: 1.0em !important; }
#right p.share a { font-weight: normal; color: #666666; text-decoration: none; }

#right p.share a.google { background: url(../../otg_assets/gfx/icons/calendar-google.jpg) no-repeat left top !important; padding: 0.2em 1.0em 2.0em 2.0em !important; }
#right p.share a.yahoo { background: url(../../otg_assets/gfx/icons/calendar-yahoo.jpg) no-repeat left top !important; padding: 0.2em 1.0em 2.0em 2.0em !important; }
a.ical { background: url(../../otg_assets/gfx/icons/calendar-ical.jpg) no-repeat left top !important; padding: 0em 2.0em 2.0em 2.5em !important; white-space: nowrap; }

#right p.share a:hover { text-decoration: underline; color: #000000; }


/***** FOOTER *****/
.footerwrapper { clear: both; background: none; }
.footerwrapper div { vertical-align: top; margin: 0; padding: 0; float: left; }
.contacts { }
.footertools { }