body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
font-family: Arial, Verdana;
font-size: 12px;
color: #000000;
background: #FFFFFF;
}

#framecontent{
position: absolute;
top: 0;
bottom: 0; 
left: 0;
width: 253px; /*Width of frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #FFFFFF;
color: black;
}

#maincontent{
position: fixed;
top: 0; 
left: 253px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background-color: #FFFFFF;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 0 0 253px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

.image_zone {
	margin: 10px;
	margin-bottom: 3px;
}
/************************************* BEGIN INTRO TOOLTIP ************************************/
#tooltip_image { 
margin-left: -25px;   
width : 255px;
height: 78px;
text-align: left;
background: url(../images/logo_PURE.jpg) top left no-repeat;
}

#tooltip_zone {    /* clickable area */
float: left;
clear: both;
width : 53px;
height: 36px;
margin-left: 95px;
margin-top: 5px;
}
.active_zone_tip {
	font-size: 0.8em;
}
/************************************* END INTRO TOOLTIP ************************************/

/************************************* BEGIN CONFIG *****************************************/
#config_image {    /* background image block */
position: relative;
width : 345px;
height: 492px;
text-align: center;
background: url(../images/interf/Config.jpg) top left no-repeat; /* */
}

#general_zone {    /* clickable area */
float: left;
clear: both;
width: 321px;
height: 95px;
margin-left: 11px;
margin-top: 32px; /* 34 */
}
#start_zone {    /* clickable area */
float: left;
clear: both;
width : 321px;
height: 130px;
margin-left: 11px;
margin-top: 1px;
}
#antialiasing_zone {    
float: left;
clear: left;
width : 157px;
height: 84px;
margin-left: 12px;
margin-top: 1px;
}
#smooth_stop_zone {    /* clickable area */
float: left;
clear: left;
width : 157px;
height: 93px;
margin-left: 12px;
margin-top: 1px;
}
#restore {    /* clickable area */
float: left;
clear: left;
width: 102px;
height: 23px;
margin-left: 11px;
margin-top: 3px;
}

#quality_zone {     /* clickable area */
float: right;
clear: right;
width : 154px;
height: 84px;
margin-right: 11px; /* 12*/
margin-top: 1px; /* 8*/
}

#mouse_zone {    /* clickable area */
float: right;
clear: right;
width : 154px;
height: 93px;
margin-right: 11px; /* 13*/
margin-top: 1px; /* 8*/
}


/************************************* END CONFIG *****************************************/

/************************************* BEGIN UPDATE *****************************************/
#update_image {    /* background image block */
width : 411px;
height: 489px;
text-align: center;
background: url(../images/interf/Check_for_updates.jpg) top left no-repeat;
}

#update_zone {    /* clickable area */
float: left;
clear: both;
width : 103px;
height: 17px;
margin-left: 93px;
margin-top: 75px;
}
#update_settings_zone {    /* clickable area */
float: left;
clear: both;
width : 103px;
height: 17px;
margin-left: 93px;
margin-top: 0px;
}
#register_zone {    /* clickable area */
float: left;
clear: both;
width : 103px;
height: 17px;
margin-left: 93px;
margin-top: 10px;
}
/************************************* END UPDATE *****************************************/

/************************************* BEGIN UPDATE SETTINGS *****************************************/
#update_settings_image {    /* background image block */
width : 309px;
height: 456px;
text-align: center;
background: url(../images/interf/Update_settings.jpg) top left no-repeat;
}
#update_schedule {    /* clickable area */
float: left;
clear: both;
width : 284px;
height: 130px;
margin-left: 12px;
margin-top: 33px;
}
#update_proxy {    /* clickable area */
float: left;
clear: both;
width : 284px;
height: 226px;
margin-left: 12px;
margin-top: 20px;
}

/************************************* END UPDATE SETTINGS *****************************************/

/************************************* BEGIN OPEN *****************************************/
#open_image {    /* background image block */
width : 411px;
height: 489px;
text-align: center;
background: url(../images/interf/open_file.jpg) top left no-repeat;
}
#open_zone {    /* clickable area */
float: left;
clear: both;
width : 55px;
height: 17px;
margin-left: 8px;
margin-top: 51px;
}
/************************************* END OPEN *****************************************/

/************************************* BEGIN NAVIGATION *****************************************/
#move_image {    /* background image block */
width : 411px;
height: 288px;
text-align: center;
background: url(../images/interf/move_smaller.jpg) top left no-repeat;
}
#move_zone {    /* clickable area */
float: left;
clear: both;
width : 30px;
height: 30px;
margin-left: 140px;
margin-top: 73px;
}
#zoom_out_zone {    /* clickable area */
float: left;
clear: left;
width : 17px;
height: 17px;
margin-left: 3px;
margin-top: 159px;
}
#zoom_in_zone {    /* clickable area */
float: left;
width : 17px;
height: 17px;
margin-left: -2px;
margin-top: 159px;
}
#hotspots_zone {    /* clickable area */
float: left;
width : 17px;
height: 17px;
margin-left: -2px;
margin-top: 159px;
}
#lights_zone {    /* clickable area */
float: left;
width : 17px;
height: 17px;
margin-left: -2px;
margin-top: 159px;
}
#autopath_zone {    /* clickable area */
float: left;
width : 17px;
height: 17px;
margin-left: -2px;
margin-top: 159px;
}
#fullscreen_zone {    /* clickable area */
float: left;
width : 17px;
height: 17px;
margin-left: -2px;
margin-top: 159px;
}
#help_zone {    /* clickable area */
float: right;
clear:right;
width : 17px;
height: 17px;
margin-right: 2px;
margin-top: -21px;
}
#about_zone {    /* clickable area */
float: right;
width : 17px;
height: 17px;
margin-right: 21px;
margin-top: 159px;
}
/************************************* END NAVIGATION *****************************************/

/************************************* BEGIN LANGUAGE SETTINGS *****************************************/
#language_settings_image {    /* background image block */
width : 372px;
height: 468px;
text-align: center;
background: url(../images/interf/language_settings.jpg) top left no-repeat;
}
#language_settings_zoom_out {    /* clickable area */
float: left;
clear: both;
width : 312px;
height: 22px;
margin-left: 26px;
margin-top: 38px;
}
#language_settings_zoom_in {    /* clickable area */
float: left;
clear: both;
width : 312px;
height: 22px;
margin-left: 26px;
margin-top: 1px;
}
#language_settings_hotspots {    /* clickable area */
float: left;
clear: both;
width : 312px;
height: 22px;
margin-left: 26px;
margin-top: 1px;
}
#language_settings_lights {    /* clickable area */
float: left;
clear: both;
width : 312px;
height: 22px;
margin-left: 26px;
margin-top: 2px;
}
#language_settings_autopath {    /* clickable area */
float: left;
clear: both;
width : 312px;
height: 22px;
margin-left: 26px;
margin-top: 2px;
}
#language_settings_fullscreen {    /* clickable area */
float: left;
clear: both;
width : 312px;
height: 22px;
margin-left: 26px;
margin-top: 1px;
}
#language_settings_exit_fullscreen {    /* clickable area */
float: left;
clear: both;
width : 312px;
height: 22px;
margin-left: 26px;
margin-top: 2px;
}
#language_settings_info {    /* clickable area */
float: left;
clear: both;
width : 312px;
height: 22px;
margin-left: 26px;
margin-top: 1px;
}
#language_settings_help_nav_text {    /* clickable area */
float: left;
clear: both;
width : 312px;
height: 22px;
margin-left: 26px;
margin-top: 1px;
}
#language_settings_help_text {    /* clickable area */
float: left;
clear: both;
width : 312px;
height: 125px;
margin-left: 26px;
margin-top: 1px;
}
#language_settings_restore {    /* clickable area */
float: left;
clear: both;
width : 128px;
height: 23px;
margin-left: 12px;
margin-top: 15px;
}

/************************************* END LANGUAGE SETTINGS *****************************************/


/************************************* BEGIN Antialiasing explanation *****************************************/
#antialiasing_info_image {    /* background image block */
width : 358px;
height: 368px;
text-align: center;
background: url(../images/interf/antialiasing_image.jpg) top left no-repeat;
}

#left_building_ason_zone {    /* clickable area */
float: left;
clear: both;
width : 60px;
height: 130px;
margin-left: 70px;
margin-top: 100px;
}
#right_building_ason_zone {    /* clickable area */
float: left;
clear: both;
width : 75px;
height: 100px;
margin-left: 200px;
margin-top: -70px;
}

/************************************* END Antialiasing explanation *****************************************/

.faqA {
	margin-top: -10px;
}



.documentation_version {
	margin-top: 5px;
	margin-left: 8px;
	font-size: 0.8em;
	color: #333333;
}



.banner_title {
	font-size: 20px;
	font-weight: bold;
	color: #000099;
}

.menu_title {
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	background: #FFFFFF;
}


.menu_item {
	cursor: pointer;
	font-weight: bold;
	line-height: 20px;
}

a.menu_item:link {
	text-decoration: none; 
	color: #2783FF;
}
a.menu_item:active {
	text-decoration: none; 
	color: #2783FF;
}
a.menu_item:visited {
	text-decoration: none; 
	color: #2783FF;
}
a.menu_item:hover {
	text-decoration: none; 
	color: #666666;
}

.menu_subitem {
	text-decoration: none;
	list-style: none;
	line-height: 20px;
	text-indent: -25px;
}
a.menu_subitem_link:link {
	text-decoration: none; 
	color: #2783FF;
}
a.menu_subitem_link:active {
	text-decoration: none; 
	color: #2783FF;
}
a.menu_subitem_link:visited {
	text-decoration: none; 
	color: #666666;
}
a.menu_subitem_link:hover {
	text-decoration: none; 
	color: #000066;	
}

.category_header {
	text-align: center;
	font-size: 1.5em;
	color: #00FF66;
}

.section_outer_box{
	width: 516px;
	border-width: thin;
	border-style: solid;
	border-color: #999999;
	text-align: center;
}
.chapter_outer_box {
	width: 510px;
	margin: auto;
	border-width: thin;
	border-style: solid;
	border-color: #999999;
	text-align: left;
}

.section_heading {
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: #000099;
	text-align: left;
	font-size: 1.4em;
}

.chapter_heading {
	padding: 3px;
	padding-left: 15px;
	color: #FFFFFF;
	background-color: #000099;
	text-align: left;
}

.chapter_content{
	padding: 15px;
	text-align: justify;
	line-height: 18px
}

.chapter_title {
	font-weight: bold;
	color: #000000;
	background: #EEEEEE;
	padding: 2px;
}


.product_name {
	display: inline;
	color: #000099;
}

.faq_question {
	font-size: 1em;
	color: #0000CC;
	margin-bottom: 5px;
}
.faq_answer {
	margin-left: 15px;
	margin-bottom: 5px;
}

.return_to_top{
	text-align: center;
	font-size: 0.9em;
}
.tooltip_explanation{
	margin: 5px;
	margin-top: 10px;
	font-size: 0.9em;
	text-align: justify;
}

.icon_main_container{
	text-align:center;
	width: 450px;
	height: 150px;
}
#thumbnail_on_text{
	position: relative;
	width: 200px;
	height: 25px;
	left: 30px;
	top: 0;
}
#thumbnail_on_icon{
	position: relative;
	left: -45px;
	top: -20px;
}
#thumbnail_on_crypted_icon{
	position: relative;
	left: -30px;
	top: -20px;
}
#thumbnail_off_text{
	position: relative;
	width: 200px;
	height: 25px;
	left: 255px;
	top: -25px;
}
#ivp_icon{
	position: relative;
	left: 30px;
	top: -46px;
}
#crypted_ivp_icon{
	position: relative;
	left: 45px;
	top: -46px;
}

.warning_container{
	width: 400px;
	
}
.warning_icon{
	float: left;
	clear: left;
	padding: 10px;
}
.warning_text{
	position:relative;
	margin-left: 80px;
	width: 380px;
	
}

h1 {
	font-size: 1.5em;
	margin-left: 85px;
}