/* University of Adelaide
 * CLPD site specific CSS - pgm Dec2007, last updated 4/3/09
 */
 
 /* nav include file
------------------------------------------------------ */

.hide {
	display: none;
	}
 
 /* content area: "main panel" (site/subsite home pages)
------------------------------------------------------ */

#mainPanel {
	float: left; 
/*	padding-right: 5px;  */
	width: 68%;
	}
	
   /*IE6 fix for wrapping div problem*/
* html #mainPanel {
	float: left; 
/*	padding-right: 5px; */ 
    width: 62%;
	}
	
table.console td.clpdHomeConsole h2	{
	background-image: none; 
	padding: 0px; 
	line-height: 100%;
	}
	
table.console td.clpdHomeConsole p	{
	font-size: 11px;
	line-height: 120%;
	}


/* content area: "rightSidePanel" (site/subsite home pages)
------------------------------------------------------ */

#rightSidePanel {
	float: right; 
	width: 30%; 
	padding-bottom: 20px; 
	}
	
	
/* content area: "rightFloatBox" (site/subsite home pages)
------------------------------------------------------ */

#rightFloatBox {
	float: right; 
	width: 30%; 
	padding: 0px 0px 20px 20px; 
	}
	
	
/* ---- basic div settings ---- */

div.clpdlink {
	padding-right: 5px; 
	width: 100%;
	}

/* ---- list heading ---- */

.clpdlink h2 {
	font-family: Verdana,Helvetica,Geneva,sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #369;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	background-color: #ebf0f7;
	background-image: url('/global/images/square_arrows/009900.gif');
	background-position: 0% 50%; 
	background-repeat: no-repeat;
	margin:  0px 0px 0px 0px;
	padding: 5px 5px 5px 30px;
	border: 1px solid #9ab;
	}

/* ---- list navigation ---- */

.clpdlink {
	margin: 0px;
	padding: 0px;
	}
.clpdlink ul {
	margin-top: 6px;
	margin-left: 1px;
	margin-bottom: 12px;
	padding: 0px;
	}
.clpdlink li {
	font-size: 12px;
	font-style: normal;
	list-style: none;
	text-align: left;
	padding-bottom: 3px;
	}
.clpdlink ul li ul{
	margin-top: 2px;
	margin-bottom: 0px;
	}
.clpdlink ul li ul li {
	font-size: 10px;
	line-height: 12px;
	padding-left: 24px;
	}
.clpdlink li a {
	display: block;
	padding-left: 24px;
	text-decoration: underline;
	}
.clpdlink li a:link { 
	color: #369; 
	}
.clpdlink li a:visited { 
	color: #776; 
	}
.clpdlink li a:hover {
	color: #036;
	background-image: url('/clpd/images/bullets/orangetriangle.gif');
	background-position: 6px 6px; 
	background-repeat: no-repeat;
	text-decoration: underline;
	}
.clpdlink .note li a:hover {
	background: none;
}
	
/* ---- boxed notes & buttons---- */

.greybox {
	border: 1px solid #999999;
	}
.dashbox {
	border: 1px solid #999999;
	border-style: dashed;
	}
.infodashbox {
	border-top: 0px solid #ffffff;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-style: dashed;
	}
.orangebox {
	border: 1px solid #ff6600;
	}
.newsbox {
	border: 1px solid #ff6600;
	width: 200px;
}
.newsbox p {
	font-size: 12px;
	font-style: normal;
	padding: 12px 10px 5px 10px;
	}
.note {
	margin: 0px;
	padding: 3px 10px 5px 10px;
	}
.note p {
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	}
.buttons p img {
	line-height: 50px;
	margin: 3px 0px;
	padding: 0px;
	}
.note subhead {
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	}
.note ul {
	margin: 0px;
	padding: 0px;
	}
.note li {
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	list-style: url('/clpd/images/bullets/orangesquare.gif') outside circle;
	text-align: left;
	padding-bottom: 4px;
	margin-left: 12px;
	}
.note ul li ul li {
	line-height: 14px;
	list-style: circle;
	padding: 2px 0px 0px 4px;
	}
.note li a {
    display: inline;
	padding: 0px;
	}	
.note li a:link {
	color: #369; 
	}
.note li a:visited { 
	color: #776; 
	}
.note li:hover {
	color: #036;
	list-style-image: url('/clpd/images/bullets/bluesquare.gif');
	}
	
/* ---- form elements ---- */

form legend {
	color: #369;
	font-size: 115%;
	font-weight: bold;
	}
form p input {
	vertical-align: baseline;
	}
fieldset {
	width: 660px;
	padding: 5px 20px;
	margin-bottom: 15px;
	display: block;
	}

/* ---- show hide link ---- */

#switchLinkDiv a {
	text-decoration: none;
	font-weight: bold;
	color:#03F;
}

/* ---- table with linked titles ---- */
/* source: The University of Adelaide standard stylesheet (Feb 2008)
 * modified to accomodate a table of linked items, ie no cell borders */
 
table.links {
	font-size: 11px;
	line-height: 13px;
	background-color: #fff;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 15px 0px 15px 0px;
	}
table.links ul, table.links li {
	font-size: 11px;
	line-height: 13px;
	}
table.links th {
	font-size: 11px;
	line-height: 13px;
	text-align: left;
	background-color: #ebf0f7;
	color: #036;
	font-weight: bold;
	font-style: normal;
	padding: 5px;
	border: 1px solid #abc;
	}
table.links th a:link, table.light th a:active, table.light th a:visited, table.light th a:hover {
	color: #369; }
table.links th.alt {
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	background-color: #89a;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #fff;
	}
table.links th.alt a:link, table.light th.alt a:active, table.light th.alt a:visited, table.light th.alt a:hover {
	color: #fff; }
table.links td {
	background-color: #fff;
	color: #456;
	padding: 7px 10px 7px 10px;
/*	border: 1px solid #9ab;  */
	}
table.links tr.alt {
	background-color: #eed;
	color: #456;
	padding: 7px 10px 7px 10px;
/*	border: 1px solid #9ab;  */
	}
table.links td.alt {
	background-color: #eed;
	color: #456;
	padding: 7px 10px 7px 10px;
/* 	border: 1px solid #9ab;  */
	}


/* 
icon link labels - for Word and PDF document links 
specify eg <a href="test.html" class="pdf">Test</a>
*/

a.pdf, a.doc {
	padding-left: 23px;
	display: block; 
	height: 18px; 
	cursor: pointer; 
	padding-top: 0px; 
	padding-bottom: 4px; 
	margin-top: 8px;
}
a.pdf {background:url(../images/icons/icon_pdf.gif) no-repeat top left;}
a.doc {background:url(../images/icons/icon_doc.gif) no-repeat top left;}

a.pdf:after { content: " - PDF Download";}
a.doc:after { content: " - Word Doc Download";}


/* ---- eeltp styles ---- */

ul.examplenav,ul.examplenav2 {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li.examplenav {
	float: left;
	padding: 4px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #e7e7e7;
	color: #336679;
	font-size: 95%;
}

li.examplenav2 {
	padding: 0.5em 1em;
	margin-bottom: 4px;
	vertical-align: middle;
	border: 1px solid #ccc;
	background-color: #e7e7e7;
	color: #336679;
	font-size: 95%;
}

li.examplenav-selected {
	float: left;
	padding: 4px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #fff;
	font-size: 95%;
}

li.examplenav2-selected {
	padding: 0.5em 1em;
	margin-bottom: 4px;
	vertical-align: middle;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 95%;
}

div.examplenavcontainer {
	float: left;
	margin: 0;
	border-right: 1px solid #ccc;
	background-color: #e7e7e7;
}

/*
.content a.examplenav  {
	color: #336679;
	text-decoration: none;
}

li.examplenav a:visited {
	color: #336679;
	text-decoration: none;
}
*/

a.examplenav:link,a.examplenav2:link,a.examplenav:visited,a.examplenav2:visited {
	color: #336679;
	text-decoration: none;
}

a.examplenav:hover,a.examplenav2:hover,a.examplenav:active,a.examplenav2:active {
	color: #003;
	text-decoration: none;
}

div.examplecontainer {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
	padding: 30px 0 30px 15px;
	border: 1px solid #ccc;
}

img.examplesml {
	float: right;
	margin: 0 15px 0 60px;
	border: 1px solid #ccc;
}

div.examplelge {
	width: 100%;
	margin-top: 20px;
	/*text-align: center;*/
}

img.examplelge {
	float:right;
	border: 1px solid #ccc;
}

ul.nobullets {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.disc {
	margin-left: 15px;
	padding: 0;
	list-style-type: disc;
}


h2.eeltp {
	margin: 20px 0 20px 0;	
}

h3.eeltp {
	margin: 25px 0 0 0;
	font-weight: 300; 
	color: #900;
}

/* -- end eeltp styles -- */

/* custom styling for pagehead stars - correct positioning */
#tt1 {
	background:url("/global/images/tt1_s_cross.gif") no-repeat scroll 270px top transparent;
}



/* - - TESTING AREA - - */

/* content area: "RHwidget"
------------------------------------------------------ */

/* - in td class=content, div class=content - */

#RHwidget {
	float: right; 
	width: 30%; 
	padding-bottom: 20px; 
	}