@import url(../../otg_assets/css/min/text.css);

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

/* Show MainContent widget in Firefox 13 */
.wcm-region-marker { opacity: 1 !important; }


strong { font-weight: bold; }
em { font-style: italic; }
fieldset { border: none; }
.skip { position: absolute; left: -5000px; }
.clearall { height: 0 !important; clear: both !important; }
.noborder { border: 0 none !important; }
.nobackground { background-color: #ffffff !important; background-image: none !important; background: 0 none !important; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }
.nofloat { float: none !important; }
.floatleft { float: left !important; }
.floatright { float: right !important; }
.nowrap { white-space: nowrap !important; }
.required { color: #ff0000 !important; font-weight: bold !important; font-size: 100% !important; }
input.required, select.required, textarea.required { color: #000000; font-weight: normal !important; }
.error { color: #ff0000; font-weight: bold; }
.width80 { width: 80% !important; }
.center { text-align: center; }
div.jwplayer { margin-bottom: 18px; }

body {
	font-size: 76%;
	margin: 0em;
	padding: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #e9ece2 url(../gfx/background.jpg) repeat-x center top;
 }
 
 .container_16 { background-color: #ffffff; }


 /*
	Resets font-size on MainContent when in Contribution mode
	Added by Geoffrey Hughes, 22 August 2011
*/
 span#MainContent { font-size: 12px; }



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

#header { white-space: nowrap;   }
.logo { position: relative; z-index: 9; top: 49px; }
.title { position: relative; z-index: 9; top: 49px; }
#header img { display: block; }

 
/***** FEATURE *****/
#featurebanner { z-index: 1;
	position: relative;
	margin: -80px 0em 0em 0em;
	min-height: 145px;
	width: 960px;
	background: #3a4d74 url(../gfx/defaultbackground.jpg) no-repeat;
}
#featurebanner img { display: block; }



/**** BRAND UNDERLINES *****/

#fade { background-color: #035496; width: 960px; }
#fade img { display: block; }

#navigation, #content, #right { padding-top: 15px; }



/***** NAVIGATION *****/
#navigation { padding-top: 3.90em; margin-bottom: 12em; clear: both; background: #f8f8f8; }

#navigation a { color: #003399; text-decoration: none; }
#navigation a:hover { color: #003366; text-decoration: underline; }

#navigation h2 { font-size: 1.1em; 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; }
 
 
#navigation ul { margin: 0em 0em 0em 10px; padding: 0em 0.5em 2.0em 0em; }
#navigation li { font-size: 1.0em; line-height: 1.3em; padding: 0; font-weight: bold; list-style-type: none; }
#navigation ul ul { margin: 0em; padding: 0.25em 0em 0.25em 1.0em; border: none; }
#navigation ul ul ul { margin: 0em; font-size: 0.9em; border: none; }

#navigation li li { font-weight: normal; }
#navigation li li strong { font-size: 0.9em; line-height: 1.2em; }
#navigation li li li { list-style-type: circle; color: #999999; }




/***** CONTENT *****/
#content { background: #ffffff; font-size: 1.0em; line-height: 1.5em; padding-bottom: 7.0em; }
#content a { color: #003399; text-decoration: underline; }
#content a:hover { color: #003366; text-decoration: none; }
#content a:visited { color: #663399; }

#content h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #333333; letter-spacing: -0.01em; clear: both; }

#content h2 { border-bottom: 1px solid #cccccc; clear: both; }
#content h2 a { text-decoration: none; }
#content h2 a:hover { border-bottom: 1px solid #003366; }

#content h3 { color: #565656; font-weight: bold; clear: both; }
#content h3 a {}

#content h4 { }
#content h5 { color: #666666; }
#content h6 { color: #666666; }


#content p { }

#content code { word-wrap: break-word; font-family: Monaco, Verdana, Sans-serif; background-color: #f9f9f9; border: 1px solid #D0D0D0; color: #333; display: block; padding: 12px 10px 12px 10px; }

#content h1 img, 
#content h2 img, 
#content p img 
{
margin: 0em 0em 1.5em 20px;
padding: 0em 0em 37px 0em;
float: right;
background: url(../gfx/image-shadow-bottom.jpg) right bottom no-repeat;
 }


#content ul { list-style-type: circle; list-style-position: outside; margin-left: 2.0em; }
#content ol { list-style-type: decimal; list-style-position: outside; margin-left: 2.0em; }
#content li { font-size: 1.0em; line-height: 1.5em; margin: 0em 0em 0.5em 0em; }


#content dl { margin: 0em 0em 0.5em 0em; font-size: 1.0em; line-height: 1.5em; }
#content dt { width: 25%; margin-right: 5%; display: inline-block; font-weight: bold; float: left; display: inline-block; }
#content dd { width: 70%; display: inline-block;}



#content p.smalltag, .smalltag { font-style: italic; color: #666666; }

#content p.notice {
	border: #ccc 1px solid;
	padding:15px 15px 15px 70px;
	font-weight: bold;
	color: #333;
	background: #eaeaea url(../../otg_assets/gfx/notice.png) no-repeat 5px 5px; }

#content p.breadcrumbs {  font-size: 0.8em; line-height: 3.0em; color: #cccccc; margin: 0em; }
#content p.breadcrumbs a { color: #666666; text-decoration: none; }
#content p.breadcrumbs a:hover { text-decoration: underline; }
#content p.breadcrumbs a:visited { color: #666666 !important; }

/*** breadcrumbs ***/
#content ul#breadcrumbs { list-style-type: none; font-size: 10px; line-height: 15px; clear: both !important; margin: 0px 0px 15px 0px;  }
#content ul#breadcrumbs li { float: left; padding: 0px 2px 0px 2px; }
#content ul#breadcrumbs li:after { content: " › "; }
#content ul#breadcrumbs li a { color: #666666; text-decoration: none; }
#content ul#breadcrumbs li a:hover { text-decoration: underline; }
#content ul#breadcrumbs li a.selected { font-style: italic; }
#content ul#breadcrumbs li.breadcrumb_welcome:after {content: ""; }

#content .phonebook table { width: 100%; table-layout: fixed !important; word-wrap: break-word; }
#content .phonebook table td { width: 50%; }
#content .phonebook table td span { font-style: italic; color: #666666; font-size: 0.9em; }

/***** CHECK IN SIMILAR *****/
#content .checkinsimilar img { border: none; padding: 0; margin: 0; }
/*
#content .checkinsimilar { background: #ffcc11; }
#content .checkinsimilar table { width: 90%; }
#content .checkinsimilar table td {}
#content .checkinsimilar table td span { float: left;  }
#content .checkinsimilar table td span span { border: 3px solid #ffccff;  }
#content .checkinsimilar table td img { border: 5px solid #003399;  }
#content .checkinsimilar img#xSubject { display: none; }
*/
#content .checkinsimilar select { width: 90%; }
#content .checkinsimilar input { width: 90%; }


#content ul.pagesubnav {
border: 1px solid #f1f1f1; border-left-width: 0.5em; color: #666666; 
list-style-position: outside; 
padding: 1.0em 1.0em 1.0em 2.0em; margin: 0em 0em 7.150em 0em;
font-size: 0.9em; line-height: 1.35em; }

#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 NAV ***/
#content div.contentnav { font-size: 0.9em; line-height: 1.65em; border-bottom: 1px dotted #cccccc; 
margin: 0em 0em 0.75em 0em; 
padding: 0.25em 0em 1.25em 0em; }
#content div.contentnav h2 { font-size: 1.1em; line-height: 1.0em; border: none; margin: 0; padding: 0; }
#content div.contentnav h2 a { text-decoration: none; font-weight: bold; }
#content div.contentnav h2 a:hover { text-decoration: underline; border: none; }
#content div.contentnav p { margin: 0.15em 0em 0em 0em; }
#content div.contentnav ul { margin-top: 0.5em; }

/*** Top of page ***/
#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 !important; }

#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 p.caption { color: #666666; font-size: 0.9em; line-height: 1.20em; width: 220px; float: right; text-align: right; clear: both !important; margin: 0em 0em 0px 1.5em; 
padding: 0em 0em 45px 0em;
background-image: url(../gfx/image-shadow-bottom.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
#content p.caption img { margin: 0 0 1.0em 0; padding: 0; border: none; }
#content p.caption strong { color: #333333; }


#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 {}

#content table.noborder { border: none; }
#content table.noborder th { border: none; }
#content table.noborder td { border: none; }

/*** 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: url(../gfx/icons/calendar-day.jpg) no-repeat 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(../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(../gfx/icons/calendar-yahoo.jpg) no-repeat left top !important; padding: 0.2em 1.0em 2.0em 2.0em !important; }
a.ical { background: url(../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; }


/*** Question and Answer ***/

#content h2.question { font-size: 1.3em; font-weight: bold; border: 0 none; background-image: url(../gfx/qanda_q.jpg); background-repeat: no-repeat; background-position: left top; padding-left: 45px; min-height: 45px; }

#content div.answer { background: url(../gfx/qanda_a.jpg) no-repeat left top; padding-left: 45px; margin-bottom: 5.0em; }



/** INDIVIDUAL PROFILES **/

#content .individualprofile {
	max-width: 300px;
	margin: 0em 0em 1.5em 2.5em;
	padding: 0em 0em 45px 0em;
	overflow: hidden;
	float: right;
	background-image: url(../gfx/image-shadow-bottom.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content .individualprofile p { font-size: 0.9em; line-height: 1.20em; margin: 0; padding: 0; text-align: right; color: #666666;
}
#content .individualprofile p strong { color: #333333; }
#content .individualprofile p img { 
border: none 0; 
padding: 0em; 
margin: 0em 0em 0.75em 0em; 
 }





/***** CONTENT FORMS ******/

/*** DO NOT AMEND THESE FORM CLASSES etc WITHOUT RIGOUROUS TESTING OF ONLINE REGISTRATION !!! ***/

#content form {}
#content form span.required { margin: 0em 0.5em; }
#content p.requiredfields { border: 1px solid #f1f1f1; border-left-width: 0.5em; color: #000000; padding: 1.0em 1.0em 1.0em 2.0em; margin: 0em 0em 1.50em 0em;
font-size: 0.9em; line-height: 1.35em; }

#content fieldset, 
#content legend, 
#content label, 
#content select, 
#content option, 
#content textarea, 
#content input, 
#content button { vertical-align: top; font-size: 1.0em; line-height: 1.5em; }


#content form fieldset { padding: 1.0em 2.0em; margin-bottom: 1.0em; border: 1px solid #cccccc; }
#content form fieldset h2 { font-size: 1.3em; line-height: 1.1em; margin: 0em 0em 0.5em 0em; padding: 0em; color: #565656; font-weight: bold; 
clear: both; border: none; }
#content form fieldset h2 span { font-size: 0.7692em; font-weight: normal; }

#content form ul li fieldset { margin-top: 1.0em; }

#content form fieldset ul { margin: 0em 0em 1.0em 0em; }
#content form fieldset ul li { list-style-type: none; }
#content form fieldset ul li input[type="radio"]{}
#content form fieldset ul li label { width: 75%; }

#content form fieldset fieldset { padding: 0em 0em 1.0em 0em; margin: 1.0em 0em 0em 0em; border: none 0; }
#content form fieldset fieldset legend { font-size: 1.0em; font-weight: bold; margin: 0; padding: 0em 0em 1.0em 0em; white-space: normal; display: inline-block; }
#content form fieldset fieldset legend span { white-space: normal; display: inline-block; }
#content form fieldset fieldset label { margin-top: 0em; font-weight: normal; }
#content form fieldset fieldset input[type=radio] { margin-top: 0em; }

#content form legend { font-size: 1.8em; line-height: 1.5em; padding: 0em 0.25em 0.5em 0.25em; margin-left: -0.75em; vertical-align: top; }
#content form legend.small { font-size: 1.3em; font-weight: bold; }
#content form legend span { margin: 0; padding: 0; display: inline-block; }
#content form legend span span { font-size: 60%; color: #555555; }

#content form fieldset.leftright legend { display: inline-block; white-space: normal; }

#content form label { font-weight: bold; width: 25%; display: inline-block; margin: 0em 10px 1.0em 0em; padding: 0; }
#content form label span { font-weight: normal; color: #555555; } 
#content form label.longlabel { width: 60%; }
#content form label.longerlabel { width: 90%; }

#content form input {  border: 1px solid #cccccc; background: #f8f8f8; width: 60%; margin: 0em 0em 1.0em 0em; } 
#content form input:focus { background-color: #ffffff !important; }

#content form select { border: 1px solid #cccccc; background: #f8f8f8; margin: 0em 1.0em 1.0em 0em; }
#content form select.wideselect { width: 60%; margin-right: 0em; }
#content form select.widerselect { width: 90%; margin-right: 0em; }
#content form select optgroup {}
#content form select option {}

#content form textarea { font-family: Verdana,Arial,Helvetica,sans-serif; border: 1px solid #cccccc; background: #f8f8f8; width: 60%; margin: 0em 0em 1.0em 0em; height: 7.0em; }
#content form textarea:focus { background-color: #ffffff !important; }

#content form input[type=radio] { width: 5%; margin-right: 1.0em; border: none 0; background: none 0; }
#content form input[type=checkbox] { width: 20px; margin-right: 1.0em; border: none 0; background: none 0; }
#content form input[type=text] { }
#content form input[type=submit] { width: 25%; font-weight: bold; }
#content form input[type=submit]:hover { background: #ffcc00; }

#content form select.day { width: 5em; margin: 0; }
#content form select.month { width: 10.5em; margin: 0; }
#content form input.year { width: 7em; margin: 0; }
#content form input.year:focus { background-color: #ffffff; }
#content form input.readonly { border: none; background: #ffffff; }

#content form table input { width: 100%; }

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

#right { padding-bottom: 5.0em; }

#right div { width: 215px; font-size: 0.9em; margin: 0; padding: 0; border: none 0; }
#right div.container { font-size: 1.0em; }
#right div#slider { font-size: 1.0em; }

#right h2 { font-size: 1.2em; 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; }

#right p { color: #333333; }
#right ul { list-style-type: none; margin: 0; padding: 0; }
#right form { white-space: nowrap; }
#right a { color: #003399; text-decoration: none; }
#right a:hover { color: #003366; text-decoration: underline; }
#right a:visited { color: #663399 }

#right img.shadow { 
	background: url(../gfx/right/right_bottomshadow.jpg) no-repeat left bottom;
	padding: 0em 0em 20px 0em; }


/*** BUTTONS ***/

/* Anchor button style specific classes */
#content a.button, #content a.continue, #content a.back, #content a.submit, #content a.close, #content a.cancelexit, #content a.saveexit, 
#right a.button, #right a.continue, #right a.back, #right a.submit, #right a.close, #right a.cancelexit, #right a.saveexit, 
#content a.button:hover, #content a.continue:hover, #content a.back:hover, #content a.submit:hover, #content a.close:hover, #content a.cancelexit:hover, #content a.saveexit:hover, 
#right a.button:hover, #right a.continue:hover, #right a.back:hover, #right a.submit:hover, #right a.close:hover, #right a.cancelexit:hover, #right a.saveexit:hover {display: inline-block; text-decoration: none; padding-top: 6px; padding-bottom: 6px; text-align:center; font-weight: bold;}

#content a.special-button, #right a.special-button {
color: #ffffff;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
  padding: 10px 15px 10px 15px;
  display: inline-block;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top: 1px solid #719fd3;
border-bottom: none;
text-decoration: none;
background: #135fb5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #135fb5 0%, #1d5089 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#135fb5), color-stop(100%,#1d5089)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #135fb5 0%,#1d5089 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #135fb5 0%,#1d5089 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #135fb5 0%,#1d5089 100%); /* IE10+ */
background: linear-gradient(to bottom,  #135fb5 0%,#1d5089 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#135fb5', endColorstr='#1d5089',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: 0px 0px 7px 3px #e4e4e4; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: 0px 0px 7px 3px #e4e4e4; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
-webkit-transition: color 0.3s ease-out;  /* Safari 3.2+, Chrome */
    -moz-transition: color 0.3s ease-out;  /* Firefox 4-15 */
    -o-transition: color 0.3s ease-out;  /* Opera 10.5–12.00 */
    transition: color 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */
}

#content  a.special-button:hover,  #right a.special-button:hover {
color: #d0dff0;
border-top: 1px solid #184374;
background: -moz-linear-gradient(top, #1d5089 0%, #135fb5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d5089), color-stop(100%,#135fb5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1d5089 0%,#135fb5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1d5089 0%,#135fb5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1d5089 0%,#135fb5 100%); /* IE10+ */
background: linear-gradient(to bottom, #1d5089 0%,#135fb5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d5089', endColorstr='#135fb5',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: 0px 0px 7px 3px #f0f0f0; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: 0px 0px 7px 3px #f0f0f0; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
}


#content form button, #content a.button, #right a.button { font-size: 1.1em; width: 32%; text-align: center; color: #000000; 
	font-weight: bold; background-color: #ffffff; 
	/*border: 1px solid #cccccc; -moz-border-radius: 7px; -webkit-border-radius: 7px; */ border: none;
	background-image: url(../gfx/form/buttonbackground.jpg);
	background-repeat: repeat; background-position: center center; 
	margin-bottom: 1.5em; padding-top: 0.4em; padding-bottom: 0.5em; }

#content form button:hover, #content a.button:hover, #right a.button:hover { background-image: url(../gfx/form/buttonbackground_hover.jpg); border-color: #333333; color: #ffffff; }

#content td button { width: 100% !important; }


/*** Continue ***/
#content form button.continue, #content a.continue, #right  a.continue { width: 40%; color: #ffffff; padding-right: 15px; padding-left: 0px;
background-image: url(../gfx/form/continue.jpg); background-repeat: no-repeat; background-position: right center; background-color: #ffffff; }
#content form button.continue:hover, #content a.continue:hover, #right  a.continue:hover { color: #ffffff; background-image: url(../gfx/form/continue_hover.jpg); background-repeat: no-repeat; 
background-position: right center; color: #f6f6f6; }

/*** Back ***/
#content form button.back, #content a.back , #right a.back { width: 40%; color: #ffffff; background-image: url(../gfx/form/back.jpg); background-repeat: no-repeat; 
background-position: left center; padding-right: 0px; background-color: #ffffff; }
#content form button.back:hover, #content a.back:hover, #right a.back:hover { color: #ffffff; background-image: url(../gfx/form/back_hover.jpg); 
background-position: left center; color: #f6f6f6; }

/*** Submit ***/
#content form button.submit , #content a.submit, #right a.submit { width: 40%; color: #ffffff; padding-right: 15px; text-align: center; background-image: url(../gfx/form/submit.jpg); background-repeat: no-repeat; background-position: right center; padding-left: 0px; }
#content form button.submit:hover, #content a.submit:hover, #right a.submit:hover { color: #ffffff; background-image: url(../gfx/form/submit-hover.jpg); background-repeat: no-repeat; 
background-position: right center; }

#content form button[disabled].submit { width: 40%; color: #666666; padding-right: 15px; text-align: center; background-image: url(../gfx/form/submit-grey.jpg); background-repeat: no-repeat; background-position: right center; padding-left: 0px; }
#content form button[disabled].submit:hover { text-decoration: none; }


/*** Close ***/
#content form button.close, #content form button.cancelexit, #content a.close, #content a.cancelexit, #right a.close, #right a.cancelexit
{ border: none; font-weight: normal; color: #003399; text-align: left; background-image: url(../gfx/form/cancel.jpg); background-repeat: no-repeat; background-position: left center; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding-left: 25px; }
#content form button.close:hover, #content form button.cancelexit:hover, #content a.close:hover, #content a.cancelexit:hover, #right a.close:hover, #right a.cancelexit:hover { text-decoration: underline; background-image: url(../gfx/form/cancel_hover.jpg); text-align: left; font-weight: normal;}



/*** Save & Exit ***/
#content form button.saveexit, #content a.saveexit, #right a.saveexit { text-align: center; width: 30%; font-weight: normal; padding: 0; margin-left: 35%; margin-right: 35%; color: #003399; background: none !important; }
#content form button.saveexit:hover, #content a.saveexit:hover, #right a.saveexit:hover { font-weight: bold; color: #003366; padding: 0; margin-left: 35%; margin-right: 35%; }


/*** Remove this programme ***/
#content form button.remove { width: 100%; }


/*** Search ***/
#content form button.search { width: 20%; }
#content form button.search:hover {}

/*** Right-hand button ***/
#right a.button, #right a.continue, #right a.back, #right a.submit, #right a.close, #right a.cancelexit, #right a.saveexit {width: 95%}

/*** 

Expected button order?
Back Continue
Save & Exit 
Expected Button Order is Close, Save & Exit, Continue, Submit, Back
Close must be the left button
Back MUST be the right button
Others interchangeable
***/



/*** FORM HELP ***/
#content form div.help, #content form div.details { cursor: help; position: relative; float: right; width: 10%; display: inline; }

#content form div.help a, #content form div.details a {}

#content form div.help div, #content form div.details div { margin-left: -999em; position: absolute; }
#content form div.help:hover div, #content form div.details:hover div { 
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
	position: absolute; left: 0px; top: 0px; z-index: 99;
	margin-left: 0; padding: 0.5em 0.5em 0.5em 3.0em; width: 265px; border: 1px solid #ffcc33; background-color: #fffdbf; }

#content form div.help:hover div img { height: 50px; width: 50px; margin: -3.0em 0em 0em 1.0em; float: right; border: none !important; }

#content form div.help:hover div a { display: inline-block; }

/*** Small text for hidden help / tooltip with lots of text ***/
#content .small-font-help { font-size: 0.8em; }


/*** LEFTRIGHT FIELDSET - like Date of Birth and Gender, yes/no radio buttons etc ***/
#content fieldset fieldset.leftright {  }
#content fieldset fieldset.leftright legend { display: block; float: left; width: 25%; margin: 0em 1.0em 0em 0em;  }

#content fieldset fieldset.leftright input[type=radio]  {  }
#content fieldset fieldset.leftright label { width: 15%; }
#content fieldset fieldset.leftright label.longlabel { width: 60%; }


/*** MOBILE fieldset fieldset for mobile with select AND input ***/
#content form fieldset fieldset.mobile {}
#content form fieldset fieldset.mobile select { width: 15%; }
#content form fieldset fieldset.mobile input { width: 35%; }


/***** progess bar *****/
#content ul.progress { margin: 32px 0em 2.0em 0em; white-space: nowrap; font-size: 0.8em; }
#content ul.progress li { display: inline; height: 28px; padding: 35px 15px 5px 10px; margin-left: -4px; list-style-type: none; 
background-image: url(../gfx/progressbar/default.gif);
background-color: #ffffff; 
background-repeat: repeat-x;
background-position: top center; text-align: center; width: 20%; color: #999999; }
#content ul.progress li.completed { background-image: url(../gfx/progressbar/greentick.gif); background-repeat: no-repeat; color: #000000; }
#content ul.progress li.active { background-image: url(../gfx/progressbar/active.gif); background-repeat: no-repeat; color: #000000; }
#content ul.progress li.active1-2 { background-image: url(../gfx/progressbar/active1-2.gif); background-repeat: no-repeat; color: #000000; }
#content ul.progress li.active1-3 { background-image: url(../gfx/progressbar/active1-3.gif); background-repeat: no-repeat; color: #000000; }
#content ul.progress li.active2-3 { background-image: url(../gfx/progressbar/active2-3.gif); background-repeat: no-repeat; color: #000000; }
#content ul.progress li.active1-4 { background-image: url(../gfx/progressbar/active1-4.gif); background-repeat: no-repeat; color: #000000; }
#content ul.progress li.active3-4 { background-image: url(../gfx/progressbar/active3-4.gif); background-repeat: no-repeat; color: #000000; }


/***** Paper information - SITS *****/

#content .paperinformation table th {
	width: 44%;
}
#content .paperinformation dt {
	width: 40%;
	clear: left;
}
#content .paperinformation dd {
	width: 55%;
}
#content .paper_information .paperinformation {
	border: 1px solid #e4e4e4;
	padding-top: 20px;
}
#content .paper_information a.ui-tabs-anchor {
	text-decoration: none;
}
#content .paper_information a.ui-tabs-anchor:hover {
	text-decoration: none;
}
#content .paper_information h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #e4e4e4;
}
#content .paper_information h3,
#content .paper_information p,
#content .paper_information ul {
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
}
#content .paper_information.ui-tabs .paperinformation li {
	border: none;
	margin-left: 15px;
}



/***** CONTENT RELATED INFO *****/
/** this will mimic the right hand related info but within content and margined out into the right hand column **/
/** this is used within online registration **/

#content div.relatedinfo { background-image: url(../gfx/footer.jpg); background-repeat: no-repeat; background-position: left bottom; color: #333333; 
padding: 0em 0em 2.0em 0em; margin: 0em -235px 1.0em 0em; 
width: 215px; float: right;
}
#content div.relatedinfo h2 { font-size: 1.2em !important; color: #333333; 
 font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.1em; font-weight: 400; text-decoration: none; padding: 0em 1.0em 0.5em 0em !important;
 margin: 1.0em 0em 0.35em 0em !important; text-transform: uppercase; border: none; }

#content div.relatedinfo ul {  background-image: url(../gfx/right/5header.jpg); background-repeat: no-repeat; background-position: left top; 
margin: 0; padding: 0.5em 1.0em 1.0em 1.0em; list-style-type: none; }
#content div.relatedinfo ul li { font-size: 1.0em; line-height: 1.5em; margin: 0em; padding: 0.25em 0em 0.25em 0em; border-bottom: 1px dotted #cccccc; }
#content div.relatedinfo ul li ul { background: none; }
#content div.relatedinfo ul li ul li {}

#content div.relatedinfo dl { font-size: 1.0em; line-height: 1.5em; background-image: url(../gfx/right/5header.jpg); background-repeat: no-repeat; 
background-position: left top; margin: 0; padding: 0.5em 1.0em 1.0em 1.0em; }
#content div.relatedinfo dt { width: 20%; display: inline-block;  }
#content div.relatedinfo dd { width: 75%; display: inline-block; }


#right div.relatedinfo_inside { background-image: url(../gfx/right/5header.jpg); background-repeat: no-repeat; background-position: left top; color: #333333; padding: 0em 0em 0em 0em; margin: 0em 0em 1.0em 0em; }

#right div.relatedinfo_inside h2 { padding: 0.25em 0em 0em 1.0em; }
#right div.relatedinfo_inside h2 img { margin-left: -4px; }

#right div.relatedinfo_inside ul, 
#right div.relatedinfo_inside ol { background-image: url(../gfx/footer.jpg); background-repeat: no-repeat; background-position: left bottom; margin: 0; padding: 0em 0em 3.0em 0em; }
#right div.relatedinfo_inside ol { padding-left: 2.0em; }
#right div.relatedinfo_inside ul li, 
#right div.relatedinfo_inside ol li { margin: 0.25em 1.0em 0.25em 1.25em; border-bottom: 1px dotted #cccccc; }

#right div.relatedinfo ul li span.smalltag p { background: none; margin-left: 0em; padding-left: 0em; }




/***** PHONEBOOK *****/
#content #phonebook table { width: 100%; table-layout: fixed !important; word-wrap: break-word;}
#content #phonebook table th { width: 50%; }
#content #phonebook table td { width: 50%; }
#content #phonebook table span { font-style: italic; font-size: 0.9em; display: block; }



/***** WEATHER *****/
.forecast th, .forecast td { text-align: center; }
.forecast .high { color: red; }
.forecast .low { color: #247FA2; }


/*** Search ***/

#right div.search { width: 215px; margin: 3.0em 0em 0.6em 0em; padding: 0; white-space: nowrap; }
/*** form ***/
#right div.search form { background: url(../gfx/right/right_bottomshadow.jpg) no-repeat left bottom; padding-bottom: 16px; margin: 0em 0em 1.3em 0em; }

/*** input ***/
#right div.search input.searchinput, div.topsearch input.searchinput { 
	float: left;
	width: 63%;
	background: url(../gfx/searchinput.jpg) no-repeat left top; 
	border: none;
	margin: 0;
	padding: 4px 0 4px 1.0em;
	font-size: 12px;
}


/*** button ***/
#right div.search button.searchbutton, div.topsearch button.searchbutton { 
	border: none;
	cursor: pointer;
	float: left;
	width: 30%;
	background: url(../gfx/searchbutton.jpg) no-repeat right top; 
	padding: 4px 1.0em 6px;
	font-size: 11px;
	margin: 0;
	font-weight: bold;
}


/*** select ***/
#right div.search select { width: 185px; margin-bottom: 1.0em; }



/*related info with outside h2 heading */

#right div.relatedinfo { background-image: url(../gfx/footer.jpg); background-repeat: no-repeat; background-position: left bottom; color: #333333; padding: 0em 0em 2.0em 0em; margin: 0em 0em 1.0em 0em; }
#right div.relatedinfo h2 { padding: 0em 1.0em 0.5em 0em; margin: 0; }
#right div.relatedinfo ul {  background-image: url(../gfx/right/5header.jpg); background-repeat: no-repeat; background-position: left top; 
margin: 0; padding: 0.5em 1.0em 1.0em 1.0em; }
#right div.relatedinfo ul li { font-size: 1.0em; line-height: 1.5em; margin: 0em; padding: 0.25em 0em 0.25em 0em; border-bottom: 1px dotted #cccccc; }
#right div.relatedinfo ul li ul { background: none; }
#right div.relatedinfo ul li ul li {}

#right div.relatedinfo p {  background-image: url(../gfx/right/5header.jpg); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0.5em 1.50em 1.0em 1.50em; }

#right div.relatedinfo form { background-image: url(../gfx/right/5header.jpg); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0.5em 1.50em 1.0em 1.50em; }
#right div.relatedinfo form p { background: none; margin: 0; padding: 0; }
#right div.relatedinfo form label { font-weight: bold; border-bottom: 1px dotted #cccccc; }
#right div.relatedinfo form input { width: 70%; margin-bottom: 1.0em; }
#right div.relatedinfo form select { width: 185px; margin-bottom: 1.0em;  }
#right div.relatedinfo form ul { background: none; }

#right div.relatedinfo ul ul.eventsubcategories {}
#right div.relatedinfo ul ul.eventsubcategories li { border: none; }
#right div.relatedinfo ul ul.eventsubcategories a { color: #666666; }

#right div.relatedinfo ul.profile li img { width: 195px; }

#right div.onlineregistrationrelatedinfo { margin-top: 9.0em; }
#right div.newsevents ul li a { font-weight: bold; }



#right div.askotago {	background: url(../../otg_assets/gfx/grid16/right/askotago_questionmark.jpg) no-repeat right top; }
#right div.askotago p { width: 185px; white-space: normal; margin: 0em 0em 0.5em 0em; }
 




/*** 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: url(../gfx/icons/calendar-day.jpg) no-repeat 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(../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(../gfx/icons/calendar-yahoo.jpg) no-repeat left top !important; padding: 0.2em 1.0em 2.0em 2.0em !important; }
a.ical { background: url(../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 {
	font-size: 0.9em; line-height: 1.35em; 
	color: #333333; 
	padding-top: 3.0em; 
	margin-bottom: 15.0em;
	background: url(../gfx/footershadow.jpg) no-repeat center top;
}

.footerwrapper a { color: #666666; text-decoration: none; }
.footerwrapper a:hover { color: #333333; text-decoration: underline; }

.footertools {}
.footertools h2 { width: 20%; float: left; margin: 0; padding: 0; font-size: 1.1em; font-weight: bold; }
.footertools ul { width: 80%; float: left; margin: 0em 0em 3.0em 0em; padding: 0; }
.footertools ul li { list-style-type: none; margin: 0em 2.0em 0em 0em; display: inline; }
.footertools ul li a { white-space: nowrap !important; }

.footertools p { line-height: 2.35em; color: #cccccc; }


.footer {  }
.footer h2 { font-size: 1.0em; font-weight: bold; }
.footer ul { margin: 0em 0em 3.0em 0em; }
.footer ul li { list-style-type: none; }


.verticalfooter { margin-bottom: 12.0em; }
.verticalfooter h2 { font-size: 1.2em; line-height: 1.5em; border: none; font-weight: bold;  }
.verticalfooter ul {  padding-left: 0; margin-left: 0; }
.verticalfooter ul li { line-height: 1.25em; list-style-type: none; padding-left: 0; margin-left: 0; margin-bottom: 0.75em; }






/***** Emergency Notice *****/

.emergency {	background: #ffffff url(../../otg_assets/gfx/emergency/background.jpg) repeat-x !important; }

#emergency.critical { background-color: #16386d; }

#emergency_left,#emergency_right  { display: inline-block; height: 45px; margin-bottom: 2px; font-size: 16px; }
#emergency_left { padding: 5px 10px 5px 10px; width: 805px; }
#emergency_right { padding: 5px 10px 5px 0; width: 115px; }

#emergency_left a,#emergency_right a { margin: 0; display: table-cell; vertical-align: middle; font-weight: bold; color: #fff !important; text-decoration: none; }
	#emergency_left a:hover, #emergency_right a:hover { text-decoration: underline; }

#emergency_left a { font-size: 18px; }
#emergency_right a { background: url(../../otg_assets/gfx/emergency/arrow.png) no-repeat left center; padding-left: 30px; }


/***** Font Declarations *****/

.minion { font-family: Minion,Georgia,serif; font-size: 1.1em; }
.georgia { font-family: Georgia,serif; font-size: 1.1em; }

.gillsans { font-family: "Gill Sans MT",Verdana,sans-serif; font-size: 1.1em; }
.gillsanslight { font-family: "Gill Sans MT",Verdana,sans-serif; font-weight: 100; font-size: 1.15em; }
.gillsansbold { font-family: "Gill Sans MT",Verdana,san-serif; font-weight: bold; font-size: 1.15em; }


/***** ITS CSS ******/
#content p.audience a { 
	font-family: Georgia, 'Times New Roman', Times, serif; 
	font-size: 16px;
	color: #003399;
	text-align: center;
	width: 162px;
	height: 162px;
	display: block;
	float: left;
	margin: 25px 0 0;
	padding: 0 11px 0 0;
	background: url(../gfx/audience_shadow.png) no-repeat bottom left;
}
#content p.audience img { padding: 0 0 5px 0; }

/***** ITS Image Map *****/

/* ITS Service Notice Icons */
.scheduled { background: url(../../otg_assets/gfx/icons/its_status_icons_med.png) no-repeat 0 -65px; padding:0.5em 0 0.5em 2.0em !important; }
.current { background: url(../../otg_assets/gfx/icons/its_status_icons_med.png) no-repeat -22px -39px; padding:0.5em 0 0.5em 2.0em !important; }
.alerts { background: url(../../otg_assets/gfx/icons/its_status_icons_med.png) no-repeat -44px -17px; padding:0.5em 0 0.5em 2.0em !important; }
.resolved { background: url(../../otg_assets/gfx/icons/its_status_icons_med.png) no-repeat -66px 5px; padding:0.5em 0 0.5em 2.0em !important; }

p.scheduled { background: url(../../otg_assets/gfx/icons/its_status_icons.png) no-repeat -2px -112px; padding-left: 3.0em !important; margin-bottom: 0.5em; }
p.alerts { background: url(../../otg_assets/gfx/icons/its_status_icons.png) no-repeat -42px -72px; padding-left: 3.0em !important; margin-bottom: 0.5em; }
p.current { background: url(../../otg_assets/gfx/icons/its_status_icons.png) no-repeat -78px -31px; padding-left: 3.0em !important; margin-bottom: 0.5em; }
p.resolved { background: url(../../otg_assets/gfx/icons/its_status_icons.png) no-repeat -116px 8px; padding-left: 3.0em !important; margin-bottom: 0.5em; }


#content .itsmap,
#content #itsmap  { display: none }
#itsmap { list-style-type: none !important; background: #e4e4e4 url(/its/otago018701.png) no-repeat; width: 900px; height: 470px; }
#itsmap a {
	display: block;
	height: 50px;
	width: 110px;
	position: absolute;
	top: 174px;
	text-decoration: none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	behavior: url(/usfathers/cs/fragments/otg_assets/javascript/PIE.htc);
}

#itsmap a:hover { border: solid 3px #35a8e0; }

#itsmap a span { visibility: hidden; }

#itsmap a#item_1 { width: 209px; height: 53px; top: 8px; left: 347px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#itsmap a#item_2 { left: 13px; }
#itsmap a#item_3 { left: 137px; }
#itsmap a#item_4 { left: 263px; }
#itsmap a#item_5 { left: 390px; }
#itsmap a#item_6 { left: 518px; }
#itsmap a#item_7 { left: 644px; }
#itsmap a#item_8 { left: 772px; }


@-webkit-keyframes pulse {
	0% { opacity: 1.0; -webkit-transform: scale(1.0); }
	40% { opacity: 0.75; -webkit-transform: scale(0.90); }
	100% { opacity: 1.0; -webkit-transform: scale(1.0); }
}

#map_canvas img  { float: none !important; border: none !important; background: none !important; }
img[src*="blue_dot.png"] { -webkit-animation-name: pulse; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; }

.mapbutton {
	direction: ltr;
	overflow: hidden;
	text-align: center;
	position: relative;
	font-family: Arial, sans-serif;
	-webkit-user-select: none;
	font-size: 100%;
	line-height: 160%;
	padding: 0 !important;
	border-radius: 2px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px;
	box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px;
	min-width: 115px;
	border: 1px solid rgb(103, 138, 199);
	color: white;
	font-weight: bold;
	background: rgb(123, 152, 217);
}

#map_canvas select {
	font-family: Arial, sans-serif;
	-webkit-user-select: none;
	font-size: 100%;
	line-height: 160%;
	margin: 1px 0;
	padding: 0 !important;
	border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
	border: 1px solid #678AC7;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
}