 /*
Stylesheet för discsport.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(../css/position.css);
@import url(../css/print.css);

/* -----------------------------------------------------------------------
GLOBALA GREJOR
-------------------------------------------------------------------------*/
body {
	color: #000;
	background-repeat: no-repeat;
	background-position: 146px 105px;
	text-align: center;

	 }
	  
* html body { font-size: 100%; } /* ses bara av IE läs mer: http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html */

input, select {;}

html, body {
}

img, form, fieldset, div, p, a, ul, li, h1 {
        margin: 0;
        padding: 0;
}


div { border 1px solid #CCC; } 
img { border: 0; }
.clear { clear:both; }
p { margin-bottom: 12px; }
/* för att ta bort border för radio-knappar */

/* --------------------------------------------------------------------
HEEDINGS OCH TEXTFORMATERING
---------------------------------------------------------------------*/
H1, H2, H3 { font-weight: bold;}
H1 { font: bold italic 32px tahoma, Geneva, Arial, Helvetica, sans-serif; color: #00BFFF; maring-bottom: 5px; }
H2 { font: bold 13px/19px tahoma, Geneva, Arial, Helvetica, sans-serif; margin: 1px 0 0;  font-weight: bold; color: #000; }
H3 { font-size: 1.00em; font-weight: bold;  margin: 1px 0; color: #999; }

.bildtext { font: italic 0.85em/1.5em Verdana, Arial, Helvetica, sans-serif; margin-top: 1px; }
.required { color: #C00; font-weight: normal; }
.errormsg, .greenmsg { padding: 7px; margin: 5px 0 5px; }
.errormsg { color: #F00; border: 2px solid #F00;}
.greenmsg { color: #390; border: 2px solid #390;}
.noticemsg { color: #369; font-weight: bold; }
.pris { color: #C00; font-weight: bold; }
.submit { margin-top: 10px; }

/* --------------------------------------------------------------------
LÄNKAR
---------------------------------------------------------------------*/
a:link,
a:visited {
	color:#666;
	text-decoration:underline;
	padding:2px 2px 0;
	margin:0 -2px;
	/* border-bottom:1px dotted #666; */
	}
a:focus {
	color:#580801;
	}
a:hover {
	color:#0000FF;
	text-decoration:none;
	}
a.imglink:link,
a.imglink:visited {border:0;}
a.imglink:hover {background:transparent;}

a.flag:link, a.flag:visited {
border:0; margin: 0; padding: 0;
 }

/* --------------------------------------------------------------------
FORMULÄR
---------------------------------------------------------------------*/
form { }

input, select, textarea {
	width: 200px; 
	color: #000; 
	text-align: left;
	padding: 1px; 
	border: 1px solid #CCC;
}
select { width: 204px; }
input.ort { width: 140px; margin-left: 2px; }
input.postnr { width: 50px; }

input.bbcode-button { width: 60px; }

label { color: #000; display: block; margin: 5px 0 0; line-height: 1.10em; }
input.submit, input.reset {width: auto; text-align: center; color: #369; background-color: #F5F5F5; border: 2px solid #369; }
input.submit { font-weight: bold; }
input.antal { width: auto; }
input.radiobtn, input.checkbox { border: none; width: auto;  } /* 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.classic {
	border:1px solid #DCDCDC;
	border-width:1px 0;
	}
table.classic th { 
	border:1px solid #999;
	border-width:1px 0;
	background-color: #F5F5F5;
}
table.classic td { 
	border:1px solid #DCDCDC;
	border-width:1px 0;
}
