@import url(forms.css);

/**********************
Basic Tags Definition
**********************/

* {margin: 0; padding: 0; outline: 0;}

html {height:100%; font-size:100.01%;}

p, ul, ol, table {line-height: inherit; margin: 0 0 .665em 0;}
ul, ol {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}

img, fieldset, abbr, acronym {border: 0;}

address, caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}

strong {font-weight: bold;}
em {font-style: italic;}

caption, th {text-align: left;}
q:before, q:after {content: '';}


/**********************
Headings
**********************/

h1, h2, h3, h4, h5, h6 {line-height: 1.1em; font-weight: bold;}
h1 {font-size: 3em;}
h2 {
	color: #669933;
	font-size: 2em;
	margin: 10px 0 .45em 0;
}
h3 {
	font-size: 1.33em;
	margin: 1.5em 0 1em 0;
}
h4 {
	font-size: 1em;
	line-height: 1.4em;
	margin: 1.33em 0 0 0;
}
h5 {font-size: .92em;}
h6 {font-size: .88em;}

h1.top, h2.top, h3.top, h4.top, h5.top, h6.top,
#content h3:first-child, #content h4:first-child {margin-top: 0 !important;}

#search h3 {
	color: #5a872d;
	font-size: 1em;
	line-height: 34px;
	margin: 0 0 0 10px;
	position: absolute;
	top: 0; left: 0;
}

#col-l h3.h3 {
	color: #5A872D;
	height: 30px;
	line-height: 31px;
	margin: 0;
	padding: 10px 0 0 45px;
}
#col-l h3.papers {background: url(images/tt_papers.gif) no-repeat;}
#col-l h3.members {background: url(images/tt_members.gif) no-repeat;}
#col-l h3.info {background: url(images/tt_info.gif) no-repeat;}

div.search-bar form.form h3 {color: #fff;}

#side-boxes h3.h3 {
	background: url(images/bg1.gif) repeat-x;
	color: #5A872D;
	line-height: 29px;
	margin: 0;
	padding-top: 1px;
	text-align: center;
}

div.waystojoin form.form h4 {
	margin: 0 0 8px 0;
}

h3.hd0 {
	background: url(images/bg1.gif) repeat-x;
	color: #5A872D;
	line-height: 30px;
	margin-bottom: 5px;
	text-align: center;
}

h2.essay-title {
	font-size: 1.5em;
}


/**********************
Anchors
**********************/

a, a:link, a:active, a:visited {color: #693; font-weight: bold; text-decoration: underline;}
a:hover {color: #f60; text-decoration: none;}


/**********************
Main Structure
**********************/

body {
	background: #fff;
	color: #333;
	font: 75%/133% Arial, Helvetica, sans-serif;
	min-height: 100.01%;
	text-align: left;
}

#wrap {
	float: left;
	margin: 0;
	width: 930px;
	position: relative;
}

#head {
	background: #abdb82 no-repeat;
	height: 85px; width: 760px;
}
	#logo, #tagline {margin: 0;}

	#logo a {
		height: 52px; width: 244px;
		position: absolute;
		top: 23px; left: 17px;
	}
	#tagline {
		color: #fbfbc7;
		font: bold 1em Arial, Helvetica, sans-serif;
		position: absolute;
		top: 57px; left: 20px;
	}

#side-boxes {
	width: 145px;
	position: fixed; z-index: 9999 !important;
	left: 775px; top: 1.33em;
}
	
#search {
	background: #c2ed7c url(images/bg1.gif) repeat-x;
	height: 34px; width: 760px;
}
	
#content {
	background: #fff;
	padding-bottom: 1.33em;
	width: 760px;
}

#content.full {
	padding: 15px;
	width: 734px;
}


	#col-l {
		float: right; display: inline;
		margin: 0 20px 0 5px;
		padding: 20px 0 0 0;
		width: 155px;
	}
	#col-r {
		float: right; display: inline;
		margin: 0 20px 0 0;
		padding: 20px 0 0 0;
		width: 560px;
	}

#foot {
	background: #c2ed7c url(images/bg1.gif) repeat-x;
	color: #666;
	height: auto; width: 740px;
	font-size: .92em;
	padding: 8px 10px;
}

.ask-on-index-link {
   display: block;
   font-size:16px;
   margin: 20px 0px 20px 20px;
   color:#1e5ed7 !important;
}

/**********************
General Elements
**********************/

div.search-bar {
	height: 95px; width: 560px;
	margin-bottom: 1.33em;
}
div.search-bar form.form {
	background: #7ec145 url(images/bg_header.gif) no-repeat right 0;
	float: left;
	padding: 15px 10px;
	height: 65px; width: 260px;
}
div.search-bar div.branding {
	float: left;
	border: 1px solid #693;
	color: #690;
	font: 1.17em/121% Arial, Helvetica, sans-serif;
	height: 67px; width: 248px;
	padding: 13px 15px;
	overflow: hidden;
}

div.directory {
	float: left; display: inline;
	margin: .66em 0 1.33em -15px;
	padding: 10px;
	width: 545px;
}
div.directory dl {
	float: left; display: inline;
	line-height: 1.16em;
	margin: 0 0 .665em 15px;
	min-height: 5.5em; height: auto !important; height: 5.5em;
	width: 166px;
}
div.directory dt {
	border-bottom: 1px solid #C2ED7C;
	font-size: 1.33em;
	font-weight: bold;
	margin-bottom: 4px;
	padding-bottom: 5px;
}
div.directory dt a {text-decoration: none !important;}
div.directory dd a:link, div.directory dd a:visited, div.directory dd a:active {
	color: #444;
	font-weight: normal;
	font-size: .92em;
	text-decoration: none;
}
div.directory dd a:hover {
	color: #f60;
	text-decoration: underline;
}
div.directory dd ul {
	margin: 0;
}
div.directory dd li {
	display: inline;
}

#side-boxes .box {
	background: #fbfff2;
	border: 1px solid #C2ED7C;
	border-top: none;
	margin-bottom: 1.33em;
	padding: 10px;
}

#foot p.copy {
	float: left;
	color: #5A872D;
	margin: 0;
}

div.waystojoin {
	float: left; display: inline;
	clear: both;
	margin-left: -4px;
	margin-bottom: .68em;
	width: 564px;
}
div.waystojoin form.form {
	float: left; display: inline;
	background: #fbfff2;
	border: 3px solid #ABDB82;
	margin-left: 4px;
	height: 85px; width: 178px;
	padding: 10px 0;
	text-align: center;
}
div.waystojoin form.form p {height: 38px;}

ul.paper-links {
	height: 22px;
	float: right;
	margin-top: -10px;
	margin-right: -5px;
}
ul.paper-links li {
	margin-left: 5px;
	float: left;
}
ul.paper-links li a {
	float: left;
	background-color: #fff;
	border: 1px solid #abdb82;
	display: block;
	line-height: 20px;
	padding: 0 6px 0 24px;
	text-decoration: none !important;
}
	ul.paper-links li a:hover {
		border: 1px solid #693;
	}
	ul.paper-links li.save a {
		background: url(images/ico_save.gif) no-repeat 4px center;
	}
	ul.paper-links li.print a {
		background: url(images/ico_print.gif) no-repeat 4px center;
	}


/**********************
Navigation
**********************/

ul.nav {margin-bottom: 0;}
ul.nav li.first, ul.nav li.last {border: 0 !important;}

/* Main Nav */
#col-l ul.nav {margin-bottom: 1.33em;}
#col-l ul.nav.last {margin-bottom: 2em;}
#col-l ul.nav a {font-weight: bold;}
#col-l ul.nav li {
	background: #fbfff2;
	border-left: 1px solid #e3e7db;
	border-bottom: 1px solid #C2ED7C;
	border-right: 1px solid #e3e7db;
	padding: 8px 10px;
}

/* Footer Nav */
#foot ul.nav {
	float: right;
}
#foot ul.nav li {
	float: left;
	border-right: 1px solid #ABDB82;
	padding: 0 10px;
}
#foot ul.nav li a {color: #f60 !important;}


/**********************
General Forms
**********************/

input, select, textarea, button {font: 1em/1.25em Arial, Helvetica, sans-serif; width: auto;}
input, textarea {padding: 2px;}
input, select {vertical-align: middle;}
textarea {overflow: auto; height: auto;}

input.text, select.select, textarea.textarea {border: 1px solid #999; color: #333;}
input.text {width: 195px;}
	input.text.short {width: 55px;}
select.select {width: 200px;}
textarea.textarea {width: 195px;}
	textarea.textarea.huge {
		margin-top: 1em;
		height: 36em; width: 550px;
	}
select.free {width: auto !important;}
select.overflowed {width: auto !important; position: absolute; top: 0; left: 9em;}
/*button.button {background-color: transparent; border: 0; cursor: pointer; text-align: center;}*/

button.button, input.submit {
	background-color: #693;
	border: 1px solid #C2ED7C;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	padding: 2px;
	text-align: center;
}

form.form {position: relative;}
form.form p {margin: 0;}

#search form.form {
	padding: 3px 10px 0 0;
	position: absolute;
	top: 0; right: 0;
}
#search form.form p {float: left; margin-left: 3px;}
#search form.form input.text {
	float: left; /* fixes IE */
	background: transparent url(images/bg_search-inp.gif) no-repeat;
	border: 0;
	color: #999;
	font-weight: bold;
	width: 303px;
	margin-top: 1px;
	padding: 6px;
}
#search form.form button.button, div.search-bar form.form button.button {
	background: url(images/button0.gif) no-repeat -69px 0;
	border: 0;
	color: #fff;
	height: 29px; width: 69px;
	line-height: 29px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div.search-bar form.form button.button {background: url(images/button1.gif) no-repeat -69px 0;}
div.search-bar form.form input.text {
	border: 2px solid #690;
	padding: 4px;
	width: 175px;
	position: absolute;
	left: 10px; bottom: 15px;
}
div.search-bar form.form button.button {
	position: absolute;
	right: 10px; bottom: 14px;
}
#search form.form button.button:hover, 
#search form.form button.button.hover,
div.search-bar form.form button.button:hover,
div.search-bar form.form button.button.hover
{background-position: 0 0; color: #f60;}

#search-form {
	margin: auto;
	text-align: center;
}
#search-form button.button {margin: 0;}
#search-form input.text {width: 450px;}


/**********************
Common Classes / Misc.
**********************/

/* txt */
.txt0, a.txt0, a.txt0:link, a.txt0:visited {color: #f60;}
a.txt0:hover, a.txt0:active {color: #693;}

.block0 {background: #c2ed7c; padding: 15px;}
.block1 {background: #FBFFF2; float: left; clear: both; width: 100%;}
.block2 {border: 3px solid #ABDB82; clear: both; margin-bottom: 1.33em; padding: 15px 10px;}

p.inline, ul.inline, ul.inline li {display: inline;}

ul.list0 {margin: 0 0 2em 15px;}
ol.recent {
	list-style: decimal outside;
	margin: 2em 0 0 2.5em;
}
ol.recent li {
	clear: both;
	margin-bottom: 1.33em;
}
ol.recent ul {
	clear: both;
	width: 100%;
}
ol.recent ul li {
	float: left;
	clear: none;
	display: block;
	font-size: .92em;
	height: auto;
	width: 14em;
}
ol.recent ul li.cat {
	width: 18em;
}
ol.recent h4 img {
	margin-left: 5px;
	vertical-align: middle;
}

.fl, .wrap {float: left;}
.wrap {clear: both; display: inline; position: relative;}
.fr {float: right;}
.clear {clear: both;}


.hidden {display: none;}
.replace {display: block; text-indent: -10000px; line-height: 0;}
.nomargin {margin-bottom: 0 !important;}
.noborder {border: 0 !important;}

.l {text-align: center;}
.c {text-align: center;}
.r {text-align: right;}

#language_list
{
 margin:20px;
 font-size:150%;
}

#language_list a.selected
{
 color:red;
}

#token_list, #instance_list
{
 padding:10px;
 height:700px;
 width:200px;
 overflow:scroll;
 
}

#token_list a.withoutTranslate
{
 color:red;
}

#translate_area
{
 margin:10px;
}

.index_managment .selected
{
 color:red;
 text-decoration:none;
}

#error
{
 color:red;
}

.header
{
 font-weight:bold;
 background-color:#eee;
}

.error {color:red}
.success {color:green}

table.custom  td{ padding: 2px; margin:2px;}

table.report {
    border-collapse:collapse;
	border: 1px solid #000;
}

table.report td{
	border: 1px solid #000;
	padding: 1px 5px;
}

table.report thead td {
   text-align: center;
}

table.report tfoot td, table.report thead td{
    font-weight: bold;
}