﻿/*
E-motion design
joomla css file
*/

/*
Recommended cross-platform font families:

Arial, Helvetica, sans-serif
Verdana, Geneva, sans-serif
"Arial Black", Gadget, sans-serif
"Courier New", Courier, monospace
"Times New Roman", Times, serif

*/

/*
General
*/

body, td, p, div, span, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*text-align: left;*/
}

hr {
	height: 1px;
	border-style: solid;
	border-width: 1px;
	line-height: 1px;
}

/*
Text rendering
*/

body, td, p, div, span , h1, h2, h3, h4, h5, h6 , .contentheading , .componentheading, .subheading {
	color: #000;
}

h1, h2, h3, h4, h5, h6 , .contentheading , .componentheading, .subheading, .contentheading_home {
	font-weight: bold;
}

hr {
	color: #999999;
}

a {
	color: #000066;
	font-weight: bold;

	text-decoration: none;
}

a:hover {
	color: #333399;

	text-decoration: underline;
}

h1 , .componentheading , h2, .contentheading, h3, h4, h5, h6, .contentheading_home {
	font-size: 14px;
	color: #0078c0;
}

input, textarea, .inputbox, .button {
	background-color: #ffffff;
	border-color: #999999;
	color: #000000;
}

/*
Main menu
*/

#active_menu {
}

/* 
Left Modules
*/

.moduletable {
}

.moduletable th {
}

.moduletable td {
}

/*
General mambo styles
*/

.readon {
}

.subheading {
}

.back_button {
	background-color: #999999;

	border-style: solid;
	border-width: 1px;
	border-color: #000000;

	text-align: center;
	display: block;
	width: 60px;
}

.back_button a {
	font-size: 110%;
	color: #ffffff;
	font-weight: bold;

	line-height: 22px;
	width: 100%;
	display: block;
	text-transform: uppercase;
}

.back_button a:hover {
	color: #E0E0E0;

	background-color: #101010;
	text-decoration: none;
}

.pagenav_next , .pagenav_prev {
	font-size: 110%;
}

/*
Template styles
*/



/*
Forms
*/

input, textarea, .inputbox, .button {
	border-style: solid;
	border-width: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.formLabel , .formOpt , .formReq {

}

.formReq {
	color: #A7696B;
}

.button {
  height: 22px;
}

/*
Other styles
*/

.borderedTable {
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}

.borderedTable td {
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.borderedTable td td {
	border-right: none;
	border-bottom: none;
}






.shell1 {
width: 100%;
height: 100%;
}

.r1c2 {
width: 881px;
overflow: scroll;
}

.r1c1 , .r1c3 {
background-image: url( ../images/shadow-repeat.gif );
background-repeat: repeat-x;
background-position: top;
}

body , html {
margin: 0px;
padding: 0px;
}

.r2 {
background-image: url( ../images/shadow-background.gif );
background-repeat: repeat;
background-color: #35689b;
}
.r2c1 {
background-image: url( ../images/shadow-left-bottom.gif );
background-repeat: repeat-y;
background-position: top right;
background-color; transparent;
}
.r2c2 {
background-color: #ffffff;
}
.r2c3 {
background-image: url( ../images/shadow-right-bottom.gif );
background-repeat: repeat-y;
background-position: top left;
}




.cellMenu {
border-bottom: 1px solid #8ac3e2;
background-image: url( ../images/menu-background.gif );
}

.cellMenu .moduletable , .cellMenu .ddmx {

}


.item1 , .item1-active , .item1-acton  {
	font-weight: bold;
	display: block;
	text-decoration: none;
	height: 21px;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px solid #fff;
position: relative;
}

.ie .cellMenu {
height: 26px;
overflow: hidden;
}

.item11-last .item1 , .item11-last .item1-active , .item11-last .item1-acton , .item11-acton-last .item1-active , .item11-acton-last .item1 {
border-right: none;
}

.item1:hover , .item1-acton:hover , .item1-active:hover {
color: #b44;
text-decoration: none;
}

.item1:hover, .item1-active:hover , .item1-active, .item11-acton a, .item11-acton-last a {
background-color: #E5EBF4;
color: #0078c0;
}
.item11-acton a, .item11-acton-last a {
background-color: #FFFFFF;
}
.cellSide .moduletable ,
.cellSide .contentpaneopen {
width: 300px;
}
.cellSide .contentpaneopen .contentpaneopen {
width: auto;
}

.cellSide .moduletable .contentheading {
background-image: url( ../images/module-top-gradient.png );
font-size: 12px;
text-transform: uppercase;
color: #ffffff;
padding-top: 22px;
padding-left: 50px;
margin-left: -2px;
display: block;
background-repeat: no-repeat;
margin-bottom: -10px;
}
.cellSide .moduletable .contentheading {
height: 46px;
}

.cellSide .moduletable th{
background-image: url( ../images/module-top-gradient.png );
font-size: 12px;
text-transform: uppercase;
color: #ffffff;
padding-top: 22px;
padding-left: 43px;
display: block;
background-repeat: no-repeat;
height: 24px;
margin-bottom: -3px;
text-align: left;
}

.cellSide .moduletable td form td{
background-position: left bottom;
background-repeat:no-repeat;
font-size: 12px;
padding-left: 43px;
padding-top: 3px;

color: #000000;display: block;
background-repeat: no-repeat;
text-align: left;
}
.moduletable td form{
padding-left: 2px;	
}

.ie .cellSide .moduletable th {
padding-bottom: 0px;
}

.cellSide .moduletable  {
padding-bottom: 92px;
background-image: url( ../images/module-bottom.jpg );
background-position: bottom center ;
background-repeat: no-repeat;
}

.ie .cellSide .moduletable {
padding-bottom: 90px;
}

.cellSide .moduletable td td  {
background-image: url( ../images/module-middle-gradient.png );
}
.cellSide .moduletable td td td {
background-image: none;
}

.cellSide .moduletable .contentpaneopen  {
margin-bottom: -17px;
}
.ie .cellSide .moduletable .contentpaneopen {
margin-top: -2px;
}


.ie .cellSide .moduletable .contenthead {
margin-bottom: -12px;
margin-left: -2px;
}

.ie .cellSide .moduletable .contentheading {
padding-top: 7px;
}

.opera .cellSide .moduletable .contenthead  {
margin-bottom: -18px;
margin-left: -1px;
}

.cellSide .moduletable ul  {
	list-style-type: none;
}

.cellSide .moduletable .contentpaneopen ul li {
margin-left: 0px;
display: block;
height: 15px;
border-bottom: 1px dashed #999;
margin-right: 40px;
padding-top: 20px;
font-size: 10px;
font-weight: bold;
text-align:left;
}

.cellSide .moduletable_logos {
	margin: 20px 0;
}
.cellSide .moduletable_logos .contentpaneopen {
	width: auto;
	margin-left: 10px;
}
.cellSide a ,
.cellSide a:hover {
text-decoration: none;
color: #0078c0;
}

.cellSide {
padding-top: 10px;
}

.cellSide ul ul {
padding-left: 15px;
margin: 0px;
}
.cellSide li li {
width: 100%;
display: block;
}


.cellFooter .contentpaneopen td , 
.cellFooter .contentpaneopen a {
font-size: 9px;
color: #666;
font-weight: normal;
text-decoration: none;
}





.ddmx .section {
 position: absolute; 
 visibility: hidden; 
 display: block; 
 z-index: -1; 
}





.ddmx .item2 {
height: 16px;
background-color: #ffffff;
color: #0078c0;
width: 175px;
display: block;
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
padding-left: 10px;
padding-top: 2px;
}


.item2 , .item2:hover {
text-decoration: none;
}
.item2:hover {
background-color: #f0f0f0;
}


.cellContent {
padding-top: 23px;
padding-left: 10px;
padding-right: 10px;
}





.cellCSLeft {
width: 260px;
height: 278px;
background-image: url( ../images/cs-left.jpg );
background-repeat: none;
background-position: top right;
overflow: hidden;
}

.cellCSLeft .contentpaneopen {
width: 100%;
}

.cellCSRight {
width: 511px;
height: 278px;
background-image: url( ../images/cs-right.jpg );
background-repeat: none;
background-position: top left;
overflow: hidden;
text-align: right;
}

.cellCSBottom {
width: 770px;
height: 264px;
background-image: url( ../images/cs-bottom.jpg );
background-repeat: none;
}

.csContent {
margin-top: 30px;
}


.cellCSRight .moduletable {
display: inline;
}
.cellCSRight .moduletable td {
padding-top: 40px;
padding-right: 30px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}



.cellCSMiddle .moduletable td {
padding-top: 25px;
padding-left: 5px;
font-size: 14px;
font-weight: bold;
color: #006bba;
padding-bottom: 5px;
}


.cellCSLeft ul , .cellCSLeft li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.cellCSLeft .moduletable {
width: 100%;
}
.cellCSLeft .mainlevel , .cellCSLeft .mainlevel:hover {
color: #ffffff;
text-decoration: none;
font-size: 12px;
display: block;
height: 20px;
padding-top: 20px;
border-bottom: 1px dashed #ffffff;
margin-right: 20px;
margin-left: 30px;
}



.cellCSBottom .moduletable .moduletable td {
width: 236px;
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
vertical-align: top;
}
.cellCSBottom .readon , .cellCSBottom .readon:hover {
color: #006bba;
text-decoration: none;
}
.cellCSBottom .contentpagetitle , .cellCSBottom .contentpagetitle:hover {
color: #006bba;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

.ie .cellCSBottom .moduletable .moduletable td {
width: 214px;
}




.headerColour {
color: #0078c0;
}



.r1c2 {
width: 881px;
overflow: hidden;
}



.cellFooter .moduletable ,
.cellFooter .moduletable .contentpaneopen ,
.cellFooter .moduletable .contentpaneopen td ,
.cellFooter .moduletable td ,
.cellFooter .moduletable table ,
.cellFooter .moduletable table td {
text-align: center;
width: 100%;
background-color: #ffffff;
background-image: none;
}

.cellFooter .article_seperator {
height: 0px;
font-size: 0px;
visibility: hidden;
}

.cellFooter .moduletable td {
font-size: 0px;
}
.cellFooter .moduletable td td {
font-size: 9px;
}


body {
background-color: #35689b;
}
.r1c2 , .r2c2 {
background-color: #ffffff;
background-image: none;
}




.cellContent td {
line-height: 18px;
}


body.contentpane {
background-color: transparent;
}

.blog .contenthead .contentheading {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}



.r2c2 {
text-align: center;
}



.cellCSLeft img {
height: 0px;
}



.moduletable_content .contentpaneopen {
width: 100%;
}








.r1c1d , .r1c3d {
padding-bottom: 5000px;
margin-bottom: -5000px;
}
.r1c1 , .r1c3 {
overflow: hidden;
}
.r1c1d {
background-image: url( ../images/shadow-left-bottom.gif);
background-repeat: repeat-y;
background-position: top right;
}
.r1c3d {
background-image: url( ../images/shadow-right-bottom.gif);
background-repeat: repeat-y;
background-position: top left;
}


body.mceContentBody {
background-color: #FFFFFF !important;
}




/* fix for top-list gap */
ul {
 margin-top: 0px;
 padding-top: 0px;
}

