body{color:#333;font:14px/21px "news-gothic-std","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6,#embededTitle,#EmbededNavigationPanel input{color:#181818;font-family:"adobe-caslon-pro","Baskerville","Palatino","Georgia","Times New Roman","Times",serif;font-style:normal;font-weight:normal;line-height:1em;padding-bottom:.15em;padding-top:.1em;}
h1 a>span.amp,h2 a>span.amp,h3 a>span.amp,h4 a>span.amp,h5 a>span.amp,h6 a>span.amp,h1 span.amp,h2 span.amp,h3 span.amp,h4 span.amp,h5 span.amp,h6 span.amp{display:inline-block;font-style:italic;margin-left:-0.15em;margin-right:.05em;}
a img{border:0;}

body 
{
    padding:0px;
    margin:0px;
}
#embededContainer
{
    /*
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    */
}
#embededHeader
{
    background:url('https://ManagementTools.wlu.edu/images/v4/content/bg-header.gif');
    text-align:right;
    padding:5px 10px 5px 10px;
    box-shadow:inset 0px -6px 12px -4px #000000;
}
#embededTitle
{
    color:White;
    font-size:2.2em;
    padding-top:10px;
    border-bottom:1px dotted White;
}
#embededIdentity
{
    font-size:.7em;
    color:#EEE;
    padding-top:2px;
    padding-right:2px;
}
#EmbededNavigationPanel
{
    width:100%;
    margin:0px;
    padding:0px;
    background-color:#21428B;
    box-shadow:0px 1.5px 2px 0px #5f5f5f;
    text-align:center;
}
#EmbededNavigationPanel a
{
    color:White;
    margin:0px;
    padding:9px 17px;
    border:.5px solid #3152ab;
    display:inline-block;
    text-decoration:none;
}
.inactiveEmbededTab
{
    background-color:#21428B;
}
.inactiveEmbededTab:hover
{
    background-color:#3152ab !important;
    color:#FDEAB8 !important;
}
.activeEmbededTab
{
    background-color:rgb(25,44,77);
    color:#FDEAB8 !important;
}
#embededContents
{
    padding:8px 6px;
    box-shadow:inset 0px -6px 9px -6px #000000;
    min-height:200px;
}
.title { font-size:2em; line-height:2em; }


#PinLoginPanel
{
    position:fixed;
    top:100px;
    left:50%;
    margin-left:-250px;
    width:500px;
    min-height:300px;
    max-height:600px;
    border:2px solid #21428B;
    background-color:White;
    padding:10px;
    overflow:auto;
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 5px 5px 5px #444488;
    
    z-index:99;
}
#PinLoginPanel table
{
    margin-left:auto;
    margin-right:auto;
}

.inputBlock { float:left; margin-right:10px; white-space:nowrap; }


/* ----------------------------------------------------------------- */
/* Responsive Design                                                 */
/* ----------------------------------------------------------------- */
.gt1140px { display:inline-block; }
.lt1140px { display:none; }
.lt960px { display:none; }
.lt600px { display:none; }

.twoEvenColumnsA { float:left; width:49%; }
.twoEvenColumnsB { float:left; width:49%; margin-left:2%; }

.threeEvenColumnsA { float:left; width:32%; }
.threeEvenColumnsB { float:left; width:32%; margin-left:2%; }
.threeEvenColumnsC { float:left; width:32%; margin-left:2%; }

/* ----------------------------------------------------------------- */
/* Debug                                   remove space to enable -->* /
.twoEvenColumnsA { background-color:#FAA; }
.twoEvenColumnsB { background-color:#AFA; }

.threeEvenColumnsA { background-color:#FAA; }
.threeEvenColumnsB { background-color:#FFA; }
.threeEvenColumnsC { background-color:#AFA; }
/* ----------------------------------------------------------------- */

@media only screen and (min-width:960px) and (max-width:1140px)
{
    .gt1140px { display:none; }
    .lt1140px { display:inline-block; }
    .lt960px { display:none; }
    .lt600px { display:none; }

    #embededTitle { font-size:2em; padding-top:6px; }
    #embededIdentity { font-size:.68em; }
    #embededNavigation input { padding:8px 15px; }
}
@media only screen and (min-width:600px) and (max-width:960px)
{
    .gt1140px { display:none; }
    .lt1140px { display:none; }
    .lt960px { display:inline-block; }
    .lt600px { display:none; }

    #embededTitle { font-size:1.75em; padding-top:3px; }
    #embededIdentity { font-size:.66em; }
    #embededNavigation input { padding:7px 13px; }
    
    .twoEvenColumnsA { float:none; width:100%; }
    .twoEvenColumnsB { margin-top:5px; margin-left:0px; float:none; width:100%; }
    
    .threeEvenColumnsA { width:49%; }
    .threeEvenColumnsB { width:49%; margin-left:2%; }
    .threeEvenColumnsC { width:49%; margin-top:3px; margin-left:51%; border-top:1px dotted #DDD; }
    
    .columnwrap { float:none; }
}
@media only screen and (max-width:600px)
{
    .gt1140px { display:none; }
    .lt1140px { display:none; }
    .lt960px { display:none; }
    .lt600px { display:inline-block; }

    #embededHeader { text-align:center; padding-top:0px; }
    #embededTitle { font-size:1.5em; }
    #embededIdentity { font-size:.64em; }
    #embededNavigation input { padding:6px 11px; }
    .full-featured { display:none; }
    
    .twoEvenColumnsA { float:none; width:100%; }
    .twoEvenColumnsB { float:none; width:100%; margin-top:3px; margin-left:0px; border-top:1px dotted #DDD; }
    
    .threeEvenColumnsA { float:none; width:100%; }
    .threeEvenColumnsB { float:none; width:97%; margin-top:3px; margin-left:3%; border-top:1px dotted #DDD; }
    .threeEvenColumnsC { float:none; width:97%; margin-top:3px; margin-left:3%; border-top:1px dotted #DDD; }
    
    .columnwrap { float:none; }
    
    .labelcolumn { text-align:left; }
}


/* ----------------------------------------------------------------- */
/* Layout                                                            */
/* ----------------------------------------------------------------- */
.clear { clear:both; }
.hidden { display:none; }

.floatRight { float:right; }
.floatLeft { float:left; }

.smaller { font-size:.8em; }
.muchsmaller { font-size:.7em; }
.altRow { background-color:#F6F6F6; }
.indented { margin-left:15px; }
.error { color:Red; font-weight:bold; }
.warning { color:#EE0; }
.enabled { background-color:#9F9; }
.disabled { color:#666; }
.padded { padding:4px 3px 3px 3px; }
.paddedright { margin-right:4px; background-color:red; }
.open { background-color:#9F9; }
.closed { background-color:#FF9; }
.red { color:Red; }
.green { color:Green; }
.gray { color:#AAA; }
.nowrap { white-space:nowrap; }

.lightgreen { background-color:#DFD; }
.lightyellow { background-color:#FFC; }
.lightorange { background-color:#FEA; }
.lightred {
    background-color:#FDD;
}
.lightgray {
    background-color:#DDD;
}

.circled
{
    border:1px dashed Red;
    background-color:White;
    padding:1px 2px 1px 2px;
    -moz-border-radius: 10px;
    border-radius:10px;
}

.announcement 
{
    position: fixed;
    top:200px;
    left:50%;
    margin-left:-25%;
    width:50%;
    height:300px;
    background-color:White;
    padding:10px;
    margin-top:4px;
    border:4px solid Gray;
    -moz-border-radius:7px;
    border-radius:7px;
}
.closeAnnouncement 
{
    float:right;
    padding:3px;
    margin-top:-5px;
    margin-right:-5px;
    border:2px solid Gray;
    -moz-border-radius:7px;
    border-radius:7px;
}
.closeAnnouncement:hover
{
    background-color:#AFA;
}
/*
** Treeview nodes
*/
.tv {  }
.tv td div { height: 20px !important }
.tvNode { margin:1px; border:1px solid transparent; }
.tvNode:hover { border:1px solid Green; }
.editableTvNode { background-color:#9F9; }
.inactiveTvNode { color:#999; font-style:italic; }
.selectedTvNode .tvNode { border:1px solid Red; }
.selectedTvNode .tvNode::after { content:" > > >"; padding-right:5px; }

.fullwidth { width:100%; max-width:100% }
.nearlyfullwidth { width:99%; max-width:99% }
.fullheight { height:100% }
.threequarterwidth { width:75%; }
.twothirdwidth { width:66.66%; }
.halfwidth { width:50%; }
.onethirdwidth { width:33.33%; }
.onequarterwidth { width:25%; }

.resultsPanel { max-height:200px; overflow:auto; border:1px dotted Gray; padding:5px; }

.modalWindowBackground
{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:White;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    
    
    z-index:100;
}
.modalWindow
{
    position:fixed;
    top:45%;
    left:0px;
    right:0px;
    text-align:center;
    font-size:2.5em;
    font-style:italic;
    
    z-index:101;
}
.formPanel
{
    position:fixed;
    top:70px;
    right:100px;
    bottom:100px;
    left:100px;
    background-color:White;
    border:2px solid Gray;
    padding:10px 10px 20px 10px;
    overflow:auto;
    
    
    z-index:101;
}
.closeButton
{
    position:fixed;
    top:80px;
    right:130px;
    /*
    float:right;
    margin-left:10px;
    color:Red;
    background-color:White;
    margin-top:-10px; margin-right:-10px;
    border:2px solid Gray;
    padding:2px 4px 3px 4px;
    -moz-border-radius: 10px;
    border-radius:10px;
    */
}
.closeButton:hover
{
    background-color:#AFA;
}
.workflowDetails { border-bottom:1px dotted Black; padding-bottom:10px; margin-bottom:10px; }
.workflowDetails2 { margin-bottom:10px; }
.floatSection { float:left; margin-right:15px; white-space:nowrap; }

#debug
{
    font-size:0.7em;
    line-height:1em;
    position:fixed;
    right:0px;
    bottom:0px;
    background-color:#FFD;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    height:300px;
    overflow:auto;
    padding:5px;
    border:1px dotted Gray;
    z-index:102;
}
#debugToggle
{
    font-size:0.7em;
    line-height:1em;
    position:fixed;
    right:2px;
    bottom:2px;
    text-decoration:none;
    border:1px solid Gray;
    -moz-border-radius: 6px;
    border-radius:6px;
    padding:0px 3px 1px 3px;
    background-color:White;
    z-index:103;
}
#debugClear
{
    font-size:0.7em;
    line-height:1em;
    position:fixed;
    right:16px;
    bottom:2px;
    text-decoration:none;
    border:1px solid Gray;
    -moz-border-radius: 6px;
    border-radius:6px;
    padding:0px 3px 1px 3px;
    background-color:White;
    z-index:103;
}
.even1 td { width:100%; display:inline-block; }
.even2 td { width:50%; display:inline-block; }
.even3 td { width:33.33%; display:inline-block; }
.even4 td { width:25%; display:inline-block; }
.even5 td { width:20%; display:inline-block; }
.even6 td { width:16.66%; display:inline-block; }
.even7 td { width:14.28%; display:inline-block; }
.even8 td { width:12.5%; display:inline-block; }
.even9 td { width:11.11%; display:inline-block; }
.even10 td { width:10%; display:inline-block; }
.even11 td { width:9.09%; display:inline-block; }
.even12 td { width:8.33%; display:inline-block; }


.faq { margin:0px 0px 5px 20px; padding: 5px; border: 1px dotted Gray; }



.boxed { border:1px solid Gray; padding:5px; margin-right:5px; float:left; }
.nounderline { text-decoration:none; }
.grid { }
.grid th { padding:2px; }
.grid td { padding:2px; }

.datagrid { border:1px solid black; padding:2px; border-collapse:collapse; }
.datagrid th { border:1px solid black; padding:2px; border-collapse:collapse; }
.datagrid td { border:1px solid black; padding:2px; border-collapse:collapse; }

.maxwidth300 { max-width:300px; }


.xstv { border:1px solid black; padding:2px; white-space:nowrap; overflow:auto; }
.collapsable { border:1px solid gray; padding:2px; white-space:nowrap; overflow:auto; }