html {height: 98%;}

body {background-color: white; font-family: "arial";
      margin: 0px; height: 100%;}

table {width: 100%; border-collapse: collapse;
       border: 0px; margin: 0px; padding: 0px;}
td {border: 0px; margin: 0px; padding: 0px;}

p {text-align: justify;}

p a {color: #455260; text-decoration: underline;}

div.linklist a {color: #455260; text-decoration: none;}

a {text-decoration: none; color: inherit;}

a img {border: none;}

div.minwidthshaper
{
    min-width: 640px;
    width: expression(document.body.clientWidth<640?"639px":"auto");
    height: 100%;
}

div.excludemargins {position: relative; left: 5%; width: 90%; height: 100%;}

table.verticalseparation    {height: 100%;}
td.verticalseparationtop    {vertical-align: top;}
td.verticalseparationbottom {vertical-align: bottom;}

div.titlestrip
{
    position: static;
    height: 60px;
    width: 100%;
    background-image: url("images/titlebanner.png");
    background-position: top left;
    font-size: 0px;
}

div.titlestripbelow
{
    width: 100%;
    height: 16px;
    font-size: 0px;
    background-position: bottom left;
    background-color: #a9adb9;
    background-image: url("images/titlebanner.png");
}

div.butterflystrip
{
    position: static;
    height: 60px;
    width: 100%;
    background-image: url("images/butterflybanner.jpg");
    background-position: top left;
    background-repeat: no-repeat; 
    background-color: #a9adb9;
}

div.pathstrip
{
    height: 60px;
    width: 100%;
    background-image: url("images/pathbanner.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #acacac;
}

div.hivestrip
{
    height: 60px;
    width: 100%;
    background-image: url("images/hivebanner.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #cfcfcf;
}

div.birdstrip
{
    height: 60px;
    width: 100%;
    background-image: url(images/birdbanner.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #909090;
}

div.vspacer {font-size: 0px; width: 100%;}
div.headermainspacer {height: 40px;}
div.mainfooterspacer {height: 30px;}
div.striptaglinespacer {height: 10px;}

table.navigator td
{
    background-color: #a9adb9;
    font-family: "Times New Roman";
    color: white;
    text-align: center;
    font-weight: normal;
    font-size: larger;
    width: 20%;
    border-bottom: 1px solid black;
}

table.navigator td a {color: white;}

table.navigator td div.nav
{
    border-left: 1px solid #a9adb9;
    border-right: 1px solid #a9adb9;
    border-top: 1px solid #a9adb9;
    border-bottom: 0 px;
    background-position: top left;
    background-repeat: repeat-x;
}

td.quicklinkscolumn    {width: 20%; vertical-align: top;}
td.spacercolumna       {width: 4%;}
td.spacercolumnb       {width: 2%;}
td.columna, td.columnb {width: 37%; vertical-align: top;}
td.singlecolumnspacer  {width: 10%;}
td.singlecolumn        {width: 56%; vertical-align: top;}



td.quicklinkscolumn div.quicklinkstitle
{
    width: 100%;
    font-size: larger;
    font-weight: bold;
    color: #708090;
    background-color: white;
}

td.quicklinkscolumn div
{
    margin-top: 2px;
    width: 100%;
    background-color: #c9cdd9;
    color: #384048;
    background-repeat: repeat-x;
    background-position: top left;
}

td.quicklinkscolumn div a
{
    color: #384048;
}


td.quicklinkscolumn table {border: 1px solid black;}
td.quicklinkscolumn div.quicklinkstitle table {border: 0px;}

td.quicklinkscolumn div.quicklinkstitlelinksspacer {height: 10px; background-color: white;}
td.quicklinkscolumn div.quicklinksspacer {height: 10px; background-color: white;}

td.quicklinkscolumn td   {vertical-align: top; padding: 1px;}
td.quicklinkscolumn td.s {width: 2ex;}
td.quicklinkscolumn td.b {width: 1ex;}


div.columntitlebox table      {height: 10px;}
div.columntitlebox table td.l {width: 13px;}
div.columntitlebox table td.r {width: 13px;}
div.columntitlebox table td   {padding: 1px;}
div.columntitlebox div.columntitle {
    padding-left: 10px; padding-right: 10px;
    font: bold 1.5em "Times New Roman"; text-align: right;
    border-left: 1px solid; border-right: 1px solid;
    border-top: 0px; border-bottom: 1px;}
div.columntitlebox div.columntitleleft {
    padding-left: 10px; padding-right: 10px;
    font: bold 1.5em "Times New Roman"; text-align: left;
    border-left: 1px solid; border-right: 1px solid;
    border-top: 0px; border-bottom: 1px;}
div.columntitlebox div.columntitle span.super, div.columntitlebox div.columntitleleft span.super {display:block; font-size:0.7em;}


div.columntitlebox div.aboutus table.t        {background-image: url(images/pinkorangeu.png);}
div.columntitlebox div.aboutus table.t td.l   {background-image: url(images/pinkorangelu.png);}
div.columntitlebox div.aboutus table.t td.r   {background-image: url(images/pinkorangeru.png);}
div.columntitlebox div.aboutus table.b        {background-image: url(images/pinkoranged.png);}
div.columntitlebox div.aboutus table.b td.l   {background-image: url(images/pinkorangeld.png);}
div.columntitlebox div.aboutus table.b td.r   {background-image: url(images/pinkorangerd.png);}
div.columntitlebox div.aboutus div.columntitle{background-color: #ffc8c0; border-color: #ff4000;}
table.navigator td div.aboutus, td.quicklinkscolumn div.aboutus
{background-color: #ffc8c0; color: #3f1000; border-color:black; background-image: url(images/pinkorangeug.png);}
table.navigator td div.aboutus a, td.quicklinkscolumn div.aboutus a
{color: #3f1000;}

div.columntitlebox div.technol table.t        {background-image: url(images/blueu.png);}
div.columntitlebox div.technol table.t td.l   {background-image: url(images/bluelu.png);}
div.columntitlebox div.technol table.t td.r   {background-image: url(images/blueru.png);}
div.columntitlebox div.technol table.b        {background-image: url(images/blued.png);}
div.columntitlebox div.technol table.b td.l   {background-image: url(images/blueld.png);}
div.columntitlebox div.technol table.b td.r   {background-image: url(images/bluerd.png);}
div.columntitlebox div.technol div.columntitle{background-color: #a3d3ff; border-color: #0061b8;}
div.columntitlebox div.technol div.columntitleleft{background-color: #a3d3ff; border-color: #0061b8;}
table.navigator td div.technol, td.quicklinkscolumn div.technol
{background-color: #a3d3ff; color: #00305c; border-color:black; background-image: url(images/blueug.png);}
table.navigator td div.technol a, td.quicklinkscolumn div.technol a
{color: #00305c;}

div.columntitlebox div.partner table.t        {background-image: url(images/yelou.png);}
div.columntitlebox div.partner table.t td.l   {background-image: url(images/yelolu.png);}
div.columntitlebox div.partner table.t td.r   {background-image: url(images/yeloru.png);}
div.columntitlebox div.partner table.b        {background-image: url(images/yelod.png);}
div.columntitlebox div.partner table.b td.l   {background-image: url(images/yelold.png);}
div.columntitlebox div.partner table.b td.r   {background-image: url(images/yelord.png);}
div.columntitlebox div.partner div.columntitle{background-color: #ffffb9; border-color: #fdff35;}
table.navigator td div.partner, td.quicklinkscolumn div.partner
{background-color: #ffffb9; color: #3e3f0d; border-color:black; background-image: url(images/yeloug.png);}
table.navigator td div.partner a, td.quicklinkscolumn div.partner a
{color: #3e3f0d;}

div.columntitlebox div.contact table.t        {background-image: url(images/chocu.png);}
div.columntitlebox div.contact table.t td.l   {background-image: url(images/choclu.png);}
div.columntitlebox div.contact table.t td.r   {background-image: url(images/chocru.png);}
div.columntitlebox div.contact table.b        {background-image: url(images/chocd.png);}
div.columntitlebox div.contact table.b td.l   {background-image: url(images/chocld.png);}
div.columntitlebox div.contact table.b td.r   {background-image: url(images/chocrd.png);}
div.columntitlebox div.contact div.columntitle{background-color: #ffc669; border-color: #a06100;}
table.navigator td div.contact, td.quicklinkscolumn div.contact
{background-color: #ffc669; color: #5a3000; border-color:black; background-image: url(images/chocug.png);}
table.navigator td div.contact a, td.quicklinkscolumn div.contact a
{color: #5a3000;}

div.columntitlebox div.careers table.t        {background-image: url(images/lightcyanu.png);}
div.columntitlebox div.careers table.t td.l   {background-image: url(images/lightcyanlu.png);}
div.columntitlebox div.careers table.t td.r   {background-image: url(images/lightcyanru.png);}
div.columntitlebox div.careers table.b        {background-image: url(images/lightcyand.png);}
div.columntitlebox div.careers table.b td.l   {background-image: url(images/lightcyanld.png);}
div.columntitlebox div.careers table.b td.r   {background-image: url(images/lightcyanrd.png);}
div.columntitlebox div.careers div.columntitle{background-color: #c0e0e0; border-color: #008080;}
table.navigator td div.careers, td.quicklinkscolumn div.careers
{background-color: #c0e0e0; color: #004040; border-color: black; background-image: url(images/lightcyanug.png);}
table.navigator td div.careers a, td.quicklinkscolumn div.careers a
{color: #004040;}

div.columntitlebox div.website table.t        {background-image: url(images/grayu.png);}
div.columntitlebox div.website table.t td.l   {background-image: url(images/graylu.png);}
div.columntitlebox div.website table.t td.r   {background-image: url(images/grayru.png);}
div.columntitlebox div.website table.b        {background-image: url(images/grayd.png);}
div.columntitlebox div.website table.b td.l   {background-image: url(images/grayld.png);}
div.columntitlebox div.website table.b td.r   {background-image: url(images/grayrd.png);}
div.columntitlebox div.website div.columntitle{background-color: #c9cdd9; border-color: #5a637f;}
table.navigator td div.website, td.quicklinkscolumn div.website
{background-color: #c9cdd9; color: #2d313f; border-color: black; background-image: url(images/grayug.png);}
table.navigator td div.website a, td.quicklinkscolumn div.website a
{color: #2d313f;}

table.subtitle {margin-top: 1.5em;}

table.subtitle td.l
{
    width: 100%;
    vertical-align: bottom;
}

table.subtitle td.l div
{
    width: 100%;
    border-bottom: 1px solid black;
    margin-bottom: 0.3em;
    margin-left: 2px;
}

table.subtitle td.d
{
    width: auto;
    font-family: "Times New Roman";
    font-weight: normal;
    font-size: larger;
    vertical-align: bottom;
}

table.subtitle td.d span.cap
{
    font-size: larger;
    font-weight: bold;
}

p.wdropcap {display: table;}

p span.dropcap
{
    float: left;
    font-family: "Georgia", "Times New Roman", serif;
    line-height:0.7em;
    font-size: 4em;
    color: gray;
    padding-top: 5px;
}

div.indent
{
    margin-left: 30px;
}

div.designation
{
    text-align: right;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight:bold;
    font-size: 80%;
    color: #00309B;
}



div.oneirixlogo {height: 80px; width: 100%; text-align: left;
                 background-image: url("images/headerlineslice.png");}

div.tagline {height: 43px; width: 100%; text-align: right;
             background-image: url("images/footerlineslice.png");}

div.copyright {font-size: 0.7em;}

img.teammember {float:left; border:2px solid lightgray; width:7em; height:9em; padding:0.5em; margin:0.5em; margin-left: 0em; display:none;}

div.tableencapsulation {display: table; width: 100%; border-collapse: collapse; border:0px; margin: 0px; padding: 0px;}

div.tableencapsulation p.flush {margin-top:0px; padding-top:0px;}

/* For Associate Program topic list */

span.subject {display:block;padding-left:5px;padding-bottom:0.35em;padding-top:1em;text-align:justify;}

span.subject span.subjecttitle {display:block;font-weight:bold; margin-top:0.5em; margin-bottom:0.5em; color:blue; color:darkblue;}

span.subject span.unit {display:list-item; text-align:justify; margin-bottom:0.5ex; margin-left:1em;}

span.subject span.unit span.unittitle {font-style:italic; display:inline; font-size:0.85em;}

span.subject span.topiclist {margin-left:0em; text-align:justify;}

span.subject span.unit span.topiclist {margin-left:0.2em;}

span.subject span.topiclist span.topic {font-size:0.85em;}

span.subject span.topiclist span.topic:after  {content:", ";}
span.subject span.topiclist span.topic:last-child:after {content:"";}

/* For FAQ */

div.questionanswerlist {padding-top:2em;}
div.questionanswerlist div.questionanswer {padding-top:1em;}
div.questionanswerlist div.questionanswer div.question {color:blue; color:darkblue; text-align:justify;}

/* Associate Program profiles */

div.participant {margin-top:1.5em;}
div.participant span.name {display:block; font-weight:bold; /*color:blue; color:darkblue;*/}
div.participant span.infoblock {display:table;}
div.participant span.infoblock span.para {text-align:justify;display:block;}
div.participant span.infoblock img.participant {float:left; border:2px solid lightgray; width:7em; height:9em; margin:0.5em; margin-left:0em; display:none;}

/* Form fields */

form.entranceform input, form.entranceform textarea {border:2px solid gray;}
form.entranceform textarea {width:100%; height:15em;}
form.entranceform input.textinput {/*border:2px solid gray; */margin-top:0.5em; margin-bottom:0em;}
form.entranceform input.textinputcontinuation {/*border:2px solid gray; */margin-top:0.1em; margin-bottom:0em;}
form.entranceform input.textinputv {/*border:2px solid gray; */margin-top:0.5em; margin-bottom:0em; text-align:center;}
form.entranceform input.textinputv:disabled {background-color: rgb(230,230,230); border:2px solid rgb(200,200,200); color:inherit;}
form.entranceform div.submit {text-align:right;}
form.entranceform tr.hcenter td {text-align:center;}
form.entranceform td {vertical-align:center;}
form.entranceform td.fieldname {padding-right:1em; font-size:0.8em; font-weight:bold; text-align:left;}
form.entranceform thead td {font-size:0.8em; font-weight:bold; text-align:center;}
form.entranceform p.description {font-size:0.8em;}
p.formerror {font-size:0.8em; color:red;}
p.formerror.result {font-size:inherit;}
p.formcorrect {font-size:0.9em; color:green;}
p.formcorrectm {display:none;}
form.entranceform table.minimal {width:auto;}

/* Collapsing framework */

div.uncollapsed *.switch {cursor: pointer;}

div.collapsed *.switch {cursor: pointer;}

div.collapsed span.collapsing, div.collapsed div.collapsing {display: none;}