/* @override http://xephon.bsnet.se/sg/main.css */

body {
	margin: 0px;
	padding: 0px;
	font: 0.8em verdana;
}

.container {
	padding: 20px;
	padding-top: 0px;
}

table {
	margin-bottom: 30px;
}

.download_box {
	width: 482px;
}



.download_box_right {
	border: 1px solid #ccc; 
	background: #efefef; 
	width:220px; 
	margin:6px; 
	margin-left: 0px;
	float: right; 
	position: relative; 
	top:-6px; 
	padding: 10px;
}

.download_box_left {
	border: 1px solid #ccc; 
	background: #efefef; 
	width:200px; 
	margin:6px; 
	margin-left: 0px; 
	padding: 10px;
}


/* @group Top */

.logostripe {
	background: #fce73d;
}

.logostripe_tipsaren {
	background: #000000;
}

.pathbar {
	background: repeat-x url(/sg/img/stripe.jpg); 
}
	
/* @end */

/* @group Contents */

.downloadlist {
	border:none;
}

.downloadlistitem {
	vertical-align: middle;
	border-bottom:  1px solid #ae8e8e;
	background: #f9f7f7;
}

.downloadlistitem_th {
	vertical-align: middle;
	border-bottom:  1px solid #ae8e8e;
	background: #dedddf;
}

.downloadlistitem td, .downloadlistitem_th th {
	padding: 8px;
}

.downloadlistitem_th th {
	text-align: left;
	color: #0b553d;
	font-weight: normal;
}

.errorbox {
	background: #fcc6c7;
	border: 2px solid #ce656f;
	font: 14px "Lucida Grande";
	color: #36191d;
	padding: 8px;
}

body, div, img {
	border:  none;
}

h1.gamecateg {
	text-align: center;
	font: bold 24px "Lucida Grande";
	background: #fef9c7;
	border-top: 2px solid #b2af8c;
	border-bottom: 2px solid #b2af8c;
	color: #0b553d;
	clear: left;
}

h1 {
	font: bold 24px "Lucida Grande";
	color: #0b553d;
	margin-top: 30px;
}

h2 {
	font: bold 16px "Lucida Grande";
	color: #0b553d;
	margin-top: 30px;
}

.button {
	border: 2px solid #cac5d5;
	background: #f4f2f7;
	position: relative;
	padding: 10px;
	width: 128px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.buttontitle {
	font: bold 15px "Lucida Grande";
	text-align: center;
	width: 128px;
	color: #0d7124;
}

.newsbar {
	float: right;
	border: 2px solid #b1ae8f;
	background: #fdfadf;
	width: 300px;
	margin-top: 16px;
	margin-bottom: 500px;
	padding: 4px;
}
	
/* @end */

/* @group Bottom */

.credits {
	color: #9b9b9b;
	font: bold 14px "Lucida Grande";
	background: repeat-x url(/sg/img/stripe.jpg); 
	bottom:0px;
	position: fixed;
	right: 0px;
	left: 0px;
	padding-left: 4px;

}

.credits-fakehref {
	font: bold 14px "Lucida Grande";
	color: #9292be;
}

/* @end */

A.buttonlink:link, A.buttonlink:visited {		
    text-decoration: none;
	color: #001bc7;
}

.pathbar A:link, .pathbar A:visited {
	background: #ededed;
	border: 1px solid #2020e1;
	font-size: 18px;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
	line-height: 1.4em;
	color: #001bc7;
}

A.stda:link, A.stda:visited {
	background: none;
	border: none;
	font-size: 1em;
	text-decoration: none;
	color: #7c7db2;
  margin: 0;
  padding: 0;
}

tag {
	
}

/* @group Login */

label.co,input.co, textarea.co {
        display: block;
        width: 150px;
        float: left;
        margin-bottom: 10px;
}

label.co {
        text-align: right;
        width: 125px;
        padding-right: 20px;
        font-weight:  bold;
}

br.co {
        clear: left;
}

/* @end */

/* @group Status */

h2.status {
	margin-top: 4px;
	margin-bottom: 2px;
}

.succeed {
	color: #19740e;
	font-weight: bold;
}

.fail {
	color: #ff0004;
	font-weight: bold;
	font-size: 1.5em;
}

.statusbox {
	
}

.statusID {
	background-color: #ececec;
	border: 1px solid #ababab;
	float: left;
	width: 164px;
	text-align: center;
	height: 56px;
}

.statusDetails {
	background-color: #ececec;
	border: 1px solid #ababab;
	margin-left: 127px;
	margin-bottom: 6px;
	height: 56px;
}


p.status {
	margin-top: 2px;
	margin-bottom: 2px;
}

.status_OK {
	color: #44b53d;
	font-weight: bold;
}

.status_WARN {
	font-weight: bold;
	color: #898c0b;
}

.status_ERR {
	font-weight: bold;
	color: #f00;
}

.status_IGNORE {
	color: #7c7c7c;
}

/* @end */

/* @group Edit-ticker */

.fileList {
  color: #1c1c1c;
}
.fileList img.fileType {
  width:16px;
  height:16px;
  border:none;
  float: left;
}

.fileList .message {
  position: absolute;
  left: 420px;
  background-color: #fffa92;
  padding-right: 5px;
  padding-left: 5px;
  width: 200px;
  height: 1.2em;
  font-size: 0.8em;
  border: 1px solid #e4e083;
  font-style: italic;
  overflow: hidden;
  margin-top: 1px;
}

.fileList .noMessage {
  background-color: #fffdf0;
  border-color: #e4e1a9;
}
.fileList img.edit {
  position: absolute;
  left: 400px;
  border: none;
}
.fileList img.remove {
  position: absolute;
  left: 635px;
  border: none;
}

.fileList img.docuIcon {
  -position: absolute;
  -left: 615px;
  border: none;
  width:16px;
  height:16px;
  float: left;
}
.fileList .docu {
  height: 1.4em;
  width: 120px;
  font-size: 0.8em;
  font-style: italic;
  overflow: hidden;
}

.fileList .currentDocu {
  background-color: #e7ffed;
  border: 1px solid #9be0ac;
  border-right-style: none;
}
.fileList .currentDocuText {
  position: absolute;
  left: 660px;
  border: none;
  font-size: 0.8em;
  font-style: italic;
  color: #595959;
  margin-top: 2px;
}

.fileList li {
  border-top: 1px solid #f1f1f1;
  list-style-type: none;
}

.preview {
  border: 3px solid #fff27f;
  padding: 5px;
  width: 1024px;
  margin: 1em;
  height: 60px;
}

/* @end */