/*  ec additions */

/* _header_index.tpl */
/* border="0" cellspacing="0" cellpadding="0" background="img/header-top.jpg" bgcolor="#12680a" width="100%" */
a img {
	border-color:#996600;	/* patch for horrible blue/purple border around link images in IE */
}
#cemit {
	margin:10px;
	width:200px;
	float:left;
/*	margin-left:auto;
	margin-right:auto; */
}
#synapse {
	margin-top:5px;
	margin-right:10px;
	width:600px;
	float:right;
/*	margin-left:auto;
	margin-right:auto; */
}
#contact-details-header {
	margin-top:5px;
	margin-right:10px;
	width:200px;
	float:right;
/*	margin-left:auto;
	margin-right:auto; */
}
.thumb_image{
	height:300px;
}
.text-panel{
	width:50%;
}
.left{
	float:left;
}
.right{
	float:right;
}
table {
	border:0px;
	padding:0px;
	border-spacing:0px;

}
body {
	background-color: #000000;
}
.banner_img {
	margin-top:20px;
}
.rounded {
    border: 1px solid #996600;   /* if needed */
    -webkit-border-radius: 10px;    /* for Safari */
    -moz-border-radius: 10px;       /* for Firefox */
}
h1 {
	color:#996600;
}
.header-wrapper {
	background-image:url(../img/header-top.jpg); /* note path is now relative to the CSS not the HTML !! */
	background-color: #ffffff;
	width:100%;
	text-align: center;	/* IE hack for centering content*/
}
#header {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	min-height:150px;	/* content is floa so no height */
}

#top { /* table 2 */
	width:100%;
}
.center {
	margin-left:auto;
	margin-right:auto;
}
.logotext_s { /* style="padding:0 0 0 100px" */
	padding-left:100px;
}
#top_menu_bar { /* height="36" border="0" cellspacing="0" cellpadding="0" background="img/header-bg.jpg" bgcolor="#106002" width="100%" */
	width:100%;
	height:36px;
	background-color:#106002;
	background-image:url(../img/header-bg.jpg);
	
}
.menu_wrapper {
	width:100%;
	text-align:justify;
}
#top_menu { /* border="0" cellspacing="0" cellpadding="0" width="100%" */
	width:760px;	/* need a specific widht for centering !! */
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;	
	height:40px;
	background-image:url(../img/bg-menu.gif);
}
.menu_item {
	margin-left:10px;
	text-align:center;
	display:inline;
	display: table-cell; /* For FireFox and Opera */
	display: inline-block; /* For Opera and IE */
	vertical-align: top; /* For IE */ 
	vertical-align:middle;
	width:125px; /* cant seem to stretch the spans .. maybe text-align:justify might do it in outer container */
}

/* border="0" cellspacing="0" cellpadding="0" width="760" height="40" background="img/bg-menu.gif" style="padding:0 30px 0 0; margin:0px 0 0" */
#table3{
	width:760px;

}
.body-wrapper {
	min-height:500px;
	vertical-align:top;
}
/* spacer is uszed parallel to floated elelements to create height for tghe wrapper*/
div.spacer {
  clear: right;
  border : solid red;
}

#content { /* border="0" cellspacing="0" cellpadding="0" background="img/bg-content.jpg" bgcolor="#ffffff" width="100%" height="30"  */

	background-image:url(../img/bg-content.jpg);
	background-color:#ffffff;
	height:30px;
	width:100%;
}
#right_menu {
/* border="0" cellspacing="0" cellpadding="0" width="200" align="right" */
	width:200px;
	text-align:right;
	float:right;
}

.left_panel-wrapper {
	width:20%;
	float:left;
	vertical-align:top;
}

#left_panel, #right_panel {
	background-color: #000000;
	width:100%;
	min-height:400px;	/* hopefully will avoid redrawing when pics load thru banner */
	/* height:100%; this was forcing the footer to disappear down the page - off screen */
}

.middle_panel-wrapper {
	float:left;
	vertical-align:top;
	width:60%;
	margin-left:auto;
	margin-right:auto;

}
#middle_panel {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:black;
	color:white;
	background-image:url(../img/ml/bg-stout.png);
	background-position:top;
	background-repeat:repeat-x;
}

#table_center_panel {
	width:750px;
}
.right_panel-wrapper {
	width:20%;
	float:right;
	vertical-align:top;
	text-align:right;
}
.footer-wrapper {
	vertical-align:top;
	height:90px;	/* the footer seems to be floating away from content in FF */
}
#footer { /*   <!-- -border="0" cellspacing="0" cellpadding="0" background="img/bg-footer.jpg" width="100%" height="90" -> */
	
	/* fix ie prob with floats */
	clear:both;	
	/* background-image:url(../img/mutton_lane.jpg);
	background-repeat:no-repeat;
	background-position:right top; */
	width:100%;
	height:150px;
}
/* end ec */

A {font-family: Arial; font-size: 15px; color: #4a8b05; font-weight:normal; text-align:right; font-style: bold;text-decoration:none;}
A:hover {font-family: Arial; font-size: 15px; color: #4a8b05; font-weight:normal; text-align:right; font-style: bold;text-decoration:underline;}
A.pow:hover {font-family: Arial; font-size: 15px; color: #ffffff; font-weight:normal; text-align:right; font-style: bold;text-decoration:underline;}
A.right_menu {font-family: Arial; font-size: 13px; color: #4a8b05 !important; font-weight:normal; text-align:right; font-style: bold;text-decoration:none;}
A.right_menu:hover {font-family: Arial; font-size: 13px; color: #4a8b05 !important; font-weight:normal; text-align:right; font-style: bold;text-decoration:underline;}
.logo{font-family: "Arial Black", Arial; font-size: 76px; color: #ffffff; font-weight:bold;}

.join_title{font-family: Arial; font-size: 15px; color: #4a8b05 !important; font-weight:normal; text-align:right; font-style: bold;text-decoration:none;}

A.forgot_pass {font-family: Arial; font-size: 13px; color: #4a8b05 !important; font-weight:normal; text-align:right; font-style: normal;text-decoration:none;}
A.forgot_pass:hover {font-family: Arial; font-size: 13px; color: #4a8b05 !important; font-weight:normal; text-align:right; font-style: normal;text-decoration:underline;}

.loginform {font-family: Arial; font-size: 13px; color: #7d7981 !important; font-weight:normal; text-align:right; font-style: normal;text-decoration:none;}

.logotext {font-family: "Arial"; font-size: 21px; color: #fce55c;}
.logo_s{font-family: "Arial Black", Arial; font-size: 50px; color: #ffffff; font-weight:bold;}

.logotext_s {font-family: "Arial"; font-size: 19px; color: #fce55c}

.menu {font-family: Arial; font-size: 15px; color: #fce55c; font-weight:normal; text-align:right; font-style: bold; padding-left:15px}

.submenu {font-family: Arial; font-size: 15px; color: #ffffff; font-weight:normal; border-bottom: 1px dotted #cccccc}

.title {font-family: "Arial Black", Arial; font-size: 20px; color: #4a8b05;}

.title1 {font-family: Arial; font-size: 16px; color: #666666; font-weight:100;}
.copy {font-family: Arial; font-size: 8px; color: #eeeeff}

A.completetable  {font-family: Arial; font-size: 8px; color: #666666; font-style: italic;}
A.completetable:hover  {font-family: Arial; font-size: 8px; color: #eeeeff; font-style: italic; text-decoration: underline;}

A.text {
    font-family: Arial; font-size: 12px; color: #009900; text-decoration: none;
}
A.text:hover {
    font-family: Arial; font-size: 12px; color: #FF0000; text-decoration: underline;
}


.completetable {font-family: Arial; font-size: 8px; color: #eeeeff; font-style: italic;}

.inp{   font-size: 9pt;
        font-family: Tahoma, verdana,arial, helvetica, sans-serif; 
        border: solid;
        border-color: #333333;
        border-width: 1px;
        padding-top: 1px;
        background-color:#ffffff;
        }

.simple {
    font-family: Arial; font-size: 14px; color:#464646;} 
.tdTop {
    background:#d2d2d2; font-family: Arial; font-size: 12px; color: #333333;
}
.tdBottom {
     background-color: #f1f1f1; font-family: Arial; font-size: 12px; color: #333333; 
}
.tdHeader {
     background-color: #afafaf; font-family: Arial; font-size: 14px; color: #333333; font-weight:bold;
}
.tdHeader a{font-family: Arial; font-size: 14px; color: #333333; font-weight:bold;}
table.window {
     background-color:#4080b0; font-family: Arial; font-size: 14px; color: #333333; font-weight:bold; border-width: 0px; border-style: none; border-color: #ffffff; border-collapse: collapse;
}
.tableText {
    font-family: Arial; font-size: 12px; color: #333333; font-weight:bold;
}
.table_header {font-family: "Arial Black", Arial; font-size: 20px; color: #333333;}
table.full{height:100%; width:100%}

.point {
    font-family: Arial; font-size: 14px; color: #4a8b05; 
}
.text {
    font-family: Arial; font-size: 12px; color: #464646; 
}
.text1 {
    font-family: Arial; font-size: 12px; color: #333333; 
}
.stext {
    font-family: Arial; font-size: 10px; color: #333333; 
}  
.stext b{
    font-family: Arial; font-size: 10px; color: #4b828c; font-weight: 400;
}  



#man{
    position: absolute; z-index:2 
}
#logo1{
    position: absolute; z-index:1; display:none
}
td.bborder{
border-width : 0px; 
border-color:#33333;
border-style: solid; 
border-left: none;
border-right: none;
border-top: none;
}


.wborder {border-width: 1px; border-style: solid; border-color: #ffffff; border-collapse: collapse;}

.warning 
{font-family: Arial; font-size: 14px; color: #4a8b05; font-weight:bold;}
b {font-style: normal; font-family: Arial; font-size: 12px; color: #303535;font-weight: normal;}
input.login {width:134px; color:#000; border:solid; background-color:#fff; font-family: Arial; font-size: 14px; border-width: thin; border-color: #4a8b05;}
input.text {width:64px;color:#000;background-color:#fff; font-family: Arial; font-size: 14px;}
input.input_text {width:184px;color:#000;background-color:#fff; font-family: Arial; font-size: 12px;}
input.sbutton {width:134px;font-weight:bold;color:#fff;background-color: #1ca34c; border: 2px solid #fff;}
input.gbutton {width:25px; height:25px; font-weight:bold;color:#fff;background-color:#1e6090; border: 2px solid #fff;}
select.text{width:184px;color:#000;background-color:#fff; font-family: Arial; font-size: 12px;}
input.checkbox{color:#000;background-color:#fff;font-family: Arial; font-size: 14px;}
.textarea{width:100%;height:100%;color:#000;background-color:#fff; font-family: Arial; font-size: 12px;}
.pitch{color:#000000; font-size: 10px;  font-family: Arial;}


.flayer{
font-size:10px; 
overflow: auto;
width:400px;
height: 200px;
}

.tdrTop {
    background:#047084; font-family: Arial; font-size: 12px; color: #ffffff;
}
.tdrBottom {
     background-color:#1e8090; font-family: Arial; font-size: 12px; color: #ffffff; 
}


/* more ec over-rides */
/* I want the menu anchors to be span elements */
a.menu_item {
	padding-top:5px;
	display : block ;
	height : 31px;
	float : left;
	font-size:14pt;
	color: #000000; /*#996600;*/	/* gold */
	vertical-align:10px;
	background-image:url(../img/ml/button-gold.png);

}
a.menu_item:hover, a.right_menu:hover, a:hover {
	color:white !important;
	text-align:center;
}
a.right_menu:hover{
	text-align:right;
}
a.menu_item:hover, a.right_menu:hover {
	background-image:url(../img/ml/button-gold-rev.png);
}
input, input.sbutton, .button {
	background-color:black;
    border: 1px solid #996600 ;   /* if needed */
	color:white !important;
    -webkit-border-radius: 10px;    /* for Safari */
    -moz-border-radius: 10px;       /* for Firefox */
	padding :2px;
}
.join_title {
	background-color:black;
    border: 1px solid #996600 ;   /* if needed */
	color:white !important;
	font-size:16px;
    -webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
	padding :12px;
	margin-bottom : 12px;
}
input.sbutton:hover {
	cursor:pointer;
}
body, .text , .manage_form, .simple {
	color:black;
	font-family: Arial; 
	font-size: 12px; 
}
b, a.right_menu{
	color:white !important;
}
a:hover, a.right_menu:hover {
	background-color:#996600;
	background-image:url();
	color:black;

}
.warning {
	color:red;
}
.button {
	font-weight:bold;
	font-size:20px;
}
.title, .title1, .pow, .join_title {
	color:#996600 !important;	/* gold */
}
.title {
	background-color:black;
    border: 1px solid #996600;   /* if needed */
    -webkit-border-radius: 10px;    /* for Safari */
    -moz-border-radius: 10px;       /* for Firefox */
	padding :12px;
	margin-bottom : 12px;
	
}
a, a.forgot_pass{
	color:#996600 !important;	/* gold */
}
a:hover, a.forgot_pass:hover{
	background-color:#996600 !important;	/* gold */
	color:white !important;
}
input {
	color:black !important;
}
.submenu {
	padding-left:10px;
}
.right_menu {
	float:right;
	text-align:right;
	padding-left:10px;
}
#right_menu {
	width:156px;
}
/* width=140 align="right" valign=top  style="padding-left:35px; padding-bottom:10px; padding-top:10px;" height="100%" */
#right_menu_container {
	width:120px;
	text-align:right;
	vertical-align:top;	/* not effective - need a valign in outer td */
	height:100%;
}
#flash_container {
	background-color:#dddddd;
	border-color:#996600;
	border-style:solid;

}
.buttons_bar {	/* buttons are float left so have no natural height - ie in bounding wrapper so set here */
	height:36px;
}
.tdBottom {	/* used in main.tpl */

	color:white;
	background-color:transparent;

}
#crane_logo_wrapper {
	/* background-image:url(../img/ml/marquee.gif); */
}