body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 76%;
	line-height: 1.3em;
}

body#stand_alone {
	text-align: center; /*center hack*/
	background: #fefefe url(images/background.gif) repeat-x;
}



/*--------- S T A N D A R D --------------------------------------------------*/

/* innehåller alla allmänna definitioner (ej klasser eller id) */

* { margin: 0; padding: 0; }

p, label, ul, ol, dl, fieldset, address { margin: 0.5em 0; }
h1, h2, h3, h4, h5, h6 { margin: 1em 0 0 0; }
li, dd { margin-left: 20px; }
fieldset { padding: .5em; border: 0px solid #e5e5e5; }

a { color: #940c0c; text-decoration: none; }
a:hover { color: #b42727; text-decoration: underline; }

h1 { font-size: 1.7em; line-height: 1.5em; font-weight: bold; }
h2 { font-size: 1.5em; line-height: 1.3em; }
h3 { font-size: 1.3em; color: #aaaebd; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; font-weight: bold; }

hr { color: #e5e5e5; background-color: #e5e5e5; height: 1px; border: 0px solid #e5e5e5; }

blockquote { padding-left: 20px; }
pre { font-size: 11px; }



/*--------- M A I N   D I V S ------------------------------------------------*/

/* omger hela sidan */
#wrap {
	position: relative;
	display: table;
	width: 980px;
	margin: 0 auto; /*center hack*/
	text-align: left; /*center hack*/
	background: url(images/background_edges_repeat.gif) repeat-y;
	height: 100%;
}

/* innehållet är 950 px bred (left 150px + content 505px + right 295px) */
#wrap_content {
	padding: 0 15px;
	background: url(images/background_edges.gif) no-repeat;
	min-height: 600px;
	height: auto !important; /* IE6 hack */
  height: 600px; /* IE6 hack */
}

/* omger headern [POSITION:user1] */
#header {
	/*background: url(images/arsenalsweden_logo_small.gif) 10px 10px no-repeat;*/
	height: 90px;
	width: 950px;
}



/*--------- C O M M O N ------------------------------------------------------*/

/* omger innehållet i left, content och right */
div.inside { padding: 10px 50px; }

/* dolda */
.hidden {
	display: none;
}

/* röd text */
span.red {
	color: #f00;
}


/* feedback-boxar */
.feedback_warning {
	margin: 5px;
	padding: 7px 10px 7px 30px;
	background: #ffd9d9 url(images/icon_warning.gif) 6px 6px no-repeat;
	border: 1px dotted #e00;
	color: #e00;
	font-weight: bold;
}
.feedback_success {
	margin: 5px;
	padding: 7px 10px 7px 30px;
	background: #daf1da url(images/icon_success.gif) 6px 6px no-repeat;
	border: 1px dotted #080;
	color: #080;
	font-weight: bold;
}

/* Tooltips */
.tool_tip-tip {
	color: #000;
	/*width: 130px;*/
	z-index: 13000;
	border: 1px solid #aaa;
}
.tool_tip-title {
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	color: #b00a0a;
	padding: 1px 4px;
	background-color: #eee;
	border-bottom: 1px solid #aaa;
}
.tool_tip-text {
	font-size: 10px;
	padding: 1px 4px;
	background-color: #eee;
}



/*--------- I N P U T   F O R M S --------------------------------------------*/

input, textarea, select { font-family: Helvetica, Arial, sans-serif; font-size: 12px; }

/* omger input-forms */
fieldset.input { border: 1px solid #e5e5e5; }

input.inputbox, textarea.inputbox {
	padding: 1px 2px;
	border: 1px solid #ccc;
	background-color: #fcfcfc;
}
select.inputbox {}

/*checkbox.inputbox {	border: 0px solid #b00a0a; }*/

input.button, button.button {
	padding: 2px 8px;
	cursor: pointer;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	background-color: #b00a0a;
	border: 0px solid #c00;
}

input.button:hover, button.button:hover {
	background-color: #940c0c;
}

input.nobox {
	padding-left: 2px;
	text-align: right;
	border: 0px solid #b00a0a;
}

input.tippabox {
	width: 14px;
	height: 12px;
	font-size: 10px;
	padding: 1px;
	background: #ffffd7;
	border: 1px solid #ccc;
}



div.tippa_div {
	width: 65px;
}

div.tippa_button {
	float: right;
	cursor: pointer;
	width: 16px;
	height: 16px;
}
div.save {
	background: url(images/save_small.gif) no-repeat;
}
span.tippa_resultat {
	font-size: 10px;
	color: #aaa;
}


/*--------- P R O F I L E ----------------------------------------------------*/

fieldset.profile {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 10px;
	display: block;
	font-size: 11px;
}

fieldset.profile legend {
	font-weight: bold;
	font-size: 14px;
	padding: 0 5px;
	color: #000;
}

fieldset.profile label {
	display: block;
	width: 12em;
	padding: 0 6px 0 0;
	text-align: right;
	float: left;
	clear: left;
}

div.label_text {
	float: left;
	width: 190px;
	margin: 0.5em 0;
	padding: 0 6px 0 0;
	font-weight: bold;
}

.frm, .txtarea {
	border: 1px solid #ccc;
	background-color: #fcfcfc;
	padding: 2px 2px;
}
.frm {
	width: 190px;
	margin: 2px 4px 4px 0;
}
.no {
	width: 60px;
}

.col1 {
	float: left;
	width: 360px;
}

.col2 {
	float: left;
	margin-left: 10px;
	width: 360px;
}


/*--------- L I S T A   S Ä S O N G ------------------------------------------*/

table.sasong_table {
	
}
table.sasong_table td.empty_row {
	
}
table.sasong_table td.manad {

	height: 20px;
	background: #b00a0a url(images/forum_header_bg.gif) repeat-x;
	border: 1px solid #c85454;
	
	padding: 1px 1px 1px 3px;
	color: #fff;
}
table.sasong_table td.match {
	border-bottom: 1px solid #ccc;
	padding: 3px 4px;
}
table.sasong_table td.hemmaborta {
	font-size: 11px;
	font-weight: bold;
	color: #777;
	padding: 3px 8px;
}
table.sasong_table td.motstandare {
	border-bottom: 1px solid #ccc;
	padding: 3px 3px;
	font-weight: bold;
}
table.sasong_table td.resultat {
	border-bottom: 1px solid #ccc;
	padding: 1px 3px;
	/*width: 60px;*/
	/*background: #fcf;*/
	font-weight: bold;
}
table.sasong_table td.tvkanal_namn {
	font-size: 11px;
	padding: 3px 6px 3px 0;
}
table.sasong_table td.knapp {
	border-bottom: 1px solid #ccc;
	padding: 1px 1px;
}
table.sasong_table td.played {
	background-color: #f1f0ec;
}
table.sasong_table tr.matchrow {
	background-color: #fff;
}

/* Biljett-knappar (beställa) */
div.biljett_knapp {
	width: 62px;
	font-size: 11px;
	font-weight: bold;
	background: #b00a0a url(images/icon_ticket.gif) 2px 2px no-repeat;
	color: #fff;
	padding: 2px 2px 2px 22px;
	cursor: pointer;
}
div.biljett_knapp:hover {
	background-color: #940c0c;
}
div.biljett_knapp_inactive {
	width: 62px;
	font-size: 11px;
	font-weight: bold;
	background: #aaa url(images/icon_ticket_inactive.gif) 2px 2px no-repeat;
	color: #eee;
	padding: 2px 2px 2px 22px;
}


/* Artikel-knappar (joomla) */
div.artikel_knapp {
	font-size: 11px;
	color: #000;
	background: #eee url(images/icon_article.gif) 0 1px no-repeat;
	padding: 1px 2px 1px 18px;
	cursor: pointer;
}
div.artikel_knapp:hover {
	background: #ddd url(images/icon_article.gif) 0 1px no-repeat;
}

/* Redigera-knappar */
div.redigera_knapp {
	float: right;
	width: 48px;
	font-size: 11px;
	font-weight: bold;
	background: #444 url(images/icon_edit.gif) 1px 1px no-repeat;
	color: #fff;
	padding: 1px 4px 1px 20px;
	cursor: pointer;
}
div.redigera_knapp:hover {
	background: #666 url(images/icon_edit.gif) 1px 1px no-repeat;
}


/*--------- B I L J E T T K Ö P ----------------------------------------------*/

table.biljett_table {

}
table.biljett_table td {
	padding: 5px;
}

td.empty_row {
	
}
td.manad {
	background-color: #b00a0a;
	color: #fff;
	padding: 1px 1px 1px 3px;
}
td.line {
	border-bottom: 1px solid #000;
}
td.pengar {
	white-space: nowrap;
	text-align: right;
}
tr.biljett_input, input.biljett_input {
	background-color: #f5f5f5;
}
tr.biljett_error {
	background-color: #ffd9d9;
	color: #e00;
}


.greybox {
	background-color: #f5f5f5;
	padding: 5px;
	border: 1px solid #ccc;
}

/* kvitto */
#order_receipt {
	width: 286px;
	background: #fff url(images/receipt_bg.gif) repeat-y;
}
#order_receipt .top {
	width: 286px;
	height: 18px;
	background: url(images/receipt_top.gif) no-repeat;
}
#order_receipt .smalltext {
	padding: 2px 20px;
	font-size: 11px;
	line-height: 1.2em;
	color: #a69980;
}
#order_receipt .text {
	padding: 5px 20px;
}
#order_receipt .divider {
	width: 286px;
	height: 22px;
	background: url(images/receipt_divider.gif) no-repeat;
}
#order_receipt .bottom {
	width: 286px;
	height: 20px;
	background: url(images/receipt_bottom.gif) no-repeat;
}


table.ordline_table { border: 2px solid #b00a0a; }
table.ordline_table th {
	padding: 3px;
	background-color: #b00a0a;
	color: #fff;
}
table.ordline_table td { padding: 3px; padding-right: 15px; }







/*--------- M E D L E M S K A P ----------------------------------------------*/


div.intropic {
	float: left;
	margin-top: 90px;
	width: 30%;
}

div.introtxt {
	float: left;
	width: 70%;
}

div.medlemskapstyp {
	float: left;
	width: 30%;
	margin: 0 15px 0 0;
}

p.medl_desc {
	border-top: 1px solid #d8d8d8;
	padding: 4px 0;
	color: #666;
}
p.medl_pris {
	font-weight: bold;
	color: #b00a0a;
}

/* Medlems-knappar */
div.medl_knapp {
	font-size: 11px;
	font-weight: bold;
	background-color: #b00a0a;
	color: #fff;
	padding: 2px 4px;
	cursor: pointer;
}
div.medl_knapp:hover {
	background-color: #940c0c;
}

/* AJAX */
#ajax_result {
	overflow: auto;
}

#ajax_status {
	height: 20px;
	overflow: auto;
}

.ajax-loading {
	background: url(images/ajax_spinner.gif) no-repeat top;
}








/*--------- A D M I N --------------------------------------------------------*/

/* horisontell top-meny */
.topmenu {
	float: right;
}
.topmenu ul {
	float: left;
	margin: 0;
	padding-left: 0;
}
.topmenu li {
	display: inline;
}
.topmenu ul a {
	height: 21px;
	float: right;
	margin-right: 4px;
	padding: 6px 15px 0 15px;
	background-color: #b00a0a;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
.topmenu a:link {
	color: #fff;
}
.topmenu a:visited {
	color: #fff;
}
.topmenu a:hover {
	background-color: #940c0c;
	text-decoration: none;
}
/* det aktiva menyvalet i top-menyn */
.topmenu ul li.active a:link, .topmenu ul li.active a:visited {
	color: #fff;
	background-color: #b8b8b8;
}



/* undermeny till horisontell top-meny */
.topmenu_sub {
	float: right;
	margin-top: 5px;
}
.topmenu_sub ul {
	float: left;
	margin: 0;
	padding-left: 0;
}
.topmenu_sub li {
	display: inline;
}
.topmenu_sub ul a {
	float: right;
	margin-right: 4px;
	padding: 2px 8px;
	cursor: pointer;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	background-color: #b00a0a;
	text-decoration: none;
}
.topmenu_sub a:link {
	color: #fff;
}
.topmenu_sub a:visited {
	color: #fff;
}
.topmenu_sub a:hover {
	background-color: #940c0c;
	text-decoration: none;
}
/* det aktiva menyvalet i top-menyn */
.topmenu_sub ul li.active a:link, .topmenu_sub ul li.active a:visited {
	color: #fff;
	background-color: #b8b8b8;
}



.meddelandebox {
	margin: 5px 0;
	padding-left: 10px;
	background-color: #eee;
	border: 1px solid #ccc;
}



/*--------- A D M I N   M E D L E M M A R ------------------------------------*/

table.member_list					{ border-collapse:collapse; font-size: 11px; }

table.member_list tr, table.member_list tr.norm { background-color: #f2f2f2; vertical-align: top; }
table.member_list tr.hili				{ background-color: #ddd; }

table.member_list td			{ margin: 1px; border-top: 2px solid #fff; border-right: 1px solid #fff; }
table.member_list td.info		{ padding: 4px; width: 16px; }
table.member_list td.date		{ width: 55px; padding: 5px 4px 0px 4px; font-size: 10px; white-space: nowrap; }
table.member_list td.item		{ padding: 4px 12px 3px 6px; font-weight:bold; }
table.member_list td.no		{ padding: 5px 4px 0px; font-size: 10px; }

table.member_list td.noborder		{ border-top: 1px solid #fff; border-bottom: 6px solid #fff; }





table.ticket_list							{ border-collapse:collapse; font-size: 11px; margin-top: 5px; }

table.ticket_list tr					{ vertical-align: top; }

table.ticket_list tr.ok				{ background-color: #e6f7e6; }
table.ticket_list tr.bad			{ background-color: #ffe6e6; }
table.ticket_list tr.grey			{ background-color: #f2f2f2; }

/*table.ticket_list tr.hidden		{ display: none; }*/

table.ticket_list td			{ margin: 1px; padding: 4px 8px; border-top: 2px solid #fff; border-right: 1px solid #fff; }
table.ticket_list td.info	{ }
table.ticket_list td.date	{ width: 100px; font-size: 10px; white-space: nowrap; }
table.ticket_list td.item	{ font-weight: bold; }
table.ticket_list td.no		{ font-size: 10px; }

table.ticket_list td.grey		{ background-color: #ddd; }
table.ticket_list td.white	{ background-color: #fff; }

table.ticket_list td.noborder		{ border-top: 1px solid #fff; border-bottom: 6px solid #fff; }

input.ticket_antal { border: 1px solid #ccc; background-color: #fcfcfc; width: 20px; }


input.radio {
	margin: 2px 2px 0 6px;
	position: relative;
	top: 3px;
}

div.pagenav {
	font-family: verdana;
	font-size: 9px;
	margin: 5px 0;
}

div.pagenav a {
	color: #777;
}

div.pagenav span.cur_page {
	padding: 0 2px;

	color: #000;
	font-weight: bold;
}

#print_sql {
	margin: 5px 0;
	padding: 5px;
	background-color: #eef;
	color: #00a;
	border: 1px solid #00a;
	overflow: auto;
}



fieldset.edit, fieldset.small {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 10px;
	display: block;
	font-size: 11px;
}

fieldset.edit legend, fieldset.small legend {
	font-weight: bold;
	font-size: 14px;
	padding: 0 5px;
	color: #000;
}

fieldset.edit label {
	display: block;
	width: 110px;
	padding: 0 6px 0 0;
	text-align: right;
	float: left;
	clear: left;
}

fieldset.small label {
	padding: 0 6px 0 0;
}

/*
.frm, .txtarea {
	border: 1px solid #ccc;
	background-color: #fcfcfc;
	padding: 2px 2px;
}
.frm {
	width: 190px;
	margin: 2px 4px 4px 0;
}
.no {
	width: 60px;
}

input.inputbox, textarea.inputbox {
	padding: 1px 2px;
	border: 1px solid #ccc;
	background-color: #fcfcfc;
}
*/

.admin_frm, .admin_txtarea {
	border: 1px solid #ccc;
	background-color: #fcfcfc;
	padding: 2px 2px;
}
.admin_frm {
	width: 235px;
	margin: 2px 4px 4px 0;
}
.admin_txtarea {
	width: 360px;
	height: 100px;
}
.admin_no {
	width: 60px;
}
.admin_date {
	width: 110px;
}
.admin_small {
	width: 175px;
}
.admin_chk {
	margin: 8px 0 6px 0;
}
.admin_select {
	margin: 4px 0;
}
.admin_mini {
	width: 15px;
}




.edit_member_left {
	float: left;
	width: 390px;
}
.edit_member_right {
	float: left;
	width: 390px;
	margin-left: 15px;
}
.edit_member_mini {
	float: left;
	width: 210px;
	margin-left: 15px;
}





/* validering */
.valid {
	background: url(images/icon_valid.png) no-repeat right 50%;
}
.error {
	background: url(images/icon_notvalid.png) no-repeat right 50%;
	border: 1px solid #d00;
}
.error2 {
	background: #ffe6e6 url(images/icon_notvalid.png) no-repeat right 50%;
}

.errorMessage {
	margin-left: 118px;
	color: #d00;
}