@import "glutton.css";
object { outline:none; border:none; }
a:focus, a:active, input:focus, input:active { outline: none; }

/* set width */
h1, h2, h3, h4,
table.ticket, table.form,
div.errorExplanation, div.notice,
div#notice, div#replies {
	width:652px;
}

/* defaults */
.image { line-height:1px; }
.float { float:left; line-height:22px; margin-right:5px; }
.clear { clear:left; }
img { border:none; }
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px; color: #333;
	padding: 0; margin: 0;
	background: #000 url("/images/bg-noise.png") repeat;
}
form { margin:0; padding:0; }
a {	color: #ff0000;	text-decoration:none; }
h1, h2, h3, h4 { margin:0; padding:0; letter-spacing:-0.4px; color:#333; }
th { text-align:left; color: #222; }


/* header */
#header { height:50px; }
#header h1 {
	line-height:60px;
	padding-left:60px;
}

/* login */
#login { position:absolute; top:14px; left:544px; }
#login input.text {
	font-family: Helvetica, Arial, sans-serif;
	border:solid 1px #f0f0f0;
	float:left; margin-right:5px;
	font-size:12px;
	padding:4px 5px;
	height:11px;
}
#create input.email:focus,
#create input.text:focus,
#create textarea:focus,
textarea:focus, input.text:focus {
	background-color:#e3eef4;
	border-color: #80b8d4;
	color:#004e75;
}
#login .glutton {
	position:relative;
	top:-1px;
}


/* rounder */
.rounder {
	width:652px;
	height:11px;
	background: transparent url("/images/create-form-top.png");
}
.bottom {
	background: transparent url("/images/create-form-bottom.png");
}

/* new ticket */
h3 { font-size:30px; line-height:20px; }
p { line-height:22px; max-width:652px; letter-spacing:-0.45px; }
label { font-size:14px; font-weight:bold; display:block; line-height:18px; margin-bottom:6px; color:#333;}
#create form { width: 592px; background-color:#ececec; padding:19px 30px;} /* 652 */
#create textarea, #create input.text, #create input.email {
	font: normal 15px Helvetica;
	border:solid 1px #ccc;
	width:574px;
	padding:6px 6px;
	color:#666;
}
fieldset { border:0; margin:0; padding:0; margin-bottom:25px; color:#666; font-size:12px; }
#create input.email { width:320px; }
#create p.details { letter-spacing:0; margin-top:-6px; margin-bottom:8px; }
#create input.image { margin:0; padding:0; border:0; width:207px; height:32px; opacity:0.85; }
#create input.image:hover { opacity:1; }


/* containers */
div.errorExplanation, div.notice {
	line-height:18px;
	margin-bottom:40px;
}

div.errorExplanation p, div.notice p {
	background-color:#e3eef4;
	border: solid 1px #80b8d4;
	color:#004e75;
	padding:10px;
}

.fieldWithErrors { display:inline; } 

#wrapper { background-color:#fff; padding:40px 60px; }
#footer {
	padding:20px 60px;
	font-size:12px;
	line-height:18px;
	color:#666;
}

/* ticket table */

table.ticket {
	font-size:95%;
	border: solid 1px #ccc;
	border-collapse: collapse;
	width: 100%;
}

table.ticket th {
	background: #ddd url('/images/scratch.gif');
}

table.ticket tr {
}
table.ticket td {
	border-top: 1px solid #ccc;
}
table.ticket tr.replies td {
	border-top: 0;
	padding-top: 0;
	font-size: 0.8em;
}
table.ticket td.subject {
	font-weight: bold;
}

table.ticket tr.critical td {
	color: #a00;
	background-color: #fdd;
}

table.ticket tr.low td {
	background: #f8fff0;
	color: #686;
}

table.ticket tr.normal td {
	/*background-color: #ddd;*/
	background: #efd;
}

table.ticket tr.closed td {
	background-color: #fff;
	background-image: url('/images/scratch.gif');
	opacity: 0.3;
}

table.ticket th {
	background-color: #eee;
	border-bottom: solid 1px #ccc;
}

/* li buttons */ 

ul.buttons {
	list-style: none;
	margin: 00px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
}

ul.buttons li {
	display: inline;
	margin-right:5px;
}

ul.buttons li a {
	background-color: #e0e0e0;
	border-bottom: solid 1px #bbb;
	border-right: solid 1px #ccc;
	color: #555;
	padding: 10px;
	font-size:85%;
}

ul.buttons li a:hover {
	background-color: #444;
	color: white;	
}

/* reply divs */

div#replies {
	margin:10px 0px;
}

div.reply, div.manualreply {
	margin-bottom:10px;
	background-color:#e4e4e4;
	padding: 5px 1px 0px 1px;
	border: solid 1px #ccc;
}

div.author, div.manualauthor {
	display:inline;
	font-size:90%;
	padding:5px;
	color:#888;
	background-color: #ddd;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

div.message, div.manualmessage {
	padding: 0px 10px;
	color: #222;
}

div.manualmessage {
	color: #242;
}

div.manualreply {
	background-color: #dfd;
	border-color: #ada;
}

div.manualauthor {
	color: #2a2;
	background-color: #ccf8cc;
	border-bottom: solid 1px #c0e4c0;
	border-right: solid 1px #c0e4c0;
}

/* table buttons */

td.buttons a {
	display:block;
	width: 60px;
	text-align:center;
	background-color: #eee;
	padding:5px 0px;
	border-bottom: solid 1px #bbb;
	border-right: solid 1px #ccc;
	font-size:11px;
	color: #999;
	float: left;
	margin-right: 4px;
}

td.buttons a.open {
	color: #800;
	background-color: #fcc;
	border-color: #dcc;
}

td.buttons a.delete {
	color: #f00;
	text-decoration: underline;
	background-color: transparent;
	border-color: transparent;
	width: auto;
	padding-left: 8px;
	padding-right: 8px;
}
td.buttons a.delete:hover {
	background: #f00;
	color: #fff;
	border: 0;
}

td.buttons a.active {
	color: #2a2;
	background-color: #ccf8cc;
	border-color: #c0e4c0;
}

td.buttons a:hover {
	background-color:#555;
	color: #fff;
	border-color: #444;
}

td.time {  }
.time { font-size:11px; }
p.time { opacity:0.6; }

/* recaptcha */
.recaptcha { margin-bottom:20px; }

.ibsens_ripsbusker {
	display: none;
}