/*



Stylesheet fšr bšrstþnaren.se

av Per Jonson

per[punkt]jonson[at]discsport[punkt]se



Boxvalues

* One value: all sides

* Two values: top and bottom, right and left

* Three values: top, right and left, bottom

* Four values: top, right, bottom, left



font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

When using the font shorthand you can omit any values except font-size and font-family ?

you always need to give values for those, and in that order. 

	

*/



/*@import url(position.css);

@import url(print.css);*/



/* -----------------------------------------------------------------------

   GLOBALA GREJOR

-------------------------------------------------------------------------*/

body {

	background-color: #FFF;

	font-weight: normal;

	color: #070606; 
	
	font-size: 79%;

	font-family: Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif;

	/* font-family: Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif; header */


	 }

	 

* html body { font-size: 74%; } /* ses bara av IE lþs mer: http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html */



/* Sþtt default fšr alla element, klasser */

* { margin:0; padding:0; }



img { border: 0; }

.clear { clear:both; }

p { margin-bottom: 12px; }

.noborder { border: 0; border-width: 0; }

/* fšr att ta bort border fšr radio-knappar */



/* --------------------------------------------------------------------

   HEADINGS OCH TEXTFORMATERING

---------------------------------------------------------------------*/

H1, H2, H3 { font-weight: normal;}

H1 { font: 26px Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif; color: #00327d; margin-bottom: 10px; letter-spacing: -1px; }

H2 { font: 15px Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif; color: #00327d ; margin: 0px 0 4px; font-weight: normal; line-height: 26px; }
/* se H3 siffror + rubh2 nar du andrar i denna */
H3 {  }

H4 { font: 28px Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif; color: #070606; margin: 0px 0 0px; font-weight: bold; letter-spacing: -1px; }

H5 { font: 40px Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif; color: #070606; margin: 0px 0 4px; font-weight: bold; letter-spacing: -1px; }

H7 { font: 36px Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif; color: #61d0ea; letter-spacing: -1px; }

.bildtext { font: italic 0.85em/1.5em Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif; margin-top: 1px; }

.required { color: #C00; font-weight: normal; }



.errormsg, .greenmsg { font-size:12px; line-height: 16px; padding: 12px 4px 5px 5px; margin: 8px 0 22px; }

.errormsg { color: #ff0000; border: 0px solid #070606;}

.greenmsg { color: #070606; border: 0px solid #070606;}

.noticemsg { color: #070606; font-weight: bold; }

.pris { color: #C00; font-weight: bold; }

.submit { margin-top: 10px; }



p.ingress { font-weight: normal; font-size: 14px; line-height: 19px; color: #070606; margin-bottom: 25px;  }





.blue-10bold {   color: #070606; font-weight: bold; }

.blue-10 {  color: #070606; }

.blue-9 {  color: #070606; font-size: 10px; }

.brown-10 {  color: #a0121c; }

.brown-10bold {  color: #a0121c; font-weight: bold; }

.cale { font-size: 10px; color: #0ea1c2; margin: 5px 0 11px; }
.calegmt { font-size: 9px; color: #070606; margin: 5px 0 10px; }

.grey-10 {   color: #999; }

.grey2-10 {   color: #070606; }

.grey2-10bold {   color: #708090; font-weight: bold}

.kateg {  font-size: 9px; color: #ee2a26; margin-bottom: 1px; margin-top: 0px; font-weight: bold; }

.kateg2 {  font-size: 9px; color: #ee2a26; margin-bottom: 1px; margin-top: 0px; font-weight: bold; }

.kateg3 {  font-size: 9px; color: #1e6baf; margin: 0 1px 1px; font-weight: normal; letter-spacing: 1px; }

.kategversal { text-transform: uppercase; color: #236a2d; font-weight: normal; letter-spacing: 2px; }

.kro { font-size: 25px; color: #00327d; font-weight: normal; letter-spacing: -1px; margin: -10px 0 40px; }

.listatext {   color: #666666; }

.prestextbold {  font-size: 11px; line-height: 18px; color: #070606; font-weight: bold}

.rubh2 { font: 15px Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif; color: #00327d ; margin: 0px 0 4px; font-weight: normal; line-height: 26px; }
/* se H2 + H3 siffror nar du andrar i denna */

.rubh3 { font: 13px Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif; color: #00327d ; margin: 0px 0 4px; font-weight: normal; line-height: 12px; }
/* siffror portfoili_info */

.rubmini1 {  font-size: 13px; color: #070606; margin-bottom: 0px; margin-top: 0px; font-weight: bold; line-height: 1.3em; }

.redlista {  font-size: 11px; color: #F33; }

.rubrik2blue {  font-size: 19px; color: #070606; }

.rubrik3 {  font-size: 22px; color: #a0121c; }

.rubrik4 {  font-size: 14px; color: #070606; font-weight: bold}

.rubrik4brown {  font-size: 14px; color: #a0121c; font-weight: bold}

.rubrikpres {  font-size: 16px; color: #070606; }

.text {  font-size: 11px; line-height: 16px; color: #070606; }

.disclaimer {  font-size: 9px; color: #999; }



/* --------------------------------------------------------------------

   LÄNKAR

---------------------------------------------------------------------*/

a:link,

a:visited {

	color:#1578c1;

	text-decoration:none;
	
	font-weight: normal;
	
	

	/* border-bottom:1px dotted #666; */

	}

a:focus {

	color:#003a7c;

	}

a:hover {

	color: #f67181;

	text-decoration:none;

	}



/* ------------------ */




a.imglink:link,

a.imglink:visited {border:0;}

a.imglink:hover {background:transparent;}




/* --------------------------------------------------------------------

   PAGINATION

---------------------------------------------------------------------*/

 .pagination ul{

 		margin-top: 5px;

     list-style-type: none;

	  text-align: right;



 }

 .pagination ul li{

      list-style-image: none;

      display:inline;

      padding-left: 7px; 

 }

/* --------------------------------------------------------------------

   FORMUL€R

---------------------------------------------------------------------*/

form { }



input, select {

	font-size: 11px;

	color: #4a6687; 

	width: 135px;

	text-align: left;

	padding: 0px 4px 4px; 

	margin: 0px;

	border: 1px solid #dfe4ea;
	
	background-color: #dfe4ea;

}

select { width: 115px; padding: 0px;  }
#ort { width: 50px; margin: 0 0px 0 1px; }

#postnr { width: 20px; }



label { color: #4a6687; display: block; margin: 5px 0 0; line-height: 1.10em; }

input.submit, input.reset {width: auto; color: #4a6687; background-color: #F5F5F5; border: 1px solid #4a6687; }

input.submit { font-weight: bold; }

input.submit_img { border: 0px; background-color: #f5f8f8; width: auto; margin: 7px -3px;}

input.antal { width: auto; }

input.radiobtn, input.checkbox { border: none; width: auto; background-color: #f5f8f8 } /* fšr att ta bort border fšr radio-knappar & check-boxar */

input.hidden { display: inline; border: 0; }



.required { color: #C00; font-weight: normal; }





/* Not supported Explorer. */

input[type=radio], input[type=checkbox] { border: 0; }



/* Works in Explorer Mac, Mozilla and Opera. */

input:focus, select:focus, textarea:focus { background-color: #FFF; }





/* --------------------------------------------------------------------

   TABELLER

---------------------------------------------------------------------*/

table { margin: 0; 	border-collapse:collapse; border-spacing:0; }

th, td { padding: 5px 6px 4px }

th { font-weight: normal; font-size: 14px; text-align: left; }


th.right { text-align: right; }



table.classic {

	border: 1px solid #18619a;

	border-width: 1px 0;

	}

table.classic th { 

	border: 1px solid #18619a;

	border-width: 1px 0;

	background-color: #F5F5F5;

}

table.classic td { 

	border:1px solid #18619a;

	border-width: 1px 0;

}

table.calendar td { 

	border:1px solid #61d0ea;

	border-width: 2px 0;
	
	padding: 4px 0px 4px 0px;
	

}

table.sidebar {

	border: 0px solid #fff;

	border-width: 0px 0;
	
	margin-top: 0px;
	
	background-color: #fff;
	
	width: 132px;
	
		
}

table.sidebar th { 

	border-top: 0px solid #fff;

	border-width: 0px 0;
	
	padding: 0 0px 0 7px;
	
}

table.sidebar td { 

	border-bottom: 0px solid #fff;

	border-width: 0px;
	
	padding: 0 0px 0 7px;
	
		
}


/* Table header */

table.header { 	font-size: 0.9em; 

	line-height: 1.15em; margin: -3px 0 0; }

table.header th, table.header td { 

padding: 0; margin: 0;

}



/* Table header */

#hem table th, #hem table td { 

padding: 0px 0 5px; margin: 0px 0 0;

}
#artiklar a.idk:link, #artiklar a.idk:visited


/* Table artiklar */

table.artiklar {

	margin: 0;

	border-width: 0;

	}

	

table.artiklar th { 

	color: #070606; /* rubriker */

}



table.artiklar th, table.artiklar td { 

	border: 1px dotted #18619a;

	border-width: 0 0 1px;

	padding: 3px 0px 0px; margin: 0;

}

table.kronik p { }


/*#vita td{ border-bottom:1px dotted #000; border-width: 1px 0; padding-right:60px }/*

/* --------------------------------------------------------------------

   topp header

---------------------------------------------------------------------*/

#header td { color: #070606; }

#header img { margin: 0 0 0 0; }

#header input { width: 140px; height: 14px; padding: 0px 0px 0px 2px; color: #4a6687; margin: 0px 0 5px 0; }



/* --------------------------------------------------------------------

   SIDEBAR

---------------------------------------------------------------------*/

#sidebar .bosse { color: #76776c; text-align: center; width: 55px;  margin: 0 0 20px }

#sidebar p { color: #fff; }

#sidebar h1 { margin: 0 0 1px; color: #070606; }

#sidebar h2 { margin: 0; color: #070606; }

#sidebar h3 { margin: 0; color: #070606; }

#sidebar form { margin: 0px 0 0; }

#sidebar form p { margin: 5px 0; }

#sidebar form p.submit { margin: 10px 0; }

#sidebar input { width: 90px; height: 12px;  }

#sidebar p.finstilt1 { font-size: 9px; line-height: 12px; color: #fff; }

#sidebar a.btn { color: #76776c; }

#sidebar a.val { color: #1d7318; } 

#sidebar a.val:hover {color: #00327d; font-weight: normal; }


/* --------------------------------------------------------------------

   Hem

---------------------------------------------------------------------*/

#hem .ingress { font-size: 12px; font-weight: normal; color: #070606; line-height: 17px; padding-right:3px}

#hem a:link, #hem a:visited  {

	color: #4a6687;

	text-decoration:none;

	/* border-bottom:1px dotted #666; */

	}



#hem h4 { line-height: 32px; margin-bottom:5px;}

#hem h5 { line-height: 42px; margin-bottom:5px;}

/* --------------------------------------------------------------------

Search adv

---------------------------------------------------------------------*/



#search_adv { }

#search_adv .modell { width: 305px; }

#search_adv p { margin:0; }

#search_adv h2 { margin: 10px 0 2px;  }

#search_adv input, #search_adv select { width: 150px; margin: 0 5px 0 0; }

#search_adv input.search { width: 315px; }

#search_adv input.submit { width: 50px; }

#search_adv p.submit { margin-top: 20px;  }



/* --------------------------------------------------------------------

ARTIKLAR

---------------------------------------------------------------------*/

#artiklar, #artiklar h3 { font-size: 10px; }

#artiklar h3 { color: #070606; margin: 0; }



#artiklar a.ingress:link,

#artiklar a.ingress:visited {

	text-decoration:none;

	color: #070606;

	/* border-bottom:1px dotted #666; */

	}

#artiklar a.ingress:hover {

	color: #f67181;

	text-decoration: none;

}

/* -------------------------------- */

#artiklar a:link,

#artiklar a:visited {

	color: #4a6687;

	text-decoration: none;

	/* border-bottom:1px dotted #666; */

	}

		

#artiklar a:hover {

	color: #f67181;

	text-decoration: none;

}

/* -------------------------------- */

#artiklar a.rubrik:link,

#artiklar a.rubrik:visited  {

	color: #4b6386;

	text-decoration: none;

	/* border-bottom:1px dotted #666; */

	}

	

#artiklar a.rubrik:hover {

	color: #f67181;

	text-decoration: none;

	}

/* -------------------------------- */

#artiklar a.idk:link, #artiklar a.idk:visited  {

	color:#197d7d; 	text-decoration:none; }
	
	#artiklar a.idt:link, #artiklar a.idt:visited  {

	color:#489ae7; 	text-decoration:none; }

#artiklar a.ido:link, #artiklar a.ido:visited  {

	color:#1a4797; 	text-decoration:none; }
	
	#artiklar a.idk:hover, #artiklar a.idt:hover, #artiklar a.ido:hover {

	color: #f67181;
	
	}
	
/* --------------------------------------------------------------------

ARTIKEL (+ vita)

---------------------------------------------------------------------*/



#artikel { 

	color: #070606;

	margin-top: 5px;

	background-color: #f5f8f8; padding: 25px 97px 15px 36px;

	background-image:url(/images/grafik/ruta1.gif);

	background-repeat: no-repeat;

	background-position: top left; }

#ruta2 {

	background-color: #f5f8f8;

	background-image:url(/images/grafik/ruta2.gif);

	background-repeat: no-repeat;

	background-position: bottom right; 

}

#artikel .kat { font-weight: bold; color: #070606; margin: 0; }

#artikel .datum { font-weight: normal; font-size: 10px; line-height: 10px; color: #2b5378; margin: 0;  }

#artikel .ingress { font-weight: normal; font-size: 14px; line-height: 19px; color: #070606; margin-bottom: 12px;  }

#grafer .ingress { font-weight: normal; font-size: 14px; line-height: 19px; color: #070606; margin-bottom: 25px;  }
#grafer H1 { font: 26px Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif; color: #be151e; margin-bottom: 10px; letter-spacing: -1px; }
#grafer H2 { font: 13px Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif; color: #070606; margin-bottom: 0px; }
#vita .ingress { font-weight: normal; font-size: 14px; line-height: 19px; color: #070606; margin-bottom: 25px;  }
#vita_tab .ingress { font-weight: normal; font-size: 14px; line-height: 19px; color: #070606; margin-bottom: 25px;  }
#vita h1, #vita_tab h1 { font: 36px Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif; color: #be151e; font-weight: normal; line-height: 70px; }

#vita { margin-top: 15px; border-bottom: 1px dotted #18619a; border-top: 1px dotted #18619a; }
#vita p, #vita_tab p { padding-right:170px }
#kronik {  }

/* --------------------------------------------------------------------

USER-SIDORNA test

---------------------------------------------------------------------*/



#signup, #login, #forgot_pw, #change_pw, #change_settings, #change_abon, #signup_success, #nyhetsbrev, #tipafriend, #grafer, #userform {

	padding: 40px 100px 40px 36px;

	margin-top: 5px;

	background-color: #f5f8f8;

	background-image:url(/images/grafik/ruta1.gif);

	background-repeat: no-repeat;

	background-position: top left;

	font-size: 11px;

	line height:1,4em;

	

 } 



.emailcheck { margin-top: 5px; }



#signup th, td { padding: 2px }

#signup form {  }

#signup input { margin:0 }

#signup input.radiobtn { margin:1px 0 0; }

#signup h2 { margin: 10px 0 0;}

#signup #postnr, #change_settings #postnr{ width: 40px; margin: 0; }

#signup #ort, #change_settings #ort { width: 80px;  }



#signup p.obligatorisk { margin-top: 10px; }

#signup p.submit { margin-top: 20px; }



.usermeny {

margin:0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom:1px solid #18619a; }



/* --------------------------------------------------------------------

DAILYFX CALENDAR

---------------------------------------------------------------------*/

td#date { font-size: 10px; font-weight: bold; color: #d5001c; width: 60px; padding-right: 8px; }
td#time{ font-size: 10px; font-weight: normal; color:#070606; width: 45px; padding-right: 8px; }
td#currency{ font-size: 10px; font-weight: bold; color: #41b0ca; width: 35px; padding-right: 8px; }
td#description { font-size: 11px; font-weight: normal; width: 225px; line height:1.9em; padding-right: 16px;}
td#importance{ font-size: 11px; font-weight: normal; font-weight: bold; width: 65px; padding-right: 8px;}
td#actual{ font-size: 11px; font-weight: bold; width: 58px; padding-right: 8px;}
td#forecast{ font-size: 11px; font-weight: normal; color: #224d96; width: 60px; padding-right: 8px;}
td#previous{ font-size: 11px; font-weight: normal; width: 60px; }

#dailyfx {

	padding: 2px 0px 0px 2px;

	margin-top: -20px;

	background-position: top left;

	font-size: 12px; font-weight: normal;

	line height:1.4em; 

	

 }



/* -----------------------------------------------------------------------

FOOTER

-------------------------------------------------------------------------*/

#footer { border-top: 0px solid #18619a; margin-top: 0px; padding-top: 12px; }

/* ej i bruk; */

#footer2 { 	font-size: 0.9em; color:#808a90; margin-top: 2px; padding-top: 2px; }

/* copyright-text morning; */

#footer2 p { margin: 0; }

#footer2 img { margin-top: 7px; }



#footer3 { 	margin-top: 0; }

/* -----------------------------------------------------------------------

Added by Ajay

-------------------------------------------------------------------------*/
#vita p, #vita_tab p { padding-right:19px }
#signup #zipcode, #change_settings #zipcode{ width: 40px; margin: 0; }
#signup #city, #change_settings #city { width: 80px;  }
#header #headermenu a{ float:left; position:relative; margin-bottom:2px;}
#header #headermenu th, td {/*padding:5px 1px 4px;*/}
#header #menusearch th, td {/*padding:5px 1px 4px;*/}
#menusearch{ /*margin-top:4px;*/}

table.user_group_list {margin: 0;	border-width: 0;}
table.user_group_list th { color: #070606;}
table.user_group_list th, table.user_group_list td { border: 1px dotted #18619a; border-width: 0 0 1px;	padding: 0px 0px 0px; margin: 0;height:24px; vertical-align:middle;text-align:left;}