/*CSS-File*/


body {
margin: 0px;
padding: 0px; /*For Opera*/
font-family: Verdana, sans-serif;
color: #323d53;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 5%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 5%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 5%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 5%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 5%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}

body {
font-size: 100%; /*For IE*/
}

html>body {
font-size: 16px; /*For other browsers, IE can�t read this*/
}/*All text should now have a default of 16px when set on medium or default*/

#header {
	/*background: #fdfdfd;*/
	padding: 10px 1em 0 1em;
	color: #323d53;

}

#header p {line-height: 1.5em}

#header h1 {margin-top: 0; padding-top: 0}

#logo {
    float: right;
    /*margin: 0 0 0 1em;*/
}


#logoheader {
	clear: both;
	background: #fff;
	padding-right: 20px;
	/*padding-top: 10px;*/
	border-top: 2px solid #fff;
    height: 70px;
}

#logoheader img {
 float: left;
 padding: 10px 0 10px 0;
 margin-right: 10px;
}

#logoheader a img {
 border: 0;
 vertical-align:bottom;
}

#logoheader a:hover img, #logoheader a:active img, #logoheader a:focus img {
	padding-top: 2px;
	padding-bottom: 0;
	border-bottom: 5px solid #ddd;
}

#logoheader a:hover {
	background: #647ba5; /*ie needs this*/
}

.box {
	padding: 1em;
	border: 1px solid #ccc;
	margin: 1em;
	color: #323d53;
	line-height: 1.5em;
}

.box li {
	line-height: 2em;
	margin: 0 0 1.5em 0;
}
/*
.box01 {
	padding: 1em;
	background: url(grad01.jpg) repeat-x;
	border: 1px solid #ddd;
	margin: 1em;
	color: #FFFFFF;
}
.box02 {
	padding: 1em;
	background: url(grad02.jpg) repeat-x;
	border: 1px solid #ddd;
	margin: 1em;
	color: #FFFFFF;
}
*/
#footer {
	border: 1px solid #ccc;
	color: #323d53;
	text-align: center;
	/*background: url(red-line.gif) no-repeat center bottom;*/
	padding-bottom: 10px;
}

a, visted {
	text-decoration: none;
	color: #4da5c9;
	font-weight: bold;
}

a:hover, a:active, a:focus {
	color: #999999;
	text-decoration: underline;
	font-weight: bold;
}

#footer a, #footer visited {
	font-weight: normal;
}

#footer a:hover, #footer a:active, #footer a:focus {
	font-weight: normal;
	text-decoration: underline;
}


div.centered {text-align: center;}
div.centered table {margin: 0 auto; /*text-align: left;*/}

#logo {
	background: url(/workshop/tomography/graphics/tomography-illustration.png) no-repeat;
	/*position: absolute;*/
	height: 141px;
	width: 100px;
	top: 9em;
	right: 20px;
    border: 1px solid #ddd;
    
}


#logo a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}



#logo a:hover, #logo a:active, #logo a:focus {
    text-decoration: none;
    background: url(/workshop/tomography/graphics/tomography-illustration-alt.png) no-repeat;
}



.date {
	background: #ECF2FF;
	border: 2px dashed #999;
	padding: 5px;
	height: auto;
	width: auto;
	font-size: 120%;
	line-height: normal;
	font-weight: bold;
	text-align: center;
	margin-top: 2%;
	margin-right: 15%;
	margin-left: 15%;
}

div.centerstuff {
	margin: 1em auto;
	text-align: center;
}

div.centerstuff img {
	width: 80%;
}

#centermenu {
	border-bottom: 2px solid #aaa;
	margin: 1em 0 1em 0;
	float: left;
	width: 100%;
	position: relative; 
	overflow: hidden;
	font-size: 1.5em;
}

#centermenu ul {
	clear: left;
	float: left;
	position: relative;
	left: 50%;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}

#centermenu ul li {
	float: left;
	position: relative;
	right: 50%;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

#centermenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#ddd;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
   font-weight: normal !important;
}


#centermenu ul li a:visited {
	background:#ddd !important;
	color:#000 !important;
	text-decoration:none;
	font-weight: normal !important;
}

#centermenu ul li a:hover, #centermenu ul li a:active, #centermenu ul li a:focus {
   background:#323d53 !important;
   color:#fff !important;
}

#centermenu ul li a.prime, #centermenu ul li a.prime:hover, #centermenu ul li a.prime:visited {
   color:#fff !important;
   background:#3333cc !important;
   font-weight:bold !important;
}

table.style01 {
	width: 90%;
	margin: auto;
	color: #323d53;
	border: 1px solid #bbb;
	border-collapse: collapse;
	border-spacing: 0px;
	font: 75% Helvetica, Verdana, sans-serif;
	background: #fff;
	text-transform: capitalize;
	text-align: center;
}
table.style01 caption {
	padding: 1.2em;
	font-weight: bold;
	font-size: 2em;
	color: #323d53;
}

table.style01 th {
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #bbb;
	color: #323d53;
	background: #ddd;
	/*text-align: left;*/
	padding: 0.75em !important;
}
table.style01 td {
	border-bottom: 1px dotted #bbb;
	border-top: 0px;
	border-left: 1px dotted #bbb;
	border-right: 0px;
	padding: 0.2em 0.75em !important;
	color: #323d53;
	background-color: #fff;
	/*text-align: left;*/
}

table.style01 tr.odd td {
	background-color: #eee;
}

table.style01 tr.ltblue td {
	background-color: #b8d0f5;
}

table.style01 tr.ltgreen td {
	background-color: #c6debd;
	text-align: center;
	font-weight: bold;
}

table.style01 tr.ltpurple td {
	background-color: #eddcff;
	text-align: center;
	font-weight: bold;
}

table.style01 tr.gold td {
	background-color: #ffcc33;
	text-align: center;
	font-weight: bold;
}

#wshopfooter {
	text-align: center;
	width: 100%;
}

#wshopfooter p {
	font-size: 0.8em;
	font-style: italic;
	color: #323d53;
	line-height: 1.6em;
	padding-top: 1.6em;
}

#ftext {
	padding: 0 100px 0 210px;
}

#ukatc-logo {
	float: left;
}

#ifa-logo {
	float: right;
}

#content {
	
}

#content form {
    font-size: 1em;
	width: 90%;
    color: #323d53;
    text-align: left;
	/*position: relative;*/
    margin: 1em auto;
}

#content input, #content textarea, #content select {
	/*display: block;*/
	margin: 0 0 1em 0;
}

#content label {
	display: block;
	margin: 0 0 1em 0;
	width: 95%;
}


#content .radio label, #content .radio input {
	/*display: inline;*/
	width: auto;
	border: none;
	vertical-align: 0;
}

#content .nofset {
	/*display: inline;*/
	border: none;
	padding: 0;
	margin: 0;
}

#content .nofset label {
	display: inline;
}

#content input, #content textarea {
    width: 100%;
    border: 1px solid #bbb;
    padding: 0;
    margin: 0;
}

#content fieldset {
	margin: 0 0 2em 0;
	border: 1px solid #aaa;
	padding: 0 0 1em 5%;
	
}

#content legend {
	padding: 0.25em 0.5em;
	margin: 0 0 1em 0;
	border: 1px solid #bbb;
	background: #bbb;
    color: #fff;
}

#content label {
	font-weight: bold;
}

#content button {
	border: 1px solid #aaa;
	background: #fff;
}

#content button:hover, #content button:active, #content button:focus {
	background: #323d53;
	color: #fff;
}

#content h2 {
	margin: 2em 0 0 0;
}

/*Validation Styles*/

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 0;
	padding: 0;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}