@CHARSET "utf-8";
html {
    padding:0;
    margin:0;
    overflow-y:scroll;
}
body {
    font-size:14pt;
    font-family:Georgia,"Times New Roman",times,serif;
    padding:0;
    margin:0;
    background-color:#cccccc;
    background-image:url("../images/ondabgpillars.png");
    background-position:top center;
    background-repeat:repeat-y;
}

h1,h2,h3 {
    margin:0;
    padding:0;
    font-family:Arial,sans-serif;
}
a:link,a:active,a:visited {
    text-decoration:none;
    color:#134c84;
}
a:hover {
    color:#134c84;
    text-decoration:underline;
}

ul li {
    position:relative;
    margin-left:5px;
}

div#header {
    margin:0px 0px 20px 0px;
    background:#eee url('../images/stripebackground_greyblue.png') repeat;
    width:100%;
    height:40px;
    /*
    border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-bottom-left-border-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-bottom-right-border-radius:5px;
    */
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
div#header div.inner {
    margin:1px auto;
    width:1020px;
    position:relative;
}

div#header h1 {
    background-color:#cccccc;
    border-top:none;
    background-image:url('../images/ondalogo_blue_notext_shadow.png');
    background-repeat:no-repeat;
    background-size:60px;
    background-position:center left;
    color:#134c84;
    font-size:20pt;
    margin:1px auto;
    overflow:visible;
    text-align:right;
    padding-top:7px;
    padding-right:7px;
    height:40px;
    width:130px;
    display:block;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-transform:lowercase;
    border-bottom-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-bottom-left-border-radius:10px;
    border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-bottom-right-border-radius:10px;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.7);
}

div#header h1 a:link,div#header h1 a:visited,div#header h1 a:active {
    text-decoration:none;
    color:inherit;
}
div#header ul#leftNav {
    position:absolute;
    right:675px;
    top:0px;
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
    width:auto;
    text-align:right;
}
div#header ul#rightNav {
    position:absolute;
    left:675px;
    top:0px;
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
    width:auto;
    text-align:left;
}
div#header ul#rightNav,div#header ul#leftNav {
    background-color:#dedede;
    border-top:none;
    padding-top:9px;
    padding-right:5px;
    padding-left:5px;
    height:31px;
    width:320px;
    border-left:1px solid #9493a3;
    border-right:1px solid #9493a3;
}
div#header ul#rightNav li, div#header ul#leftNav li {
    display:inline;
    padding:0px;
    margin:0 5px 0 5px;
}
div#header ul#rightNav li a, div#header ul#leftNav li a {
    font-family:Georgia,serif;
    font-weight:normal;
    font-size:0.9em;
    color:#134c84;
    text-decoration:none;
    overflow:visible;
    border-bottom:2px solid #134c84;
}
div#header ul#leftNav li.clusters a {
    border-color:#CB7F0F;
}
div#header ul#leftNav li.sources a {
    border-color:#658709;
}
div#header ul#leftNav li.articles a {
    border-color:#770C85;
}
div#header ul#rightNav li a:hover, div#header ul#leftNav li a:hover {
    color:#093156;
    border-bottom-width:3px;
}
/*
div#header ul#rightNav li a#help {
    padding-right:25px;
    background:url('../images/icons/helpicon_white.png') no-repeat right -3px;
}
div#header ul#rightNav li a#help:hover {
    background:url('../images/icons/helpicon_orange.png') no-repeat right -3px;
}
*/


div#container {
    position:relative;
    width:991px;
    min-height:100%;
    margin:0 auto;
    padding:0;
}
div#main {
    padding:10px 0px;
    margin-left:0px;
    margin-right:99px;
}

div#content {
    position:relative;
    margin:0;
    padding-bottom:20px;
    padding-top:1px;
    height:100%;
    width:891px;
    overflow:visible;
    background-color:#e5e5e5;
    background-image: url("../images/ondalogo_large_blue_bg.png");
    background-position: -200px -100px;
    background-repeat:no-repeat;
}
div#content h2 {
    padding:20px 0px 0px 25px;
}
div#content h3 {
    padding:10px 0px 0px 25px;
    width:auto;
}
div#content h4 {
    padding:10px 0px 0px 25px;
    width:auto;
}
div#content p {
    font-family:Arial,sans-serif;
    font-size:13pt;
    margin:15px 285px 5px 25px;
    line-height:1.2em;
}
div#content ul {
    font-size:13pt;
    margin:10px 285px 5px 25px;
}
div#content div#welcomemessage {
    position:relative;
    padding-bottom:10px;
    background-position: -200px -100px;
    background-repeat:no-repeat;
    overflow:auto;
}
div#content div#welcomemessage h2 {
    margin-top:0px;
}
div#content div#welcomemessage p {
    margin:20px 0px 5px 30px;
    font-size:1.0em;
    font-family:Georgia,serif;
    clear:none;
    width:350px;
}
div#content div#welcomemessage div#video {
    float:right;
    margin:50px 10px 20px 10px;
    border:1px solid #9392a0;
    background:#fff;
    text-align:center;
    font-size:2.2em;
    width:450px;
    height:253px;
}
div#content .barheader {
    padding:5px;
    background-color:#dedede;
    width:auto;
    color:#1a2d47;
    border-top:1px solid #121212;
    border-bottom:3px solid #a51e1c;
    margin:0px;
}
div#content h2.barheader {
    font-size:1.5em;
}
div#content h3.barheader {
    background-color:#efefef;
    font-size:1.2em;
}
div#content div + h3.barheader {
    margin-top:5px;
}
div#content .clusterheader {
    border-bottom-color:#CB7F0F;
}
div#content .sourceheader {
    border-bottom-color:#8FC00F;
}
div#content .articleheader {
    border-bottom-color:#770C85;
}

ul#technologies {
    padding:0;
    margin:10px auto;
    width:90%;
    list-style-type:none;
    text-align:center;
}
ul#technologies li {
    display:inline;
    padding:0px;
    margin:0 20px 0 20px;
}
ul#technologies a {
    width:95px;
    height:95px;
}
ul#technologies a img {
    vertical-align:middle;
    width:95px;
    opacity:0.5;
    filter:alpha(opacity=50);
    margin:auto 0;
}
ul#technologies a:hover img {
    opacity:1.0;
    filter:alpha(opacity=100);
}

img.floatright {
    float:right;
    margin:10px 25px;
}

/* SOURCE PAGE */

span.sourcepaper {
    font-size:0.5em;
    margin-bottom:0px;
}

a.sourcelogo {
    display:block;
    width:290px;
    background-color:#fff;
    float:right;
    margin:10px;
    padding:10px 0px;
}
a.sourcelogo img {
    width:260px;
    margin:0px 10px;
}

/* FORMS */


/* CONTACT FORM */
div#content form {
    margin:10px 25px 5px 25px;
}
form {
    width:400px;
}
form label,form input,form textarea {
    display:block;
    padding-left:2px;
    width:90%;
}
form input.submitbutton {
    padding:2px;
    margin:2px 2px 2px auto;
    width:auto;
}
form label {
    margin:10px 0px 2px 0px;
}
form input {
    margin:2px 0px 2px 0px;
}

div#topformcontrols {
    display:block;
    position:relative;
    margin:0px;
    padding:5px;
    width:auto;
    border-top:1px solid #555;
    border-bottom:1px solid #222;
    background-color:#d4e5b9;
}
div#topformcontrols a:link#resetform,div#topformcontrols a:hover#resetform,div#topformcontrols a:visited#resetform {
    text-decoration:none;
    position:absolute;
    right:85px;
    bottom:6px;
    font-size:0.7em;
}
div#topformcontrols form {
    position:relative;
    margin:0px;
    padding-right:120px;
    width:auto;
}
div#topformcontrols form label,div#topformcontrols form input,div#topformcontrols form textarea {
    display:inline;
}
div#topformcontrols form label {
    line-height:23px;
    font-size:10pt;
    font-family:Verdana,sans-serif;
    font-weight:bold;
    color:#222;
    text-transform:uppercase;
    margin-left:10px;
}
div#topformcontrols form input,div#topformcontrols form select {
    height:23px;
    border:1px solid #212121;
    font-size:10pt;
    text-align:right;
    width:110px;
    margin-right:7px;
}
div#topformcontrols form fieldset.sourceselection {
    padding:3px 0px 3px 10px;
}
div#topformcontrols form fieldset.sourceselection input.sourcecheckbox {
    margin:5px 1px 1px 1px;
    padding:1px;
    width:13px;
    height:13px;
}
div#topformcontrols form fieldset.sourceselection label {
    margin:0px 7px 0px 2px;
    padding:0;
    line-height:12px;
}
div#topformcontrols form fieldset.sourceselection {
    padding:3px 0px 3px 10px;
}

div#sourceselectioncontrols p {
    margin:0;
}
div#sourceselectioncontrols form input.sourcecheckbox {
    display:inline;
    margin:5px 1px 1px 1px;
    padding:1px;
    width:13px;
    height:13px;
}
div#sourceselectioncontrols form label {
    display:inline;
    margin:0px 7px 0px 2px;
    padding:0;
    width:200px;
    line-height:12px;
}
div#topformcontrols form input.submitbutton {
    text-align:center;
    position:absolute;
    right:5px;
    bottom:2px;
    width:70px;
    margin:0px;
    border:1px solid #555;
    border-top:1px solid #555;
    border-bottom:1px solid #222;
    background-color:#9a9a9a;
    color:#121212;
    text-transform:uppercase;
}

/* CHART STUFF */
div.visualization {
    display:block;
    position:relative;
    height:350px;
    width:100%;
}
span.graphcaption {
    display:block;
    text-align:right;
    margin:2px 2px 2px 30px;
    font-size:0.8em;
    color:#333;
}

/* SHADOW PANEL */
.shadowpanel {
    width:100%;
    margin:0 auto 10px auto;
    border-bottom:1px solid #000;
    margin-top:3px;
    border-top:1px solid #000;
    -moz-box-shadow: 0 0px 7px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.5);
}
div.ui-tabs-panel .shadowpanel {
    margin-top:0px;
    -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.5);
}
div#topformcontrols + .shadowpanel {
    margin-top:0px;
    border-top:none;
    -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.5);
}

/* TOOLBOX ON THE RIGHT */

div#toolbox {
    position:absolute;
    width:60px;
    height:70px;
    padding:60px 10px 0px 10px;
    right:0px;
    top:10px;
    overflow:hidden;
    background-color:#fff6c8;
    border:1px solid #134c84;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
div#toolbox a#toolboxbutton {
    position:absolute;
    float:left;
    display:block;
    left:5px;
    top:20px;
    width:10px;
    height:20px;
    z-index:100;
    padding:0;
}
div#toolbox a.expandtoolbox {
    background:url('../images/icons/arrow_expand_grey_left.png') no-repeat top left;
}
div#toolbox a.contracttoolbox {
    background:url('../images/icons/arrow_expand_grey_right.png') no-repeat top left;
}

/* SHARETHIS */
div#toolbox ul#sharethis {
    position:absolute;
    top:82px;
    right:10px;
    height:38px;
    width:55px;
    display:inline;
    text-align:center;
}
div#toolbox ul#sharethis li {
    display:inline;
    margin:1px;
    padding:0;
}
div#toolbox ul#sharethis li a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:1px;vertical-align:middle;}
div#toolbox ul#sharethis li a.stbar.chicklet {height:16px;line-height:16px;}

/* CLUSTER DROPBOX */
div#clusterbox {
    position:absolute;
    top:19px;
    right:19px;
    overflow:hidden;
    height:38px;
    width:38px;
    display:block;
    border:1px dashed #a51e1c;
    color:#134c84;
    font-size:1.8em;
    text-align:center;
}
div#toolbox form#mergersuggestion input {
    top:60px;
    right:10px;
    position:absolute;
    margin:0px;
    width:60px;
    text-align:center;

}
div#clusterstomerge {
    display:none;
    position:absolute;
    top:5px;
    left:20px;
    width:170px;
}
div#clusterstomerge h3 {
    background:#e0d7a6;
    margin-left:17px;
    font-size:0.6em;
    text-align:center;
    text-transform:uppercase;
    padding:5px 0px;
    color:#a51e1c;
}
div#clusterstomerge ul li {
    position:relative;
    padding:0;
    width:119px;
    background-color:#898989;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    height:25px;
    padding-left:5px;
    color:#eeeeee;
    margin:4px 0px 4px 31px;
}
div#clusterstomerge ul li a {
    color:#eeeeee;
}
div#clusterstomerge ul li a.remcluster {
    position:absolute;
    right:0px;
    display:inline-block;
    padding:0px 0px 0px 7px;
    background-color:#9a9a9a;
    width:2px;
    font-size:1.2em;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    height:25px;
    width:18px;
    font-family:Arial,sans-serif;
    color:#a51e1c;
    text-decoration:none;
}

div.clusterdraghelper {
    position:relative;
    padding:0;
    width:119px;
    background-color:#898989;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    height:25px;
    padding-left:5px;
    color:#eeeeee;
    padding:3px 3px 3px 10px;
    z-index:1000;
    text-align:right;
}

/* HELP DIALOG */
div#pagehelp {
    position:absolute;
    top:55px;
    left:125px;
    width:750px;
    height:400px;
    padding:20px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background-color:#333;
    background-color:rgba(30,30,30,0.5);
    display:none;
}
div#pagehelp a.togglehelp {
    position:absolute;
    top:3px;
    right:6px;
    font-size:0.6em;
    color:#fff;
}
div#pagehelp div.helpinner {
    width:auto;
    height:100%;
    background-color:#fff;
    overflow-y:scroll;
}
div.helpinner h2,div.helpinner h3,div.helpinner p {
    margin:10px;
}

/* HELP PAGE */
ol {
    font-size:0.9em;
    list-style-type:decimal;
    margin:5px 50px 10px 35px;
}
ol li {
    margin-left:20px;
}

/* LOADING BOX */
div#pageloading {
    position:absolute;
    top:55px;
    left:125px;
    width:750px;
    height:400px;
    padding:20px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    background-color:#fefefe;
    background-color:rgba(250,250,250,1);
    display:none;
    z-index:100;
}
div#pageloading img,div#pageloading p,div#pageloading h2 {
    display:block;
    margin:0 auto;
}

/* MESSAGES & ERROR MESSAGES */
div#messages,div#errors {
    display:none;
    width:95%;
    margin:5px auto;
    border:1px solid #000;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
div#messages ul,div#errors ul {
    margin:0;
    padding:0;
}
div#messages li,div#errors li {
    border-bottom:1px solid #000;
    padding:0px 0px 5px 0px;
    margin:5px 2px 5px 20px;
}
div#messages li:last-child,div#errors li:last-child {
    border-bottom:none;
}
div#messages h3,div#errors h3 {
    font-size:0.9em;
    margin:0px 0px 10px 0px;
    background-color:#555;
    color:#aaa;
    padding:2px 2px 1px 20px;
}

div#errors {
    border-color:#7f0000;
    background-color:#ffeeee;
}
div#errors h3 {
    background-color:#7f0000;
    color:#ffeeee;
}
div#errors li {
    display:block;
    border-bottom-color:#7f0000;
}

div#messages {
    border-color:#3f7f00;
    background-color:#edffdb;
}
div#messages h3 {
    background-color:#3f7f00;
    color:#edffdb;
}
div#messages li {
    display:block;
    border-bottom-color:#3f7f00;
}
/* GENERAL REUSABLE */

.hideme {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
a.hidethismessage {
    position:absolute;
    font-size:0.6em;
    color:navy;
    text-decoration:none;
    border-bottom:1px dotted navy;
    top:10px;
    right:10px;
}