/*==============================*/
/*===   Styles for the map   ===*/
/*==============================*/

body {
    margin:0;
    background: url(/Images/General/2_background.png);
    font-family: Arial,Helvetica,sans-serif;
}

#hw_map_logo_place {
}
#hw_map_figures {
    background: url(/Images/Map/characters.png) no-repeat 450px 0px;
    height: 178px;
}
#hw_map_logo {
    background: url(/Images/Map/logotype.png) no-repeat 30px 15px;
    height: 178px;
}
#hw_map_copyright {
    font-size: 12px;
    color:     #19637a;
    width: 880px;
    text-align: right;
    padding-top: 5px;
}
#hw_map_bottom_filler {
    height: 50px;
}

H1 {
        font-size         : 24px;
        font-weight       : normal;
        margin            : 0;
        padding           : 5px 5px 10px 5px;
        color             : #19637a;
}

H2 {
        font-size         : 12px;
        font-weight       : normal;
        padding           : 10px 0px 10px 0px;
}

H3 {
        color: #000000;
        font-size: 16px;
        font-weight: normal;
        margin: 0px 10px 0px 0px;
        padding: 0px 0px 0px 0px;
        display:inline;
}

H4 {
        font-size: 11px;
        font-weight: normal;
        margin: 10px 0px 10px 0px;
        padding: 0px;
}

H5 {
        color             : #000000;
        font-size         : 12px;
        margin            : 0;
        padding           : 10px 0px 0px 0px;
}

H6 {
}

.statusmessages {
	font-size  : 16px;
	text-align : center;
	color      : #FF2020;
	font-weight: bold;
	padding    : 3px;
}

.ToplinkArea {
	height           : 25px;
	border-bottom    : 1px solid #78B820;
	margin           : 10px;
	padding          : 20px 0 0 0;
}

.Toplink {
	color             : #606060;
	padding           : 0px 10px 0 10px;
}

.Mainbody {
	padding      : 50px 0 0 0;
}

.MainbodyPC {
	padding      : 0px 0 0 0;
}

.Startpage {
	padding            : 5px 5px 0 5px;
}

.StartpageHeaderHanashiIcon {
	position           : absolute;
	left               : 1100px;
	top                : 580px;
}

.StartpageHeaderSEIcon {
	position           : absolute;
	left               : 10px;
	top                : 580px;
}

.StartpageInputbox {
	position           : absolute;
	left               : 360px;
	top                : 60px;
	height             : 340px;
	width              : 479px;
	background-image   : url(/_img/main_bubble.png);
	background-repeat  : no-repeat;
	background-position: top left;
}

.StartpageHead1 {
	padding            : 30px 0 0 0;
}

.StartpageHead2 {
	padding            : 10px 0 0 0;
	font-size          : 18px;
	color              : #0c4f01;
}

.StartpageHead3 {
	padding            : 50px 0 0 85px;
	text-align         : left;
	font-size          : 14px;
	color              : #000000;
}

.StartpageHead4 {
	padding            : 5px 0 0 85px;
	text-align         : left;
	font-size          : 12px;
	color              : #7f7f7f;
}

.StartpageHead5 {
	margin             : 40px 0 0 10px;
	text-align         : left;
	font-size          : 10px;
	color              : #7f7f7f;
	line-height        : 100%;
}

.StartpageInputFieldBackground {
	margin             : 10px 0 0 0;
	height             : 53px;
	width              : 316px;
	background-image   : url(/_img/input_field.png);
	background-repeat  : no-repeat;
	background-position: top left;
}

.input {
	border  : 0;
}

.StartpageInputField {
	border     : 0;
	font-size  : 18px;
	color      : #7f7f7f;
	padding    : 20px 0px 0px 10px;
	margin     : 3px;
	width      : 300px;
}

.StartpageButton {
	padding            : 20px 0 0 0;
}

.StartpageError {
	margin             : -60px 0 0 0;
	width              : 400px;
	font-weight        : bold;
	font-size          : 14px;
	color              : #7f0000;
}

.StartpageBubble1 {
	position           : absolute;
	left               : 30px;
	top                : 120px;
	height             : 165px;
	width              : 244px;
	background-image   : url(/_img/speech_bubble_left.png);
	background-repeat  : no-repeat;
	background-position: top left;
	padding            : 20px 20px 0 25px;
	text-align         : left;
	color              : #CF13AC;
}

.StartpageBubble2 {
	position           : absolute;
	left               : 30px;
	top                : 400px;
	height             : 165px;
	width              : 244px;
	background-image   : url(/_img/speech_bubble_right.png);
	background-repeat  : no-repeat;
	background-position: top left;
	padding            : 30px 20px 0 25px;
	text-align         : left;
	color              : #0E5CBF;
}

.StartpageBubble3 {
	position           : absolute;
	left               : 500px;
	top                : 450px;
	height             : 165px;
	width              : 244px;
	background-image   : url(/_img/speech_bubble_left.png);
	background-repeat  : no-repeat;
	background-position: top left;
	padding            : 20px 20px 0 25px;
	text-align         : left;
	color              : #FC6015;
}

.StartpageBubble4 {
	position           : absolute;
	left               : 850px;
	top                : 400px;
	height             : 165px;
	width              : 244px;
	background-image   : url(/_img/speech_bubble_left.png);
	background-repeat  : no-repeat;
	background-position: top left;
	padding            : 40px 20px 0 25px;
	text-align         : left;
	color              : #20A51F;
}

.StartpageBubble5 {
	position           : absolute;
	left               : 870px;
	top                : 120px;
	height             : 165px;
	width              : 244px;
	background-image   : url(/_img/speech_bubble_right.png);
	background-repeat  : no-repeat;
	background-position: top left;
	padding            : 30px 20px 0 25px;
	text-align         : left;
	color              : #AB0BF1;
}

.StartpageBubbleText {
	font-size          : 16px;
	font-weight        : bold;
	line-height        : 130%;
	width              : 200px;
}

.StartpageBubbleName {
	padding            : 10px 0 0 0;
	font-size          : 12px;
	font-weight        : bold;
	color              : #606060;
}

.StartpageMore {
	position           : absolute;
	left               : 1000px;
	top                : 40px;
}

.more {
        font-size          : 16px;
        font-weight        : bold;
}

.flag {
        position           : absolute;
        left               : 800px;
        top                : 360px;
	cursor     : pointer;
}


.MainHead1 {
	border-left  : 1px solid #000000;
	border-top  : 1px solid #000000;
	width        : 300px;
	font-size         : 14px;
	font-weight       : bold;
	padding       : 10px 10px 0px 15px;
}

.MainHead2 {
	border-right  : 1px solid #000000;
	border-top  : 1px solid #000000;
	width : 300px;
	font-size         : 14px;
	font-weight       : bold;
	padding       : 10px 10px 0px 15px;
}

.MainHead3 {
	border-left  : 1px solid #000000;
	border-right  : 1px solid #000000;
	border-top  : 1px solid #000000;
	width : 300px;
	font-size         : 14px;
	font-weight       : bold;
	padding       : 10px 10px 0px 15px;
}

.MainPhone1 {
	border-left  : 1px solid #000000;
	padding       : 10px 10px 0px 15px;
}

.MainPhone2 {
	border-right  : 1px solid #000000;
	padding       : 10px 10px 0px 15px;
}

.MainPhone3 {
	border-left  : 1px solid #000000;
	border-right  : 1px solid #000000;
	padding       : 10px 10px 0px 15px;
}

.MainText1 {
	border-left  : 1px solid #000000;
	font-size         : 12px;
	font-weight       : normal;
	padding       : 5px 10px 0px 30px;
}

.MainText2 {
	border-right  : 1px solid #000000;
	font-size         : 12px;
	font-weight       : normal;
	padding       : 5px 10px 0px 30px;
}

.MainText3 {
	border-left  : 1px solid #000000;
	border-right  : 1px solid #000000;
	font-size         : 12px;
	font-weight       : normal;
	padding       : 5px 10px 0px 30px;
}

.ErrorText1 {
	border-left  : 1px solid #000000;
	font-size         : 12px;
	font-weight       : bold;
	color           : red;
	padding       : 5px 10px 0px 30px;
}

.ErrorText2 {
	border-right  : 1px solid #000000;
	font-size         : 12px;
	font-weight       : bold;
	color           : red;
	padding       : 5px 10px 0px 30px;
}

.ErrorText3 {
	border-left  : 1px solid #000000;
	border-right  : 1px solid #000000;
	font-size         : 12px;
	font-weight       : bold;
	color           : red;
	padding       : 5px 10px 0px 30px;
}

.MainButton1 {
	border-left  : 1px solid #000000;
	padding       : 20px 10px 0px 15px;
}

.MainButton2 {
	border-right  : 1px solid #000000;
	padding       : 20px 10px 0px 15px;
}

.MainButton3 {
	border-left  : 1px solid #000000;
	border-right  : 1px solid #000000;
	padding       : 20px 10px 0px 15px;
}

.MainFoot1 {
	border-left  : 1px solid #000000;
	border-bottom  : 1px solid #000000;
	font-size         : 12px;
	font-weight       : bold;
	padding       : 5px 10px 10px 15px;
}

.MainFoot2 {
	border-right  : 1px solid #000000;
	border-bottom  : 1px solid #000000;
	font-size         : 12px;
	font-weight       : bold;
	padding       : 5px 10px 10px 15px;
}

.MainFoot3 {
	border-left  : 1px solid #000000;
	border-right  : 1px solid #000000;
	border-bottom  : 1px solid #000000;
	font-size         : 12px;
	font-weight       : bold;
	padding       : 5px 10px 10px 15px;
}

.phone {
	border     : 1px inset #78B820;
	color      : #2F2525;
	font-size  : 14px;
	padding    : 5px 0px 0px 10px;
	width      : 250px;
	height     : 20px;
/*
	float      : left;
*/
}

.button {
	width    : 200px;
	height   : 25px;
}


.space {
	width : 10px;
}

.screendumps {
	padding : 10px;
	margin  : 10px 0 0 30px;
}

.screendump {
	padding : 0 10px;
	text-align: center;
}

.downloadform {
	width    : 400px;
	border  : 1px solid #000000;
	padding  : 10px 10px 10px 10px;
}

.jadjarclass {
	padding  : 10px 10px 0px 10px;
}

.jadjarinfoclass {
	padding  : 10px 10px 10px 10px;
}

.infotext {
	font-size         : 14px;
	font-weight       : bold;
	padding           : 20px 0 20px 0;
}

.errortext {
	font-size         : 14px;
	font-weight       : bold;
	color             : red;
	padding           : 20px 0 20px 0;
}

.buttons {
	font-size         : 14px;
	padding           : 10px;
}

.infoblock {
	width :   600px;
	text-align : left;
}

.collapsable {
	margin: 0px 0px 10px 0px;
}

div.topNavTabs
{
	margin          : 0 0 0px 30px;
	height          : 25px;
	font-size       : 12px;
	font-weight     : bold;
	text-align      : center;
	text-decoration : none;
	line-height     : 27px;
}

span.topNavTabLeft {
	float             : left;
	width             : 1px;
	height            : 27px;
}

span.topNavTabSelected {
	float             : left;
	width             : 142px;
	height            : 25px;
	background-image  : url(/Images/Map/tab_selected2.png);
	background-repeat : no-repeat;
	color             : #ffffff;
	cursor            : pointer;
}

span.topNavTabUnselected {
	float             : left;
	width             : 142px;
	height            : 25px;
	background-image  : url(/Images/Map/tab_unselected_disabled.png);
	background-repeat : no-repeat;
	color             : #ffffff;
	cursor            : pointer;
}

span.topNavTabUnclickable {
	float             : left;
	width             : 142px;
	height            : 25px;
	background-image  : url(/Images/Map/tab_unselected_disabled.png);
	background-repeat : no-repeat;
	color             : #7e9396;
}

span.topNavTabRight {
	float             : left;
	width             : 77px;
	height            : 27px;
	background-image  : url(../_imgmap/topmenu_right.png);
	background-repeat : repeat-x;
}

DIV.contactclass{
	background-color  : #f3fbfc;
	border            : 1px solid #9ba9ac;

	color             : #000000;
	font-size         : 12px;

	margin            : 0 0 0 30px;
	padding           : 20px 30px 50px 30px;
	width             : 800px;
	height            : 100%;
}

DIV.contactlist {
	margin            : 10px 0 0 20px;
	width             : 300px;
}

DIV.settings {
	margin            : 10px 0 0 20px;
	height            : 565px;
}

DIV.mapclass {
/*
	position          : relative;
	top               : -630px;
*/

	background-color  : #f3fbfc;
	border            : 1px solid #9ba9ac;

	color             : #000000;
	font-size         : 12px;

	margin            : 0 0 0 30px;
	padding           : 20px 30px 0px 30px;
	width             : 800px;
	height            : 660px;
}

DIV.gmapclass {
/*
	position          : relative;
	top               : -25px;
*/
	border            : 1px solid #9ba9ac;
	width             : 800px;
	height            : 560px;
}

DIV.page {
/*
	position          : fixed;
	top               : 0px;
	left              : 0px;
	width             : 100%;
	height            : 100%;
*/
}


DIV.gworldmapclass {
	border            : 1px solid #9ba9ac;
	width             : 1100px;
	height            : 730px;
}

DIV.flotingWindowClass {
	position          : absolute;
	left              : 20px;
	top               : 650px;
}

DIV.flotingTextsClass {
	display           : none;
	position          : absolute;
	left              : 50px;
	top               : 50px;
	width             : 500px;
	height            : 700px;
	padding           : 10px;
	border            : 4px outset #AFE14D;
	background-color  : white;
	overflow          : scroll;
}

DIV.flotingHelptextsClass {
	display           : none;
	position          : absolute;
	left              : 700px;
	top               : 100px;
	width             : 350px;
	height            : 450px;
	padding           : 10px;
	border            : 4px outset #AFE14D;
	background-color  : white;
}

DIV.flotingHelptextsClass P,LI {
	font-size         : 10px;
}

.flotingTextsTableClass {
	font-size         : 10px;
}

DIV.waittext {
	font-size         : 24px;
	color             : #FF3366;
	background-color  : #dddddd;
	text-align        : center;
	font-weight       : bold;
	line-height       : 130%;

	padding           : 5px;
	border            : 3px solid #FF3366;

	position          : absolute;
	left              : 350px;
	top               : 350px;
	width             : 200px;
	height            : 70px;
}

DIV.toolbar {
	position          : absolute;
	top               : 220px;
	left              : 765px;
	width             : 300px;
}

.fullscreen {
	cursor            : pointer;
}

.refresh {
	cursor            : pointer;
}

.aboveMapClass {
	width             : 1100px;
}

.helptextClass {
	font-size         : 10px;
	font-weight       : normal;
	font-style        : italic;
}

.refreshTimeClass {
	font-size         : 10px;
	font-weight       : bold;
	color             : #000000;
	text-align        : left;
}

.totalsClass {
	font-size         : 10px;
	font-weight       : bold;
	color             : #000000;
	text-align        : right;
}

DIV.contactPosTableClass {
	position          : relative;
	background-color  : #fcfcfc;
	border            : 1px solid #2d747d;
/*
	width             : 350px;
*/
}

DIV.contactPosTableAvatarClass {
	background-color  : #fcfcfc;
	border            : 1px solid #2d747d;
	width             : 112px;
	height            : 150px;
	position          : absolute;
}

DIV.contactPosTableClass td {
	color             : #303030;
}

SPAN.contactNameClass {
	font-size         : 12px;
	cursor            : pointer;
}

SPAN.contactStatusClass {
	font-size         : 10px;
	cursor            : pointer;
}

SPAN.contactPresenceClass {
	font-size         : 10px;
	cursor            : pointer;
}

SPAN.contactPosClass {
	font-size         : 10px;
	cursor            : pointer;
}

DIV.phoneclass {
/*
	position          : relative;
	top               : -1260px;
*/

	background-color  : #f3fbfc;
	border            : 1px solid #9ba9ac;

	color             : #000000;
	font-size         : 12px;

	margin            : 0 0 0 30px;
	padding           : 20px 30px 0px 30px;
	width             : 800px;
	height            : 610px;
}

.note {
	color: #606060;
	font-size: 11px;
	padding: 0 0  10px 40px;
}

.waitBoxClass {
	font-size          : 14px;
	font-weight        : normal;
	text-align         : center;
	padding            : 10px 0 0 0;

	position           : fixed;
	top                : 100px;
	left               : 110px;
	background		   : #FFFFFF;
	background-image   : url(/_imgmap/wait.gif);
	background-repeat  : no-repeat;
	background-position: center center;
	height             : 100px;
	width              : 100px;
	border             : 2px solid #C0C0C0;
}

.waitBoxPCClass {
	font-size          : 14px;
	font-weight        : normal;
	text-align         : center;
	padding            : 10px 0 0 0;

	position           : fixed;
	top                : 300px;
	left               : 510px;
	background		   : #A7E1F0;
	background-image   : url(/_imgmap/wait.gif);
	background-repeat  : no-repeat;
	background-position: center center;
	height             : 100px;
	width              : 100px;
	border             : 2px solid #C0C0C0;
}


/*
.phone:focus {
	border: 1px solid #38a2c7;
	color: #333333;
}

.note { color: #999999; font-size: 11px; padding: 0 0  0 40px; }
.submit { margin: 10px 0 0 200px;  }
input.phone { background-color: #ffffff; background-image: url(../_imgmap/bg_input.png); background-repeat: repeat-x; border: 1px solid #333333; color: #000000; font-size: 13px; margin-left: 5px; padding: 5px; width: 210px; }
input.button, input[type=submit] { background-color: #43c5f1; background-image: url(../_imgmap/bg_button.png); background-repeat: repeat-x; border: 1px solid #38a2c7; color: #ffffff; font-size: 13px; font-weight: bold; overflow: visible; padding: 4px 8px; }
*/

.pinclass {
	color             : #000000;
	font-size         : 18px;
	margin            : 0;
	padding           : 4px 12px;
}

DIV.serverErrorClass {
/*
	position          : relative;
	top               : -860px;
*/

	font-size         : 14px;
	font-weight       : bold;
	color             : #FF3366;
	height            : 20px;
	padding           : 0 0 0 30px;
	z-index           : 100;
}

.nokiaFAQ {
	text-align : left;
}

.nokiaModel {
}

.nokiaText {
}

DIV.debug{
	color           : white;
}