/***********************************************/
/* main.css                                    */
/* Use for all                                 */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
 
body{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color:#FFF;
}
form{
	margin: 0px;
	padding: 0px;
	border: 0px;
}


ul, 
ol, 
li, 
p, 
a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}


/***********************************************/
/* Layout id-divs frame for content            */
/* Updated by Björn Endre		               */
/* Original width: 770px                       */
/* Original marg: 15px auto                    */
/* Original padding: 0px                       */
/***********************************************/
#content{
	margin: 15px auto;
	padding: 0px;
	width:832px;
}

/***********************************************/
/* Layout id-divs frame for content - Björn E  */
/***********************************************/

#b_main {
	float:left;
	width:406px;
	margin-right: 15px;
	margin-bottom: 15px;
}

#b_main_wide {
	float:left;
	width:642px;
	margin-right: 15px;
	margin-bottom: 15px;
}


#b_left {
	float:left;
	width:175px;
	margin-right: 15px;
	margin-bottom: 15px;
}

#b_right {
	float: left;
	width: 175px;
	margin-right: 0px;
	margin-bottom: 15px;
}

#b_right_wide {
	float: left;
	width: 175px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
}


/***********************************************/
/* Layout id-divs headers -- called h_         */
/***********************************************/
/***********************************************/
/* Layout id-divs headers -- called h_logo     */
/***********************************************/
#h_logo {
	margin: 0px;
	padding: 19px 0px 12px 18px;
	float:left;
	height:auto;
}
/***********************************************/
/* Layout id-divs headers -- called h_help */
/***********************************************/
#h_help {
	width: 39em;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
}

#h_help ul {
	list-style: none;
	margin:0;
	padding:0;
}

#h_help li {
	display:inline;
}

#h_help a {
	color: #949494;
	padding: 3px 12px;
	float:left;
	margin: 0px;
	background-image: url(/ssi/images/line.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
#h_help a:hover {
	color: #003366;
	text-decoration: none;
}
#h_help_x {
	color: #003366;
	font-weight: bold;
}
#h_help_x a {
	color: #003366;
	font-weight: bold;
	text-decoration: none;

}
#h_help_x a:hover {
	color: #003366;
	text-decoration: none;
}
#h_help_noline_x {
	background-image: none;
	color: #003366;
	font-weight: bold;
}	
#h_help_noline_x a{
	background-image: none;
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}
#h_help_noline {
	background-image: none;
	color: #949494;
}
#h_help_noline a{
	background-image: none;
	color: #949494;
	text-decoration: none;
}
/******************************************************/
/* Layout id-divs headersearch -- called h_search     */
/******************************************************/
#h_search {
	padding: 1px 1px 0px 0px;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #003366;
	width: 90px;
}

/***********************************************/
/* Layout id-divs headers -- Björn Endre Test   */
/***********************************************/
#h_mainmenu,#h_submenu, #h_mainmenu_only {
	margin: 0;
	padding: 4px 0 2px 20px;
	border-top: 1px solid #858585;
	border-bottom: 4px solid #858585;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	clear: both;
}

#h_mainmenu {
	border-bottom: 0;
}

#h_submenu {
	border-top: 1px solid #cccccc;
}

#h_mainmenu li, #h_submenu li, #h_mainmenu_only li { 
	display:inline;
	list-style-type: none;
}

#h_mainmenu li a, #h_submenu li a, #h_mainmenu_only li a {
	color: #636363;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -4px;
	padding-top: 4px;
	padding-right: 14px;
	padding-bottom: 2px;
	padding-left: 14px;
}

#h_mainmenu li a, #h_mainmenu_only li a{
	background-image: url(/ssi/images/line.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#h_submenu li a {
	background-image: url(/ssi/images/line.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#h_mainmenu li a:hover, #h_submenu li a:hover, #h_mainmenu_only li a:hover{ 
	color: #003366;
	background-color: #F2F2F2;
}

#h_mainmenu_x a, #h_submenu_x a{
	color: #003366 !important;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
}

/***********************************************/
/* Layout id-divs headers -- called h_main     */
/***********************************************/

/***********************************************/
/* Layout id-divs headers -- called h_sub      */
/***********************************************/

/***************************************************************/
/* Layout id-divs headers in sized windows -- called h_window  */
/***************************************************************/
#h_window_logo {
	margin: 0px;
	padding: 11px 8px 3px 8px;
}
#h_window_quit {
	margin: 0px;
}
#h_window_line {
	margin: 0px;
}
/***********************************************/
/* Layout id-divs footers -- called f_         */
/***********************************************/

#f_1 {
	margin: 0px;
	padding: 3px 0px 2px 20px;	
	border-top: 4px solid #858585;
	border-bottom: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	clear: both;
}

#f_2 {
	margin: 0px;
	padding: 3px 0px 2px 34px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #949494;
	clear: both;
}

.f_r {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #949494;
	float:right;
	text-align: right;
	padding-right: 34px;
}

.f_r a {
	color: #949494;
	text-decoration: none;
}

.f_r a:hover {
	color: #003366;
	text-decoration: none;
}

.f_link_pic a {
	color: #949494;
	margin: 0px;
	padding: 3px 14px 2px;
	background-image: url(/ssi/images/line.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}

.f_link_pic a:hover {
	color: #003366;
	text-decoration: none;
}

/****************************/
/* Gammalt, ta bort senare */
/****************************/
#f {
	margin: 0px;
	padding: 3px 0px 2px 20px;	
	border-top: 4px solid #858585;
	border-bottom: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	clear: both;
}

#f a {
	color: #949494;
	margin: 0px;
	padding: 3px 14px 2px;
	background-image: url(/ssi/images/line.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}

#f a:hover {
	color: #003366;
	text-decoration: none;
}

.f_general {
	margin-top: 0px;
	margin-right: 34px;
	margin-bottom: 0px;
	margin-left: 34px;
}

#f_date {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float:left;
	width:37%;
	color: #949494;
	padding-top: 4px;
	padding-bottom: 3px;
	text-align: left;
}

#f_official {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float:left;
	width:26%;
	color: #949494;
	padding-top: 4px;
	padding-bottom: 3px;
	text-align: center;
}

#f_copy {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float:left;
	width:37%;
	padding-top: 4px;
	padding-bottom: 3px;
	text-align: right;
}

#f_copy a {
	color: #949494;
	text-decoration: none;
}

#f_copy a:hover {
	color: #003366;
	text-decoration: none;
}

#f_win {
	margin: 0px;
	padding: 3px 0px 2px 20px;	
	border-top: 4px solid #858585;
	border-bottom: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	clear: both;
}

#f_win a {
	color: #949494;
	margin: 0px;
	padding: 3px 14px 2px;
	background-image: url(/ssi/images/line.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
#f_win a:hover {
	color: #003366;
	text-decoration: none;
}

/***********************************************/
/* Layout id-divs and class-divs for boxes     */
/***********************************************/
.shortcuts {
        width:175px;
        margin-bottom: 8px;
        padding: 0px;
        }

/***********************************************/
/* General tag fixes     */
/***********************************************/

#b_main ul, 
#b_main ol, 
#b_main li,
#b_main_wide ul, 
#b_main_wide ol, 
#b_main_wide li
 {
	border: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}