/*
Stylesheet för discsport.se
av Per Jonson
per[punkt]jonson[at]discsport[punkt]se
*/
body {
	margin: 0px 20px;
	padding:0px;
	text-align:left;
	background-color:#FFF;
	color: #000;
	
}

/* home */
#admin .t { background: url(../grafik/rounded_box/add_to_chart/dot_t.png) 0 0 repeat-x;  }
#admin .b { background: url(../grafik/rounded_box/add_to_chart/dot_b.png) 0 100% repeat-x}
#admin .l { background: url(../grafik/rounded_box/add_to_chart/dot_l.png) 0 0 repeat-y}
#admin .r { background: url(../grafik/rounded_box/add_to_chart/dot_r.png) 100% 0 repeat-y}

#admin .bl { background: url(../grafik/rounded_box/add_to_chart/bl.png) 0 100% no-repeat; }
#admin .br { background: url(../grafik/rounded_box/add_to_chart/br.png) 100% 100% no-repeat}
#admin .tl { background: url(../grafik/rounded_box/add_to_chart/tl.png) 0 0 no-repeat; }
#admin .tr { background: url(../grafik/rounded_box/add_to_chart/tr.png) 100% 0 no-repeat; padding: 2px; }  

td,th, input, select {
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}





* html body { font-size: 57.5%; } /* ses bara av IE läs mer: http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html */

* { margin:0; padding:0; }

img { border: 0; }

/* Länkar under rubrik */
A:link { color: #000000; text-decoration:none;}       /* unvisited link */
A:visited { color: #000000;  text-decoration:none;}   /* visited links */
A:active { color: lime; font-weight: bolder; }    /* active links */
A:hover {color: blue; text-decoration:underline;} 

#hem A:link { color: #00F; text-decoration:none; font-weight: bold; }       /* unvisited link */
#hem A:visited { color: #00F;  text-decoration:none; font-weight: bold; }   /* visited links */
#hem A:active { color: lime; font-weight: bold; }    /* active links */
#hem A:hover {color: blue; text-decoration:underline;} 


th {
	font-weight: bold;
	font-style: normal;
	text-align: left;
	text-transform: uppercase;}

caption { text-align: left; font-weight: bold; }

input, select {
	padding: 1px;
	border-width: medium;
	border-bottom-style:solid; 
	border: 1px solid #999999;
}


/* --------------------------------------------------------------------
TABELLER
---------------------------------------------------------------------*/
table { margin: 5px 0 10px; vertical-align:top; border-collapse:collapse; border-spacing:0; }
th, td { padding: 2px 6px 1px;  vertical-align:top;  }
th { font-weight: bold; text-align: left;  vertical-align:top;  }



table.noborder { margin: 0; border-collapse:collapse; border-spacing:0; border: 0; border-width: 0; }
table.noborder, 
table.noborder th, 
table.noborder td { 
	margin: 0; padding: 2px 3px; border: 0; border-width: 0; 
}

table.clean, 
table.clean th, 
table.clean td { 
	padding: 0; margin: 0; border: 0; border-width: 0; 
}

table.nopadding, 
table.nopadding th, 
table.nopadding td { 
	padding: 0; 
}

table.padding, 
table.padding th, 
table.padding td { padding: 2px 3px; }

table.faktura { width: 325px; margin: 0 0 10px; border: 1px solid #000; }

table.faktura, 
table.faktura th, 
table.faktura td { padding: 8px 12px 6px 0; }

th.right { text-align: right; }


table.classic {
	border:1px solid #999;
	border-width:1px 0 0;
	padding: 5px 0;
	}
table.classic th { 
	border:1px solid #000;
	border-width:1px 0;
	padding: 2px 5px;
	background-color: #F5F5F5;
}
table.classic td { 
	border:1px solid #DCDCDC;
	border-width:1px 0;
	padding: 4px 5px;
}

table.orderspec {
	width: 600px;
	border:1px solid #999;
	border-width:1px 0 0;
	padding: 3px 0;
	}
table.orderspec th { 
	border:1px solid #000;
	border-width:1px 0;
	padding: 3px 3px;
	background-color: #F5F5F5;
}
table.orderspec td { 
	border:1px solid #DCDCDC;
	border-width:1px 0;
	padding: 3px 3px;
}


table.lager th { 
	border:1px solid #999;
	border-width:1px 0;
	padding: 2px 5px 1px;
	background-color: #F5F5F5;
}
table.lager td { 
	border:1px solid #DCDCDC;
	border-width:1px;
	padding: 4px 6px 2px;
}

table.order_table {
	border:1px solid #999;
	border-width:1px 0;
	padding: 5px 0;
	}
table.order_table th { 
	vertical-align:bottom;  
	border:1px solid #999;
	border-width:1px 0;
	padding: 2px 5px;
	background-color: #F5F5F5;
}
table.order_table td { 
	vertical-align:bottom;  
	border:1px solid #CCC;
	border-width:1px 0;
	padding: 4px 3px 4px;
}


h1 {
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	line-height: 1.20em;
	color: #000;
}

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	margin: 3px 0;
	color: #000; /* 8B0000;  darkred */
}

caption { margin: 7px 0 5px; color: #000; font-style: normal; font-size: 16px; }

h2.invoice {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;

	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 5px 0;
	color: #000; /* 8B0000;  darkred */
}



.errormsg {
	color: #FF0000;
	font-size: 110%;
	padding: 10px;
	margin: 5px 0px 5px 0px;
	border: 2px solid #FF0000;
}

.greenmsg {
	color: #339900;
	font-size: 110%;
	margin: 5px 0px 5px 0px;
	padding: 10px;
	border: 2px solid #339900;
}

.greenmsg_2 {
	color: #FFFFFF;
	font-size: 110%;
	background: #339900;
	margin: 5px 0px 5px 0px;
	padding: 10px;
	border: 2px solid #339900;
}

#prislista form {
width: 450px;
}

#prislista fieldset {
margin: .5em;
}

#prislista textarea {
 margin: .5em;
}

#prislista label {
 margin: .5em;
}

 .pagination ul{
	margin-top: 5px;
	padding-top: 5px;
	list-style-type: none;
	text-align: right;
 }
 .pagination ul li{
      list-style-image: none;
      display:inline;
      padding-left: 7px; 
 }
 
/* -----------------------------------------------------------------------
PREVIEW OCH SCREENSHOT FRÅN http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
-------------------------------------------------------------------------*/
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	
	
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:8px;
	display:none;
	color:#fff;
	}
	
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

	
/* -----------------------------------------------------------------------	
/* Layout helpers  FRÅN NETONET
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

.ui-state-disabled { cursor: default !important; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ none/*{bgImgUrlOverlay}*/ 0/*{bgOverlayXPos}*/ 0/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -4px/*{offsetTopShadow}*/ 0 0 -4px/*{offsetLeftShadow}*/; padding: 4px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ none/*{bgImgUrlShadow}*/ 0/*{bgShadowXPos}*/ 0/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .35;filter:Alpha(Opacity=35)/*{opacityShadow}*/; -moz-border-radius: 4px/*{cornerRadiusShadow}*/; -webkit-border-radius: 4px/*{cornerRadiusShadow}*/; }

.ui-icon-close { background-image: url('../../Content/images/close.gif'); }
.ui-icon-closethick { background: url('../../Content/images/layerClose.gif') no-repeat scroll top center; height: 16px; width: 16px; }
.ui-icon-closethick:hover { background: url('../../Content/images/layerClose.gif') no-repeat scroll bottom center; }
.ui-icon-closethickOnly { background: url('../../Content/images/layerCloseOnly.gif') no-repeat scroll top center; height: 16px; width: 16px; cursor:pointer;}
.ui-icon-closethickOnly:hover { background: url('../../Content/images/layerCloseOnly.gif') no-repeat scroll bottom center; }