/* CSS ITSC, 16 Mar 2007, info@ninetrogen.com */

#container { width: 760px; text-align: left; margin-top: 0; margin-right:auto; margin-bottom: 0; margin-left:auto; }
#container table.column { table-layout:fixed; empty-cells:show; border-collapse:collapse; }
#container table.column td { vertical-align:top}
#masthead { width: 602px; height: 120px; background: url(../images/ITSCtagline.gif) no-repeat bottom; color: #666;font: bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#masthead ul { float:right; padding: 0; list-style-type: none; margin: 0; clear:left}
#masthead li { display:block; float: right;margin: 0 0 5px 1px; padding: 5px 0 0 4px; border-top: 4px solid #72b400; border-left: 1px solid #72b400;}
#masthead a {  color: #666;  text-decoration: none; font: bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 0 10px 0 4px}
#masthead a:hover { color: #c93;}

#masthead .search {float:right; margin: 10px 5px; color: #666 }

#leftnav { margin: 0; padding: 10px 0 0 0; width: 152px;  }
#leftnav ul { margin: 0; padding: 0; list-style-type: none;}
#leftnav li { height: 40px; text-align: right; margin: 0; padding: 0;}
#leftnav a { display:block;color: #005219; padding: 4px 3px 2px 5px; margin: 0; text-decoration: none; font: bold 12px Helvetica, Arial, Tahoma, Verdana, sans-serif; }
#leftnav a:hover { color: #c93; }
img.supportor { margin: 20px 1px 10px 7px}

#content { margin: 0 10px 30px 25px; }
#content td { vertical-align: top;}
#contentHome { margin: 0 10px 30px 38px; width: 90%;}
#greentop { margin: 0 0 0 18px; height: 4px; background: #72b400; font:0px/0px sans-serif;}
#contentTitle { padding: 5px; margin: 0 10px; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 200%; font-weight: normal; color: #FF6633; letter-spacing: -1px;}
#flashcontent { width: 590px; height: 140px;margin: 0 0 0 18px;}
#flashadvice { margin: 0;}

.hrgreen { border-top: 1px solid #74b300; width: 100%; font:0px/0px sans-serif;}
#highlights table { table-layout:fixed; empty-cells:show; border-collapse:collapse; width: 100%;}
#highlights td { padding: 5px; vertical-align: top;}
#highlights ul { margin: 0; padding: 0; list-style-type: none;}
#highlights li {  background: url(../images/bullet1.gif) no-repeat;
	background-position: 0.4em .7em; /* set position from left, top*/
	padding: .3em 1.4em 0.4em 1.5em;
	font: normal 11px Tahoma, Verdana,Helvetica, Arial, sans-serif; color: #000; margin: 0;}
#highlights a { color: #72b400; text-decoration: none; font: bold 11px Tahoma, Verdana,Helvetica, Arial, sans-serif;}
#highlights a:hover { color: #c93; }
#highlights li:hover { background-color: #f5ffe2; }

#bannerButton { margin: 20px 10px 10px 38px; width: 90%; text-align:center;}
#bannerButton img { float: right; margin-right: 30px;}

.title { font: normal 160% helvetica, arial, tahoma, verdana, sans-serif;
		color: #333;  padding: 5px 10px; letter-spacing:-1px;}
		
#pageTitle { background: url(../images/mastevents.jpg) no-repeat right; border-top: 4px solid #72b400; border-bottom: 1px solid #edf1a5; margin: 0 0 0 18px; height: 40px; padding: 0 5px; }
#downloadsTitle { background: url(../images/mastdownloads.jpg) no-repeat right; border-top: 4px solid #72b400; border-bottom: 1px solid #edf1a5; margin: 0 0 0 18px; height: 40px; padding: 0 5px; }
#aboutTitle { background: url(../images/mastabout.jpg) no-repeat right; border-top: 4px solid #72b400; border-bottom: 1px solid #edf1a5; margin: 0 0 0 18px; height: 40px; padding: 0 5px; }
#techTitle { background: url(../images/masttechnical.jpg) no-repeat right; border-top: 4px solid #72b400; border-bottom: 1px solid #edf1a5; margin: 0 0 0 18px; height: 40px; padding: 0 5px; }
#stdTitle { background: url(../images/maststandards.jpg) no-repeat right; border-top: 4px solid #72b400; border-bottom: 1px solid #edf1a5; margin: 0 0 0 18px; height: 40px; padding: 0 5px; }
#intTitle { background: url(../images/mastinternational.jpg) no-repeat right; border-top: 4px solid #72b400; border-bottom: 1px solid #edf1a5; margin: 0 0 0 18px; height: 40px; padding: 0 5px; }
#synTitle { background: url(../images/mastsynthesis.jpg) no-repeat right; border-top: 4px solid #72b400; border-bottom: 1px solid #edf1a5; margin: 0 0 0 18px; height: 40px; padding: 0 5px; }
#faqTitle { background: url(../images/mastfaqs.jpg) no-repeat right; border-top: 4px solid #72b400; border-bottom: 1px solid #edf1a5; margin: 0 0 0 18px; height: 40px; padding: 0 5px; }
#searchTitle { background: url(../images/mastabout.jpg) no-repeat right; border-top: 4px solid #72b400; border-bottom: 1px solid #edf1a5;  
margin: 5px 0 0 0; height: 40px; padding: 0 16px; }

/* BreadCrumb styles */
#crumb {  margin: 0 0 0 18px; padding: 4px 15px 5px 5px; font-size: 0.75em; color: #c93; text-align:right;	border-bottom: 1px solid #edf1a5; height: 100%; overflow: auto; }
#crumb .crumblink { float: left;  color:#999; width: 450px; text-align:left; }
#crumb .crumblink a{ color: #999; text-decoration: none; font-weight: normal}
#crumb .crumblink a:hover { color: #ccc; text-decoration: none }

.searchresult { padding: 0 50px; margin: 10px 0}
.search2 { margin: 5px 5px 10px 5px; color: #666}

/* BreadCrumb styles for Search Result page*/
#crumb2 {  margin: 0; padding: 4px 15px 5px 15px; font-size: 0.75em; color: #c93; text-align:right;	border-bottom: 1px solid #edf1a5; height: 100%; overflow: auto;}
#crumb2 .crumblink { float: left;  color:#999; width: 550px; text-align:left; }
#crumb2 .crumblink a{ color: #999; text-decoration: none; font-weight: normal}
#crumb2 .crumblink a:hover { color: #ccc; text-decoration: none }

img.imgevents { margin: 5px}

#programme {}
#programme table { width: 100%;
		border-collapse:collapse;
		font-family: tahoma, verdana, sans-serif;
		border: 1px solid #edf1a5;}
#programme td,th {
		border-collapse:collapse;font-size:82%;
		padding:5px;}
#programme caption {
		font: normal 140% helvetica, arial, tahoma, verdana, sans-serif;
		color: #1d9f44; 
		padding: 5px;
		text-align:left; letter-spacing:-1px; }
#programme thead th {
		padding: 5px ; 	background:#bcf397 url(../images/greengradient3.jpg) repeat-x;	text-align:left; font-weight: bold;  color:#fff; font-size: 100%;}
#programme tfoot td { font-weight:bold; background:#bcf397 url(../images/greengradient1.jpg) repeat-x; font-size:120%;}
#programme td {
		background:#e9f2d2; font-family:tahoma, verdana, arial, sans-serif; vertical-align:top; }
#programme tr.alt td { background:#f9ffea; }
#programme thead th.green { padding: 5px ;background:#2d7400; text-align:left; font-weight: bold;  color:#fff; font-size: 100%; border: 1px solid #edf1a5}

/* track table */
#track table {  border: none;}
#track td,th { border-collapse:collapse; padding:5px;font-size: 100%;}
#track thead th { font-size: 100%; text-align:left;}
#track thead th.track1 { background:#dcdad0; color:#000; }
#track thead th.track2 { background:#cac7b9;color:#000; }
#track thead th.track3 { background:#b2af9d;color:#000; }

#track tr td.track1 {background-color:#f3f2ea;}
#track tr td.track2 {background:#e2e1d6;}
#track tr td.track3 {background:#dad9d1;}

.form {padding: 5px; margin: 0 10px; }
.form table { table-layout:fixed; empty-cells:show;	border-collapse:separate; cell-spacing: 1px; border: 1px solid #edf1a5}
.form tr {background-color:#e9f2d2; }
.form tr.namealt { 
	background-color:#f9ffea;}
.form td.name { 
	padding: 4px 5px;
	text-align:right;
	vertical-align:top;}
.form td { 
	padding: 4px 5px;
	vertical-align:top;}
	
table.logo td { text-align: center; vertical-align: middle}

#topnav { margin: 10px}
#topnav ul {margin: 0; padding: 0; list-style-type: none;}
#topnav li {background: url(../images/bullet2.gif) no-repeat;
	background-position: 0.4em .7em; /* set position from left, top*/
	padding: .3em 1.4em .4em 1.5em; }
#topnav ul ul {margin: 0 30px; padding: 0; list-style-type: circle;}
#topnav ul ul li { margin: 0; padding: 3px 0; background: none;}

#topnav table { table-layout:fixed; empty-cells:show; border-collapse:collapse; width: 100%;}
#topnav td { padding: 5px; vertical-align: top;}

.download {}
.download table { width: 100%;
		border-collapse:collapse;
		font-family: tahoma, verdana, sans-serif;
		border: 1px solid #f4e6d4;}
.download td,th {
		border-collapse:collapse;font-size:82%;
		padding:5px;}
.download caption {
		font: normal 140% helvetica, arial, tahoma, verdana, sans-serif;
		color: #333; 
		padding: 5px;
		text-align:left; letter-spacing:-1px; }
.download thead th {
		padding: 5px ; 	background:#bcf397 url(../images/browngradient.jpg) repeat-x;	text-align:left; font-weight: bold;  color:#fff; font-size: 100%;}
.download tfoot td { font-weight:bold; background:#bcf397 url(../images/greengradient1.jpg) repeat-x; font-size:120%;}
.download td {
		background:#eddeca; font-family:tahoma, verdana, arial, sans-serif; vertical-align:top; }
.download tr.alt td { background:#fff5e8; }
.download a { color: #663300;text-decoration: none;font-weight:bold;  }
.download a:hover { color: #cc9933; }

/* only for download links*/
a.dl { font: bold 10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #663300; text-decoration: none; background:  url(../images/icon_download.gif) no-repeat right ; padding: 0.3em 1.5em 0.3em 0.4em}
a.dl:hover { color: #fff; background: #e7cfb0 url(../images/icon_download.gif) no-repeat right}

.center { text-align:center}
ol.standards {margin: 10px 40px; padding:0 }
ol.standards li { margin: 20px 0; padding:0}

input.textentry
	{ font: bold small Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #f5ffe2; color: #666; border: 1px solid #ccc; margin: 2px 3px; padding: 2px 5px;}
input.textentry:focus {background-color:#f8fbd1}
input.textentry:hover {background-color:#f8fbd1}

input.textentry2
	{ font: bold small Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #f5ffe2; color: #666; border: 1px solid #ccc; margin: 2px 3px; padding: 2px 5px;}
input.textentry:focus {background-color:#f8fbd1}
input.textentry:hover {background-color:#f8fbd1}


select.text
	{ font: bold small Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #f5ffe2; color: #666; border: 1px solid #ccc; margin: 2px 3px; padding: 2px 2px;}
select.text:focus {background-color:#f8fbd1}
select.text:hover {background-color:#f8fbd1}
	
input.btn
	{ font-family: Helvetica, Verdana, Arial, sans-serif; font-size: small; font-weight: bold; color: #666; margin: 2px 0; background-color:  #d3ee93; padding: 2px 3px 0 3px; border:1px solid; border-top-color:#fff; border-left-color:#fff; border-right-color:#c2c2c2; 
   border-bottom-color:#c2c2c2; filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#d3ee93',EndColorStr='#f4fcff')}
input.btn:hover
	{ border-top-color:#ccc; border-left-color:#ccc; border-right-color:#fff; border-bottom-color:#fff; cursor:pointer}

textarea.textentry { font: bold small Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #f5ffe2; color: #666; border: 1px solid #ccc; margin: 2px 3px; padding: 2px 5px;}
textarea.textentry:focus {background-color:#f8fbd1}
textarea.textentry:hover {background-color:#f8fbd1}



/* ADMIN */
#mastAdmin { width: 602px; height: 120px; background: url(../images/ITSCtaglineadmin.gif) no-repeat bottom; color: #666; }
#mastAdmin .adminpic{ float: right; margin: 0 0 5px 1px; padding: 5px 0 0 3px; border-top: 4px solid #72b400; }
#adminTitle { background: url(../images/mastadmin.jpg) no-repeat right; border-top: 4px solid #72b400; border-bottom: 1px solid #edf1a5; margin: 5px 0 0 0; height: 40px; padding: 0 16px; }
#adminGreet { padding: 5px 16px; color:#006633; font-size:0.8em; text-align:right ; height: 100%; overflow: auto; }
#adminGreet .adminMenu {float: left;  color:#339966;width: 560px; text-align:left/*display: inline; clear: left;*/ }

table.displayEvent { table-layout:fixed; empty-cells:show; border-collapse:collapse; border-top:1px solid #edf1a5; border-bottom:1px solid #edf1a5; }
table.displayEvent td { padding: 3px 20px}
.displayEvent1 { border-right:1px solid #edf1a5; width: 40% }
	
.events { padding: 0 10px; margin: 20px 0}
.events table { width: 740px;
		border-collapse:collapse;
		font-family: tahoma, verdana, sans-serif;
		font-size:82%;}
.events td,th {
		border-collapse:collapse;
		padding:5px;}
.events caption .captionL {
		font: normal 180% helvetica, arial, tahoma, verdana, sans-serif;
		color: #333; 
		padding: 5px 10px;
		text-align:left; letter-spacing:-1px; float: left;}
.events thead th {
		background:#bcf397 url(../images/greengradient1.jpg) repeat-x;	text-align:left; font-weight: bold; font-size: 120%; color:#063;}
.events thead th.manage { background:#98e365 url(../images/greengradient2.jpg) repeat-x; font-weight: bold; }
.events tbody td {
		background:#e9f2d2; font-family:tahoma, verdana, arial, sans-serif; vertical-align:top; }
.events tbody tr.alt td { background:#f9ffea; }
.events .addnew { border: 1px solid #72b400 ; padding: 0px 6px; float: right; font:normal 11px sans-serif;}
.events .addnew img {vertical-align: middle; margin: 3px 3px 3px 0;}

table.choice { width: 740px;
		border-collapse:collapse;
		font-family: tahoma, verdana, sans-serif;
		font-size:82%;}
table.choice td,th {
		border-collapse:collapse;
		padding:5px;}
table.choice thead th { padding: 5px 16px;
		background:#bcf397 url(../images/greengradient3.jpg) repeat-x;	text-align:left; font-weight: bold; font-size: 120%; color:#fff; border:1px solid #edf1a5;}
table.choice tbody td {
		background:#fff; font-family:tahoma, verdana, arial, sans-serif; vertical-align:top; border:1px solid #edf1a5; }
table.choice .select {float: left; margin: 5px 8px;font-size:95%;}
table.choice .action {float: left; height: 40px; margin: 5px;font-size:95%; font-weight: bold; color:#063;}

.participants{ padding: 0 10px; margin: 20px 0}
.participants table { width: 740px;
		border-collapse:collapse;
		font-family: tahoma, verdana, sans-serif;
		font-size:82%;}
.participants td,th {
		border-collapse:collapse;
		padding:5px;}
.participants caption {
		font: normal 180% helvetica, arial, tahoma, verdana, sans-serif;
		color: #333; 
		padding: 5px 10px;
		text-align:left; letter-spacing:-1px; }
.participants thead th {
		background:#bcf397 url(../images/greengradient1.jpg) repeat-x;	text-align:left; font-weight: bold; font-size: 120%; color:#063;}
.participants tfoot td { font-weight:bold; background:#bcf397 url(../images/greengradient1.jpg) repeat-x; font-size:120%;}
.participants tbody.pNew td {
		background:#f9ffea; font-family:tahoma, verdana, arial, sans-serif; vertical-align:top; border-bottom: 1px solid #fff}
.participants tbody.pConfirm td {
		background:#e4ffdd; font-family:tahoma, verdana, arial, sans-serif; vertical-align:top; border-bottom: 1px solid #fff}
.participants tbody.pReject td {
		background:#ffeded; font-family:tahoma, verdana, arial, sans-serif; vertical-align:top; border-bottom: 1px solid #fff}
.participants tbody.pCancel td {
		background:#f1f1f1; font-family:tahoma, verdana, arial, sans-serif; vertical-align:top; border-bottom: 1px solid #fff}

	
div.spacer { clear: both; font:0px/0px sans-serif; display:block; }  /*one on each side to keeps left and right container in place*/