/* @group general */

p
{
color: #333;
}

li
{

color: #333;
}

.linklist
{
list-style: none;
float: left;
width: 40%;
}

ol ol li
{
list-style-type: lower-alpha;
}

h1
{
color: #C8502C;
text-align: left;
font-size: 2.6em;
}

h2
{
color: #C8502C;
text-align: left;
margin-bottom: 0.4em;
font-size: 2em;
}

h3
{
color: #C8502C;
text-align: left;
margin-bottom: 0.3em;
font-size: 1.6em;
}

.h3
{
color: #C8502C;
font-size: 1.2em;
}

h4
{
color: #C8502C;
margin-bottom: 0.2em;
text-align: left;
font-size: 1.4em;
}

h4 .note
{
font-size: 0.7em;
color: #333;
}

.lft
{
float: left;
}

img.lft
{
margin: 0 10px 4px 0;
}

.rht
{
float: right;
}

img.rht
{
margin: 0 0 4px 10px;
}



.feat
{
font-weight: bold;
}

div.feat
{
border: 2px solid #fef0d0;
padding: 1em 1.1em 0 1.1em;
margin: 0.8em;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

p.feat
{
color: #FAB613;
font-weight: normal;
font-size: 1.1em;
}
p.feat a:link,
p.feat a:visited
{
color: #C8502C;
}
p.feat a:hover,
p.feat a:active
{
color: #673026;
}
p.feat .out
{
background-image: url(../pixels/external-link-min-inverse.png);
}

.notout .out
{
display: none;
}

	/* @group links a: */
	
	a:link
	{
	color: #C8502C;
	}
	a:visited
	{
	color: #C8502C;
	}
	
	a:hover,
	a:active
	{
	color: #673026;
	}
	
	/* - button - */
	
	
	a.btn:link,
	a.btn:visited
	{
	height: 3em;
	line-height: 3em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	padding: 0.7em 1.2em;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	background: #c44d2b; /* old browsers */
	
	background: -moz-linear-gradient(top, #edb536 0%, #962b18 99%); /* firefox */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edb536), color-stop(99%,#962b18)); /* webkit */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edb536', endColorstr='#962b18',GradientType=0 ); /* ie */
		
	-moz-box-shadow: 1px 1px 2px #3a3736;
	-webkit-box-shadow: 1px 1px 2px #3a3736;
	box-shadow: 1px 1px 2px #3a3736;
	}
	
	a.btn:hover,
	a.btn:active
	{
	/*color: #ec3f36;*/
	
	text-shadow: rgba(255,255,255,0.2) 0px 1px 0, rgba(0,0,0,0.2) 0 -1px 0;
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
	
	/* - back to top - */
	
	a.totop:link,
	a.totop:visited
	{
	padding: 1px;
	text-indent: -999em;
	background: transparent url(../pixels/arrow-up-btn.png) no-repeat 1px 1px;
	width: 16px;
	height: 16px;
	float: right;
	padding: 1px;
	display: block;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	a.totop:hover,
	a.totop:active
	{
	background-color: #912816;
	}
	
	
	
	/* @end */
	/* @group tables */
	
	table
	{
	border: none;
	border-collapse: collapse;
	}
	
	td
	{
	background: #fef0d0;
	border: 1px solid #fff;
	border-collapse: collapse;
	padding: 4px;
	text-align: center;
	}
	
	th,
	thead th
	{
	background: #C8502C;
	border: 1px solid #fff;
	border-collapse: collapse;
	color: #fff;
	padding: 4px;
	text-align: center;
	}
	
	tbody tr:nth-child(2n) td, tbody tr.even td {
	   background: #fef0d0;
	}
	
	
	.hotel
	{
	text-align: left;
	}
	
	table tr.optiontype td
	{
	background: #da8057;
	font-weight: bold;
	color: #fff;
	}
	
	th .note
	{
	font-weight: normal;
	}
	
	.ap td
	{
	text-align: left;
	vertical-align: top;
	font-size: 0.9em;
	}
	
	.ap .time
	{
	font-size: 0.9em;
	font-weight: bold;
	}
	
	.ap .title
	{
	font-weight: bold;
	font-size: 1.1em;
	}
	
	.ap .stype
	{
	color: #8f2615;
	}
	
	.ap .chair
	{
	font-weight: bold;
	font-style: italic;
	}
	
	.ap .break
	{
	background: #ffe2a5;
	}
	/* @end */
	
/* @end */

/* @group layout */

body,
html
{
text-align: center;
background: #4d4d4d;
font-family: arial, helvetica, "Helvetica Neue", sans-serif;
margin: 0;
padding: 0;
color: #333;
}



#wrap
{
background: #fff;
width: 1024px;
margin: 0 auto;
padding: 0;
text-align: left;
position: relative;
}

	/* @group header */
	
	#header
	{
	position: relative;
	height: 243px;
	background: #fee5b9 url(../pixels/cave-painting.jpg) no-repeat;
	margin: 0;
	padding: 0;
	}
	
	#header h1,
	#header h2,
	#header h3
	{
	text-indent: -999em;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 299px;
	top: 19px;
	}
	
	
	#header h2
	{
	width: 697px;
	height: 19px;
	background: transparent url(../pixels/24th-annual-scientific-conference.png) no-repeat;
	}
	
	#header h3
	{
	top: 38px;
	width: 346px;
	height: 143px;
	background: transparent url(../pixels/bariatric-surgery.png) no-repeat;
	}
	
	#header h1
	{
	top: 38px;
	left: 645px;
	}
	
	#header h1 a:link,
	#header h1 a:visited
	{
	display: block;
	width: 352px;
	height: 143px;
	background: transparent url(../pixels/OSSANZ-Darwin-2012.png) no-repeat;
	text-decoration: none;
	}
	
	#header h1 a:hover,
	#header h1 a:active
	{
	
	}
	
	
	
	
			
	/* @end */
	
	/* @group leftside */
	
	#leftside
	{
	background: transparent;
	float: left;
	width: 233px;
	margin: 24px 0 ;
	padding: 0 18px;
	border-right: 1px dashed #FAB613;
	}
		
		#countdown
		{
		text-align: center;
		color: #fff;
		background: #8f2615;
		padding: 4px 0;
		font-size: 1.1em;
		font-weight: lighter;
		}
		
		/* @group social, add to service social links */
		
		#social
		{
		width: 100%;
		height: 33px;
		padding: 0;
		
		margin:  20px 0 0 0;
		}
		
		#social .cal
		{
		width: 80px;
		padding: 0px 0 0 40px;
		height: 33px;
		background: transparent url(../pixels/social.png) no-repeat 0 0;
		display: block;
		float: left;
		margin: 0 0 0 10px;
		}
		
		#social .mail
		{
		width: 60px;
		padding: 0px 0 0 40px;
		height: 30px;
		background: transparent url(../pixels/social.png) no-repeat 0 -34px;
		display: block;
		float: right;
		}
		
		#social a:link,
		#social a:visited
		{
		text-decoration: none;
		font-weight: normal;
		color: #333;
		}
		#social a:hover,
		#social a:active
		{
		text-decoration: underline;
		color: #FAB613;
		}
		
		/* @end */

		/* @group Key Dates */
		
		#keydates
		{
		margin:  20px 0 0 0;
		
		background: #C8502C; /* old browsers */
		
		background: -moz-linear-gradient(top, #8F2615 0%, #EBAE35 100%); /* firefox */
		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8F2615), color-stop(100%,#EBAE35)); /* webkit */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8F2615', endColorstr='#EBAE35',GradientType=0 ); /* ie */
		
		background: -o-linear-gradient(top, #8F2615 0%,#EBAE35 100%); /* opera */
		}
		#keydates table
		{
		width: 100%;
		margin: 0;
		background: transparent;
		
		}
		
		#keydates th
		{
		margin: 0;
		padding: 6px 0px 6px 12px;
		border: none;
		border-top: 1px solid #fff;
		font-size: 10px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		line-height: normal;
		background: transparent;
		text-align: left;
		
		}
		
		#keydates .caption th
		{
		font-size: 15px;
		background: 8f2615;
		border: none;
		color: #fff;
		}
		
		#keydates td
		{
		margin: 0;
		padding: 6px 12px 6px 12px;
		border: none;
		border-top: 1px solid #fff;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		text-align: right;
		background: transparent;
		white-space: nowrap;
		text-align: left;
		}
				
		
		/* @end */
		
		/* @group news, Conference News */
		
		#news
		{
		background: #fef0d0;
		color: #333;
		padding: 13px;
		margin:  20px 0 0 0;
		
		
		}
		
		#news h5
		{
		color: #922b16;
		margin: 0;
		padding: 0 0 0.6em 0;
		text-transform: uppercase;
		font-size: 1.2em;
		}
		
		#news a:link,
		#news a:visited
		{
		color: #333;
		}
		
		#news a:hover,
		#news a:active
		{
		color: #673026;
		}
		
		dl,
		dt,
		dd
		{
		margin: 0;
		padding: 0;
		}
		
		dd
		{
		margin-bottom: 0.4em;
		}
		
		/* @end */
		
		/* @group eoibox, register your interest box */
			
		#eoibox
		{
		background: #fff;
		margin:  20px 0 0 0;
		padding: 13px;
		}
		
		#eoibox p
		{
		color: #333;
		font-size: 0.9em;
		margin: 0 0 0.5em 0;
		line-height: 1.2em;
		}
		
		#eoibox h5
		{
		color: #C8502C;
		margin: 0;
		padding: 0 0 0.6em 0;
		text-transform: uppercase;
		font-size: 1.2em;
		}
		
		#eoibox .btn
		{
		float: left;
		font-weight: normal;
		font-size: 1.1em;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		margin: 0 8px 0 0;
		}
			
		/* @end */

	/* @end */
	
	/* @group main content */
	
	#content
	{
	width: 420px;
	background: transparent;
	padding: 1px 20px 0 20px;
	margin: 30px 0 24px 280px;
	min-height: 500px;
	position: relative;
	text-align: justify;
	overflow: auto;
	z-index: 33;
	}
	
	
	#speakers #content
	{
	width: 360px;
	}
	
	#polaroids
	{
	width: 240px;
	float: right;
	background: transparent;
	margin: 1px 28px 0 0;
	}
	#polaroids img
	{
	margin: 30px 0 0 0;
	}
	
	#speakers #polaroids
	{
	width: 340px;
	margin: 1px 0 0 0;
	}
	
	#polaroids .destination,
	#polaroids .speak
	{
	display: none;
	}
	
	
	#darwin #polaroids .standard,
	#speakers #polaroids .standard
	{
	display: none;
	}
	#darwin #polaroids .destination,
	#speakers #polaroids .speak
	{
	display: block;
	}
	
	#majorcontribution
	{
	display: none;
	margin: 28px 0 20px 290px;
	}
	
	#majorcontribution .out/*,
	#majorcontribution h5*/
	{
	display: none;
	}
	
	
	#home #majorcontribution
	{
	display: block;
	}
	
	
	#academicprogram #polaroids
	{
	display: none;
	}
	#academicprogram #content
	{
	width: 696px;
	}
	
	
	/* @end */
	
	
	
	/* @group footer */
	
	#footer
	{
	clear: both;
	padding: 10px 22px;
	min-height: 50px;
	position: relative;
	
	background: #d26c2f url(../pixels/nav-foot-grad.png) repeat-y;
	}
	
		/* @group organisedby, uni melb logo */
		
		
		#footer h5.organisedby
		{
		color: #fff;
		font-weight: normal;
		float: left;
		margin-top: 18px;
		display: block;
		width: 286px;
		height: 16;
		text-indent: -999em;
		background: transparent url(../pixels/ossanz.png) no-repeat;
		}
		
		/* @end */
	
		/* @group office, TBE line */
		
		#footer .office
		{
		width: 500px;
		background: #transparent;
		font-size: 9px;
		padding: 1px;
		margin: 0 140px 0 0;
		float: right;
		}
		
		#footer .office img
		{
		float: left;
		margin: 0 6px;
		}
		
		#footer .office p
		{
		margin: 6px 0 0 0;
		color: #f4d3c0;
		}
		
		#footer .office h5
		{
		float: left;
		color: #e8b597;
		font-size: 11px;
		font-weight: bold;
		margin: 0;
		padding: 0 0 10px 0;
		}
		
		#footer .office a:link,
		#footer .office a:visited
		{
		color: #f4d3c0;
		}
		
		#footer .office a:hover
		{
		color: #fff;
		}
		
		/* @end */
		
		/* @group siteimg, corner img */
		
		#siteimg
		{
		float: right;
		display: block;
		}
		
		/* @end */

		/* @group By Gray Design Group */
		
		div.togray
		{
		width: 200px;
		margin: 0;
		text-align: right;
		position: absolute;
		right: 12px;
		bottom: 10px;
		}
		
		a#graydesignby:link,
		a#graydesignby:visited
		{
		color: #932c17;
		text-decoration: none;
		border-left: 11px solid #932c17;
		font: normal 9px/9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		padding: 0 2px;
		margin: 0;
		}
		
		
		a#graydesignby:hover,
		a#graydesignby:active
		{
		color: #fff;
		border-left: 11px solid red;
		}
		
		div.togray .out
		{
		display: none ;
		}
		
		/* @end */
	
	/* @end */
	
/* @end */

/* @group nav menu */

.menu
{
margin: 0;
padding: 0px;
height: 48px;
width: 100%;
position: absolute;
z-index: 44;
bottom: 0;

background: #8F2615 url(../pixels/nav-foot-grad.png) repeat-y;
}

ul.nav
{
margin: 0;
padding: 0;
height: 48px;
width: 100%;
background: transparent url(../pixels/nav-shadow.png) repeat-x;
}

ul.nav li
{
margin: 0;
padding: 0;
list-style: none;
display: block;
float: left;
position: relative;
}

ul.nav li ul
{
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 48px;
left: 0;
background: #9d311b;
}


ul.nav li:hover ul,
ul.nav li.hover ul
{

display: block;
margin: 0;
padding: 0;
position: absolute;
top: 48px;
left: 0;
background: #9d311b;
}



ul.nav li:hover ul li,
ul.nav li.hover ul li,
ul.nav li ul li
{
margin: 0;
padding: 0;
width: 100%;
background: #9d311b;
border-bottom: 1px solid #fee5b9;
position: relative;
display: block;
}

ul.nav li ul li:last-child
{
border: none;
}


ul.nav li.first
{

}

ul.nav li.last a
{
background: none;
}


ul.nav li a:hover,
ul.nav li a:active,
ul.nav li:hover > a
{
color: #FAB613;
background: transparent url(../pixels/nav-over.png) repeat-x;
}


ul.nav a:link,
ul.nav a:visited
{
display: block;
text-decoration: none;
margin: 0;
padding: 0 17px;
height: 48px;
line-height: 48px;
color: #fff;
font-weight: 200;
text-align: center;
font-size: 12px;
}


#home ul.nav .home > a,
#committee ul.nav .home > a,
#history ul.nav .home > a,

#callforpapers ul.nav .program > a,
#speakers ul.nav .program > a,
#academicprogram ul.nav .program > a,
#speakerinformation ul.nav .program > a,
#hostededucationsessions ul.nav .program > a,

#melbourneuniversity ul.nav .venue > a,
#gettingthere ul.nav .venue > a,
#maps ul.nav .venue > a,

#registration ul.nav .registration > a,

#accommodation ul.nav .accommodation a,

#melbournevictoria ul.nav .destination > a,
#australia ul.nav .destination > a,
#tours ul.nav .destination > a,
#travel ul.nav .destination > a,

#generalinformation ul.nav .information > a,
#visas ul.nav .information > a,
#usefullinks ul.nav .information > a,
#faq ul.nav .information > a,

#socialevents ul.nav .socialevents > a,

#contacts ul.nav .contacts > a
{
color: #FAB613;
background: transparent url(../pixels/nav-vgrad.png) repeat-x;
}



ul.nav li ul li a:link,
ul.nav li ul li a:visited
{
display: block;
text-decoration: none;
margin: 0;
padding: 0 6px;
height: 32px;
line-height: 32px;
color: #fff;
font-weight: 200;
font-size: 0.8em;
text-align: left;
white-space: nowrap;
background: #9d311b;
}

ul.nav li ul li a:hover,
ul.nav li ul li a:active
{
text-decoration: underline;
}

#home ul.nav .welcome > a,
#committee ul.nav .committee > a,
#history ul.nav .history > a,

#callforpapers ul.nav .callforpapers > a,
#speakers ul.nav .speakers > a,
#academicprogram ul.nav .academicprogram > a,
#speakerinformation ul.nav .speakerinformation > a,
#hostededucationsessions ul.nav .hostededucationsessions > a,

#melbourneuniversity ul.nav .melbourneuniversity > a,
#gettingthere ul.nav .gettingthere > a,
#maps ul.nav .maps > a,

#melbournevictoria ul.nav .melbournevictoria > a,
#australia ul.nav .australia > a,
#tours ul.nav .tours > a,
#travel ul.nav .travel > a,


#generalinformation ul.nav .generalinformation > a,
#visas ul.nav .visas > a,
#usefullinks ul.nav .usefullinks > a,
#faq ul.nav .faq > a
{
text-decoration: underline;
font-weight: bold;
}



/* @end */




table.program {
  border-collapse: collapse;
  border-spacing: 0;
}
table.program td {
  padding: 5px 10px;
  border: 1px solid #7ac1f5;
  background: #fff !important;
  vertical-align: top;
}
table.program td.time { width: 110px; text-align: center; }
table.program thead td,
table.program th {
  font-weight: bold;
  text-align: center;
  background: #7ac1f5 !important;
  color: #fff;
}
table.program tr.break td { background: #d8ecfb !important; }




/* -   - */



.fullprog span
{
display: block;
}

.fullprog td
{
text-align: left;
vertical-align: top;
}

.fullprog .day td
{
color:#fff;
background:#000;
font-weight: bold;
font-size: 1.1em;
text-align: center;
vertical-align: middle;
padding: 0.6em;
}

.fullprog td.time
{
font-size:0.8em;

text-align: center;
vertical-align: middle;
font-weight: normal;
}

.fullprog .session td
{
background:#f9a30e;
}

.fullprog .session .title
{
font-weight:bold;
}


.fullprog .meeting td
{
background: #bb4e03;
color: #000;
}

.fullprog .meeting .title
{
font-weight: bold;
}

.fullprog .event td
{
background:#6f0b03;
color:#fff;
}

.fullprog .event .title
{
font-weight: bold;
}

.fullprog .code
{
color:#333;
font-size:1.1em;
}

.fullprog .room
{
font-style:italic;
font-size:0.9em;
}

.fullprog .speaker
{
font-weight:bold;
}

.fullprog .chair
{
font-style:italic;
font-size:0.9em;
}

.fullprog  .break td
{
background:#c64f2e;
text-align: center;
vertical-align: middle;
font-weight: bold;
}

.fullprog .title
{
}

.fullprog .discussion{font-weight:bold;}

.fullprog .keynote td
{
background:#e37a13;
}

.fullprog img
{
background: #fff;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}






/* @group eoi form, embeded from em */

#registeryourinterest .em_wfs_layout td
{
text-align: left;
background: #fff;
}
#registeryourinterest .em_wfs_layout select
{
width: 200px;
}

/* @end */


/* @group speakers, Speakers page */

.sspot
{
padding: 0 0 1.8em 0;
}

#speakers .epithet
{
font-size: 0.6em;
}


/* @end */

.contribution .out
{
display: none;
}

.contribution img
{
margin: 1px 8px;
}