/* CSS Document */
/* Space-Industry.com */
/* {c} 2004 Chris Boshuizen and Gabriel Peacock */

/* colors 
	#F42E68  Red highlight
	
	#5758A7  primary colour
	#6A6CCC  mid blue
	#7E80F2  light blue
	#A6A6A6  mid grey
	#CCCCCC  light grey
	#F2F2F2  almost white
	#595959  dark grey
	#A6A6A6  mid grey {repeat}
	#000000  black
*/

body { font-family: Arial,sans-serif; font: 85% Arial,sans-serif; color: #595959;}
/*#pagecell { margin-left:2%; margin-right:2%;}*/
#pagecell { margin: 0 auto; max-width:800px; } 
 
#header {}
#header masthead {}
#header .logo { vertical-align:text-bottom; padding-right:0.5em;}
#header .tagline {font-size:110%; color:#F42E68; font-weight:bold;  white-space:nowrap}

#header .menu {margin-top:0.25em;margin-bottom:0.75em;padding-bottom:0.35em;padding-top:0.35em; clear:both;  border-top:1px solid  #CCCCCC;  border-bottom:1px solid  #CCCCCC;}
.menu .menu_item {color:#5758A7; white-space:nowrap}
#status { background-color:#F2F2F2; padding:5px; margin-bottom:1em; padding-left:2em;}
#content { } 
#column  {  } 

.newsbar { text-align:left; border-bottom: 1px solid  #CCCCCC; padding-bottom:5px; margin-bottom:5px;}
.news_header { display:block; width:150px; margin-bottom:5px; font-weight:bold;}
.news_summary { display:block; width:150px; margin-bottom:5px; font-size:90%}
.news_info { font-size:90%; font-style:italic}
.news_item { background-color:#F2F2F2; border:1px solid #CCCCCC; padding:5px; float:left; max-width:600px; margin-bottom:20px; }


p {margin: 0em 0em 1em 0em ;   padding:0px; color:#595959; max-width: 40em;
/*width:expression( 
    document.body.clientWidth > (10) * 
    parseInt(document.body.currentStyle.fontSize)?
        "35em":
        "auto" );
max-width:35em;*/

}
li {max-width:35em}

li  li {max-width:30em}



.bg_color { background-color:#CCCCCC;}


.float_r {float:right;}
.float_l {float:left;}
.spaced_item {padding-right:0.5em;}

.pad_t_S {padding-top:0.5em;}
.pad_b_S {padding-bottom:0.5em;}
.pad_l_S {padding-left:0.5em;}
.pad_r_S {padding-right:0.5em;}

.pad_t_L {padding-top:2em;}
.pad_b_L {padding-bottom:2em;}
.pad_l_L {padding-left:2em;}
.pad_r_L {padding-right:2em;}

.mar_t_L {margin-top:2em;}
.mar_b_L {margin-bottom:2em;}
.mar_l_L {margin-left:2em;}
.mar_r_L {margin-right:2em;}

.mar_t_S {margin-top:0.5em;}
.mar_b_S {margin-bottom:0.5em;}
.mar_l_S {margin-left:0.5em;}
.mar_r_S {margin-right:0.5em;}


.border_l { border:1px solid  #CCCCCC;}

h1 {color:#5758A6; font-size:145%; margin-top:0.25em; margin-bottom:0.5em;}
	h1 a{color:#5758A6;}
	h1 a:link,
	h1 a:active,
	h1 a:visited {text-decoration:none;}
	h1 a:hover {text-decoration: underline;}

h2 {color:#F42E68; font-size:118%; margin-top:0.25em; margin-bottom:0.5em;}
h3 {color:#999999; font-size:104%; margin-top:0.25em; margin-bottom:0.5em;}

a{color:#6A6CCC;}
 a:link,
 a:active,
 a:visited {text-decoration:none;}
 a:hover {text-decoration: underline;}
	a img {border:0px}
#footer{ clear: both;  color: #A6A6A6; font-size: 80%; }
#footer a{color: #A6A6A6;}


#calendar {position: relative;
	margin: 0 auto;}
#calendar table {border:0px; margin:0px; padding:0px;}
#calendar td,#calendar tr, #calendar td table {margin:0px; border:0px; vertical-align:top}
#calendar td.event{text-align: right; font-weight:bold;}
#calendar td.noevent{ text-align:right; }
#calendar td.noeventtoday{text-align:right;  background-color:#7E80F2;}
#calendar td.past{ text-align:right; color:#CCCCCC; }
#calendar td.eventtoday{ text-align:right; background-color:#F2F2F2; font-weight:bold; border:1px solid #7E80F2}
#calendar th.cal{ text-align:center; font: bold 100% Arial,sans-serif; color: #F42E68;}
#calendar th.prod{ text-align:center; font: bold 100% Arial,sans-serif; color: #5758A6; background:#F42E68; }
#calendar caption{ text-align:center;}
#calendar .new_year {background-color:#F2F2F2;}
#calendar .month_cal {float:left; height:14em; padding:1em;}


.nowrap {white-space:nowrap; width: auto}
.autowidth { width: auto}

table, tr, td {font-size:100%;}
hr { border: 0;   color: #CCCCCC; background-color: #CCCCCC; height: 1px; margin: 0px 0px 0.3em 0px auto; padding:0px ; 
	 }

label { width: 7.5em; float: left; text-align: right;  padding:0.15em;  clear:left; }
.s {width:4em;}
.l {width:11em;}
.xl {width:16em;}
.xxl {width:21em;}
.edit_list {text-align:left}
.radio {padding:0px; padding-left:1em; display:block; margin-bottom:0px; }
	.radio input { margin:0px; margin-right:0.25em; margin-top:5px;}
	.radio label { float:none;   }
.input {border:1px solid #CCCCCC;   padding:0.15em;  margin-bottom:0.2em; font-family: Arial,sans-serif; font: 100% Arial,sans-serif; tabindex:1; float:left; margin-right:0.25em;}
.required {color:#F42E68;  margin-top:0.2em; margin-left:0.5em; font-size:90%; display:inline; float:left;}

.cat_list {margin:5px 5px 10px 50px;  float:left}
.cat_list label{float:none;}
.cat_list_item {  font-weight:bold; width:30em; float:left; clear:left}
.sub_cat_list {margin-left:30px; float:left; clear:left}
.sub_cat_list_item  {float:left; clear:left; width:27em }


.button_set {float:left; width:35em; text-align:right; margin-top:0.5em; margin-bottom:1em; clear:left; display:block;}
.button_set form { padding:0px; margin:0px; border:0px solid #000000;  margin-left:0.0em; }
.button_set input {display:inline; margin-left:0.5em; float:right;}

 .inline {margin:0px; padding:0px; display:inline; }

.btn {color:#5758A7; background-color:#F2F2F2; border:1px solid #7E80F2; font-family: Arial,sans-serif; font: 100% Arial,sans-serif;font-weight:bold; min-height:1.6em; margin-left:0.25em;}
	.reset {color:#FF9900; border-color:#FF9900; font-weight:normal;}
	.delete {color:#F42E68; border-color:#F42E68;} 
	.new {color:#57A758; border-color:#57A758;}
	.edit {color:#6A6CCC; border-color:#6A6CCC;}
	.small {font-weight:normal; font-size:80%; padding-left:0.2em; padding-right:0.2em;}
.disabled {color:#cccccc}
.login {}
	.login .input {  width:7em;}
	.login .password {width:7em;}
.input_footer { margin-left:11.25em; padding-top:0px; clear:left;}

.goback {padding-left:17px; background-image:url(../resources/images/left_b.gif); background-repeat:no-repeat; background-position:left;}
.gofwd {padding-right:17px; background-image:url(../resources/images/right_b.gif); background-repeat:no-repeat; background-position:right;}

.v {margin-top:2em; margin-bottom:2em;}
.indent {margin-left:4em;}
.img_credit {font-size:70%; color:#CCCCCC;  margin-top:1em; 
width:17em;
}
 
 .contact_float {float:left; height:14em; padding:1em; white-space:nowrap; width:19em;}
 .contact_float .input {  width:10em;}
 .contact_new {  width:26em; background-color:#F2F2F2; border:1px solid #cccccc;}


#results {clear:left; display:block;}
#results .result p {padding: 0px 0.1em 0.25em 0px; margin:0px;}
#results .result .date {padding:0px; margin:0px; color:#999999}
#results h2 {font-size:100%;}
#results h1 {font-size:150%; font-style:italic; }
#results img {float:left; margin-right:0.5em; clear:left; }
#results em {font-style:normal; font-weight:bold; color:#595959}
#results .result {margin-bottom:1.7em ;display:block; clear:left; }
#results .result * {margin-bottom:0.25em;}
#results .result .title,#results .result .title a  {font-weight:bold; font-size:100%; display:compact; color:#6A6CCC; }
#results .result .locations { color:#A6A6A6; display:block;}
#results .result .description {}
#results .result .sector {font-weight:bold; color:#595959; }
#results .result .categories {display:block; font-style:italic;}
#results .result .category {color:#595959; font-style:italic;}
#results .result .category a {color:#595959}
#results .result .weblink a { display:compact;}
#results .featured { border: 1px solid #cccccc; padding:0.5em;
width:expression( 
    document.body.clientWidth > (14) * 
    parseInt(document.body.currentStyle.fontSize)?
        "65%":
        "65%" );
max-width:65%;


}

#results .featured_img {float:right;}
#results .featured .title { font-size:130%;}
#results .result .standard {} 
#results .result .contact {float:left; padding-right:1em;} 
#results .result label { padding:0px; margin-top:0px; margin-right:10px;}


#next_prev { display:block; clear:left; margin-bottom:3em;margin-top:1em; float:left; width:30em;}
#next_prev img { vertical-align:middle; border:0px;}
#next_prev .np_img { vertical-align:middle; float:right; margin-left:0.6em; margin-right:0.6em; padding:0px;}
#next_prev .next { float:right; width:11em; text-align:right; padding-top:5px;}
#next_prev .prev {float:right; width:11em;  text-align:left;padding-top:5px;}


#browser {margin-bottom:2em;}
#browser img {border:0px; vertical-align:middle;}
#browser blockquote {padding: 0px; margin: 0px  0px  0px  3em; }
#browser p {padding: 0px; margin: 0px  0px  0.2em 0px; }
#browser .browseSelect { font-weight:bold; }

/* Registration things */

.hints {float:right; border:1px solid #cccccc; width:15em; clear:right; padding:5px; margin-left:5px; margin-bottom:1em; font-size:90%; }
.hints p {width:auto}
.hints h1 {font-size:100%}
.error_cell {background-color: #FFFFD0}
.error {color:#FF0000; font-weight:bold; padding-top:1em; padding-bottom:1em;}

.todo {}
.todo h1 {font-size:110%; font-weight:normal;}
.todo p {margin-left:2em; margin-bottom:0.1em;}