html, body {height: 100%;}

* { padding: 0; margin: 0; }
/*///////////////////////////////////////////////////
// GLOBAL
//////////////////////////////////////////////////*/
body {
	font: 11px Arial, Helvetica, Sans-Serif;
  color: #000;	
	line-height: 18px;
	background: #444444 url('images/bg.png') top left repeat-x;
	
}

/*///////////////////////////////////////////////////
// LAYOUT STYLES
//////////////////////////////////////////////////*/

div#wrapper {
	width: 600px;
	margin-right:auto;
	margin-left:auto;
}



div#header {
  height: 106px;
  position:relative;
	margin-bottom:20px;
}

div#header img.logo {
  top:0px;
  left:0px;
  position:absolute;
}

div#header span.slogan {
  top:80px;
  left:0px;
  position:absolute;
  font-style: italic;
	color:#fff;
}
div#header span#sigviews {
  top:65px;
  right:0;
  position:absolute;
  font-style: italic;
	color:#fff;
}
div#header span#sigsmade {
  top:80px;
  right:0;
  position:absolute;
  font-style: italic;
	color:#fff;
}

div#header div#topnav {
  top:20px;
  right:-4px;
  position:absolute;
	color:#1D1D1D;
	background:transparent url('images/navbg.png') top left no-repeat;
	width:340px;
	line-height:40px;
	font-size:12px;
	text-align: center;
}

div#header div#topnav a {
  color:#4E4F4E;
	text-decoration: none;
	padding:0 3px 0 3px;
}
div#header div#topnav a:hover {color:#fff;}

div.bars .inner {
  padding:5px;
}

div.content .inner {
  padding:20px;
	
}

div.content {
  background:#fff;
	width:600px;
	margin-top:10px;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
	position:relative;
}

div.content .extrasbar {
 position:absolute;
 bottom:15px;
 right:-26px;
 width:25px;
 padding:5px 0 5px 0;
 background:#ddd;
 border-left:1px solid #BCBBBB;
 -moz-border-radius: 0 10px 10px 0;
}


div#footer {
	color:#616060;
	font-size:10px;
	margin-bottom:20px;
	text-align: justify;
	line-height:12px;
}




h2 {
  font-weight:normal;
	font-size:22px;
	border-bottom:1px solid #DDDDDD;
	padding-bottom:10px;
	margin-bottom:10px;
	position:relative;
}

h2 img {
  position:absolute;
	right:0;
}

h2 small {
  font-weight:normal;
	font-size:10px;
	display:block;
	color:gray;
	margin-bottom:-8px;
}


h2 img {
  position:absolute;
	right:-4px;
	top:-10px;
}

h3 {
  font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
}

img#trackerpreview {
  background:#eee url('images/ajaxload.gif') center center no-repeat;
	width:320px;
	height:50px;
	
	
}

#trackerpreviewbg {
  padding:6px;
	background:#eee;
	width:320px;
	height:50px;
	float:left;
} 

img#sigpreview {
  background:#eee url('images/ajaxload.gif') center center no-repeat;
	width:320px;
	height:125px;
	
	
}

#sigpreviewbg {
  padding:6px;
	background:#eee;
	width:320px;
	height:125px;
	float:left;
} 

#previewcolselect {
  margin-right:24px;
	margin-top:20px;
  float:right;
}

img#sigfinal {
  background:#eee url('images/ajaxload.gif') center center no-repeat;
	border:2px solid #eee;
	width:320px;
	height:125px;
	
}
img#trackerfinal {
  background:#eee url('images/ajaxload.gif') center center no-repeat;
	border:2px solid #eee;
	width:320px;
	height:50px;
	
}
#preview a#getsig {
  display:block;
  color:#000;
	font-weight:bold;
	border:2px solid #fff;
	width:150px;
	text-align: center;
	padding:10px;
	background:#eee;
	float:right;
	margin-right:15px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}


.urlcode {
 padding:3px;
 width:349px;
}


p {margin:0 0 10px 0;}

a {color:#000; text-decoration: none;}


div.bars {
  background-color:#fff;
	margin-top:10px;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}


#adventlog_signature a {font-size:10px; line-height:12px; color:#000; padding:5px; text-align:center;  text-decoration: none; display:block;  -moz-border-radius: 4px; -webkit-border-radius: 4px; background:#fff url('images/transbg.png') top left repeat; opacity: 0.7; filter: alpha(opacity = 70);}
#stat_signature a {font-size:15px; color:#000; padding:5px; text-align:center;  text-decoration: none; display:block;  -moz-border-radius: 4px; -webkit-border-radius: 4px; background:#fff url('images/transbg.png') top left repeat; opacity: 0.8; filter: alpha(opacity = 80);}

#tracker_signature a, #box_signature a,
#goal_signature a {font-size:15px; color:#000; padding:5px; text-align:center; text-decoration: none; display:block;  -moz-border-radius: 4px; -webkit-border-radius: 4px; background:#fff url('images/transbg.png') top left repeat; opacity: 0.8; filter: alpha(opacity = 80);}


#stat_signature {background:#fff url('images/statbg.png') top right no-repeat; width:290px;float:left; border:2px solid #fff;}
#adventlog_signature {
 background:#fff url('images/adlogbg.png') top right no-repeat;
 width:290px;
 float:left;
 border:2px solid #fff;
 background-color:#fff;
 margin-top:4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}

#box_signature {background:#fff url('images/boxbg.png') top left no-repeat; width:290px;float:right; border:2px solid #fff;}
#goal_signature {background:#fff url('images/goalbg.png') top right no-repeat; width:290px;float:left; border:2px solid #fff;}

#tracker_signature {background:#fff url('images/trackerbg.png') top left no-repeat; width:290px; float:right; border:2px solid #fff;;}

.stepbox {clear:both; background:#464646; padding:10px; margin-bottom:3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color:#fff;}
input, select {font-size: 11px; font-family: "trebuchet ms", helvetica, sans-serif; color: #fff; width:150px; border:1px solid #3E3E3E; padding:1px; background:#505051;}
select {width:154px; !important}
label {font-weight:bold; text-transform: uppercase; color:#fff;}
.stepbox ul {clear:both; padding:0; margin:0;}
.stepbox li { padding:0; margin:0; list-style: none;}
.stepbox li.label {float:left; width:100px; line-height:20px; color:#fff;}
.stepbox li.form {float:left; width:200px;}
.stepbox li.form2 {float:left; width:160px;}
.stepbox li.info {float:left; width:220px; color:#fff; line-height:14px; padding-top:4px;}

.stepbox li.pose, .stepbox li.lib {float:left; width:440px; }
.stepbox li.pose div.frame, .stepbox li.lib div.frame {width:100%; height:300px; border:1px solid #3E3E3E; background:#505051; overflow-y: scroll; padding:1px;}
.stepbox li.lib div.frame h4 {color:#fff;margin:0 10px 0 10px; padding:5px 0 5px 0; border-bottom:1px solid #eee;}

.stepbox li.pose div.frame h46 {color:#fff;margin:0 8px 0 8px; padding:0px 0 0px 0; border-bottom:1px solid #eee;}

.stepbox li.pose div.frame h4 {color:#fff;margin:0 8px 0 3px; padding:0px 0 0px 6px; line-height:24px; background:top left url('images/h4bg.png') no-repeat; cursor:pointer;}


img.poseimg {padding:3px; margin:7px; border:1px solid #3E3E3E; cursor:pointer; background:#464646;}

a.submitpose { display:block; height:122px; font-size:11px; line-height:12px; width:220px; padding:5px; margin:7px; border:1px solid #3E3E3E; background:#464646 url(images/submitbg.png) top left no-repeat; float:left;}


img.bgimg {padding:3px; margin:7px; border:1px solid #3E3E3E; cursor:pointer; background:#464646;}
.stepbox li.upload {float:left; width:390px; }
.stepbox li.upload iframe {width:100%; height:35px; border-style:none; overflow:hidden; background:transparent; }
.stepbox li.upload div.frame {width:100%; height:90px; border:1px solid #A5ACB2; background:#fff; overflow-y: scroll; padding:1px;}

.color {background:#505051 url(images/colorwheel.png) 110px 3px no-repeat; cursor:pointer;}
.colorbox {padding:0px 5px 0 0; float:left; background:#464646;}
.colorbox div {border:1px solid #3E3E3E; width:17px; height:17px;}

#overlay {position:fixed; z-index:1; top:0; bottom:0; left:0; right:0; background:#000; opacity:0.7; filter:alpha(opacity=70);} 

#createbox {position:absolute; top:150px; left:47px; width:580px; background:#505051; border:1px solid #fff; z-index:2; opacity:1; filter:alpha(opacity=100);} 

img {border:none;}

.clr {clear:both;}

#upload_button {
  color:#000;
	font-weight:bold;
	border:2px solid #fff;
	width:150px;
	text-align: center;
	padding:5px;
	background:#eee;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}

div.newspost{margin-top:10px;}
div.newspost h3 {margin-bottom:5px; font-weight:bold; font-size:12px; position:relative; cursor:pointer;}
div.newspost h3 small {font-weight:normal; font-size:10px; text-transform: uppercase; position:absolute; right:0;}


div#sponsors {padding:10px;}
div#sponsors a {opacity:0.3;filter:alpha(opacity=30);}
div#sponsors a:hover {opacity:1;filter:alpha(opacity=100);}

div#updatesigs {background:#676767; color:#eee; position:relative;}
div#updatesigs div#updatebox { position:relative; background:transparent url('images/updatebg.png') top right no-repeat; width:397px; height:28px; padding-top:4px; margin-top:4px;}
div#updatesigs div#updatebox label {color:#eee;}
div#updatesigs div#updatebox input {width:133px; margin-left:6px; font-size:12px; background:transparent; border-style:none;}
div#updatesigs span#output {background:transparent url('images/ajaxload_u.gif') top left no-repeat; padding-left:18px; height:16px; width:150px; position:absolute; top:37px; left:410px;}
div#updatesigs div#updatebox a#updatesubmit {border:0; color:transparent; width:92px; height:24px; display:block; position:absolute; left:301px; top:2px;}

form label {color:#000; margin-top:10px;}
form .stepbox li.label {color:#fff;}
form input.large {color:#000; background:#fff; border:1px solid #ddd; width:300px;}
form select.large {color:#000; background:#fff; border:1px solid #ddd; width:300px;}
form textarea.huge {color:#000; background:#fff; border:1px solid #ddd; width:550px; height:200px;}

form input.error, form textarea.error {border:1px solid #FF0000;}


div.hr {height:1px; background:#DDDDDD; margin-top:10px; margin-bottom:10px;}

.sigdecor {position:absolute; left:-47px; top:10px;}

ul#showcase {
  list-style: none;
}
ul#showcase-widget {
  list-style: none;
	max-height:140px;
	height:98px;
	overflow:hidden;
}
ul#showcase li,
ul#showcase-widget li {
  float:left;
  width:260px;
  margin:0px 5px 10px 5px;
	line-height:10px;
	background:#ddd;
  -moz-border-radius:5px;
  font-size:10px;
  padding:5px;
	position:relative;
}
ul#showcase li div.detail,
ul#showcase-widget li div.detail {
  position:absolute;
	bottom:8px;
	left:8px;
	right:8px;
	background:#fff url('images/transbg.png') top left repeat;
	padding:4px 5px 4px 5px;
}
ul#showcase li div.overlaysc,
ul#showcase-widget li div.overlaysc {
  position:absolute;
	top:4px;
	left:9px;
	width:243px;
	height:60px;
	background:transparent url('images/overlaysc.png') top center no-repeat;
	padding:4px 5px 4px 5px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:11px;
}
ul#showcase li div.overlaysc div,
ul#showcase-widget li div.overlaysc div {
  padding-top:11px;
	line-height:14px;
}
ul#showcase li a.box,
ul#showcase-widget li a.box {
  padding:3px 0px 3px 19px;
	background:transparent url('images/box_new.png') left center no-repeat;
	color:#000;
	text-decoration: none;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	float:right;
}
ul#showcase li span.box,
ul#showcase-widget li span.box{
  padding:3px 0px 3px 19px;
	background:transparent url('images/box_locked.png') left center no-repeat;
	color:#000;
	text-decoration: none;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	float:right;
}
ul#showcase li span.user,
ul#showcase-widget li span.user{
  padding:3px 0px 3px 19px;
	background:transparent url('images/player_blue.png') left center no-repeat;
	color:#000;
	text-decoration: none;
	text-transform:uppercase;
	font-size:10px;
	width:100px;
	float:left;
	font-weight:bold;
}
ul#showcase li img,
ul#showcase-widget li img {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
	border:3px solid #fff;
	width:254px;
	height:80px;
}

.warning {background-color:#FFF39F;}

a.mainlink {padding:0px 0px 0px 19px; background:transparent url('images/linkarrow.png') left center no-repeat; color:#000; text-decoration:none; text-transform:uppercase; letter-spacing: 2px; font-size:10px;}

/* defaults for all examples */
.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	border:7px solid #ddd;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.kwicks li{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
}

.kwicks li{
	float: left;
	width: 90px;
	height: 125px;
	
}
#kwick1 { 
	background-color: #53b388;
	background-image: url('http://rsig.eu/stat/pxaggdcr/TERA.png');
}
#kwick2 {
	background-color: #5a69a9;
	background-image: url('http://rsig.eu/stat/5guzw4hs/TERA.png');
}
#kwick3 {
	background-color: #c26468;
	background-image: url('http://rsig.eu/stat/kbj275d6/TERA.png');
}
#kwick4 { 
	background-color: #bf7cc7;
	background-image: url('http://rsig.eu/stat/aix6mqbs/TERA.png');
	margin-right: none;
}
#kwick5 { 
	background-color: #bf7cc7;
	background-image: url('http://rsig.eu/stat/04hbcuzq/TERA.png');
	margin-right: none;
}
#kwick6 { 
	background-color: #bf7cc7;
	background-image: url('http://rsig.eu/stat/osazfjco/TERA.png');
	margin-right: none;
}
dl {margin:0; padding:0;}
dd {margin-left:10px; font-style: italic;}

#noborder, #noshadow {cursor:pointer;}


#UPresult {border:1px solid #eee; background:#729A9C url(images/info.png) 5px center no-repeat ; padding:2px 5px 2px 28px; margin-top:5px; margin-bottom:10px;}
#UPresult.error {border:1px solid #eee; background:#9C7272 url(images/cross.png) 5px center no-repeat;}
#UPresult.ok {border:1px solid #eee; background:#729C73 url(images/tick.png) 5px center no-repeat;}

#status.ok{border:1px solid #86FF91; background:#ADFFB5 url(images/tick.png) 5px center no-repeat; padding:5px 5px 5px 28px; margin-top:5px; margin-bottom:10px;}
#status.error{border:1px solid #D13030; background:#FEA7A7 url(images/cross.png) 5px center no-repeat; padding:5px 5px 5px 28px; margin-top:5px; margin-bottom:10px;}


.poseinfo {border:1px solid #eee; background:#729A9C url(images/info.png) 5px center no-repeat ; padding:2px 5px 2px 28px;  margin-top:5px; margin-bottom:10px; line-height:12px; display:none;}

.slider {padding:5px;}
ol {margin-left:10px; padding:0;}
ol li{margin:10px; padding:5px; background:#eee;}

#news {float:left; width:325px; border-top:1px dotted #B0B0B0;}
#news li.title {list-style: none; border-bottom:1px dotted #B0B0B0; font-size:12px; font-weight:bold; padding-bottom:3px;}

#news li.post {list-style: none; border-bottom:1px dotted #B0B0B0; padding:7px 0 7px 5px; line-height:12px; font-weight:bold;}
#news li.post a{color:#1D515C;}
#news li.post span.date {color:#6F6F6F; font-size:9px; padding-top:2px;}

.lowprofile {display:block; font-size:10px; margin-top:15px; color:#6F6F6F; font-style: italic;}

.clr{clear:both;}

#s163hast {text-align:center; background:#fff url(images/sdatext.gif) 5px 50% no-repeat ;}
#s163hast img {padding:8px 0 5px 0;}

ul#extnav {list-style: none; margin:0; padding:0;}
ul#extnav li {float:left; margin:10px 10px 10px 10px; color:#323232;}
ul#extnav li a{color:#616060;}
ul#extnav li a:hover{color:#fff;}


#twitter {opacity:0.7; filter: alpha(opacity = 70); margin-top:10px; margin-bottom:10px;}
#twitter a {position:relative;border:1px dashed #05A1AF; padding:8px; display:block; background:#9ED6DB; height:16px; color:#0C4A50; font-weight:bold; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#twitter a:hover {color:#000;}
#twitter a img {position:absolute; top:-8px; left:-16px;}
#twitter a strong {display:block; width:50px; float:left; text-align:right; margin-right:9px;}
#twitter a span {display:block; width:350px; float:left; font-weight:normal; font-style: italic;}
#twitter a small {display:block; width:70px; float:right; font-weight:normal;}


#forum {opacity:0.7; filter: alpha(opacity = 70); margin-top:10px;}
#forum a {float:right; width:190px; position:relative;border:1px dashed #989898; padding:8px; display:block; background:#E8E8E8; height:16px; color:#0C4A50; font-weight:bold; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#forum a:hover {color:#000;}
#forum a img {position:absolute; top:-8px; right:-10px;}

#footer_links a {opacity:0.5; filter: alpha(opacity = 50);}
#footer_links a:hover {opacity:1; filter: alpha(opacity = 100);}

#nojs {border:1px solid #E82626; background:#FF8787 url(images/cross.png) 5px center no-repeat; padding:10px 10px 10px 30px; color:white; font-weight:bold; margin-bottom:10px;}