/*
 * Gamling.nu CSS
 * Rev. 070511: Pierre Reldin <pierre.reldin@gmail.com>
 * Rev. 070731: Pierre Reldin
 */


body, html { 
	background: url(/images/page.gif) repeat-x #fff;  
	font-family: "Lucida Grande", "Tahoma", "Verdana", "Arial", "sans serif";
}

/* -- Länkar --*/

a:link {	
	text-decoration: none;
	color: #009999;
}	
		
a:visited {	
	text-decoration: none;
	color: #67C6DD;
}	
		
a:active {	
	text-decoration: underline;
	color: #009999;
}	
		
a:hover {	
	text-decoration: underline;
	color: #009999;
}	


/* -- Navigation --*/

#navigation { 
	padding: 0px; 
	margin: 0px;
}
	
#navigation ul { 
	list-style-type: none; 
	margin: 6px; 
	padding: 0px;
}
	
#navigation li { 
	list-style-image: none;
	padding: 0px;
	margin: 0px;
	
}
	
#navigation a, 
#navigation .selected { 
/*	background: url(/images/menu_new_bg.gif) no-repeat;*/
	width: 200px;
	height: 40px;
	text-align: left;
	font: 700 12pt "Verdana", "Arial", "sans serif"; 
	color: #fff;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	text-indent: 1em;
	margin: 2px;
}

#navigation a, .selected {
	background: url(/images/button_new_bg.gif) no-repeat;
}

#navigation ul li a:hover, 
#navigation ul li .selected	{ 
	background: url(/images/button_new_bg_highlight.gif) no-repeat;
}

/* Menyn har bara en nivå i dagsläget, om det behövs mer kan jag bygga ut...*/
#navigation ul li ul li a { 
	/*font-size: 10pt;
	padding-left: 20px;
	line-height: 18px;*/
}

#navigation ul li ul li	a:hover, 
#navigation ul li ul li .selected { 
	/*	background: url(/images/button_new_bg_highlight.gif) no-repeat;*/
}

/* -- Formulär --*/
input, textarea, select {
	font: 0.8em normal, "Georgia", "Times New Roman", "Arial", "sans serif";
	padding: 2px;
}

/* -- Text --*/
h1 {
	font-weight: bold;
	font-variant: small-caps;
	color: #009999;
	/* font-effect: outline; Kommer först i CSS3 */
}

p, h1, h2, h3, h4, h5, h6 {
	/*margin: 1em 0em;*/
}

.corner-box {
	background: url(/images/left-top-corner-box.jpg) top left no-repeat;
	padding-top: 0.04em;
	padding-left: 1em;
	margin-top: 1.3em;
}

.inside {
	margin: 10px;		/* margin, instead of padding, used to 
					   induce margin collapse if needed by 
				 	   child elements */
}

table {
	padding: 0px;
	border: 0px;
	border-spacing: 1px;
}

th {
	background: url(/images/table_header_bg.jpg) top left no-repeat;
	color: white;
	padding: 0.2em 1em;
}

td {
	border-right: 1px #009999 solid;
	border-bottom: 1px #009999 solid;
	padding: 0.2em 1em;
	margin: 0px;
	font-size: 90%;
}

tr.alt {
	background-color: #F1F1F1; 
}

.simple-table tr td {
	border: 0px;
}

#personlista li {
		padding-bottom: 1.2em;
		font-weight: 700;
}

#personlista li li {
		font-weight: normal;
		padding-top: 0.4em;
		padding-bottom: 0em;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	margin-left: 2em;
	vertical-align: middle;
	list-style-image: url(/images/applied/li.png);
	padding-bottom: 0.8em;
	padding-left: 0.5em;
}

li li{
	margin-left: 1em;
	vertical-align: middle;
	list-style-image: url(/images/applied/lili.png);
	padding-top: 0.4em;
	padding-bottom: 0em;
}

	
/* -- Bilder --*/
img {
	border: 0px;
}

/*Nedanstående hck är ett strålande sätt att få IE5.5 IE6 att visa transparenta png 
men tyvärr kräver det att alla filer har width och height satta. Min sida har dock inte det. */

/*img, #flash, .icon, .button { 	*/			/*Fix för IE:s problem med transparenta png:s */
/*	behavior: url(iepngfix.htc); 	*/
/*}									*/

/* Notera att img.marker skall användas före allt annat innehåll i middle-column */
img.marker {
	float: right;
	border: none;
	vertical-align: top;
	z-index: 11;
}


/* -- Icons and buttons --*/

.icon {
	border: none;
	vertical-align: middle;
	padding-right: 0.5em;
	min-height: 16px;
	max-width: 32px;
}

.button {
	border: none;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-color: #fff;
	text-align: left;
	text-decoration: none;
	font-weight: 700;
	color: black;
	padding-left: 24px;
	min-height: 24px;
	cursor: pointer; 
}

.add_me {
	background-image: url(/images/applied/24-member-add.png);	
}

.remove_me {
	background-image: url(/images/applied/24-member-remove.png);
}

.save {
	background-image: url(/images/applied/22-document-save.png);
}

.cancel {
	background-image: url(/images/applied/button_cancel.png);
}

.ok {
	background-image: url(/images/applied/button_ok.png);
}

.log_in {
	background-image: url(/images/applied/22-system-log-in.png);
}

.log_out {
	background-image: url(/images/applied/22-system-log-out.png);
}

.previous {
	background-image: url(/images/applied/24-arrow-previous.png);
}
.back {
	background-image: url(/images/applied/24-arrow-back.png);
}



/* -- Annat bös --*/

#flash {
	margin: 5% 25% 5% 5%;
	padding: 10px 10px 10px 50px;
	background-color: #F6F6F6;
	background-repeat: no-repeat;
	background-position: 10px 50%
}

#flash.warning {
	border: 2px dashed red;
	background-image: url(/images/applied/messagebox_warning.png);
}

#flash.info {
	border: 2px solid black;
	background-image: url(/images/applied/messagebox_info.png);
}

#flash.critical {
	border: 2px dashed red;
	background-image: url(/images/applied/messagebox_critical.png);
}