/*
Copyright    :   True Potential LLP 2009
Author       :   Paul Outterside
Created      :   14/09/2009
*/


html, body {
    background : #d4d5d6;
    font-family : Arial, Verdana, Sans-Serif;
    font-size : 12px;
    font-weight : normal;
    color : #000;
    padding : 0px;
    margin : 0px;
    }

a:link, a:visited {
    text-decoration : underline;
    color : #000;
    }

a:hover, a:active {
    text-decoration : underline;
    color : #c6c7c8;
    }

img {
    border : 0px;
    margin : 0px;
    padding : 0px;
    }

.clear {
	clear : both;
	line-height : 1px;
	}

.companyName {
	font-size : 14px;
	font-weight : bold;
	}

/* ############## */
/* FORM ELEMENTS */
.standardInput {
	background : #fff;
	border : 1px solid #666;
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size : 12px;
	color : #000;
	width : 200px;
	}

.standardInputDisabled {
	background : #efefef;
	border : 1px solid #666;
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size : 12px;
	color : #000;
	width : 200px;
	}

.standardInputHidden {
	border:0px;
	width:0px;
	height:0px;
	}
	
.standardDropDown {
	background : #fff;
	border : 1px solid #666;
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size : 12px;
	color : #000;
	width : 200px;
	}

.standardDropDownDisabled {
	background : #efefef;
	border : 1px solid #666;
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size : 12px;
	color : #000;
	width : 200px;
	}

.standardButton {
	background : URL('../resources/images/buttonBg.jpg') #e0e0e0;
	font-size : 100%;
	font-weight : normal;
	color : #000;
	border : 1px solid #666;
	margin-top : 2px;
	margin-bottom : 2px;
	width : 122px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width : 120px;
	}

.standardButtonDisabled {
	background : #efefef;
	background-image : none;
	font-size : 100%;
	font-weight : normal;
	color : #999;
	border : 1px solid #666;
	margin-top : 2px;
	margin-bottom : 2px;
	width : 122px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width : 120px;
	}


/* ######################## */
/* STANDARD TABLE ELEMENTS */
.standardTable {
	border : 0px;
	border-collapse : collapse;
	padding : 0px;
	margin : 0px;
	}

.standardTable td {
	border : 0px;
	background-color : #fff;
	height : 24px;
	}

.standardTable .labelCell {
	background-color : #efefef;
	text-align : left;
	}

.standardTable .controlCell {
	background-color : #fff;
	text-align : left;
	}

.standardTable .buttonCell {
	background-color : #fff;
	text-align : center;
	}



/* ######################################### */
/*                       MAIN LAYOUT ELEMENTS                   */
#centrePanel {
	background : #fff;
	border : 0px;
	border-left : 1px solid #9a9b9c;
	border-right : 1px solid #9a9b9c;
	width : 985px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : auto;
	margin-right : auto;
	}

#container {
	background : #fff;
	width : 985px;
	height : 560px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : auto;
	margin-right : auto;
	}

#headContainer {
	border : 0px solid #ff0000;
	margin : 0px;
	padding : 0px;
	height : 84px;
	}

#logoHolder {
	border : 0px solid #ef06ee;
	width : 800px;
	float : left;
	height : 84px;
	}

#tpLogoHolder {
	border : 0px solid #eee963;
	width : 80px;
	float : right;
	text-align : right;		
	height : 84px;
	}

#subHeadContainer {
	background : #1e1656;
	margin : 0px;
	padding : 0px;
	padding-top : 3px;
	height : 15px;
	font-size : 10px;
	text-align : right;
	}

#subHeadContainer a:link, #subHeadContainer a:visited {
	font-weight : bold;
	color : #fff;
	text-decoration : none;
	}

#subHeadContainer a:hover, #subHeadContainer a:active {
	font-weight : bold;
	color : #b8b6ca;
	text-decoration : none;
	}

#leftContainer {
	background : #fff;
	border : 0px solid #00ff00;
	margin : 0px;
	margin-right : 10px;
	padding : 0px;
	width : 220px;
	height : 426px;
	float : left;
	}

#contentContainer {
	background : #00ff00;
	background : url(images/contentBg.jpg);
	border : 0px solid #0000ff;
	margin : 0px;
	margin-right : 10px;
	padding : 0px;
	width : 505px;
	width : 745px;
	float : left;
	height : 426px;
	}

#rightContainer {
	background : #ff0000;
	background : url(images/newsBg.jpg);
	border : 0px solid #000eee;
	margin : 0px;
	padding : 0px;
	padding-top : 2px;
	width : 240px;
	height : 426px;
	float : left;
	}

#footContainer {
	border : 0px solid #eee000;
	margin : 0px;
	padding : 0px;
	padding-top : 3px;
	height : 28px;
	text-align : center;
	font-size : 10px;
	color : #9a9b9c;
	}

#menuBar {
	background : #fff;
	height : 29px;
	padding : 0px;
	margin : 0px;
	padding-top : 2px;
	}

#menuBar .menuTable {
	border : 0px;
	border-collapse : collapse;
	padding : 0px;
	margin : 0px;
	}

#menuBar .menuTable .itemCell {
	text-align : left;
	vertical-align : top;
	margin : 0px;
	padding : 0px;
	border : 0px;
	}

#menuBar .menuTable .itemCell img {
	cursor : pointer;
	padding : 0px;
	border : 0px;
	}


#sectionContent {
	height : 376px;
	padding : 0px;
	margin : 0px;
	overflow : auto;
	border : 0px;
	border-top : 2px solid #9C7D0D; /* home */
	font-size : 9pt;
	font-weight : bold;
	color : #9a9b9c;
	line-height : 20px;
	}

#sectionContent a:link, #sectionContent a:visited {
	text-decoration : underline;
	color : #807ca0;
	}

#sectionContent a:hover, #sectionContent a:active {
	text-decoration : underline;
	color : #9a9b9c;
	}

#sectionContent .commLink a:link, #sectionContent .commLink a:visited  {
	text-decoration : none;
	color : #0070b2;
	font-size : 10pt;
	}

#sectionContent .commLink a:hover, #sectionContent .commLink a:active {
	text-decoration : none;
	color : #9a9b9c;
	font-size : 10pt;
	}

#contentFoot {
	background : #0000ff;
	height : 17px;
	padding : 0px;
	margin : 0px;
	}

#newsFeedGroup {
	height : 407px;
	padding : 0px;
	margin : 0px;
	border : 0px;
	}

#newsFeedGroup .feedHeadTable {
	margin : 0px;
	padding : 0px;
	border : 0px;
	border-collapse : collapse;
	}

#newsFeedGroup .feedHeadTable td {
	background : #1e1656;
	text-align : center;
	vertical-align : middle;
	font-weight : bold;
	color : #fff;
	font-size : 12px;
	height : 20px;
	min-height : 20px;
	}

#newsFeedGroup .feedContent {
	border : 0px;
	margin : 0px;
	padding : 0px;
	color : #1e1656;
	overflow : auto;
	}

#newsFeedGroup .feedContentTable {
	border : 0px;
	margin : 0px;
	padding : 0px;
	border-collapse : collapse;
	}

#newsFeedGroup .feedTitleCell {
	border : 0px;
	margin : 0px;
	padding : 0px;
	padding-top : 10px;
	width : 240px;
	text-indent : 10px;
	font-weight : bold;
	}

#newsFeedGroup .feedTitleCell a:link, #newsFeedGroup .feedTitleCell a:visited {
	text-decoration : underline;
	color : #1e1656;
	}

#newsFeedGroup .feedTitleCell a:hover, #newsFeedGroup .feedTitleCell a:active {
	text-decoration : underline;
	color : #807ca0;
	}

#newsFeedGroup .feedBodyCell {
	border : 0px;
	margin : 0px;
	padding : 10px;
	width : 220px;
	}

#newsFooter {
	height : 19px;
	padding : 0px;
	margin : 0px;
	border : 0px;
	}

#preLoader {
	position : absolute;
	top : -2000px;
	left : -2000px;
	}






/* ############################# */
/* CMS ELEMENTS                                */
#cmsLeftContainer {
	background : #fff;
	border : 0px solid #00ff00;
	margin : 0px;
	margin-right : 10px;
	padding : 0px;
	padding-top : 2px;
	width : 135px;
	height : 424px;
	float : left;
	}

#cmsLeftContainer .menuTable {
	border : 0px;
	border-collapse : collapse;
	padding : 0px;
	margin : 0px;
	margin-left : 5px;
	}

#cmsLeftContainer .menuTable .itemCell {
	text-align : left;
	vertical-align : top;
	margin : 0px;
	padding : 0px;
	border : 0px;
	}

#cmsLeftContainer .menuTable .itemCell img {
	cursor : pointer;
	padding : 0px;
	border : 0px;
	}

#cmsContentContainer {
	background : #f0f0f2;
	border : 0px solid #0000ff;
	margin : 0px;
	margin-right : 10px;
	padding : 0px;
	padding-top : 2px;
	width : 610px;
	width : 830px;
	float : left;
	height : 424px;
	}

#cmsRightContainer {
	background : #fff;
	border : 0px solid #00ff00;
	margin : 0px;
	padding : 0px;
	width : 220px;
	height : 426px;
	float : left;
	}

#cmsSectionContent {
	height : 405px;
	padding : 0px;
	margin : 0px;
	overflow : auto;
	border : 0px;
	border-top : 2px solid #80a1b6; /* home */
	font-size : 9pt;
	font-weight : bold;
	color : #9a9b9c;
	line-height : 20px;
	}

#cmsSectionContent a:link, #cmsSectionContent a:visited {
	text-decoration : underline;
	color : #807ca0;
	}

#cmsSectionContent a:hover, #cmsSectionContent a:active {
	text-decoration : underline;
	color : #9a9b9c;
	}

.cmsTable {
	border : 0px;
	border-collapse : collapse;
	padding : 0px;
	margin : 0px;
	}

.cmsTable td {
	border : 0px;
	font-size : 9pt;
	font-weight : bold;
	color : #9a9b9c;
	line-height : 24px;
	height : 24px;
	}

.cmsTable .labelCell {
	text-align : left;
	}

.cmsTable .controlCell {
	text-align : left;
	}

.cmsTable .buttonCell {
	text-align : center;
	}











/* OVERLAY ELEMENTS FOR POPUP ALTERNATIVE */
#popOverlay {
	position : absolute;
	display : none;
	z-index : 100;
	top : 0px;
	left : 0px;
	background-color : #efefef;
	filter : alpha(opacity=75);
	-moz-opacity : 0.75;
	opacity : 0.75;
	}

#popWindow {
	position : absolute;
	display : none;
	background : #fff;
	z-index : 102;
	color : #000;
	display : none;
	border : 4px solid #c7c7c7;
	text-align : center;
	padding : 0px;
	padding-top : 10px;
	}

#popLoad {
	position: absolute;
	display : none;
	height : 100px;
	width : 100px;
	z-index : 101;
	}

#popHideSelect {
	z-index : 99;
	position : absolute;
	display : none;
	top : 0px;
	left : 0px;
	background-color : #fff;
	border : none;
	filter : alpha(opacity=0);
	-moz-opacity : 0;
	opacity : 0;
	}

#popWindow a:link, #popWindow a:visited {
	text-decoration : none;
	font-weight : bold;
	color : #000;
	margin-right : 10px;
	}

#popWindow a:hover, #popWindow a:active {
	text-decoration : none;
	font-weight : bold;
	color : #c6c7c8;
	margin-right : 10px;
	}

#ajaxOpHolder {
	visibility : hidden;
	display : none;
	height : 0px;
	width : 0px;
	}

#whirlHideSelect {
	z-index : 99;
	position : absolute;
	display : none;
	top : 0px;
	left : 0px;
	width : 730px;
	height : 363px;
	min-height : 363px;
	margin-left: auto;
	margin-right: auto;
	background-color : #fff;
	border : none;
	filter : alpha(opacity=0);
	-moz-opacity : 0;
	opacity : 0;
	}

#whirlOverlay {
	position : absolute;
	display : none;
	z-index : 100;
	top : 0px;
	left : 0px;
	width : 730px;
	height : 363px;
	min-height : 363px;
	margin-left: auto;
	margin-right: auto;
	background-color : #efefef;
	filter : alpha(opacity=75);
	-moz-opacity : 0.75;
	opacity : 0.75;
	}