/***************************
 Standard Styles
 ***************************/
a:link{color:#58698a; text-decoration:underline}
a:visited{color:#58698a; text-decoration:underline}
a:active{color:#58698a; text-decoration:underline}
a:hover{color:#58698a; text-decoration:none}
 
 
html, body {
	font-family:	Trebuchet MS;
	border:		none;
	overflow:	hidden;
}

a { 
	text-decoration: none;
	color: #000000;
}

a:hover { 
	text-decoration: underline;
	color: #3399FF;
}
a.language:link{
	color:#000000;
	text-decoration:none;
}


/***************************
 styles for specific id's
 ***************************/

#main {
	position:	absolute;
	top:		0px;
	left:		0px;
	width:		780px;
	height:		485px;
	background: url('../../all/images/background.png') no-repeat top left white;
	display:	none;
	z-index:	0;
}
#banner_logo {
	position:	absolute;
	top:		0px;
	left:		25px;
	width:		300px;
	height:		70px;
	display:	block;
	z-index:	50;
	border: 	none;
	background-image: url(../images/logo.png);
}
#banner_programName {
	position:	absolute;
	top:		7px;
	left:		510px;
	width:		256px;
	height:		49px;
	display:	block;
	z-index:	50;
	border: 	none;
	text-align:right;
	background:right;
}

#rating_graphic {
	position:	absolute;
	top:		50px;
	left:		60px;
	width:		200px;
	height:		170px;
	background: no-repeat top left transparent;
	z-index:	55;
}

#rating_title {
	position:	absolute;
	top:		178px;
	left:		119px;
	width:		72px;
	height:		32px;
	margin:		0;
	padding:	0;
	text-align:	center;
	line-height: 10px;
	font-size:	10px;
	font-weight: normal;
	z-index:	56;
	border: none;
	text-transform: uppercase;
}

#rating_text {
	position:	absolute;
	top:		209px;
	left:		60px;
	width:		192px;
	height:		35px;
	margin:		0;
	padding:	0;
	text-align:	center;
	font-size:	18px;
	font-weight: bold;
	z-index:	56;
}

.tab {
	position:	absolute;
	left:		24px;
	width:		310px;
	height:		75px;
	z-index:	50;
}

#tab_0 {
	top:		77px;
	height:		175px;
	background: url('../../all/images/tab_main_active.png') no-repeat top left;
}

#tab_1 {
	top:		237px;
	background: url('../../all/images/tab_component_notactive.png') no-repeat top left;
}

#tab_2 {
	top:		305px;
	background: url('../../all/images/tab_component_notactive.png') no-repeat top left;
}
#tab_3 {
	top:		373px;
	background: url('../../all/images/tab_component_notactive.png') no-repeat top left;
}

.tab_icon {
	position:	absolute;
	left:		45px;
	width:		60px;
	height:		50px;
	z-index:	55;
}
#tab_1_icon {
	top:		252px;
	background:	url('../../all/images/tab_icon_safe.png') no-repeat top left;
}
#tab_2_icon {
	top:		320px;
	background:	url('../../all/images/tab_icon_safe.png') no-repeat top left;
}

#tab_3_icon {
	top:		387px;
	background:	url('../../all/images/tab_icon_safe.png') no-repeat top left;
}

.tab_componentname {
	position:	absolute;
	left:		93px;
	width:		195px;
	height:		40px;
	font-size:	15px;
	color:		black;
	font-weight: bold;
	z-index:	55;
}
#tab_1_componentname {
	top:		250px;
}
#tab_2_componentname {
	top:		318px;
}
#tab_3_componentname {
	top:		386px;
}

.tab_actiontext {
	position:	absolute;
	left:		93px;
	width:		195px;
	height:		30px;
	font-size:	11px;
	color:		red;
	font-weight: normal;
	z-index:	55;
}
#tab_1_actiontext {
	top:		275px;
}
#tab_2_actiontext {
	top:		343px;
}
#tab_3_actiontext {
	top:		411px;
}

.tab_hotspots {
	position:	absolute;
	left:		33px;
	width:		255px;
	height:		62px;
	cursor:		pointer;
	z-index:	90;
	background:	white;
	filter:	alpha(opacity=0);
}

#tab_0_hotspot {
	top:		78px;
	height:		155px;
}

#tab_1_hotspot {
	top:		239px;
}

#tab_2_hotspot {
	top:		307px;
}

#tab_3_hotspot {
	top:		375px;
}

#scanagain {
	position:	absolute;
	top:		450px;
	left:		42px;
	font-size:	10px;
	color:		black;
	z-index:	60;
}

#commonContainer, #welcome, #whitebox  {
	position:	absolute;
	top:		0px;
	left:		0px;
	width:		780px;
	height:		485px;
	padding:	0;
	background: white;
	display:	none;
}

#whitebox  {
	filter: alpha(opacity=100);
}

#commonContainerIframe, #welcomeIframe {
	width: 100%;
	height: 100%;
}

#installbox {
	position:	absolute;
	top:		355px;
	left:		80px;
	width:		620px;
	height:		25px;
	text-align:	center;
	font-size:	14px;
	font-weight: normal;
	color:		black;
	border:		none;
	display:	none;
}

/*********************************
 divs and the texts associated with results html files
 *********************************/

 .results_div {
	position:	absolute;
	top:		93px;
	left:		313px;
	background:	transparent;
	border:		none;
	overflow:	hidden;
	display:	block;
	z-index:	61;
}

.results_div iframe {
	margin:		0;
	padding:	0;
	width:		427px;
	height:		367px;
	background:	transparent;
	border:		none;
	overflow:	hidden;
}

#results_htmlcontainer {
	margin:		0;
	padding:	0;
	background:	transparent;
	border:		none;
	overflow:	hidden;
	font-size:	12px;
}
#results_htmlcontainer h1 {
	font-size:	18px;
	color:		#000000;
	margin-top:	0px;
	margin-bottom:	3px;
	padding:	0;
}
#results_htmlcontainer p {
	font-size:	11px;
	color:		black;
	margin-top:	0px;
	margin-bottom:	7px;
	padding:	0;
}
#results_htmlcontainer #Name {
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	background-color: transparent;
	padding: 0;
	margin-top: 12px;
	padding-right: 8px;
	border-bottom: dotted 1px;
}

#results_htmlcontainer .summaryContainer {
	padding: 8px;
	padding-top: 0px;
	overflow: hidden;
	width: 408px;
	height: 100%;
	border: none;
}

#results_htmlcontainer .componentDetails {
	padding: 8px;
	padding-top: 0px;
	overflow-y: auto;
	overflow-x: hidden;
	width: 408px;
	height: 180px;
	border: none;
}

#container {
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
}
#container p {
	font-size:	11px;
	color:		black;
	margin-top:	0px;
	margin-bottom:	7px;
	margin-left: 24px;
	margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#container h2 {
	font-size:	11px;
	margin-top:	10px;
	margin-bottom:	3px;
	margin-left: 0px;
	margin-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 24px;
	padding-right: 0px;
}
#overallprocontainer, #procontainer {
	font-size:	11px;
	color:		black;
	margin-bottom:	0px;
	padding:	0;
	width: 425px;
	border: none;
	cursor: pointer;
}
#overallprocontainer {
	height: 143px;
	margin-top:	0px;
}
#procontainer {
	position: absolute;
	top: 272px;
	left: 0px;
	height: 79px;
	margin-top:	15px;
}
#overallprocontainer #Pro_Standard {
	width: 100%;
	height: 100%;
}
#overallprocontainer #Pro_Standard_RPS {
	width: 100%;
	height: 100%;
}
#overallprocontainer #Pro_Excellent {
	width: 100%;
	height: 100%;
}
#overallprocontainer #Pro_Excellent_RPS {
	width: 100%;
	height: 100%;
}
#procontainer #Pro_Standard {
	width: 100%;
	height: 100%;
}
#procontainer #Pro_Standard_RPS {
	width: 100%;
	height: 100%;
}
#procontainer #Pro_Excellent {
	width: 100%;
	height: 100%;
}
#procontainer #Pro_Excellent_RPS {
	width: 100%;
	height: 100%;
}

/* set danger icons */
.recommendation_veryimportant {
	background: url('../../all/images/icon_veryimportant.gif') no-repeat top left;
}
.recommendation_important {
	background: url('../../all/images/icon_important.gif') no-repeat top left;
}
.recommendation_great{
	background: url('../../all/images/icon_great.gif') no-repeat top left;
}
.recommendation_info {
	background: url('../../all/images/icon_info.gif') no-repeat top left;
}

/***************************
Progress
***************************/

#progress, #progress2 {
	position:	absolute;
	top:		0px;
	left:		0px;
	width:		780px;
	height:		485px;
	padding:	0;
	font-size: 12px;
	background: white;
	display:	none;
	display:	none;
	background: url('../../all/images/background_intro.png') no-repeat top left;
	filter: alpha(opacity=100);
}

.progress #text_progress {
	position:	absolute;
	top:	222px;
	left:	35px;
	font-weight: bold;
	font-size: 18px;
	width: 703px;
	text-align: center;
}
.progress #help {
	position:	absolute;
	top:	455px;
	left:	20px;
	font-weight: normal;
	font-size: 12px;
	width: 747px;
	text-align: left;
	height: 24px;
	border-top: 1px solid #cccccc;
	padding-top: 5px;

}
.progress #img_warningdialogs {
	position:	absolute;
	top:	250px;
	left:	36px;
	width: 703px;
	height: 195px;
	background-repeat: no-repeat;
	background-position: center top;
}
.progress #img_progress {
	position:	absolute;
	top:	298px;
	left:	36px;
	width: 703px;
	height: 98px;
	text-align: center;
}
.progress #clickrunmessage {
	position:	absolute;
	top:	130px;
	left:	36px;
	width: 703px;
	height: 24px;
	text-align: left;
}

/***************
z-index settings
****************/

#whitebox {
	z-index: 95;
}
#welcome {
	z-index: 94;
}
#progress2 {
	z-index: 93;
}
#progress {
	z-index: 92;
}
#commonContainer {
	z-index: 91;
}

/***************************
Debug Window
***************************/
	
#debug
{
	position: absolute;
	overflow-x: hidden;
	overflow-y: scroll;
	left: 776px;
	top: 0px;
	height: 465px;
	width: 510px;
	font-family: "Arial";
	font-size: 11px;
	padding-left:15px;
	padding-top: 15px;
	z-index: 100;
	background: #000;
	color: #fff;
}
	.debugOpen {}
	.debugClosed {}

/***************************
styles for index starter page
 ***************************/

#main_noscript {
	position:	absolute;
	top:		0px;
	left:		0px;
	width:		780px;
	height:		485px;
	background: url('../../all/images/background_intro.png') no-repeat top left;
	display:	none;
}

/* for test mode */
#testnote
{
	position: absolute;
	top: 449px;
	left: 497px;
	width: 250px;
	font-size: 11px;
	color: gray;
	display: none;
	text-align: right;
	z-index:	91;
}

/***************************
Special code for getting background tranparent png's to work
Must have iepngfix.htc and blank.gif in css folder
***************************/
#rating_graphic, .tab, .tabicon, .ispng, .pngfix, #banner_logo, #banner_programName, #img_computer, #startscan a, #iagree a { 
	behavior: url('../../all/css/iepngfix.htc'); 
}