/* custom style template 
-----------------------------------------------------------------------------*/

body { background: transparent url('../images/body-bg-people.jpg') repeat-x scroll 100% 0pt; } /*content bg-gradient*/

#content-image-table { margin-top: 16px; }
#content-image-table td { padding: 0px !important; }
#content-image-table #caption { background: #E1EAF6; border: none; padding: 3px 7px !important; }

/* HEADER
 * title to be replaced
 * margin between black menu links to be adjusted
-----------------------------------------------------------------------------*/
#header-inner h2 a { background: transparent url('../images/masthead-logo-SBS.gif') no-repeat scroll 0pt 0pt; display: block; height: 50px; text-decoration: none; width: 368px; }

#topnav ul li { margin: 0 18px 0 0; }

/* HOMEPAGE - school level banner styles
-----------------------------------------------------------------------------*/
.stripViewer, .stripViewer .panelContainer .panel, #movers-row { width: 950px; }

#feature { display: inline-block; width: 960px; margin:7px 0 26px; padding: 0 0 0 0; }
#feature:after { content: "."; display: block; height: 0pt; font-size: 0pt; clear: both; visibility: hidden; }

#feature-image { float: left; width: 950px; height: 200px; padding-left: 0px }

#feature .ribbon { margin: 150px 0pt 0pt -9px; padding: 7px 15px 10px 18px; background: rgb(170, 0, 65) none repeat scroll 0% 0%; position: absolute; height: 20px; font-size: 1.2em; font-family: Arial, verdana; z-index: 100; opacity: 0.8;}
#feature .ribbon {  padding-right: 15px; color: rgb(255, 255, 255); text-transform: uppercase; }
#feature .ribbon a:hover { color: rgb(197, 252, 93); }
#feature .ribbon a.last { margin-left: 25px; }
#feature .ribbon span.wrap { background: transparent url('../images/bg-ribbon.png') no-repeat scroll 0% 0%; display: block; position: absolute; top: -9px; left: 0pt; width: 9px; height: 9px; }

#feature-info	{background: rgb(255, 255, 255); float:right; position: relative; width: 260px;  height: 180px; -moz-border-radius: 8px;  -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid rgb(239, 239, 239); padding: 10px 20px; font-family:Arial, Helvetica, sans-serif; line-height:18px;	font:0.8em Arial, Helvetica, sans-serif;	color: rgb(153, 153, 153);}

#feature-info h1 {font-size: 1.8em; margin: 0  }
#feature-info h3 {font-size: 1.1em; margin: 0; padding-bottom: 5px  }
#feature-info li{border-top: 0.1em solid rgb(239, 239, 239); padding: 3px 0}

/* HOMEPAGE - content area
-----------------------------------------------------------------------------*/
#second-content {
	background: url('../images/basic-column-layout.gif') no-repeat;
	margin-left:13px;
	height: 300px;
	width: 700px;
}

#home-content {
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	background: none repeat scroll 0 0 #FFFFFF;
	display: inline-block;
	float: left;
	margin: 18px 0;
	padding: 5px 0 0 12px;
	position: relative;
	width: 960px;
}

/* Sectioned Info (front - optional, and to edit accordingly)
-----------------------------------------------------------------------------*/	
.sectioned-info { float:left;	background: rgb(255, 255, 255); width: 300px; margin: 0 0 0 1px; padding: 0 0 0 0;	overflow:hidden; -moz-border-radius-topleft: 8px;  -webkit-border-top-left-radius: 8px; border-radius: 0 0 0 8px; }

.sectioned-info h2 { margin:5px 0 5px 0; padding:10px 0 3px 0;	font-size: 14px;	text-transform: uppercase;	color:rgb(0, 0, 0);	font-weight:bold; }
.sectioned-info h2 a { color: rgb(0, 0, 0); }  /*header colours*/
.sectioned-info h2 a:hover { color: rgb(58, 125, 218);}

.sectioned-info li h3 { margin:5px 0 5px 0; padding:10px 0 3px 0;	font-size: 12px; font-weight:bold;}
.sectioned-info li h3 a { color: rgb(0, 0, 0);  margin: 0 15px 0 0; border-bottom: 1px solid #EFEFEF; display: block; background:url(../images/icon_arrow_grey.png) no-repeat center right  }  /*header colours*/
.sectioned-info li h3 a:hover { color: rgb(58, 125, 218); border-bottom: 1px solid rgb(170, 0, 65); display: block; margin: 0 15px 0 0; background:url(../images/icon_arrow_red.png) no-repeat center right }

.sectioned-info  a { color: rgb(30, 136, 181); }
.sectioned-info  a:hover { color: rgb(147, 18, 170);}

.sectioned-info img { margin: 3px 5px 5px 0; }

.sectioned-info p { font: 11px verdana, Arial, Helvetica, sans-serif;	color: rgb(89, 89, 89);  text-align:left; margin: 5px 0 0 0; padding: 0; }

.currentstudents	{ background: rgb(214, 73, 42); padding: 0 0 0 5px; margin: 0; font-size: 12px}
.currentstudents h2 a {display: block; padding: 0 15px 0 0 ; margin: 0 15px 5px 0; text-transform: uppercase; font-weight: normal; color: #FFFFFF; background:url(../images/icon_arrow_white.png) no-repeat center right  }
.currentstudents h2 a:hover {  color: #EFEFEF; background:url(../images/icon_arrow_green.png) no-repeat center right }

.futurestudents	{ background: rgb(57, 137, 47); padding: 0 0 0 5px; margin: 0; font-size: 12px}
.futurestudents h2 a {display: block; padding: 0 15px 0 0 ; margin: 0 15px 5px 0; text-transform: uppercase; font-weight: normal; color: #FFFFFF; background:url(../images/icon_arrow_white.png) no-repeat center right  }
.futurestudents h2 a:hover {  color: #EFEFEF; background:url(../images/icon_arrow_green.png) no-repeat center right }

.researchindustry	{ background: rgb(0, 145, 181); padding: 0 0 0 5px; margin: 0; font-size: 12px}
.researchindustry h2 a {display: block; padding: 0 15px 0 0 ; margin: 0 15px 5px 0; text-transform: uppercase; font-weight: normal; color: #FFFFFF; background:url(../images/icon_arrow_white.png) no-repeat center right  }
.researchindustry h2 a:hover {  color: #EFEFEF; background:url(../images/icon_arrow_green.png) no-repeat center right }

.contactinfo	{border-top: 1px solid #CCCCCC;  margin: 30px 0 15px 0; padding: 12px 0 25px 0 }

/* Events (front - optional)
-----------------------------------------------------------------------------*/	
#events { float:left;	background: rgb(255, 255, 255);  width:400px;	margin: 3px 0 0 5px; padding: 0 5px 10px 10px;	overflow:hidden; -moz-border-radius-topleft: 8px;  -webkit-border-top-left-radius: 8px; border-radius: 0 0 0 8px; font: 11px verdana, Arial, Helvetica, sans-serif;	 }

#events h2 { margin: 0 0 3px 0; padding: 0px 0 2px 0;	font-size: 14px;	text-transform: uppercase;	color:rgb(0, 0, 0);	font-weight:bold; }
#events h2 a { color: rgb(0, 0, 0); }
#events h2 a:hover { color: rgb(58, 125, 218);}
#events  a { color: rgb(30, 136, 181); }
#events  a:hover { color: rgb(147, 18, 170);}
#events img { border: 1px solid rgb(229, 229, 229); margin: 3px 5px 0 0; }
#events p {font: 11px verdana, Arial, Helvetica, sans-serif; color: rgb(89, 89, 89);  text-align:left; margin: 5px 0 0 0; padding: 0; }
#events .listings	{width: 180px; height: 172px; padding: 0 10px 5px 0; float: left; margin: 0 5px 10px 5px; overflow: hidden; border-bottom: 1px dotted #CCCCCC}
#events .listings li	{padding: 0 3px}
#events .listings h3 {	margin:0;	padding:0;	font-size:12px;	color: rgb(30, 136, 181);	font-weight:bold;	background:none;	border-top:none; text-transform: none; }

/* Ads (front - optional)
-----------------------------------------------------------------------------*/	
#ads { float:right;	background: #efefef; width:190px;	margin: 5px 10px 0 0; padding: 0 10px 0 10px;	overflow:hidden; -moz-border-radius-topright: 8px;  -webkit-border-top-right-radius: 8px; border-radius: 0 8px 0 0; border-bottom: 5px solid rgb(170, 0, 65); }

#ads h2 {	margin:5px 0 5px 0; padding: 5px 0 3px 0;	font-size: 14px;	text-transform: uppercase;	color:rgb(0, 0, 0);	font-weight:bold; }
#ads h2 a { color: rgb(0, 0, 0); }
#ads h2 a:hover { color: rgb(58, 125, 218);}

img.spotlight { margin: 3px 5px 15px 0; }

.clearboth	{clear: both; margin: 0; padding: 0}

/*For RSS News feed -looks like UQ news bullet list for Latest News 
-----------------------------------------------------------------------------*/	

 #ads h1.one { margin: 15px 0pt; padding: 1px 0pt 0pt 4px; color: #fff; font-size: 12px; font-family: arial; line-height: 14px; font-weight: normal; text-transform: uppercase; background-image: url('../images/tip.gif'); background-repeat: no-repeat; background-position: right top; height: 14px;  background-color: rgb(201, 0, 68); }		
  #ads h1.one a { color: rgb(255, 255, 255)  }	
  
  #ads .latest ul { background: #FCF4F4; }  
  #ads .latest h2 { font-weight: normal; font-size: 18px; margin: 4px 0 0 0; color: #A52629; border-bottom: 1px solid #ccc; font-family: arial;  }	  


  #ads .latest ul { background: #FCF4F4; }  
  #rightcol .latest h2 { font-weight: normal; font-size: 18px; margin: 4px 0 0 0; color: #A52629; border-bottom: 1px solid #ccc; font-family: arial;  }

.bulletlist { margin: 5px 0 3px 0;	padding: 0; line-height: 14px; }	
.bulletlist ul {  }	
.bulletlist li {	list-style: none;	padding: 0 0 3px 18px; background:url("../images/bullet.gif") no-repeat 1px 2px; font: 11px verdana, Arial, Helvetica, sans-serif;	 }	
.bulletlist li a, .bulletlist li a:visited {	font-weight: normal;	text-decoration: none; color: #3778C7; }		
.bulletlist li a:hover { border-bottom: 1px solid #CC0300; color: #333333; }		

.bulletlist .linkout	{
	background:url("../images/bullet.gif") no-repeat scroll 1px 12px transparent;
	border-top:1px dotted #CCCCCC;
	margin:15px 0 0;
	padding:8px 0 8px 20px;
}
.bulletlist .linkout a	{padding: 5px 0}

.newslist {font: 11px verdana, Arial, Helvetica, sans-serif; padding-bottom: 10px; padding-right: 10px; margin-bottom: 5px; line-height: 14px; font-weight: normal; clear:both; width: 190px; 
border-bottom: 1px dotted #CCCCCC}
.newsimage	{float:right; width: 75px; margin: 3px}
.newslist a { color: rgb(30, 136, 181); }
.newslist a:hover { color: rgb(147, 18, 170);}

/* INTERNAL Content
-----------------------------------------------------------------------------*/

#content-primary h2 { font-family: Arial,Helvetica,sans-serif; color: rgb(57, 137, 47); font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.4em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; letter-spacing: -1px; margin-top: 0.5em; clear: left; }

#content-primary h3 { font-family: Arial,Helvetica,sans-serif; color: rgb(104, 180, 11); font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; letter-spacing: -1px; margin-top: 30px; clear: left; }

#content-primary table{
border:1px solid #F1F1F1;
border-collapse: collapse;
}
#content-primary table td { vertical-align:top; }
#content-primary table#table1 td { border: none; }

#content-primary table td {

color:#676767;
padding:6px 8px;
}

#content-primary hr { margin: 10px 0px; }
/*
 * CURRENT/FUTURE STUDENT sublevel page styles
 ********************************************************************/
 
#content-primary table#sublevel-greybox { background: #e9f1f3; margin:16px 0 0 0; } 
#content-primary table#sublevel-greybox td { padding: 10px 20px 10px 18px; vertical-align: top; border: none; width: 50%; }

#content-primary table#sublevel-greyfadebox { background: url('../images/greyfade.png') repeat-x; border: none; margin:0; }	
#content-primary table#sublevel-greyfadebox td { border: none; padding: 10px 20px 10px 18px; vertical-align: top; width: 50%; }
#content-primary table#sublevel-greyfadebox td#left-col img { float:left; margin:0 10px 0 0; }
#content-primary table#sublevel-greyfadebox td h4 { font-size: 14px; color: #1E88B5; }
#content-primary table#sublevel-greyfadebox td h4:hover { color: #9312AA; }

#content-primary table#sublevel-greyfadebox tr:hover td { color: #676767; }

#content-primary table#sublevel-greyfadebox hr {border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
border-style:none none solid;
border-width:medium medium 1px;
height:1px;
margin:10px 0;
}

/*
 * custom template
 ********************************************************************/
#content-primary #subpage-banner {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 16px 0 7px;
}
ul#subpage-listing {
	display:inline-block;
	list-style:none outside none;
	margin:15px 0 0;
}
ul#subpage-listing li {
	background:none repeat scroll 0 0 transparent;
	float:left;
	height:80px;
	margin-bottom:10px;
	padding:0 15px 0 0;
	width:320px;
}
ul#subpage-listing li div.label {
	float:left;
	width:215px;
}
ul#subpage-listing li img {
	border: 1px solid #dadada;
	margin-right:10px;
	float:left;
	width:75px;
}
ul#subpage-listing li img:hover { opacity:0.9; }
ul#subpage-listing li h3 {
	display:block;
	font-size:19px;
	font-weight:normal;
	line-height:20px;
	margin:0 0 7px;
	padding:0;
	width:213px;
}
ul#subpage-listing li p {
	color:#444444;
	font-size:11px;
	line-height:13px;
	margin:4px 0 2px;
}
ul#subpage-listing li h3 a {
	color: #1E88B5;
}

#content-primary td#events-column h3 { font-size: 13px; }
#content-primary td#events-column { font-size: 11px; line-height: 16px; }
#content-primary ul.sublevel-events-list { list-style-image: none; list-style-type: none; text-indent: 0px; margin-left: 0px; font-size: 10px; }
#content-primary ul.sublevel-events-list li { margin: 7px 0px; }
#content-primary ul.sublevel-events-list a { font-size: 11px; line-height: 16px; }

#content-primary table#sublevel-greybox tbody tr td h3, 	#content-primary table#sublevel-greyfadebox td h3, #quicklinks h3 { color: #000; font-weight: bold; margin:6px 0; }
#content-primary div#quicklinks { padding: 10px 0 10px 17px; font-size: 14px; }
#content-primary div#quicklinks h3 { display: inline; }

#footer-right { padding: 0 0 10px 15px; margin: 0; float: left; width: 310px; height: 146px; background: transparent url('../images/footer-device.png') no-repeat scroll 10px -1px ! important; border-left: 1px dotted rgb(217, 184, 250);}
#footer-right h3 { margin: 0pt 0pt 6px; font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 12px; color: rgb(234, 184, 250); text-transform: uppercase; }
#footer-right p { margin: 5px 0 12px 0; font-family: verdana, arial, sans-serif; font-size: 11px; color: rgb(255, 255, 255); }
#footer-right li { font-size: 11px; font-family: verdana,Arial,sans-serif; }
#footer-right ul { margin: 0pt; list-style-type: none; }
#footer-right li { margin: 0pt 0pt 6px; padding: 0 0 0 12px; background: transparent url('../images/arrow.png') no-repeat scroll  0px 2px; }

p.centenary { padding: 16px 0 0 0; }

.opacity-toggle img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
.opacity-toggle:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1.0; }

#navExplore, #navLogos { float: left; }
#navExplore { padding: 0 20px 0 5px; width: 180px; }
#navLogos { padding: 0 0 10px 0;  }

/* QUICK LINKS LIST */
#content-primary #quick-links-list {
	border-bottom:13px solid #EEF5FF;
	border-top:13px solid #EEF5FF;
	height:25px;
	margin-top:10px;
	padding:5px 0 2px 10px;
	}
#content-primary #quick-links-list ul li a { color: #1E88B5; }
#content-primary #quick-links-list ul, #content-primary #quick-links-list h3 { float:left; margin: 0px; }
#content-primary #quick-links-list h3 {
	color:#000000;
	font-size:15px;
	margin-top:1px;
	
}
#content-primary #quick-links-list ul { list-style:none; margin-left:29px; }
#content-primary #quick-links-list ul li {
	background:url("../images/arrow-blue-triangle.gif") no-repeat scroll 1px 5px transparent;
	float:left;
	font-size:14px;
	padding-left:13px;
	padding-right:27px;
}
#content-primary #manual-listing-table ul {
	border-bottom: 13px solid #E8E8E8;
	list-style:none;
	margin:1px 0 0;
	padding:0;
}
#content-primary #manual-listing-table ul li {
	background:none repeat scroll 0 0 #F5F5F5;
	border-bottom:1px solid #FFFFFF;
	font-family: Arial, Verdana;
	font-size: 12px;
	padding:7px 0 8px 11px;
}

#content-primary #manual-listing-table ul li:hover { 
	background:url("http://uq.edu.au/templates/web/images/table-gradhover.png") repeat-x scroll 0 0 #D6F7FF;
	color:#333399;
}