@charset "UTF-8";

/*=================================================

	Nollställer förinställda parametrar.
	
=================================================*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td 
{
	margin:0;
	padding:0;
}
table 
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img 
{ 
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var 
{
	font-style: normal;
	font-weight: normal;
}
ol, ul 
{
	list-style: none;
}
caption, th 
{
	text-align: left;
}
h1, h2, h3, h4, h5, h6 
{
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after 
{
	content: "";
}
abbr, acronym 
{
	border: 0;
}

blockquote, q 
{
	quotes: "" "";
}

/*=================================================

	HTML Element Generalla
	
=================================================*/

body
{
	background: #3f2740;
	font-size: 12px;
	font-family: sans-serif;
	color: #674467;
	overflow: auto;
}
a
{
	color: #0E7FC7;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
h3
{
	font-size: 16px;
	font-weight: bold;	
	font-family: sans-serif;
	margin-bottom: 4px;
	color: #333333;
}
h4
{
	font-size: 14px;
	font-weight: bold;
	font-family: sans-serif;
	margin-bottom: 2px;
	/* color: #442d44; */
	color: #333333;	
}
h5
{
	font-size: 14px;
	font-weight: bold;	
	font-family: sans-serif;
	margin-bottom: 2px;	
}
h6
{
	font-size: 12px;
	font-weight: bold;	
	font-family: sans-serif;
	margin-bottom: 2px;
	margin-top: 4px;
	color: #333333;
}

p
{
	padding-left: 8px;
}
input
{
	margin-top: 4px;
	/*margin-bottom: 4px;*/
	padding: 2px;
	display: inline; /* IE margin-bugfix */
}
dl.instructions_list
{
	margin: 0;
	padding-bottom: 8px;	
}

dl.instructions_list dt
{
	padding-top: 8px;
	font-weight: bold;	
}

dl.instructions_list dd 
{
	padding-left: 10px;	
}
/* Texten som visar fel i formuläret. */
span.error
{
	font-size: 10px;
	font-weight: bold;	
	color: #FF0000;
}
/* Discret text, används bla till datum på förstasidan. */ 
span.text_discrete
{
	color: #a185a1;
}
span.text_strong
{
	color: #333333;
}
span.text_normal
{
	color: #674467;
}
span.text_large
{
	font-size: 16px;
}
span.text_medium
{
	font-size: 14px;
}
span.text_thin
{
    font-weight: normal;
}

/*=================================================

	CSS Element Top Generella
	
=================================================*/

/* --- Innehåller hela sidans innehåll och sköter centreringen av sidan --- */
#page_wrap
{
	overflow: auto;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
/* --- Översta delen av sidan för engelska --- */
#page_top_en
{
	float: left;
	width: 800px;
	height: 143px;
	background: url(graphics/en/page_top.jpg) no-repeat;
}
/* --- Översta delen av sidan för svenska --- */
#page_top_se
{
	float: left;
	width: 800px;
	height: 143px;
	background: url(graphics/se/page_top.jpg) no-repeat;
}
/* --- Den expanderbara mellandelen av sidan --- */
#page_mid
{
	float: left;
	width: 784px;
	padding-left: 16px;
	background: url(graphics/shared/page_mid.png);
	background-color: #FFFFFF;
}
/* --- Bottendelen av sidan --- */
#page_bottom
{
	float: left;
	width: 800px;
	height: 200px;
	background: url(graphics/shared/page_bottom.png) no-repeat;
}
/* --- Innehåller alla navigationsknapparna --- */
#navbar_wrap
{
	float: left;
	height: 25px;
	width: 771px;
	margin-top: 13px;	
	margin-left: 13px;
	display: inline; /* IE margin-bugfix */	
}
#navbar_wrap a
{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;	
}
#navbar_wrap a:hover
{
	color: #2c00ff;	
}
/* --- Navigationsknappar längst upp på sidan --- */
.navbar_button_active_left
{
	float: left;
	height: 24px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 5px;	
	background: url(graphics/shared/navbar_button_active_left.png) no-repeat;	
}
.navbar_button_inactive_left
{
	float: left;
	height: 22px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 5px;	
	background: url(graphics/shared/navbar_button_inactive_left.png) no-repeat;	
}
.navbar_button_active_right
{
	float: left;
	width: 6px;
	height: 27px;
	margin-right: 5px;
	display: inline; /* IE margin-bugfix */
	background: url(graphics/shared/navbar_button_active_right.png) no-repeat;	
}
.navbar_button_inactive_right
{
	float: left;
	width: 6px;
	height: 25px;
	margin-right: 5px;	
	display: inline; /* IE margin-bugfix */
	background: url(graphics/shared/navbar_button_inactive_right.png) no-repeat;	
}
/* --- Mellanrummet mellan knapparna engelska respektive svenska --- */
.navbar_space_en
{
	float: left;
	height: 25px;
	width: 65px;	
}
.navbar_space_se
{
	float: left;
	height: 25px;
	width: 65px;	
}
/* --- Innehåller länkarna till flaggorna --- */
#flagbar_wrap
{
	float: right;
	height: 53px;
	margin-top: 50px;
	margin-right: 28px;
	display: inline; /* IE margin-bugfix */	
}
.flagbar_button
{
	float: left;
	width: 72px;
	height: 53px;
	margin-left: 6px;	
	display: inline; /* IE margin-bugfix */
}
/* --- Fältet med sökvägen --- */ 
.pathfield
{
	float: left;
	background-color: #CCCCCC;
	width: 740px;	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin-top: 10px;
	margin-left: 10px;
	display: inline; /* IE margin-bugfix */
}

/*=================================================

	CSS Element Mid Generella
	
=================================================*/

/* --- Rutan för innehåll i högercolumnen --- */
.content_box_small_wrap
{
	float: left;
	width: 217px;
	margin-top: 14px;
	margin-left: 13px;
	display: inline; /* IE margin-bugfix */
}
.content_box_small_top
{
	float: left;
	width: 205px;
	height: 21px;
	padding-top: 5px;
	padding-left: 12px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background: url(graphics/shared/content_box_small_top.png) no-repeat;
}
.content_box_small_mid
{
	float: left;
	width: 217px;
	padding-top: 10px;
	padding-bottom: 3px;
	background: url(graphics/shared/content_box_small_mid.png); 
}
.content_box_small_bottom
{
	float: left;
	width: 217px;
	height: 9px;
	font-size: 1px;	/* IE height-bugfix */
	background: url(graphics/shared/content_box_small_bottom.png) no-repeat;
}

/* --- Rutan för innehåll i vänsterkolumnen --- */
.content_box_medium_wrap
{
	float: left;
	width: 517px;	
	margin-top: 14px;
	margin-left: 10px;	
	display: inline; /* IE margin-bugfix */
}
.content_box_medium_top
{
	float: left;
	width: 505px;
	height: 31px;
	padding-top: 5px;
	padding-left: 12px;		
	font-size: 24px;	
	color: #540ba9;	
	font-family: Helvetica, Arial,"Luxi Sans", sans-serif;
	background: url(graphics/shared/content_box_medium_top.png) no-repeat;	
}
.content_box_medium_mid
{
	float: left;
	width: 517px;
	padding-top: 10px;
	padding-bottom: 3px;
	background: url(graphics/shared/content_box_medium_mid.png);	
}
.content_box_medium_bottom
{
	float: left;
	width: 517px;
	height: 9px;
	font-size: 1px;	/* IE height-bugfix */
	background: url(graphics/shared/content_box_medium_bottom.png) no-repeat;	
}

/* --- Rutan för innehåll som fyller hela sidan --- */
.content_box_large_wrap
{
	float: left;
	width: 747px;
	margin-top: 14px;
	margin-left: 10px;		
	display: inline; /* IE margin-bugfix */
}
.content_box_large_top
{
	float: left;
	width: 735px;
	height: 31px;
	padding-top: 5px;
	padding-left: 12px;
	font-size: 24px;
	color: #540ba9;
	font-family: Helvetica, Arial,"Luxi Sans", sans-serif;
	background: url(graphics/shared/content_box_large_top.png) no-repeat;
}
.content_box_large_mid
{
	float: left;
	width: 747px;
	padding-top: 10px;
	padding-bottom: 3px;
	background: url(graphics/shared/content_box_large_mid.png);
}
.content_box_large_bottom
{
	float: left;
	width: 747px;
	height: 9px;
	font-size: 1px;	/* IE height-bugfix */
	background: url(graphics/shared/content_box_large_bottom.png) no-repeat;
}

/* --- Textrutor för varje column --- */
.content_box_small_textbox
{
	float: left;
	margin-left: 13px;
	width: 192px;
	display: inline; /* IE margin-bugfix */	
}
.content_box_medium_textbox
{
	float: left;
	margin-left: 17px;
	width: 482px;
	display: inline; /* IE margin-bugfix */
}
.content_box_large_textbox
{
	float: left;
	margin-left: 17px;
	width: 712px;
	display: inline; /* IE margin-bugfix */	
}

/*=================================================

	CSS Element Bottom Generella
	
=================================================*/

/* --- Navigationsfältet längst ned inom sidramen --- */
#bottom_navbar_1
{
	float: left;
	width: 800px;
	height: 20px;
	margin-top: 20px;
	text-align: center;	
}
#bottom_navbar_1 a
{
	color: #FFFFFF;
}

/* Navigationsfältet som innehåller länken till Robotic Hydra --- */
#bottom_navbar_2
{
	float: left;
	width: 800px;
	height: 20px;
	margin-top: 30px;
	text-align: center;	
}
#bottom_navbar_2 a
{
	color: #FFFFFF;
}

/*=================================================

	CSS Element Specifika Startsidan
	
=================================================*/

/* --- Robotic Hydra bannern --- */
div.banner_home
{
	float: left;
	width: 750px;
	height: 271px;
	margin-top: 14px;
	margin-left: 10px;		
	display: inline; /* IE margin-bugfix */
	background: url(graphics/shared/banner_home.png) no-repeat;
}
div.banner_home_boxes_wrap
{
	float: left;
	width: 400px;
	font-size: 24px;
	color: #000000;
	margin-left: 50px;
	margin-top: 30px;
	display: inline; /* IE margin-bugfix */
}
div.banner_home_textbox
{
	float: left;
	width: 300px;
	display: inline; /* IE margin-bugfix */
}
a.banner_home_android
{
	float: left;
	height: 43px;
	width: 300px;
	margin-top: 10px;
	padding-left: 75px;
	padding-top: 10px;
	padding-right: 20px;
	background: url(graphics/shared/icon_android.png) no-repeat;
}
a.banner_home_javame
{
	float: left;
	height: 43px;
	width: 300px;
	margin-top: 10px;
	padding-left: 75px;
	padding-top: 10px;
	padding-right: 20px;
	background: url(graphics/shared/icon_javame.png) no-repeat;
}
a.banner_home_online
{
	float: left;
	height: 43px;
	width: 300px;
	margin-top: 10px;
	padding-left: 75px;
	padding-top: 10px;
	padding-right: 20px;
	background: url(graphics/shared/icon_online.png) no-repeat;
}

/* --- Hur man ska göra med mobilspelen --- */
.how_to_wrap
{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	display: inline; /* IE margin-bugfix */
}
img.how_to_icon
{
	float: left;
	padding-right: 10px;
}
.how_to_text
{
	float: left;
	width: 425px;
}

/* --- Innehåller Eriks kommentarer på startsidan, ta bort om den ej kommer användas --- */
div.home_profile_wrap
{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
	display: inline; /* IE margin-bugfix */
}
img.home_profile_image
{
	float: left;
	padding-right: 10px;
}
div.home_profile_text
{
	float: left;
	width: 355px;
}

/*=================================================

	CSS Element Specifika Mobilspel Lista
	
=================================================*/

a.linkbox_download_small
{
	float: left;
	height: 22px;
	padding-top: 3px;	
	padding-left: 30px;
	padding-right: 10px;	
	font-size: 16px;
	background: url(graphics/shared/icon_download_small.png) no-repeat;	
}
a.linkbox_key_small
{
	float: left;
	height: 22px;
	padding-top: 3px;
	padding-left: 30px;
	padding-right: 10px;	
	font-size: 16px;
	background: url(graphics/shared/icon_key_small.png) no-repeat;	
}
a.linkbox_info_small
{
	float: left;
	height: 22px;
	padding-top: 3px;
	padding-left: 30px;
	padding-right: 10px;	
	font-size: 16px;
	background: url(graphics/shared/icon_info_small.png) no-repeat;	
}
a.linkbox_play_small
{
	float: left;
	height: 22px;
	padding-top: 3px;
	padding-left: 30px;
	padding-right: 10px;
	font-size: 16px;
	background: url(graphics/shared/icon_play_small.png) no-repeat;
}

/* --- Används för att lista alla spel, innehåller info om ett spel --- */
.game_listbox
{
	float: left;
	width: 695px;
	padding: 10px;
	margin-left: 15px;
	display: inline; /* IE margin-bugfix */
	border: 1px solid #DDDDDD;	
}
.game_listbox_image
{
	float: left;
}
.game_listbox_text
{
	float: left;
	height: 99px;
	width: 540px;
	padding-left: 15px;
}
.game_listbox_links
{
	float: left;
	height: 30px;
	width: 540px;
	padding-left: 15px;
}

/* Används till listan över webspel. */
.game_listbox_text_web
{
	float: left;
	height: 125px;
	width: 508px;
	padding-left: 15px;
}

/*=================================================

	CSS Element Specifika Mobilspel Används ej, ta bort när sidan är klar.
	
=================================================*/

/* --- Länkboxar för länkar med icon av ladda ner, nyckel eller info --- */
a.linkbox_download_large
{
	float: left;
	height: 35px;
	padding-top: 5px;
	padding-left: 45px;
	padding-right: 10px;	
	font-size: 20px;
	background: url(graphics/shared/icon_download_large.png) no-repeat;	
}
a.linkbox_key_large
{
	float: left;
	height: 35px;
	padding-top: 5px;
	padding-left: 45px;
	padding-right: 10px;	
	font-size: 20px;
	background: url(graphics/shared/icon_key_large.png) no-repeat;	
}
a.linkbox_info_large
{
	float: left;
	height: 35px;
	padding-top: 5px;
	padding-left: 45px;
	padding-right: 10px;	
	font-size: 20px;
	background: url(graphics/shared/icon_info_large.png) no-repeat;
}
a.linkbox_play_large
{
	float: left;
	height: 35px;
	padding-top: 5px;
	padding-left: 45px;
	padding-right: 10px;
	font-size: 20px;
	background: url(graphics/shared/icon_play_large.png) no-repeat;
}

/*=================================================

	CSS Element Specifika Köpformuläret
	
=================================================*/

/* --- Betalningsstegen i betalningsformuläret --- */ 
.payment_stage_wrap
{
	float: left;
	height: 20px;
	margin-left: 17px;
	width: 482px;
	display: inline; /* IE margin-bugfix */
}
.payment_stage_passed
{
	float: left;
	padding: 5px;
	margin-right: 3px;
	background-color: #CCCCCC;
	border-bottom: 4px solid #808080;
	color: #AAAAAA;
	display: inline; /* IE margin-bugfix */
}
.payment_stage_present
{
	float: left;
	padding: 5px;
	margin-right: 3px;
	background-color: #CCCCCC;
	border-bottom: 4px solid #000000;
	color: #000000;
	display: inline; /* IE margin-bugfix */
}
.payment_stage_future
{
	float: left;
	padding: 5px;
	margin-right: 3px;
	background-color: #CCCCCC;
	color: #AAAAAA;
	display: inline; /* IE margin-bugfix */
}


/*=================================================

	CSS Element Specifika Bilder
	
=================================================*/

/* --- Används för att lista bilder, innehåller en bild --- */
.image_listbox
{
	float: left;
	width: 226px;
	margin-left: 9px;
	margin-bottom: 9px;
	padding-top: 9px;
	padding-left: 9px;
	padding-bottom: 9px;
	display: inline; /* IE margin-bugfix */
	background-color: #DDDDDD;
}
.image_listbox_image
{
	float: left;
}
.image_listbox_text
{
	float: left;
	width: 85px;
	margin-left: 10px;
	padding-top: 30px;
	display: inline; /* IE margin-bugfix */	
}

/*=================================================

	CSS Element Specifika Överbilvet, testa om det går att ta bort
	
=================================================*/

/* --- Oklart om denna används --- */
img.imagebox_left
{
	float: left;
	padding-right: 10px;
}