/* Shining at me */

/*

------------------------------------------------------
Copyright Bruno Kerrien,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
	background: #C6C6C6;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	font-size: small;
}

/* --- Links --------- */

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

a:hover {
	text-decoration: underline;
}

/* --- H1, H2, H3 --------- */

h1, h2, h3, h4, h5 {
	font-weight: bold;
	margin-top: 0;
	color: #1360BA;
	font-family: "Trebuchet MS", Arial, Helvetica, Times, serif;
	font-weight: bold;
}

h1 {
	background: url(img/bullet1.gif) no-repeat 0em 48%;
	border-bottom: 1px #ed8100 solid;
	padding-left: 25px;
	font-size: 140%;
}

h2 {
	background: url(img/bullet2.gif) no-repeat 0em 48%;
	padding-left: 13px;
	font-size: 130%;
}

h3 {
	background: url(img/bullet3.gif) no-repeat 0em 55%;
	padding-left: 10px;
	font-size: 115%;
	margin-bottom: -10px;
}

h4 {
	padding-left: 8px;
	font-size: 110%;
	color: #000000;
}

h5 {
	padding-left: 8px;
	font-size: 100%;
	color: #000000;
}


/* --- Wrap --------- */

#wrap {
	background: transparent url("img/bgd_container.gif") repeat-y top left;
	width: 892px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	text-align: left;
}

/* --- Banner --------- */

#banner {
	background: transparent url("img/header.jpg") no-repeat top left;
	height: 146px;
	margin: 0;
}

#banner p {
	background: transparent url(img/bullet1.gif) no-repeat 0 90%;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 26pt;
	text-indent: 20px;
	color: #fff;
	margin: 0 48px;
	padding-top: 0.5em;
	min-height: 21px;
	line-height: 1em;
}

/* --- Nav top level --------- */

#nav-toplevel {
	background: transparent url("img/toplevel.jpg") no-repeat top left;
	height: 27px;
}

#nav-toplevel ul {
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/* --- Nav meta --------- */

#nav-meta {
	height: 1px;
	font-size: 85%;
	line-height: 1.25em;
}

#nav-meta ul {
	margin: 0px 24px 0 590px;
}

#nav-meta ul li {
	display: inline;
	float: left;
}

#nav-meta ul li a {
	display: block;
	background: transparent url(img/bullet3.gif) no-repeat 0 50%;
	padding: 0 10px 0 8px;
	color: #A5BCD3;
	text-decoration: none;
}

#nav-meta ul li a:hover {
	background: transparent url(img/bullet1.gif) no-repeat 0 50%;
	color: #FFF;
}

/* --- Nav main --------- */

#nav-main {
	background: #eee;
	font-size: 100%;
	font-weight: bold;
}

#nav-main ul {
	margin-left: 16px;
}

#nav-main ul li {
	display: inline;
	float: left;
	margin-right: 3px;
	text-align: center;
}

#nav-btn1 {
	width: 107px;
}

#nav-btn2 {
	width: 108px;
}

#nav-btn3 {
	width: 108px;
}

#nav-btn4 {
	width: 108px;
}

#nav-btn5 {
	width: 108px;
}

#nav-btn6 {
	width: 108px;
}

#nav-btn7 {
	width: 194px;
}

#nav-main ul li a {
	display: block;
	background: transparent url("img/tabs2.gif") no-repeat 0 0;
	height: 26px;
	line-height: 26px;
	color: #0053ae;
	text-decoration: none;
	font-weight: bold;
}

#nav-main ul li a.current {
	background: transparent url("img/tabs2.gif") no-repeat 0 -52px;
	color: #ed7800;
}

#nav-main ul li a:hover {
	background: transparent url("img/tabs2.gif") no-repeat 0 -26px;
	color: #ed7800;
}

#nav-main ul li a.current:hover {
	background: transparent url("img/tabs2.gif") no-repeat 0 -52px;
}

/* --- Container --------- */

#container {
	margin: 0 17px;
}

/* --- Content --------- */

#content {
	float: left;
	margin: 0;
	padding: 16px;
	width: 632px;
}

#content p, #content ol, #content ul {
	font-size: 100%;
	line-height: 1.5em;
}

/* --- Nav subs --------- */

#nav-subs {
	position: relative;
	margin: 0 0 0 664px;
	padding: 0;
	font-size: 100%;
	line-height: 1.5em;
}

#nav-subs ul {
	list-style: none;
	margin-left: 16px;
	margin-right: 16px;
	padding-left: 0;
	border-top: 1px solid #8EA7C6;
}

#nav-subs ul li {
	padding: 1px 0;
	border-bottom: 1px solid #8EA7C6;
}

#nav-subs ul li a {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	background: url(img/bullet3.gif) no-repeat 4px 50%;
	color: #1e63ae;
	text-indent: 14px;
	text-decoration: none;
}


html>body #nav-subs ul li a {
	float: none;
}

#nav-subs ul li a:hover {
	background: #E5F0F5 url(img/bullet3.gif) no-repeat 4px 50%;
	color: #E16900;
}

#nav-subs ul li a.youarehere {
	color: #2c1802;
	font-weight: bold;
}

/* --- Nav section --------- */

#nav-section {
	background: transparent url("img/bgd_sidebar_top.jpg") no-repeat top left;
	padding-top: 24px;
	min-height: 156px;
}

/* --- Nav supp --------- */

#nav-supp {
	background: transparent url("img/bgd_sidebar_sub.jpg") no-repeat top left;
	padding-top: 8px;
	min-height: 156px;
}

/* --- Info site --------- */

#info-site {
	position: relative;
	clear: both;
	background: transparent url("img/footer.jpg") no-repeat top left;
	width: 892px;
	padding-top: 12px;
	text-align: center;
}

#info-site p {
	font-size: 75%;
}

/* --- Info company --------- */

#info-company {
	color: #FFD50F;
	margin: 0 16px;
}

#info-company a {
	color: #CCD9E6;
	text-decoration: none;
}

#info-company a:hover {
	color: #FFF;
}

/* --- Info standards --------- */

p#info-standards {
	margin: 4px 364px 0 364px;
	padding-bottom: 6px;
}

a#xhtml {
	display: block;
	float: left;
	background: transparent url("img/xhtml.gif") top left;
	width: 78px;
	height: 13px;
	border: 1px solid #2D598D;
}

html>body a#xhtml {
	margin: 0 2px 0 0;
	/*margin: 0 82px 0 0;*/
}

a#xhtml:hover {
	border: 1px solid #FFD50F;
}

#xhtml span {
	display: none;
}

#css {
	display: block;
	background: transparent url("img/css.gif") top left;
	width: 78px;
	height: 13px;
	border: 1px solid #2D598D;
}

html>body #css {
	margin: 0 0 0 82px;
}

a#css:hover {
	border: 1px solid #FFD50F;
}

#css span {
	display: none;
}
.menutitle {
	xfont-size: small;
	font-weight: bold;
	color: #0053ae;
}
.centered {
	text-align: center;
}
.outdent {
	margin-left: 20px;
}
.outdent-italic {
	margin-left: 20px;
	font-style: italic;
}
.min-bottom {
	margin-bottom: -10px;
}
.div-line {
	margin-bottom: 10px;
	border-top: 1px #CCCCCC solid;
}

#nav-section-center {
	padding-top: 24px;
	min-height: 156px;
	text-align: center;
}

/* NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW */

.nodisp {
	display: none;
}

table.owner {
	border: #1360ba 1px solid;
	background-color: #e4eefa;
	margin: 10px 0;
	width: 632px;
	padding: 0.2em 0.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

table.data {
	border: #1360ba 2px solid;
	border-collapse: collapse;
	width: 632px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
 
table.data td {
	padding: 0.3em 0.3em 0.2em 0.3em;
	vertical-align: top;
}

table.data thead {
	background-color: #e4eefa;
}

table.data thead td {
	padding: 0.2em 0.3em;
	border-bottom: #1360ba 1px solid;
	vertical-align: middle;
	font-weight: bold;
}

table.data tfoot td {
	padding: 0.2em 0.3em;
	border-top: #1360ba 1px solid;
	vertical-align: middle;
	font-weight: bold;
}

table.TQueries {
	border: 0 solid;
	border-collapse: collapse;
	margin-top: 0.5em;
	width: 100%;
}

table.TQueries thead {
	background-color: #e4eefa;
	border: #1360ba 2px solid;
}

table.TQueries tbody {
	background-color: #f9fbfe;
	border: #1360ba 2px solid;
}

table.TQueries tbody tr {
	border-top: #1360ba 1px solid;
}

table.TQueries td {
	padding: 0.4em 0.5em;
}

table.TReply {
	border: #1360ba 1px solid;
	border-collapse: collapse;
	margin-top: 1em;
	width: 100%;
}

table.TReply td {
	border-top: #1360ba 1px solid;
	padding: 0.3em 0.5em;
}

table.TWide {
	width: 100%;
}

.q-subject {
	display: block;
	color: #1e63ae;
	font-size: medium;
	font-weight: bold;
}

.q-lastrname {
	display: block;
	color: #1e63ae;
}

.r-date {
	background-color: #edf3fc;
	color: #444;
}

.r-subject {
	background-color: #edf3fc;
	color: #1e63ae;
}

.r-qusername {
	color: #1e63ae;
	font-weight: bold;
	border-right: #1360ba 1px solid;
	vertical-align: top;
}

.r-username {
	background-color: #f9fbfe;
	border-right: #1360ba 1px solid;
	color: #1e63ae;
	vertical-align: top;
}

.group td {
	font-weight: bold;
	background-color: #f9fbfe;
	border-top: #1360ba 1px solid;
	border-bottom: #1360ba 1px solid;
}

.subline {
	padding-top: 0 !important;
}

.num {
	text-align: right;
}

.lbl {
	padding: 4px;
	vertical-align: top;
	color: gray;
}

.stxt {
	padding: 4px;
	vertical-align: top;
}

input[type=text], input[type=password], select, textarea {
	border: 1px #bbb solid;
    xborder-top: 1px #acaeb4 solid;
    xborder-left: 1px #dde1e7 solid;
	xborder-right: 1px #dde1e7 solid;
	xborder-bottom: 1px #e3e9ef solid;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin: 0;
	padding: 2px;
}

input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover, input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
	border: 1px #8ad solid;
    xborder-top: 1px #5794bf solid;
	xborder-left: 1px #c5daed solid;
	xborder-right: 1px #b7d5ea solid;
	xborder-bottom: 1px #c7e2f1 solid;
}

input[type=text], input[type=password] {
	background: #fff url(es/images/bg-input.png) repeat-x;
	xline-height: 20px;
	xheight: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

select {
	border: 1px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
} 

textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

button {
	border: none;
	background: transparent no-repeat left -48px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #0053ae;
	font-weight: bold;
	height: 24px;
}

button:hover {
	background-position: left top;
}

button.w75 {
	background-image: url(img/button75.png);
}

button.w150 {
	background-image: url(img/button150.png);
}

input.search {
	background: transparent url(es/images/search-es.png) no-repeat left 50%;
	padding-left: 1.5em;
}

.w10 {
	width: 10px;
}

.w30 {
	width: 30px;
}

.w75 {
	width: 75px;
}

.w105 {
	width: 105px;
}

.w135 {
	width: 135px;
}

.w150 {
	width: 150px;
}

.w300 {
	width: 300px;
}

.w600 {
	width: 600px;
}

.error {
	color: red;
}

.loginform {
	margin: 30px 90px;
}

.userform {
	margin: 30px 80px;
}

.m-text {
	text-align: center;
}

.r-text {
	text-align: right;
}

.f-right {
	float: right;
}

#btnLogout {
	margin: 0 46px;
}

#parAddr {
	margin: 20px 16px;
}

.cmd {
	float: right;
	font-size: 11px;
	color: #39c;
	margin: 0 0.5em;
	padding: 0 0 0 2em;
	cursor: pointer;
}

.c-quote {
	background: url(es/images/quote-es-b.png) no-repeat 0.5em 50%;
}

.c-edit {
	background: url(es/images/edit-es-b.png) no-repeat 0.5em 50%;
}

.c-delete {
	background: url(es/images/delete-es-b.png) no-repeat 0.5em 50%;
}

.c-complain {
	background: url(es/images/complain-es-b.png) no-repeat 0.5em 50%;
}

.author {
	color: #1e63ae;
	display: block;
}

.subject {
	font-weight: bold;
}

.rcount {
	float: right;
	font-size: x-small;
	color: gray;
}

.header {
	color: #1360ba;
}

.header:hover {
	color: #ed7800;
}

p.queryhead {
	background: #eee url(es/images/query.png) no-repeat 0.5em;
	margin: 10px 0 0 0;
	border: thin solid silver;
	text-indent: 2em;
	padding: 0.5em;
	color: #1360ba;
}

p.querytext {
	background: #eee;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 2.5em;
	border: thin solid silver;
	border-top: 0;
}

p.commands {
	margin: 1em 0 0 0;
	padding: 0;
	xborder: thin dotted silver;
}

p.reply {
	background: #ddd;
	border: thin solid #aaa;
	margin: 10px 0 0 2.5em;
	padding: 0.5em;
	clear: right;
}

p.replyinfo {
	background: url(img/bullet3.gif) no-repeat left 50%;
	xborder: thin dotted silver;
	color: #16b;
	text-indent: 1em;
	margin: 10px 0 5px 0;
	padding: 0;
	clear: right;
}

.queryform {
	margin-top: 40px;
}

.editor {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 2px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* IE 8+ */
}

#txqreply {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0.5em;
	border: thin solid #aaa;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* IE 8+ */
}

#txquery, #txreply {
	width: 500px;
	padding: 2px;
}

cite {
	display: block;
	border: thin solid #bbb;
	background: #f0f0f0;
	padding: 0.5em;
	margin: 0.5em 0.5em 0 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pushbtn {
	border: 1px solid;
	border-color: #aaa #000 #000 #aaa;
	background: #fc0;
}

.pushbtn:hover
{
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #000 #aaa #aaa #000;
}