/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,form,fieldset,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;border:0;font-weight:normal;
font-style:normal;font-size:100%;font-family:inherit;
vertical-align:baseline;}
body{line-height:1;color:black;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
input {font-size:100%;}
a{text-decoration:none;}
a:focus{outline:none;}

html {
overflow:auto;
background:url(/img/background.png) repeat-x;
}
body {
width:100%;
padding-top:20px;
text-align:center;
font:62.5% Arial, sans-serif;
}
#container {
position:relative;
width:970px;
margin:0 auto;
text-align:left;
background:white url(/img/containerBkgdTop.png) no-repeat;
}
a {
text-decoration:underline;
color:#001DF3;
}
#header a,
#menusMain a,
#menuContent a {
text-decoration:none;
}
a:visited {
color:#551A8B;
}

/* FORMS */
select {
width:145px;
font-size:1em;
color:#8092BE;
}
option {
padding:1px 5px 0 1px;
background-color:white;
}
.textfield {
color:#8596c0;
padding:1px;
}
.realForm input.textfield,
.realForm input.file,
.realForm textarea {
color:#0e3182;
}
.realForm {
padding-bottom:5px;
background:#FEE5A8 url(/img/form-headings-orange.png) left 0 no-repeat;
}
#content .realForm {
text-align:left;
}
.realForm h1 {
width:100%;
margin:0;
line-height:28px;
font-size:1.4167em;
text-indent:10px;
border:0;
color:white;
background:url(/img/form-headings-orange.png) right -35px no-repeat;
}
.realForm fieldset {
clear:both;
margin:10px 10px 0;
padding:5px 20px 15px;
border:2px solid #FFB300;
background:#FFF4DB;
}
.realForm fieldset.submit,
.realForm fieldset.emailNotifFset {
margin-top:5px;
padding:4px 0 0;
border:0;
color:black;
text-align:center;
background:none;
}
.realForm legend {/*!ie*/
margin-left:-10px;
font-size:1.1667em;
font-weight:bold;
color:#DD4F00;
}
.realForm li {
clear:both;
margin:5px 0 10px;
}
.realForm li.lastchild {
margin:5px 0;
}
.realForm li.firstchild ul {
margin-top:-5px;
}
.realForm .textfield {
display:block;
width:150px;
}
.realForm textarea {
clear:both;
float:none;
display:block;
width:99%;
height:150px;
padding:1px;
font-family:Arial, sans-serif;
font-size:1em;
overflow:auto;
}
#address {
height:45px;
width:50%;
}
.realForm p,
.realForm label {
display:block;
padding:2px 0;
color:#0C2E82;
}
.radioGroup li,
.checkboxGroup li {
margin:0;
}
.radioGroup,
.checkboxGroup {
overflow:auto;
}
.radioGroup input.radio,
.radioGroup label,
.checkboxGroup input,
.checkboxGroup label {
float:left;
}
li.date select {
width:auto;
}

/* TABLES IN FORMS */
.realForm table {
border-collapse:collapse;
border:2px solid #FFBE00;
margin-top:6px;
width:99.9%;
}
.realForm table td,
.realForm table th {
padding:2px 8px;
border:2px solid #FFBE00;
border-width:0 2px;
text-align:left;
}
.realForm table th {
border-width:2px;
color:#DD4F00;
background:#FEE5A8;
}
.realForm table tr.odd {
background:white;
}
.realForm table tr.even {
background:#FFF4DB;
}

/* HEADER */
#header {
position:absolute;
left:10px; top:10px;
width:950px;
margin-bottom:10px;
background:url(/img/toolbar-bkg.png) left bottom repeat-x;
}
#header #logo {
display:block;
float:left;
}
#header .banner {
position:relative;
float:right;
height:145px;
width:740px;
margin-top:-30px;
z-index:10;
}
#header .banner img,
#header .banner span {
position:absolute;
bottom:0;
}
#identity {
width:950px;
height:116px;
margin-bottom:10px;
}

/* USER */
#user {
clear:both;
float:left;
width:680px;
height:33px;
font-size:1.2em;
line-height:33px;
background:#CED5E6 url(/img/user-search-sep.png) right top repeat-y;
}
#welcome, #currentProfile,
#changeProfile, .logout {
float:left;
padding-left:10px;
}
#welcome {
background:url(/img/user-toolbar-left.png) left top no-repeat;
}
#welcome span {
padding-right:7px;
font-weight:bold;
border-right:1px solid #333;
}
#currentProfile {
line-height:1.3em;
font-size:0.91667em;
padding:10px 10px 0 5px;
vertical-align:40px;
}
form#changeProfile {
width:220px;
line-height:normal;
padding:5px 0 0;
}
#changeProfile select {
width:165px;
padding:1px;
margin:1px 0 0 10px;
color:#8496C0;
border:1px solid #8496C0;
background:url(/img/bkgDropDown.png) repeat-x;
}
.logout {
display:block;
width:83px;
height:23px;
margin-top:5px;
text-indent:-9999px;
overflow:hidden;
background:url(/img/logout.png) no-repeat;
}
.logout:hover {background-image:url(/img/logout-hover.png)}
.logout:active {background-image:url(/img/logout-active.png)}

/* SEARCH */
form#search {
float:left;
width:270px;
height:33px;
background:#FFB300 url(/img/user-toolbar-right.png) right top no-repeat;
}
#search fieldset {
padding-top:5px;
}
#search input {
vertical-align:middle;
width:auto;
}
#search #query {
padding:4px;
font-size:1.1em;
color:#8596C0;
border:1px solid #CDCDCD;
width:210px;
margin-left:10px;
background:white url(/img/search-bkg.png) left top repeat-x;
}

/* TOOLBAR */
div#toolbar {
clear:both;
height:32px;
line-height:32px;
background:url(/img/user-toolbar-left.png) left bottom no-repeat;
text-align:center;
}
#toolbar ul {
height:100%;
background:url(/img/user-toolbar-right.png) right bottom no-repeat;
}
#toolbar li {
display:inline;
background:url(/img/toolbar-sep.png) no-repeat;
padding:8px 0;
}
#toolbar li.firstchild {
background-image:none;
}
#toolbar a {
padding-bottom:8px;
color:white;
margin:0 10px 0 15px;
font-size:1.4em;
font-weight:bold;
}
#toolbar a:hover,
#toolbar li.current a {
margin:0 0 0 4px;
padding:0 10px 4px 11px;
border-bottom:4px solid white;
}
#toolbar li.current a {
border-color:#FFB300;
}

/* MENUSMAIN */
#menusMain {
width:200px;
margin:210px 20px 0 0;
float:right;
}
#menusMain div {
margin-bottom:10px;
background:#FEEDC3 url(/img/menumain-bkg.png) no-repeat;
}
#menusMain h2,
#extra h3 {
padding:0 10px;
margin:0;
font-weight:bold;
font-size:1.4em;
line-height:2em;
color:white;
border:0;
background-image:url(/img/menumain-h2.png);
}
#menusMain h2.firstchild {
background-image:none;
}
#menusMain ul {
font-size:1.2em;
}
#menusMain li {
border-top:1px solid #FEF2D5;
border-bottom:1px solid #FFBB1A;
}
#menusMain li.firstchild {
border-top:0;
}
#menusMain li.lastchild {
border-bottom:0;
}
#menusMain ul.lastchild li.lastchild {
padding-bottom:7px;
background:url(/img/menumain-foot.png) left bottom no-repeat;
}
#menusMain div a {
display:block;
padding:4px 0 4px 10px;
color:#432F00;
}
#menusMain li.lastchild a {
padding-bottom:20px;
}
#container #menusMain li.current a,
#container #menusMain li:hover a {
background-image:url(/img/trans.png);
}
#menusMain #menuAdmin {
background:url(/img/menu-admin-bkg.png) no-repeat;
}
#menusMain #menuAdmin ul.lastchild li.lastchild {
background-image:url(/img/menu-admin-foot.png);
}
#menusMain #menuAdmin li {
border-top-color:white;
border-bottom-color:#96A5C9;
}
#menusMain #menuAdmin a {
color:black;
}




/* MAIN */
#main {
float:right;
width:730px;
margin:210px 10px 20px 0;
display:inline; /* dble margin ie bug */
}

/* MENU CONTENT */
#menuContent {
background:#1A3A89  url(/img/menucontent-t.png) left top no-repeat;
}
#menuContent ul {
overflow:auto;
background:url(/img/menucontent-b.png) left bottom no-repeat;
}
#menuContent li {
float:left;
line-height:23px;
background:url(/img/menucontent-sep.png) right 1px no-repeat;
}
#menuContent li.lastchild {
background:none;
}
#menuContent a {
margin:0 10px;
font-size:1.1em;
font-weight:bold;
color:white;
}
#menuContent a:hover,
#menuContent li.current a {
margin:0 5px 0 4px;
padding:0 5px 2px 6px;
border-bottom:3px solid white;
}
#menuContent li.current a {
border-color:#FFB300;
}

/* CONTENT */
#content {
position:relative;
clear:both;
float:left;
width:510px;
margin-right:20px;
font-size:1.2em;
text-align:justify;
}
h1, h2 {
margin:18px 0;
font-size:2em;
font-weight:bold;
color:black;
border-bottom:4px solid #0C2E82;
}
h2 {
font-size:1.1667em;
border-width:2px;
margin:20px 0;
}
.heading {
font-size:1.16667em;
color:#7A7E9B;
padding-bottom:15px;
line-height:1.21739;
}
#content img {
float:left;
border:1px solid #CED5E6;
padding:4px;
margin-right:8px;
background-color:#E6EAF2;
}
div.skipLink {
text-align:center;
margin-top:3px;
}

/* PAGINATION & ALPHABET */
.pagination,
.alphabet {
text-align:center;
padding-top:14px;
padding-bottom:12px;
}
.alphabet {
text-align:left;
padding-top:4px;
overflow:auto;
}
.pagination *,
.alphabet * {
display:inline;
}
.pagination a,
.pagination a:visited,
.alphabet a,
.alphabet a:visited {
font-family:Verdana, Arial, sans-serif;
border:1px solid #9AAFE5;
color:#105cb6;
text-decoration:none;
background-color:white;
}
.alphabet a,
.alphabet a:visited {
margin:0 1px;
font-size:1.1667em;
color:#0c2e82;
}
.previous,
.next {
background:url(/img/aquo.png) left top no-repeat;
}
.previous {
padding:3px 4px 3px 15px;
background-position:10% 8px; /*ie*/
}
.next {
padding:3px 15px 3px 4px;
background-position:90% -16px; /*ie*/
}
.pagination li a,
.alphabet li a,
.pagination li a:visited,
.alphabet li a:visited {
padding:3px 4px;
}
.pagination a:hover {
}
.pagination .current a,
.alphabet .current a,
.pagination .current a:visited,
.alphabet .current a:visited {
border:1px solid #DF6900;
background:#FFB300;
color:white;
}
.pagination .skip {
color:black;
}

/* FILTERED LIST */
.filteredList {
padding-top:8px;
background:url(/img/rcBorderLarge-t.png) left top no-repeat;
}
#trainingsList {
background:url(/img/rcBorderSmall-t.png) left top no-repeat;
}
.filteredList li {
padding:10px;
font-size:0.9167em;
color:black;
background-repeat:no-repeat;
}
.filteredList li.odd {
background-color:#F3F4F9;
}
.filteredList li.lastchild {
padding-bottom:18px;
background-image:url(/img/rcBorderLarge-b.png);
background-position:left bottom;
}
#trainingsList li.lastchild {
background-image:url(/img/rcBorderSmall-b.png);
}
.filteredList li a,
.filteredList li a:visited {
color:black;
}
.filteredList li ul {
padding-top:2px;
background:none;
}
.filteredList li li {
padding:2px 0;
font-weight:bold;
font-size:1em;
background:none;
}
.filteredList li li a {
color:blue;
font-size:1.0909em;
}
.filteredList h3 {
font-size:1.0909em;
font-weight:bold;
text-decoration:underline;
}
.filteredList .more {
text-align:right;
}
.filteredList .more li {
display:inline;
}
.filteredList .more a,
.filteredList .more a:visited {
color:#C33;
font-weight:bold;
text-decoration:none;
padding:0 15px;
background:url(/img/arrow-red-r.png) right 0 no-repeat;
}
.filteredList .odd .more a,
.filteredList .odd .more a:visited {
background-position:right -28px;
}

/* SKIP LINKS */
a.toTop {
font-size:0.9167em;
text-decoration:underline;
padding-top:2px;
padding-right:24px;
padding-bottom:4px;
vertical-align:5px;
background:url(/img/spritesforums.png) right -390px no-repeat;
}

/* EXTRA */
#extra {
float:left;
margin-top:20px;
padding-bottom:22px;
background:url(/img/extra-footer.png) bottom no-repeat;
}
#extra h3 { /* cf #menusMain h2 */
background:#E3631D url(/img/extra-h3-bkg.png) no-repeat;
}
#extra div {
width:200px;
background-color:#FFF7E3;
color:#432F00;
}
#extra div p.subtitle {
font-size:1.2em;
line-height:2.3333em;
padding-left:10px;
border:2px solid #FFAB1A;
border-width:0 2px;
color:#DD4F00;
}
#extra div li {
line-height:25px;
padding-left:10px;
font-size:1.1em;
border:2px solid #FFAB1A;
border-width:0 2px;
}
#extra div li li {
padding:0;
border:0;
font-size:1em;
}
#extra .forumsLastMsg li {
line-height:normal;
padding-bottom:3px;
}
#extra .forumsLastMsg li li {
padding:0;
}
#extra div.userProfiles li {
background:url(/img/extra-bullet.png) 10px 55% no-repeat;
padding-left:20px;
}
#extra div.userProfiles li.current {
color:red;
}
#extra div li.odd {
background-color:#FFEDC3;
}
#extra div h4 a,
#extra div h4 a:visited {
line-height:18px;
padding-left:7px;
font-weight:bold;
color:#432F00;
background:url(/img/extra-bullet.png) 0 4px no-repeat;
}
#extra div h4 a:hover {
color:#DD4F00;
}
#extra div li p {
padding-top:2px;
}
#extra div li li a,
#extra div li li a:visited {
color:#432F00;
text-decoration:none;
}
#extra div li li a:hover {
text-decoration:underline;
}
#extra div .footer {
line-height:22px;
text-align:right;
position:absolute;
width:200px;
}
#extra div .footer a {
font-size:1.1em;
color:#DD4F00;
font-weight:bold;
margin-right:5px;
padding-right:17px;
background:url(/img/extra-arrow.png) right center no-repeat;
}
#extra div .footer a:hover {
text-decoration:underline;
}
#extra div .forum {
background:none;
padding:0;
}

/* FOOTER */
#footer {
clear:both;
font-size:1.1em;
padding:0 15px 40px;
line-height:41px;
background:url(/img/footer-bkg.png);
text-align:right;
}
#footer li {
display:inline;
border-left:1px solid white;
padding:0 7px 0 12px;
}
#footer li.firstchild {
border:0;
}
#footer a {
color:white;
}

form.trainingFilter select {
width:120px;
}
.trainingFilter li {
float:left;
clear:none;
margin-right:30px;
}
.trainingFilter li.lastchild {
margin-right:0;
}

/* STYLE ORANGE */
form.style_colorOrange {
background-color:#FEE5A8;
background-image:url(/img/form-headings-orange.png);
}
form.style_colorOrange h1 {
background-image:url(/img/form-headings-orange.png);
}
form.style_colorOrange fieldset {
border-color:#FFB300;
background-color:#FFF4DB;
}
form.style_colorOrange fieldset.submit {
background:none;
}
form.style_colorOrange legend {
color:#DD4F00;
}
form.style_colorOrange .textfield,
form.style_colorOrange select,
form.style_colorOrange textarea,
form.style_colorOrange input.file {
border-color:#FFA73B;
}

/* BLUE */
form.style_colorBlue {
background-color:#DBE0EC;
background-image:url(/img/form-headings-blue.png);
}
form.style_colorBlue h1 {
background-image:url(/img/form-headings-blue.png);
}
form.style_colorBlue fieldset {
border-color:#BBC4DC;
background-color:#F0F2F7;
}
form.style_colorBlue fieldset.submit {
background:none;
}
form.style_colorBlue legend {
color:#0C2E82;
}

/* FLOAT */
#content .style_contentHoriz {
overflow:auto;
}
#content .style_contentHoriz li {
float:left;
clear:none;
padding-right:30px;
}


/* DEBUG
#header {background-color:red;}
#identity {background-color:orange;}
#welcome {background-color:orange;}
#welcome span {background-color:red;}
#currentProfile {background-color:purple;}
#currentProfile span {background-color:yellow;}
#changeProfile {background-color:green;}
#menuMain {background-color:pink}
#main {background-color:orange}
#content {background-color:lightblue}
#extra {background-color:lightgreen}
 */