/*Styles.css
This is the main style sheet for this Datalace website
Here you can control the formatting for the entire site
first we have the main global definitions that cover the 
text on the site as well as some positioning
*/
body {
	font-family: Arial, helvetica, "sans serif";
	font-size:13px;
	font-weight:normal;
	color:#041338;
	background-color: black;
background-image:url('img01.jpg');
text-align:center;
/*margin:5px 15% 4% 2%;*/
}


p {
	padding:5px;
	font-family: Arial, helvetica, "sans serif";
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
        margin:5px;


}

a {
	color:#548adc;
	background-color: transparent;
	width:auto;
	display:inline;
	font-weight:bold;
	border:0px;
	margin:0px;
	padding:0px;
}

	

/*this is for each table, other can be defined
or this can be changed*/

table tr td {
	font-family: Arial, helvetica, "sans serif";
	font-size:12px;
	font-weight:normal;
	color:inherit;
        /*background-color:#c9c9c9;*/
}

td {
padding:4px;
}



/*these are the main headline styles */

h1 {
	font-family:Arial, Helvetica, "Sans serif";
	font-size:330%;
	font-weight:bold;
	color:#5c7dd2;
	margin:0px;
}

h2 {
	font-family: Arial, helvetica, "sans serif";
	font-size:14px;
	font-weight:bold;
	background-color:transparent;
	color:#aaa;
	margin:0px 0px 8px 0px;
	border:0px;
	padding:2px;
        padding-left:10px;

}

h3 {
	font-family: Arial, helvetica, "sans serif";
	font-size:12px;
	font-weight:bold;
	background-color:transparent;
	color:#062268;
	margin:0px;
	border:0px;
	padding:2px;
        padding-left:12px;

}

h4 {
	font-family: Arial, helvetica, "sans serif";
	font-size:12px;
	font-weight:bold;
	background-color:transparent;
	color:#8fd1fb;
	margin:0px;
	border-bottom:1px solid #8fd1fb;
	padding:2px;
padding-left:10px;
}


/*these are the block types and can be adjusted to suit
three different types of block can be used*/
.block, .block1 {
	display:block;
	/*width:100%;*/
        font-family: Arial, helvetica, "sans serif";
	font-size:13px;
	font-weight:normal;
	color:inherit;        
	/*margin-bottom:5px;
padding:0px 15px 0px 5px;*/
margin:10px;
}

.block2 {
	width:100%;
	display:block;
        border:1px solid #8fd1fb;
        font-family: Arial, helvetica, "sans serif";
	font-size:12px;
	color:#3a6087;        
        font-weight:bold;
margin-bottom:5px;


}

.block3 {
	width:100%;
	display:block;
        border-bottom:1px solid white;
        font-family: Arial, helvetica, "sans serif";
	font-size:12px;
	color:black;        
        font-weight:normal;
margin-bottom:5px;

}

.block4 {
	width:100%;
	display:block;
        border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
        font-family: Arial, helvetica, "sans serif";
	font-size:12px;
	color:#a0701e;        
        font-weight:normal;
margin-bottom:5px;

}


/*these four styles control the appearance of images
within blocks*/

.testfloat {
	width:200px;
	background-color: #ffd;
	font-size: .8em;
	margin:10px;
}

.blockimage {
	width:200px;
	height:120px;
	border:1px dashed gray;


}

.to-right {
	float: right;
}
.to-left {
	float: left;
}

#gsearch{
padding-top:10px;
}

/*these are the buttons used by the site
header=Title
menu=Menu
button1,2,3 are available as new button types*/

.header, .header:link, .header:visited, .header:hover, .header:active {
width:100px;
/*height:25px;
line-height:40px;*/
float:left;
clear:none;
font:bold 15px Arial;
color:white;
text-align:center;
text-decoration:none;
padding:none;
border:none;
margin:none;
padding-top:15px;
/*position:relative;
top:0px;
left:0px;
background-image:url('img06.gif');*/
}




.menu, .menu:link, .menu:visited, .menu:active{
	color:white;
	font-family:Arial, Helvetica, "Sans serif";
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	/*border-top:1px dotted gray;*/
	text-decoration:none;
	height:20px;
	display:block;
padding-top:2px;
}

.menu:hover {
/*border-top:1px dotted gray;*/
text-decoration:underline;
height:20px;
display:block;
padding-top:2px;
}

.button1:link, .button1:visited, .button1:hover {

	color:gray;
	background-color:blue;
	height:30px;
	vertical-align:middle;
	width:auto;
	border:1px solid black;
	text-decoration:none;
}

.button2:link, .button2:visited, .button2:hover {

	color:gray;
	background-color:blue;
	height:30px;
	vertical-align:middle;
	width:auto;
	border:1px solid black;
	text-decoration:none;
}

.button3:link, .button3:visited, .button3:hover {

	color:gray;
	background-color:blue;
	height:30px;
	vertical-align:middle;
	width:auto;
	border:1px solid black;
	text-decoration:none;
}





/*these control the appearance for the Title and Footer groups/panels*/
.wide {
	background-color: transparent;
}

.top {
	text-align:left;
	/*padding:5px;
        height:75px;*/
        border:none;
        padding:0px;
/*background-image:url(background3.gif);*/
background-repeat:no-repeat;
background-position:100% 65%;

}
.bottom {
	/*background-image:url(footer_bar2.gif);*/
background-repeat:repeat-x;
	font-size:10px;
	font-family: inherit;
	color:gray;
	font-weight:bold;
	text-align:center;
/*margin:15px 5px 0px 5px;*/

}

#col_left{
width:160px;
height:600px;
float:left;
margin:0px 10px 0px 10px;
}

#col_middle{
width:700px;
float:left;
}

#col_right{
width:160px;
height:600px;
float:left;
margin:0px 10px 0px 10px;
}



/*these control the size colours for the structural elements of the site*/
.wrapper {
/*position:absolute;
left:0px;
top:0px;*/
	margin: 0 auto;
	width:1060px;	/*main width of site */
	/*width: 752px;   C + L + 1 not quite sure how to calculate this*/
	text-align: left;
	background-color: transparent;	/*main background colour --- MSIE Box model!!*/
	/*border: 1px solid #000;*/
}
.outer {
	margin-left: 220px;  /* L - this is the width of the menu*/
	border-left: 0px solid #000;


}
.center {
	float: right;
	width: 100%;
	margin-left: -1px;


}

.incenter {
margin:10px 0px 0px 10px;
background-color:white;
}

.top_left{background:url(top_left.gif) no-repeat top left}
.top_right{background:url(top_right.gif) no-repeat top right}
.bottom_left{background:url(bottom_left.gif) no-repeat bottom left}
.bottom_right{background:url(bottom_right.gif) no-repeat bottom right;
padding:10px 5px 10px 5px;}

.left {
	float: left;
	position: relative;
	width: 220px;  /* L - this is the width of the menu - change here as well*/
	margin-left: -220px;  /* -L-1 */
	text-align:center;
background-color:transparent;
}
/* previene allargamento floats in IE/Mac *//*/
.inleft, .incenter {
	width: 100%;
	overflow: hidden;

}
/**/

.inleft {
text-align:center;
background:transparent url('img08.jpg') no-repeat;
/*padding:5px;*/
padding-top:45px;
margin:10px 0px 0px 0px;
}

.outer {
	/*word-wrap: break-word;*/
	padding:0px;
}




/*these are essential definitions, DO NOT CHANGE!!*/

.clear {
	clear: both;
}

.alignright {
	text-align: right;
}

.aligncentre {
	text-align: center;
}

.alignleft {
	text-align: left;
}

.admin_block {
	border:1px solid red;
	display:block;
	clear:both;

}

.topnav {
padding-top:4px;
text-decoration:none;
border-right:1px dotted gray;
padding-left:10px;padding-right:10px;
}

.footer {
font-size:11px;
text-decoration:none;
color:gray;
font-weight:bold;
border-right:1px dotted #548adc;
position:relative;
top:4px;

}

/*Form builder style definitions*/ 
/*You can only change appearance of form builder*/
/*using these style below.*/

  .form_style {
   padding:10px;
   margin:10px;
   /*border:1px solid #c2d0f4;*/
   font:normal 12px Arial;
   color:#041338;
   width:740px;
   background-color:transparent;
  }

  .form_title {
   color:#475b6d;
   text-align:center;
   font-size:175%;
   font-weight:bold;

  }

  div form fieldset {
   display:block;
   margin:10px;
   padding:10px;
   border:1px solid #c2d0f4;


  }

  div form fieldset legend {
   color:#1d2f8a;
   font:bold 14px Arial;

  }

  div form label {
   display:block;
   float:left;
   clear:left;
   text-align:right;
   color:#062268;
   font-weight:normal;
   width:120px;
   padding:5px;
  }

  .field_wrapper {
   display:block;
   float:left;
   clear:none;
   padding:0px 10px 0px 0px;
   width:350px;

  }

  .field_style {
   color:black;
   font:normal 12px Arial;
   width:300px;
  }


  .comment {
   color:#c2b6b6;
   font:normal 12px Arial;
   padding-top:0px;
   Margin-top:0px;

  }
  
  .required {
  font-weight:bold;
  }

  .end_row {
   display:block;
   float:left;
   clear:none;
  }
  
  .note {
   border:1px solid #8fd1fb;
   color:#3a6087;
   font-weight:bold;
   width:190px;
   float:right;
   padding:4px;
   background-color:#edeefc;
  }
  
  .note_title {
   font-weight:bold;
   color:#8fd1fb;
   border-bottom:1px solid #8fd1fb;
   padding:4px;
   margin-bottom:4px;
  
  }