/*
    CAMTECHNET
    green: #008128 | light green: #5BC527
*/

body {
	background: #E1E1E1; color: #333; padding: 20px 0;
  background-image: url('../img/bg.gif'); background-repeat: repeat-x; background-position: top;
}

/*  Containers
----------------------------------------------------------------------------------------------------*/

#container {
	margin-left: auto; margin-right: auto; width: 980px; text-align: left;
}
#header {
  background: #FFF url('../img/header_corner.gif') left top no-repeat;
  width: 100%; height: 95px; overflow: hidden;
}
#userbar_container {
  background-color: #FFF; width: 100%; height:40px;
}
#userbar {
  background-color: #CCC; height: 40px; margin: 0 15px;
}
#main {
  background-color: #FFF; width: 100%;
}
.filterbar {
  float: left; display: inline; width: 90%; margin: 1.2em 30px 0em 50px;
}

/*  Header
----------------------------------------------------------------------------------------------------*/

#logo {
  padding: 14px 15px;
}
#main_menu {
  float: right; padding: 66px 0 0 0;
}
#main_menu a {
  font-size: 1em; padding: 8px 0;
}
#main_menu a span {
  padding: 8px 12px 8px 0; margin: 0 0 0 12px;
}
#main_menu a:hover, #main_menu a.selected {
  background: #CCC url("../img/main_menu_leftcorner.gif") left top no-repeat; 
  color: #FFF; text-decoration: none;
}
#main_menu a:hover span, #main_menu a.selected span {
  background: #CCC url('../img/main_menu_rightcorner.gif') right top no-repeat;
}
#contents_menu, #users_menu {
  margin: 0 15px 0 0; float: left;
}
#contents_menu a {
  color: #5BC527;  
}
#users_menu a {
  color: #008128;
}

/*  Homepage
----------------------------------------------------------------------------------------------------*/

.home_row {
  width: 100%; padding: 1.2em 5px; clear: both;
}
#home_banner {
  width: 470px; height: 220px; float: left; margin: 0 0 10px 10px;
}
.home_column {
  width: 230px; float: left; margin: 0 0 0 10px;
}
.home_column h3 {
  margin: 0; font-size: 1em; color: #333; border-bottom: 2px solid #666;
}
.home_column p {
  padding: 0.5em 0.5em; margin: 0; border-bottom: 1px dotted #999;
}
.introcolumn p {
  border: none; 
}
.eventbox {
  height: 220px; background-color: #DDD; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.eventbox p {
  padding: 1.2em; font-size: 0.9em; border: none;
}

/* used only for error pages: */
#home_contents {
  float: left; display: inline; width: 100%; margin: 1.2em 20px 1.2em 15px;
}
#home_contents h1 {
  margin: 0 0 0 60px;
}

/*  User Bar
----------------------------------------------------------------------------------------------------*/

#userbar a {
  padding: 10px 15px; float: left; font-size: 0.8em;
}
#userbar li {
  list-style: none; margin: 0; display: inline; font-size: 1em;
}
#userbar_heading {
  background-color: #AAA; height: 40px; padding: 0 15px 0 10px; float: left;
  background-image: url('../img/userbar_heading_arrow.gif'); background-repeat: no-repeat; background-position: center right;
}
#userbar_heading a {
  color: #FFF;
}
#userbar_bar {
  padding: 0 20px; float: left;
}
#userbar_tail {
  float: right; padding: 0 10px;
}

/*  Main
----------------------------------------------------------------------------------------------------*/

#main_contents {
  float: left; display: inline; width: 720px; margin: 1.2em 20px 1.2em 10px;
}
.content, #main_contents h1 {
  margin: 0 0 0 60px;
}
.breadcrumb {
  padding: 0 0 10px 60px;
}
.breadcrumb a {
  color: #666; font-size: 0.7em;
}
.toolicon {
  float: right; margin: 0 0 0 7px;
}

/*  Main - Full Page Width
----------------------------------------------------------------------------------------------------*/

#main_contents_full {
  float: left; display: inline; width: 900px; margin: 1.2em 20px 1.2em 10px;
}
.content, #main_contents_full h1 {
  margin: 0 0 0 60px;
}
.breadcrumb {
  padding: 0 0 10px 60px;
}
.breadcrumb a {
  color: #666; font-size: 0.7em;
}
.toolicon {
  float: right; margin: 0 0 0 7px;
}

/*  Side Box
----------------------------------------------------------------------------------------------------*/

#sideBox {
  float: left; display: inline; margin: 1.2em 0 1.2em 20px;
}
#sideBox ul {
  padding: 10px 0; font-size: 1.1em;
}
#sideBox li {
  list-style: none; margin: 0;
}
#sideBox h3 {
  margin: 0; padding: 0; border: none;
}

/* Styles for side box list item sizing */
.title1 { margin: 0; padding: 0; border: none; text-transform: uppercase; font-size: 1.1em; color: #666; }
.title1 a { float: right; color: #666; }
p.text1  { padding: 0.6em 0; font-size: 1em; line-height:1.4em; }

.title2 { margin: 0; padding: 0; border: none; text-transform: uppercase; font-size: 0.9em; color: #666; }
.title2 a { float: right; color: #666; }
p.text2  { padding: 0.6em 0; font-size: 0.8em; line-height:1.4em; }

.title3 { margin: 0; padding: 0; border: none; text-transform: uppercase; font-size: 0.8em; color: #666; }
.title3 a { float: right; color: #666; }
p.text3  { padding: 0.6em 0; font-size: 0.7em; line-height:1.4em; }

.title4 { margin: 0; padding: 0; border: none; text-transform: uppercase; font-size: 0.8em; color: #666; }
.title4 a { float: right; color: #666; }
p.text4  { padding: 0.6em 0; font-size: 0.6em; line-height:1.4em; }

/*  Tag Bar
----------------------------------------------------------------------------------------------------*/

#tagBar ul {
  padding: 10px 0; font-size: 1.1em;
}
#tagBar li {
  list-style: none; margin: 0 0 0 5px; float: left;
}

/*  Events calendar
----------------------------------------------------------------------------------------------------*/

table.calendar {
  border-bottom: 1px solid #CCC;
}
table.calendar th {
  color: #999; font-size: 0.7em; text-transform: uppercase;
}
table.calendar td {
  border-top: 1px solid #CCC; width: 134px; min-width: 134px; height: 120px; vertical-align: top;
}
table.calendar h2 {
  font-size: 0.85em; color: #999; margin: 0; padding: 0 0.3em;
}
table.calendar p {
  clear: both; margin: 0.3em 0.1em; padding: 0.2em 0.5em; font-size: 0.7em; background-color: #999; color: #FFF;
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
/* style for current day */
table.calendar p.selected {
  clear: both; margin: 0.3em 0.1em; padding: 0.2em 0.5em; font-size: 0.7em; background-color: #63d328; color: #FFF;
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
table.calendar p.external {
  background-color: #5BC527;
}
table.calendar a {
  color: #FFF;
}

/*  Footer
----------------------------------------------------------------------------------------------------*/

#footer {
  margin: 1em 0 0 0;
}
#footer a {
  padding: 5px 20px; margin: 0 1px 0 0; background-color: #AAA; color: #FFF; float: left; font-size: 0.8em;
}
#footer a:hover {
  background-color: #777; text-decoration: none;
}
#footer p {
  float: left; font-style: italic; color: #AAA; font-size: 0.8em; padding: 4px 20px; margin: 0;
}

/*  Sub-Section - with coloured heading & clears any floats
----------------------------------------------------------------------------------------------------*/
div.subsection h3 {
  text-transform: uppercase; 
  font-weight: strong; 
  font-size: 0.8em; 
  padding: 0.2em 0.6em; 
  margin: 2em 0 0 0; 
  border-bottom: 1px solid #5BC527; 
  color: #008128;
  clear: both;
}

/*  Boxes
----------------------------------------------------------------------------------------------------*/

div.textBox {
  background-color: #EEE; padding: 0.8em 1.2em; margin: 20px 0;
  border-top: 2px solid #5BC527; border-bottom: 2px solid #5BC527;
}
div.textBox a {
  color: #666; font-size: 1em;
}
div.textBox h3 {
  border: none; color: #5BC527; padding: 0; margin: 0; font-size: 1em;
}
div.textBox p {
  margin: 0;
}
div.listBox {
  float: left; width: 300px; margin: 0 20px 20px 0;
}
div.listBox h3 {
  margin: 0 0 0.6em 0;
}
div.jobContent {
  border: 1px solid #CCC; padding: 10px 15px; font-size: 0.9em;
}

/*  Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both; display: block; overflow: hidden; visibility: hidden; width: 0;height: 0;
}

/*  Maintenance page
----------------------------------------------------------------------------------------------------*/

#container.mntn {
  width: 750px;
}
#container.mntn h1 {
  margin: 0; padding: 30px 0; width: 700px; text-align: center; color: #999;
}
#container.mntn h1 .hilited {
  color: #008128;
}

/*  Partners list page
----------------------------------------------------------------------------------------------------*/

ul.partnerslist {
  list-style: none;
}
ul.partnerslist li {
  margin: 0 0 1em 0; clear: both; /*color: #999;*/
}
ul.partnerslist img {
  float: left; margin: 0 10px 1em 0; width: 60px; height: 60px;
}
ul.partnerslist h4 {
  font-size: 1.4em; margin: 0 ;
}
 
/*  Detail Page Header - used only for Groups at present */
----------------------------------------------------------------------------------------------------*/

div.detailheader {
  list-style: none;
}
div.detailheader {
  float: left; margin: 0 0 0 0; height: 40px;
}
div.detailheader h4 {
  font-size: 1.4em; margin: 5px 5px 5px 5px;
}

/*  Collaborators list page - Fixed Height Lines
----------------------------------------------------------------------------------------------------*/

.collaboratorslistwrapped {width:650px; position:relative; }

.collaboratorslist { display:inline-block;}

.collaboratorslist ul{ display:inline-block;}

.collaboratorslist li {
	float:left;
	margin: 10px 0 0 0;  /*color: #999;*/
	display:block;
	width:325px;
	height:160px;
	list-style-type: none;
	border-bottom:#CCC thin solid;
}
.collaboratorslist img {
  float: left; margin: 8px 14px 1em 0; width: 80px; height: 80px; 
}
.collaboratorslist h4 {
  font-size: 1.4em; margin: 0 ;
}
.collaboratorslistText { float:left; width:220px; height:160px; }

/*  Collaborators list page - Variable Height Lines
----------------------------------------------------------------------------------------------------*/

.collaboratorslistwrapped {width:800px; position:relative; }

.collaboratorsRow { width:800px; border-bottom:#CCC thin solid; clear:both; overflow:hidden; margin: 15px 0 15px 0;}

.collaboratorBox { width:400px; float:left;}

.collaboratorText { padding: 0 15px 10px 15px; overflow:hidden}

.collaboratorText p { padding:0px;}

.collaboratorText_title { font-size: 1.0em; padding: 0;}

.collaboratorImg { float:left; width:80px; height:80px; padding:5px 0 0 0;}