/*==================================================================*/
/*                            G L O B A L                           */
/*==================================================================*/
html, body {
    height: 100%;
    width: 100%;
}

body {
    font-size: 11px;
    font-family: verdana, helvetica, sans-serif;
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 0px;
    background-color: #fffbeb;
    text-align: left;
}

img {
    border: none;
    text-decoration: none;
}

a {
    color: #5c81a7;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

table {
    border: 0px;
    padding: 0px;
    border-collapse: collapse;
}

td {
    vertical-align: top;    
}

.clear {
    clear: both;
}

.center,.center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    top: 50%;
}

.hidden {
    display: none;
    visibility: hidden;
}

.visible {
    display: inline;
    visibility: visible;
}

hr {
    color: #0000ff; 
    size: 10px;
    width: 100%;
}

p {
	line-height: 1.3em;
}
/*==================================================================*/
/*                            L A Y O U T                           */
/*==================================================================*/
#page {
    margin: 0 auto;
    width: 750px;
    text-align: left;
}

#page_ssgt {
    width: 100%;
    margin-top: 10px;
}

#userNav {
    position: absolute;
    padding-right: 20px;
    top: 5px;
    z-index: 20;
    white-space: nowrap;
    text-align: right;
    width: 508px;
    left: 235px;
}

.layout_side_menu {
    float: left;
}

.layout_main_body {
    float: left;
    padding-left: 30px;
    
}

#ssgt_outer {
    width: 85%;
    min-width: 750px;
    min-height: 400px;
    border-right: #ea8369 1px solid;
    border-top: #ea8369 4px solid;
    border-bottom: #ea8369 1px solid;
    border-left: #ea8369 1px solid;
    margin: 0 auto;
    padding: 5px 30px 10px 30px;
    background-color: #ffffff;
}

#ssgt_inner_left {
    float: left;
    width: 320px;
    margin-right: 10px;
}

#ssgt_inner_right {
    float: left;
}

#ssgt_menu {
    float: right;
}

#ssgt_menu a {
    padding-right: 20px;
}

#wantListBox {
    border: #d9d1bd 1px solid;
    padding: 5px;
    background-color: #ffffff;
    min-height: 48px; 
    height: auto !important; height: 48px; /* IE hates me */
}

#wantListBox a {
    color: #0000ff; 
}

#wantListBox .link a {
    color: #5c81a7;
    text-decoration: none;
}

#wantListBox .link a:hover {
    text-decoration: underline;
}

#ssgtTreeBox {

}

#ssgt_search_box {
    border: #d9d1bd 1px solid;
    width: 450px;
    padding: 5px;
}

.float {
    float: left;    
}

.floatRight {
    float: right;
}

.float10 {
    float: left;
    margin-left: 10px;
}

.float20 {
    float: left;
    margin-left: 20px;
}

.indent10 { margin-left: 10px; }
.indent20 { margin-left: 20px; }
.indent30 { margin-left: 30px; }

/*==================================================================*/
/*                 H E A D I N G S  /  L I N K S                    */
/*==================================================================*/
.bodyTitle {
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 10px;
    padding-top: 10px;
    min-width: 300px;
}

.bodySubTitle {
    font-weight: lighter;
    color: #ffffff;
    font-size: 10px;
}

.pageTitle {
    color: #000000;
    font-size: 22px;
}

.subTitle {
    color: #999999;
    font-size: 22px;
}

.subSubTitle {
    color: #4c4c4c;
    font-size: 11px;
    font-weight: bold;
}

.subHeading, .subHeading a {
    color: #555555;
    font-weight: bold;
}

.heading, .heading a {
    color: #555555;
    font-size: 14x;
    font-weight: bold;
    text-decoration: none;
}

.heading a:hover,.subHeading a:hover {
    color: #af9999;
    text-decoration: none;
}

.accountLink A:link,.accountLink A:visited,.accountLink {
    text-decoration: none;
    color: #ffffff;
}

.accountLink A:hover {
    text-decoration: underline;
    color: #ffffff;
}

.boxTitle {
    font-weight: bold;
    padding-left: 5px;
    color: #555555;
    font-size: larger;
}

span.anchor, span.anchorAdd, span.anchorDelete, span.anchorDeleteImg {
    cursor: pointer;
    color: rgb(92, 129, 167);
    text-decoration: none;
}

span.anchor:hover, span.anchorAdd:hover, span.anchorDelete:hover, span.anchorDeleteImg:hover {
    text-decoration: underline;
}

span.anchorDownload {
    padding: 0 0 8px 18px;
    clear: both;
    background: url("../images/download.gif") no-repeat top left;
}

span.anchorAdd {
    padding: 0 16px 8px;
    clear: both;
    background: url("../images/add.png") no-repeat top left;
}

span.anchorDelete {
    /*padding: 0 16px 8px;*/
    clear: both;
    /*background: url("../images/delete.png") no-repeat top left;*/
    font-size: smaller;
}

span.anchorDeleteImg {
    padding: 0 16px 8px;
    clear: both;
    background: url("../images/delete.png") no-repeat top left;
    font-size: smaller;
}


.accountLink span.anchor {
    cursor: pointer;
    color: white;
    text-decoration: none;
}

.accountLink span.anchor:hover {
    text-decoration: underline;
}

/*==================================================================*/
/*                             F O R M S                            */
/*==================================================================*/
.textarea400,.textarea535 {
    font-family: inherit;
    font-size: 11px;
    padding-left: 2px;
    border-bottom: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
    border-right: #c0c0c0 1px solid;
    border-left: #c0c0c0 1px solid;
    height: 75px;
}

.textarea400 {width: 400px;}
.textarea535 {width: 535px;}

.boxLabel {
    color: #999999;
    font-weight: bold;
}

.fieldLabel,.fieldLabelRequiredHidden {
    color: #999999;
    /*color: #333333;*/
    /*font-weight: bold;*/
}

.fieldLabelRequired { /*color: #ea8369;*/
    color: #999999;
    background: url(../images/asterisk_yellow.png) no-repeat top right;
    /*background-image: url(../images/asterisk_yellow.png);*/
    padding: 0 16px 0 0;
    clear: both;
    background-repeat: no-repeat;
}

.fieldLabelTerm {
    cursor: help;
    /*border-bottom: #c0c0c0 1px dashed;*/
    text-decoration: none;
    color: #999999;
}

.textfield25,.textfield50,.textfield75,.textfield120,.textfield150,.textfield185,.textfield250,.textfield400,.textfield525,.textfield535 {
    font-family: inherit;
    font-size: 11px;
    padding-left: 2px;
    border-bottom: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
    border-right: #c0c0c0 1px solid;
    border-left: #c0c0c0 1px solid;
}
.textfield25 {width: 25px;}
.textfield50 {width: 50px;}
.textfield75 {width: 75px;}
.textfield120 {width: 120px;}
.textfield150 {width: 150px;}
.textfield185 {width: 185px;}
.textfield250 {width: 250px;}
.textfield400 {width: 400px;}
.textfield525 {width: 525px;}
.textfield535 {width: 535px;}

.filefield120 {
    font-size: 11px;
    padding-left: 2px;
}

.dropdown110,.dropdown120,.dropdown125,.dropdown130,.dropdown180 {
    font-size: 11px;
    font-family: inherit;
    border-bottom: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
    border-right: #c0c0c0 1px solid;
    border-left: #c0c0c0 1px solid;
}
.dropdown110 {width: 110px;}
.dropdown120 {width: 120px;}
.dropdown125 {width: 125px;}
.dropdown130 {width: 130px;}
.dropdown180 {width: 180px;}

.autocomplete .yui-ac-content {
    font-size: 11px;
    z-index: 100;
    background-color: white;
    border: 1px solid #C0C0C0;
    color: black;
    font-family: inherit;
    margin-top: 2px;
    padding: 0px;
    position: absolute;
    width: 402px;
    height: 100px;
    overflow: auto;
}

.autocomplete ul {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-bottom: 1px solid white;
}

.autocomplete li {
    margin: 0px;
    padding: 2px 0px 2px 2px;
    border: 0px;
    border-bottom: 1px solid white;
}

.autocomplete li.yui-ac-highlight {
    background: #F0F0F0;
    border-bottom: 1px solid #C0C0C0;
    color: black
}

.autocomplete li.yui-ac-prehighlight {
    background: #F0F0F0;
    border-bottom: 1px solid #C0C0C0;
    color: black
}

.submitButton {
    font-size: 11px;
    min-width: 50px;
    width: expression(clientWidth < 50 ? "50px" : "auto");
    font-family: inherit;
}

.nextStep {
    font-weight: bold;
    color: #555555;
}

.nextStepText {
    color: #555555;
}

#formBoxLinks, #boxLinks {
    position: relative;
    float: right;
}

/*==================================================================*/
/*                            F O O T E R                           */
/*==================================================================*/
#footer {
    margin-left: auto;
    margin-right: auto;
    font-size: 9px;
    width: 750px;
    margin-top: 50px;
}

#footer_short {
    margin-left: auto;
    margin-right: auto;
    font-size: 9px;
    width: 750px;
    margin-top: 20px;
}

#footer_body {
    border-top: #d9d1bd 1px dashed;
    border-bottom: #d9d1bd 1px dashed;
    padding-top: 5px;
    padding-left: 5px;
    width: inherit;
    height: 90px;
    background-color: #ffffff;
}

#footer_bottom {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 10px;
}

#footer_bottom li { 
    border-left: #5c81a7 1px solid;
    display: inline;
    padding: 0px 10px;
}

#footer_bottom li.first {
    border-left: 0px solid;
}

#footer_bottom #home {
    border-top: #d9d1bd 1px dashed;
    width: 550px;
    padding-top: 7px;
    text-align: center;
    position: relative;
    left: 100px
}

.footer_link_group_first {
    float: left;
    padding-left: 20px;
    padding-right: 30px;
    border-right: #d9d1bd 1px dashed;
}

.footer_link_group_second {
    float: left;
    padding-left: 20px;
}

.footer_link_group {
    float: left;
    padding-left: 60px;
}

.footer_heading {
    padding: 0;
    margin: 0;
    color: #555555;
    font-size: 9px;
    font-weight: bold;
}

.footer_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer_list a:link,.footer_list a:visited,.footer_list {
    text-decoration: none;
    color: #555555;
}

.footer_list a:hover {
    text-decoration: none;
    color: #5c81a7;
}

/*==================================================================*/
/*                        S I D E    M E N U                        */
/*==================================================================*/
.sideMenuLink a:link,#sideMenuLink a:visited,#sideMenuLink {
    text-decoration: none;
    color: #000000;
}

.sideMenuLink a:hover {
    text-decoration: underline;
    color: #000000;
}

.sideMenuBox {
    border: #d9d1bd 2px solid;
    background-color: #ffffff;
    padding: 3px;
    margin: 0px;
    width: 150px;
}

.sideMenuTitle {
    color: #555555;
    font-weight: bold;
    font-size: 12px;
}

.sideMenuItems {
    margin-bottom: 0px;
    margin-top: 2px;
}

.sideMenuItems li {
    list-style: none;
    margin-left: 0px;
}

.sideMenuItems li a,#sideMenuItems li a:link,#sideMenuItems li a:visited
    {
    background-image: url(../images/bullet_go.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 7px 20px;
    text-decoration: none;
    line-height: 1.8em;
    color: #000080;
}

.sideMenuItems li a:hover {
    background-image: url(../images/bullet_go.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 7px 20px;
    text-decoration: underline;
    line-height: 1.8em;
    color: #000080;
}

/*==================================================================*/
/*                              H E L P                             */
/*==================================================================*/
#helpContainer {
    width: 540px;
    padding: 5px;
    border-right: #ea8369 1px solid;
    border-top: #ea8369 4px solid;
    border-bottom: #ea8369 1px solid;
    border-left: #ea8369 1px solid;
    background-color: #ffffff;
    overflow: auto;
}

.helpContainerInner {
    float: left;
    padding-left: 10px;
    padding-top: 10px;
}

.helpHidden em {
    display: none;
}

.helpVisible em {
    display: block;
    position: absolute;
    margin-left: 0px;
    margin-top: -5px;
    font-style: normal;
    font-size: 10px;
    border: 1px solid #ccd2d2;
    padding: 1px;
    background-color: #eeeeee;
    color: #000000;
}

/*==================================================================*/
/*                              L I S T S                           */
/*==================================================================*/
.bulletListGeneric {
    margin-bottom: 0;
    margin-top: 0;
}

.bulletListGeneric li {
    list-style: none;
    margin-left: 0;
    background-image: url(../images/bullet_orange.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 0 0 0 16px;
    text-decoration: none;
    line-height: 1.4em;
}

.orderedListGeneric {
    margin: 0 0 0 10px;
}

.orderedListGeneric li {
    text-decoration: none;
    line-height: 1.4em;
    list-style: decimal;
}


.document {
    margin-bottom: 0;
    margin-top: 2px;
}

.document li {
    list-style: none;
}

.document li a,.document li a:link,.document li a:visited {
    background-image: url(../images/document.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 7px 20px;
    text-decoration: none;
    line-height: 1.8em;
    color: #333333;
}

.document li a:hover {
    background-image: url(../images/document.png);
    background-repeat: no-repeat;`
    padding: 0px 0px 7px 20px;
    text-decoration: underline;
    line-height: 1.8em;
    color: #333333;
}

.niemActionList {
    margin-bottom: 0px;
    margin-top: 0px;
}

.niemActionList li {
    list-style: none;
    background-image: url(../images/bullet_go.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 0px 16px;
    text-decoration: none;
    line-height: 1.6em;
}

.niemActionLink A:link,.niemActionLink A:visited,.niemActionLink {
    text-decoration: none;
    color: #333333;
}

.niemActionLink A:hover {
    text-decoration: underline;
    color: #333333;
    cursor: pointer;
}

.bulletListArrow {
    margin-bottom: 0px;
    margin-top: 0px;
}

.bulletListArrow li {
    list-style: none;
    margin-left: 0;
    background-image: url(../images/bullet_arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 0px 16px;
    text-decoration: none;
    line-height: 1.4em;
}

/*==================================================================*/
/*                            T A B L E S                           */
/*==================================================================*/
.boxEvenRow {
    background-color: #fff4e8;
}

.boxOddRow {
    background-color: #ffffff;
}

.tableBox {
    border: #c0c0c0 1px solid;
    background-color: #ffffff;
}

thead {
    background-color: #e5e4e8;
    font-weight: bold;
}

.artifactTable {
    vertical-align: top;
    
}

.artifactTable tbody tr td {
    padding: 5px 0px 10px 0px;
    border-bottom: #efe0e0 1px dashed;
}

.artifactTable thead tr td {
    background-color: #ffffff;
    font-weight: bold;
    border-bottom: #cfc2c2 2px solid;
    padding-bottom: 3px;
}

.conformanceTable {
    vertical-align: top;
    margin-top: 10px;
}

.conformanceTable tbody tr td {
    padding: 5px 0px 10px 10px;
    border-bottom: #efe0e0 1px dashed;
}

.conformanceTable thead tr td {
    background-color: #ffffff;
    font-weight: bold;
    border-bottom: #cfc2c2 2px solid;
    padding-bottom: 3px;
}

.searchTable {
    vertical-align: top;
    margin-top: 5px;c
    width: 100%;
}

.searchTable tbody tr td {
    padding: 5px 0px 10px 10px;
    border-bottom: #efe0e0 1px dashed;
}

.searchTable thead tr th {
    background-color: #ffffff;
    font-weight: bold;
    border-bottom: #cfc2c2 2px solid;
    padding-bottom: 3px;
    padding-left: 5px;
}

/*==================================================================*/
/*                   G E N E R A L    B O X E S                     */
/*==================================================================*/
.formBox, .formBoxFull {
    border-right: #ea8369 1px solid;
    border-top: #ea8369 4px solid;
    border-bottom: #ea8369 1px solid;
    border-left: #ea8369 1px solid;
    padding: 5px;
    border-collapse: collapse;
    background-color: #ffffff;
    width: 540px;
}

.errorBox, .errorBoxFull,
.messageBox, .messageBoxFull {
    background-color: #ffffff;
    width: 520px;
    border: #c8d7e2 2px solid;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 4px;
    padding-right: 4px;
}

.formBoxFull, .errorBoxFull, .messageBoxFull {width: 738px;}

.shade-on, .shade-frame {
    position: absolute;
    top: 100px;
    z-index: 99;
    background-color: #ffffff;
    width: 745px;
    height: 400px;
    color: #000000;
    border: #c8d7e2 5px solid;
}

.box {
    border-right: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
    border-bottom: #c0c0c0 1px solid;
    border-left: #c0c0c0 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #ffffff;
}

.codeBox {
    border: #4b7296 1px dashed;
    padding: 5px;
    border-collapse: collapse;
    background-color: #d1e1ef;
    width: 510px;
    font-family: monospace;
    margin-top: 10px;
    font-size: 10px;
}

.documentation {
    padding-top: 3px;
    margin-left: 10px;
}

.documentation ul {
    margin-left: 5px;   
}

.migrationBox div {
    margin-left: 20px;
    margin-right: 20px;
}

.downloadLinkBox div {
    margin: 5px 20px 20px 20px;    
}

.downloadLinkBox div div {
    margin: 0 0 0 20px;    
}

.screenshot {
    border: #4b7296 1px solid;
}