/* stylesheet for TRPC temporary Home page */

body                                                                    
{
  position:relative;
  text-align:center; /* fix ie css centre alignment bug */
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  font-size:12px;
  line-height:1.2;
  padding-top:10px;
}

h1, h2, h3, h4
{
	font-family: arial, helvetica, sans-serif;
}
h2 span {
	font-weight:normal;	
}
h4 {
  color:#000;
}
h3.customcourses
{
  margin-top:3em;
}
span.dropcap {
	display:inline;
	float:left;
	margin:0 !important;
	margin-right:-.4em;
	padding:.2em .08em 0 0!important;
	padding:0 .08em 0 0;
	font-size:2.7em !important;
	font-size:3em;
	line-height:.4em!important;
	line-height:.8em;
	text-transform: capitalize;
	color:#6e97c9;
}
p.clearboth {
  clear:both;
  padding-top:1em;
}
div#wrapper
{
  position:relative;
  width:760px;
  padding:0;
  margin:0 auto;
  text-align:left;  /* fix ie css centre alignment bug */
}
div#header
{
	position:relative;
	width:760px;
	height:120px;
	top:0;
	left:0;
	background:#fff;
  border-bottom:2px solid #69c;
  margin-left:0;       
}
#navbar
{
	position:relative;
	width:760px;
	line-height:1%;
	top:-3px;
	left:-4px;
	padding:0;
}
#navbar ul
{
  position:relative;
	display:block;
	top:-3px !important;
	top:3px;
	left:0 !important;
	left:-36px;
	width:100%;
	float:right;
	list-style-type:none;
	color:#fff;
	font:normal 80%/1 verdana, arial, helvetica, sans-serif;
	text-align:right;
	padding:0 !important;
	padding:3px 0;
}
#navbar ul li
{
	display:inline;
	text-align:center;
	padding:.2em .5em;
	margin-right:-4px;
	background:#051557;
	border-right:1px solid #aaa;
	border-top:0;
	border-bottom:0;
}
#navbar ul li a
{
  position:relative;
	text-decoration:none;
	color:#fff;
	background:transparent;
	padding:.2em .5em;
}
#navbar ul li:hover
{
	background:#a00;
}
#navbar ul li a:hover 
{
	color:#fff;
	margin:0;
}
#navbar ul li#active
{
  color:#000;
  background:#69c;
}
div#inner
{
	position:relative;
	width:760px;
	background:transparent;
}
div#todaystr {
  position:relative;
  top:5px !important;
  top:15px;
  left:0;
  width:200px;
  font-size:1em;
  color:#69c;
  z-index:-10;
}
div#content
{
	position:relative; 
	width:520px !important;
	width:580px;
	top:10px !important;
	top:20px;
	min-height:475px !important;
	min-height:515px;
	float:left;
	border:1px solid #69c;
	border-right:2px solid #69c;
	border-bottom:3px solid #69c;
	padding:20px 30px 20px 30px;
	margin-left:0;
  -moz-box-shadow:10px 10px 10px #ccc;
  -moz-border-radius:12px 12px;    
  -webkit-box-shadow:10px 10px 10px #ccc;
  -webkit-border-radius:12px 12px;    
  box-shadow:10px 10px 10px #ccc;
  border-radius:12px 12px;    
}
div#sidebar
{

	position:relative;
	top:10px !important;
	top:20px;
	width:150px;
	float:right;
}
div#sidebar h2
{
	font-size:.9em;
	color:#fff;
	text-align:center;
	line-height:110%;
	margin-bottom:.5em;	
}
div#sidebar p
{
	font-size:.9em;
}
img#logo
{
  position:absolute;
	left:0;
  background:#fff;
  margin-bottom:14px;
}
h1
{
  position:absolute;
  top:15px;
  right:130px;
  width:460px;
  color:#69c;
	background:transparent;
  font:bold 2em/1 arial, helvetica, sans-serif;
  text-align:center;
	padding:5px 20px;
	margin:0;
}
div#content h2
{
	font-size:1.3em;
	color:#69c;
}
div#content h2.shortlist
{
  font-size:1em;
  color:#000;
  margin-top:2.5em;
}
div#content h3
{
	color:#051557;
	font-size:1.2em;
}
div#content h2.customcourses
{
  margin-top:2em;
}
p
{
  font:normal 1em/120% tahoma, verdana, arial, helvetica, sans-serif;
  color:#000;
  background:transparent;
  text-align:justify;
}
p#copyright, p#byline
{
  position:absolute;
  width:50%;
  color:#69c;
  font-size:.75em;
  font-style:italic;
  margin:0;
}
p#copyright
{
  top:0;
  left:0;
  text-align:left;
}
p#byline
{
  top:0;
  right:0;
  text-align:right;
}
ul ul
{
  padding-left:1.2em;
  margin-left:0;
}
ul li ul li
{
  list-style-type:circle;
}
div#content ul, div#content ol
{
  position:relative;
  list-style-type:disc;
  font:normal 12px/1.5 arial, helvetica, sans-serif;
  padding-right:40px;
}
div#content ol
{
	list-style-type:decimal;
}
div#content ul li div#content ol li
{
  margin-bottom:.5em;
}
div#content ul.spacedbullet
{
  margin-bottom:2em;
}
div#content ul.spacedbullet li
{
  width:30em;  
	margin-top:.5em; 
}

div#content dl
{
  font:normal 12px/120% tahoma, verdana, arial, helvetica, sans-serif;
  padding-bottom:2em;
}
div#content dl dt
{
	font-weight:bold;
	margin-top:2em;
}
div#content dd
{
	margin-top:.5em;
}
div#content dl.shortlist
{
  padding-bottom:0;
}
div#content dl.shortlist dt
{
  margin-top:0;
}
div#content dl#submission
{
  margin-top:.5em;
}
div#content dl#submission dt
{
  margin-top:0;
  margin-bottom:0;
}
div#content dl#submission dd
{
  margin-bottom:1em;
}
div#content dl.courselist
{
  padding-bottom:1em;
}
div#content p.courselist
{
  padding-bottom:1em;
  border-bottom:2px solid #69c;
}
div#footer
{
  position:relative;
  bottom:-1em;
  width:760px;
  float:left;
  clear:both;
  border-top:1px solid #69c;
  margin:2em auto 1em !important;
}
div.profile
{
	width:520px;
	margin:2em 0 0 0;
}
div.profile img
{
	padding:5px;
	border:1px solid #000;
	margin:0 1em 1em 0;
	float:left;
}
div.profile h2
{
	font-size:1em;
	margin-top:0;
}
p.centre
{
	text-align:center;
}
div.photobox
{
	width:520px;
	padding-bottom:10px;
	float:left;
	clear:both;
}
img.left
{
	display:block;
	border:1px solid #000;
	float:left;
}
img.right
{
	display:block;
	border:1px solid #000;
	float:right;
}
img.centre
{
	display:block;
	border:1px solid #000;
	margin:0 auto 30px;
}
form#login
{
	position:relative;
	width:210px;
	margin:2em auto 2em;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size:1em;
}
form#login fieldset
{
  width:190px;
}
* html form#login label
{
	margin-left:5px;
}
input.user
{
	position:absolute;
	width:120px;
	right:10px;
}
input.loginbtn
{
	position:relative;
	width:60px;
	left:85px;
	color:#fff;
	background:#6699cc;
	margin:auto;
}
* html input.loginbtn
{
	margin-bottom:1em;
}
p#logout
{
	position:relative;
	text-align:right;
	font-size:.8em;
}
table.modules
{
	width:100%;
	font-size:1em;
	text-align:left;
	vertical-align:top;
	border:1px solid #051557;
	border-collapse:collapse;
	margin-top:2em;
}
table.modules th, table.modules td
{
  border:1px solid #051557;
}
table.modules th
{
	font-weight:bold;
}
table.modules tr.header
{
	text-align:center;
}
table.modules tr.header th
{
  color:#fff;
	background:#69c;
}
.modules td
{
  font-size:1em;
}
.modules td.tfoot
{
  font-size:1em;
  font-weight:bold;
  color:#fff;
  background:#69c;
  text-align:center;
}
.modules td, .modules th 
{
	padding:4px;
}
.modules td.link a
{
  text-decoration:none;
}
div#boilerplate
{
  position:relative;
	width:562px;
	left:-30px;
	margin-bottom:-20px;
	background:#69c;
	padding:10px;
	color:#fff;
	font-size:.8em;
	font-style:italic;	
}
img
{
  border:none;
}
table caption
{
	font-size:1.2em;
  font-weight:bold;
  margin-bottom:-1em;
  padding:0 !important;
  padding-bottom:1em;
}
div#content ul.nobullet
{
  list-style-type:none;
}
ul.websites {
  margin-top:0;
  padding-top:0;
}
ul.websites li 
{
  margin:0;
  padding:0;
}
div.jobad {
  position:relative;
  width:460px !important;
  width:520px; /* IE bugfix */
  color:white;
  background:#fff;
  text-align:center;
  padding:20px 30px;
  border:2px solid #59c;
  margin:0 auto 2em auto;
  -moz-border-radius:12px 12px;
  -webkit-border-radius:12px 12px;
  border-radius:12px 12px;
}
div.jobad ul {
  color:#000;
  background:#fff;
  text-align:left;
}
div.jobsflash {
  position:relative;
  width:400px;
  color:#fff;
  background:#59c;
  text-align:center;
  border:1px solid #000;
  padding:5px;
  margin:1.5em auto 0 auto;
  -moz-border-radius:8px 8px;    
  -webkit-border-radius:8px 8px;    
  border-radius:8px 8px;    
}
div.jobsflash a {
  color:#fff;
}
div.annctflash {
  position:relative;
  width:350px !important;
  width:380px; /* IE bugfix */
  color:#fff;
  background:#69c;
  text-align:center;
  padding:10px;
  border:2px solid #000;
  margin:20px auto;
}

/*** TRPC GROUP-WIDE EXTENSIONS ***/

div.sbarbox, div.annctbox, div.flashbox {
	width: 150px;
	color: #fff;
	background-color:#69c;
	margin-bottom:1em;
  -moz-box-shadow:10px 10px 10px #ccc;
  -moz-border-radius:12px 12px;    
  -webkit-box-shadow:10px 10px 10px #ccc;
  -webkit-border-radius:12px 12px;    
  box-shadow:10px 10px 10px #ccc;
  border-radius:12px 12px;    
}
div.flashbox {
 width:350px;
 color:#fff;
 background:69c;
 border:2px solid #000;
}
div.annctbox, div.promobox
{
  position:relative;
  width:122px !important;
  width:150px; /* IE bugfix */
  color:#000;
  background:transparent;
  padding:12px 12px;
  border:2px solid #69c;
  z-index:0;
}
div.sbarbox h2, div.annctbox.h2 
{
	margin: 5px 12px;
}
div.sbarbox p
{
	margin:1em 12px 10px 30px;
}
div.annctbox p
{
  text-align:left;
	margin:1em 0 0;
	padding:0;
}
div.sbarbox a
{
	color:#000;
	text-decoration:none;
}
div.annctbox a
{
  color:#69c;
}
div.sbarbox a:hover
{
  color:#fff;
}
div.annctbox a:hover
{
  color:#f00;
}
div#sidebar .annctbox h2
{
  color:#000;
}
div.sbarbox ul
{
  color:#69c;
  margin-left:20px !important;
  margin-left:60px;
}
div.sbarbox li a
{
  color:#fff;
  font-size:1em;
  font-weight:bold;
  text-decoration:none;
}
.sbarbox {
  padding-top:1em !important;
  padding-top:0;
  padding-bottom:1em !important;
  padding-bottom:0;
}
.roundtop 
{ 
	background: url(../graphics/tr_corner.png) no-repeat top right; 
}
.roundtopbordered {
	background: url(../graphics/trc_bordered.png) no-repeat top right; 
  margin-right:-2px;
}
.round-shadow {
  -moz-box-shadow:10px 10px 10px #ccc;
  -webkit-box-shadow:10px 10px 10px #ccc;
	box-shadow:10px 10px 10px #ccc;
  -moz-border-radius:6px;    
	-moz-webkit-radius:6px;
	border-radius:6px;
}
.roundbottom 
{
	background: url(../graphics/br_corner.png) no-repeat top right; 
}
.roundbottombordered 
{
	background: url(../graphics/brc_bordered.png) no-repeat top right;
  margin-right:-2px; 
}
.jobsroundtop
{
	background: url(../graphics/jobads_trcorner.png) no-repeat top right; 
	margin-top:-22px;
  margin-right:-32px;
  z-index:100;
}
.jobsroundbottom 
{
	background: url(../graphics/jobads_brcorner.png) no-repeat top right; 
	margin-right:32px;
}
img.corner 
{
   width: 12px;
   height: 12px;
   border: none;
   display: block !important;
}
img.corner.tl
{
  margin:-2px 0 0 -2px;
}
img.corner.bl
{
  margin:0 0 -2px -2px;
}
img.jobscorner 
{
   width: 20px;
   height: 20px;
   border: none;
   display: block !important;
}
img.jobscorner.tl
{
  margin:0 -22px 0 -32px;
  z-index:100;
}
img.jobscorner.bl
{
  margin:0 0 -22px -32px;
  padding-right:20px;
}
blockquote
{
  font-size:1em;
	color:#000;
	text-align:justify;
	margin:1em 2em;
}
#tlc, #trc, #blc, #brc, .jtlc, .jtrc, .jblc, .jbrc
{
 position:absolute;
 display:block;
}
#tlc, .jtlc
{
 top:-2px;
 left:-2px;
}
#trc, .jtrc
{
 top:-2px;
 right:-2px !important;
}
#blc, .jblc
{
 bottom:-2px;
 left:-2px;
}
#brc, .jbrc
{
 bottom:-2px;
 right:-2px;
}
cite {
  font-style:normal;
  font-variant:small-caps;
  font-weight:bold;
}
div.recentphoto {
  /* width is set programatically in  
     PhotoBox object to match image width */
  position:relative;
  margin:4em auto;
}
img.recpic {
  display:block;
  border:1px solid #000;
  padding:2px;
  margin:0 auto;
}
div#photopage div a {
  text-decoration:none; 
}
.promobox h3, .promobox p {
  padding-bottom:0;
  margin-bottom:0;
  text-align:center;
}
div.promobox {
  width:400px !important;
  padding-top:0;
  padding-bottom:2em;
  margin:2.5em auto 3em;
  -moz-box-shadow:10px 10px 10px #ccc;
  -moz-border-radius:12px 12px;    
  -webkit-box-shadow:10px 10px 10px #ccc;
  -webkit-border-radius:12px 12px;    
  box-shadow:10px 10px 10px #ccc;
  border-radius:12px 12px;    
}
div.promobox p span {
  line-height:150%;
}
div.promobox h3 span {
  font-size:1.2em;
  line-height:150%;
  color:#6d96c8;
}
* div#trpflash {
	padding:0 20px 20px 20px;
  -moz-box-shadow:10px 10px 10px #ccc;
  -moz-border-radius:12px 12px;    
  -webkit-box-shadow:10px 10px 10px #ccc;
  -webkit-border-radius:12px 12px;    
  box-shadow:10px 10px 10px #ccc;
  border-radius:12px 12px;    
	border:1px solid #ccc;
}


/**** ZOOM SEARCH STYLES BELOW ****/

/*
.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 100%; }
.category { color: #999999; }
.sorting { text-align: right; }

.result_title { font-size: 100%; }		
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}
*/
.zoom_searchform { font-size: 140%; }
/*
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
*/
.zoom_match { font-size: 80%; margin-left: 10px;}				
/*
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }		
*/
input.zoom_button { color:#fff; background:#69c; border:2px outset #69c; }
input.zoom_searchbox {  }		
/*
.zoom_results_per_page select { width:50px;} 
*/

 /* inserted by Kintak 09-03-2011

.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }

.result_pages { font-size: 100%; }
.result_pagescount { font-size: 100%; }

.searchtime { font-size: 80%; }

.recommended 
{ 
	background: #DFFFBF; 
	border-top: 1px dotted #808080; 
	border-bottom: 1px dotted #808080; 
	margin-top: 15px; 
	margin-bottom: 15px; 
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
.recommend_image { float: left; display: block; }
.recommend_image img { margin: 10px; width: 80px; border: 0px; }
*/