/* CSS for Forex24.se */

body {
	font-family: verdana;
	font-size: 11px;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #6C6C3A;
}

a:hover {
	text-decoration: underline;	
}

p {
	margin:0;
	padding: 7px 8px;
	color: #282828;
	line-height: 130%;
/*	letter-spacing:0.08em;*/
}

h1, h2, h3, h4, h6 {
	padding: 0 8px;
}

h2 {
	margin-top: 16px;
	font-size: 24px;
	line-height: 140%;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: -6px;
}

h5 {
	padding-left: 5px;
	margin-bottom: 0px;
	font-size: 12px;	
}

h5 a {
	color: #333;
	font-size: 12px;
}


.introtext {
	font-weight: bold;
}

.radstartrubrik  {
   text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}

.fotoleft {
	float: left;
	padding: 5px 10px 5px 3px;
}

.fotoright {
	float: right;
	padding: 5px;
}

.writer {}

.art_date {}

.blog_link, .writer, .art_date {
	margin-top: -5px !important;
}

#rub_startsida {
	font-size: 10px;
	margin-left: 20px;
	margin-top: -30px;
}

/* --------------- TOPP -------------------*/

#outer_top h1 {
	margin: 0;
	padding: 5px 0 0 10px;
	font-weight: 500;
	color: #003213;
	text-transform: uppercase;
	font-family: courier-new;
	font-size: 90%;
}


/* --------------- TOPMENU1 -------------------*/

#topmenu1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 760 px;
	float: left;
}

#topmenu1 ul li {
	float: left;
	margin-top: 0px;
	height: 28px;
}

#topmenu1 ul li.active {
	background: url(../images/actab_right.png) no-repeat top right;
}

#topmenu1 li a {
	display: block;
	padding: 6px 14px 2px 14px;
	line-height: 25px;
	text-decoration: none;
	color: white;
	font-weight: bolder;
	float: left;
}

#topmenu1 li.active a {
	background: url(../images/actab_left.png) no-repeat top left;
	color: white;
}

#topmenu1 ul a:hover {
	color: maroon;
}

#topmenu1 ul li.active a:hover {
	color: white;
}


/* --------------- TOPMENU2 -------------------*/

#topmenu2 ul {
	list-style-type: none;
	padding: 0;
	margin: 0px 0 0 0;
	height: 28px;

}

#topmenu2 ul li {
	padding-left: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: white;
	float: left;
}

#topmenu2 ul li a  {
	text-decoration: none;
	color: white;
}

#topmenu2 ul li.active a  {
	color: white;
	text-decoration: none;
	padding: 3px 0;
	background-image: url(../images/dotted_white.gif);
	background-repeat: repeat-x;
	background-position: 0px 18px; 
}

#topmenu2 ul li a:hover {
	color: #28b54f;
	padding: 3px 0;
	background-image: url(../images/dotted_green.gif);
	background-repeat: repeat-x;
	background-position: 0px 18px;
}


/* ------------------- BOXAR -------------------------- */

.box {
	background: url(../images/box_right.gif) no-repeat top right;
}

.boxType20 {
	width: 145px;
	float: right;
	margin: 0 10px 10px 6px;	
}

.boxType30 {
	width: 300px;
	margin: 0 0 10px 0;
}

.boxType40 {
	width: 170px;
	float: left;
	margin: 22px 5px 0px 5px;	
}

.boxType50 {
	width: 400px;
	margin: 10px 25px 10px 25px;
}

.boxType55 {
	width: 410px;
	margin: 10px 25px 0px 25px;
	padding-bottom: 10px;
/*	border-bottom: 1px solid #D1D1D1; */
}

.boxType60 {
	width: 195px;
	margin: 10px 5px 0px 5px;
	padding-bottom: 10px;
/*	border-bottom: 1px solid #D1D1D1; */
}


.box h4 {
	padding: 5px;
	margin:0;
	margin-bottom: -10px;
	background: url(../images/box_left.gif) no-repeat top left;
	color: white;
	font-size: 11px;
}

/*
.box h5 {
	padding-left: 5px;
	margin-bottom: 5px;
	font-size: 12px;	
} */

.box p, .box ul, .box ol {
	padding: 5px;
	margin: 0;
	font-size: 10px;
	line-height: 130%;
}


.box li {
	margin-left: 25px;
}

.box form {
	margin: 0;
}

.button {
	margin-left: 21px;
}

.box form p {
	margin: 0;
	padding: 0 0 5px 5px;
}

.boxType20 p, .boxType20 ul, .boxType20 ol, .boxType40 p, .boxType40 ul, .boxType40 ol, .boxType50 p, .boxType50 ul, .boxType50 ol {	
	background-image: url(../images/top_bg1.png);
}

#outer_footer a {
	color: black;
	font-weight: normal;
	font-size: 10px;
	margin: -2px 15px 0px 20px;
	padding-bottom: 10px;
}


.blog_div {
	/*background-image: url(../images/dotted_hori.gif);
	background-repeat: repeat-x;
	background-position: left bottom;*/
	margin-bottom: -10px;
	padding-bottom: 10px;
}


.dotted_line {
	height: 3px;
	margin: 7px 12px 7px 8px;
	background-image: url(../images/dotted_hori.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#left_col {
	width: 215px;
	float: left;
	padding-left: 18px;
	background: url(../images/dotted_vert.gif) repeat-y top right;
}

#right_col {
	float: right;
	padding-right: 20px;
}



/* ------------------- JOT COMMENTS -------------------------- */

.jot-comment {
	width: 400px;
	padding-left: 40px;
	margin-bottom: 10px;
}

.jot-svarsnummer {
	width:35px;
	height: 60px;
	text-align: right;
	position: absolute;
	left: 7px;
	padding-top: 4px;
	padding-bottom: 14px; /* IE7 */
	color: #E1E1E1;
	font-size: 30px;
	font-weight: 700;
}

p .jot-rubrik {
	font-weight: 600;
}

.jot-skrivet_av_datum {
	font-style: italic;
}

.jot-moderering {
	margin-top: -10px;
}

.jot-skriv_kommentar {
	font-weight: bold;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #7C7C7C;
	font-size: 16px;
}

.jot-formular fieldset {
		background-color: #F0F4F2;
		border: 0px solid transparent;
		padding-bottom: 14px;
		background: url(/assets/templates/forex24_05/images/top_bg1.png) repeat top right;		
}

.jot-formular form {
	width: 350px;
	margin-left: 17px;
	padding: 7px;
	border: #D8E0DB 1px solid;
}

.jot-formular legend {
}


.jot-formular input {
	margin-left: 10px;
	width: 135px;
	height: 12px;
	font-size: 10px;
	margin-top: 0px;
}

.jot-formular textarea {
	margin-left: 10px;
	width: 250px;
	height: 120px;
	font-size: 12px;
}

.lejbel {
	padding-left: 10px;
	display: block;
}

.jot-formular #submit {
	margin-left: 17px;
	height: 22px;
	font-size: 12px;
}

.inputblock {
	padding-bottom: 2px;
	padding-top: 2px;
}

.jot-nav p {
	margin-left: 10px;
	margin-bottom: 0;
	padding-bottom: 16px;
}

.jot-cfm p, .jot-err p {
	margin-left: 14px;
	font-weight: bold;
	color: maroon;
	padding-bottom: 6px;
	font-size: 16px;
}






