﻿*
{
    padding: 0;
    margin: 0;
}
html, body
{
    height: 100%;
}
.hideBorders
{
    border: 0px none;
    resize:none;
}
.breadcrumbs
{
    color: Gray;
    font-size: 10px;
}
.breadcrumbs a:link
{
    text-decoration: none;
    color: Gray;
}
.breadcrumbs a:visited
{
    color: Gray;
}
.breadcrumbs a:hover
{
    color: #50a700;
    font-size: 12px;
}
.breadcrumbs a:active
{
    color: Black;
}
.btn, .btnSeeMore, .btnGray
{
    color: #fff;
    font-weight: normal;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #6C7080; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79c649', endColorstr='#44a300'); /* for IE */
    background-color: #44a300; /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#79c649), to(#44a300)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #79c649,  #44a300); /* for firefox 3.6+ */
    cursor: pointer;
    font-size: 13px;
    white-space: nowrap;
}
    .btn[disabled] {
        background-color: grey !important;
	    background: grey !important;
        cursor: not-allowed;
    }
.moveBtn
{
    color: #fff;
    font-weight: normal;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #6C7080; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79c649', endColorstr='#44a300'); /* for IE */
    background-color: #44a300; /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#79c649), to(#44a300)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #79c649,  #44a300); /* for firefox 3.6+ */
    cursor: pointer;
    font-size: 13px;
    white-space: nowrap;
}
.btnGray 
{
    border: 1px solid #606060; 
    background-color: #808080; /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#606060'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#606060)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #808080,  #606060); /* for firefox 3.6+ */
}
.btn, .btnGray 
{
    padding: 2px 7px 2px 7px;
}
.btnSeeMore
{
    padding-top: 1px;
}
.btnCreateConnection
{
    margin-top: 5px;
    width:250px; height:25px; 
    background-color:Green; 
    font-size:14px; 
    vertical-align:middle; 
    text-align:center; 
    padding:10px 10px 0px 10px;
    color: #fff;
    font-weight: normal;
    /*border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; */
    border: 1px solid #6C7080;
    background-color:#44a300; /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#79c649), to(#44a300)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #79c649,  #44a300); /* for firefox 3.6+ */ 
    cursor:pointer;
    padding-bottom: 14px;
}

.btn:hover, .btnCreateConnection:hover, .btnPurple 
{
    border: 1px solid #44a300;
    background-color: #7133AA;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#864fbb), to(#581c8f)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #864fbb,  #581c8f); /* for firefox 3.6+ */
}

.btnGray:hover
{
    border: 1px solid #000000; 
    background-color: #4C4C4C; /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#3D3D3D)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #636363,  #3D3D3D); /* for firefox 3.6+ */
}

.body
{
    font-family: Arial;
    font-size: 14px; /*    background-color:#f7f7f7; */
    background-color: #f7f8f8;
}

.centerBody
{
    width: 60%;
    height: 100%;
}

div.withbackground
{
    background-color: #e3f4d4;
}

.elem
{
    font-size: 12px;
}

.heading, h1
{
    font-size: 18px;
    font-weight: bold;
    color: #50A700;
    padding-top: 10px;
    padding-bottom: 6px;
}

.heading2, h2
{
    font-size: 14px;
    font-weight: bold;
    color: #7133AA;
    padding-top: 6px;
    padding-bottom: 6px;
}

.heading3, h3
{
    font-size: 12px;
    font-weight: bold;
    color: #7133AA;
    padding-top: 6px;
    padding-bottom: 6px;
}

.inputtext
{
    font-size: 12px;
}

input, textarea, select
{
    font-family: Arial;
    font-weight: normal;
    font-size:14px;
}

.label
{
    font-size: 11px;
    font-weight: normal;
    color: #666;
    background-color: transparent;
    vertical-align: top;
    
}

label
{
    display: inline;
}

.loggedin
{
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.r1 elem
{
    font-size: 12px;
}

.r2 elem
{
    font-size: 12px;
}

.style1
{
    font-size: 11px;
    font-weight: normal;
    color: #666;
}
.style2
{
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    margin-bottom: 15px;
}

.style3
{
    font-size: 13px;
    font-weight: normal;
    color: #666;
}


.tdFooter
{
    background-color: #D8D7D8;
    color: #000;
    font-size: 9px;
    padding-top: 0px;
    border-top: 1px solid #000;
    width: 100%;
}
.tdFooter div a
{
    color: #000;
    text-decoration: none;
}
.NewsAndResources
{
    width: 100%;
}
.homeNews_Resources
{
    color: #50A700;
    font: bold 18px/25px segoe ui,verdana,sans-serif;
}

.homeTDFull
{
    width: 870px;
    padding-right: 0px;
    vertical-align: top;
}
.homeTDLeft
{
    width: 695px;
    padding-right: 6px;
    vertical-align: top;
}

.homeTDRight
{
    width: 195px;
    vertical-align: top;
    text-align: center;
}

.leftNav
{
    width: 200px;
    height: 100%;
}

.rightArticle
{
    width: 25%;
    height: 100%;
}

.qlinks
{
    background-image: url('../images/quicklinksBody.png');
    width: 190px;
    height: 38px;
}

.qlinksBottom
{
    background-image: url('../images/quicklinksBottom.png');
    width: 190px;
    height: 40px;
}

.ltd
{
    width: 15px;
}

.qlinksHdr
{
    background-image: url('../images/quicklinksHeader.png');
    width: 190px;
    height: 33px;
}
.topNavMenuSpacer
{
    background-image: url('../images/topNavMenuSpacerBackGround.png');
    height: 33px;
    width: 4px;
}
.topNavMenu, .topNavMenuHover, .topNavMenuChosen, .topNavMenuNoAction
{
    vertical-align: middle;
    height: 39px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin: 0 0 0 0;
    font-size: 12px;
}
.topNavMenuChosen
{
    background-image: url('../images/topNavMenuBackGroundChosen.png');
    color: #fff;
    font-weight: bolder;
}
.topNavMenu, .topNavMenuNoAction, .topNavMenuBlank
{
    background-image: url('../images/topNavMenuBackGround.png');
    color: #515151;
}
.topNavMenuHover
{
    background-image: url('../images/topNavMenuBackGroundHover.png');
    color: #fff;
}
.mainBodyDiv
{
    height: 100%;
    width: 910px;
    margin-right:auto;
    margin-left:auto;
}
.mainBodyDivNoHeader
{
    height: 100%;
    width: 850px;
    margin-right:auto;
    margin-left:auto;
}
.mainFooterDiv .push
{
    height: 120px;
    width: 910px;
    clear: both;
}
.mainContentDivNoHeader
{
    width: 850px;
    min-height: 100%;
    height: auto;
    text-align: left;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
}
mainContentDivRevised {
    width: 600px !important;
    overflow: auto;
    min-height: 100%;
    min-height: 800px;
    height: auto;
    text-align: left;
    background-color: #fcfcfc;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
}

.mainContentDiv
{
    width: 890px !important;
    overflow: inherit;
    min-height: 100%;
    min-height: 800px;
    height: auto;
    text-align: left;
    background-color: #fcfcfc;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
}
.topLogoTbl, .mainContentDiv
{
    border-top: 0px none;
    border-bottom: 0px none;
    border-left-width: 5px;
    border-right-width: 5px;
    box-shadow: 0 0 0 2px #f8f8f8, 0 0 0 3px #f3f3f3, 0 0 0 4px #e6e6e6, 0 0 0 5px #cccccc;
    -moz-box-shadow: 0 0 0 2px #f8f8f8, 0 0 0 3px #f3f3f3, 0 0 0 4px #e6e6e6, 0 0 0 5px #cccccc;
    -webkit-shadow: 0 0 0 2px #f8f8f8, 0 0 0 3px #f3f3f3, 0 0 0 4px #e6e6e6, 0 0 0 5px #cccccc;
}
.loggedIn, .NotLoggedIn
{
    padding: 0px 0px 0px 0px;
}
.err
{
    color: Red;
}
table.MyMapping
{
    width: 100%;
    max-width: 885px;
}
table.MyMappingResults
{
    width: 100%;
    max-width: 885px;
}
th.thInput
{
    text-align: right;
    padding: 0px 10px 6px;
    font-weight: bolder;
    width: 25%;
    vertical-align: top;
}
th.thDisplay
{
    text-align: right;
    padding: 6px 12px 6px;
    font-style: italic;
    font-weight: normal;
}
th.thMappingResults
{
    background-color: Gray;
    color: #ffffff;
}
th.thInputNoSpacing
{
    text-align: left;
    font-weight: bolder;
}
table.TableInput
{
    width: 100%;
}
span.note
{
    font-size: 12px;
    color: Navy;
}
td.leftMenuTd
{
    vertical-align: top;
}

tr.tblSorter, td.tblSorter {
    background-color:#682ca3; 
    height:22px; 
    color:#fff; 
    background-image:none; 
    font-size:10px;
}

table.mapMenu
{
    width: 100%;
    border: 1px solid grey;
    background-color: #ebebeb;
}
td.mapMenuItem
{
    cursor: pointer;
    padding: 4px 2px 4px 5px;
    border-bottom: 1px solid grey;
}
td.mapMenuItem:hover
{
    background-color: #4fa600 !important;
    border-bottom: 1px solid #999;
    color: #fff;
}
td.tdBorder
{
    border: 1px solid grey;
    padding: 5px 5px 5px 5px;
    vertical-align: top;
    width: 20%;
}
td.HowToUse
{
    text-decoration: underline;
    color: #4fa600;
}
.watermark
{
    color: #999;
}
.hidden
{
    display: none;
}

.cedsComment
{
    display: none;
    position: absolute;
    top: 5px;
    right: 90px;
    z-index: 899;
}
tr.even 
{
    background-color: #e3f4d4;
}
tr.odd 
{
    background-color: #f4eef9;
}

tr.even:hover, tr.odd:hover
{
    /*background-color: #4fa600;*/
    /*color: #fff*/
}
.tdLeftNewsResourses
{
    padding: 2px 10px 2px 6px;
}

.tdRightNewsResourses
{
    padding: 2px 10px 2px 6px;
}

.NewsAndResources
{
    width: 680px;
    margin-left: 5px;
}
.notLoggedInTbl
{
    width: 100%;
    height: 150px;
    margin-left: 10px;
}
.tdEverybody, .tdRoleBased, .tdAdminsBased
{
    height: 80px;
    width: 158px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 8px 5px 8px;
}
.tdEverybody
{
    background-color: #76509b;
}
.tdRoleBased
{
    background-color: #999999;
}
.tdAdminsBased
{
    background-color: #4fa600;
}
.noWrap
{
    white-space: nowrap;
}
.liFAQQuestion
{
    font-size: 13px;
    font-weight: bold;
}

.divFAQAnswer
{
    font-size: 12px;
    font-weight: normal;
}
.faqMsg
{
}

.roundedInput
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #6C7080;
    padding-left: 6px;
    height: 20px;
}

.list
{
    margin-left: 0px;
    padding-left: 15px;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}

.list li
{
    padding-left: 3px;
    padding-right: 3px;
}
.ElementsName
{
    font-size: 16px;
    font-weight: normal; /* color: #666; */
}
th.elementsubheading
{
    font-size: 14px;
    font-weight: normal;
    color: #7133AA;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}
.elementsubheading
{
    font-size: 14px;
    font-weight: normal;
    color: #7133AA;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}
td.elementProperty
{
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}
td.tdCedsElements
{
    padding-left: 30px;
    vertical-align: top; 
}

.elementCodeSetTable
{
    border: 1px solid black;
    background-color: white;
    padding: 8px;
    vertical-align: top;
}

.ui-widget-overlay
{
    background-image: none;
    background-color: #404040;
    opacity: .70;
    filter: Alpha(Opacity=70);
}

a.breadcrumbs
{
    font-size: 12px;
    color: #A3A0A1;
}

a:link
{
    color: #1500FF;
}

a:visited
{
    color: #1500FF;
}

a:hover
{
    color: #9B92FC;
}

a:active
{
    color: #1500FF;
}

a.alphalinks
{
    padding-left: 2px;
    padding-right: 2px;
    text-decoration: none;
}

a.alphalinksSelected
{
    color:Red;
}

/* Easy Slider */

#divContentDetails ul, #divContentDetails li, #slider2 ul, #slider2 li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#slider2
{
    margin-top: 1em;
}
#divContentDetails li, #slider2 li
{
    /*  			define width and height of list item (slide) 			entire divContentDetails area will adjust according to the parameters provided here 		*/ /*width:696px;   original  		height:241px;    values     */
    width: 600px;
    height: 425px;
    overflow: hidden;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev
{
    display: block;
    width: 30px;
    height: 77px;
    position: absolute;
    left: 55px;
    top: 71px;
    z-index: 1000;
}
#nextBtn, #slider1next
{
    left: 620px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a
{
    display: block;
    position: relative;
    width: 30px;
    height: 77px;
    background: url('../images/btn_prev.gif') no-repeat 0 0;
}
#nextBtn a, #slider1next a
{
    background: url('../images/btn_next.gif') no-repeat 0 0;
}

/* numeric controls */

ol#controls
{
    margin: 1em 0;
    padding: 0;
    height: 28px;
}
ol#controls li
{
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 28px;
    line-height: 28px;
}
ol#controls li a
{
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    background: #DAF3F8;
    color: #555;
    padding: 0 10px;
    text-decoration: none;
}
ol#controls li.current a
{
    background: #5DC9E1;
    color: #fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus
{
    outline: none;
}
.g a
{
    color: #581c8f;
    text-decoration: none;
}
.n table td p a
{
    color: #581c8f;
}
.Style1c
{
    font-size: 12px;
}

.frameBody
{
    font-family:Arial;
    font-size: 12px;
    margin: 0;
    width: 100%;
    height: 100%;
}
.frameBody p
{
    border: 1px #bbb solid;
    padding: 2px;
}
.rte-zone
{
    width: 100%;
    margin: 0;
    padding: 0;
    height: 160px;
    border: 1px #999 solid;
    clear: both;
}
.rte-toolbar
{
    overflow: hidden;
}
.rte-toolbar a, .rte-toolbar a img
{
    border: 0;
}
.rte-toolbar p
{
    float: left;
    margin: 0;
    padding-right: 5px;
}
.required{
    background-color:Yellow;
}

.ElementVersion3{
    color:#581e93;
    font-size: 20px;
}

.ElementVersion2{
    color:#5dbb23;
    font-size: 20px;
}

a.linkSuggestion:link, a.linkSuggestion:visited
{
    text-decoration: none;
    font-weight: bold;
    color:#000;
}

a.linkSuggestion:hover 
{
	color:#44a300;
	text-decoration: underline;
}
.reportTd
{
    width: 200px !important;
    min-width:200px !important;
    max-width: 200px !important;
    text-align: left;
    padding-left: 4px;
    padding-right: 4px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

.rgDetailTable td
{
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

/* pagination */
div.pagination {
    margin: 3px;
    padding: 3px;
    text-align: center;
}
div.pagination a {
    border: 1px solid #DDDDDD;
    color: #44a300;
    margin-right: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
div.pagination a:hover, div.pagination a:active {
    background-color: #F1FFD6;
    border: 1px solid #85BD1E;
    color: #44a300;
}
div.pagination span.current {
    background-color: #44a300;
    border: 1px solid #DDDDDD;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 2px;
    padding: 2px 5px;
}
div.pagination span.disabled {
    border: 1px solid #F3F3F3;
    color: #CCCCCC;
    margin-right: 2px;
    padding: 2px 5px;
}
.menu-div{
    position:absolute;
    top:0px;
    left:-204px;
    display:none;
} 

.myConnectSideBySide{
    border-spacing: 0px;
    border-collapse:collapse;
}
.myConnectSideBySide td
{
    border: 1px solid gray;
    padding: 1px 2px 1px 2px;
    vertical-align: top;
}

td.refinement-header
{
    background-color:#AC95C0 !important;
    border: 1px solid #606060; 
    -webkit-box-shadow: inset -5px -3px 12px -2px rgba(96,96,96,1);
    -moz-box-shadow: inset -5px -3px 12px -2px rgba(96,96,96,1);
    box-shadow: inset -5px -3px 12px -2px rgba(96,96,96,1);

    font-size:16px;
    font-weight:bold;
    height:24px;
    padding-left: 20px !important;
    padding-top: 5px !important;
}
td.refinement-body
{
    background-color:#E6DBEF !important;
    -webkit-box-shadow: inset -5px -3px 12px -2px rgba(96,96,96,1);
    -moz-box-shadow: inset -5px -3px 12px -2px rgba(96,96,96,1);
    box-shadow: inset -5px -3px 12px -2px rgba(96,96,96,1);
    padding-left: 5px !important;
}
a.descriptor-search-results-refine
{
    color: #000 !important;
    text-decoration: none;
}
a.connection-description-search-results, a.connection-search-results, a.descriptor-search-results
{
    color: #158DBA !important;
    font-weight:bold;
}
div.connection-description-search-results
{
    padding-left: 15px;
}
h1.descriptors-group-header
{
    cursor:pointer;
    color: #682CA3 !important;
}

.CEDSTitlePage
{
    text-align: center;   
    color: #FFFFFF !important;
    padding: 0px;   
    width: 910px; 
    margin-left: -10px;    
}

h1.CEDSTitlePage-Header 
{
    color: #FFFFFF !important;
}

.CEDS-explanatory-Paragraph 	
{    
    padding:0px;      
    font-size: 15px; 
    text-align: center;  
    width: 910px;
    margin-left: -10px;
    margin-top: -4px;
    
}

.CEDS-explanatory-inner-div
{  
  min-height: 70px;  
  display: table; 
}

.CEDS-explanatory-inner-div p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
  color: White;
  width: 890px;
}


.CEDS-GettingStarted {
 text-align: center;
 font-weight: bold;
 font-style: italic;
 font-size: 20px;
 padding: 10px 0px 20px 0px; 
}

.CEDS-HeaderStatement
{
     font-weight:bold;
     font-style: italic;
     padding: 10px 0px 4px 0px;    
     color: #000000;
} 

.CEDS-list 
	{
	    margin-left:0px;
	    padding-left:50px;
	}
	
.CEDS-list li
	{
	   margin:8px 0;
	}
	
.divPageContent a
{
    text-decoration: none;
    color: #50a700;
    font-weight: bold;
}
.infoGraphics 
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
}

.researcher-expand 
{
    border:solid 3px #50a700 !important;
    margin: 5px 50px 15px 50px;
    width: 750px;
    padding: 10px 20px 10px 20px;  
}

.inline-rb input[type="radio"] {
    width: auto;
}


.inline-rb label {
    display: inline;
    padding-left: 2px;
    padding-right: 12px;
}

.ElementReferenceDiv 
{
    background-color:White; 
    border:1px gray solid; 
    min-height:42px; 
    font-size:12px;
}

/*Square checkbox*/
.square-radio {
    border: 4px solid #76509b;
    margin: 2px;
    width: 20px;
    height: 20px;
    position: relative;
}

.square-radio--clicked .square-radio--content {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #76509b;
    width: 15px;
    height: 15px;
}

#typeSel .ui-button-text {
    width: 75px;
}

.ui-dialog {
    z-index:1000 !important;
}

.tablesorter td {
    padding:3px;
}

/*#dialogContainer {
    height: auto !important;
}

.ui-dialog-content {
    height: auto !important;
}*/

#dialogContainer {
    height: auto !important;
}

/*.ui-dialog-content {
    height: auto !important;
}*/

.ui-dialog-content {
    height: auto !important;
}

html .body {
    height: 100%;
}

#divDescriptorsSelect {
    height: 100%;
}
.ui-dropdownchecklist {
    position: relative;
    top: 0;
    left: 0;
}



table.tablesorter td {
    border: 1px solid #CDCDCD;
}