/*** General ***/
*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body
{
	background: #F2F3F4;
	color: #333333;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	height: 100%;
	margin: 10px 0 16px;
	text-align: center;
	word-spacing: -1px;
}

#form_container
{
	text-align:left;
	background: #FFFFFF;
	border: 1px solid #D5D5D6;
	border-top-color: #E0E1E2;
	border-bottom-color: #C0C1C2;
	margin: 0 auto 0 auto;
	padding: 20px 26px 19px 26px;
	width: 850px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#langmap
{
	float:right;
	font-size: 12px;
	margin:2px 2px 1em 2px;
}

#footer
{
	border-top:1px dotted #ccc;
	margin:1em 0 0;
	clear:both;
	text-align:center;
	font-size: 12.5px;
	color:#555;
}

#footer span
{
	color:#182539;
	font-weight:bold;
	white-space:nowrap;
}

#footer a, #banner a
{
	color:#555;
	text-decoration:none;
	border-bottom:1px dotted #555;
	white-space:nowrap;
}

#banner
{
	clear:both;
	text-align:right;
	font-size: 12.5px;
	color:#555;
	white-space:nowrap;
}

.appnitro
{
	margin:20px 20px 0;
	padding:0 0 20px;
}

.ticketid
{
	font-family:monospace;
	font-stretch:condensed;
}

table th, table td
{
	vertical-align:top;
}


/**** Logo Section  *****/
#navbar-inner
{
	background-color: #4B75B3;
	background-repeat: repeat-x;
	width: 850px;
	margin: 0 auto 0 auto;
	padding: 0 25px 0 0;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}

h1
{
	margin: 0;
}

h1 img
{
	float: left;
}

h1 a
{
	padding: 5px 0 5px 0;
	color: #182539;
	display: inline-block;
}


/**** Form Section ****/
.appnitro li
{
	width:98%;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}

form > table
{
	width:100%;
	padding:4px 0 2px 0;
}

form > table th
{
	text-align:left;
	border-bottom:1px dotted #ccc;
	white-space:nowrap;
}

form > table td + td,
form > table th + th
{
	border-left:1px dotted #ccc;
}

#advanced
{
	border:1px dotted #ccc;
	padding-top:0.6em;
	margin-top:-0.6em;
}

#toggler
{
	color:#555;
	background:#fff url(toggle-right.gif) no-repeat 0 50%;
	white-space:nowrap;
	padding:0 10px 0 10px;
}

#toggler.active
{
	background:#fff url(toggle-down.gif) no-repeat 0 50%;
}

.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
	width:100% !important;
}

* html form li
{
	height:1%;
}

* html .buttons
{
	height:1%;
}

* html form li div
{
	display:inline-block;
}

form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
	white-space:nowrap;
}

.clear
{
	clear:both;
}

.form_description
{
	border-bottom:1px dotted #ccc;
	line-height:1.5em;
	clear:both;
	display:inline-block;
	display:block;
	margin:0 0 1em;
}

.form_description h2
{
	clear:left;
	font-size:160%;
	font-weight:400;
	margin:0 0 3px;
}

form ul li.first
{
	border-top:none !important;
	margin-top:0 !important;
	padding-top:0 !important;
}

form.autoprogress #uploadprogress
{
	display:none;
	margin-top:0.4em;
}

form.autoprogress #uploadprogress * + *
{
	margin-left:0.4em;
}

form.autoprogress #uploadprogress #text
{
	font-family:monospace;
}

/**** Inputs and Labels ****/
label.description
{
	border:none;
	color:#444;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
	white-space:nowrap;
}

input.text
{
	background: #fff;
	-webkit-box-shadow: inset 0 1px 2px -1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 2px -1px rgba(0,0,0,0.5);
	box-shadow: inset 0 1px 2px -1px rgba(0,0,0,0.5);
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	color: #333;
	font-size: 100%;
	margin: 0;
	padding: 2px 0;
	width: 52%;
}

input.file, input.button
{
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
	width:47.5%;
}

input.addrm
{
        padding:0;
        width:4%;
}

textarea.textarea
{
	background: #fff;
	-webkit-box-shadow: inset 0 1px 2px -1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 2px -1px rgba(0,0,0,0.5);
	box-shadow: inset 0 1px 2px -1px rgba(0,0,0,0.5);
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	color: #333;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 2px 0;
	width: 52%;
	resize: vertical;
}

input.element.password, #notify
{
	width:33.5%;
}

input.button.password
{
	width:18%;
}

select.select
{
	color:#333;
	margin:1px 0;
	padding:1px 0 0;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}

select.select[class]
{
	margin:0;
	padding:1px 0;
}

*:first-child+html select.select[class]
{
	margin:1px 0;
}

/**** Errors and messages ****/
.info_message
{
	border:1px dotted blue;
	margin-top:1em;
	margin-bottom:1em;
	padding:10px;
	color:blue;
	font-weight:bold;
}

.info_message > table td:nth-child(1)
{
	text-align:right;
	white-space:nowrap;
}

.error_message
{
	border:1px dotted red;
	margin-top:1em;
	margin-bottom:1em;
	padding:10px;
	color:red;
	font-weight:bold;
}

form li.error
{
	background-color:#FFDFDF !important;
	border-bottom:1px solid #EACBCC;
	border-right:1px solid #EACBCC;
	margin:3px 0;
}

form li.error label
{
	color:#DF0000 !important;
}

form .required
{
	color:#000;
}

form .error
{
	color:red;
	font-weight:700;
}

/**** Guidelines and Error Highlight ****/
form li.highlighted
{
	background:#fff url(highlight.png) repeat-y;
}

tr.highlighted
{
	background-color:#fff7c0 !important;
}

form .guidelines
{
	background:#f5f5f5;
	border:1px solid #e6e6e6;
	color:#444;
	font-size:80%;
	left:52%;
	line-height:130%;
	margin:2em 0 0 8px;
	padding:8px 10px 9px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:48%;
	z-index:1000;
}

form li.highlighted .guidelines
{
	visibility:visible;
}

form li:hover .guidelines
{
	visibility:visible;
}

/*** Tables ***/
form > table input.text
{
	width:99% !important;
}

form > table input.button
{
	width:auto !important;
}

form > table.sortable th[data-sort]:hover
{
	text-decoration:underline;
	cursor:pointer;
}

form > table.sortable th.sorting-asc:after
{
	margin-left:4px;
	content:url(toggle-up.gif);
}

form > table.sortable th.sorting-desc:after
{
	margin-left:4px;
	content:url(toggle-down.gif);
}

form > table#tickets tr > td,
form > table#grants tr > td,
form > table#recvtickets tr > td,
form > table#alltickets tr > td,
form > table#allgrants tr > td
{
	width:0;
	white-space:nowrap;
}

form > table#tickets tr > :nth-child(1),
form > table#tickets tr > :nth-child(2),
form > table#tickets tr > :nth-child(3),
form > table#tickets tr > :nth-child(4)
{
	width:16px;
}

form > table#tickets tr > :nth-child(5)
{
	width:auto;
	white-space:normal;
	word-break:break-all;
}

form > table#tickets tr > :nth-child(6)
{
	text-align:right;
}

form > table#alltickets tr > :nth-child(1),
form > table#alltickets tr > :nth-child(2),
form > table#alltickets tr > :nth-child(3),
form > table#alltickets tr > :nth-child(4)
{
	width:16px;
}

form > table#alltickets tr > :nth-child(5)
{
	width:auto;
	white-space:normal;
	word-break:break-all;
}

form > table#alltickets tr > :nth-child(7)
{
	text-align:right;
}

form > table#recvtickets tr > :nth-child(1),
form > table#recvtickets tr > :nth-child(2),
form > table#recvtickets tr > :nth-child(3),
form > table#recvtickets tr > :nth-child(4)
{
	width:16px;
}

form > table#recvtickets tr > :nth-child(5)
{
	width:7rem;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
}

form > table#recvtickets tr > :nth-child(6)
{
	width:auto;
	white-space:normal;
	word-break:break-all;
}

form > table#recvtickets tr > :nth-child(7)
{
	text-align:right;
}

form > table tr.file.our
{
	background:#eaeafa;
}

form > table tr.file.received
{
	background:#efefef;
}

form > table tr.file.received.our
{
	background:#faeafa;
}

form > table.key
{
	padding:0;
	border:1px dotted #ccc;
	width:auto;
	margin-bottom:-8em;
	text-align:right;
	float:right;
	font-size:50%;
}

form > table#grants tr > :nth-child(1),
form > table#grants tr > :nth-child(2),
form > table#grants tr > :nth-child(3),
form > table#grants tr > :nth-child(4)
{
	width:16px;
}

form > table#grants tr > :nth-child(5)
{
	width:auto;
	white-space:normal;
}

form > table#allgrants tr > :nth-child(1),
form > table#allgrants tr > :nth-child(2),
form > table#allgrants tr > :nth-child(3),
form > table#allgrants tr > :nth-child(4)
{
	width:16px;
}

form > table#allgrants tr > :nth-child(5)
{
	width:auto;
	white-space:normal;
}

form > table#users tr > td
{
	width:0;
	white-space:nowrap;
}

form > table#users tr > :nth-child(1)
{
	width:16px;
}

form > table#users tr > :nth-child(2)
{
	width:auto;
	white-space:normal;
}

form > table#users tr > :nth-child(3)
{
	width:9em;
}

form > table#users tr > :nth-child(5),
form > table#users tr > :nth-child(6),
form > table#users tr > :nth-child(7)
{
	text-align:right;
}

form > table#users > tfoot > tr > td
{
	text-align:left !important;
}

/*** File info ***/
.fileinfo
{
	background:#f5f5f5;
	color:#444;
}

.fileinfo th
{
	text-align:right;
	border:none;
	width:45%;
}

.fileinfo td
{
	text-align:left;
}

/*** Comment ***/
tr.file td.filename
{
	cursor:pointer;
}

tr.file td.filename:hover
{
	text-decoration:underline;
}

tr.file span.comment
{
	color:#555;
}

tr.file.comment td.comment
{
	white-space:pre-line;
}
