/* ========================= */
/* Copyright Nomino 2009     */
/* http://www.nominoweb.com  */
/* ========================= */

/* ============ */
/* Reset        */
/* ============ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ============ */
/* Global        */
/* ============ */

* {
	font-size: 16px;
  font-family: Georgia, Times New Roman, Arial, Verdana, Tahoma;
}

body {
	width: 991px;
	margin-right: auto;
	margin-left: auto;
	behavior: url("/stylesheets/csshover.htc"); 
	background: white url(/images/body-background.jpg) repeat-x;
 	color: #555;
}

h1 {
	font-family: Day Roman;
	font-weight: normal;
	font-size: 2em;
	color: white;
	padding: 30px 0  40px 100px;
}

h2 {
	font-size: 1.6em;
	color:  #a62964; /* pink */
	margin-bottom: 1em;
	margin-top: 1em;
}

h3 {
	font-size: 1.2 em;
	color:  #222; /* pink */
	margin-bottom: 1em;
}

h4 {
	color: #222;
}

form {
	padding: 1em;
	margin-bottom: 1em;
	background-color: white;
	border: 3px solid white;
}

input {
	margin-bottom: 0.4em;
}

td {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
}

ul {
	margin: 1em;
}

li {
	padding: 0;
	margin-bottom: 1em;
}

a {
   color: #a62964; /* pink */
}
a.tagLink {
	color: #513E73; /* dark violet */
}
a.wordLink {
	color: black;
}
a:hover {
	color: white;
  background-color: #F58418; /* dark orange */
  text-decoration: none;
}
a.warning:hover {
	color: red;
}
a.flat:hover {
  background-color: transparent;
}

a.divLink {
	display: block;
}

a img {
	border: none;
}

img {
  border: none;
}

.clearBoth {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
}

.flashError, .formError {
  color: #F58418; /* dark orange */
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.flashNotice {
	color: #6488C4;
	background-color: white;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: .2em;
}

.invisible {
	display: none;
}

.box
 {
	float: left;
	padding: 0 2em 2em 2em; 
	margin: 1em;
	border: 3px dashed #ccc;
}
.box.right {
	float: right;
}
.box.twoColumns {
	max-width: 320px;
	overflow-x: auto;
}

.box h1 {
	text-align: center;
	font-size: 1.5em;
	margin: .5em 0 1em 0;
	padding: 0 0 .2em 0;
	color: #333;
	border-bottom: 1px solid #333;
}

.box h3 {
	border-bottom: 2px solid #ddd;
	margin: 2em 0 0 0;
	padding: 0 0 .2em 0;
}

.box .notice {
	display: block;
	padding-bottom: .2em;
	color: #aaa;
	font-size: .8em;
	text-align: right;
}

.box ul {
	margin: 0;
}

.box li {
	margin: .2em 0 0 0;
}

.box li a {
	display: block;
	padding: 5px;
}
.box li a:hover {
	background-color: #6488C4; /* blue */
}
.box ul.remove li a:hover {
	background-color: #CC0F08; /* red */
}
.box ul.add li a:hover {
	background-color: #979607; /* green */
}

.actions {
	clear: both;
	background: white;
	padding: .5em 0 .5em 1em;
	margin: 1em 0 1em 0;
	border-top: 1px solid #a62964;
	border-bottom: 1px solid #a62964;
}

/* sortable tables */
table.tablesorter {
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter th {
	background-color: #666;
	border: 1px solid #bbb;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter td {
	padding: 4px;
	vertical-align: top;
	color: #fff;
}
table.tablesorter tr.odd td {
	background-color: #A39EA0;
}
table.tablesorter .headerSortDown, table.tablesorter .headerSortUp {
	background-color: #888;
}
table.tablesorter .headerSortUp {
	background-image: url(/images/asc.gif);
}
table.tablesorter .headerSortDown {
	background-image: url(/images/desc.gif);
}


/* ============ */
/* Forms        */
/* ============ */


form h2 {
	font-size: 1.3em;
	padding: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #9f9b9d; /* gray */
	color: white;
	text-align: left;
}

form p {
	margin-bottom: .6em;
}

form p.formInfo {
	padding: 0.5em;
	color: #333;
	font-size: .8em;
}

form p.formSubtitle {
	color: #6488C4; /* blue */
	text-align: left;
}

form input {
	color: #6488C4; /* blue */
	background-color: white;
	padding: 3px;
	border: 1px solid #999;
}
form input[type~=submit] {
	width: 107px;
	height: 29px;
	background: url(/images/button-green.png) top left no-repeat;
	border: none;
	font-weight: bold;
	padding: 0 0 0 14px;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
}
form input[type~=submit]:hover {
	cursor: pointer;
	background: url(/images/button-pink.png) top left no-repeat;
}

form tr td:first-child {
	/* Labels */
	text-align: right;
}

form td.submitCell {
	padding: 1em;
	color: white;
}
form .fieldWithErrors {
	display: inline;
}
form .fieldWithErrors input {
	border-color: #F58418; /* dark orange */
}
form .fieldWithErrors label {
	color: #F58418; /* dark orange */
}

/* ============ */
/* Main layout  */
/* ============ */

#header {
	margin-top: 10px;
	position:relative;
}

#headerLeft {
	float: left;
	margin-left: 40px;
}

#headerLeft a {
	background-color: inherit;
}

#logoDiv {
	text-align: center;
	margin-bottom: 15px;
}
#logoDiv #name {
	margin-top: 10px;
}

#headerRight {
	float: right;
	margin-top: 85px;
	margin-right: 20px;
}
#headerRight a {
	color: #333;
}
#headerRight a:hover {
	color: #979607; /* green */
	background: none;
	text-decoration: underline;
}
#headerRight a.warning:hover {
	background-color:  #a62964; /* pink */
	color: white;
	text-decoration: none;
}

#adminTools {
	position: absolute;
	top: 10px;
	right: 0;
	margin: 5px 20px 5px 0;
}

.userName {
	color: #a62964; /* pink */
}

#menu {
	clear: both;
	width: 991px;
	background: white url(/images/tabs-back.png) top left no-repeat;
}

#main {
	clear: both;
	background: transparent url(/images/title-back.png) top left no-repeat;
	*background-color: white; /* IE: otherwise the bckg image is not displayed */
	padding-left: 30px;
	padding-right: 30px;
}

#mainContent {
	position: relative;
	border: 2px solid #ccc;
	background: white;
	padding: 40px;
	color: #333;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#mainContent ol {
	list-style: decimal;
	padding: 0 40px;
}

#mainContent p {
	margin-bottom: 1em;
}

#footer {
	clear: both;
	margin-top: 60px;
	width: 600px;
	height: 90px;
	margin: auto;
	background: url(/images/footer-back.png) top repeat-x;
}

/* ============ */
/* Welcome      */
/* ============ */

#whatIsNomino {
	width: 500px;
	margin-left: 100px;
	padding: 60px;
	padding-bottom: 40px;
	background-color: white;
}

#homeButton {
	width: 195px;
	height: 75px;
	background: transparent url(/images/big-button-green.png) no-repeat;
	margin: -40px 0 40px 580px;
}
#homeButton:hover {
	background: transparent url(/images/big-button-pink.png) no-repeat;
}

#homeButton a {
	text-decoration: none;
	color: white;
	background: none;
	display: block;
	text-align: center;
	padding: 10px;
	line-height: 25px;
	font-family: Bienvenue TT;
	text-transform: uppercase;
}

/* ============ */
/* Dashboard    */
/* ============ */

#dashboard {
}

.column {
	float: left;
	width: 300px;
	margin-right: 5px;
	margin-left: 5px;
}

.widget {
	margin-bottom: 10px;
	padding: 6px;
	border: 3px solid white;
	background: white;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.widget h3 {
	color: white;
	background-color: #9f9b9d; /* gray */
	padding: .5em;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.widget ul {
	list-style: none;
	margin: 0;
	margin-top: 10px;
}

.widget td {
	margin: 0;
	padding-left: 2px;
}

.widget .accessCount {
	/* In top pages */
	display: block;
	font-size: .8em;
}

.widget .bestWordTags {
	color: #999;
}
.widget .bestWordTags a {
	font-size: .7em;
}

.widget .footer {
	height: 30px;
  background: url(/images/box-bottom.png) top repeat-x; /* light gray */
  margin-top: 15px;
  padding: 3px 8px 3px 0;
  text-align: right;}

.widget .footer a {
	float: right;
	display: block;
	padding: 9px 0 5px 20px;
	width: 107px;
	height: 29px;
	font-size: 11px;
	font-weight: bold;
	background: url(/images/button-green.png) top right no-repeat;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
}
.widget .footer a:hover {
	background: url(/images/button-pink.png) top right no-repeat;
}

/* ============ */
/* Tag cloud   */
/* ============ */

body.words #tagcloud {
	padding: 10px;
}

#tagcloud {
	clear: both;
}

#tagcloud ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#tagcloud li {
	display: inline;
	margin: 0;
	padding: 0;
}

#tagcloud .size1 {
	font-size: 1em;
}
#tagcloud .size2 {
	font-size: 1.1em;
}
#tagcloud .size3 {
	font-size: 1.2em;
}
#tagcloud .size4 {
	font-size: 1.3em;
}
#tagcloud .size5 {
	font-size: 1.4em;
}
#tagcloud .size10 {
	font-size: 1.6em;
}
#tagcloud .size20 {
	font-size: 1.7em;
}
#tagcloud .size40 {
	font-size: 1.8em;
}
#tagcloud .size100 {
	font-size: 2em;
}


/* ============ */
/* Best words   */
/* ============ */


#bestWords {
	clear: both;
}

#bestWords table {
	border: none;
	
}

#bestWords li {
	margin: 0;
	padding: 0;
}

.bestWordRating {
}


/* ============ */
/* Pagination   */
/* ============ */

.pagination {
	padding: 10px;
	width: 580px;
	margin-left: 240px; /* aligned with the definitions */
}

.pagination a, .pagination span {
	padding: .2em .5em;
  display: block;
  float: left;
  margin-right: 1px;
}

.pagination span.disabled {
	color: #CCC;
}

.pagination span.current {
	font-weight: bold;
  background: #6488C4; /* blue */
  color: white;
}

.pagination a {
	text-decoration: none;
  color: #6488C4; /* blue */
}
.pagination a:hover, .pagination a:focus {
  background-color: #EDEFFF; /* light blue */
  color: #F58418; /* dark orange */
}

a.next_page, a.prev_page {
}

.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}


/* ============== */
/* shared _menu   */
/* ============== */

#menu {
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li {
	/* Used for selected items */
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	height: 36px;
	text-align: center;
	margin: 0 3px 0 3px;
	padding-left: 6px;
}
#menu li:first-child {
	margin-left: 0;
}

#menu li a {
	/* Used for not selected items */
	display: block;
	color: #666;
	background-color: transparent;
	text-decoration: none;
	font-size: 1.1em;
	padding: 8px 10px 5px 16px;
	padding-left: 10px;
	padding-right: 16px;
}
#menu li a:hover {
	text-decoration: none;
	color: #a62964; /* pink */
}
#menu li.selectedMenuItem {
	background: url(/images/tab_left.png) top left no-repeat;
}
#menu li.selectedMenuItem a {
  color: #fff;
  background: url(/images/tab_right.png) top right no-repeat; 
	height: 23px; /* li height - vertical paddings */
}
#menu li.selectedMenuItem a:hover {
	color: #ddd;
}

/* ==============  */
/* Error Pages     */
/* ==============  */

#logoDiv.error {
	padding-top: 15px;
	text-align: center;
	margin-bottom: 30px;
}

#errorMsg {
	position: relative;
	background: url(/images/central-box.png) no-repeat 0 0;
	width: 532px;
	height: 390px;
	margin-left: auto;
	margin-right: auto;
	color: white;
}

#errorMsg h2 {
	color: #555;
	font-size: 20px;
	padding-left: 30px;
	padding-top: 8px;
}

#errorMsg p {
	padding-top: 10px;
}

#errorMsg .strong {
	font-weight: bold;
}

#errorMsg ul {
	list-style: circle;
	list-style-position: outside;
}
#errorMsg ul li {
	margin-left: 20px;
}

#errorMsg div {
	padding: 10px 60px 0 60px;
}

#errorMsg a {
	color: white;
}

/* ==============  */
/* Contact - Index */
/* ==============  */


#logoDiv.contact {
	padding-top: 15px;
	text-align: center;
	margin-bottom: 30px;
}

#contactDiv {
	position: relative;
	background: url(/images/central-box.png) no-repeat 0 0;
	width: 532px;
	height: 390px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	text-align: center;
}
#contactDiv.af {
	background: url(/images/contact-box-af.png) no-repeat 0 0;
}

#contactDiv div {
	padding: 60px;
	padding-top: 120px;
}
#contactDiv.af div {
	padding-top: 160px;
}

#contactDiv h3 {
	color: white;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 40px;
}

#contactDiv a {
	color: white;
}


/* ============== */
/* Login - Index  */
/* ============== */


body.login {
	width: 600px;
}

body.login .flashNotice {
	color: #555;
}

body.login input {
	padding: 3px;
	margin: 0;
}

#logoDiv.login {
	padding-top: 15px;
	text-align: center;
	margin-bottom: 40px;
}

#messageBox { 
	height: 20px;
	padding-top: 3px; 
	padding-left: 15px;
	text-transform: uppercase;
}

#loginFormDiv {
	position: relative;
	width: 533px;
	height: 243px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	background: url(/images/login-box.png) no-repeat 0 0;
	border: none;
	color: white;
}

#loginFormDiv td {
	padding: 5px;
}

#loginFormDiv a {
	color: white;
}

#loginFormDiv form {
	padding: 0;
	margin-top: auto; 
	margin-left: auto;
	margin-top: 30px; 
	padding-top: 20px;
	width: 400px;
	border: none;
	background: transparent;
}

#loginFormDiv form input[type=text], #loginFormDiv form input[type=password] {
	width: 210px;
}

#loginFormDiv td.right {
	text-align: right;
	font-size: .8em;
}

#loginFormDiv .submit input {
	position: absolute;
	bottom: 1px;
	*bottom: 0px;
	right: 10px;
	font-size: .8em;
	color: white;
	text-transform: uppercase;
	text-align: right;
	border: none;
	background: none;
}
#loginFormDiv .submit input:hover {
	color: #333;
}

#loginInfoDiv {
	font-size: 14px;
	position: relative;
	width: 533px;
	height: 196px;
	padding: 15px 20px 0px 25px;
	margin-left: 33px;
	background: url(/images/box2.png) no-repeat 0 0;
	color: #ccc;
	text-align: justify;
}

#loginInfoDiv a {
	color: white;
}

#loginInfoDiv p {
	width: 480px;
	margin-bottom: 1em;
}

#loginInfoDiv p#callin, #loginInfoDiv p#link {
	color: white;
}

#loginInfoDiv p#link {
	text-align: center;
}

#noie6 {
	position: absolute;
	z-index: 10;
	top: 5px;
	left: 0;
	padding: 10px;
	margin-left: 20px;
	text-align: left;
}
#noie6 h3 {
	font-size: 1.1em;
	color: #fff;
	text-align: center;
}

#loginLinksDiv {
	text-align: center;
	margin-bottom: 100px;
	width: 400px;
	margin: auto;
}

#loginLinksDiv a:hover {
	background-color: transparent;
}

.loginLink {
	display: inline;
	margin-left: 6px;
	margin-right: 6px;
}

.loginLink img {
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#loginLinksCaptions {
	clear: left;
	font-size: .8em;
	height: 2em;
	padding: .5em;
}

#legal {
	clear: both;
	width: 533px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#legal div {
	float: left;
  padding-left: 2em;
  width: 45%;
	font-size: 0.7em;
}

#legal .header {
	font-weight: bold;
}


/* ================   */
/* Filter menu				*/
/* ================   */

body.words #main {
	padding: 0;
}

body.words #main h1 {
	padding-bottom: 45px;
}

#orderMenu {
	width: 991px;
	height: 65px;
	*height: 50px;
	padding-top: 5px;
	background-color: #9b9698; /* gray */
	margin-bottom: 20px;
	*margin-bottom: 40px;
	color: white;
}

#orderMenu h3 {
	font-weight: bold;
	font-variant: small-caps;
	padding-left: 5px;
	display: inline;
}

#filters {
	float: left;
	padding-left: 5px;
	width: 100%;
}

a#removeFilter {
}

a#removeFilter img {
}

#filters > div:first-child {
  /* "Remove Filter" div */
	float: left;
	padding: 8px 12px 8px 12px;
	width: 80px;
	height: 20px;
	border-right: 3px solid #dfdfdf;
	text-align: center;
}

#filters ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#filters ul li {
	float: left;
	padding: 8px;
	margin: 0;
	margin-left: 2px;
	margin-right: 2px;
	cursor: pointer;
	font-variant: small-caps;
}
#filters ul li:hover {
	color: #333;
}
#filters ul li.selected {
	background: #dfdfdf; /* light gray */
	color: #333;
	padding: 8px 12px 8px 12px;
	font-weight: bold;
}
#filters ul li.selected:hover {
	cursor: inherit;
}

#subfilters {
	padding-left: 110px;
	padding-bottom: 7px; /* height of background bottom image */
	background: #dfdfdf url(/images/subfilter-bottom.png) bottom left no-repeat; /* light gray */
	margin-top: 32px;
	*margin-top: 0;
}

.orderSubMenu {
	background: #dfdfdf;
	display: none;
	clear: both;
	padding: 5px;
	color: #333;
}
.orderSubMenu.selected.empty {
	height: 16px;
	display: inherit;
}
.orderSubMenu.selected {
	display: block;
}
.orderSubMenu a {
	color: #333;
	padding: 3px;
	text-decoration: none;
	cursor: pointer;
	font-size: 0.8em;
}
.orderSubMenu a:hover {
	background: none;
	color: #a62964; /* pink */
}
.selectedOrderMenuItem {
	color: white;
	padding: 5px;
	color: #a62964; /* pink */
	font-size: 0.8em;
}


/* ================   */
/* Words  						*/
/* ================   */

#wordsPagination {
	float: left;
	width: 15px;
	height: 520px;
	margin-top: 8px;
}
#wordsPagination .previous,  #wordsPagination .next{
	display: block;
	height: 15px;
	width: 15px;
	margin-bottom: 3px;
}
#wordsPagination .previous {
	background:	url('/images/arrow_up_blue.png') top left no-repeat;
}
#wordsPagination .next {
	background:	url('/images/arrow_down_blue.png') top left no-repeat;
}
#wordsPagination .previous.inactive {
	background:	url('/images/arrow_up.png') top left no-repeat;
}
#wordsPagination .next.inactive {
	background:	url('/images/arrow_down.png') top left no-repeat;
}
#wordsPagination .pageLink {
	display: block;
	height: 10px;
	width: 15px;
	background:	url('/images/bullet.png') top center no-repeat;
	margin-bottom: 3px;
}
#wordsPagination .pageLink.selected {
	background:	url('/images/bullet_selected.png') top center no-repeat;
}

#noWords {
	width: 80%;
	border: 3px solid #a62964; /* pink */
	margin: 15px auto 0 auto;
	padding: 10px;
	text-align: center;
}

#searchCount {
	padding: .5em 0 .5em 0;
	color: #555;
}

span.count {
	font-weight: bolder;
	color: #a62964; /* count */
}

#words {
	float: left;
	width: 200px;
	height: 520px;
	overflow-y: hidden;
}

#words .selected {
	background: #EDEFFF; /* light blue */
	color: #a62964; /* pink */
}

#definitions {
	float: left;
	width: 600px;
	height: 520px;
  position: relative;
}

#definitions .def {
	position: absolute;
	width: 600px;
	height: 520px;
	overflow-y: scroll;
	background: #EDEFFF; /* light blue */
}

#definitions .notFound {
	padding: 2em 4em 2em 4em;
	text-align: center;
	color: #666;
}

#definitions .notFound h2 {
	color: #6488C4; /* blue */
	font-size: 2em;
	font-weight: bold;
}

#commonTools {
	float: left;
	width: 160px; /* 180px - padding */
}

#tools {
	float: left;
	width: 160px; /* 180px - padding */
	height: 250px;
}

#tools .tool {
	position: absolute;
	width: 140px; /* #tools:width - this:padding */
	padding: 10px;
	overflow-y: auto;
}

.tool .tagContent:hover {
	background-color: #F5DC82; /* Light orange */
	cursor: pointer;
}

.toolItem {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
	border-top: none;
	margin: none;
}

#tools .editing {
	padding: 2px;
	padding-top: 5px;
	width: 135px; /* .tool:width - .tool:padding - this:padding*/
	text-align: center;
	background-color: #F5DC82; /* Light orange */
}

.sensContent {
	clear: both;
}

.wordItem {
	padding: 4px;
	padding-left: 10px;
	margin-bottom: 3px;
}
.wordItem h3 {
	margin-bottom: 4px;
}
.wordItem:hover {
	cursor: pointer;
	color: #a62964; /* pink */
}

.word {
	font-size: 1.3em;
}

.wordTime {
	color: #aaa;
}

.wordItem img.loading {
	margin-left: 10px;
}

div.sensContent {
  width: 560px; /* Bigger starts to hide some content */
	padding: 10px;
}

ul.sens-navigation {
	list-style: none;
	float: right;
	padding: 0;
	padding-top: 5px;
	margin: 0;
	margin-right: 10px;
}
ul.sens-navigation li {
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom: 2px;
	*margin-bottom: -4px;
}

ul.sens-navigation a {
	display: block;
	width: 10px;
	height: 10px;
	background: url('/images/bullet.png') top left no-repeat;
}
ul.sens-navigation a:hover {
	background-color: transparent;
}
ul.sens-navigation a.selected {
	background-image: url('/images/bullet_selected.png');
}


/* ============ */
/* User Account */
/* ============ */

#dictionnary_list li {
	border: 1px solid #666;
	margin: 2px;
	cursor: move;
	padding: 8px;
}
#dictionnary_list li:hover {
	background-color: #CEF1C3; /* very light green */
}

/* ============ */
/* NDA          */
/* ============ */

#nda {
	background: white;
	padding: 60px;
}

#nda form h2 {
	font-size: 1.6em;
	color:  #a62964; /* pink */
	margin-bottom: 1em;
	margin-top: 1em;
	background: none;
}

#nda form h3 {
	font-size: 1.2 em;
	color:  #222; /* pink */
	margin-bottom: 1em;
	background: none;
}

#nda form h4 {
	color: #222;
	background: none;
}

#nda ul {
	list-style: circle;
	list-style-position: inside;
}
#nda li {
	padding-left: 3em;
}

#nda form .errorExplanation {
	border: 3px solid #F58418; /* dark orange */
	padding: 5px;
	margin-bottom: 30px;
}
#nda form .errorExplanation h2 {
	font-size: 1.2em;
}

/* ============ */
/* Documents    */
/* ============ */

/* Index */

table#documents {
	width: 100%;
}

table#documents tr.doc {
	border: 1px solid hidden;
	cursor: pointer;
}
table#documents tr.doc:hover {
	background: url(/images/row-back.png) bottom repeat-x;
	border: 1px solid #eee;
}

table#documents tr.doc td{
	padding-top: 2px;
}

table#documents tr.info td {
	border-bottom: 2px solid #ccc;
	padding-bottom: 30px;
}

table#documents td {
	vertical-align: middle;
	text-align: left;
}

table#documents td.icon {
	width: 50px;
}

table#documents td.title {
	font-size: 1.2em;
	width: 300px;
}

table#documents td.cecr {
	vertical-align: top;
	text-align: center;
	color: #999;
	font-size: 1.2em;
}

table#documents tr {
	margin-bottom: 5px;
}

table#documents span.infoLabel {
	color: #999;
}

/* Show */

.docBlock {
	padding: 15px;
	background-color: #9b9698; /* gray */
	margin-bottom: 20px;
	color: white;
	border: 3px solid white;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.docBlock h3 {
	display: block;
	border-bottom: dotted 1px #ccc;
	margin-bottom: 5px;
	padding-bottom: 2px;
	color: #ddd;
	font-weight: normal;
	font-variant: small-caps;
}

.docContent {
	border: 2px solid #ccc;
	background: white;
	padding: 40px;
	color: #333;
}

.docInfo {
	margin-bottom: 1em;
}

.docContent p {
	margin-top: 1em;
}