/*
	08102002 CH No Blue on continue
	18122002 CH Added same font style for Input and Textarea

	For margin and padding you can specify one (for all edges) two or four values
	margin: topAndBottompx leftAndRightpx;                          
	padding: toppx rightpx bottompx leftpx;
*/

/*By default in IE these two elements use different fonts */
INPUT,TEXTAREA {font-family:Trebuchet MS, sans-serif;}

textarea , select, input
{
	background-color: #FFFFFF;
	border:1px solid #666666;
	font-size:0.78em;
}

body
{	
	font-family:Trebuchet MS, sans-serif;
	font-size:11px;
	margin:10px;
	background-color: #f0f6fb;
	border-width:0;
}

form{
	margin-bottom:0;
	}

A{
	color:#00529b;
}

A:visited{
	color:#00529b;
}

A:hover{
	color:#00529b;
}

.TPASTable{
	width:100%;
}

#roundbox h1 {background-color:#FFF; font-size:11px; margin:2px 0 2px 0; padding-left:4px;}
#roundbox p {padding:0 4px 0 4px; margin:0;}
#roundbox {background: transparent; margin:1em 0 1em 0;width:400px;}
#roundbox.xtop, #roundbox.xbottom {display:block; background:transparent; font-size:1px;}
#roundbox .xb1, #roundbox .xb2, #roundbox .xb3, #roundbox .xb4 {display:block; overflow:hidden;}
#roundbox .xb1, #roundbox .xb2, #roundbox .xb3 {height:1px;}
#roundbox .xb2, #roundbox .xb3, #roundbox .xb4 {background:#FFF; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1;}
#roundbox .xb1 {margin:0 5px; background:#b1b1b1;}
#roundbox .xb2 {margin:0 3px; border-width:0 2px;}
#roundbox .xb3 {margin:0 2px;}
#roundbox .xb4 {height:2px; margin:0 1px;}
#roundbox .roundboxcontent {margin:0;display:block; background:#FFF; border:0 solid #b1b1b1; border-width:0 1px;padding:4px 0 4px 0;}
#roundbox, #roundbox li{color:#000;}




.Banner
{
	background-image:url('../Web_Resources/CheshireCC/Contoso_Left.JPG');
	margin:0px 0px 0px 0px;
	background-repeat:no-repeat;
}

/* Border surrounding the entire TKDialog content ( use width:100%;  to take full width) */
.tkDlgBdr
{	
	border:0px green solid;
	width:100%;	             /* Width of the bordered area								 */
	margin:0px 0px 0px 0px;	 /* margin between border and any external content			 */
	padding:1px;             /* padding between border and internal content				 */
	border-collapse:collapse;
}

.tkDlgTitleCell
{
	padding:0;
}

/* Title bar containing the dialog title */
.tkDlgTitle
{
	margin:0px;
	padding:0px; 
	font-size:110%;
	font-weight:bold;
	color:black;
	background: #FFCC66;
	height: 26px;
	border:1px solid #21217F;
	border-left:0;
	border-bottom:1px solid black;
}

/* Title bar containing the dialog title */
.tktMainTitleBar
{
	font-family:Trebuchet MS, sans-serif;
	margin:0px;
	padding:3px; 
	font-weight:bold;
	font-style:normal;
	text-indent:5px;
	color:#FFFFFF;
	background:#00529b;
}

.tkMainTitleText
{
	font-size:120%;
	color:black;
	position:relative;
	left:1px;
	font-family:Trebuchet MS, sans-serif;
	font-weight:bold;

}


/* Borders everything between title and warnings */
.tkMainBdr
{
	border: 2px solid #FFBB00;
	padding:0px;
	margin:5px;
}


/* Main text for the dialog (the question or terminal result) you can use margin, border and padding as well      */
.tkDlgMainTxt
{
	margin: 3px 0 8px 0;
	font-family:Georgia, serif;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #b1b1b1;
	clear:both;
}


/* Decision table that holds the branches of a decision */
.tkDlgDTbl
{
	margin: 10px 0 0 30px;
}

/* Each decision choice gets this style */
.tkDlgBranch
{
	text-decoration:none;
	font-weight: normal;
}

/*=======================(SAM: used by new dtree without JS)================*/
/* Decision table that holds the branches of a decision*/
.tkDlgDTbl_njs
{
	margin: 10px 0 0 30px;
	color: #00529b;
	text-decoration:none;
}
/* For all links within the decision table */
.tkDlgDTbl_njs A
{
	background: url('./images/des.gif') no-repeat left center;
	color: #00529b;
}

.tkDlgDTbl_njs A:hover
{
	background: url('./images/sel.gif') no-repeat left center;
	color: #cc8e34;
}

/* Each decision choice gets this style */
.tkDlgBranch_njs
{
	padding-left:20px; /*to separate button image from text*/
	text-decoration:none;
	/*font-family:helvetica, sans-serif;*/
	font-size:15px;
	font-weight: normal;
	vertical-align:middle;
	color:#666666;
}
/*=============================================================*/

/* Toolbar area where buttons such as "Continue" appear */
.tkTBArea
{
	margin:15px 0 0 0;
	padding:0px
}


/* Area where user input fields are displayed. Can have border. */
.tkUserIn
{
	margin:0;
}


/* any 'extra' text that is shown */
.tkXT
{
	font-family:Trebuchet MS, sans-serif;
	width:100%;
	margin:0 0 8px 0;
	font-size:14px;
}


/* Styles for any links appearing in extra text */
.tkXT A 
{
	/*text-decoration:none;*/
}


/* When the mouse is over links in extra text  */
.tkXT A:hover
{
	/*text-decoration:underline*/
}


/* The 'Next'/'Continue' button that appears after dialog choices */
.tkNxtBtn
{
	padding:2px; /*padding between border button and text*/
	margin:0px 0px 0px 0px;
	text-decoration:none;
	border:0px;
	font-weight: normal;
	height:42px;
	width: 88px;
	text-align:center;
}


/* Warnings block - set border backgroundcolor padding etc */
.tkWarnBdr
{
/*	margin:0px;
	border:red 2px solid;
	background:#ffdddd;	*/
	margin:0px;
	color:Red;
	border:red 2px solid;
}


/* Wrapping the Text on Toolbar buttons, can change: font, color */ 
.tkTTFont {  font-size:90%; color:blue;  font-weight:normal; }

/* ToolText -  we dont want hyperlinks to be underlined */
/* There is a class for each button displayed */
.tkTT, .tkTTFinishDlg, .tkTTQuitDlg
{
	text-decoration:none;
	color:#blue;  /* font */
}

/* Style for "Last Question" and similar buttons */
.tkToolBtn, .tkToolBtnFinishDlg, .tkToolBtnQuitDlg
{
	padding:2px; /*padding between border button and text*/
	margin:0px 0px 0px 0px;
	text-decoration:none;
	background:white;
	font-weight:normal;
	text-align:center;
}



/*  Images (buttons) in the tktb area*/
.tkTBArea IMG
{
/*	filter:alpha(Opacity=100, FinishOpacity=30, Style=3,StartY=0, FinishY=100, StartX=0, FinishX=100) 
	Blur(Add = 0, Direction = 180, Strength = 2); */
}

/* How the 'Continue' button is aligned */
.tkNxtBtnAlign
{
text-align:center;
}


/* Style for warning messages (only shown when XSL has been set to show messages)*/
.WarningMsg
{
	/*background:red;
	color:white;*/
	background:white;
	color:black;
}

/* Style for Debug messages (only shown when XSL has been set to show messages)*/
.DebugMsg
{
	background:#eeffee;
	font-size:80%;
}


.NoteMsg
{
	background:yellow;
	font-size:80%;
}


.WarningMsg, .DebugMsg, .NoteMsg
{
	border-bottom:2px solid #FFFF00;
}

/* Text shown when an input field fails validation */
.tkVFail
{
	font-weight:bold;
	color:red;
}