/* ##### General styles #####*/

body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	margin: 0px;
	padding: 0px;
}
td {
	font-size: 12px;
	font-weight: normal;	
}
a {	
	text-decoration: underline;	
}
input {font-size:100%;}
textarea {font-family: Arial, Helvetica, sans-serif;font-size: 12px; width: 99%;}
.inputSelectBox {font-size:80%;}
.inputSelectBox2 {font-size:100%;}

.bodyText {
	font-size: 12px;
	line-height: 14px;	
}
.boldBodyText {	font-weight: bold;	}
.bodyTextVar { 	font-size: 80%; }
.smallBodyText { font-size: 80%; }

/* ###### Text styles #####*/

.smallText {
	font-size: 11px;
}

h1.head1 {font-size: 18px;
	font-weight: bold;
	color: maroon;
}
h2 {font-size: 18px;
	font-weight: bold;
	color: maroon;
}
.header13px {	
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;	
}
.header14px {	
	font-size: 14px;
	padding: 4px 0px;
	font-weight: bold;	
	display:block;
	margin: 5px 0px;
}
.header16px {	
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;	
}
.header20px {	
	font-size: 20px;
	line-height: 18px;
	font-weight: bold;	
}
/* ###### Link Styles ######*/
.powerSearchLinks {					
	padding: 2px 0px; 
	line-height: 15px;	
}
.cursorHand {cursor:pointer;}
.NoLink {text-decoration: none; cursor:default;}

/* New Styles */
img {border-width: 0px;	}

.AlignImageLeft { float: left; padding: 10px;}

/* Min width code (using * html hack for css required for IE6 only) */
#TBwidth {width:100%; min-width:780px; }
* html #TBminwidth {border-left:780px solid #fff; position:relative; float:left; z-index:1;}
* html #TBcontainer {margin-left:-780px; position:relative; float:left; z-index:2;}

/* Title bar layout */

#MainTitleBar {			
	height: 70px;			
}
#SubTitleBar {clear:both;height: 35px; padding: 0px 0px 0px 15px;}
#TitleBarLogoLink {float: left; border-width:0px; padding: 5px 0px 0px 5px;}
#LoginExpiredWarning {position: absolute; top: 0px;left:305px; width: 30%; height: 55px;padding-top:15px;}
#UserAndDate {float: left;height: 21px;padding: 6px 0px 6px 0px;}

#MyDetailsLink{float:right;height: 22px;padding: 4px 1px 2px 0px;width:100px;}
#LocalInfoLink{float:right;height: 22px;padding: 4px 1px 2px 0px;width:100px;}
#HomeLink{float:right;height: 22px;padding: 4px 1px 2px 0px;width:100px;}
#LogoffLink{float:right;height: 22px;padding: 4px 4px 2px 0px;width:100px;}
#HelpLink{float:right;height: 22px;padding: 4px 1px 2px 0px;width:100px;}

#PowersearchLink{float:right;height: 22px;padding: 4px 1px 2px 0px;width:150px;margin: 20px 30px 0px 0px;}

/* Footer layout*/
#FooterContacts {clear:both;width: 760px; text-align:center; margin: 10px auto;}


/* Page layout */
#LogoAni {margin-left: 60px;}
.MainContentCentre {width: 760px; margin: 0px auto; padding-top: 5px; position:relative; overflow:hidden; }
.PopupContentCentre {overflow:hidden; padding: 10px 0px; }

* html .displayBoxContent {height: 1%;}
.displayBoxContent:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;  }

/* Flash Title */

.flashTextMinPadding {padding-top: 2px;height: 25px;padding-bottom: 3px;}
.flashText {padding-top: 3px;height: 10px;padding-bottom: 15px; overflow:hidden;}
.PrintFlashText {display:none;}

/* Register page */

#PRegister1 {	float:left; width: 340px;margin:20px 0px 30px 0px;
				padding: 10px 20px 0px 0px; 				
				font-weight:bold; font-size:larger;}
#PRegister1 img { padding: 20px 0px;}
#PRegister1 a {font-size:larger;}
#PRegister2 {float:left; width: 400px;margin:50px 0px 30px 0px;}
.displayBoxHeaderText { padding:4px; font-weight:bold;}


/* Homepage layout */

.InteractiveTextBox { width:100%; margin-bottom: 10px;}
#ctl00_C1_ucHomepage_WhatNextBox {position: relative; width: 285px; top: 0px; left:0px;margin-top: 35px;}
#ctl00_C1_ucHomepage_StartingPoint {position:relative;left: 110px;top: 0px;}
#ctl00_C1_ucHomepage_StartingPoint table, #ucHomepage_MoreAboutMe table {padding: 4px 0px;}
#ctl00_C1_ucHomepage_StartingPoint td, #ucHomepage_MoreAboutMe td, #ucHomepage_FTDPresults a {padding: 2px 0px;}
#Homepage_TomatoStatusKey {position:relative;top: 30px; left: 50px; width: 300px;}
#Homepage_TomatoStatusKey img { vertical-align:middle;}
#ctl00_C1_ucHomepage_MoreAboutMe {position:relative;top: 40px; left: 45px;}
.hompage_RightColumn {position:absolute; right: 35px; top: 10px;}

/*
#ctl00_C1_ucHomepage_FTDPresults {position:absolute; right: 35px; top: 10px;}
#ctl00_C1_ucHomepage_WhatNextBox {position:absolute; right: 35px; top: 260px;}
*/

#homepage_GoToResultsImages {position:relative;left: 330px;top: -210px;width: 90px; height:200px;}
#ctl00_C1_uchomepage_GoToResultsArrow {position:relative;}
#ctl00_C1_ucHomepage_imgSpeedyResults {position:absolute;bottom: 0px;left: 0px}

#homepage_TMailLink {position:relative; height:70px; top: -30px;left: 80px; width: 300px;}
#homepage_TMailLink div {overflow:hidden; height: 20px;}

/* Moved down by 25px to stop interference with section above - SJOH - 25/06/09 */
#homepage_FeedBackLink {position:absolute; width: 270px;top: 325px; left: 80px;}

#homepage_FeedBackLink img {float: right;}


/* TMail layout */
#ctl00_C1_Tmail1_TMailOptions {position:absolute; right: 0px; top: 30px;}
#TmailMenu input {padding: 14px 8px 0px 8px; vertical-align:middle;}


/* Targets pages  */

#UCTargets_TargetListSelection{clear:both; text-align: right;}
#UCTargets_TargetListSelection select {width: 200px; font-size: 1.1em !important;}
#UCTargets_TemplateList {float: left; width: 240px;padding-top: 5px;padding-right: 10px;}
#UCTargets_TargetsList {float: left; width: 510px;padding-top: 5px;}


/* Link button css*/
 
a.bt span {font-size: 11px; font-weight: bold;text-decoration: underline;padding-top: 5px; padding-bottom: 5px;}
a.bt:hover span{text-decoration: underline;}


a.bt {
display: block;
background-repeat: no-repeat;
height: 22px;
padding: 3px 0px 2px 0px;
text-align: center;font-size: 12px;
font-weight: bold;text-decoration: none;
margin: 0px auto;
}
.iconbutton {background-repeat: no-repeat;padding: 0px 10px  0px 10px;background-position: 0px 0px;  text-align:center;}

.icon {background-repeat: no-repeat;padding: 0px 0px  0px 30px;background-position: 0px 2px;  text-align:center;}
a.bt:hover .icon {background-position: 0px -20px;}
#btNone .icon {padding-left: 0px;}
a.bt_M .icon {background-position: 0px 1px !important;}
a.bt_M:hover .icon {background-position: 0px -21px !important;}

/* Input button css*/

.TMOCssButton {height: 22px;}
.buttonOver {position: relative;font-size: 17px;}
.buttonOff {position: relative;font-size: 17px; }
.buttonOver .buttonIcon {background-position: 0px -22px; }
.buttonOff .buttonIcon {background-position: 0px 0px;}
.buttonIcon {   background-repeat: no-repeat;padding: 10px 0px 12px 20px; 
                font-size:0px;position: absolute; top: -1px; left: 9px;  }
    
.inputButtonOff {font-family: Arial, Helvetica, sans-serif;    
    background-repeat: no-repeat;
    padding: 0px 0px 0px 30px;
    border: 0px; background-color: transparent;
    height: 22px;
    font-size: 11px; font-weight: bold;
    text-decoration: underline;
    }

.inputButtonOver {font-family: Arial, Helvetica, sans-serif;   
    background-repeat: no-repeat;
    padding: 0px 0px 0px 30px;
    border: 0px;background-color: transparent;
    height: 22px;
    font-size: 11px; font-weight: bold;
    text-decoration: underline; 
    }
                
#buttonNone .inputButtonOff,#buttonNone .inputButtonOver {padding:0px;}

#btSave .icon {background-image: url(/skins/2010reskin/images/mainImages/icons/save.gif);}
#btReset .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/reset.gif);}
#btBack .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/reset.gif);}
#btRetake .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/retake.gif);}
#btNext .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/next.gif);}
#btFile .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/file.gif);}
#btHome .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/home.gif);}
#btCancel .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/Cancel.gif);}
#btHelp .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/help.gif);}
#btSearch .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/search.gif);}
#btInfo .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/info.gif);}
#btDetails .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/details.gif);}
#btPrint .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/print.gif);}
#btLogoff .icon { background-image: url(/skins/2010reskin/images/mainImages/icons/Logoff.gif);}
#buttonSave .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/save.gif);}
#buttonReset .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/reset.gif);}
#buttonBack .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/reset.gif);}
#buttonRetake .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/retake.gif);}
#buttonNext .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/next.gif);}
#buttonFile .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/file.gif);}
#buttonHome .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/home.gif);}
#buttonCancel .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/cancel.gif);}
#buttonClose .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/cancel.gif);}
#buttonInfo .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/info.gif);}
#buttonAdd .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/add.gif);}
#buttonSearch .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/search.gif);}
#buttonPrint .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/print.gif);}
#buttonEnter .buttonIcon { background-image: url(/skins/2010reskin/images/mainImages/icons/enter.gif);}    
    
/* Target styles */
.targetTextBox {width: 450px;}
div.targetDetailLine span {float: left;}
div.targetDetailLine  {clear:both;position: relative;padding: 5px 0px;overflow: hidden;}
div.targetDetailLine  textarea {height: 75px;float:right;}
div.targetDetailLine  input {float:right;}
#UCTargetDetails_TargetDates {width: 500px; margin: 0px auto;}

div.actionPoint {width:700px;padding: 10px;margin:5px auto; background-color: #ccc; clear:both;overflow: hidden;}
div.actionPoint textarea { height: 75px; margin-left: 20px;}


.Calendar {	border:#000000 thin double; 
			visibility:hidden; 
			width:325px; 
			position:absolute; top:0px; right:0px;
			height:300px; 
			background-color:#d0d0d0;
			text-align:center;
}

.DtDiv {	border: #000000 1px solid; 
			padding: 2px; 
			float: left;
			font-weight: bold; 
			font-size: 11px; 
			width: 19px; 
			height: 13px; 
			background-color: white; 
			text-align: center;
			overflow:hidden;			
		}

.DtDiv A {text-decoration: none;color: #FFFFFF;}

.DtNav {	border: #000000 1px solid; 
			padding: 2px; 
			float: left;
			font-size: 13px; 
			width: 19px; 
			height: 13px; 
			background-color: white; 
			text-align: center;
			overflow:hidden;			
	}

.DtDate {	border: #000000 1px solid;
			padding: 2px; 
			float: left;
			font-weight: bold; 
			font-size: 13px; 
			width: 119px; 
			height: 13px; 
			background-color: white; 
			text-align: center;
			overflow:hidden;
}

/* Slider Page */

.specificInterestsRbl input  {		
		margin: 0px 13px; 	
	}
.specificInterestsRbl span  {		
		padding-left: 10px; 	
	}
	
.twoButtonLayout {text-align: center; margin-top: 25px; }
.twoButtonLayout .button1 {text-align: left; margin-top: 15px; width: 49%;float:left; margin-right: 2%;  }
.twoButtonLayout .button2 {text-align: right; margin-top: 15px; width: 49%;float:left;}



/* Questionnaire page - non flash */

.QuestionnaireRow div { padding:5px 0px;}
.QuestionnaireRow span { text-align:center;}
.QuestionnaireRow input {margin: 0px 12px;}

/* Exploration page */
.SelectLevelRBL {display: table; padding: 0px; margin: 0px; }
.SelectLevelRBL input {float: left;  vertical-align:middle;}
.SelectLevelRBL label {display: block;padding-top:2px; margin:0px; width:260px; vertical-align:middle; }
.SelectLevelRBL br { font-size:2pt;}


#ResourcesPage .intro { font-size: 140%;}

.PrintOnly {display:none;}

.EClips
{

}

.EClips div div
{
    margin-bottom: 10px;
}

.EClips td a
{
    margin: 0;
    padding: 1px;
    display: block;
}

.EClips table tr td
{
    padding:2px 1px 2px 1px;
    white-space: normal !important;
}
.EClips tr
{
    width: 300px;
}


/* 
SJOH - 03/12/2009 
Fix to ensure position of long flashtext
does not get hidden by the UCOptionsPage
boxes
*/

#UCOptionsPage
{
    padding-top: 35px;
}

#UCOptionsPage > .flashText
{
    margin-top: -35px !important;
}