/* --------------------------------------------------------------------------------------------------------------------------------
     -------------  ETHCO  -------  Regular 3 coloumn  -------------
     --------------------------------------------------------------------------------------------------------------------------------
	 From this point on all skins should be annotated at the top to help describe them thus making 
	 skin selction quicker and easier.
	 
	 
	 ------------------------------------------------------------------
	 | images                                               | Logo                |
	 | 					         | search            |
	 ------------------------------------------------------------------
	 | nav     |  content         |                       | right              |
	 |            |  panel             |                       | panel             |
	 |            |                        |                       |                       |
	 ------------------------------------------------------------------
	 
*/
/* Control Panel */
.ControlPanel {
	font-size:70%;
}

.ControlPanel  .SubHead, .ControlPanel  a:link{
	font-size:x-small;
}


/* GENERIC */
body{
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;/*0.7em;*/
	line-height: 1.4;
	color: #333333;
	margin-top: 0px;
	background-image:url(Images/background.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#e1ebf6;
}

img {
	border:0;
}

h1  {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:xx-large;
	color: #003366;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:x-large;
	color: #003366;
	font-weight: bold;
}

h3, .SubHead  {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: large;
	color: #003366;
	font-weight: bold;
}

h4  {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: medium;
	color: #003366;
	font-weight: bold;
}

h5  {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #003366;
	font-weight: normal;
}

h6  {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #003366;
	font-weight: normal;
}

tfoot, thead    {
	font-family: Arial, Helvetica, Sans-Serif;
    font-size:  100%; /*12px;*/
    color: #303030;
	background-color:#B7C8E8;
}

th  {
    vertical-align: baseline;
	font-family: Arial, Helvetica, Sans-Serif;
    font-size:  100%; /*12px;*/
    font-weight:    bold;
    color: #303030;
	padding:4px;
}

SMALL   {
    font-size:  80%; /*8px;*/
}

BIG {
    font-size:  105%; /*14px;*/
}

BLOCKQUOTE, pre {
    font-family:    "Lucida Console", monospace;
}

table {
border-collapse:collapse;

}

.alternaterow td {
background-color:#e7ecf8;
}

.alternate {
background-color:#e7ecf8;
margin:10px 0px 10px 0px;
padding:10px 0px 10px 0px;
}

td {
padding:4px;
}

.Normal p 
{
color:#333333;
font-family:Arial,Helvetica,Sans-Serif;
line-height:17px;
}

ol li{
    list-style-type:    decimal;
}

ol ol li    {
    list-style-type:    lower-alpha;
	font-size:100%;
}

ol ol ol li {
    list-style-type:    lower-roman;
	font-size:100%;
}

hr {
    color: #cecece;
    height:1pt;
    text-align:left
}

a:link, a:visited {
	color:#003366;
}

a:hover {
	color:#0033ff;
}

/* --- Overwrite default css end --- */

/* ==================================================== */
/* Structural layout */
/* ==================================================== */
#butterfly-home {
position:absolute;
top:170px;
right:150px;
z-index:2000;
}

#butterfly {
position:absolute;
top:70px;
right:100px;
z-index:2000;
}

#butterfly_content {
position:absolute;
top:110px;
right:70px;
}

#container
{
width: 1024px;
margin: 0px auto;
/*color: #003366;*/
line-height: 1.4;
background-image:url(Images/container-background.png);
background-repeat:repeat;
}

#containerwide
{
width: 100%;
margin: 0px auto;
/*color: #003366;*/
line-height: 1.4;
background-image:url(Images/container-background.png);
background-repeat:repeat;
}

/* top pane*/
#top {
	position:inherit;
	clear:both; 
	width:100%;
	padding: 10px 0 0 0;
}

#top #banner {
 margin:auto;
 position:inherit;
 height:180px;
 width:300px;
}

#top #narrowbanner {
float:left;
 height:100px;
 width:200px;
 z-index:-1000;
}

#top h1{
margin-left:5px;
position:inherit;
float:left;
display:block;
width:120px;
margin-top:0px;
}

#top h1 .replace{
display:none;
}

.TopLinks {
	float:right;
	margin-bottom:10px;
	padding-right:20px;
	padding-left:20px;
}

.TopLinks p{
	margin-top:0;
	padding-left:0;
	line-height:1;
}

.TopLinks a:link, .TopLinks a:hover, .TopLinks a:visited
{
    color: #333333;
	font-size:14px;
}
 
 .TopLinks a:hover
{
    text-decoration:underline;
}

.TopLinks td {
padding:0;
margin:0;
}

.TopLinks table {
/*border-left:solid thin #000000;
padding-left:10px;*/
}

/* Style for search div */
#top #search{
float:right;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	color: #7D7B7C;
	background-color:#EEEEEE; 
	border: solid 1px #CCCCCC;
	width: 200px;
	height: 14px;
	vertical-align: middle;
    position: relative; 
 
}

#SearchStyle 
{
    padding: 5px 10px 0 0;
    float: right;
}

.SearchStyle img {
	vertical-align:middle;
}

#top #images {
position:inherit;
float:left;
width:100%;
height:143px;
background-color:#CCCCCC;
}

/* the extra menu length on the right hand side */
#menu-back {
	line-height:24px;
	clear:both;
	margin-left:20px;
	margin-right:20px;
}

/*main content*/
#contentbody {
	clear:both;
}

#breadcrumbs {
	margin-left:20px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:100;
}

#level_strapline {
    float:right;
	margin-right:20px;
	margin-bottom:10px;
	font-family:Arial Narrow, Helvetica, Sans-Serif;
	font-weight:100;
	color:#355da7;
}

#level_strapline h1,h2,h3,h4,h5 {
	color:#355da7;
    line-height:100%;
	}
	
#level_strapline h3 {
color:#e68a00;
}
	
#level_title {
margin-bottom:30px;
}
	
#MainContent {
	margin-left:20px;
	margin-right:20px;
}

.ContentPaneIntro {
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
}

.ContentPane1 {
display:inline;
width:300px;
float:left;
margin-right:20px;
}

.ContentPane2 {
display:inline;
width:330px;
float:left;

}

.ContentPane3 {
display:inline;
width:300px;
float:right;
}

.ContentPane4 {
display:block;
clear:both;
width:100%;
}

.LeftContent {
display:inline;
width:650px;
float:left;
}

.LeftContentColumn {
display:inline;
width:270px;
float:left;
}

.RightContent {
display:inline;
width:270px;
float:right;
}

.RightContentWide {
display:inline;
width:650px;
float:right;
}

.FullContent {
width:100%;
}

/*other*/

.searchTextBox {
}

.image {
vertical-align:top;
padding-top:0px;
}

.outcomes {
color: #003366;
}

.orange_box {
background-color:#ff9900;
}

.footer {
	clear: both;
	width:100%;
	background-color:transparent;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	line-height:1;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:800;
}

.footer p
{
   font-family:Arial,Helvetica,Sans-serif;
   line-height: 14px;
   font-size:11px;
}

.footer .SkinObject{
    font-family:Arial,Helvetica,Sans-serif;
	font-size:11px;
}

.footer a.SkinObject:link, 
.footer a.SkinObject:visited,
.footer a:link, 
.footer a:visited
{
}
.footer .footerlogin{
	float:right;
}

.footer .footerlogin a.SkinObject:link{
	font-size:xx-small;
}

.Spacer{
	clear:both;
	font-size:0px;
}

.textonlylinks {
	font-size:0px;
	visibility:hidden;
	display:none;
}

.green_tag {
color:#60c357;
font-family:Arial Narrow, Arial, Sans-serif;
padding-top:10px;
text-align:center;
font-size:26px;
font-weight:bold;
margin-left:30px;
margin-right:30px;
}

#strapline {
color:#60c357;
font-family:Arial Narrow, Arial, Sans-serif;
text-align:center;
margin-top:10px;
margin-bottom:25px;
}

.Normal, .NormalDisabled {
font-family:Arial,Helvetica,Sans-Serif;
font-size:100%;
}

.ewdsButton a{
background-image: url('/Portals/_default/Skins/UoSBlue/Images/buttonShadow.jpg');
background-repeat: repeat-x;
background-position: left bottom;
border: #666666 1px solid;
background-color: #f0f0f0;
margin: 4px;
padding: 4px;
text-decoration: none;
margin-top:6px;
margin-bottom:6px;
color:#000000;
}

.ewdsButton a:hover{
background-image: url('/Portals/_default/Skins/UoSBlue/Images/buttonShadowHover.jpg');
border: #336699 1px solid;
background-color: #e4f4fc;
}

.mdglist {
	margin-left:6px;
	padding-left:6px;
	line-height:1.8;
}

.mdglist li {
	/*list-style-type:none;*/
	list-style-image:url("/Portals/81/Skins/EthCo/Images/earthbullet.gif");	
	border-bottom:solid 1px #cecece;
}

.mdglist li a {
	text-decoration:none;
}

.mdglist li a:hover {
	text-decoration:underline;
}

ul.viewlist, ul.viewlist li, ul.downloadlist, ul.downloadlist li {
	margin:0;
	padding:0;
	list-style-type:none; 
}

ul.viewlist li {
	background:url(/Portals/81/Skins/EthCo/Images/search.gif) left top no-repeat;
	padding:5px; 
	padding-left:30px;
}

ul.downloadlist li {
	background:url(/Portals/81/Skins/EthCo/Images/download.gif) left top no-repeat;
	padding:5px; 
	padding-left:30px;
}

.header_image {
	float:left;
	margin-right:10px;
}

.companyheader  {
	background-color:#b7c8e8;
}

.companyheader h3 {
	color:#28508d;
	font-family:arial narrow, helvetica, sans-serif;
	font-size:20px;
	margin-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}

/* news articles *************************/
.articleHeadline {
background-color:#b7c8e8;
margin-bottom:0px;
padding-top:5px;
padding-bottom:5px;
}

.articleHeadline h3 {
font-family: Arial Narrow, Helvetica, Sans-Serif;
font-size: 20px;
color: #2e508d;	
font-weight:bold;
margin:0px;
margin-left:15px;
}

.article {
background-image:url(/Portals/81/Containers/EthCo/container-background.png);
background-repeat:repeat;
border:solid 1px #cecece;
padding:10px;
}

.LoginPanel {
	text-align:center;
}

.LoginPanel h3, .LoginPanel .SubHead {
	font-size:0.8em;
}

.LoginPanel td {
	padding:2px;
}

.LoginPanel table {
	width:100%;
}