/**************************************************************************
 ** Default styles for the site NOSD.se                                  **
 ** All code is copyrighted (c), so do not use it without authorization. **
 ** @author Carl-Martin Hellberg, HL Web (http://www.hlweb.se)           **
 **************************************************************************/


/* Link classes */
	a { color:#777777;	text-decoration:underline; }
	a:hover { color:#3797DC; text-decoration:underline;}

	a.grayLink { color:#777777;	text-decoration:none; }
	a.grayLink:hover { color:#3797DC; text-decoration:underline;}
	
 
/* General object styles */
	body { background:#fff url('../img/bg_top.gif') repeat-x; color:#555; font-family:Arial,Helvetica,sans-serif; font-size:0.7em; line-height:1.4em; padding:0; margin:0; }
	h1,h2,h3,h4 { font-weight:normal; color:#5787C2; letter-spacing:-1px; margin:0; }
	h2 {font-weight:bold; color:#666;}
	img { border:0px; }
	hr {border-top:1px solid #ddd; border-bottom:1px solid #fff;}


/* Box table */
	.boxTable {}
	
	.boxTable tr.top td.left {width:10px;height:10px;background:url('../img/box/box_top_left.gif') no-repeat;}
	.boxTable tr.top td.content {width:370px;height:10px;background:url('../img/box/box_top.gif') repeat-x;}
	.boxTable tr.top td.right {width:25px;height:10px;background:url('../img/box/box_top_right.gif') no-repeat;}
	
	.boxTable tr.middle td.left {width:10px;height:200px;background:url('../img/box/box_left.gif') repeat-y;}
	.boxTable tr.middle td.content {width:370px;height:200px;background:#fff;}
	.boxTable tr.middle td.right {width:25px;height:200px;background:url('../img/box/box_right.gif') repeat-y;}
	
	.boxTable tr.bottom td.left {width:10px;height:35px;background:url('../img/box/box_bottom_left.gif') no-repeat;}
	.boxTable tr.bottom td.content {width:370px;height:35px;background:url('../img/box/box_bottom.gif') repeat-x;}
	.boxTable tr.bottom td.right {width:25px;height:35px;background:url('../img/box/box_bottom_right.gif') no-repeat;}


	/* 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;}
	

/* General layout classes and styles */
	.topContent { height:90px; width:780px; margin:1px auto; background:url('../img/logo.gif') no-repeat 0 18px; color:#A39F8A; text-align:right; padding-top:5px;}
	.topContent a { text-decoration:underline;}
	.pageContent { padding:0px; margin:0px auto; width:800px; }
	.footer { margin-top:40px; text-align:center; font-size:8pt; }
	.inputText {border:1px solid #555; width:350px; background:#fff url('../img/bg_inputText.gif') repeat-x; margin:1px;}
	.inputText_selected {border:2px solid #3797DC; width:350px; background:#fff url('../img/bg_inputText_selected.gif') repeat-x; margin:0px;}
	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;}

/* Power words */
	.powerWord {margin:0 auto; background:url('../img/bg_powerword.gif') no-repeat; line-height:37px; padding-left:30px; width:274px; height:37px; color:#5787C2; font-weight:bold; font-size:1.0em;}
	.powerWord a {color:#5787C2; text-decoration:underline;}
	.powerWord a:hover {color:#3797DC; text-decoration:underline;}
	

/* Top links */	
	.topLinks {width:800px; heigh:50px; margin:10px auto; color:#A39F8A;}
	.topLinks td {height:60px; vertical-align:bottom; width:20%; font-size:1.5em; cursor:pointer; cursor:hand; font-weight:bold; padding:5px 10px 5px 0px; border-right:1px solid #999; text-align:right;}
	.topLinks td div.infoText {display:none; font-size:0.6em; font-weight:normal;}
	.topLinks td a {color:#A39F8A;text-decoration:none;}
	.topLinks td a:hover {color:#A39F8A;text-decoration:none;}
