/* ************************************************* Learn2mediate.com Screen Styles Created by Loracs Design http://loracs.com ************************************************* */ /*------------------------------------------- STRUCTURE -------------------------------------------*/ body { color: #000; text-align: center; font-size: 62.5%; line-height: 1.8em; background: #2255b0 url(http://learn2mediate.com/pics/body_bk.jpg) repeat top left; } #umbrella { width 100%; background: #2F2F2F; } #umbrellasub { margin: 0 auto; width: 932px; } #sites { width: 400px; height:3em; padding: 10px 0 0; list-style-type:none; } #sites li { float:left; margin:0 1px 0 0; padding:0 4px 0 0; text-align: center; } #sites li a { margin-bottom: 0; display:block; background: #7C777F; padding:5px 16px 6px; text-decoration:none; text-transform: uppercase; font-size:1.4em; outline: none; border-top:1px solid #222222; border-left:1px solid #222222; border-right:1px solid #222222; -webkit-border-top-left-radius: 7px; -khtml-border-radius-topleft: 7px; -moz-border-radius-topleft: 7px; border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -khtml-border-radius-topright: 7px; -moz-border-radius-topright: 7px; border-top-right-radius: 7px; } #sites a { background: inherit; color: #fff; text-decoration: none; letter-spacing: 1px; } #sites li.here a, #sites li a:hover { color: #a57cbc; background: #fff; } #sites li.here a {font-weight: 700; } #social { float: right; margin: -30px -5px auto auto;} #social li { float: left; margin: 0 5px; list-style-type: none; } #social li img {width: 28px; height: 28px; } #umb-member { height: 2em; padding: 10px 0 0; list-style-type:none; float: left; margin: -35px -5px auto 650px;} #umb-member li {float: left; font-size: 1em;line-height: 1.2em; } #umb-member a { display: block; padding: 5px 8px 5px 0; color: #ffffff; text-decoration: none; } #umb-member li:first-child a:after { content:"|"; color: #fff; padding-left: 8px;} #umb-member a:hover { color: #A57CBC; text-decoration: none; } #container { position: relative; margin: 0 auto 18px auto; width: 930px; text-align: left; color: #000; background: #fff; } .stripped { padding: 20px; font-size: 1.2em; } #masthead { width: 930px; text-align: center; padding: 0; font-size: 1.2em; } #header { padding-top: 0px; height: 154px; background: url(http://learn2mediate.com/pics/headerback.png) no-repeat top left; } #header h1 a {display: block; padding-top: 75px; padding-bottom: 20px; } #viewcart { position: absolute; top: 120px; right: 10px; } #navcontainer { position: relative; } #content { width: 930px; float: left; background: inherit; color: #000; margin: 0px; padding: 40px 0 14px 0; } #main { width: 625px; float: left; padding: 0 0 0 30px; font-size:1.4em;} #sub1 { width: 230px; float: right; font-size: 1.2em; margin-right: 15px; } /*------------------------------------------- MAIN NAVIGATION -------------------------------------------*/ #mainnav { height:2.7em; font-family: Tahoma, 'Verdana', Arial, Sans-Serif; color: #fff; background: #7f459f; margin: 0; } #mainnav li { float:right; margin:0; list-style-type:none; white-space:nowrap; } #mainnav li a { display:block; padding: .5em 20px; font-size:1.2em; outline: none; border:none; } #mainnav a { background: inherit; color: #fff; text-decoration: none; letter-spacing: 1px; } #mainnav li .selected, #mainnav li a:hover { color: #fff; background: #a57cbc; } #mainnav li#mn_contact a { padding-right: 16px; } /*Highlight nav button of current page/section */ #schedule #mn_schedule, #training #mn_training, #register #mn_register, #store #mn_store, #about #mn_about, #mediation #mn_mediation, #faq #mn_faq, #resources #mn_resources { color: #fff; background: #5d257c; } #main ol#breadcrumb { margin: -35px 0 35px 0; font-size: 1em; padding-bottom: 10px; list-style: none; } #main ol#breadcrumb li { float:left; background:url(/pics/here-mark.png) no-repeat right 7px; padding:0 13px 0 0; margin: 0 10px 0 0; } #main ol#breadcrumb li#here { background:none; } /* Top Nav */ #topnav { position: absolute; list-style:none; text-align:right; font-family: Verdana, Arial, Sans-Serif; right: 30px; width: 940px; padding: 8px 0 12px; height: 1.8em; background: transparent; color: #000; } #topnav li { list-style:none; display:block; float:right; margin:0; font-size: 1.3em; padding: 2px 10px 0 10px; font-weight: 700; } #topnav li a:link, #topnav li a:visited { color: #2255b0; background-color: transparent; text-decoration: none; } #topnav li a:hover, #topnav li a:active { color: #a57cbc; background-color: transparent; padding-bottom: 5px; } /*------------------------------------------- SIDEBAR -------------------------------------------*/ /* Subnavigation -- sectionbox ------------------------------ */ #sectionbox { text-align: left; width: 228px; margin-bottom: 20px; /*background: #f3deff;*/ padding: 18px 0 20px 0; } #sectionbox a {text-decoration: none; font-weight: 700;} #sectionbox a:hover {text-decoration: underline;} #sub1 #sectionbox h3 { text-align: left; font-style: normal; margin:0 10px 0 0; padding: 0px; color: #666; font-family: Arial, sans-serif; border-bottom: 1px solid #7F459F; } #sub1 #sectionbox ul { margin: 0 10px 0 0; padding: 0px; } #sectionbox li { list-style: none; } #sectionbox li a { display:block; outline: none; font-size:1.2em; border-bottom: 1px solid #ccdfe5; padding: 8px 10px 8px 20px; } #sectionbox li#subhere { background: url(/pics/subhere-mark.png) no-repeat left 10px;} #seebox { text-align: left; width: 228px; margin-bottom: 50px; padding: 10px 0 0 0; } #seebox a {text-decoration: none; font-weight: 700;} #seebox a:hover {text-decoration: underline;} #sub1 #seebox h3 { text-align: left; font-style: normal; margin:0 10px 0 0; padding: 0; color: #666; font-family: Arial, sans-serif; border-bottom: 1px solid #7F459F; } #sub1 #seebox ul { margin: 0 10px 0 0; padding: 0px; } #seebox li { list-style: none; } #seebox li a { display:block; outline: none; font-size:1em; border-bottom: 1px solid #ccdfe5; padding: 8px 0;} #internalnav, #schedulebox, .notebox, #stateappbox, .mailerbox, .testimonialbox { width: 218px; padding: 0; margin: 10px 10px 10px 0; border: 1px #ccdfe5 solid; color: #000; background: #f4f9fe; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #audiencebox, .notebox { color: #7F459F;} #audiencebox { margin: 30px 0; padding: 0; } #sub1 #audiencebox ul { margin: 0 10px 10px 25px; } #sub1 #audiencebox ul li { margin-bottom: 5px; } .mailerbox fieldset { text-align: center; padding-bottom: 10px; } .mailerbox fieldset #ei, .mailerbox fieldset #submit { margin-bottom: 10px; } #schedulebox { border: 1px #e8eff5 solid; color: #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #sub1 h3 { margin: 10px 0;font-weight: 700; font-size: 1.4em; color: #666; padding-bottom: 5px; margin: 10px 10px; border-bottom: 1px solid #7F459F;} #sub1 p { padding: 0px 10px; } #sub1 #audiencebox p, #sub1 .notebox p { font-size: 1.4em; margin: 10px 0px; line-height: 1.4em; } .testimonialbox { padding-top: 10px; } #internalnav { position: fixed; } #internalnav ul { padding-left: 10px; } #sub1 p.testname, #sub1 p.testname+p { text-align: right; color: #666; margin-bottom: 0; } #sub1 p.moretest { padding: 10px; } #main blockquote.testimonial p { clear: both; color: #000000; } #main blockquote p.testname { float: right; clear: both; color: #5c5d5e; font-size: .9em; line-height: 1.2em; margin: 0 0 2em 0em; font-style: normal;font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; } /*------------------------------------------- FOOTER -------------------------------------------*/ #footer { text-align: center; width: 930px; font-size: 1.0em; clear: both; -moz-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff; float: left; padding-bottom: 15px;} #footer #contactinfo { background: #fff; color: #333; padding-bottom: 15px; font-size: 1.2em; border-top: 1px #ccdfe5 dotted; float: left; width: 930px; } #footer h2 { font-size: 1.4em;font-family:Frutiger,Univers,"Helvetica Neue","Lucida Grande",Calibri,Helvetica,Verdana,sans-serif; padding-top: 1.2em; margin: 0; line-height: 1em; } #copyright { width: 930px; clear: both; padding: 10px 0px 10px; font-size: 1.2em; background: inherit; color: #f2f7f8; margin: 0px auto 20px; } #copyright a:link, #copyright a:visited { color: #f2f7f8; } #copyright a:hover, #copyright a:active { color: #9C75D8; } #copyright p { line-height: 1.5em; } /* HOME ----------- */ .medopp { float: left; margin: 15px 0 30px 9px; padding: 10px 8px 0; border: 1px solid #e8eff5; width: 184px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #1A1717; } #main .one {clear: left; margin-left: 0;} .medopp+.medopp+.medopp { margin-right: 0;} .medopp img { float: right; margin-bottom: 20px;} .medopp dl {min-height: 27em; } .medopp dt {margin-top: 0; text-align: center; font-size: 1.4em; font-weight: 500; color: #7F459F; padding: 0 0 .5em 0;} .medopp dd.head { text-align: center; font-size: 1em; color: #5d257c; padding: 0 0 .25em 0; margin-top: 2.0em; font-weight: 700;} .medopp dd.hey { text-align: center; margin: 20px; } .medopp dd.hey a { text-decoration: none; background: #2255B0; color: #fff; padding: 4px 8px; -moz-border-radius:10px; -webkit-border-radius: 10px;} .medopp dd.hey a:hover { text-decoration: none; background: #AA2463; color: #fff;} #main .medopp p.action { margin: 20px -8px 0; padding: 5px 10px; color: #fff; font-size: .8em; text-transform: uppercase; letter-spacing: .125em; background:#AA2463; /*background: #C733A1;*/ -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; } .medopp p.action a {text-decoration: none; color: #fff; font-weight: 700; background: transparent;}.medopp p.action a {text-decoration: none; color: #fff; background: transparent;} .medopp p.action a:hover {text-decoration: underline; } #home blockquote { line-height: 1.3em; margin-left: 10px; font-family: Helvetica, Arial, sans-serif; font-style: normal; color: #3B9EEF; width: 360px;} #home #seebox { margin-bottom: 30px;} #home .mailerbox {margin-top:30px; } #schedulebox p.full { text-align: center; margin: 20px; } #schedulebox p.full a { text-decoration: none; background: #2255B0; color: #fff; padding: 4px 8px; -moz-border-radius:10px; -webkit-border-radius: 10px;} #schedulebox .full a:hover { text-decoration: none; background: #AA2463; color: #fff;} /* MEMBERS */ #forgot_password_form legend, #form_login legend, #member_form legend {display: none; } #forgot_password_form fieldset, #form_login fieldset, #member_form fieldset { margin-bottom: 10px; border: none; } #container #main #forgot_password_form ul, #container #main #form_login ul, #container #main #member_form ul {list-style: none; margin-left: 0; padding-left: 0;} #container #main #forgot_password_form li, #container #main #form_login li, #member_form li {padding: 10px 0;} #sidenav { text-align: left; width: 228px; margin-bottom: 20px; /*background: #f3deff;*/ padding: 18px 0 20px 0; } #sidenav a {text-decoration: none; font-weight: 700;} #sidenav a:hover {text-decoration: underline;} #sub1 #sidenav h3 { text-align: left; font-style: normal; margin:0 10px 0 0; padding: 0px; color: #666; font-family: Arial, sans-serif; border-bottom: 1px solid #7F459F; } #sub1 #sidenav ul { margin: 0 10px 0 0; padding: 0px; } #sidenav li { list-style: none; } #sidenav li a { display:block; outline: none; font-size:1.2em; border-bottom: 1px solid #ccdfe5; padding: 8px 10px 8px 20px; } #sidenav li#subhere { background: url(/pics/subhere-mark.png) no-repeat left 10px;} /* PRODUCTS */ #buzz { width: 230px; float: right; border-top: 1px solid #f0f0f0; margin: 10px 0px 10px 0; padding: 0; border: 1px #ccdfe5 solid; color: #000; background: #f4f9fe; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #main #buzz .name { font-size: .9em; margin-top: 10px; font-family: Helvetica;} #main #buzz p {padding: 10px; margin: 0; line-height: 1.2; font-size: 1.1em;} /* STORE ----------- */ #store #main { width: 870px; } .prodopp { float: left; width: 184px; margin: 15px 0 30px 15px; padding: 10px 8px 0; border: 1px solid #e8eff5; color: #1A1717; text-align: center; -khtml-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .prodopp img {margin-bottom: 20px;} .prodopp dl {min-height: 16em; } .prodopp dt {margin-top: 0; font-size: 1.4em; font-weight: 500; padding: 0 0 .5em 0;} .prodopp dt a:link, .prodopp dt a:visited {color: #7F459F; text-decoration: none;} .prodopp dt a:hover, .prodopp dt a:active {color: #2255b0; text-decoration: none;} .prodopp dd { text-align: left; } .prodopp dd.cost { text-align: center; margin-top: 10px; font-weight: 700; } #main .prodopp p.action { margin: 20px -8px 0; padding: 5px 10px; color: #fff; font-size: .8em; text-transform: uppercase; letter-spacing: .125em; background:#AA2463; /*background: #C733A1;*/ -khtml-border-radius-bottomleft: 10px; -khtml-border-radius-bottomright: 10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .prodopp p.action a {text-decoration: none; color: #fff; font-weight: 700; background: transparent;}.medopp p.action a {text-decoration: none; color: #fff; background: transparent;} .prodopp p.action a:hover {text-decoration: underline; } #prodoverview{ width: 630px; float: left} #prodgroup { width: 230px; float: right;} #prodoverview img {margin: 30px 0; } #prodoverview h3.plug { color: #AD2A6A; background: transparent; float: right; width: 300px; font-size: 1.4em; margin: 70px 30px 0 0; line-height: 1.2; text-align: center; font-family: Helvetica, Arial, Calibri, Verdana, sans-serif; } #store h3.ship span { text-align: center; font-size: .85em; color: #000; font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif;} #store h3.ship { text-align: center; margin-bottom: 1em;} .prodbox { float: left; width: 230px; text-align: center; padding: 10px 0; margin: 10px 0 10px 0; border: 1px #ccdfe5 solid; color: #000; background: #f4f9fe; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #main .prodbox h3 { padding: 0 0 4px; margin: 0; border-bottom: 1px dotted #7F459F; margin-bottom: 10px;} #main .prodbox h3+p { font-style: italic; } #main .prodbox p { text-align: center; } #main .prodbox ul { list-style: none; } #main .prodbox li { text-align: left; line-height: 1.5; } #store #main .right {float: right; display: inline-block; margin: 0 0 10px 15px; } #store #main .prodbox .ship { font-size: .8em; line-height: 1em;} #store #main .prodbox .cost { font-weight: 700; font-size: 1.2em; margin-bottom: .4em;} #store .medtable { float: right; width: 360px; margin: 0 0 15px 15px;} #store .medtable caption { caption-side: bottom; font-size: 0.9em; line-height:1; font-style: italic; text-align: right; padding: 0em 0; } #store .medtable th { font-weight: 700;} #store h3 {clear: none; } /* VIDEOS */ #videos #main { width: 870px; } #videos .prodopp dl {min-height: 11em; } #videos dt { font-size: 1.2em;} /*------------------------------------------- TYPOGRAPHY & LINKS -GENERAL -------------------------------------------*/ /* Default fonts */ body { font-family: Helvetica, Arial, Calibri, Verdana, sans-serif; } pre { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } code { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } /* Headings ----------- */ h1, h2, h3, h4 { clear:both; line-height:1.2em; margin: 0; color:#333; background: transparent; font-family: Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; } h1 { font-size: 2.0em; padding: 0 0 5px; margin-top: -9px; margin-bottom: 10px; } h1#sectiontitle { border-bottom: 1px solid #ccdfe5; } h2 { font-size: 1.5em; color: #5d257c; padding: 0 0 .5em 0; margin-top: 1.8em; } h3 { font-size: 1.2em; color: #5d257c; padding: 0 0 .25em 0; margin-top: 2.0em; } h4 { font-size: 1.0em; font-weight:bold; } h1+h2, h1+a+h3, h2+h3 { margin-top: 0px; } /* Text elements -------------------------------------------------------------- */ #content p { font-size: 1em; margin: 0 0 18px 0; text-align:left; } #content ul { margin: 0 0 18px 18px; } #content ul { list-style-type: square; } #content ol { list-style-type: decimal; margin: 0px 24px;} #content dl { margin: 0 0 18px 0; } #content dl dt { font-weight: bold; } em { font-style: italic; } strong {font-weight: bold;} pre { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; } a:link, a:visited { color: #2255b0; text-decoration: underline; } a:hover, a:active { color: #a57cbc; } .clientnote { color: orange; font-style: italic; } #content #main p.kicker { font-size: 1.2em; line-height: 1.3em; margin-top: 1em;} #main div.event p { margin-top: 0; margin-bottom: 0; } .register { float: left; position: relative; width: 120px; padding-left: 10px; line-height: 18px; height: 50px; } .event { float: left; width: 440px; margin-right: -3px; margin-bottom: 18px; } .event h3 { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; font-size: 1em; line-height: 1.2em; font-weight: 700; } .event p:first-child { font-style: italic; } ul.toplist li { list-style-type: none; padding-bottom: 0px; } ul.toplist li ul{ padding-bottom: 0px; } ul.toplist li ul li{ padding-bottom: 12px; } ul.toplist li ul li ul { padding-bottom: 0px; margin-bottom: 0px; } ol li { padding-bottom: 12px; } ol li ol { padding-top: 12px; } #main .eventitem { padding-top: .6em; margin-bottom: 2em; } #main .eventitem + .eventitem {border-top: 1px solid #D3DFEC;} #main .eventitem .date { font-style: italic; font-weight: 700; padding: 0px; margin: 0px; } #main .eventitem p.date+p { font-size: 1.2em; font-weight: 700; padding: 0px; margin: 0px; } #main .eventitem p.date+p+p em { display: block; } #main .eventitem p.fillednote { font-size: 1.2em; line-height: 1.2em; color: #EF9700; font-style: italic; } blockquote { font-size: 1.1em; line-height: 1.62em; color: #5B5B5B; margin: 0 45px 0 30px; font-family: Georgia, sans-serif; font-style: italic; } p+blockquote { margin-top: -4px; } li li, li p, td p, blockquote p {font-size: 1em;} .resitem { margin-bottom: 1em; padding-top: .5em; } .resitem strong { display: block; } /* ------------------------ ACCORDIAN ---------------------------------------*/ #accordion { margin: 1em 0 0 1em; } #main #accordion h3.toggler { cursor: pointer; margin: 0px 0 4px 0; padding: 3px 5px 0px; font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; font-size: 1em; text-decoration: underline; } #main #accordion p { padding: 0 1em 2em 1em;} /*------------------------------------------- TABLES -------------------------------------------*/ table.medtable { color: #000; background-color: #fff; border: 1px #d3dfec solid; border-collapse: collapse; border-spacing: 0px; } table.medtable caption { font-size: 18px; line-height:36px; } table.medtable { width: 605px; margin: 5px 0; text-align: left; } table.medtable th { background:#f4f9fe; color: #000; border-left: 1px solid #d3dfec; border-bottom: 1px solid #d3dfec; padding:5px; } table.medtable th[scope=col] { background:#f4f9fe; } table.medtable td { border-bottom: 1px solid #e5eff8; border-top: 0px; border-left: 1px solid #e5eff8; border-right: 0px; padding:5px; vertical-align: top; } table.medtable td.tdregdetails { font-size: .8em; line-height: 1.2em; width: 130px; } .regbutton { width: 75px; border: 1px solid #5D257C; padding: 0px; text-align: center; margin:10% auto; font-size: .9em; background: #7F459F; } .regbutton a{ display: block; color: #fff; text-decoration: none; padding: 3px 8px; } .regbutton a:hover { color: #fff; padding: 3px 8px; background: #A57CBC; } table.mailfaxtab { font-size: 9pt; color: #404040; background-color: transparent; border: 0; border-collapse: collapse; border-spacing: 0px; margin: 5px 0; } table.mailfaxtab th { font-weight: 700; padding:5px; text-align: left; font-size: 11pt; } table.mailfaxtab td { padding:5px; vertical-align: top; } table.mailfaxtab td.tabnote { font-size: 9pt; } /*------------------------------------------- IMAGES -------------------------------------------*/ img.photo { float: left; clear: left; padding: 0; margin: 0 5px 5px 0; padding: 0 5px; } #about img.photo, #training img.photo { float: right; clear: right; padding: 0; margin: 0 0 10px 15px; padding: 0; border: 1px solid #999;} img.right { float: right; margin-left: 20px;} .rss img { margin-bottom: -4px; margin-right: 4px;}