/*********************************************************************************
 ** Default styles for the site KommerAlla.se                                   **
 ** All code is copyrighted (c), so please do not use it without authorization. **
 **                                                                             **
 ** @author Carl-Martin Hellberg, HL Web (http://www.hlweb.se)                  **
 *********************************************************************************/
 
 
	/* Link classes */
	a {text-decoration:underline;}
	a img {text-decoration:none; border:none;}
	a:link, a:visited {color:#0C4489;}
	a:active, a:hover {color:#CC0000;}
	
	a.grayLink:link, a.grayLink:visited {color:#aaa;}
	a.grayLink:active, a.grayLink:hover {color:#555;}
	
	a.ddLink {text-decoration:none; display:block; width:100%;}
	a.ddLink:link, a.ddLink:visited {color:#0C4489; background-color:#F6F6F6;}
	a.ddLink:active, a.ddLink:hover {color:#CC0000; background-color:#FFFFFF;}
	
	a:link.linkOk, a:visited.linkOk {color:#070;}
	a:link.linkNotOk, a:visited.linkNotOk {color:#700;}
	a:active.linkOk, a:hover.linkOk, a:active.linkNotOk, a:hover.linkNotOk {color:#9A0000;}
	
	
	/* Activity styles */
	.longActivityInfo {border:1px solid #aaa; background:#eee; padding:5px; display:none; font-weight:normal; margin-top:5px;}
	.start_and_end_div {width:300px; float:left;}
	.kommer_alla_div {margin-left:350px;}
	.kommer_alla_left_text {width:150px; float:left;}
	.kommer_alla_right_text {width:150px; margin-left:130px;}
	.kommer_text, .kommer_inte_text, .vet_ej_text, .ej_besvarat_text {font-weight:bold;}
	.kommer_text {color:#070;}
	.kommer_inte_text {color:#700;}
	.vet_ej_text, .ej_besvarat_text {color:#777;}
	
	
	/* DropDown menu styles */
	.div_dropdown_menu {position:absolute; display:none; margin-top:3px; border:1px solid #D6D6D6; background:#F6F6F6; width:200px; padding:5px;}

	
	/* Form styles */
	.inputText {width:150px; border:1px solid #777; border-left:2px solid #666; border-top:2px solid #666; background:#fafafa;}
	form .leftText {width:160px; float:left; position:relative; top:2px;}
	form .inputField {width:200px; float:left;}
	form label {position:relative; top:-1px;}
	.participantForm#addParticipantForm {display:none;}
	.participantForm .leftText {width:75px;}
	.participantForm .inputText {width:220px;}
	.settingsForm .inputText {width:300px;}
	.contactForm .leftText {width:60px;}
	.contactForm .inputText {width:350px;}
	
	
	/* General HTML Object Styles */
	html {margin:0px; padding:0px; width:100%; height:100%;}
	body {margin:0px; padding:10px; width:90%; height:90%; background:#fff; font-family:Verdana,Arial,sans-serif; color:#4A4E52;}
	hr {border-top:1px solid #ddd; border-bottom:1px solid #fff;}
	h1 {color:#0C4489; font-size:14px; font-weight:bold; margin-bottom:5px;}
	input, select, textarea {font-family:Verdana,Arial,Helvetica; padding:0px 2px;}
	legend {color:#777; font-weight:bold;}
	
	
	/* Group styles */
	.groupImage {float:left; font-style:italic; color:#777; margin-right:20px; width:250px;}
	.groupImage img {border:1px solid #bbb;}
	

	/* Link box styles */
	table.linkbox {float:right;margin:0px 10px;width:120px;height:22px;}
	table.linkbox td.linkbox_left {width:6px;background:url('../img/box/linkbox_left.gif') no-repeat;}
	table.linkbox td.linkbox_content {font-weight:bold;height:22px;text-align:left;vertical-align:middle;background:url('../img/box/linkbox_content.gif') repeat-x;}
	table.linkbox td.linkbox_right {width:6px;background:url('../img/box/linkbox_right.gif') no-repeat;}
	
	
	/* Next and Prev buttons */
	.nextAndPrevButtons {text-align:center;color:#bbc;}
	.nextAndPrevButtons a#selected {font-weight:bold;}
	
	
	/* Small Box, h=85px */
	.smallBox {height:85px; margin:0px; padding:0px; border:none;}
	.smallBox td {padding:0px; vertical-align:top; text-align:left;}
	
	.smallBox td.topLeft {width:9px; height:9px; padding:0px; background:url('../img/box/top_left.gif') no-repeat;}
	.smallBox td.top {height:9px; padding:0px; background:#fff url('../img/box/top.gif') repeat-x;}
	.smallBox td.topRight {width:9px; height:9px; padding:0px; background:url('../img/box/top_right.gif') no-repeat;}
	
	.smallBox td.leftSide {width:9px; height:67px; background:#F0F0F0 url('../img/box/left_small.gif') no-repeat;}
	.smallBox td.content {height:67px; background:#F0F0F0 url('../img/box/content_small.gif') repeat-x;}
	.smallBox td.content div.content {height:65px; margin:0px; overflow:auto;}
	.smallBox td.rightSide {width:9px; background:#fff url('../img/box/right_small.gif') no-repeat;}

	.smallBox td.bottomLeft {width:9px; height:9px; padding:0px; background:url('../img/box/bottom_left.gif') no-repeat;}
	.smallBox td.bottom {height:9px; padding:0px; background:#fff url('../img/box/bottom.gif') repeat-x;}
	.smallBox td.bottomRight {width:9px; height:9px; padding:0px; background:url('../img/box/bottom_right.gif') no-repeat;}
	
	
	/* Large Box h=280px */
	.largeBox {height:280px; margin:0px; padding:0px; border:none;}
	.largeBox td {padding:0px; vertical-align:top; text-align:left;}
	
	.largeBox td.topLeft {width:9px; height:9px; padding:0px; background:url('../img/box/top_left.gif') no-repeat;}
	.largeBox td.top {height:9px; padding:0px; background:#fff url('../img/box/top.gif') repeat-x;}
	.largeBox td.topRight {width:9px; height:9px; padding:0px; background:url('../img/box/top_right.gif') no-repeat;}
	
	.largeBox td.leftSide {width:9px; background:#F1F1F1 url('../img/box/left_large.gif') no-repeat;}
	.largeBox td.content {background:#F1F1F1 url('../img/box/content_large.gif') repeat-x;}
	.largeBox td.content div.content {height:260px; margin:0px; overflow:auto;}
	.largeBox td.rightSide {width:9px; background:#f1f1f1 url('../img/box/right_large.gif') no-repeat;}

	.largeBox td.bottomLeft {width:9px; height:9px; padding:0px; background:url('../img/box/bottom_left.gif') no-repeat;}
	.largeBox td.bottom {height:9px; padding:0px; background:#fff url('../img/box/bottom.gif') repeat-x;}
	.largeBox td.bottomRight {width:9px; height:9px; padding:0px; background:url('../img/box/bottom_right.gif') no-repeat;}	
	
	
	/* Page content div */
	.pageContent {width:800px; margin:0px auto;}
	.contentOuterBorder {margin:10px auto; border:1px solid #777; background:#f4f4f4;}
	.contentOuterBorder .contentInnerBorder {margin:5px; border:1px solid #888; background:#ffe;}
	.contentOuterBorder .contentInnerBorder .content {margin:0px; padding:5px; -height:10px; border:1px solid #fff; background:#fff url('../img/bg.jpg'); background-repeat:no-repeat;}
	
	
	/* Mixed specific styles */
	div.msgText {background:#f0f0f0; border:2px solid #9a3333; padding:5px;}
	div.msgText_green {background:#f0fff0; border:2px solid #339a33; padding:5px; color:#000; font-weight:bold;}
	div.msgText_red {background:#fff0f0; color:#000000; border:2px solid #9a3333; padding:5px;}
	div.contentBlock {margin:20px 10px;}
	.divTransparent {height:90%; width:90%; position:absolute; top:0px; left:0px; display:none; z-index:2; background:#fff; filter:alpha(opacity=80); opacity:0.80; -moz-opacity:0.80;}
	hr.dark {border-top:1px solid #d0d0d0; border-bottom:1px solid #fff;}
	.rowTag {height:auto; clear:both;}
	.linkMark {font-size:8pt;}
	
	
	/* NAVIGATION BUTTONS (E.G. BROWSE SEARCH RESULT) */
	#navigationBox {text-align:center;}
	
	#navigationBox ul {padding:0;	margin:0;	list-style-type:none; position:relative; padding:2px 0; margin-bottom:2em;}
	#navigationBox li {display:inline; margin:0 3px 0px;}
	#navigationBox li img {vertical-align:text-bottom;}
		
	#navigationBox a {text-decoration:none; font-weight:bold;}
	#navigationBox ul label, #navigationBox ul a, #navigationBox ul a:link, #navigationBox ul a:visited {background-color:#fff; border:1px solid #ddd; color:#377BDC; padding:0px 5px;}
	#navigationBox ul a:hover, #navigationBox ul a:focus, #navigationBox ul a#selected, #navigationBox ul a#selected:link, #navigationBox ul a#selected:visited {background-color:#D7EFFB; border:1px solid #377BDC; color:#377BDC;}
	
	
	/* TABLE STYLES */
	.generalTable {border:1px solid #777; border-right:2px solid #777; width:100%;}
	.generalTable td {padding:0px 2px;vertical-align:top;}
	.generalTable tr.title {color:#555; background:#ccc url('../img/bg_title_row.gif') repeat-x; font-weight:bold;}
	.generalTable tr.title td {vertical-align:middle; border-top:none; border-bottom:1px solid #999;}
	.generalTable tr.title td.left {border-right:1px solid #ccc;}
	.generalTable tr.title td.middle {border-left:1px solid #fff; border-right:1px solid #ccc; text-align:center;}
	.generalTable tr.title td.right {border-left:1px solid #fff; text-align:center;}
	
	.generalTable tr.tableContent td {background:#eee; border-top:1px solid #fff; border-bottom:1px solid #ccc;}
	.generalTable tr.tableContentHover td {background:#ffe; border-top:1px solid #fff; border-bottom:1px solid #ccc;}
	
	.generalTable tr.tableContent td.left, .generalTable tr.tableContentHover td.left {border-right:1px solid #ccc;}
	.generalTable tr.tableContent td.middle, .generalTable tr.tableContentHover td.middle {border-right:1px solid #ccc; border-left:1px solid #fff; text-align:center;}
	.generalTable tr.tableContent td.right, .generalTable tr.tableContentHover td.right {border-left:1px solid #fff; text-align:center;}
	
	
	.tableBorder {width:100%; border:1px solid #757585; border-right:2px solid #757585;}
	.tableHeader {color:#555; background:#ccc url('../img/bg_title_row.gif') repeat-x; font-weight:bold;}
	.tableHeader td {border-top:none; border-bottom:1px solid #757585;}
	.tableRow {background:#eee;}
	.tableRowHover {background:#ffffe0;}
	.cell, .nameCell, .decisionCell, .commentCell {padding:2px 5px ! important; border-top:1px solid #fff; border-bottom:1px solid #aab;}

	.nameCell {width:20%; white-space:nowrap; border-right:1px solid #dde;}
	.decisionCell {width:15%; white-space:nowrap; border-left:1px solid #fff; border-right:1px solid #dde;}
	.commentCell {width:65%; border-left:1px solid #fff;}
	
	.tableHeader .nameCell {border-right:1px solid #ccd;}
	.tableHeader .decisionCell {border-left:1px solid #eef; border-right:1px solid #ccd;}
	.tableHeader .commentCell {border-left:1px solid #eef;}
		
	.messageTable {border:1px solid #757585; border-right:2px solid #757585;}
	.messageTable td {padding:1px 5px; border-top:1px solid #fff;; border-bottom:1px solid #aab;}
	.messageTable td.from {width:10%; font-weight:bold; color:#0000ff; border-right:1px solid #ddd;}
	.messageTable td.message {width:80%; border-left:1px solid #fff; border-right:1px solid #ddd;}
	.messageTable td.delete {width:75px; border-left:1px solid #fff; text-align:center;}
	.messageTable tr.bgLight {background:#f0f0f0;}
	.messageTable tr.bgDark {background:#eaeaea;}
	.messageTable td.delete a {color:#9a0000; text-decoration:none;}
	.messageTable td.delete a:hover {text-decoration:underline;}
	
	.messageTable td.name {width:200px; border-right:1px solid #ddd;}
	.messageTable td.email {width:150px; border-left:1px solid #fff; border-right:1px solid #ddd;}
	.messageTable td.phone {width:120px; border-left:1px solid #fff; border-right:1px solid #ddd;}
	
	.messageTable tr.tableHeader td.name {border-right:1px solid #ccd;}
	.messageTable tr.tableHeader td.email, .messageTable tr.tableHeader td.phone {border-left:1px solid #eef; border-right:1px solid #ccd;}
	.messageTable tr.tableHeader td.delete {border-left:1px solid #eef;}


	/* Transparency classes for images in the image scroller */
	.updateImgTransparency_0		{display:none; position:absolute; border:1px solid #777;}
	.updateImgTransparency_20		{display:block; position:absolute; border:1px solid #777; filter:alpha(opacity=20); opacity:0.20; -moz-opacity:0.20;}
	.updateImgTransparency_40		{display:block; position:absolute; border:1px solid #777; filter:alpha(opacity=40); opacity:0.40; -moz-opacity:0.40;}
	.updateImgTransparency_60		{display:block; position:absolute; border:1px solid #777; filter:alpha(opacity=60); opacity:0.60; -moz-opacity:0.60;}
	.updateImgTransparency_80 	{display:block; position:absolute; border:1px solid #777; filter:alpha(opacity=80); opacity:0.80; -moz-opacity:0.80;}
	.updateImgTransparency_100	{display:block; position:absolute; border:1px solid #777; filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;}
	
	
	/* Answer buttons */
	.answerYes {width:50%; padding-top:1px; margin:2px auto; border:1px solid #aca; background:#efe;}
	.answerNo {width:50%; padding-top:1px; margin:2px auto; border:1px solid #faa; background:#fdd;}
	.answerNothing {width:50%; padding-top:0px; margin:3px auto;}